:root {
  --ink:#0d0f12;
  --ink-2:#1a1d21;
  --silver:#c7c9cc;
  --silver-2:#e7e8ea;
  --silver-3:#f4f4f5;
  --white:#ffffff;
  --muted:#646a73;
  --success:#18794e;
  --danger:#b42318;
  --warning:#8a5a00;
  --radius:16px;
  --shadow:0 10px 28px rgba(0,0,0,.08);
  --max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ink);background:var(--white);line-height:1.5;overflow-x:hidden}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
img{max-width:100%;display:block}
:focus-visible{outline:3px solid #72767d;outline-offset:3px}
.container{width:min(100% - 28px,var(--max));margin-inline:auto}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.site-header{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.96);border-bottom:1px solid var(--silver-2);backdrop-filter:blur(12px)}
.header-row{min-height:66px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.brand{display:flex;align-items:center;gap:10px;font-weight:900;letter-spacing:-.02em}
.brand-logo{width:38px;height:38px;object-fit:cover;border-radius:10px;border:1px solid var(--silver-2);background:#fff}
.brand-mark{width:38px;height:38px;border-radius:10px;background:var(--ink);color:#fff;display:grid;place-items:center;font-weight:900}
.nav{display:flex;align-items:center;gap:8px}
.nav a{padding:9px 11px;border-radius:10px;font-weight:700;font-size:.92rem}
.nav a:hover{background:var(--silver-3)}
.mobile-hide{display:none}
.hero{padding:44px 0 28px;background:linear-gradient(180deg,#fff 0%,#f7f7f8 100%);border-bottom:1px solid var(--silver-2)}
.hero-grid{display:grid;gap:24px;align-items:center}
.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.74rem;font-weight:900;color:var(--muted)}
h1,h2,h3,h4,p{margin-top:0}
h1{font-size:clamp(2rem,8vw,4.5rem);line-height:.98;letter-spacing:-.055em;margin-bottom:16px;max-width:820px}
h2{font-size:clamp(1.5rem,5vw,2.6rem);line-height:1.08;letter-spacing:-.035em;margin-bottom:12px}
h3{font-size:1.08rem;line-height:1.25;margin-bottom:8px}
.lead{font-size:1.05rem;color:#3d4249;max-width:680px}
.hero-actions,.actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.btn{appearance:none;border:1px solid var(--ink);background:var(--ink);color:#fff;border-radius:12px;padding:12px 16px;font-weight:850;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;text-align:center}
.btn:hover{background:#25282c}
.btn.secondary{background:#fff;color:var(--ink);border-color:#b9bdc2}
.btn.secondary:hover{background:var(--silver-3)}
.btn.ghost{background:transparent;color:var(--ink);border-color:transparent}
.btn.danger{background:#fff;color:var(--danger);border-color:#e6b9b5}
.btn.small{min-height:38px;padding:8px 11px;font-size:.88rem;border-radius:10px}
.btn.block{width:100%}
.section{padding:32px 0}
.section.soft{background:var(--silver-3);border-block:1px solid var(--silver-2)}
.card{background:#fff;border:1px solid var(--silver-2);border-radius:var(--radius);box-shadow:0 1px 0 rgba(0,0,0,.02);padding:18px}
.card.dark{background:var(--ink);color:#fff;border-color:var(--ink)}
.grid{display:grid;gap:14px}
.grid.two,.grid.three{grid-template-columns:1fr}
.metric{padding:16px;border:1px solid var(--silver-2);border-radius:14px;background:#fff}
.metric-value{font-size:1.75rem;font-weight:950;letter-spacing:-.04em}
.metric-label{color:var(--muted);font-weight:700;font-size:.86rem}
.muted{color:var(--muted)}
.kicker{font-size:.78rem;color:var(--muted);font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.notice{border:1px solid #d8dadd;background:#f8f8f9;border-radius:12px;padding:12px 14px;font-size:.92rem}
.notice.success{border-color:#b8dacb;background:#f2fbf6;color:#0c5c39}
.notice.error{border-color:#efc7c3;background:#fff5f4;color:#8d1f16}
.badge{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;font-size:.76rem;font-weight:900;background:var(--silver-3);border:1px solid var(--silver-2);text-transform:capitalize}
.badge.new{background:#f4f4f5}.badge.contacted{background:#f1f5f9}.badge.negotiating{background:#fff8e6;color:#7a4f00}.badge.quoted{background:#eef4ff;color:#214d93}.badge.confirmed{background:#eef9f3;color:#11633d}.badge.completed{background:#e9f8ef;color:#0d6038}.badge.cancelled{background:#fff1f0;color:#9d2018}
.form-card{max-width:720px;margin-inline:auto}
.form-grid{display:grid;grid-template-columns:1fr;gap:14px}
.field{display:grid;gap:6px}
label{font-weight:800;font-size:.9rem}
.help{font-size:.8rem;color:var(--muted)}
input,select,textarea{width:100%;border:1px solid #c7cbd0;background:#fff;border-radius:11px;min-height:46px;padding:10px 12px;color:var(--ink)}
textarea{min-height:100px;resize:vertical}
input:focus,select:focus,textarea:focus{border-color:#6f747a;outline:3px solid #eceef0}
.checkbox-row{display:flex;align-items:flex-start;gap:10px}
.checkbox-row input{width:20px;min-height:20px;margin-top:2px}
.stepbar{display:flex;align-items:center;gap:8px;padding:14px 0 0;color:var(--muted);font-size:.78rem;font-weight:800}
.stepbar .current{color:var(--ink)}
.menu-shell{padding-bottom:96px}
.filter-block{position:sticky;top:66px;z-index:20;background:rgba(255,255,255,.98);border-bottom:1px solid var(--silver-2);padding:10px 0 12px;backdrop-filter:blur(10px)}
.segment{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.segment.three{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:8px}
.segment button{border:1px solid #c9ccd0;background:#fff;color:var(--ink);border-radius:11px;padding:10px 8px;font-weight:850;font-size:.86rem;min-height:44px}
.segment button.active{background:var(--ink);color:#fff;border-color:var(--ink)}
.category-tabs{display:flex;flex-wrap:wrap;gap:7px;margin-top:9px}
.category-tabs button{border:0;background:var(--silver-3);border-radius:999px;padding:8px 10px;font-weight:800;font-size:.78rem;color:#3b4047}
.category-tabs button.active{background:#d9dbde;color:#0b0c0e}
.menu-section{padding:18px 0 2px;scroll-margin-top:230px}
.menu-section-title{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:2px solid var(--ink);padding-bottom:8px;margin-bottom:12px}
.subcategory-title{font-size:.82rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:15px 0 8px}
.menu-list{display:grid;gap:8px}
.menu-item{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;border:1px solid var(--silver-2);border-radius:13px;padding:13px;background:#fff}
.menu-item.selected{border-color:#6f7378;background:#fafafa;box-shadow:inset 3px 0 0 var(--ink)}
.menu-item-name{font-weight:900}
.menu-item-desc{font-size:.82rem;color:var(--muted);margin-top:2px}
.diet-dot{display:inline-flex;align-items:center;gap:5px;font-size:.72rem;color:var(--muted);font-weight:800;margin-top:5px}
.diet-dot::before{content:"";width:8px;height:8px;border-radius:2px;border:1px solid currentColor;background:#fff}.diet-dot.nonveg::before{background:#333}
.add-btn{width:42px;height:42px;border-radius:11px;border:1px solid #bfc2c6;background:#fff;font-size:1.3rem;font-weight:900}
.add-btn.active{background:var(--ink);color:#fff;border-color:var(--ink)}
.basket-bar{position:fixed;z-index:25;left:0;right:0;bottom:0;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:rgba(255,255,255,.96);border-top:1px solid var(--silver-2);backdrop-filter:blur(12px)}
.basket-inner{max-width:720px;margin:auto;display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}
.basket-count{font-weight:900}.basket-sub{font-size:.76rem;color:var(--muted)}
.empty{padding:28px 18px;text-align:center;border:1px dashed #c6c9cd;border-radius:14px;color:var(--muted)}
.review-group{border-top:1px solid var(--silver-2);padding-top:14px;margin-top:14px}
.review-category{margin-top:12px;font-size:.85rem;text-transform:uppercase;color:var(--muted);letter-spacing:.07em;font-weight:900}
.review-item{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid #f0f0f1;font-weight:800}
.review-item button{border:0;background:transparent;color:var(--danger);font-weight:800}
.order-sheet{max-width:820px;margin:auto}
.order-head{display:flex;flex-direction:column;gap:10px;margin-bottom:14px}
.order-meta{display:grid;grid-template-columns:1fr;gap:8px}
.meta-row{display:grid;grid-template-columns:110px 1fr;gap:8px;padding:8px 0;border-bottom:1px solid var(--silver-2)}
.meta-row strong{font-size:.84rem;color:#4e545b}
.final-menu{margin-top:18px}
.final-menu .menu-heading{background:var(--ink);color:#fff;padding:10px 12px;border-radius:10px;font-weight:950;margin-top:14px}
.final-menu .cat-heading{font-weight:950;font-size:1rem;margin:13px 0 5px}
.final-menu .sub-heading{font-weight:800;color:var(--muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;margin-top:10px}
.final-menu ul{padding-left:20px;margin:5px 0}.final-menu li{font-weight:850;padding:3px 0}
.timeline{display:grid;gap:0;margin-top:14px}.timeline-row{display:grid;grid-template-columns:18px 1fr;gap:9px}.timeline-dot{width:10px;height:10px;border-radius:50%;background:var(--ink);margin-top:6px}.timeline-content{border-left:1px solid var(--silver-2);padding:0 0 16px 12px;margin-left:-14px}.timeline-content small{color:var(--muted)}
.footer{border-top:1px solid var(--silver-2);padding:26px 0 90px;color:var(--muted);font-size:.86rem}
/* Admin */
.admin-body{background:#f5f5f6}
.admin-header{position:sticky;top:0;z-index:40;background:#0d0f12;color:#fff;border-bottom:1px solid #25282c}
.admin-header .header-row{min-height:62px}
.admin-nav{display:none}
.admin-shell{display:block;min-height:calc(100vh - 62px)}
.admin-main{padding:18px 0 94px}
.admin-title{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap;margin-bottom:16px}
.admin-title h1{font-size:1.9rem;line-height:1.05;margin:0;letter-spacing:-.04em}
.admin-bottom-nav{position:fixed;z-index:50;left:0;right:0;bottom:0;background:#fff;border-top:1px solid var(--silver-2);display:grid;grid-template-columns:repeat(5,1fr);padding-bottom:env(safe-area-inset-bottom)}
.admin-bottom-nav a{display:grid;place-items:center;gap:2px;padding:10px 4px 8px;font-size:.69rem;font-weight:850;color:#50555c}.admin-bottom-nav a.active{color:#000;background:#f7f7f8}
.table-wrap{overflow-x:auto;border:1px solid var(--silver-2);border-radius:14px;background:#fff}
table{width:100%;border-collapse:collapse;min-width:640px}th,td{text-align:left;padding:11px 12px;border-bottom:1px solid var(--silver-2);vertical-align:top;font-size:.87rem}th{background:#f6f6f7;font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:#5e636a}tr:last-child td{border-bottom:0}
.list-card{display:grid;gap:10px}.order-row{display:grid;grid-template-columns:1fr auto;gap:10px;padding:14px;border:1px solid var(--silver-2);border-radius:13px;background:#fff}.order-row strong{display:block}.order-row small{display:block;color:var(--muted);margin-top:2px}
.admin-form-grid{display:grid;grid-template-columns:1fr;gap:12px}
.menu-admin-section{border:1px solid var(--silver-2);border-radius:14px;background:#fff;margin-bottom:14px;overflow:hidden}.menu-admin-head{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:14px;background:#f2f2f3;border-bottom:1px solid var(--silver-2)}.menu-admin-body{padding:14px}.sub-admin{border-left:3px solid #d4d6d9;padding-left:12px;margin:14px 0}.item-admin{border:1px solid #ececee;border-radius:11px;padding:10px;margin:8px 0;background:#fafafa}.inline-fields{display:grid;grid-template-columns:1fr 90px;gap:8px}.inline-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:end}.compact input,.compact select,.compact textarea{min-height:40px;padding:8px 9px}.compact label{font-size:.78rem}
.codebox{background:#111317;color:#fff;padding:12px;border-radius:11px;word-break:break-all;font-family:ui-monospace,Consolas,monospace;font-size:.82rem}
.copy-row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}
.status-pills{display:flex;flex-wrap:wrap;gap:6px}
.auth-shell{min-height:100vh;display:grid;place-items:center;background:#f3f3f4;padding:20px}.auth-card{width:min(100%,440px);background:#fff;border:1px solid var(--silver-2);border-radius:18px;padding:22px;box-shadow:var(--shadow)}
.print-only{display:none}
@media(min-width:700px){
  .mobile-hide{display:inline-flex}.hero{padding:68px 0 48px}.hero-grid{grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr)}
  .grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
  .admin-form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.order-meta{grid-template-columns:repeat(2,minmax(0,1fr))}.order-head{flex-direction:row;align-items:flex-start;justify-content:space-between}
}
@media(min-width:980px){
  .admin-bottom-nav{display:none}.admin-shell{display:grid;grid-template-columns:230px 1fr}.admin-sidebar{display:block;background:#17191d;color:#d9dce0;padding:18px 12px;min-height:calc(100vh - 62px);position:sticky;top:62px;height:calc(100vh - 62px)}.admin-sidebar a{display:block;padding:10px 11px;border-radius:10px;font-weight:800;font-size:.87rem;margin-bottom:3px}.admin-sidebar a:hover,.admin-sidebar a.active{background:#2a2d32;color:#fff}.admin-main{padding:26px 0 40px}.admin-nav{display:flex;align-items:center;gap:10px}.admin-title h1{font-size:2.25rem}
}
@media print{
  .site-header,.admin-header,.admin-sidebar,.admin-bottom-nav,.no-print,.footer{display:none!important}.print-only{display:block}.admin-body,body{background:#fff}.container{width:100%;max-width:none}.card{border:0;box-shadow:none;padding:0}.admin-main{padding:0}.order-sheet{max-width:none}.final-menu .menu-heading{background:#222!important;color:#fff!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}a{color:#000}
}

/* Special dish requests + compact confirmation slip */
.special-request-banner{display:grid;grid-template-columns:1fr;gap:12px;margin:14px 0 4px;padding:16px;border:1px solid #bfc3c8;border-left:4px solid var(--ink);border-radius:14px;background:linear-gradient(180deg,#fff,#f7f7f8)}
.special-request-banner h2{font-size:1.12rem;margin:2px 0 5px}.special-request-banner p{margin:0;color:var(--muted);font-size:.88rem;line-height:1.45}
.request-dialog{width:min(92vw,560px);border:0;padding:0;border-radius:18px;box-shadow:0 22px 60px rgba(0,0,0,.22);background:#fff}.request-dialog::backdrop{background:rgba(0,0,0,.58)}.request-dialog-card{padding:18px}.request-dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}.icon-close{border:1px solid var(--silver-2);background:#fff;border-radius:10px;width:40px;height:40px;font-size:1.5rem;line-height:1}
.requested-dish-list{display:grid;gap:8px;margin-top:10px}.requested-dish-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--silver-2)}.requested-dish-row:last-child{border-bottom:0}.request-status{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;font-size:.72rem;font-weight:900;white-space:nowrap;background:#f1f2f3;color:#3d4248}.request-status.approved{background:#e9f8ef;color:#0d6038}.request-status.rejected{background:#fff1f0;color:#9d2018}.request-status.pending{background:#fff8e6;color:#7a4f00}
.requested-admin-list{display:grid;gap:10px}.requested-admin-row{display:grid;grid-template-columns:1fr;gap:10px;padding:12px;border:1px solid var(--silver-2);border-radius:12px;background:#fafafa}.prewrap{white-space:pre-wrap}
.confirmation-slip{max-width:720px;margin:auto;background:#fff}.slip-header{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;border-bottom:3px solid #111;padding-bottom:12px;margin-bottom:14px}.slip-header h1{font-size:1.6rem;margin:2px 0}.slip-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 14px;margin-bottom:16px}.slip-meta div,.slip-contact div{display:grid;grid-template-columns:82px 1fr;gap:10px;border-bottom:1px solid #d6d8db;padding:7px 0}.slip-meta strong,.slip-contact strong{text-transform:uppercase;font-size:.76rem;letter-spacing:.05em}.slip-menu-box{border:2px solid #222;padding:14px;margin:12px 0 16px}.slip-menu-box h2{font-size:1.1rem;margin:0 0 10px;text-transform:uppercase}.slip-menu-name{background:#17191d;color:#fff;font-weight:950;padding:7px 9px;margin:10px -4px 8px}.slip-category{margin:10px 0}.slip-category>strong{font-size:1rem;text-transform:uppercase}.slip-category ul{margin:5px 0 0;padding-left:20px}.slip-category li{font-weight:800;padding:2px 0}.slip-sub{display:block;color:var(--muted);font-size:.76rem;text-transform:uppercase;letter-spacing:.06em;margin-top:4px}.slip-comments{margin:14px 0}.slip-comments>strong{text-transform:uppercase;font-size:.8rem;letter-spacing:.05em}.slip-comment-box{min-height:62px;border:1.5px solid #222;margin-top:6px;padding:10px;white-space:pre-wrap}.slip-contact{display:grid;gap:0}
@media(min-width:700px){.special-request-banner{grid-template-columns:1fr auto;align-items:center}.requested-admin-row{grid-template-columns:minmax(160px,1fr) 150px minmax(190px,1.2fr) auto;align-items:end}.slip-meta{grid-template-columns:repeat(5,minmax(0,1fr))}.slip-meta div{display:block}.slip-meta strong,.slip-meta span{display:block}.slip-meta span{font-size:1.05rem;font-weight:900;margin-top:3px}}
@media print{.confirmation-slip{max-width:none}.slip-menu-box{break-inside:avoid}.slip-comment-box{min-height:50px}.request-status{border:1px solid #999}}

@media print{ @page{size:A5 portrait;margin:10mm} .confirmation-slip{width:100%;font-size:10.5pt} .slip-header h1{font-size:18pt}.slip-menu-box{border-width:1.5pt} }

/* =========================================================
   Spice-inspired dark catering theme
   Matte charcoal + black + silver with restrained teal accents.
   Keeps the original mobile-first layout and avoids heavy effects.
   ========================================================= */
:root{
  --theme-bg:#09100f;
  --theme-panel:#111817;
  --theme-panel-2:#171f1e;
  --theme-charcoal:#343b40;
  --theme-line:#3b4745;
  --theme-text:#f4f7f6;
  --theme-muted:#aeb8b6;
  --theme-teal:#25cbb6;
  --theme-teal-soft:#8be6da;
  --theme-brown:#5a2a12;
  --theme-shadow:0 14px 32px rgba(0,0,0,.24);
}

body{
  color:var(--theme-text);
  background:
    radial-gradient(circle at 10% 28%, rgba(106,48,17,.72) 0, rgba(106,48,17,0) 34%),
    radial-gradient(circle at 64% 34%, rgba(0,94,82,.48) 0, rgba(0,94,82,0) 40%),
    linear-gradient(135deg,#120d0a 0%,#101413 46%,#071918 100%);
  background-attachment:fixed;
}

.site-header{
  background:rgba(52,59,64,.97);
  border-bottom:1px solid #56605f;
  box-shadow:0 8px 22px rgba(0,0,0,.16);
}
.brand{color:#fff}
.brand-logo{border-color:#66706f;background:#151b1a}
.brand-mark{background:#0b1211;color:var(--theme-teal);border:1px solid #5a6664}
.nav a{color:#dce3e2;border:1px solid transparent}
.nav a:hover{background:#252c30;color:var(--theme-teal);border-color:#59615f}

.hero{
  background:linear-gradient(180deg,rgba(20,26,25,.72),rgba(8,15,14,.28));
  border-bottom:1px solid rgba(126,145,141,.28);
}
.eyebrow,.muted,.help,.kicker,.basket-sub,.menu-item-desc,.timeline-content small{color:var(--theme-muted)}
.lead{color:#c7cfcd}

.section.soft{background:rgba(8,14,13,.58);border-block-color:rgba(126,145,141,.24)}
.card,
.metric,
.menu-item,
.order-row,
.menu-admin-section,
.auth-card,
.table-wrap{
  background:rgba(15,22,21,.94);
  border-color:var(--theme-line);
  color:var(--theme-text);
  box-shadow:var(--theme-shadow);
}
.card.dark{background:#0b100f;border-color:#394341}
.metric-label{color:var(--theme-muted)}

.btn{
  background:#111716;
  border-color:#88928f;
  color:#fff;
}
.btn:hover{background:#172421;border-color:var(--theme-teal);color:var(--theme-teal-soft)}
.btn.secondary{
  background:#252d2c;
  color:#fff;
  border-color:#7b8582;
}
.btn.secondary:hover{background:#303a38;border-color:var(--theme-teal);color:var(--theme-teal-soft)}
.btn.ghost{color:#e3e8e7}
.btn.danger{background:#221615;color:#ffb4ad;border-color:#7f4d48}

.notice{background:#1a2221;border-color:#56615f;color:#e4e9e8}
.notice.success{background:#10261f;border-color:#2f735e;color:#9be2c6}
.notice.error{background:#2c1716;border-color:#8b4b46;color:#ffc0ba}

input,select,textarea{
  background:#101716;
  color:#f6f8f7;
  border-color:#5f6a68;
}
input::placeholder,textarea::placeholder{color:#87918f}
input:focus,select:focus,textarea:focus{border-color:var(--theme-teal);outline:3px solid rgba(37,203,182,.18)}
.checkbox-row input{accent-color:var(--theme-teal)}

.filter-block{
  background:rgba(48,55,59,.98);
  border-bottom-color:#596360;
  box-shadow:0 10px 20px rgba(0,0,0,.16);
}
.segment button{
  background:#111817;
  color:#f4f6f5;
  border-color:#697370;
}
.segment button:hover{border-color:var(--theme-teal);color:var(--theme-teal-soft)}
.segment button.active{
  background:#0e1c1a;
  color:var(--theme-teal);
  border-color:var(--theme-teal);
  box-shadow:inset 0 0 0 1px rgba(37,203,182,.1);
}
.category-tabs button{background:#202827;color:#dbe1df;border:1px solid #45504e}
.category-tabs button.active{background:#0e1c1a;color:var(--theme-teal);border-color:var(--theme-teal)}
.menu-section-title{border-bottom-color:#77817f}
.subcategory-title{color:#c0c8c6}
.menu-item{box-shadow:0 6px 16px rgba(0,0,0,.12)}
.menu-item.selected{background:#0d211e;border-color:var(--theme-teal);box-shadow:inset 3px 0 0 var(--theme-teal),0 6px 16px rgba(0,0,0,.12)}
.diet-dot{color:#aeb7b5}
.diet-dot::before{background:transparent}
.diet-dot.nonveg::before{background:#d74438;border-color:#ff7369}
.add-btn{background:#1f2826;color:#fff;border-color:#73807d}
.add-btn:hover{border-color:var(--theme-teal);color:var(--theme-teal)}
.add-btn.active{background:var(--theme-teal);color:#07100f;border-color:var(--theme-teal)}

.basket-bar{
  background:rgba(20,27,26,.97);
  border-top-color:#505b58;
  box-shadow:0 -10px 24px rgba(0,0,0,.22);
}
.empty{border-color:#596360;color:#aeb8b6;background:rgba(12,18,17,.5)}
.review-group,.review-item,.meta-row{border-color:#384240}
.review-category{color:#b9c2c0}
.meta-row strong{color:#b8c1bf}
.final-menu .menu-heading{background:#0d1514;color:var(--theme-teal);border:1px solid #4a5754}
.final-menu .sub-heading{color:#aeb8b6}
.timeline-dot{background:var(--theme-teal)}
.timeline-content{border-color:#3c4845}
.footer{border-top-color:#3b4644;color:#aab3b1}

.special-request-banner{
  background:linear-gradient(180deg,rgba(24,33,31,.98),rgba(12,20,18,.98));
  border-color:#52605d;
  border-left-color:var(--theme-teal);
  box-shadow:0 8px 22px rgba(0,0,0,.18);
}
.special-request-banner p{color:#bcc5c3}
.request-dialog{background:#101716;color:#fff;border:1px solid #5b6764}
.request-dialog::backdrop{background:rgba(0,0,0,.74)}
.icon-close{background:#1b2422;color:#fff;border-color:#5b6764}
.requested-dish-row{border-color:#3d4846}

/* Admin uses the same visual identity while keeping dense data readable. */
.admin-body{
  background:
    radial-gradient(circle at 15% 10%,rgba(93,42,17,.34),transparent 32%),
    radial-gradient(circle at 80% 18%,rgba(0,86,76,.28),transparent 34%),
    #0c1211;
  color:var(--theme-text);
}
.admin-header{background:#31383d;border-bottom-color:#596360}
.admin-sidebar{background:#121918;color:#cfd6d4}
.admin-sidebar a:hover,.admin-sidebar a.active{background:#23302d;color:var(--theme-teal)}
.admin-bottom-nav{background:#151c1b;border-top-color:#46514e}
.admin-bottom-nav a{color:#aeb7b5}.admin-bottom-nav a.active{color:var(--theme-teal);background:#0f1e1b}
.menu-admin-head{background:#202827;border-bottom-color:#46514e}
.menu-admin-body{background:#111817}
.sub-admin{border-left-color:#4a5754}
.item-admin{background:#151d1c;border-color:#374240}
.codebox{background:#080d0c;color:#d8f8f3;border:1px solid #3c4a47}
.auth-shell{background:linear-gradient(135deg,#150e0a,#0d1514 48%,#082220)}

th{background:#202827;color:#bdc6c4}
th,td{border-bottom-color:#394440}
tr:hover td{background:rgba(37,203,182,.035)}

.special-request-banner .btn,
.basket-bar .btn,
.hero-actions .btn:first-child{
  background:var(--theme-teal);
  color:#07100f;
  border-color:var(--theme-teal);
}
.special-request-banner .btn:hover,
.basket-bar .btn:hover,
.hero-actions .btn:first-child:hover{background:#62ddcd;border-color:#62ddcd;color:#07100f}

/* Keep printable/PDF confirmation sheets clean and ink-efficient. */
.confirmation-slip{background:#fff;color:#111}
.confirmation-slip .muted,.confirmation-slip .slip-sub{color:#5d6368}
.confirmation-slip .slip-menu-name{background:#17191d;color:#fff}
.confirmation-slip .slip-comment-box{background:#fff;color:#111}

@media print{
  body,.admin-body{background:#fff!important;color:#000!important}
  .card,.metric,.menu-item,.order-row,.menu-admin-section,.table-wrap,.auth-card{background:#fff!important;color:#000!important;box-shadow:none!important}
  .confirmation-slip{background:#fff!important;color:#000!important}
}


/* Header branding + admin-editable customer announcement */
.header-row{min-height:82px}
.brand{gap:14px;min-width:0}
.brand-logo{
  width:124px;
  height:62px;
  object-fit:contain;
  object-position:left center;
  border:0;
  border-radius:0;
  background:transparent;
  flex:0 0 auto;
}
.branch-label{
  color:#fff;
  font-size:1rem;
  font-weight:900;
  line-height:1.08;
  letter-spacing:-.015em;
  white-space:nowrap;
}
.site-announcement{
  position:relative;
  z-index:24;
  background:linear-gradient(90deg,#171c1c 0%,#0d2421 55%,#13211f 100%);
  border-bottom:1px solid rgba(92,218,198,.34);
  color:#fff;
}
.announcement-row{
  min-height:48px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding-block:9px;
  text-align:center;
  font-size:.9rem;
}
.announcement-label{
  display:inline-flex;
  align-items:center;
  flex:0 0 auto;
  border:1px solid rgba(98,221,205,.72);
  color:#89eadc;
  border-radius:999px;
  padding:4px 9px;
  font-size:.72rem;
  font-weight:950;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.announcement-row strong{font-weight:850;line-height:1.3}
.settings-section{
  margin-top:18px;
  padding:16px;
  border:1px solid var(--theme-line,#d8dadd);
  border-radius:14px;
  background:rgba(37,203,182,.045);
}
.settings-section h2{font-size:1.25rem;margin:4px 0 6px}
.announcement-toggle{margin:14px 0}
.announcement-toggle span{display:grid;gap:2px}
.settings-logo-preview{
  width:min(100%,240px);
  height:110px;
  object-fit:contain;
  object-position:left center;
  border:1px solid var(--theme-line,#ddd);
  border-radius:12px;
  background:#101514;
  padding:10px;
  margin-bottom:10px;
}
@media(max-width:699px){
  .header-row{min-height:74px;gap:8px}
  .brand{gap:8px;max-width:calc(100% - 64px)}
  .brand-logo{width:96px;height:52px}
  .branch-label{font-size:.82rem;white-space:normal;max-width:88px}
  .nav{gap:2px}.nav a{padding:8px 8px;font-size:.82rem}
  .announcement-row{align-items:flex-start;gap:7px;font-size:.82rem;text-align:left}
  .announcement-label{margin-top:1px;font-size:.62rem;padding:3px 7px}
}

/* September 2026 usability pass: clear steps, pickers, visibility states, item imagery */
.required-mark{color:#ff8a80;font-weight:950}
.stepbar{font-size:.84rem;font-weight:900;flex-wrap:wrap;color:#8c9794}
.stepbar a{color:#91e8dc;padding:5px 7px;border-radius:8px;border:1px solid transparent;line-height:1.2}
.stepbar a:hover{color:#fff;border-color:#4d6762;background:#17211f}
.stepbar a.current{color:#fff;background:#202a28;border-color:#60706c;pointer-events:none}
.stepbar>span{color:#75817e}
.picker-wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:stretch}
.picker-button{min-width:84px;border:1px solid #62706d;border-radius:11px;background:#202927;color:#fff;font-weight:850;padding:0 12px}
.picker-button:hover,.picker-button:focus-visible{border-color:var(--theme-teal);color:var(--theme-teal-soft);background:#182421}
input[type="date"],input[type="time"]{cursor:pointer;color-scheme:dark}
.error-fix-link{display:inline-block;margin-left:6px;color:#fff;text-decoration:underline;font-weight:900}

.badge{background:#202927;color:#e8efed;border-color:#53615e}
.badge.state-active{background:#0c3a31;color:#86f0d7;border-color:#1b8d74}
.badge.state-hidden{background:#392321;color:#ffc0b8;border-color:#8a5049}
.visibility-control{align-items:center;gap:9px;flex-wrap:wrap}
.visibility-control label{color:#f4f7f6}
.visibility-control input{accent-color:var(--theme-teal)}
.menu-admin-head .badge,.item-admin .badge,.sub-admin .badge{box-shadow:none}

.menu-item.has-image{grid-template-columns:72px minmax(0,1fr) auto}
.menu-item-image{width:72px;height:72px;border-radius:11px;object-fit:cover;border:1px solid #46524f;background:#0b1110}
.item-admin-grid{display:flex;gap:12px;align-items:flex-start}
.admin-item-image{width:84px;flex:0 0 84px}
.admin-item-image img{width:84px;height:84px;border-radius:12px;object-fit:cover;border:1px solid #53605d;background:#0a100f}
input[type="file"]{padding:8px;background:#111817;color:#eaf0ee}
input[type="file"]::file-selector-button{border:1px solid #65716e;background:#25302e;color:#fff;border-radius:8px;padding:7px 10px;margin-right:10px;font-weight:800;cursor:pointer}
input[type="file"]::file-selector-button:hover{border-color:var(--theme-teal);color:var(--theme-teal-soft)}

@media(max-width:560px){
  .picker-wrap{grid-template-columns:1fr 72px}
  .picker-button{min-width:72px;padding-inline:8px;font-size:.82rem}
  .menu-item.has-image{grid-template-columns:60px minmax(0,1fr) 42px}
  .menu-item-image{width:60px;height:60px}
  .item-admin-grid{display:grid;grid-template-columns:1fr}
  .admin-item-image,.admin-item-image img{width:100%}
  .admin-item-image img{height:160px}
}


/* ===== FINAL UX OVERRIDES ===== */

/* =========================================================
   FINAL UX FIXES
   Date/time fields
   White order navigation
   Clearly visible Active / Inactive status
   ========================================================= */


/* ---------------------------------------------------------
   EVENT / MENU / REVIEW NAVIGATION
--------------------------------------------------------- */

.stepbar {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 7px;

  padding: 14px 0 10px;

  font-size: 0.9rem;
  font-weight: 900;

  color: #ffffff;
}


.stepbar a {
  display: inline-flex;
  align-items: center;

  color: #ffffff !important;

  padding: 7px 10px;

  border-radius: 8px;

  border: 1px solid transparent;

  opacity: 1;

  transition:
    background-color 0.15s ease,
    border-color 0.15s ease,
    color 0.15s ease;
}


.stepbar a:visited {
  color: #ffffff !important;
}


.stepbar a:hover {
  color: #ffffff !important;

  background: rgba(255,255,255,0.08);

  border-color: rgba(255,255,255,0.28);
}


.stepbar a.current {
  color: #ffffff !important;

  background: #173b36;

  border-color: #25cbb6;

  box-shadow:
    inset 0 0 0 1px rgba(37,203,182,0.12);

  pointer-events: auto;
}


.stepbar > span {
  color: #c5cecc;

  font-size: 1rem;

  font-weight: 900;
}



/* ---------------------------------------------------------
   DATE + TIME INPUTS

   No separate Calendar / Time buttons.
   The input itself is the picker.
--------------------------------------------------------- */

.picker-wrap {
  display: block !important;
}


.picker-button {
  display: none !important;
}


input[type="date"],
input[type="time"] {

  width: 100%;

  min-height: 52px;

  padding: 11px 14px;

  border: 1px solid #5f6a68;

  border-radius: 11px;

  background: #101716;

  color: #ffffff;

  color-scheme: dark;

  cursor: pointer;
}


input[type="date"]:hover,
input[type="time"]:hover {

  border-color: #7f8d89;
}


input[type="date"]:focus,
input[type="time"]:focus {

  border-color: #25cbb6;

  outline: 3px solid rgba(37,203,182,0.18);
}


input[type="date"]::-webkit-calendar-picker-indicator,
input[type="time"]::-webkit-calendar-picker-indicator {

  cursor: pointer;

  opacity: 1;

  filter: invert(1);

  width: 20px;

  height: 20px;
}



/* ---------------------------------------------------------
   REQUIRED FIELD MARK
--------------------------------------------------------- */

.required-mark {

  color: #ff827a;

  font-weight: 950;

  margin-left: 2px;
}



/* ---------------------------------------------------------
   ADMIN ACTIVE / INACTIVE STATUS
--------------------------------------------------------- */

.status-badge {

  display: inline-flex;

  align-items: center;

  justify-content: center;

  min-width: 82px;

  min-height: 34px;

  padding: 6px 13px;

  border-radius: 999px;

  font-size: 0.78rem;

  font-weight: 950;

  letter-spacing: 0.02em;

  text-transform: none;

  border: 1px solid transparent;

  white-space: nowrap;
}



/* ACTIVE */

.status-badge-active {

  color: #44f0a7 !important;

  background: rgba(19, 104, 70, 0.28) !important;

  border-color: #31b97d !important;

  box-shadow:
    inset 0 0 0 1px rgba(68,240,167,0.06);
}



/* INACTIVE */

.status-badge-inactive {

  color: #ff756d !important;

  background: rgba(139, 42, 35, 0.28) !important;

  border-color: #c24d45 !important;

  box-shadow:
    inset 0 0 0 1px rgba(255,117,109,0.06);
}



/* ---------------------------------------------------------
   VISIBILITY CONTROL
--------------------------------------------------------- */

.visibility-control {

  display: flex;

  align-items: center;

  gap: 10px;

  flex-wrap: wrap;
}


.visibility-control label {

  color: #ffffff;

  font-weight: 850;
}


.visibility-control input[type="checkbox"] {

  width: 22px;

  height: 22px;

  min-height: 22px;

  flex: 0 0 22px;

  margin: 0;

  accent-color: #25cbb6;

  cursor: pointer;
}



/* ---------------------------------------------------------
   OLD BADGES

   Keep other order-status badges working,
   but stop old state-active/state-hidden styles interfering.
--------------------------------------------------------- */

.badge.state-active,
.badge.state-hidden {

  display: none !important;
}



/* ---------------------------------------------------------
   ADMIN MENU HEAD
--------------------------------------------------------- */

.menu-admin-head {

  display: flex;

  justify-content: space-between;

  align-items: center;

  gap: 12px;
}


.menu-admin-head > strong {

  color: #ffffff;

  font-size: 1.05rem;
}



/* ---------------------------------------------------------
   SUBCATEGORY / ITEM ADMIN STATUS
--------------------------------------------------------- */

.sub-admin {

  border-left: 3px solid #495854;

  padding-left: 14px;

  margin: 16px 0;
}


.item-admin {

  border: 1px solid #394642;

  border-radius: 12px;

  padding: 12px;

  margin: 10px 0;

  background: #141c1b;
}



/* ---------------------------------------------------------
   MENU ITEM IMAGE ADMIN PREVIEW
--------------------------------------------------------- */

.item-admin-grid {

  display: flex;

  align-items: flex-start;

  gap: 14px;
}


.admin-item-image {

  width: 92px;

  flex: 0 0 92px;
}


.admin-item-image img {

  width: 92px;

  height: 92px;

  object-fit: cover;

  border-radius: 12px;

  border: 1px solid #55635f;

  background: #0c1211;
}



/* ---------------------------------------------------------
   FILE INPUT
--------------------------------------------------------- */

input[type="file"] {

  padding: 8px;

  background: #111817;

  color: #f3f7f6;
}


input[type="file"]::file-selector-button {

  border: 1px solid #66736f;

  background: #26312f;

  color: #ffffff;

  border-radius: 8px;

  padding: 7px 11px;

  margin-right: 10px;

  font-weight: 800;

  cursor: pointer;
}


input[type="file"]::file-selector-button:hover {

  color: #87eadc;

  border-color: #25cbb6;
}



/* ---------------------------------------------------------
   MOBILE
--------------------------------------------------------- */

@media (max-width: 560px) {

  .stepbar {

    gap: 4px;

    font-size: 0.78rem;
  }


  .stepbar a {

    padding: 7px 6px;
  }


  .stepbar > span {

    font-size: 0.8rem;
  }


  input[type="date"],
  input[type="time"] {

    min-height: 50px;
  }


  .status-badge {

    min-width: 76px;

    min-height: 32px;

    font-size: 0.74rem;

    padding: 5px 10px;
  }


  .item-admin-grid {

    display: grid;

    grid-template-columns: 1fr;
  }


  .admin-item-image {

    width: 100%;
  }


  .admin-item-image img {

    width: 100%;

    height: 180px;
  }

}

/* =========================================================
   BUILD 2 — status visibility, simplified homepage,
   order tracking, finance, reporting and confirmation emphasis
   ========================================================= */

/* Bright, readable order statuses */
.badge.new{background:#0b63f6!important;color:#fff!important;border-color:#4b8cff!important;box-shadow:0 0 0 1px rgba(75,140,255,.18)!important}
.badge.contacted{background:#6d28d9!important;color:#fff!important;border-color:#9b6cf0!important}
.badge.negotiating{background:#b45309!important;color:#fff7ed!important;border-color:#f59e0b!important}
.badge.quoted{background:#d97706!important;color:#fff!important;border-color:#fbbf24!important}
.badge.confirmed{background:#087f5b!important;color:#fff!important;border-color:#34d399!important}
.badge.completed{background:#15803d!important;color:#fff!important;border-color:#4ade80!important}
.badge.cancelled{background:#b91c1c!important;color:#fff!important;border-color:#fb7185!important}

/* Simplified homepage */
.home-hero{min-height:calc(100vh - 130px);display:grid;place-items:center;position:relative;overflow:hidden;background:linear-gradient(135deg,#130d09 0%,#0b1614 52%,#06231f 100%)}
.home-hero.has-food-bg::before{content:"";position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(5,10,9,.88),rgba(5,12,11,.76)),var(--home-food-image);background-size:cover;background-position:center;filter:saturate(.9);transform:scale(1.03)}
.home-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.28));pointer-events:none}
.home-hero-inner{position:relative;z-index:1;display:grid;place-items:center;padding-block:54px}
.home-hero-copy{text-align:center;width:min(100%,760px);padding:28px 18px;border-radius:24px;background:rgba(7,13,12,.74);border:1px solid rgba(138,157,151,.35);backdrop-filter:blur(6px)}
.home-hero-copy h1{margin-inline:auto;max-width:720px;font-size:clamp(2.25rem,8vw,4.5rem)}
.home-hero-copy .lead{margin-inline:auto;color:#d5dcda;max-width:620px}
.home-primary-actions{display:grid;gap:12px;width:min(100%,420px);margin:26px auto 0}
.home-main-btn{width:100%;min-height:56px;font-size:1.02rem}
.home-track-btn{border:1px solid var(--theme-teal)!important;color:#fff!important;background:rgba(7,18,16,.72)!important}
.home-track-btn:hover{background:#0c2521!important;color:var(--theme-teal-soft)!important}

/* Cross-device order lookup */
.track-order-card{max-width:620px;margin:20px auto;padding:24px}

/* Customer order emphasis */
.order-status-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:14px}
.order-status-hero h1{font-size:clamp(2rem,7vw,3.2rem);margin:4px 0 6px}
.event-highlight-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0}
.event-highlight{border:1px solid #54605e;border-radius:14px;background:#101817;padding:14px;display:grid;gap:4px}
.event-highlight span{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:#9eaaa7;font-weight:900}
.event-highlight strong{font-size:1.35rem;line-height:1.1;color:#fff}
.event-highlight small{color:#aeb8b6;font-weight:700}
.event-highlight.guest{background:#0c332d;border-color:#24b99f}
.event-highlight.guest strong{font-size:2rem;color:#7df0d9}

/* Print confirmation emphasis */
.build2-slip-header{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(200px,.72fr);gap:20px;align-items:start!important}
.slip-event-top{display:grid;gap:6px;min-width:210px}
.slip-event-top>div{display:grid;grid-template-columns:48px 1fr;align-items:baseline;gap:8px;border-bottom:1px solid #bfc3c5;padding:4px 0}
.slip-event-top span{font-size:.7rem;font-weight:950;letter-spacing:.08em;color:#555}
.slip-event-top strong{font-size:1.15rem;line-height:1.1;color:#111}
.slip-status-row{display:flex;justify-content:flex-end;margin:-2px 0 10px}
.slip-guest-highlight{display:grid;grid-template-columns:repeat(3,1fr);border:2px solid #222;margin-bottom:14px}
.slip-guest-highlight>div{padding:9px;text-align:center;border-right:1px solid #777;background:#f1f3f3}
.slip-guest-highlight>div:last-child{border-right:0}
.slip-guest-highlight span{display:block;font-size:.7rem;font-weight:950;letter-spacing:.07em;color:#555}
.slip-guest-highlight strong{display:block;font-size:1.45rem;line-height:1.15;margin-top:3px;color:#111}
.slip-guest-highlight .total{background:#d9f7ef}
.slip-guest-highlight .total strong{font-size:1.8rem;color:#075e4b}

/* Finance */
.finance-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}
.finance-stat{display:grid;gap:5px;padding:14px;border-radius:14px;background:#131c1a;border:1px solid #45514e}
.finance-stat span{font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em;color:#9fa9a7}
.finance-stat strong{font-size:1.4rem;color:#fff}
.finance-stat.expense{border-color:#8b4b46;background:#281816}
.finance-stat.expense strong{color:#ff9f96}
.finance-stat.profit{border-color:#2b8b6b;background:#0e2a22}
.finance-stat.profit strong{color:#69e3bd}
.finance-stat.cash{border-color:#2876b8;background:#102538}
.finance-stat.cash strong{color:#79c4ff}
.compact-finance-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:0}
.payment-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:7px 11px;font-size:.76rem;font-weight:950;white-space:nowrap;border:1px solid transparent}
.payment-not_priced{background:#303736;color:#d8dfdd;border-color:#626e6b}
.payment-unpaid{background:#441918;color:#ffaaa3;border-color:#b94b43}
.payment-part_paid{background:#4a310b;color:#ffd166;border-color:#c68b1d}
.payment-paid{background:#0c3f2e;color:#75edbd;border-color:#2eaa7b}
.transaction-list{display:grid;gap:10px}
.transaction-row{display:grid;grid-template-columns:minmax(220px,1.8fr) repeat(3,minmax(90px,.65fr)) auto;gap:12px;align-items:center;padding:14px;border:1px solid #3f4b48;border-radius:14px;background:#101817}
.transaction-row:hover{border-color:#25cbb6;background:#12201e}
.transaction-main strong{display:block;color:#fff}.transaction-main small{display:block;color:#9fa9a7;margin-top:3px}
.transaction-money{display:grid;gap:2px}.transaction-money span{font-size:.68rem;text-transform:uppercase;color:#88928f;font-weight:900}.transaction-money strong{font-size:1rem;color:#fff}
.finance-entry-form{padding-top:4px}
.finance-records{display:grid;gap:8px;margin-top:14px}
.finance-record{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px;border:1px solid #394440;border-radius:11px;background:#121918}
.finance-record>div{display:grid;gap:2px}.finance-record span,.finance-record small{color:#9fa9a7;font-size:.8rem}
.report-periods{display:flex;flex-wrap:wrap;gap:8px}
.report-periods a{padding:9px 12px;border:1px solid #52605d;border-radius:999px;font-weight:900;color:#dce4e2;background:#141c1b}
.report-periods a.active{background:#0f3b34;border-color:#25cbb6;color:#8cf0e1}
.report-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.report-metric{padding:15px;border:1px solid #43504d;border-radius:14px;background:#111817;display:grid;gap:5px}
.report-metric span{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:#9fa9a7;font-weight:900}.report-metric strong{font-size:1.5rem;color:#fff}
.report-metric.expense{border-color:#81443f}.report-metric.expense strong{color:#ff9c94}.report-metric.profit{border-color:#2e8c6d}.report-metric.profit strong{color:#70e8c2}.report-metric.cash{border-color:#2975b0}.report-metric.cash strong{color:#7cc8ff}

@media(min-width:700px){
  .event-highlight-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .finance-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .compact-finance-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .report-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:800px){
  .transaction-row{grid-template-columns:1fr 1fr;gap:10px}.transaction-main{grid-column:1/-1}.transaction-row>.payment-badge{justify-self:start}
}
@media(max-width:560px){
  .home-hero{min-height:calc(100vh - 150px)}.home-hero-inner{padding-block:28px}.home-hero-copy{padding:24px 14px}.home-primary-actions{width:100%}
  .build2-slip-header{grid-template-columns:1fr!important}.slip-event-top{min-width:0}.slip-status-row{justify-content:flex-start}
  .slip-guest-highlight{grid-template-columns:repeat(3,1fr)}.slip-guest-highlight strong{font-size:1.2rem}.slip-guest-highlight .total strong{font-size:1.45rem}
  .finance-summary-grid,.compact-finance-grid,.report-grid{grid-template-columns:1fr 1fr}.transaction-row{grid-template-columns:1fr}.transaction-main{grid-column:auto}
}
@media print{
  .event-highlight-grid{grid-template-columns:repeat(4,1fr)}
  .event-highlight{background:#fff!important;color:#000!important;border-color:#555!important}.event-highlight strong,.event-highlight span,.event-highlight small{color:#000!important}
  .build2-slip-header{grid-template-columns:1.2fr .8fr!important}.slip-status-row{margin-top:4px}.slip-guest-highlight{break-inside:avoid}
}

/* =========================================================
   BUILD 3 — professional finance, invoices and homepage polish
   ========================================================= */

/* Status badges: high contrast and readable on dark admin surfaces */
.badge.new,.badge.contacted,.badge.negotiating,.badge.quoted,.badge.confirmed,.badge.completed,.badge.cancelled{
  min-width:88px;justify-content:center;padding:7px 12px;border-width:1px!important;font-weight:950!important;letter-spacing:.01em!important;box-shadow:none!important
}
.badge.new{background:#1267e8!important;color:#fff!important;border-color:#4f94ff!important}
.badge.contacted{background:#6f36c8!important;color:#fff!important;border-color:#a179eb!important}
.badge.negotiating{background:#ad5a06!important;color:#fff!important;border-color:#f0a43b!important}
.badge.quoted{background:#d07a08!important;color:#fff!important;border-color:#ffc14d!important}
.badge.confirmed{background:#087d65!important;color:#fff!important;border-color:#40d5b5!important}
.badge.completed{background:#138a45!important;color:#fff!important;border-color:#50df83!important}
.badge.cancelled{background:#c53636!important;color:#fff!important;border-color:#ff7777!important}

/* Homepage: image-led, centered, simple */
.home-hero{min-height:calc(100vh - 130px);display:grid;place-items:center;position:relative;overflow:hidden;background:#0a1110}
.home-hero.has-food-bg::before{content:"";position:absolute;inset:-8px;background-image:linear-gradient(180deg,rgba(5,9,8,.46),rgba(5,10,9,.68)),var(--home-food-image);background-size:cover;background-position:center;filter:saturate(1.04) contrast(1.02);transform:scale(1.02)}
.home-hero::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 45%,rgba(0,0,0,.04),rgba(0,0,0,.28));pointer-events:none}
.home-hero-inner{position:relative;z-index:1;display:grid;place-items:center;padding:54px 0}
.home-hero-copy{text-align:center;width:min(100%,720px);padding:34px 24px;border-radius:22px;background:rgba(5,10,9,.62);border:1px solid rgba(184,204,198,.35);backdrop-filter:blur(5px);box-shadow:0 18px 50px rgba(0,0,0,.28)}
.home-hero-copy h1{margin:0 auto 16px;max-width:680px;font-size:clamp(2.15rem,7.5vw,4rem);line-height:1.03}
.home-hero-copy .lead{margin:0 auto;color:#d9dfdd;max-width:560px;font-size:1.05rem}
.home-primary-actions{display:flex;flex-direction:column;align-items:center;gap:16px;width:min(100%,390px);margin:32px auto 0}
.home-main-btn{width:100%;min-height:58px;font-size:1.02rem;border-radius:14px}
.home-primary-actions .home-main-btn:first-child{background:var(--theme-teal)!important;color:#07100f!important;border-color:var(--theme-teal)!important}
.home-track-btn{border:1px solid var(--theme-teal)!important;color:#fff!important;background:rgba(5,15,13,.8)!important}

/* Settings hero image preview */
.settings-hero-preview{width:100%;height:220px;object-fit:cover;border-radius:14px;border:1px solid #50605c;background:#0a100f;margin:10px 0 14px}

/* Finance top-level page */
.finance-page-title{margin-bottom:20px}
.finance-filterbar,.report-filterbar{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:12px;align-items:end;padding:18px;border:1px solid #3f4d49;border-radius:18px;background:#101817;box-shadow:0 12px 28px rgba(0,0,0,.16)}
.finance-filterbar .field{grid-column:span 2}.finance-filterbar .finance-filter-search{grid-column:span 4}.finance-filter-actions{grid-column:span 12;display:flex;gap:8px;align-items:center}
.report-filterbar{grid-template-columns:minmax(220px,360px) auto;justify-content:start}.report-filterbar .field{min-width:220px}
.finance-period-line{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:16px 2px;color:#aeb8b6}.finance-period-line strong{color:#fff;font-size:.95rem}.finance-period-line span{font-size:.82rem}

.finance-overview-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:14px}
.finance-overview-card,.report-kpi{display:grid;gap:5px;padding:16px;border-radius:15px;background:#111a18;border:1px solid #43514d;min-height:108px}
.finance-overview-card span,.report-kpi span{font-size:.7rem;text-transform:uppercase;letter-spacing:.07em;color:#9fa9a7;font-weight:900}
.finance-overview-card strong,.report-kpi strong{font-size:1.55rem;line-height:1.1;color:#fff}
.finance-overview-card.positive,.report-kpi.positive{border-color:#2c8f70;background:#0e2821}.finance-overview-card.positive strong,.report-kpi.positive strong{color:#75e8c2}
.finance-overview-card.warning,.report-kpi.warning{border-color:#9b7427;background:#2b2412}.finance-overview-card.warning strong,.report-kpi.warning strong{color:#ffd16d}
.finance-overview-card.expense,.report-kpi.expense{border-color:#8a4943;background:#281817}.finance-overview-card.expense strong,.report-kpi.expense strong{color:#ff9e96}
.report-kpi.profit{border-color:#2d8c6d;background:#0e2a22}.report-kpi.profit strong{color:#70e7c0}.report-kpi.cash{border-color:#2a76b4;background:#102538}.report-kpi.cash strong{color:#7bc8ff}
.report-kpi small{color:#8d9996;font-size:.76rem;line-height:1.25}

.finance-highlight-card{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:18px;align-items:center;padding:18px;border:1px solid #278d77;border-radius:16px;background:linear-gradient(135deg,#0c2722,#111a18);margin-bottom:14px}
.finance-highlight-card>div:first-child{display:grid;gap:3px}.finance-highlight-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:#81dac7;font-weight:950}.finance-highlight-card strong{font-size:1.05rem}.finance-highlight-card small{color:#aeb8b6}.finance-highlight-value{font-size:1.8rem;font-weight:950;color:#75e8c2}

.finance-table-card{padding:0;overflow:hidden}.finance-section-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:18px 18px 4px}.finance-section-heading h2{font-size:1.35rem;margin:0 0 4px}.finance-table-wrap{overflow:auto;padding:12px 18px 18px}.finance-table{min-width:980px;border:1px solid #3f4c49;border-radius:14px;overflow:hidden}.finance-table th{background:#1d2926;color:#bfc9c6;padding:12px 11px}.finance-table td{padding:13px 11px;background:#101817;border-bottom-color:#33403d}.finance-table tr:last-child td{border-bottom:0}.finance-table td strong{display:block;color:#fff}.finance-table td small{display:block;color:#8f9c98;margin-top:3px}.finance-click-row{cursor:pointer}.finance-click-row:hover td{background:#14221f}.money-positive{color:#71dfb8!important;font-weight:850}.money-warning{color:#ffd16d!important;font-weight:850}.money-expense{color:#ff9e96!important;font-weight:850}.money-profit{color:#70e7c0!important;font-weight:850}

/* Reports */
.report-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}
.report-insight-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px}
.report-insight-card{display:grid;gap:7px;padding:18px;border-radius:16px;background:#101817;border:1px solid #43514d}.report-insight-card>span{font-size:.72rem;text-transform:uppercase;letter-spacing:.07em;color:#9fa9a7;font-weight:900}.report-insight-card>strong{font-size:1.8rem;color:#fff}.report-insight-card p{margin:0;color:#b7c1be}.report-insight-card a{color:#70dfcb;font-weight:850;margin-top:4px}

/* Invoice */
.invoice-admin-actions{display:flex;gap:9px;flex-wrap:wrap;align-items:center}.invoice-admin-actions form{margin:0}
.invoice-page{background:#eef1f0;color:#111;min-height:100vh}.invoice-document{max-width:920px;background:#fff;color:#111;padding:38px;border:1px solid #d9dddc;border-radius:18px;box-shadow:0 18px 55px rgba(0,0,0,.12)}
.invoice-header{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,.7fr);gap:28px;padding-bottom:22px;border-bottom:3px solid #111}.invoice-header h1{font-size:2rem;margin:5px 0 8px;letter-spacing:-.04em}.invoice-header p{margin:2px 0}.invoice-meta{display:grid;gap:8px}.invoice-meta>div{display:grid;grid-template-columns:80px 1fr;gap:10px;padding-bottom:7px;border-bottom:1px solid #d9dddc}.invoice-meta span{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:#666;font-weight:900}.invoice-meta strong{text-align:right}
.invoice-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:22px 0}.invoice-panel{border:1px solid #d9dddc;border-radius:13px;padding:18px;background:#fff}.invoice-panel h2{font-size:.85rem;text-transform:uppercase;letter-spacing:.07em;color:#555;margin-bottom:10px}.invoice-panel p{margin:4px 0;color:#444}.invoice-menu{margin-bottom:18px}.invoice-menu h3{font-size:1rem;margin:16px 0 8px;padding:8px 10px;background:#111;color:#fff;border-radius:7px}.invoice-menu-row{display:grid;grid-template-columns:180px 1fr;gap:16px;padding:9px 2px;border-bottom:1px solid #e5e7e7}.invoice-menu-row:last-child{border-bottom:0}
.invoice-totals{margin-left:auto;width:min(100%,470px);border:1px solid #cfd4d2;border-radius:13px;overflow:hidden}.invoice-totals>div{display:flex;justify-content:space-between;gap:20px;padding:12px 16px;border-bottom:1px solid #e0e3e2}.invoice-totals>div:last-child{border-bottom:0}.invoice-totals span{font-weight:800;color:#555}.invoice-totals strong{font-size:1.1rem}.invoice-totals .invoice-balance{background:#e5f6f1}.invoice-totals .invoice-balance strong{font-size:1.35rem;color:#075f4c}.invoice-payment-list{display:grid}.invoice-payment-list>div{display:flex;justify-content:space-between;gap:18px;padding:9px 0;border-bottom:1px solid #e6e8e8}.invoice-payment-list>div:last-child{border-bottom:0}.invoice-actions{margin-top:20px}

@media(max-width:1100px){
  .finance-filterbar .finance-filter-search{grid-column:span 6}.finance-filterbar .field{grid-column:span 3}.finance-overview-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.report-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:760px){
  .finance-filterbar{grid-template-columns:1fr 1fr}.finance-filterbar .finance-filter-search,.finance-filterbar .field,.finance-filter-actions{grid-column:auto}.finance-filter-search{grid-column:1/-1!important}.finance-filter-actions{grid-column:1/-1!important}.finance-overview-grid,.report-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.report-insight-grid{grid-template-columns:1fr}.finance-highlight-card{grid-template-columns:1fr}.finance-highlight-value{font-size:1.5rem}.report-filterbar{grid-template-columns:1fr}.invoice-header,.invoice-grid{grid-template-columns:1fr}.invoice-meta>div strong{text-align:left}.invoice-menu-row{grid-template-columns:1fr;gap:4px}.invoice-document{padding:24px 18px;border-radius:0}.settings-hero-preview{height:180px}
}
@media(max-width:520px){
  .home-hero-inner{padding:26px 0}.home-hero-copy{padding:28px 16px}.home-primary-actions{gap:18px;margin-top:28px}.home-main-btn{min-height:60px}.finance-filterbar{grid-template-columns:1fr}.finance-filterbar .finance-filter-search,.finance-filterbar .field,.finance-filter-actions{grid-column:auto!important}.finance-overview-grid,.report-kpi-grid{grid-template-columns:1fr 1fr}.finance-overview-card,.report-kpi{min-height:96px;padding:13px}.finance-overview-card strong,.report-kpi strong{font-size:1.3rem}.invoice-totals{width:100%}
}
@media print{
  .invoice-page{background:#fff!important}.invoice-document{max-width:none!important;border:0!important;box-shadow:none!important;padding:0!important}.invoice-header{grid-template-columns:1.2fr .8fr!important}.site-announcement{display:none!important}
}

/* =========================================================
   BUILD 4 — order cleanup, readable special requests,
   finance PDF reporting and production cache refresh
   ========================================================= */

/* Voided status is intentionally neutral/danger-adjacent: retained for audit, excluded from finance. */
.badge.voided{
  background:#4b5563!important;
  color:#fff!important;
  border-color:#9ca3af!important;
  min-width:88px;
  justify-content:center;
  padding:7px 12px;
  font-weight:950!important;
}

/* Extra dish requests: previous light row inherited white admin text and became unreadable. */
.requested-admin-row{
  background:#151d1c!important;
  color:#f7faf9!important;
  border-color:#4b5a56!important;
  box-shadow:none!important;
}
.requested-admin-row strong,
.requested-admin-row label{
  color:#fff!important;
}
.requested-admin-row .help{
  color:#b7c2bf!important;
}
.requested-admin-row input,
.requested-admin-row select{
  background:#0d1514!important;
  color:#fff!important;
  border-color:#5d6b67!important;
}
.requested-admin-row input::placeholder{color:#96a29f!important}
.requested-admin-row .btn{
  background:var(--theme-teal)!important;
  color:#07100f!important;
  border-color:var(--theme-teal)!important;
}

/* Admin order cleanup controls */
.order-admin-tools{
  border-color:#5b5551!important;
  background:#121918!important;
}
.order-void-form{
  padding:14px;
  border:1px solid #66574d;
  border-radius:14px;
  background:#1b1815;
}
.voided-summary{
  display:grid;
  gap:5px;
  padding:14px 16px;
  border:1px solid #737b84;
  border-radius:14px;
  background:#1f252a;
}
.voided-summary strong{font-size:1.05rem;color:#fff}
.voided-summary span{color:#d8dddf}
.voided-summary small{color:#aeb5b8}
.voided-notice{
  border-color:#747e88!important;
  background:#20262b!important;
  color:#eef2f3!important;
  margin-bottom:14px;
}
.permanent-delete-zone{
  margin-top:16px;
  padding-top:16px;
  border-top:1px solid #493d3a;
}
.permanent-delete-zone h3{color:#ffaaa3;margin-bottom:5px}
.permanent-delete-zone .field{max-width:520px}

/* Reports document action remains visible on narrower admin screens. */
.finance-page-title>.actions{display:flex;gap:9px;flex-wrap:wrap}

@media(max-width:700px){
  .requested-admin-row{padding:14px!important}
  .order-void-form .admin-form-grid.two{grid-template-columns:1fr!important}
  .finance-page-title>.actions{width:100%}
  .finance-page-title>.actions .btn{flex:1 1 180px}
}

/* =========================================================
   BUILD 5 — customer records management
   ========================================================= */
.customer-filter-grid{grid-template-columns:minmax(0,2fr) repeat(2,minmax(180px,1fr))}
.customer-table td{vertical-align:middle}
.customer-address-preview{display:inline-block;max-width:300px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.customer-upcoming{display:inline-flex;margin-top:4px;color:#7ff0df;font-size:.76rem;font-weight:850}
.customer-detail-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(220px,.65fr);gap:16px;align-items:start}
.customer-address-field{grid-column:1 / -1}
.customer-profile-summary{position:sticky;top:92px}
.customer-summary-number{font-size:3.2rem;font-weight:950;line-height:1;color:var(--theme-teal);margin-top:8px}
.customer-summary-block{display:grid;gap:3px;margin-top:22px;padding-top:16px;border-top:1px solid var(--theme-line)}
.customer-summary-block span,.customer-summary-block small{color:var(--theme-muted)}
.customer-danger-zone{border-color:#864a45;background:rgba(91,27,23,.18)}
.customer-danger-zone h2{color:#ffc0ba}
.customer-danger-zone .btn[disabled]{opacity:.55;cursor:not-allowed}
@media(max-width:900px){.customer-filter-grid{grid-template-columns:1fr 1fr}.customer-search-field{grid-column:1 / -1}.customer-detail-grid{grid-template-columns:1fr}.customer-profile-summary{position:static}}
@media(max-width:620px){.customer-filter-grid{grid-template-columns:1fr}.customer-search-field{grid-column:auto}.customer-table table{min-width:780px}}

/* =========================================================
   BUILD 6 — compact menu builder category accordion
   ========================================================= */
.menu-category-browser{display:grid;gap:12px}
.menu-category-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:2px;background:#111817;border-color:#43514e}
.menu-category-toolbar>div:first-child{min-width:220px}
.menu-category-toolbar-actions{display:flex;align-items:flex-end;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.menu-category-jump-field{min-width:min(330px,72vw)}
.menu-category-jump-field label{color:#fff}
.menu-category-accordion{margin-bottom:0!important;overflow:hidden}
.menu-category-accordion>summary{list-style:none;cursor:pointer;user-select:none}
.menu-category-accordion>summary::-webkit-details-marker{display:none}
.menu-category-summary{min-height:68px;padding:15px 18px!important;transition:background .16s ease,border-color .16s ease}
.menu-category-summary:hover{background:#26312f!important}
.menu-category-accordion[open]>.menu-category-summary{background:#1d2926!important;border-bottom:1px solid #46514e}
.menu-category-summary-title{display:flex;align-items:center;gap:12px;min-width:0}
.menu-category-summary-title>div{display:grid;gap:2px;min-width:0}
.menu-category-summary-title strong{font-size:1.05rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.menu-category-summary-title small{color:#aeb8b6;font-size:.75rem;font-weight:750}
.menu-category-chevron{display:grid;place-items:center;width:30px;height:30px;flex:0 0 30px;border:1px solid #566460;border-radius:9px;color:#8cebdc;font-size:1.65rem;line-height:1;transform:rotate(0deg);transition:transform .16s ease,background .16s ease}
.menu-category-accordion[open] .menu-category-chevron{transform:rotate(90deg);background:#10332d;border-color:#25cbb6}
.menu-category-accordion>.menu-admin-body{animation:menuCategoryOpen .16s ease-out}
@keyframes menuCategoryOpen{from{opacity:.3;transform:translateY(-4px)}to{opacity:1;transform:none}}
.menu-category-accordion:target{scroll-margin-top:90px;outline:2px solid rgba(37,203,182,.42);outline-offset:2px}
@media(max-width:760px){
  .menu-category-toolbar{align-items:stretch;flex-direction:column}
  .menu-category-toolbar-actions{display:grid;grid-template-columns:1fr;justify-content:stretch}
  .menu-category-jump-field{min-width:0;width:100%}
  .menu-category-toolbar-actions .btn{width:100%}
  .menu-category-summary{padding:13px 14px!important;min-height:62px}
  .menu-category-summary-title strong{font-size:1rem}
}

/* =========================================================
   BUILD 7 — QUOTE, MENU, KITCHEN & FINANCE UX
   ========================================================= */

/* Consistent headings without altering user-entered data */
h1,h2,h3,.eyebrow,.menu-section-title h2,.cat-heading,.subcategory-title,.finance-section-heading h2{text-transform:capitalize}

/* Primary dietary selection */
.menu-primary-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}
.dietary-primary{grid-template-columns:repeat(2,minmax(0,1fr));margin:0}
.dietary-primary .veg-choice.active{background:#0f7a45!important;border-color:#3df28e!important;color:#fff!important;box-shadow:0 0 0 2px rgba(61,242,142,.16) inset}
.dietary-primary .nonveg-choice.active{background:#9d2520!important;border-color:#ff6158!important;color:#fff!important;box-shadow:0 0 0 2px rgba(255,97,88,.12) inset}
.menu-filter-trigger{min-height:44px;border:1px solid #63706d;background:#18201f;color:#fff;border-radius:11px;padding:9px 13px;font-weight:900}
.menu-filter-trigger:hover{border-color:var(--theme-teal);color:var(--theme-teal-soft)}
.menu-filter-dialog{max-width:480px}.region-filter-options{display:grid;gap:8px}.region-filter-options button{width:100%;text-align:left;border:1px solid #53605d;background:#111817;color:#fff;padding:11px 12px;border-radius:10px;font-weight:850}.region-filter-options button.active{border-color:var(--theme-teal);background:#0d2b26;color:#82e9da}.menu-region{display:inline-flex;margin-top:5px;padding:2px 7px;border-radius:999px;background:#293330;color:#b8c5c2;font-size:.68rem;font-weight:850}
.category-tabs{overflow-x:auto;flex-wrap:nowrap;padding-bottom:3px;scrollbar-width:thin}.category-tabs button{white-space:nowrap}

/* Review basket */
.review-category-highlight{display:block!important;background:#182a27!important;border:1px solid #3f766d!important;color:#7ff0de!important;padding:9px 11px!important;border-radius:9px!important;font-weight:950!important;font-size:.95rem!important;margin:13px 0 8px!important;text-transform:uppercase!important;letter-spacing:.04em!important}
.review-numbered-list{margin:5px 0 8px;padding-left:28px}.review-numbered-list li{padding:8px 0;border-bottom:1px solid #2e3936;font-weight:850}.review-numbered-list li::marker{font-weight:950;color:var(--theme-teal)}.review-numbered-list li button{float:right;border:0;background:transparent;color:#ff8a80;font-weight:800}

/* Quote price calculator */
.pricing-calculator{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0;padding:12px;border:1px solid #43514d;background:#0c1513;border-radius:12px}.pricing-calculator>div{display:flex;justify-content:space-between;gap:12px;padding:7px 8px}.pricing-calculator span{color:#aeb8b6;font-size:.82rem;font-weight:750}.pricing-calculator strong{color:#fff}.pricing-calculator .pricing-total{grid-column:1/-1;border-top:1px solid #475550;margin-top:2px;padding-top:12px}.pricing-calculator .pricing-total span,.pricing-calculator .pricing-total strong{font-size:1.15rem;color:#8ff0df;font-weight:950}
.customer-quote-card{border:1px solid #2ccdb5;background:#0c1d1a;border-radius:15px;padding:16px}.quote-breakdown-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:10px 0}.quote-breakdown-grid>div{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #34433f;padding:8px 0}.quote-total{display:flex;justify-content:space-between;align-items:center;border-top:2px solid #3bd7c0;padding:14px 0 2px;font-weight:950}.quote-total strong{font-size:1.8rem;color:#72ead8}.negotiation-box{display:grid;gap:8px;margin-top:14px;border-top:1px solid #42524e;padding-top:14px}.negotiation-box>strong{font-size:1rem;text-transform:uppercase;color:#fff}.invoice-locked{display:inline-flex;align-items:center;padding:10px 12px;border-radius:10px;border:1px solid #7a6541;background:#2c2517;color:#ffda88;font-weight:850}
.event-highlight-grid-five{grid-template-columns:repeat(2,minmax(0,1fr))}.event-highlight-grid-five .guest{grid-column:1/-1}

/* Requested dishes visibility */
.requested-admin-card{background:#111817!important;color:#fff!important}.requested-admin-card p,.requested-admin-card label,.requested-admin-card .help{color:#d9e1df!important}.requested-admin-row{background:#f7f7f7!important;border-color:#bfc7c5!important;color:#111!important}.requested-admin-row strong,.requested-admin-row label{color:#111!important}.requested-admin-row input,.requested-admin-row select{background:#0e1715!important;color:#fff!important;border-color:#53635f!important}

/* Kitchen comments */
.kitchen-comments-print{border:2px solid #111;background:#fff4cc;color:#111;padding:12px;margin-top:14px}.kitchen-comments-print strong{font-weight:950;color:#111}.kitchen-comments-print p{font-size:1.05rem;margin:6px 0 0}

/* Transactions side drawer */
.transaction-filter-launch{display:flex;align-items:center;gap:12px;margin:0 0 14px}.transaction-filter-drawer{position:fixed;z-index:120;left:0;top:0;bottom:0;width:min(90vw,380px);padding:22px;background:#111817;border-right:1px solid #55625f;box-shadow:16px 0 42px rgba(0,0,0,.38);display:grid;align-content:start;gap:12px;transform:translateX(-105%);transition:transform .2s ease;overflow-y:auto}.transaction-filter-drawer.open{transform:translateX(0)}.transaction-filter-backdrop{position:fixed;z-index:110;inset:0;background:rgba(0,0,0,.66)}.filter-drawer-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:4px}.filter-drawer-head h2{margin:2px 0 0}.filter-open{overflow:hidden}.transaction-filter-drawer .finance-filter-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}

@media(min-width:700px){.event-highlight-grid-five{grid-template-columns:repeat(5,minmax(0,1fr))}.event-highlight-grid-five .guest{grid-column:auto}}
@media(max-width:620px){.menu-primary-row{grid-template-columns:1fr}.menu-filter-trigger{width:100%}.quote-breakdown-grid,.pricing-calculator{grid-template-columns:1fr}.transaction-filter-drawer{width:92vw}}
@media print{.kitchen-comments-print{background:#fff4cc!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.review-category-highlight{background:#222!important;color:#fff!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}}

/* Build 7 regional menu filter behaves as a side drawer. */
.menu-filter-dialog[open]{position:fixed;inset:0 0 0 auto;margin:0;width:min(92vw,390px);max-width:390px;height:100dvh;max-height:100dvh;border-radius:18px 0 0 18px;border-left:1px solid #53615e}.menu-filter-dialog .request-dialog-card{min-height:100%;border-radius:18px 0 0 18px}

/* =========================================================
   BUILD 8 — phone-first operational polish
   ========================================================= */
html,body{max-width:100%;overflow-x:hidden}
.header-brand-row{display:flex;align-items:center;gap:8px;min-width:0}.header-back{width:38px;height:38px;flex:0 0 38px;border:1px solid #60706c;background:#19211f;color:#fff;border-radius:10px;font-size:1.3rem;font-weight:900;display:grid;place-items:center}.header-back:hover{border-color:var(--theme-teal);color:var(--theme-teal)}
.full-span{grid-column:1/-1}.delivery-helper{font-size:.82rem;color:#e8efed;margin-top:2px}.delivery-helper strong{font-weight:900}
.track-or{text-align:center;color:var(--theme-muted);font-size:.78rem;font-weight:900;letter-spacing:.12em;margin:10px 0}.track-results{margin-top:20px;display:grid;gap:10px}.track-results h2{font-size:1.2rem;margin:0}.track-result-card{display:grid;gap:4px;border:1px solid #4c5a56;border-radius:13px;padding:13px;background:#121a18}.track-result-card:hover{border-color:var(--theme-teal);background:#11231f}.track-result-card strong{color:#fff}.track-result-card span{font-size:.84rem;color:#bdc7c4}
/* dietary colour system */
.veg-choice{border-color:#248b57!important}.veg-choice.active{background:#08743e!important;color:#fff!important;border-color:#48f399!important;box-shadow:inset 0 0 0 1px rgba(72,243,153,.18)!important}.nonveg-choice{border-color:#9b403b!important}.nonveg-choice.active{background:#9b1f1a!important;color:#fff!important;border-color:#ff6b61!important;box-shadow:inset 0 0 0 1px rgba(255,107,97,.16)!important}
.diet-dot.veg{color:#51e899!important}.diet-dot.veg::before{background:#16884d!important;border-color:#51e899!important}.diet-dot.nonveg{color:#ff7a71!important}.diet-dot.nonveg::before{background:#b82620!important;border-color:#ff7a71!important}.dietary-list-item.veg{border-left:3px solid #2ed47a;padding-left:8px}.dietary-list-item.nonveg{border-left:3px solid #e04d44;padding-left:8px}.dietary-list-item.veg::marker{color:#2ed47a}.dietary-list-item.nonveg::marker{color:#e04d44}
.category-tabs button{border:1px solid #52605d!important;background:#202927!important;color:#eef3f1!important;transition:.15s ease}.category-tabs button.active{background:#0c3c35!important;color:#77ead8!important;border-color:#27cbb4!important;box-shadow:inset 0 0 0 1px rgba(39,203,180,.18)!important}.category-tabs button:focus-visible{outline:3px solid rgba(39,203,180,.25)}
/* right-side professional transaction filter drawer */
.transaction-filter-launch{display:flex;align-items:center;justify-content:space-between;gap:10px}.transaction-filter-drawer{left:auto!important;right:0!important;width:min(92vw,420px)!important;max-width:420px!important;border-right:0!important;border-left:1px solid #55625f!important;box-shadow:-16px 0 42px rgba(0,0,0,.42)!important;transform:translateX(105%)!important;overflow-x:hidden!important;display:block!important}.transaction-filter-drawer.open{transform:translateX(0)!important}.transaction-filter-drawer .field{display:grid;gap:6px;margin-bottom:14px;width:100%;min-width:0}.transaction-filter-drawer input,.transaction-filter-drawer select{width:100%;min-width:0}.transaction-filter-drawer .finance-filter-actions{display:grid!important;grid-template-columns:1fr!important;gap:9px!important;margin-top:18px!important}.transaction-filter-drawer .finance-filter-actions .btn{width:100%}.filter-drawer-head{position:sticky;top:-22px;background:#111817;padding:20px 0 12px;z-index:2;border-bottom:1px solid #33413d;margin-bottom:16px}
/* compact kitchen sheet */
.compact-kitchen-slip{max-width:760px}.compact-kitchen-head{border-bottom:3px solid #111;padding-bottom:8px;margin-bottom:8px}.compact-kitchen-head h1{font-size:1.4rem;margin:2px 0}.compact-horizontal-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid #999;border-radius:8px;overflow:hidden;margin:7px 0}.compact-horizontal-summary>div{padding:7px;border-right:1px solid #bbb;min-width:0}.compact-horizontal-summary>div:last-child{border-right:0}.compact-horizontal-summary span{display:block;text-transform:uppercase;font-size:.68rem;font-weight:850;color:#555}.compact-horizontal-summary strong{display:block;font-size:.95rem;margin-top:2px;overflow-wrap:anywhere}.compact-address{padding:6px 2px;font-size:.88rem}.compact-menu{padding:10px}.compact-menu .slip-menu-name{margin-top:7px}.compact-menu .slip-category{margin:7px 0}.compact-menu .slip-category>strong{font-size:.92rem}.compact-menu li{font-size:.88rem;padding:1px 0}
.reset-orders-card{border-color:#8d4a44!important;background:#211413!important}.reset-orders-card h2{color:#ffb0aa}
/* make phone forms feel app-like */
@media(max-width:700px){
  .container{width:min(100% - 20px,var(--max))}.site-header .header-row{min-height:68px}.brand-logo{width:88px;height:46px}.branch-label{font-size:.78rem;max-width:94px}.header-back{width:34px;height:34px;flex-basis:34px}.nav{gap:3px}.nav a{padding:8px 7px;font-size:.8rem}.announcement-row{padding-block:7px}
  .form-card{max-width:none}.form-grid.two,.admin-form-grid.two{grid-template-columns:1fr}.full-span{grid-column:auto}.field input,.field select,.field textarea{font-size:16px}
  .customer-menu-toolbar .container{width:min(100% - 14px,var(--max))}.menu-primary-row{grid-template-columns:1fr auto!important;gap:7px}.dietary-primary{grid-template-columns:repeat(2,minmax(0,1fr))}.dietary-primary button{font-size:.8rem;padding:8px 6px}.menu-filter-trigger{width:auto!important;min-width:84px;padding:8px 9px;font-size:.8rem}.category-tabs{margin-top:8px;padding-bottom:6px;gap:6px}.category-tabs button{font-size:.75rem;padding:8px 10px}
  .event-highlight-grid-five{grid-template-columns:repeat(2,minmax(0,1fr))!important}.event-highlight-grid-five .guest{grid-column:1/-1}.quote-breakdown-grid{grid-template-columns:1fr!important}.customer-quote-card{padding:14px}.quote-total strong{font-size:1.6rem}
  .compact-horizontal-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.compact-horizontal-summary>div:nth-child(2){border-right:0}.compact-horizontal-summary>div:nth-child(-n+2){border-bottom:1px solid #bbb}.transaction-filter-launch{align-items:flex-start;flex-direction:row}.transaction-filter-launch .muted{font-size:.75rem;text-align:right}.transaction-filter-drawer{width:min(94vw,420px)!important;padding:18px!important}.filter-drawer-head{top:-18px;padding-top:16px}
  .finance-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.finance-table{min-width:760px}.finance-summary-grid,.finance-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.finance-stat,.finance-overview-card{min-width:0}.finance-stat strong,.finance-overview-card strong{font-size:1.2rem}
  .admin-main{padding-left:0;padding-right:0}.admin-title h1{font-size:1.8rem}.admin-title{gap:8px}.actions{gap:8px}.actions .btn{max-width:100%}
}
@media(max-width:420px){.nav a{font-size:.76rem;padding:7px 5px}.branch-label{display:none}.brand-logo{width:96px}.menu-primary-row{grid-template-columns:1fr!important}.menu-filter-trigger{width:100%!important}.compact-horizontal-summary{grid-template-columns:1fr 1fr}.finance-summary-grid,.finance-overview-grid{grid-template-columns:1fr 1fr!important}}
@media print{.compact-horizontal-summary{display:grid!important;grid-template-columns:repeat(4,1fr)!important}.compact-kitchen-slip{max-width:none}.header-back{display:none!important}}

/* =========================================================
   BUILD 9 — Excel menu import + smart combinations
   ========================================================= */
.menu-import-callout{display:flex;align-items:center;justify-content:space-between;gap:18px;border-color:#285b53;background:linear-gradient(90deg,#101817,#0d211e)}
.menu-import-callout h2,.section-heading-row h2{margin:3px 0 4px}.section-heading-row{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:22px 0 6px}.text-link{font-weight:900;color:var(--theme-teal-soft)}
.import-workflow-card{max-width:840px}.import-rules-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.import-rules-grid>div{display:grid;gap:3px;border:1px solid #3c4945;background:#111817;border-radius:11px;padding:12px}.import-rules-grid span{font-size:.82rem;color:var(--theme-muted)}
.combo-admin-list{display:grid;gap:10px}.combo-admin-row{display:grid;gap:10px;border:1px solid #3e4b47;background:#111817;border-radius:12px;padding:12px}.combo-admin-names{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.combo-admin-controls{display:grid;grid-template-columns:90px minmax(160px,1fr) minmax(180px,1fr) auto auto auto;gap:8px;align-items:end}.combo-admin-controls .field{margin:0}

/* Customer menu: compact food-app style rows */
.menu-section{padding-bottom:22px}.menu-section-title{position:sticky;top:132px;z-index:8;background:rgba(10,18,17,.94);backdrop-filter:blur(10px);padding:12px 0 8px;margin-bottom:8px}.menu-subsection{margin-bottom:18px}.subcategory-title{font-size:.9rem;letter-spacing:.05em;color:#dbe5e2;margin:8px 0}.menu-list{gap:10px}.menu-item{min-height:104px;border-color:#3b4945;background:#111817;padding:10px 11px}.menu-item.has-image{grid-template-columns:92px minmax(0,1fr) 48px}.menu-item-image{width:92px;height:92px;border-radius:13px}.menu-item-copy{min-width:0}.menu-item-name{font-size:1rem;line-height:1.2}.menu-item-desc{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:5px;line-height:1.35}.add-btn{width:44px;height:44px;border-radius:12px;font-size:1.5rem}.dietary-card-veg{border-left:3px solid #20b76a}.dietary-card-nonveg{border-left:3px solid #d9473f}.dietary-card-both{border-left:3px solid #27cbb4}.diet-dot.both{color:#7fe8d9}.diet-dot.both::before{background:#187f70;border-color:#7fe8d9}

/* Amazon-style recommendation bottom sheet */
.combo-dialog{width:min(96vw,620px);max-width:620px}.combo-dialog-card{display:grid;gap:12px}.combo-suggestion-list{display:grid;gap:10px}.combo-suggestion-card{display:grid;grid-template-columns:74px minmax(0,1fr) auto;gap:11px;align-items:center;border:1px solid #45534f;border-radius:13px;padding:10px;background:#121a18}.combo-suggestion-card.veg{border-left:4px solid #27ca77}.combo-suggestion-card.nonveg{border-left:4px solid #e2534b}.combo-suggestion-card.both{border-left:4px solid #2bcbb4}.combo-suggestion-card img{width:74px;height:74px;border-radius:11px;object-fit:cover;background:#0b1110}.combo-suggestion-copy{display:grid;gap:4px;min-width:0}.combo-suggestion-copy strong{font-size:.96rem}.combo-suggestion-copy>span:not(.diet-dot){font-size:.78rem;color:var(--theme-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.combo-add{min-width:70px}

@media(max-width:700px){
  .menu-import-callout,.section-heading-row{align-items:stretch;flex-direction:column}.menu-import-callout .btn{width:100%}.import-rules-grid{grid-template-columns:1fr}.combo-admin-controls{grid-template-columns:1fr 1fr}.combo-admin-controls .field:nth-child(2),.combo-admin-controls .field:nth-child(3){grid-column:1/-1}
  .menu-section-title{top:166px}.menu-item{min-height:96px}.menu-item.has-image{grid-template-columns:82px minmax(0,1fr) 44px}.menu-item-image{width:82px;height:82px}.menu-item-name{font-size:.98rem}.menu-item-desc{font-size:.78rem}.add-btn{width:40px;height:40px}.combo-dialog[open]{position:fixed;inset:auto 0 0 0;margin:0;width:100%;max-width:none;max-height:78dvh;border-radius:20px 20px 0 0;border-bottom:0}.combo-dialog .request-dialog-card{max-height:78dvh;overflow-y:auto;padding:16px 14px calc(18px + env(safe-area-inset-bottom))}.combo-suggestion-card{grid-template-columns:68px minmax(0,1fr) auto}.combo-suggestion-card img{width:68px;height:68px}.combo-add{min-width:62px;padding-inline:10px}
}
@media(max-width:420px){.combo-admin-controls{grid-template-columns:1fr}.menu-section-title{top:174px}.menu-item.has-image{grid-template-columns:76px minmax(0,1fr) 40px}.menu-item-image{width:76px;height:76px}.combo-suggestion-card{grid-template-columns:62px minmax(0,1fr)}.combo-suggestion-card img{width:62px;height:62px}.combo-suggestion-card .combo-add{grid-column:2;width:100%}}

/* =========================================================
   BUILD 10 — MOBILE-FIRST QUOTE / CONFIRMATION POLISH
   ========================================================= */
.home-page .brand-logo{width:150px;height:66px;object-fit:contain;border:0;border-radius:0;background:transparent}
.home-page .brand{gap:14px}.home-page .branch-label{font-size:1rem;max-width:180px;line-height:1.1}
.menu-search-row{position:relative;margin-top:10px;max-width:620px}.menu-search-row input{width:100%;min-height:46px;border-radius:14px;padding:10px 44px 10px 15px;background:#0f1716;border:1px solid #465652;color:#fff}.menu-search-row span{position:absolute;right:15px;top:50%;transform:translateY(-50%);font-size:1.35rem;color:#91a39e;pointer-events:none}
.customer-order-page .customer-order-details-card,.customer-order-page .customer-selected-menu,.customer-order-page .customer-confirm-card{border-color:#41514d}
.two-column-meta{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.two-column-meta .meta-row{min-width:0}
.customer-confirm-card{border:2px solid #22c9b4!important;background:#091713!important;box-shadow:0 14px 34px rgba(0,0,0,.22)}
.customer-confirm-card h2{margin-top:4px}.confirm-callout{margin:16px 0 10px;padding:12px 13px;border-radius:10px;background:#142522;color:#eafffb;text-align:center}.customer-confirm-btn{min-height:58px;font-size:1.12rem;background:#27cfb9!important;color:#06110f!important;border-color:#27cfb9!important}.customer-confirm-btn:hover{filter:brightness(1.06)}
.add-more-dishes-btn{white-space:nowrap}.confirmed-lock{text-align:center;margin-top:14px}
.dietary-menu-heading.veg{border-color:#1fae65!important;color:#6cf0a8!important;background:#0b2a1b!important}.dietary-menu-heading.nonveg{border-color:#cf4d45!important;color:#ff8b83!important;background:#2b1413!important}
.kitchen-share-ready-card textarea{min-height:250px}.kitchen-group-btn{background:#1fae65!important;border-color:#1fae65!important;color:#04110a!important}
.loading-card{text-align:center;margin-top:40px}.loading-card .btn{margin-top:14px}

@media(max-width:700px){
  .home-page .site-header .header-row{min-height:78px}.home-page .brand-logo{width:126px;height:58px}.home-page .branch-label{font-size:.82rem;max-width:110px}
  .two-column-meta{grid-template-columns:1fr}.customer-order-page .order-status-hero{align-items:flex-start}.customer-order-page .order-status-hero h1{font-size:2rem}
  .customer-order-page .admin-title{align-items:flex-start}.customer-order-page .admin-title .add-more-dishes-btn{width:100%;margin-top:10px;text-align:center}
  .customer-confirm-card{padding:17px 14px}.customer-confirm-card .quote-total strong{font-size:2rem}.customer-confirm-card .quote-breakdown-grid{gap:0}
  .menu-search-row{position:sticky;top:0;z-index:11;max-width:none;background:#30383b;padding:8px 0;margin-top:4px}.menu-search-row input{min-height:48px}
  .request-dialog-card{max-width:calc(100vw - 20px)}
}
@media(max-width:420px){
  .home-page .brand-logo{width:116px;height:52px}.home-page .nav a{font-size:.86rem}.home-page .branch-label{display:none}
  .form-card .admin-title h1{font-size:2rem!important;line-height:1.05}.form-card .lead{font-size:.98rem}
}

/* Build 11.1 — Excel-only menu + floating category navigation */
.customer-menu-toolbar{position:relative!important;top:auto!important;z-index:10!important}
.floating-category-trigger{position:fixed;right:14px;bottom:calc(92px + env(safe-area-inset-bottom));z-index:27;display:flex;align-items:center;gap:10px;max-width:min(78vw,330px);min-height:54px;padding:9px 14px;border:1px solid #35d5bd;border-radius:18px;background:rgba(9,31,27,.97);color:#fff;box-shadow:0 12px 34px rgba(0,0,0,.38),0 0 0 1px rgba(53,213,189,.08);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);text-align:left}
.floating-category-trigger:active{transform:translateY(1px)}
.floating-category-icon{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border-radius:11px;background:#24c9b4;color:#071311;font-size:1.05rem;font-weight:950}
.floating-category-copy{display:grid;min-width:0;line-height:1.05}
.floating-category-copy small{font-size:.65rem;letter-spacing:.08em;text-transform:uppercase;color:#a9c6c0;font-weight:850}
.floating-category-copy strong{margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.9rem;color:#fff}
.category-picker-dialog{width:min(92vw,520px)}
.category-picker-help{margin:10px 0 14px;line-height:1.45}
.category-picker-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px!important;overflow:visible!important;margin:0!important;padding:0!important}
.category-picker-grid button{width:100%;min-height:52px!important;white-space:normal!important;text-align:left;border-radius:14px!important;padding:11px 12px!important;font-size:.86rem!important;line-height:1.25}
.category-picker-grid button.active{background:#0b3c35!important;color:#7df1df!important;border-color:#2ed3bb!important;box-shadow:inset 0 0 0 1px rgba(46,211,187,.16)!important}
.menu-section{scroll-margin-top:82px}
.menu-section-title{position:static!important;top:auto!important;background:transparent!important;backdrop-filter:none!important}
.subcategory-title{--heading-color:#94A3B8;color:var(--heading-color)!important;font-weight:900;letter-spacing:.04em;border-left:4px solid var(--heading-color);padding:7px 10px;margin:12px 0 9px;background:color-mix(in srgb,var(--heading-color) 8%,transparent);border-radius:0 9px 9px 0}
.menu-item-price{margin-top:4px;font-weight:900;font-size:.95rem;color:#eef8f5}
.combo-price{font-weight:900;color:#ecfdf8}
.excel-source-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px}
.excel-source-grid>div{display:flex;flex-direction:column;gap:5px;padding:13px;border:1px solid #44514f;border-radius:14px;background:#101817}
.excel-source-grid span{color:#b8c4c0;font-size:.88rem;line-height:1.4}
.excel-only-menu-card .btn{margin-top:4px}
@media(max-width:700px){
  .floating-category-trigger{right:10px;bottom:calc(88px + env(safe-area-inset-bottom));max-width:72vw;min-height:50px;padding:8px 11px;border-radius:16px}
  .floating-category-icon{width:32px;height:32px;flex-basis:32px}
  .floating-category-copy strong{font-size:.82rem}
  .category-picker-dialog[open]{position:fixed;inset:auto 8px calc(84px + env(safe-area-inset-bottom)) 8px;margin:0;width:auto;max-width:none;max-height:62dvh;border-radius:20px}
  .category-picker-dialog .request-dialog-card{max-height:62dvh;overflow-y:auto;padding:16px 14px}
  .category-picker-grid{grid-template-columns:1fr 1fr}
  .category-picker-grid button{min-height:48px!important;font-size:.8rem!important}
  .menu-section{scroll-margin-top:76px}
  .subcategory-title{font-size:.92rem;margin:10px 0 8px;padding:7px 9px}
  .excel-source-grid{grid-template-columns:1fr}
}
.review-item-price{margin-left:7px;color:#9ff3e6;font-size:.9em;white-space:nowrap}

/* =========================================================
   BUILD 12 — DURABLE MENU STORAGE + STABLE FLOATING NAV
   ========================================================= */
.menu-management-summary{max-width:920px}.menu-master-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.menu-master-head h2{margin:4px 0}.storage-pill{display:inline-flex;align-items:center;min-height:32px;padding:6px 10px;border-radius:999px;border:1px solid #52605d;font-size:.76rem;font-weight:900;white-space:nowrap}.storage-pill.cloud{border-color:#25b99f;background:#0b312b;color:#8ff2df}.storage-pill.fallback{border-color:#8d7448;background:#2b2415;color:#f1d494}.admin-action-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.menu-image-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0}.menu-image-stats>div{display:grid;gap:4px;padding:14px;border:1px solid #3e4d49;border-radius:14px;background:#101817}.menu-image-stats strong{font-size:1.65rem;color:#7cf1df}.menu-image-stats span{font-size:.8rem;color:#aebbb7}.menu-image-upload-form{display:grid;grid-template-columns:minmax(220px,1.4fr) minmax(220px,1fr) auto;gap:12px;align-items:end;margin-top:14px}.menu-image-upload-form .field{margin:0}.missing-image-list{border-top:1px solid #33413e;padding-top:14px}.missing-image-list summary{cursor:pointer;font-weight:900}.missing-image-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 16px;margin-top:12px}.missing-image-grid span{font-size:.84rem;color:#c7d2ce}.missing-image-grid strong{display:inline-block;min-width:42px;color:#70e7d5}

/* Category state only follows the user's position. It never forces the menu back to another category. */
.floating-category-trigger strong{transition:color .15s ease}.floating-category-trigger:focus-visible{outline:3px solid rgba(58,222,196,.42);outline-offset:2px}.category-picker-grid button.active{transform:none!important}

@media(max-width:760px){.menu-master-head{flex-direction:column}.menu-image-upload-form{grid-template-columns:1fr}.menu-image-upload-form .btn{width:100%}.missing-image-grid{grid-template-columns:1fr}.menu-image-stats{grid-template-columns:repeat(3,1fr)}.menu-image-stats>div{padding:11px 9px}.menu-image-stats strong{font-size:1.35rem}.menu-image-stats span{font-size:.68rem}}
@media(max-width:390px){.menu-image-stats{grid-template-columns:1fr 1fr}.menu-image-stats>div:first-child{grid-column:1/-1}}


/* =========================================================
   BUILD 12.1 — PHONE SEARCH MODE + REQUESTED DISH ROWS
   ========================================================= */
.site-header .brand-logo{width:148px;height:64px;object-fit:contain;object-position:left center}
.menu-search-row{display:flex;align-items:center;gap:9px}
.menu-search-field{position:relative;flex:1;min-width:0}
.menu-search-field input{width:100%;min-height:48px;border-radius:14px;padding:10px 44px 10px 15px;background:#0f1716;border:1px solid #465652;color:#fff}
.menu-search-field>span{position:absolute;right:15px;top:50%;transform:translateY(-50%);font-size:1.35rem;color:#91a39e;pointer-events:none}
.search-back-btn{display:none;align-items:center;gap:5px;min-height:44px;padding:8px 10px;border:1px solid #53635f;border-radius:12px;background:#111a18;color:#fff;font-weight:900;white-space:nowrap}
.menu-search-mode .search-back-btn{display:inline-flex}
.menu-search-mode .customer-menu-toolbar{position:sticky!important;top:0!important;z-index:29!important;padding-bottom:8px;background:#30383b;box-shadow:0 8px 24px rgba(0,0,0,.28)}
.menu-search-mode [data-browse-controls],
.menu-search-mode .stepbar,
.menu-search-mode [data-special-request-banner],
.menu-search-mode .floating-category-trigger{display:none!important}
.menu-search-mode .menu-search-row{margin:0;padding:8px 0 4px;position:relative;top:auto;background:transparent}
.menu-search-mode .container:has(> [data-menu-content]){padding-top:12px}
.search-results-section{padding:4px 0 22px}
.search-results-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:14px;border-bottom:1px solid #465552;padding-bottom:10px}
.search-results-head h2{margin:3px 0 0;font-size:1.45rem}
.search-result-list{display:grid;gap:10px}
.search-empty,.search-start-state{min-height:38dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;color:#b8c7c3;padding:28px 16px}
.search-empty strong,.search-start-state h2{color:#fff}.search-empty span,.search-start-state p{max-width:420px;margin:0;color:#aebbb7}
.search-start-icon{display:grid;place-items:center;width:62px;height:62px;border-radius:18px;border:1px solid #36cdb7;background:#0c332e;color:#7df3e0;font-size:2rem}
.requested-dish-editor{display:grid;gap:9px;margin-top:14px}
.requested-dish-row{display:grid;grid-template-columns:32px minmax(0,1fr) 44px;gap:8px;align-items:center}
.requested-dish-number{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#15322d;border:1px solid #2eb9a4;color:#8df2e1;font-weight:950}
.requested-dish-row input{width:100%;min-height:46px;border:1px solid #53635f;border-radius:12px;background:#0e1715;color:#fff;padding:10px 12px;font-size:1rem}
.request-remove-dish{width:44px;height:44px;border-radius:12px;border:1px solid #8b5550;background:#271514;color:#ff9a91;font-size:1.65rem;font-weight:900;line-height:1}
.request-another-dish{width:100%;min-height:46px;margin-top:12px;border:1px dashed #37cdb7;border-radius:12px;background:#0d2d28;color:#8cf2e1;font-weight:950;font-size:.95rem}
.request-another-dish:active,.request-remove-dish:active{transform:translateY(1px)}
@media(max-width:700px){
  .site-header .brand-logo{width:132px!important;height:58px!important}
  .site-header .brand{max-width:none}
  .menu-search-mode .customer-menu-toolbar .container{width:min(100% - 16px,var(--max))}
  .menu-search-mode .menu-search-field input{font-size:16px}
  .search-back-btn span{display:none}
  .search-back-btn{width:44px;padding:8px;justify-content:center;font-size:1.25rem}
  .request-dialog[data-request-dialog][open]{width:min(94vw,560px)}
  .requested-dish-row{grid-template-columns:28px minmax(0,1fr) 42px}
  .requested-dish-number{width:28px;height:28px;font-size:.8rem}
}
@media(max-width:420px){
  .site-header .brand-logo{width:126px!important;height:56px!important}
  .site-header .nav a{padding-inline:8px}
  .search-results-head h2{font-size:1.25rem}
}

/* BUILD 13 — workflow toasts, editable order menu and image review basket */
.admin-toast{position:fixed;z-index:9999;top:calc(14px + env(safe-area-inset-top));left:50%;transform:translate(-50%,-18px);width:min(92vw,620px);padding:14px 18px;border-radius:14px;border:1px solid #2f735e;background:#10261f;color:#b9f2d9;font-weight:850;box-shadow:0 16px 44px rgba(0,0,0,.38);opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease}
.admin-toast.show{opacity:1;transform:translate(-50%,0)}
.admin-toast.error{background:#321918;border-color:#9a4d47;color:#ffd1cc}
.btn[disabled],.btn.disabled{opacity:.45;cursor:not-allowed;pointer-events:none;filter:saturate(.45)}
.order-add-dish-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end;padding:12px;border:1px solid #43504d;border-radius:13px;background:#0d1514;margin:12px 0 16px}
.admin-order-menu-list{display:grid;gap:8px;margin:8px 0 14px}
.admin-menu-subheading{margin:9px 0 2px;text-transform:uppercase;letter-spacing:.07em;font-weight:800}
.admin-order-menu-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:start;padding:10px 12px;border:1px solid #3b4744;border-radius:12px;background:#111a18}
.admin-order-menu-item>div>strong{display:block}.admin-order-menu-item small{display:block;color:#9da9a6;margin-top:2px}
.order-item-editor summary{cursor:pointer;font-weight:850;color:#59d9c8;list-style:none;padding:4px 0}.order-item-editor summary::-webkit-details-marker{display:none}
.order-item-editor[open]{grid-column:1/-1;width:100%;padding-top:8px;border-top:1px solid #34413e}
.order-item-editor form{margin-top:8px}
.review-basket-list{display:grid;gap:10px;margin:8px 0 0;padding:0;list-style:none}
.review-basket-item{display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px;border:1px solid #3b4744;border-radius:13px;background:#121a19}
.review-basket-image,.review-basket-placeholder{width:72px;height:72px;border-radius:11px;object-fit:cover;border:1px solid #46524f;background:#0b1110}
.review-basket-placeholder{display:grid;place-items:center;color:#59d9c8;font-weight:950;font-size:.8rem}
.review-basket-copy{min-width:0}.review-basket-copy strong{display:block}.review-basket-copy small{display:block;color:#9eaaa7;margin-top:3px;line-height:1.35}.review-basket-copy .review-item-price{display:inline-block;margin-top:5px;color:#68e5d3}
.review-basket-item button{border:0;background:transparent;color:#ff8378;font-weight:850;padding:8px}
.category-setup-grid{display:grid;gap:10px}.category-setup-row{display:grid;grid-template-columns:minmax(0,1fr) 110px auto;gap:10px;align-items:end;padding:10px;border:1px solid #46524f;border-radius:12px;background:#111a18}
.category-setup-row .field{margin:0}
@media(max-width:680px){.order-add-dish-form,.category-setup-row{grid-template-columns:1fr}.admin-order-menu-item{grid-template-columns:1fr}.review-basket-item{grid-template-columns:62px minmax(0,1fr) auto}.review-basket-image,.review-basket-placeholder{width:62px;height:62px}.admin-toast{top:calc(10px + env(safe-area-inset-top));font-size:.9rem}}

/* Build 14 · mobile menu, pinned categories and internal finance */
.menu-page{background:#07110f}
.menu-page .menu-shell{padding-top:0;padding-bottom:104px}
.menu-only-backbar{position:sticky;top:0;z-index:34;display:flex;align-items:center;gap:12px;min-height:52px;padding:7px 14px;background:rgba(8,19,17,.98);border-bottom:1px solid #2f4b46;backdrop-filter:blur(12px)}
.menu-only-backbar button{width:38px;height:38px;border:1px solid #405b56;border-radius:12px;background:#13211f;color:#fff;font-size:1.25rem;font-weight:900}
.menu-only-backbar strong{font-size:1rem;color:#fff}
.customer-menu-toolbar{position:sticky!important;top:52px!important;z-index:31!important;background:#30383b!important;border-bottom:1px solid #45504e;box-shadow:0 8px 22px rgba(0,0,0,.26)}
.menu-sticky-category-rail{margin-top:8px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none}
.menu-sticky-category-rail::-webkit-scrollbar{display:none}
.menu-sticky-category-rail .category-tabs{margin:0;padding:0 0 8px;flex-wrap:nowrap;overflow:visible}
.menu-sticky-category-rail .category-tabs button{flex:0 0 auto;min-height:38px;padding:8px 12px}
.category-selected-count{color:#77ead8;font-weight:950}
.menu-floating-actions{position:fixed;right:12px;bottom:calc(94px + env(safe-area-inset-bottom));z-index:28;display:grid;gap:8px;justify-items:end;pointer-events:none}
.menu-floating-action{pointer-events:auto;display:flex;align-items:center;gap:8px;min-height:46px;padding:9px 12px;border:1px solid #35d5bd;border-radius:15px;background:rgba(9,31,27,.97);color:#fff;box-shadow:0 12px 28px rgba(0,0,0,.36);font-weight:900}
.menu-floating-action.request{border-color:#d6a64f;background:rgba(43,31,13,.97)}
.menu-floating-action small{display:inline-flex;min-width:18px;justify-content:center;color:#f5d995;font-size:.75rem}
.menu-section{scroll-margin-top:154px}
.review-category-highlight span{color:#77ead8;font-size:.82em}
.internal-expense-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.internal-expense-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end}
.paid-toggle{display:flex;align-items:center;gap:7px;min-height:44px;font-size:.85rem;font-weight:800}
.paid-toggle input{width:18px;height:18px}
.internal-finance-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0}
.internal-finance-summary>div{padding:12px;border:1px solid #40514d;border-radius:12px;background:#0e1816}
.internal-finance-summary span,.internal-finance-summary small{display:block;color:#aebbb7;font-size:.76rem}
.internal-finance-summary strong{display:block;margin-top:3px;font-size:1.08rem}
@media(max-width:700px){
  .customer-menu-toolbar .container{width:min(100% - 14px,var(--max))}
  .menu-primary-row{grid-template-columns:1fr!important}
  .menu-search-row{margin-top:7px}
  .menu-floating-actions{right:9px;bottom:calc(88px + env(safe-area-inset-bottom))}
  .menu-floating-action{min-height:44px;padding:8px 10px;font-size:.78rem}
  .internal-expense-grid{grid-template-columns:1fr}
  .internal-finance-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
}


/* Build 14.1 quick hotfix · reliable pinned menu + requested-dish +/- controls */
body.menu-page{overflow-x:clip}
.menu-page .menu-shell{overflow:visible!important}
.menu-top-stack{position:-webkit-sticky;position:sticky;top:0;z-index:40;background:#30383b;box-shadow:0 8px 22px rgba(0,0,0,.26)}
.menu-top-stack .menu-only-backbar{position:relative!important;top:auto!important;z-index:2;box-shadow:none}
.menu-top-stack .customer-menu-toolbar{position:relative!important;top:auto!important;z-index:1!important;box-shadow:none!important}
.menu-top-stack .menu-search-row{position:relative!important;top:auto!important}
.requested-dish-row{grid-template-columns:32px minmax(0,1fr) auto!important}
.requested-dish-actions{display:flex;align-items:center;gap:7px}
.request-add-dish,.request-remove-dish{width:44px;height:44px;border-radius:12px;font-size:1.55rem;font-weight:950;line-height:1}
.request-add-dish{border:1px solid #2fcbb3;background:#0d2d28;color:#8cf2e1}
.request-remove-dish{border:1px solid #8b5550;background:#271514;color:#ff9a91}
.request-add-dish:active,.request-remove-dish:active{transform:translateY(1px)}
@media(max-width:520px){.requested-dish-row{grid-template-columns:28px minmax(0,1fr) auto!important}.requested-dish-actions{gap:5px}.request-add-dish,.request-remove-dish{width:40px;height:42px}}


/* =========================================================
   BUILD 14.2 — compact cart, validation, quote status + ops
   ========================================================= */
.menu-page .menu-shell{padding-bottom:24px}
.menu-floating-cart{pointer-events:auto;position:relative;display:grid;place-items:center;width:54px;height:54px;border-radius:17px;border:1px solid #38d7be;background:#0b2d27;color:#fff;text-decoration:none;box-shadow:0 12px 30px rgba(0,0,0,.38)}
.menu-floating-cart .cart-glyph{font-size:1.55rem;line-height:1}
.cart-count-badge{position:absolute;right:-5px;top:-7px;display:grid;place-items:center;min-width:24px;height:24px;padding:0 6px;border-radius:999px;background:#ffcf52;color:#1a1405;border:2px solid #07110f;font-size:.74rem;font-weight:950}
.cart-count-badge.empty{background:#68716f;color:#fff}
.category-tabs button{display:inline-flex;align-items:center;gap:7px}
.category-selected-count{display:grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:#2bd0b9;color:#06120f!important;font-size:.72rem!important;font-weight:950;line-height:1}
.field.field-invalid input,.field.field-invalid select,.field.field-invalid textarea{border-color:#ff5e57!important;background:#311817!important;box-shadow:0 0 0 3px rgba(255,94,87,.16)!important}
.field.field-invalid label{color:#ff8d87!important}.field-error-message{margin-top:6px;color:#ff9e98;font-size:.78rem;font-weight:850}
.admin-add-dish-panel{margin:12px 0 16px;border:1px solid #3bcdb6;border-radius:14px;background:#0d1f1c;overflow:hidden}.admin-add-dish-panel>summary{cursor:pointer;padding:13px 15px;color:#83efdf;font-weight:950;list-style:none}.admin-add-dish-panel>summary::-webkit-details-marker{display:none}.admin-add-dish-panel[open]>summary{border-bottom:1px solid #36504b;background:#102a25}.admin-add-dish-panel .order-add-dish-form{margin:0;border:0;border-radius:0}
.quote-delivery-status{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:12px}.delivery-state{display:grid;gap:2px;min-width:150px;padding:10px 12px;border-radius:12px;border:1px solid #56605e;background:#121918}.delivery-state strong{font-size:.86rem}.delivery-state span{font-size:.72rem;color:#aeb8b6}.delivery-state.done{border-color:#299a73;background:#0c2a21}.delivery-state.done strong{color:#73e7bb}.delivery-state.pending strong{color:#c5ccca}
.order-operation-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.operation-tile{display:grid;gap:7px;align-content:center;min-height:104px;padding:16px;border-radius:16px;border:1px solid #4b5855;background:#111918;color:#fff;text-align:left;text-decoration:none}.operation-tile span{font-size:.78rem;color:#aeb9b6;font-weight:850;text-transform:uppercase;letter-spacing:.05em}.operation-tile strong{font-size:1.15rem}.operation-tile.paid{border-color:#2d9d75;background:#0d2a22}.operation-tile.paid strong{color:#75e5bb}.operation-tile.unpaid{border-color:#994f49;background:#2a1716}.operation-tile.unpaid strong{color:#ff9b93}.operation-tile.kitchen{border-color:#2b9786;background:#0b2723}.operation-tile.kitchen strong{color:#79ead8}.operation-tile[disabled]{opacity:.45;cursor:not-allowed}
.deposit-dialog{width:min(92vw,520px);padding:0;border:1px solid #596864;border-radius:20px;background:#101817;color:#fff}.deposit-dialog::backdrop{background:rgba(0,0,0,.72)}.deposit-dialog-card{padding:18px}.deposit-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.deposit-choice{width:100%;min-height:72px;border-radius:14px;font-weight:950;font-size:1rem}.deposit-choice.yes{border:1px solid #28a877;background:#0d3328;color:#78e9bb}.deposit-choice.no{border:1px solid #a84f49;background:#361816;color:#ff9c94}
.dashboard-ops{display:flex;gap:7px;flex-wrap:wrap;margin-top:8px}.dashboard-ops span{display:inline-flex;align-items:center;min-height:26px;padding:4px 8px;border-radius:999px;font-size:.68rem;font-weight:900}.deposit-mini.paid,.kitchen-mini.sent{background:#0c3327;color:#79e7bb;border:1px solid #2e9d73}.deposit-mini.unpaid{background:#351817;color:#ff9b93;border:1px solid #9d4c47}.kitchen-mini.pending{background:#252b2a;color:#c2cac8;border:1px solid #56605e}
@media(max-width:620px){.menu-floating-cart{width:50px;height:50px;border-radius:16px}.order-operation-grid,.deposit-choice-grid{grid-template-columns:1fr}.quote-delivery-status{display:grid}.delivery-state{min-width:0}.operation-tile{min-height:86px}.dashboard-ops{margin-top:7px}}


/* Build 14.3 — inline deposit/payment controls and sent-state actions */
.quote-action.sent{background:#0d5f45!important;border-color:#38c995!important;color:#dffff1!important;box-shadow:0 0 0 1px rgba(56,201,149,.18) inset}
.admin-order-with-actions{display:block!important;padding:0!important}
.order-row-main{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:16px 18px;color:inherit;text-decoration:none}
.dashboard-action-row{padding:0 18px 14px;margin-top:0}
.dashboard-action-row button,.dashboard-action-row a{border:0;text-decoration:none;cursor:pointer}
.deposit-mini.deposit-paid{background:#0c3327;color:#79e7bb;border:1px solid #2e9d73!important}
.deposit-mini.deposit-part_paid{background:#3a2d0d;color:#ffd976;border:1px solid #a77b1d!important}
.deposit-mini.deposit-not_paid{background:#351817;color:#ff9b93;border:1px solid #9d4c47!important}
.payment-mini{display:inline-flex;align-items:center;min-height:26px;padding:4px 8px;border-radius:999px;font-size:.68rem;font-weight:900;border:1px solid #56605e!important;background:#252b2a;color:#c2cac8}
.payment-mini.payment-paid{background:#0c3327;color:#79e7bb;border-color:#2e9d73!important}.payment-mini.payment-part_paid{background:#3a2d0d;color:#ffd976;border-color:#a77b1d!important}.payment-mini.payment-unpaid{background:#351817;color:#ff9b93;border-color:#9d4c47!important}
.finance-quick-actions{display:grid;grid-template-columns:minmax(180px,.65fr) minmax(0,1.35fr);gap:12px;margin-top:14px}
.deposit-status-button{display:grid;gap:4px;text-align:left;padding:13px 15px;border-radius:14px;font-weight:900;cursor:pointer}.deposit-status-button span{font-size:.72rem;text-transform:uppercase;letter-spacing:.05em}.deposit-status-button strong{font-size:1rem}
.deposit-status-button.deposit-paid{background:#0d3328;color:#78e9bb;border:1px solid #28a877}.deposit-status-button.deposit-part_paid{background:#3a2d0d;color:#ffd976;border:1px solid #a77b1d}.deposit-status-button.deposit-not_paid{background:#351817;color:#ff9b93;border:1px solid #9d4c47}
.payment-shortcuts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.payment-shortcut{display:flex;align-items:center;justify-content:center;text-align:center;padding:10px 8px;border-radius:12px;text-decoration:none;font-weight:900;border:1px solid #55605d;background:#17201e;color:#d4dcda}.payment-shortcut.unpaid{border-color:#864843}.payment-shortcut.part-paid{border-color:#8b6d20}.payment-shortcut.paid{border-color:#28795d}.payment-shortcut.unpaid.active{background:#351817;color:#ff9b93;border-color:#a9534c}.payment-shortcut.part-paid.active{background:#3a2d0d;color:#ffd976;border-color:#a77b1d}.payment-shortcut.paid.active{background:#0c3327;color:#79e7bb;border-color:#2e9d73}
.deposit-choice-grid.three-choice{grid-template-columns:repeat(3,1fr)}.deposit-choice.part{border:1px solid #a77b1d;background:#3a2d0d;color:#ffd976}
@media(max-width:620px){.finance-quick-actions{grid-template-columns:1fr}.payment-shortcuts{grid-template-columns:1fr 1fr 1fr}.deposit-choice-grid.three-choice{grid-template-columns:1fr}.order-row-main{padding:14px}.dashboard-action-row{padding:0 14px 12px}.quote-action-row form,.quote-action-row .quote-action{width:100%}.quote-action-row .quote-action{justify-content:center}}


/* =========================================================
   BUILD 14.4 HOTFIX — compact app-style menu controls
   ========================================================= */
/* Keep the menu hierarchy compact and use the Spice India palette while
   following the familiar food-app interaction pattern: search + tiny tools,
   pinned category rail, and a bottom basket CTA only when something is selected. */
.menu-page .menu-shell{padding-bottom:26px}
.menu-page.menu-has-basket .menu-shell{padding-bottom:108px}

/* Smaller search row with compact filter/request controls on its right. */
.menu-search-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:8px!important;margin-top:7px!important;padding:0!important;max-width:none!important}
.search-back-btn{grid-column:1 / -1}
.menu-search-field input{min-height:40px!important;height:40px!important;border-radius:12px!important;padding:7px 38px 7px 13px!important;font-size:.92rem!important}
.menu-search-field>span{right:12px!important;font-size:1.1rem!important}
.menu-search-tools{display:flex;align-items:center;gap:6px;flex:0 0 auto}
.menu-search-tool{position:relative;display:grid;place-items:center;width:40px;height:40px;padding:0;border-radius:12px;border:1px solid #52605d;background:#1b2422;color:#eff7f4;font-size:1.05rem;font-weight:950;box-shadow:none;cursor:pointer}
.menu-search-tool.filter{border-color:#42665f;color:#83e9d9}
.menu-search-tool.request{border-color:#8a6a2d;color:#ffd875;background:#292113}
.menu-search-tool small{position:absolute;right:-5px;top:-6px;display:grid;place-items:center;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:#ffd35c;color:#201805;border:2px solid #30383b;font-size:.64rem;font-weight:950;line-height:1}
.menu-search-tool small[hidden]{display:none!important}
.menu-search-mode .menu-search-row{grid-template-columns:auto minmax(0,1fr)!important;gap:7px!important}
.menu-search-mode .menu-search-tools{display:none!important}
.menu-search-mode .search-back-btn{grid-column:auto!important;width:38px!important;height:40px!important;padding:0!important;justify-content:center!important}
.menu-search-mode .search-back-btn span{display:none!important}

/* Category count = small badge in the chip's top-right corner, not inline text. */
.menu-sticky-category-rail .category-tabs{padding-top:5px!important;padding-right:8px!important}
.menu-sticky-category-rail .category-tabs button{position:relative!important;overflow:visible!important;display:inline-flex!important;align-items:center!important;gap:0!important;padding:8px 13px!important;margin-right:2px!important}
.category-selected-count{position:absolute!important;top:-7px!important;right:-6px!important;display:grid!important;place-items:center!important;min-width:20px!important;height:20px!important;padding:0 5px!important;border-radius:999px!important;background:#2bd0b9!important;color:#06120f!important;border:2px solid #30383b!important;font-size:.65rem!important;font-weight:950!important;line-height:1!important;box-shadow:0 2px 8px rgba(0,0,0,.28)!important}

/* Retire Build 14.2 floating controls/cart completely. */
.menu-floating-actions,.menu-floating-cart{display:none!important}

/* Bottom basket CTA: hidden at zero items; full-width app-style bar when active. */
.menu-basket-dock[hidden]{display:none!important}
.menu-basket-dock{position:fixed;left:0;right:0;bottom:0;z-index:45;padding:8px 12px calc(8px + env(safe-area-inset-bottom));background:linear-gradient(180deg,rgba(7,17,15,0),rgba(7,17,15,.96) 24%,#07110f 100%);pointer-events:none}
.menu-basket-bar{pointer-events:auto;max-width:720px;margin:0 auto;min-height:58px;display:grid;grid-template-columns:48px 1fr 30px;align-items:center;gap:10px;padding:7px 12px;border-radius:18px;background:#25cbb6;color:#04110e;text-decoration:none;border:1px solid #67ead9;box-shadow:0 14px 34px rgba(0,0,0,.45);font-weight:950}
.menu-basket-bar strong{text-align:center;font-size:1.02rem;letter-spacing:.01em}
.menu-basket-icon{position:relative;display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#0a3b34;color:#fff;font-size:1.3rem}
.menu-basket-count{position:absolute;right:-7px;top:-7px;display:grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:#fff;color:#0b1a17;border:2px solid #25cbb6;font-size:.68rem;font-weight:950}
.menu-basket-chevron{font-size:1.8rem;line-height:1;text-align:center}

@media(max-width:620px){
  .customer-menu-toolbar .container{width:min(100% - 16px,var(--max))!important}
  .menu-search-row{gap:6px!important}
  .menu-search-field input{min-height:38px!important;height:38px!important;font-size:16px!important}
  .menu-search-tool{width:38px;height:38px;border-radius:11px}
  .menu-search-mode .search-back-btn{width:36px!important;height:38px!important}
  .menu-sticky-category-rail{margin-top:7px!important}
  .menu-sticky-category-rail .category-tabs button{min-height:36px!important;padding:7px 12px!important;font-size:.74rem!important}
  .category-selected-count{top:-6px!important;right:-5px!important;min-width:19px!important;height:19px!important;font-size:.62rem!important}
  .menu-basket-dock{padding-left:10px;padding-right:10px}
  .menu-basket-bar{min-height:56px;border-radius:17px;grid-template-columns:46px 1fr 28px;padding:6px 10px}
  .menu-basket-bar strong{font-size:.98rem}
}
/* =========================================================
   BUILD 14.7 — SIMPLE ADMIN + PUBLIC MENU DETAIL ACTIONS
   ========================================================= */
/* Public menu: centered toolbar controls and Details before + */
.menu-search-tools{display:flex!important;align-items:center!important;justify-content:center!important;height:100%!important}
.menu-search-tool{display:flex!important;align-items:center!important;justify-content:center!important}
.menu-item-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;align-self:center}
.item-details-btn{min-height:38px;padding:0 12px;border-radius:10px;border:1px solid #3b82f6;background:#0d2d55;color:#86baff;font-weight:900;font-size:.78rem;cursor:pointer}
.item-details-btn:hover{background:#123d73;color:#fff;border-color:#60a5fa}
.item-details-copy{font-size:1rem;line-height:1.65;color:#e4eeeb;white-space:pre-wrap}
.dietary-card-neutral{border-left:3px solid #27cbb4}
@media(min-width:700px){.menu-item.has-image{grid-template-columns:92px minmax(0,1fr) auto!important}.menu-item:not(.has-image){grid-template-columns:minmax(0,1fr) auto!important}}
@media(max-width:699px){.menu-item.has-image{grid-template-columns:82px minmax(0,1fr) auto!important}.menu-item-actions{flex-direction:row;gap:6px}.item-details-btn{min-height:34px;padding:0 8px;font-size:.68rem}}

/* Admin-only calmer visual system */
.admin-body{--admin-accent:#2dd4bf;--admin-blue:#60a5fa;--admin-amber:#fbbf24;--admin-red:#f87171}
.admin-body .card,.admin-body .list-card{border-color:#33433f;background:#101817}
.admin-body .btn{border-radius:11px}.admin-body .btn:not(.secondary):not(.danger){background:#1fbba8;color:#061311;border-color:#4ce0cf}
.admin-body .btn.secondary{background:#1b2523;border-color:#52615d;color:#eef5f3}.admin-body .btn.danger{background:#3a1a1a;border-color:#7e3434;color:#ffaaa5}
.admin-body .metric{background:#15201e;border-color:#33433f}.admin-body .finance-stat{background:#15201e;border-color:#3b4b47}.admin-body .finance-stat.expense{background:#241817;border-color:#68413d}.admin-body .finance-stat.profit,.admin-body .finance-stat.positive{background:#0d2a24;border-color:#277764}

/* Order sections fold to reduce visual overload */
.admin-fold>.admin-title,.admin-fold>.admin-fold-head{margin-bottom:0}.admin-fold-toggle{margin-left:auto;flex:0 0 auto;width:40px;height:40px;border:1px solid #50605c;background:#17211f;color:#dce8e5;border-radius:10px;font-size:1.25rem;font-weight:900;cursor:pointer}.admin-fold-body{margin-top:14px}.admin-fold.is-collapsed .admin-fold-body{display:none}.admin-fold.is-collapsed{padding-bottom:16px}.admin-fold.is-collapsed>.admin-title,.admin-fold.is-collapsed>.admin-fold-head{margin-bottom:0}

/* Requested dishes — no white panel */
.requested-admin-card{background:#101817!important;color:#eef5f3!important}.requested-admin-row,.requested-admin-row-dark{background:#16201e!important;border:1px solid #3d4d49!important;color:#eef5f3!important;grid-template-columns:minmax(180px,1fr) minmax(220px,1.3fr) auto!important}.requested-admin-row strong,.requested-admin-row label{color:#eef5f3!important}.requested-admin-row .help{color:#aab8b4!important}.requested-decision-buttons{display:flex;gap:8px;align-items:end}.approve-request{background:#123d31!important;color:#7cf0c5!important;border-color:#2c8c6e!important}.reject-request{background:#3a1d1b!important;color:#ffaaa5!important;border-color:#8c4641!important}
@media(max-width:800px){.requested-admin-row,.requested-admin-row-dark{grid-template-columns:1fr!important}.requested-decision-buttons{width:100%}.requested-decision-buttons .btn{flex:1}}

/* Unified payment + finance dialogs */
.admin-payment-dialog,.admin-finance-dialog{width:min(94vw,620px);padding:0;border:1px solid #50605c;border-radius:18px;background:#0f1715;color:#fff}.admin-payment-dialog::backdrop,.admin-finance-dialog::backdrop{background:rgba(0,0,0,.72)}.admin-payment-dialog-card,.admin-finance-dialog-card{padding:20px}.payment-dialog-summary,.payment-order-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0}.payment-dialog-summary>div,.payment-order-summary>div{padding:12px;border:1px solid #3d4d49;border-radius:12px;background:#15201e}.payment-dialog-summary span,.payment-order-summary span{display:block;color:#aab8b4;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.payment-dialog-summary strong,.payment-order-summary strong{display:block;margin-top:5px;font-size:1.15rem}.payment-dialog-summary .balance strong,.payment-order-summary>div:last-child strong{color:#fbbf24}.payment-dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}.payment-badge-button{cursor:pointer}.payment-mini{cursor:pointer}.admin-finance-dialog-card{max-height:88vh;overflow:auto}
@media(max-width:620px){.payment-dialog-summary,.payment-order-summary{grid-template-columns:1fr}.payment-dialog-actions{flex-direction:column}.payment-dialog-actions>*{width:100%}}

.quote-send-row{display:grid;grid-template-columns:minmax(220px,1fr) minmax(180px,.7fr) auto;gap:10px;align-items:end}.quote-send-primary{min-height:52px;font-size:1rem}.quote-status-field{margin:0}
@media(max-width:760px){.quote-send-row{grid-template-columns:1fr}.quote-send-row .btn{width:100%}}
.admin-filter-details summary{font-size:1rem;font-weight:900;cursor:pointer;color:#dce8e5}


/* =========================================================
   BUILD 14.8 HOTFIX — website 15-minute AM/PM time picker
   ========================================================= */
.quarter-time-trigger{width:100%;min-height:48px;display:grid;grid-template-columns:28px minmax(0,1fr) 24px;align-items:center;gap:8px;text-align:left;border:1px solid #53635f;background:#0f1816;color:#aab8b4;border-radius:12px;padding:10px 12px;font:inherit;cursor:pointer}
.quarter-time-trigger:hover,.quarter-time-trigger:focus{border-color:#2dd4bf;outline:3px solid rgba(45,212,191,.16)}
.quarter-time-trigger.has-value{color:#fff}.quarter-time-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#15322d;color:#63e6d3;font-size:1rem}.quarter-time-chevron{text-align:right;color:#63e6d3;font-size:1.2rem;font-weight:900}
.quarter-time-dialog{width:min(94vw,620px);padding:0;border:1px solid #50605c;border-radius:18px;background:#0f1715;color:#fff}.quarter-time-dialog::backdrop{background:rgba(0,0,0,.72)}.quarter-time-dialog-card{padding:18px}.quarter-time-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.quarter-time-dialog-head h2{margin:2px 0 0}.quarter-time-close{width:42px;height:42px;border-radius:12px;border:1px solid #52615d;background:#18211f;color:#fff;font-size:1.55rem;line-height:1;cursor:pointer}.quarter-time-periods{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;max-height:min(62vh,520px);overflow:auto;padding:4px 4px 8px}.quarter-time-option{min-height:44px;border-radius:10px;border:1px solid #3e504b;background:#15201e;color:#edf7f4;font-weight:850;cursor:pointer}.quarter-time-option:hover,.quarter-time-option:focus{border-color:#2dd4bf;background:#19312d}.quarter-time-option.selected{background:#24cbb5;color:#04110e;border-color:#71efdf}
@media(max-width:620px){.quarter-time-dialog{width:min(96vw,520px)}.quarter-time-dialog-card{padding:14px}.quarter-time-periods{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;max-height:68vh}.quarter-time-option{min-height:46px;font-size:.95rem}}


/* =========================================================
   BUILD 14.9 — PROFESSIONAL ADMIN UX / MOBILE-FIRST HOTFIX
   ========================================================= */
.admin-body{
  --admin-bg:#09110f;
  --admin-panel:#101a17;
  --admin-panel-2:#15211e;
  --admin-line:#30423d;
  --admin-text:#f4f8f7;
  --admin-muted:#9caaa6;
  --admin-teal:#28d0b8;
  --admin-blue:#5ea8ff;
  --admin-amber:#f5c451;
  --admin-red:#ef7770;
  background:var(--admin-bg)!important;
  color:var(--admin-text)!important;
}
.admin-header{background:rgba(10,18,16,.97)!important;border-bottom:1px solid var(--admin-line)!important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.admin-header .header-row{min-height:68px!important}.admin-header-row{display:flex;align-items:center;justify-content:space-between;gap:12px}
.admin-brand-row{display:flex;align-items:center;gap:10px;min-width:0}.admin-brand{display:flex;align-items:center;gap:10px;min-width:0;text-decoration:none}.admin-brand-mark{width:42px;height:42px;flex:0 0 42px;border-radius:12px;background:#f6faf9!important;color:#0c1714!important;font-size:1.15rem}
.admin-brand-copy{display:grid;line-height:1.04;min-width:0}.admin-brand-copy strong{max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff;font-size:.98rem;letter-spacing:.01em}.admin-brand-copy small{margin-top:4px;color:var(--admin-teal);font-size:.66rem;font-weight:950;text-transform:uppercase;letter-spacing:.13em}
.header-back{width:42px;height:42px;border-radius:12px!important;border:1px solid #42534e!important;background:#14201d!important;color:#fff!important;font-size:1.35rem!important}
.admin-mobile-menu-trigger{display:grid;place-items:center;width:42px;height:42px;border:1px solid #42534e;border-radius:12px;background:#14201d;color:#fff;font-size:1.25rem;cursor:pointer}

/* The desktop sidebar must never leak onto a phone. */
.admin-sidebar{display:none!important}
@media(min-width:980px){
  .admin-sidebar{display:block!important;background:#0d1614!important;border-right:1px solid var(--admin-line);padding:18px 12px!important}
  .admin-sidebar a{color:#aebbb7!important;margin-bottom:4px!important;padding:11px 12px!important}
  .admin-sidebar a:hover,.admin-sidebar a.active{background:#17302a!important;color:#7af0df!important}
  .admin-mobile-menu-trigger{display:none}
}

.admin-main{background:transparent!important}.admin-main>.container{max-width:1480px}
.admin-body .card,.admin-body .list-card,.admin-body .metric,.admin-body .table-wrap{background:var(--admin-panel)!important;border-color:var(--admin-line)!important;box-shadow:none!important}
.admin-body .admin-title{margin-bottom:12px}.admin-body .admin-title h1{color:#fff}.admin-body .admin-title h2{color:#fff}.admin-body .muted{color:var(--admin-muted)!important}
.admin-body .btn{font-weight:900!important}.admin-body .btn:not(.secondary):not(.danger){background:var(--admin-teal)!important;border-color:#69ead9!important;color:#04110e!important}.admin-body .btn.secondary{background:#16221f!important;border-color:#445650!important;color:#ecf4f2!important}

/* Compact professional phone navigation. */
.admin-bottom-nav{background:rgba(9,18,16,.98)!important;border-top:1px solid var(--admin-line)!important;padding:4px 4px calc(4px + env(safe-area-inset-bottom))!important;box-shadow:0 -10px 28px rgba(0,0,0,.24)}
.admin-bottom-nav a{min-height:58px;border-radius:12px;color:#82928d!important;font-size:.67rem!important;font-weight:900!important;text-decoration:none}.admin-bottom-nav a span{font-size:1.08rem}.admin-bottom-nav a.active{background:#13302a!important;color:#72e7d5!important}
.admin-mobile-menu-dialog{width:min(92vw,390px);padding:0;border:1px solid #40514c;border-radius:20px;background:#0e1815;color:#fff}.admin-mobile-menu-dialog::backdrop{background:rgba(0,0,0,.72)}.admin-mobile-menu-card{padding:16px}.admin-mobile-menu-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid var(--admin-line)}.admin-mobile-menu-head>div{display:grid}.admin-mobile-menu-head small{font-size:.66rem;color:var(--admin-teal);font-weight:950;letter-spacing:.14em}.admin-mobile-menu-head strong{font-size:1.25rem}.admin-mobile-menu-links{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.admin-mobile-menu-links a{display:flex;align-items:center;gap:9px;min-height:48px;padding:10px 12px;border:1px solid #31423d;border-radius:12px;background:#121f1b;color:#ecf4f2;text-decoration:none;font-weight:850}.admin-mobile-menu-links a:hover{border-color:#2dcdb6;color:#7eebda}.admin-mobile-logout{margin-top:12px}.admin-mobile-logout .btn{width:100%}

/* Order detail = compact app-style accordion. Closed means heading only. */
.order-detail-page{display:grid;gap:10px}.order-detail-page>.admin-title{margin-bottom:4px}.order-detail-page>.admin-title .muted{margin-top:5px}
.order-detail-page>section.card{margin-top:0!important;border-radius:15px!important;overflow:hidden;padding:0!important}
.admin-fold-head{min-height:60px!important;margin:0!important;padding:13px 15px!important;align-items:center!important;background:#111d19!important;border-bottom:0!important}
.admin-fold-head>div:first-child{min-width:0;flex:1}.admin-fold-title-line{display:flex;align-items:center;gap:9px;min-width:0;cursor:pointer}.admin-fold-title-line h2{margin:0!important;font-size:1.05rem!important;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-fold-toggle{display:grid!important;place-items:center!important;width:32px!important;height:32px!important;min-width:32px!important;margin:0!important;padding:0!important;border:1px solid #3f514c!important;background:#172521!important;color:#74e9d7!important;border-radius:9px!important;font-size:1.05rem!important;line-height:1!important}
.admin-fold-body{margin:0!important;padding:0 15px 15px!important;border-top:1px solid var(--admin-line)}.admin-fold-body>*:first-child{margin-top:14px!important}.admin-fold.is-collapsed .admin-fold-body{display:none!important}.admin-fold.is-collapsed{padding-bottom:0!important}.admin-fold.is-collapsed .eyebrow,.admin-fold.is-collapsed .admin-fold-head .muted{display:none!important}.admin-fold.is-collapsed>.admin-fold-head>.btn,.admin-fold.is-collapsed>.admin-fold-head>.actions,.admin-fold.is-collapsed>.admin-fold-head>form{display:none!important}.admin-fold-head .muted{font-size:.78rem!important;line-height:1.35!important;margin:5px 0 0!important;max-width:720px}
.order-detail-page .order-meta{gap:0!important}.order-detail-page .meta-row{padding:8px 0!important}.order-detail-page .meta-row strong{color:#91a19c!important}.order-detail-page .meta-row span{color:#f3f7f6!important}

/* Payment modal: no autofocus keyboard, compact summary, previous payment history. */
.admin-payment-dialog{width:min(94vw,580px)!important;max-height:90dvh!important;border-radius:20px!important;background:#0d1815!important}.admin-payment-dialog-card{max-height:90dvh;overflow:auto;padding:17px!important}.payment-dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:8px}.payment-dialog-head h2{margin:2px 0 0;font-size:1.45rem}.payment-dialog-head .icon-close{flex:0 0 auto}
.payment-dialog-summary{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;margin:12px 0!important}.payment-dialog-summary>div{min-width:0;padding:10px!important;border-radius:11px!important;background:#13211d!important}.payment-dialog-summary span{font-size:.62rem!important}.payment-dialog-summary strong{font-size:1.05rem!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.payment-dialog-summary .balance{border-color:#765f2a!important}.payment-dialog-summary .balance strong{color:var(--admin-amber)!important}
.payment-history-panel{margin:12px 0;padding:12px;border:1px solid #344640;border-radius:13px;background:#101d19}.payment-history-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.payment-history-head strong{font-size:.9rem}.payment-history-head span{color:#8fa09b;font-size:.72rem;font-weight:850}.payment-history-list{display:grid;gap:6px;max-height:150px;overflow:auto}.payment-history-row{display:flex;justify-content:space-between;gap:10px;padding:8px 9px;border-radius:9px;background:#15231f;border:1px solid #2d3e39}.payment-history-row>div{display:grid;gap:2px}.payment-history-row strong{font-size:.9rem;color:#fff}.payment-history-row span{font-size:.72rem;color:#9daca7}.payment-history-empty{padding:9px;color:#8fa09b;font-size:.78rem;text-align:center}
.payment-dialog-fields{grid-template-columns:1fr 1fr!important;gap:10px!important}.payment-dialog-fields .payment-amount-field{grid-column:1/-1}.payment-dialog-fields .field{margin:0}.payment-dialog-fields input,.payment-dialog-fields select{min-height:46px!important}.payment-dialog-actions{position:sticky;bottom:-17px;margin:14px -17px -17px!important;padding:12px 17px calc(12px + env(safe-area-inset-bottom));background:#0d1815;border-top:1px solid #2d3f3a;z-index:2}

/* Requested dishes and finance use calm, readable surfaces. */
.requested-admin-row,.requested-admin-row-dark{background:#14201d!important;border-color:#354742!important}.requested-admin-row .btn{min-height:42px!important}.approve-request{background:#12372e!important;border-color:#2d8d70!important;color:#76e5bd!important}.reject-request{background:#351b1a!important;border-color:#81423f!important;color:#ff9d98!important}
.admin-body .finance-stat.expense{background:#211a16!important;border-color:#66513a!important}.admin-body .finance-stat.profit,.admin-body .finance-stat.positive{background:#10271f!important;border-color:#2c755d!important}

/* Transactions become readable cards on phones instead of a giant horizontal spreadsheet. */
@media(max-width:760px){
  .admin-header .container{width:min(100% - 20px,var(--max))}.admin-header .header-row{min-height:64px!important}.admin-brand-mark{width:38px;height:38px;flex-basis:38px}.admin-brand-copy strong{font-size:.9rem;max-width:150px}.admin-main{padding:12px 0 calc(86px + env(safe-area-inset-bottom))!important}.admin-main>.container{width:min(100% - 20px,var(--max))}
  .admin-body .admin-title{margin-bottom:10px}.admin-body .admin-title h1{font-size:1.55rem!important}.admin-body .admin-title>div>p.muted{display:none}.admin-body .card{padding:14px}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px}.metric{padding:11px!important}.metric-value{font-size:1.45rem!important}.metric-label{font-size:.68rem!important;line-height:1.25}
  .admin-fold-head{min-height:56px!important;padding:12px 13px!important}.admin-fold-body{padding:0 13px 13px!important}.admin-fold-title-line h2{font-size:1rem!important}.admin-fold-toggle{width:30px!important;height:30px!important;min-width:30px!important}
  .two-column-meta{grid-template-columns:1fr!important}.meta-row{grid-template-columns:100px minmax(0,1fr)!important}.meta-row span{word-break:break-word}
  .payment-dialog-summary{grid-template-columns:repeat(3,minmax(0,1fr))!important}.payment-dialog-summary>div{padding:8px 6px!important}.payment-dialog-summary span{font-size:.54rem!important;letter-spacing:.02em!important}.payment-dialog-summary strong{font-size:.9rem!important}.payment-dialog-fields{grid-template-columns:1fr!important}.payment-dialog-fields .payment-amount-field{grid-column:auto}.payment-dialog-actions{display:grid!important;grid-template-columns:1fr 1fr!important}.payment-dialog-actions>*{width:100%!important}.admin-payment-dialog-card{padding:14px!important}.payment-dialog-actions{bottom:-14px;margin:12px -14px -14px!important;padding:10px 14px calc(10px + env(safe-area-inset-bottom))!important}
  .admin-mobile-menu-links{grid-template-columns:1fr 1fr}.admin-mobile-menu-dialog{margin:auto}
  .finance-table-wrap{overflow:visible!important;border:0!important;background:transparent!important}.finance-table{display:block!important;min-width:0!important}.finance-table thead{display:none!important}.finance-table tbody{display:grid;gap:10px}.finance-table tr{display:grid!important;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--admin-line);border-radius:14px;background:#101a17;overflow:hidden}.finance-table td{display:block!important;padding:9px 11px!important;border-bottom:1px solid #263732!important;font-size:.82rem}.finance-table td:nth-child(1),.finance-table td:nth-child(2){grid-column:1/-1}.finance-table td:nth-child(4),.finance-table td:nth-child(5),.finance-table td:nth-child(6),.finance-table td:nth-child(7),.finance-table td:nth-child(8),.finance-table td:nth-child(9),.finance-table td:nth-child(12){display:none!important}.finance-table td:nth-child(3)::before{content:'Sale';display:block;color:#84958f;font-size:.62rem;font-weight:850;text-transform:uppercase}.finance-table td:nth-child(10)::before{content:'Total Cost';display:block;color:#84958f;font-size:.62rem;font-weight:850;text-transform:uppercase}.finance-table td:nth-child(11)::before{content:'Net Profit';display:block;color:#84958f;font-size:.62rem;font-weight:850;text-transform:uppercase}.finance-table td:nth-child(13)::before{content:'Received';display:block;color:#84958f;font-size:.62rem;font-weight:850;text-transform:uppercase}.finance-table td:nth-child(14)::before{content:'Payment';display:block;color:#84958f;font-size:.62rem;font-weight:850;text-transform:uppercase}.finance-table td:nth-child(14){display:flex!important;align-items:center;justify-content:space-between}.finance-table td:nth-child(14) .payment-badge{margin-left:auto}
}
@media(max-width:390px){.admin-brand-copy strong{max-width:120px}.admin-mobile-menu-links{grid-template-columns:1fr}.grid.three{grid-template-columns:1fr 1fr!important}.grid.three>.metric:last-child{grid-column:1/-1}}


/* BUILD 14.10 — expense payments, compact order bookkeeping */
.expense-payment-list{display:grid;gap:8px}.expense-payment-row{display:grid;grid-template-columns:minmax(180px,1.5fr) minmax(90px,.55fr) minmax(90px,.55fr) auto;gap:10px;align-items:center;padding:11px 12px;border:1px solid #31423d;border-radius:12px;background:#101c19}.expense-payment-name{display:grid;gap:2px}.expense-payment-name span,.expense-payment-money span{font-size:.68rem;color:#91a19c;font-weight:800}.expense-payment-money{display:grid;gap:2px}.expense-payment-actions{display:flex;gap:6px;justify-content:flex-end}.expense-payment-actions form{margin:0}.expense-payment-history{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:6px;padding-top:7px;border-top:1px solid #293a35}.expense-payment-history span{font-size:.7rem;color:#9eada8;background:#15231f;border:1px solid #2d3f39;border-radius:999px;padding:4px 8px}.money-warning{color:#f6c453!important}
.expense-ledger-dialog{width:min(96vw,980px);max-height:92dvh;border:1px solid #3b504a;border-radius:20px;padding:0;background:#0c1714;color:#eef6f3}.expense-ledger-dialog::backdrop{background:rgba(0,0,0,.72)}.expense-ledger-card{max-height:92dvh;overflow:auto;padding:18px}.expense-ledger-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:12px 0}.expense-ledger-summary>div{display:grid;gap:4px;padding:12px;border:1px solid #344640;border-radius:12px;background:#13211d}.expense-ledger-summary span,.expense-ledger-row>div>span{font-size:.68rem;color:#91a19c;font-weight:850;text-transform:uppercase;letter-spacing:.05em}.expense-ledger-summary strong{font-size:1.15rem}.expense-ledger-list{display:grid;gap:8px;max-height:58dvh;overflow:auto}.expense-ledger-row{display:grid;grid-template-columns:minmax(220px,1.5fr) 100px 100px minmax(230px,1.4fr);gap:10px;align-items:center;padding:10px 12px;border:1px solid #30413c;border-radius:12px;background:#101c19}.expense-ledger-main{display:grid;gap:2px}.expense-ledger-main span{font-size:.72rem;color:#91a19c}.expense-ledger-row>div:not(.expense-ledger-main):not(.expense-ledger-history){display:grid;gap:3px}.expense-ledger-history{display:flex;flex-wrap:wrap;gap:5px}.expense-ledger-history span{font-size:.68rem;color:#a9b7b2;background:#15231f;border-radius:999px;padding:4px 7px}
@media(max-width:760px){.expense-payment-row{grid-template-columns:1fr 1fr}.expense-payment-name{grid-column:1/-1}.expense-payment-actions{grid-column:1/-1;justify-content:stretch}.expense-payment-actions form,.expense-payment-actions .btn{flex:1;width:100%}.expense-ledger-card{padding:14px}.expense-ledger-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.expense-ledger-summary>div{padding:9px 7px}.expense-ledger-summary span{font-size:.55rem}.expense-ledger-summary strong{font-size:.9rem}.expense-ledger-row{grid-template-columns:1fr 1fr;padding:10px}.expense-ledger-main,.expense-ledger-history{grid-column:1/-1}.finance-section-heading{gap:10px;align-items:flex-start}.finance-section-heading .btn{width:auto;min-height:42px}}


/* BUILD 14.11 — professional order accordions, requested-dish state, per-order expense popup */
.admin-fold-head{display:flex!important;align-items:center!important;gap:12px!important}.admin-fold-head>div:first-child{min-width:0;flex:1}.admin-fold-head>.admin-fold-toggle{margin-left:auto!important;order:99}.admin-fold-title-line{display:block!important;min-width:0;flex:1}.admin-fold-title-line h2{max-width:100%}
.requested-decision-buttons .btn.is-selected{box-shadow:0 0 0 2px currentColor inset!important;transform:none!important}.approve-request.is-selected{background:#1fc9a9!important;color:#06231d!important;border-color:#64efd6!important}.reject-request.is-selected{background:#df5a52!important;color:#fff!important;border-color:#ff928b!important}.requested-decision-buttons .btn:disabled{opacity:.72!important;cursor:not-allowed}.requested-decision-buttons .btn.is-selected:disabled{opacity:1!important}
.expense-order-dialog{width:min(96vw,860px);max-height:92dvh;border:1px solid #3b504a;border-radius:20px;padding:0;background:#0c1714;color:#eef6f3}.expense-order-dialog::backdrop{background:rgba(0,0,0,.72)}.expense-order-card{max-height:92dvh;overflow:auto;padding:18px}.expense-order-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:12px 0}.expense-order-summary>div{display:grid;gap:4px;padding:12px;border:1px solid #344640;border-radius:12px;background:#13211d}.expense-order-summary span{font-size:.68rem;color:#91a19c;font-weight:850;text-transform:uppercase;letter-spacing:.05em}.expense-order-summary strong{font-size:1.1rem}.expense-payment-date{max-width:220px;margin:10px 0}.expense-order-list{display:grid;gap:8px}.expense-order-row{display:grid;grid-template-columns:minmax(180px,1.3fr) minmax(180px,.8fr) auto;gap:10px;align-items:center;padding:12px;border:1px solid #30413c;border-radius:12px;background:#101c19}.expense-order-name{display:grid;gap:3px}.expense-order-name span,.expense-order-history span{font-size:.72rem;color:#91a19c}.expense-order-numbers{display:flex;gap:16px;flex-wrap:wrap}.expense-order-numbers span{display:grid;gap:2px;color:#91a19c;font-size:.68rem;font-weight:800;text-transform:uppercase}.expense-order-numbers strong{color:#fff;font-size:.9rem}.expense-order-actions{display:flex;gap:6px;justify-content:flex-end}.expense-order-history{grid-column:1/-1;display:flex;gap:6px;flex-wrap:wrap;padding-top:8px;border-top:1px solid #293a35}.expense-order-history span{background:#15231f;border:1px solid #2d3f39;border-radius:999px;padding:4px 8px}.expense-paid-btn.is-selected{background:#27c9b6!important;color:#071c18!important;border-color:#63eadb!important}.expense-unpaid-btn.is-selected{background:#3c2523!important;color:#ffaea8!important;border-color:#7e4641!important}.expense-order-button{white-space:nowrap}
@media(max-width:800px){.admin-fold-head{padding-right:12px!important}.admin-fold-head>.admin-fold-toggle{margin-left:auto!important}.expense-order-card{padding:14px}.expense-order-summary>div{padding:9px 7px}.expense-order-summary span{font-size:.54rem}.expense-order-summary strong{font-size:.9rem}.expense-order-row{grid-template-columns:1fr 1fr}.expense-order-name,.expense-order-actions,.expense-order-history{grid-column:1/-1}.expense-order-actions{justify-content:stretch}.expense-order-actions .btn{flex:1}.finance-table td:nth-child(15){display:flex!important;align-items:center;justify-content:space-between;grid-column:1/-1}.finance-table td:nth-child(15)::before{content:'Expense Payments';display:block;color:#84958f;font-size:.62rem;font-weight:850;text-transform:uppercase}.finance-table td:nth-child(15) .btn{margin-left:auto}}


/* =========================================================
   BUILD 14.12 HOTFIX — FINAL menu search control alignment
   Fixes old malformed Build 14.5 CSS and forces exact centering.
   ========================================================= */
.menu-search-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  justify-items:stretch!important;
  column-gap:8px!important;
  min-height:44px!important;
  margin-top:7px!important;
  padding:0!important;
}
.menu-search-field{
  display:flex!important;
  align-items:center!important;
  min-width:0!important;
  height:44px!important;
  margin:0!important;
  padding:0!important;
  align-self:center!important;
}
.menu-search-field input{
  box-sizing:border-box!important;
  width:100%!important;
  height:44px!important;
  min-height:44px!important;
  margin:0!important;
}
.menu-search-tools{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  align-self:center!important;
  gap:8px!important;
  width:auto!important;
  height:44px!important;
  min-height:44px!important;
  margin:0!important;
  padding:0!important;
}
.menu-search-tool{
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 44px!important;
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  min-height:44px!important;
  max-width:44px!important;
  max-height:44px!important;
  margin:0!important;
  padding:0!important;
  line-height:1!important;
  vertical-align:middle!important;
  transform:none!important;
}
.menu-search-tool>span{
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  height:100%!important;
  margin:0!important;
  padding:0!important;
  line-height:1!important;
  position:static!important;
  transform:none!important;
  text-align:center!important;
}
.menu-search-tool.filter>span{font-size:1.45rem!important;transform:translateY(-1px)!important}
.menu-search-tool.request>span{font-size:1.6rem!important;margin:0!important;transform:translateY(-1px)!important}
.menu-search-mode .menu-search-row{
  grid-template-columns:44px minmax(0,1fr)!important;
}
.menu-search-mode .menu-search-tools{display:none!important}
@media(max-width:620px){
  .menu-search-row{column-gap:7px!important;min-height:42px!important}
  .menu-search-field{height:42px!important}
  .menu-search-field input{height:42px!important;min-height:42px!important}
  .menu-search-tools{height:42px!important;min-height:42px!important;gap:7px!important}
  .menu-search-tool{
    flex-basis:42px!important;
    width:42px!important;height:42px!important;
    min-width:42px!important;min-height:42px!important;
    max-width:42px!important;max-height:42px!important;
  }
  .menu-search-mode .menu-search-row{grid-template-columns:42px minmax(0,1fr)!important}
}

/* =========================================================
   BUILD 14.13 — compact kitchen print sheet
   ========================================================= */
@media print{
  @page{size:A4 portrait;margin:8mm!important}
  .compact-kitchen-slip{width:100%!important;max-width:none!important;font-size:8.4pt!important;color:#111!important}
  .compact-kitchen-head{padding-bottom:4px!important;margin-bottom:4px!important;border-bottom-width:2px!important}
  .compact-kitchen-head h1{font-size:14pt!important;line-height:1.05!important;margin:1px 0!important}
  .compact-horizontal-summary{margin:3px 0!important;border-radius:0!important;break-inside:avoid!important}
  .compact-horizontal-summary>div{padding:3px 4px!important}
  .compact-horizontal-summary span{font-size:5.8pt!important}
  .compact-horizontal-summary strong{font-size:7.5pt!important;margin-top:1px!important}
  .compact-address{padding:2px 0 4px!important;font-size:7.2pt!important;break-inside:avoid!important}
  .slip-menu-box.compact-menu{break-inside:auto!important;margin:3px 0 5px!important;padding:5px!important;border-width:1px!important;column-count:2;column-gap:7mm;column-rule:1px solid #d5d5d5}
  .compact-menu h2{column-span:all;font-size:9pt!important;margin:0 0 4px!important}
  .compact-menu .slip-menu-name{font-size:7pt!important;padding:3px 5px!important;margin:4px 0 3px!important;break-after:avoid!important;break-inside:avoid!important}
  .compact-menu .slip-category{margin:3px 0!important;break-inside:avoid!important}
  .compact-menu .slip-category>strong{font-size:7.2pt!important}
  .compact-menu ol{margin:2px 0 4px!important;padding-left:16px!important}
  .compact-menu li{font-size:7pt!important;line-height:1.15!important;padding:0!important}
  .slip-comments{margin:4px 0!important;break-inside:avoid!important}
  .slip-comments>strong{font-size:7pt!important}
  .slip-comment-box{min-height:0!important;margin-top:2px!important;padding:4px!important;font-size:7.2pt!important;line-height:1.15!important}
  .kitchen-comments-print{padding:4px!important;margin-top:4px!important}
}
