/* CanteenHub polish layer — loads AFTER app.css. Additive only; delete this file to revert. */
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap");

:root{
  --ch-ease:cubic-bezier(.2,.7,.2,1);
  --ch-shadow-sm:0 1px 2px rgba(0,29,74,.06),0 2px 8px rgba(0,29,74,.05);
  --ch-shadow-md:0 8px 24px rgba(0,29,74,.10);
  --ch-ring:0 0 0 3px rgba(0,61,165,.25);
}
body{font-family:Inter,"Segoe UI",system-ui,-apple-system,Arial,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
::selection{background:var(--nu-gold);color:#14213d}
html{scrollbar-width:thin;scrollbar-color:#b8cbe8 transparent}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-thumb{background:#c5d3ea;border-radius:99px;border:2px solid var(--bg)}

/* Page entrance */
body{animation:ch-fade .45s var(--ch-ease) both}
@keyframes ch-fade{from{opacity:0}to{opacity:1}}
@keyframes ch-rise{from{opacity:0;transform:translateY(14px)}}

/* Accessible focus */
a:focus-visible,button:focus-visible,.btn:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;box-shadow:var(--ch-ring)}

/* Header: frosted, sticky, gold active marker */
.top{position:sticky;top:0;z-index:20;transition:box-shadow .25s}
.landing-nav{backdrop-filter:saturate(1.4) blur(10px);background:rgba(255,255,255,.88)}
.is-scrolled.landing-page .landing-nav,.is-scrolled .top{box-shadow:0 6px 24px rgba(0,29,74,.12)}
.main-nav a{position:relative}
.main-nav a.active::after{content:"";position:absolute;left:10%;right:10%;bottom:-6px;height:3px;border-radius:3px;background:var(--nu-gold)}

/* Brand mark: real logo badge (emoji were removed, so these were empty) */
.brand-mark:empty,.logo>span:empty{
  display:inline-block;width:34px;height:34px;border-radius:10px;flex:0 0 34px;
  background:var(--nu-blue) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f5b800' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 15h18a9 9 0 0 0-18 0z'/%3E%3Cpath d='M2 19h20'/%3E%3Cpath d='M12 6V4'/%3E%3C/svg%3E") center/20px no-repeat;
  box-shadow:0 4px 12px rgba(0,61,165,.28)
}
.brand-mark:not(:empty){display:inline-grid;place-items:center;min-width:34px;height:34px;padding:0 6px;border-radius:10px;background:var(--nu-gold);color:#14213d;font-size:13px;font-weight:900;letter-spacing:.5px}

/* Icon tiles (customer / owner / admin / hero card) drawn with SVG masks */
.role-icon,.hero-card-icon{font-size:0}
.role-icon::before,.hero-card-icon::before{content:"";width:26px;height:26px;background:currentColor;-webkit-mask:var(--ico) center/contain no-repeat;mask:var(--ico) center/contain no-repeat}
.customer-icon{color:var(--nu-blue);--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4z'/%3E%3Cpath d='M3 6h18'/%3E%3Cpath d='M16 10a4 4 0 0 1-8 0'/%3E%3C/svg%3E")}
.owner-icon{color:#a77b00;--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 9l1-5h16l1 5'/%3E%3Cpath d='M3 9a3 3 0 0 0 6 0 3 3 0 0 0 6 0 3 3 0 0 0 6 0'/%3E%3Cpath d='M5 12v8h14v-8'/%3E%3Cpath d='M10 20v-5h4v5'/%3E%3C/svg%3E")}
.admin-icon{color:#3d4b66;--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2 4 5v6c0 5 3.4 9.4 8 11 4.6-1.6 8-6 8-11V5z'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E")}
.hero-card-icon{color:#a77b00;--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 15h18a9 9 0 0 0-18 0z'/%3E%3Cpath d='M2 19h20'/%3E%3Cpath d='M12 6V4'/%3E%3C/svg%3E")}

/* Buttons, cards, tables */
.btn{letter-spacing:.1px;box-shadow:var(--ch-shadow-sm)}
.btn:active{transform:translateY(0) scale(.98)}
.btn.is-loading{pointer-events:none;opacity:.8;position:relative}
.btn.is-loading::after{content:"";width:14px;height:14px;margin-left:10px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:ch-spin .7s linear infinite}
@keyframes ch-spin{to{transform:rotate(360deg)}}
.card,.store-card,.role-card,.review-card,.quick-card{transition:transform .2s var(--ch-ease),box-shadow .2s,border-color .2s}
.card{box-shadow:var(--ch-shadow-sm)}
.store-card:hover,.quick-card:hover{box-shadow:var(--ch-shadow-md);border-color:#b8cbe8}
.table{border-radius:12px;overflow:hidden}
.table th{font-size:12px;letter-spacing:.8px;text-transform:uppercase}
.table tbody tr{transition:background .15s}
.table tbody tr:hover{background:#f3f7ff}
.status-pill,.badge{box-shadow:inset 0 0 0 1px rgba(0,0,0,.04)}
.alert{border-left:4px solid currentColor;transition:opacity .5s,transform .5s}
.alert.is-leaving{opacity:0;transform:translateY(-6px)}
input,select,textarea{transition:border-color .15s,box-shadow .15s}

/* Auth pages: soft dotted backdrop + role pill glow */
.auth-page{background:radial-gradient(circle at 1px 1px,#d5e0f3 1px,transparent 0) 0 0/22px 22px,linear-gradient(180deg,#f6f9ff,#eef3fb)}
.auth-card{animation:ch-rise .55s var(--ch-ease) both;position:relative;overflow:hidden}
.auth-card::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,var(--nu-blue),var(--nu-gold))}
.pw-wrap{position:relative;display:block}
.pw-toggle{position:absolute;right:10px;bottom:9px;border:0;background:none;color:var(--muted);font-size:12px;font-weight:800;cursor:pointer;padding:4px 6px;border-radius:6px}
.pw-toggle:hover{color:var(--nu-blue);background:var(--nu-blue-soft)}

/* Scroll reveal (only when JS is on) */
.js .reveal{opacity:0}
.js .reveal.in{opacity:1;animation:ch-rise .6s var(--ch-ease) backwards;animation-delay:var(--d,0s)}

/* ===== Signature: live order ticket on landing hero ===== */
.hero-ticket{position:absolute;z-index:4;right:-2%;bottom:-6%;width:236px;background:#fff;border-radius:16px;padding:14px 16px 16px;box-shadow:0 22px 50px rgba(0,29,74,.28);border:1px solid #e6edf8;animation:ch-float 6s ease-in-out infinite}
@keyframes ch-float{50%{transform:translateY(-8px)}}
.hero-ticket::before,.hero-ticket::after{content:"";position:absolute;top:50%;width:12px;height:12px;border-radius:50%;background:#e9f0fc;margin-top:-6px}
.hero-ticket::before{left:-6px}.hero-ticket::after{right:-6px}
.tk-top{display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:800;letter-spacing:.8px;color:var(--muted)}
.tk-top b{color:var(--ink);letter-spacing:0}
.tk-state{margin:10px 0 12px;font-size:15px;font-weight:800;color:var(--nu-blue);min-height:20px;transition:opacity .25s}
.tk-steps{display:flex;align-items:center}
.tk-step{width:14px;height:14px;border-radius:50%;border:2px solid #c9d6ec;background:#fff;flex:0 0 14px;transition:.35s var(--ch-ease)}
.tk-line{flex:1;height:2px;background:#dbe4f0;position:relative;overflow:hidden}
.tk-line::after{content:"";position:absolute;inset:0;background:var(--nu-blue);transform:scaleX(0);transform-origin:left;transition:transform .5s var(--ch-ease)}
.hero-ticket[data-step="1"] .tk-step:nth-of-type(-n+2),
.hero-ticket[data-step="2"] .tk-step:nth-of-type(-n+3),
.hero-ticket[data-step="3"] .tk-step{background:var(--nu-blue);border-color:var(--nu-blue)}
.hero-ticket[data-step="0"] .tk-step:first-child{background:var(--nu-gold);border-color:var(--nu-gold)}
.hero-ticket[data-step="1"] .tk-line:nth-of-type(-n+1)::after,
.hero-ticket[data-step="2"] .tk-line:nth-of-type(-n+2)::after,
.hero-ticket[data-step="3"] .tk-line::after{transform:scaleX(1)}
.hero-ticket[data-step="3"] .tk-step:last-child{background:var(--success);border-color:var(--success)}
.tk-labels{display:flex;justify-content:space-between;margin-top:8px;font-size:9.5px;font-weight:700;color:var(--muted);letter-spacing:.3px}

/* ===== How it works ===== */
.how-section{padding:10px 10px 64px}
.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;max-width:1000px;margin:34px auto 0;position:relative;counter-reset:s}
.steps-grid::before{content:"";position:absolute;left:12%;right:12%;top:27px;border-top:2px dashed #c5d3ea;z-index:0}
.step{position:relative;z-index:1;text-align:center;padding:0 8px}
.step-no{counter-increment:s;width:54px;height:54px;margin:0 auto 14px;border-radius:50%;display:grid;place-items:center;background:#fff;border:2px solid var(--nu-blue);color:var(--nu-blue);font-weight:900;font-size:18px;box-shadow:0 0 0 6px var(--bg)}
.step-no::before{content:counter(s)}
.step:nth-child(even) .step-no{border-color:var(--nu-gold);color:#8a6500}
.step h3{margin:0 0 6px;font-size:16px}
.step p{margin:0;color:var(--muted);font-size:13.5px;line-height:1.55}

/* Landing footer upgrade */
.landing-footer{display:flex;flex-wrap:wrap;gap:10px 28px;justify-content:space-between;align-items:center;max-width:1180px;margin:0 auto;text-align:left;background:transparent;border:0}
.landing-footer-wrap{background:#fff;border-top:1px solid var(--border)}
.landing-footer a{color:var(--muted);font-weight:700}
.landing-footer a:hover{color:var(--nu-blue)}
.foot-links{display:flex;gap:20px}

/* Back to top */
.to-top{position:fixed;right:20px;bottom:20px;width:42px;height:42px;border-radius:50%;border:0;background:var(--nu-blue);color:#fff;cursor:pointer;box-shadow:var(--ch-shadow-md);opacity:0;transform:translateY(10px);pointer-events:none;transition:.25s var(--ch-ease);z-index:30;font-size:18px;line-height:1}
.to-top.show{opacity:1;transform:none;pointer-events:auto}
.to-top:hover{background:var(--nu-blue-dark)}

@media (max-width:900px){
  .hero-ticket{right:0;bottom:-10%}
  .steps-grid{grid-template-columns:repeat(2,1fr);row-gap:28px}
  .steps-grid::before{display:none}
}
@media (max-width:520px){.steps-grid{grid-template-columns:1fr}.hero-ticket{width:210px}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.js .reveal{opacity:1}}
@media print{.to-top,.hero-ticket{display:none}}

/* Notifications and delivery status */
.nav-notify{position:relative!important;display:inline-flex!important;align-items:center;justify-content:center;width:34px;height:34px;margin-left:2px;border-radius:10px;background:#eef4ff;color:var(--nu-blue)!important;text-decoration:none!important}.nav-notify:hover{background:#e4edff}.notify-bell{font-size:13px;font-weight:900;width:19px;height:19px;border:2px solid currentColor;border-radius:50%;display:grid;place-items:center;line-height:1}.notify-count{position:absolute;right:-4px;top:-5px;min-width:18px;height:18px;padding:0 4px;border-radius:99px;background:#d92d20;color:#fff;font-size:10px;font-weight:900;display:grid;place-items:center;border:2px solid #fff}.notifications-page{max-width:900px}.notification-list{display:grid;gap:12px}.notification-card{display:flex;align-items:flex-start;gap:14px;padding:18px}.notification-indicator{width:9px;height:9px;border-radius:50%;margin-top:7px;background:#c8d3e5;flex:0 0 9px}.notification-card.unread{border-color:#9ab9ed;box-shadow:0 8px 24px rgba(0,61,165,.09)}.notification-card.unread .notification-indicator{background:var(--nu-blue);box-shadow:0 0 0 4px #e6efff}.notification-content{flex:1}.notification-content p{margin:7px 0 9px;color:#53657e;line-height:1.55}.notification-card .row{gap:12px}.notification-card .row small{white-space:nowrap}.status-out_for_delivery{background:#eef4ff!important;color:#003da5!important}.status-ready{background:#fff6d7!important}.status-completed{background:#eaf8ef!important}
@media(max-width:760px){.main-nav{gap:7px}.nav-user{display:none}.nav-notify{order:0}.notification-card{padding:14px}.notification-card .row{display:block}.notification-card .row small{display:block;margin-top:4px}}

/* Order history: cleaner app-like fulfillment and date indicators */
.order-method{padding:9px 11px;border:1px solid #e3eaf4;border-radius:12px;background:#fbfdff}
.method-icon{position:relative;background:#eaf1ff!important;overflow:hidden}
.method-icon::before{content:"";width:19px;height:19px;background:var(--nu-blue);-webkit-mask:center/contain no-repeat;mask:center/contain no-repeat}
.method-pickup::before{--method-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 10h18'/%3E%3Cpath d='M5 10v9h14v-9'/%3E%3Cpath d='M4 10 6 5h12l2 5'/%3E%3Cpath d='M9 19v-5h6v5'/%3E%3C/svg%3E");}
.method-delivery::before{--method-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h11v11H3z'/%3E%3Cpath d='M14 10h4l3 3v4h-7z'/%3E%3Ccircle cx='7' cy='19' r='2'/%3E%3Ccircle cx='18' cy='19' r='2'/%3E%3C/svg%3E");}
.method-icon::before{-webkit-mask-image:var(--method-ico);mask-image:var(--method-ico)}
.order-method strong{font-size:14px;color:var(--ink)}
.order-method small{font-size:11.5px;line-height:1.4}
.method-detail-label{display:block;text-transform:uppercase;letter-spacing:.55px;font-size:9px;font-weight:800;color:#7a8ba3;margin-bottom:2px}
.calendar-icon{width:16px;height:16px;display:inline-block;position:relative;flex:0 0 16px;color:var(--nu-blue)}
.calendar-icon::before{content:"";position:absolute;inset:2px 1px 1px;border:1.7px solid currentColor;border-radius:3px}
.calendar-icon::after{content:"";position:absolute;left:4px;right:4px;top:0;height:5px;border-left:1.7px solid currentColor;border-right:1.7px solid currentColor}
.order-date{font-size:12px}
.order-row:hover{background:linear-gradient(90deg,#fff,#fbfdff,#fff)}
@media(max-width:820px){.order-method{padding:10px}.order-date{font-size:12px}}

/* ===== Customer Reviews: polished app-style experience ===== */
.review-order-card{
  position:relative;
  overflow:hidden;
  margin:0 0 14px;
  padding:22px 24px 24px;
  border:1px solid #dbe5f2;
  border-radius:18px;
  background:linear-gradient(180deg,#fff 0%,#fbfdff 100%);
  box-shadow:0 4px 16px rgba(15,39,76,.06);
  transition:transform .2s var(--ch-ease),box-shadow .2s var(--ch-ease),border-color .2s;
}
.review-order-card::before{
  content:"";
  position:absolute;
  left:0;top:0;bottom:0;
  width:4px;
  background:var(--nu-gold);
}
.review-order-card:hover{
  transform:translateY(-2px);
  box-shadow:0 12px 28px rgba(15,39,76,.10);
  border-color:#c8d7eb;
}
.review-order-card > .row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding-bottom:12px;
  border-bottom:1px solid #edf1f7;
}
.review-order-card > .row strong{
  font-size:17px;
  color:var(--ink);
}
.review-order-card > .row .muted{
  font-size:13px;
  font-weight:600;
  color:#6b7d98;
  white-space:nowrap;
}
.review-order-card > p.muted{
  margin:14px 0 16px;
  padding:11px 13px;
  border:1px solid #e7edf5;
  border-radius:10px;
  background:#f7faff;
  color:#60738f;
  font-size:13px;
  line-height:1.55;
}
.review-form{
  width:100%;
  max-width:none;
  margin-top:0;
  display:grid;
  grid-template-columns:auto minmax(260px,1fr) auto;
  align-items:end;
  gap:12px;
}
.star-input{
  display:inline-flex;
  flex-direction:row-reverse;
  align-items:center;
  justify-content:flex-end;
  min-height:48px;
  padding:0 11px;
  border:1px solid #e1e8f2;
  border-radius:12px;
  background:#fff;
}
.star-input input{
  position:absolute!important;
  opacity:0!important;
  width:1px!important;
  height:1px!important;
  margin:0!important;
  pointer-events:none;
}
.star-input label{
  position:relative;
  display:grid;
  place-items:center;
  width:31px;
  height:38px;
  padding:0;
  color:#cbd5e1;
  font-size:27px;
  line-height:1;
  cursor:pointer;
  transition:color .15s,transform .15s;
}
.star-input label::before{content:"★"}
.star-input input:checked ~ label,
.star-input label:hover,
.star-input label:hover ~ label{color:var(--nu-gold)}
.star-input label:hover{transform:translateY(-1px) scale(1.06)}
.star-input input:focus-visible + label{
  outline:2px solid var(--nu-blue);
  outline-offset:2px;
  border-radius:6px;
}
.review-form textarea{
  width:100%;
  min-height:48px;
  height:48px;
  resize:vertical;
  padding:12px 13px;
  border:1px solid #d6e0ec;
  border-radius:12px;
  background:#fff;
  color:var(--ink);
  font:inherit;
  font-size:13px;
  line-height:1.45;
}
.review-form textarea::placeholder{color:#8a9ab0}
.review-form textarea:focus{border-color:#8aa9d5;box-shadow:var(--ch-ring)}
.review-form .btn.small{
  min-height:48px;
  padding:0 18px;
  border-radius:12px;
  font-size:13px;
  font-weight:800;
  white-space:nowrap;
}
.review-details{
  margin-top:14px;
  padding-top:14px;
  border-top:1px solid #edf1f7;
}
.review-details summary{
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:8px 11px;
  border-radius:9px;
  background:#f1f5fb;
  color:var(--nu-blue);
  font-size:13px;
  transition:background .15s;
}
.review-details summary::before{content:"Edit";font-weight:800}
.review-details summary:hover{background:#e7eef9}
.review-details .review-form{margin-top:12px}
.review-order-card .stars{
  display:inline-flex;
  gap:2px;
  color:var(--nu-gold);
  font-size:18px;
  letter-spacing:0;
  white-space:nowrap;
}
.dashboard-section + .dashboard-section{margin-top:42px}
.dashboard-section .section-title-row{margin-bottom:16px}
.dashboard-section .section-title-row h2{margin-top:3px}

@media(max-width:760px){
  .review-order-card{padding:18px 18px 20px;border-radius:15px}
  .review-order-card > .row{align-items:flex-start;flex-direction:column;gap:4px}
  .review-order-card > .row .muted{white-space:normal}
  .review-form{grid-template-columns:1fr;align-items:stretch}
  .star-input{width:max-content}
  .review-form textarea{height:82px}
  .review-form .btn.small{width:100%}
}

/* ===== Owner Reviews: polished feedback dashboard ===== */
.owner-reviews-page{max-width:1180px;margin:0 auto}
.owner-reviews-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:28px}
.owner-reviews-kicker{margin-bottom:6px}
.owner-reviews-title{margin:0;font-size:34px;line-height:1.1;letter-spacing:-.7px}
.owner-reviews-subtitle{margin:8px 0 0;color:#687b98;font-size:15px}
.owner-rating-summary{display:flex;align-items:center;gap:14px;padding:13px 17px;border:1px solid #dce6f3;border-radius:15px;background:#fff;box-shadow:var(--ch-shadow-sm);white-space:nowrap}
.owner-rating-stars{color:var(--nu-gold);font-size:20px;letter-spacing:2px;line-height:1}
.owner-rating-score{font-size:17px;font-weight:800;color:var(--ink)}
.owner-rating-count{font-size:12px;color:#71829b;margin-left:-7px}
.owner-reviews-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.owner-review-card{position:relative;min-width:0;padding:22px 23px 20px;border:1px solid #dce5f1;border-radius:18px;background:#fff;box-shadow:0 4px 15px rgba(15,39,76,.055);transition:transform .2s var(--ch-ease),box-shadow .2s var(--ch-ease),border-color .2s}
.owner-review-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(15,39,76,.10);border-color:#c7d6ea}
.owner-review-card::before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:3px;border-radius:0 4px 4px 0;background:var(--nu-gold)}
.owner-review-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}
.owner-reviewer{display:flex;align-items:center;gap:11px;min-width:0}
.owner-review-avatar{width:40px;height:40px;flex:0 0 40px;display:grid;place-items:center;border-radius:12px;background:#edf3ff;color:var(--nu-blue);font-size:14px;font-weight:900;text-transform:uppercase}
.owner-reviewer-name{font-size:16px;font-weight:800;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.owner-review-rating{text-align:right;flex:0 0 auto}
.owner-review-stars{display:block;color:var(--nu-gold);font-size:16px;letter-spacing:1px;line-height:1.1}
.owner-review-rating small{display:block;margin-top:4px;color:#8090a7;font-size:11px;font-weight:700}
.owner-review-comment{margin:0 0 20px;color:#334967;font-size:15px;line-height:1.65;min-height:48px}
.owner-review-comment.empty{color:#8a98aa;font-style:italic}
.owner-review-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:13px;border-top:1px solid #edf1f6;color:#7587a1;font-size:12px}
.owner-review-order{font-weight:800;color:#536781}
.owner-review-date{white-space:nowrap}
.owner-reviews-empty{padding:44px 24px;text-align:center;border:1px dashed #cbd8e9;border-radius:18px;background:#fbfdff;color:#70829c}
.owner-reviews-empty strong{display:block;color:var(--ink);font-size:17px;margin-bottom:6px}
.owner-reviews-empty p{margin:0;font-size:13px}
@media(max-width:820px){
  .owner-reviews-hero{align-items:flex-start;flex-direction:column}
  .owner-rating-summary{width:100%;box-sizing:border-box}
  .owner-reviews-grid{grid-template-columns:1fr}
}
@media(max-width:520px){
  .owner-reviews-title{font-size:28px}
  .owner-review-head{gap:10px}
  .owner-review-rating{min-width:86px}
  .owner-review-stars{font-size:14px}
  .owner-review-meta{align-items:flex-start;flex-direction:column;gap:5px}
}

/* Order cancellation */
.cancel-link{display:inline-block;margin-top:8px;padding:0;border:0;background:none;color:var(--danger);font-size:13px;font-weight:700;cursor:pointer;text-decoration:underline;text-underline-offset:2px}
.cancel-link:hover{color:#991b1b}
.cancel-btn{margin-top:6px}
.cancel-info{display:block;margin-top:6px;max-width:240px;font-size:12px;line-height:1.35;color:#991b1b}
.cancel-dialog{width:min(460px,calc(100% - 32px));padding:0;border:0;border-radius:16px;box-shadow:0 24px 60px rgba(0,29,74,.28);color:var(--ink)}
.cancel-dialog::backdrop{background:rgba(10,20,45,.5);backdrop-filter:blur(2px)}
.cancel-form{display:grid;gap:14px;padding:24px}
.cancel-form h3{margin:0;font-size:20px}
.cancel-form p{margin:0}
.cancel-form label{display:grid;gap:6px;font-weight:700;font-size:14px}
.cancel-form select,.cancel-form textarea{width:100%;font:inherit;font-weight:400;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:#fff;color:var(--ink)}
.cancel-form textarea{resize:vertical}
.cancel-form .alert{margin:0;font-size:13px}
.cancel-form .alert[hidden]{display:none}
.cancel-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:4px}

/* Direct order + stock */
.stock-line{margin:6px 0 10px;font-size:.9rem;color:#2f7d4f}
.stock-line.low{color:#b7791f}
.stock-line.out{color:#b42318;font-weight:700}
.qty-picker{display:flex;align-items:center;gap:10px;margin:14px 0}
.qty-picker input{width:80px;text-align:center;font-size:1.1rem;padding:8px;border:1px solid #d0d5dd;border-radius:10px}

.qty-picker.small{margin:0;gap:8px}
.qty-picker .qty-val{min-width:28px;text-align:center;font-weight:700;font-size:1.05rem}
.order-bar{position:fixed;left:0;right:0;bottom:0;z-index:50;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 20px;background:#fff;border-top:1px solid #e4e7ec;box-shadow:0 -4px 16px rgba(0,0,0,.08)}
.order-bar.hidden{display:none}