/* Fast local system fonts: avoids a render-blocking third-party font request. */
:root{
  --bg:#f3f7fb;
  --bg2:#eef4f1;
  --panel:rgba(255,255,255,.9);
  --panel-strong:#ffffff;
  --text:#17212b;
  --muted:#6d7a88;
  --line:#e2eaf0;
  --brand:#1b8f72;
  --brand2:#6d5df6;
  --brand3:#14b8a6;
  --brand-dark:#114e45;
  --soft:#effaf6;
  --danger:#d34d5c;
  --warn:#b7791f;
  --orange:#f2994a;
  --shadow:0 20px 50px rgba(31,48,76,.10);
  --shadow-soft:0 12px 30px rgba(31,48,76,.08);
  --r:22px;
}

/* v2.5.0: PIN-protected order actions, compact order board and receipt
   designer controls. */
.workflow-callout{display:flex;align-items:center;gap:8px;min-height:42px;padding:9px 11px;border:1px dashed #cfe2dc;border-radius:11px;background:rgba(255,255,255,.72);color:#6c7d8e;font-size:9px}.workflow-callout b{color:#1f6f5c;font-size:10px;white-space:nowrap}.workflow-callout span{line-height:1.35}.order-status-legend,.service-status-form,.kds-order-control form{display:none!important}.order-items-preview{display:grid;gap:4px;margin-bottom:10px;padding:10px 11px;border:1px solid #dce8ec;border-radius:11px;background:linear-gradient(145deg,#f8fbfc,#f2f8f7);color:#52667a;font-size:10px}.order-card>.order-items-preview{grid-column:1/-1;margin:0}.order-items-preview>b{color:#1e6e5d;font-size:9px;text-transform:uppercase;letter-spacing:.55px}.order-items-preview span{display:block}.order-items-preview span b{color:#243c50}.pin-action{cursor:pointer}.order-pin-modal{z-index:220}.pin-modal-card{width:min(430px,calc(100vw - 28px));padding:22px;border-radius:20px}.pin-modal-card .field{margin-top:12px}.pin-modal-card input{width:100%;font-size:16px;letter-spacing:2px;text-align:center}.pin-modal-card .modal-actions{margin-top:15px}.cancel-order-form[hidden]{display:none!important}.quick-phone-field{z-index:45}.quick-customer-suggestions{max-height:240px;overflow:auto}.modal-backdrop{overflow:auto}.receipt-live-preview{display:grid;grid-template-columns:minmax(0,220px) 1fr;align-items:center;gap:12px;margin-top:15px;padding:12px;border:1px dashed #cfe0e5;border-radius:14px;background:linear-gradient(145deg,#f5faf9,#f6f3ff)}.receipt-preview-paper{display:grid;gap:5px;width:190px;min-height:230px;padding:15px 13px;background:#fff;border:1px solid #dce5e9;box-shadow:0 10px 20px rgba(39,61,86,.10);color:#27394b;font:10px/1.35 Arial,sans-serif;text-align:center}.receipt-preview-paper b{font-size:13px;color:var(--preview-accent,#17876f)}.receipt-preview-paper small{color:#748394;font-size:8px}.receipt-preview-paper strong{color:var(--preview-accent,#17876f);font-size:11px}.receipt-preview-paper hr{width:100%;border:0;border-top:1px dashed #9eabb3;margin:4px 0}.receipt-preview-caption{color:#6b7b8d;font-size:9px;line-height:1.4}.receipt-designer-options{margin-top:8px}
@media(max-width:640px){.workflow-callout{align-items:flex-start;flex-direction:column;gap:2px}.pin-modal-card{padding:17px}}
*{box-sizing:border-box}
html,body{margin:0;background:
  radial-gradient(circle at 0% 0%,rgba(109,93,246,.10),transparent 28%),
  radial-gradient(circle at 100% 0%,rgba(27,143,114,.12),transparent 24%),
  linear-gradient(180deg,var(--bg),var(--bg2));
  color:var(--text);font-family:Inter,Arial,sans-serif;font-weight:400}
body{min-height:100vh}
a{color:inherit}
img{max-width:100%;display:block}
.app{display:flex;min-height:100vh}
.sidebar{width:258px;background:linear-gradient(180deg,#102a28,#0d1a2b 92%);color:#dce7e2;padding:24px 16px;position:fixed;inset:0 auto 0 0;overflow:auto;border-right:1px solid rgba(255,255,255,.06)}
.brand{display:flex;gap:12px;align-items:center;padding:8px 9px 24px}
.brand-mark{width:40px;height:40px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,var(--brand3),var(--brand2));font-size:21px;box-shadow:0 10px 30px rgba(20,184,166,.25)}
.brand b{font-family:Manrope;font-weight:800;font-size:17px;letter-spacing:-.3px}
.brand small{display:block;color:#96a8a1;font-size:11px;margin-top:2px}
.nav-label{font-size:10px;text-transform:uppercase;letter-spacing:1.5px;color:#71857e;padding:15px 12px 8px}
.nav a{display:flex;align-items:center;gap:11px;color:#bed0ca;text-decoration:none;padding:11px 12px;border-radius:14px;font-size:13.5px;margin:3px 0;transition:.18s;border:1px solid transparent}
.nav a:hover,.nav a.active{background:linear-gradient(135deg,rgba(27,143,114,.23),rgba(109,93,246,.20));color:#fff;transform:translateX(2px);border-color:rgba(255,255,255,.08)}
.nav .ico{width:21px;text-align:center;font-size:16px}
.main{margin-left:258px;width:calc(100% - 258px)}
.topbar{height:76px;padding:0 28px;display:flex;justify-content:space-between;align-items:center;background:rgba(243,247,251,.75);backdrop-filter:blur(18px);position:sticky;top:0;z-index:20;border-bottom:1px solid rgba(226,234,240,.9)}
.page{padding:28px 28px 44px}
.title{font-family:Manrope;font-size:28px;font-weight:800;letter-spacing:-.8px}
.subtitle{color:var(--muted);font-size:13px;margin-top:5px}
.top-actions{display:flex;align-items:center;gap:9px}
.chip,.btn{border:1px solid var(--line);background:var(--panel-strong);border-radius:13px;padding:10px 14px;font-size:12.8px;color:var(--text);text-decoration:none;cursor:pointer;display:inline-flex;align-items:center;gap:7px;transition:.18s;box-shadow:0 1px 0 rgba(255,255,255,.6) inset}
.btn:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(31,48,76,.10)}
.btn.primary{background:linear-gradient(135deg,var(--brand),var(--brand2));border-color:transparent;color:white}
.btn.danger{color:var(--danger);border-color:#f5d3d8}
.btn.soft{background:linear-gradient(135deg,#effaf6,#f1efff);border-color:transparent;color:var(--brand-dark)}
.grid{display:grid;gap:16px}
.stats{grid-template-columns:repeat(4,1fr);margin-bottom:18px}
.card{background:var(--panel);border:1px solid rgba(255,255,255,.6);border-radius:var(--r);box-shadow:var(--shadow);backdrop-filter:blur(10px)}
.stat{padding:20px;position:relative;overflow:hidden}
.stat.accent::after{content:"";position:absolute;inset:auto -10% -20% auto;width:120px;height:120px;background:radial-gradient(circle,rgba(109,93,246,.16),transparent 70%)}
.stat .k{font-size:12px;color:var(--muted)}
.stat .v{font-family:Manrope;font-weight:800;font-size:27px;margin:8px 0 5px;letter-spacing:-.8px}
.stat .s{font-size:11.5px;color:var(--muted)}
.panel{padding:20px}
.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;gap:10px}
.panel h3{font-family:Manrope;font-size:16px;font-weight:800;margin:0;letter-spacing:-.2px}
.two{grid-template-columns:1.3fr .7fr}
.three{grid-template-columns:repeat(3,1fr)}
table{width:100%;border-collapse:collapse;font-size:12.7px}
th{text-align:left;color:var(--muted);font-weight:600;padding:11px 10px;border-bottom:1px solid var(--line);background:rgba(248,251,255,.85)}
td{padding:12px 10px;border-bottom:1px solid #edf1f5;vertical-align:middle}
.badge{font-size:10.8px;padding:6px 10px;border-radius:999px;background:#eef2f6;color:#526273;display:inline-flex;font-weight:600;text-transform:capitalize}
.badge.green{background:#e8f8f1;color:#176347}.badge.orange{background:#fff2e1;color:#9b6517}.badge.amber{background:#fff1d9;color:#8b4d09}.badge.red{background:#fdecee;color:#a13c3c}
.forms{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}
.field label{font-size:11.7px;color:var(--muted);display:block;margin:0 0 6px;font-weight:600}
.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);border-radius:13px;background:#fff;padding:11px 12px;font:inherit;font-size:13px;outline:none;box-shadow:0 4px 12px rgba(31,48,76,.03) inset}
.field input:focus,.field select:focus,.field textarea:focus{border-color:#9acdc0;box-shadow:0 0 0 4px rgba(27,143,114,.09)}
.field.full{grid-column:1/-1}
.actions{display:flex;gap:8px;justify-content:flex-end;margin-top:15px}
.alert{border-radius:14px;padding:12px 14px;margin-bottom:14px;font-size:12.5px;box-shadow:var(--shadow-soft)}
.alert.success{background:#eaf8f1;color:#176347}.alert.error{background:#fdeeee;color:#9f3636}
.metric-row{display:flex;justify-content:space-between;align-items:center;padding:11px 0;border-bottom:1px solid var(--line);font-size:12.6px}.metric-row:last-child{border:0}
.muted{color:var(--muted)}
.search{display:flex;gap:8px;align-items:center}.search input{border:1px solid var(--line);padding:11px 13px;border-radius:14px;min-width:210px;background:#fff;box-shadow:var(--shadow-soft)}
.hero-band{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;padding:28px;margin-bottom:18px;background:linear-gradient(135deg,rgba(12,39,54,.92),rgba(27,143,114,.88) 52%,rgba(109,93,246,.82));color:#fff;overflow:hidden;position:relative}
.hero-band::before{content:"";position:absolute;inset:auto -4% -30% auto;width:280px;height:280px;background:radial-gradient(circle,rgba(255,255,255,.18),transparent 65%)}
.hero-band h2{font-family:Manrope;font-size:29px;line-height:1.1;font-weight:800;margin:8px 0 10px;letter-spacing:-1px}
.hero-band p{margin:0;max-width:560px;color:rgba(255,255,255,.82);font-size:13.5px;line-height:1.7}
.eyebrow{display:inline-flex;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:8px 12px;font-size:11px;font-weight:700;letter-spacing:.6px;text-transform:uppercase}
.hero-actions{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap}
.hero-meta{display:grid;gap:12px;align-self:end}
.hero-chip{padding:16px 18px;border-radius:18px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(10px)}
.hero-chip span{display:block;font-size:11px;color:rgba(255,255,255,.75);margin-bottom:6px;text-transform:uppercase;letter-spacing:.7px}
.hero-chip b{font-family:Manrope;font-weight:800;font-size:24px}
.mini-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.quick-link{display:flex;align-items:center;gap:10px;padding:14px;border-radius:16px;background:linear-gradient(135deg,#f8fbff,#f2f8f4);border:1px solid var(--line);text-decoration:none;font-weight:700;font-size:12.5px}
.quick-link span{font-size:18px}
.pos-wrap{display:grid;grid-template-columns:1fr 395px;gap:16px}
.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.product{padding:14px;cursor:pointer;min-height:196px;transition:.18s;background:linear-gradient(180deg,#fff,#f7fafc);font:inherit;color:inherit;text-align:left;width:100%;border:1px solid rgba(255,255,255,.6)}
.product:hover{transform:translateY(-3px);border-color:#c1d6ff;box-shadow:0 18px 34px rgba(31,48,76,.10)}
.product-thumb{height:90px;border-radius:14px;background:linear-gradient(135deg,#f6f9fd,#edf4f1);display:grid;place-items:center;margin-bottom:12px;overflow:hidden;border:1px solid #edf1f5}
.product-thumb img{width:100%;height:100%;object-fit:cover}
.product-thumb.placeholder{font-size:28px}
.product .cat{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.55px}
.product h4{font-family:Manrope;font-size:13px;font-weight:800;margin:12px 0 6px;line-height:1.4;letter-spacing:-.2px}
.product .price{font-size:13px;color:var(--brand-dark);font-weight:700}
.cart{position:sticky;top:88px;height:calc(100vh - 110px);display:flex;flex-direction:column}
.cart-body{overflow:auto;flex:1}
.cart-item{padding:13px 0;border-bottom:1px solid var(--line)}
.cart-line{display:flex;justify-content:space-between;gap:10px;font-size:12.6px;align-items:flex-start}
.qty{display:flex;gap:6px;align-items:center;margin-top:9px}.qty button{border:1px solid var(--line);background:#fff;border-radius:9px;width:29px;height:29px;cursor:pointer}.qty input{width:58px;height:29px;border:1px solid var(--line);border-radius:9px;text-align:center;font:inherit;font-size:11px}.qty .remove-line{width:auto;padding:0 8px;margin-left:auto;color:var(--danger);font-size:10px}
.item-note{width:100%;margin-top:9px;border:1px solid var(--line);border-radius:10px;padding:8px 10px;font:inherit;font-size:12px}
.cart-total{border-top:1px solid var(--line);padding-top:13px}
.big-total{display:flex;justify-content:space-between;font-family:Manrope;font-weight:800;font-size:20px;margin:11px 0}
.sum-stack{background:linear-gradient(180deg,#f9fbff,#f5fbf8);border:1px solid var(--line);border-radius:16px;padding:12px 14px;margin-top:4px}
.sum-line{display:flex;justify-content:space-between;gap:10px;padding:6px 0;font-size:12.6px}
.sum-line b{font-family:Manrope;font-size:16px}
.dual-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
.order-banner{display:flex;justify-content:space-between;gap:15px;align-items:center;background:linear-gradient(135deg,#eefaf6,#f2f1ff)}
.stack-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.existing-items{margin:12px 0 10px;padding:14px;border-radius:16px;background:#f8fbfe;border:1px solid var(--line)}
.section-title{font-size:12px;font-weight:800;margin-bottom:8px;color:var(--brand-dark);text-transform:uppercase;letter-spacing:.5px}
.existing-line{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px dashed #dbe5ee;font-size:12.5px}
.existing-line:last-child{border-bottom:0;padding-bottom:0}
.kds-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.ticket{padding:16px}.ticket-head{display:flex;justify-content:space-between}.ticket h4{margin:0;font-weight:800;font-size:14px}.ticket ul{padding-left:18px;font-size:12.5px;line-height:1.8}.ticket .timer{font-size:11px;color:var(--muted)}
.table-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.table-tile{padding:17px;text-align:center}.table-tile strong{display:block;margin-bottom:7px;font-weight:800}
.empty{padding:34px;text-align:center;color:var(--muted);font-size:13px}
.user{display:flex;align-items:center;gap:9px}.avatar{width:36px;height:36px;border-radius:12px;background:linear-gradient(135deg,#dcf5ed,#ece7ff);display:grid;place-items:center;color:#245d49;font-weight:700;font-size:12px}
.mobile-menu{display:none}
.login-shell,.install-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 20% 10%,#e2f3eb 0,transparent 27%),radial-gradient(circle at 90% 80%,#e9e6ff 0,transparent 24%),#f6f8f7}
.login-card,.install-card{width:min(450px,100%);padding:30px;background:#fff;border:1px solid var(--line);border-radius:28px;box-shadow:0 30px 80px rgba(15,45,33,.12)}
.login-card h1,.install-card h1{font-family:Manrope;font-weight:800;font-size:26px;letter-spacing:-.7px;margin:8px 0}.login-card p,.install-card p{font-size:12.5px;color:var(--muted);line-height:1.6}.logo-big{width:50px;height:50px;background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff;border-radius:16px;display:grid;place-items:center;font-size:24px}.login-card .field,.install-card .field{margin-top:13px}.login-card .btn,.install-card .btn{width:100%;justify-content:center;margin-top:15px;padding:11px}.small{font-size:11.4px;color:var(--muted)}
.staff-login-id{margin-top:4px;color:#728093}.field-hint{display:block;margin-top:5px;color:var(--muted);font-size:10px;line-height:1.4}
.hr{height:1px;background:var(--line);margin:18px 0}.pagination{display:flex;gap:5px;margin-top:14px}.note{background:#f8faf9;border:1px dashed #cfdad5;padding:12px;border-radius:11px;color:#627069;font-size:11.5px;line-height:1.6}.tabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:16px}.tabs a{text-decoration:none;color:#58665f;background:rgba(255,255,255,.85);border:1px solid var(--line);padding:8px 11px;border-radius:10px;font-size:11.8px;box-shadow:var(--shadow-soft)}.tabs a.active,.tabs a:hover{background:linear-gradient(135deg,#effaf6,#f2f1ff);color:var(--brand-dark);border-color:#cce5db}.right{text-align:right}
.menu-line{display:flex;align-items:center;gap:10px}
.mini-thumb{width:44px;height:44px;border-radius:12px;object-fit:cover;border:1px solid #e5edf3;background:#f7fafc}
.mini-thumb.placeholder{display:grid;place-items:center;font-size:18px}
.menu-preview{display:flex;align-items:center;gap:12px;padding:12px;border-radius:16px;background:#f8fbfe;border:1px solid var(--line)}
.menu-preview img{width:72px;height:72px;border-radius:14px;object-fit:cover}
.order-actions{display:grid;gap:8px}
.inline-links{display:flex;gap:8px;flex-wrap:wrap}
@media(max-width:1200px){.product-grid{grid-template-columns:repeat(3,1fr)}.hero-band{grid-template-columns:1fr}.hero-meta{grid-template-columns:repeat(3,1fr)}}
@media(max-width:1100px){.stats{grid-template-columns:repeat(2,1fr)}.pos-wrap{grid-template-columns:1fr 340px}.table-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:900px){.product-grid{grid-template-columns:repeat(2,1fr)}.dual-actions{grid-template-columns:1fr}.hero-meta{grid-template-columns:1fr}}
@media(max-width:820px){.sidebar{transform:translateX(-100%);z-index:40}.sidebar.open{transform:translateX(0)}.main{margin-left:0;width:100%}.mobile-menu{display:inline-flex}.page{padding:18px}.topbar{padding:0 18px}.two,.three,.pos-wrap{grid-template-columns:1fr}.product-grid{grid-template-columns:repeat(2,1fr)}.cart{position:relative;top:0;height:auto}.table-grid{grid-template-columns:repeat(3,1fr)}.forms{grid-template-columns:1fr}.field.full{grid-column:auto}.stats{grid-template-columns:1fr}.hero-band h2{font-size:25px}}
@media print{.sidebar,.topbar,.no-print{display:none!important}.main{margin:0;width:100%}.page{padding:0}.card{box-shadow:none;border:0;background:#fff}.hero-band{color:#000;background:#fff}}

/* QamarSoft Restaurant POS 2.0 professional workspace */
.brand{min-width:0}.brand>div:last-child{min-width:0}.brand b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brand-logo{padding:3px;background:#fff}.brand-logo img{width:100%;height:100%;object-fit:contain;border-radius:11px}
.page{max-width:1800px;margin:0 auto}.table-scroll{overflow-x:auto}.table-scroll table{min-width:720px}.order-link{font-weight:800;color:var(--brand);text-decoration:none}.order-link:hover{text-decoration:underline}.empty.compact{padding:18px}.btn[disabled],select[disabled]{opacity:.5;cursor:not-allowed}.inline-form{display:flex;gap:8px}.inline-form input{flex:1}.inline-checks{display:flex;gap:20px;flex-wrap:wrap}.inline-checks label,.toggle-line{display:flex;gap:9px;align-items:center;font-size:12.5px;font-weight:600}.sticky-form{position:sticky;top:92px}

.dashboard-hero{min-height:245px;align-items:center;padding:34px 36px}.dashboard-hero h2{font-size:36px;max-width:680px}.dashboard-hero p{font-size:14px;max-width:660px}.hero-command{justify-self:end;width:min(340px,100%);padding:20px;border:1px solid rgba(255,255,255,.2);border-radius:22px;background:rgba(255,255,255,.13);display:flex;align-items:flex-start;gap:13px;backdrop-filter:blur(12px)}.hero-command .pulse-dot{width:11px;height:11px;background:#63f2bf;border-radius:50%;margin-top:4px;box-shadow:0 0 0 7px rgba(99,242,191,.13)}.hero-command span,.hero-command small{display:block;color:rgba(255,255,255,.72);font-size:11px}.hero-command b{display:block;margin:5px 0;font-family:Manrope;font-size:21px}.modern-stats .stat{display:flex;gap:14px;align-items:center}.modern-stats .stat .v{font-size:24px}.stat-icon{width:46px;height:46px;flex:0 0 46px;border-radius:15px;display:grid;place-items:center;font-size:19px;font-weight:800}.stat-icon.emerald{background:#e7f7f1;color:#137056}.stat-icon.violet{background:#eeebff;color:#5a49de}.stat-icon.amber{background:#fff3df;color:#a76811}.stat-icon.rose{background:#fdecef;color:#bd3e50}.stat-feature{border-color:rgba(27,143,114,.2)}.channel-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px}.channel-card{padding:17px 18px;text-decoration:none;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;transition:.2s}.channel-card:hover{transform:translateY(-3px);box-shadow:0 22px 42px rgba(31,48,76,.13)}.channel-icon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;font-size:18px}.channel-icon.dine{background:#e8f8f2}.channel-icon.take{background:#eeeaff}.channel-icon.deliver{background:#fff0e2}.channel-card small{display:block;color:var(--muted);font-size:10.8px}.channel-card b{display:block;font-family:Manrope;font-size:22px;margin-top:3px}.channel-card em{font-style:normal;font-size:11px;color:var(--brand);font-weight:700}.dashboard-grid{grid-template-columns:minmax(0,1.5fr) minmax(280px,.5fr);gap:18px}.dashboard-side{display:grid;gap:18px}.quick-action-bar{margin-top:18px;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px}.quick-action-bar>div:first-child span{display:block;color:var(--muted);font-size:11px;margin-top:3px}.quick-actions{display:flex;gap:7px;flex-wrap:wrap}.quick-actions a{padding:9px 12px;border-radius:11px;background:#f0f6f4;color:var(--brand-dark);font-size:11.5px;text-decoration:none;font-weight:700}

.order-type-switch{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:14px 0}.order-type-switch input{position:absolute;opacity:0;pointer-events:none}.order-type-switch span{display:block;text-align:center;border:1px solid var(--line);border-radius:12px;padding:10px 6px;background:#fff;font-size:11.5px;font-weight:700;cursor:pointer;transition:.18s}.order-type-switch input:checked+span{color:#fff;border-color:transparent;background:linear-gradient(135deg,var(--brand),var(--brand2));box-shadow:0 8px 20px rgba(27,143,114,.2)}.customer-picker{margin:14px 0;padding:14px;border:1px solid var(--line);border-radius:17px;background:linear-gradient(180deg,#fbfdff,#f6faf8)}.customer-picker-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;margin-bottom:10px}.customer-picker-head label{font-size:12px;font-weight:800}.customer-search-wrap{position:relative}.customer-search-wrap>input{width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:12px;background:#fff}.customer-results{display:none;position:absolute;z-index:50;inset:calc(100% + 6px) 0 auto;background:#fff;border:1px solid var(--line);border-radius:15px;box-shadow:0 20px 50px rgba(27,40,56,.16);padding:6px;max-height:320px;overflow:auto}.customer-results.open{display:block}.customer-result{width:100%;border:0;background:#fff;padding:9px;border-radius:11px;text-align:left;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;cursor:pointer}.customer-result:hover{background:#f1f8f5}.customer-result span:nth-child(2){min-width:0}.customer-result b,.customer-result small{display:block}.customer-result small{font-size:10.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.customer-result em{font-style:normal;font-size:10px;color:var(--brand)}.customer-avatar{width:34px;height:34px;border-radius:11px;background:linear-gradient(135deg,#ddf5ed,#ece8ff);color:#225d4c;display:grid;place-items:center;font-weight:800;font-size:10px}.walk-in-result{background:#f7fafc}.customer-empty{padding:14px;text-align:center;color:var(--muted);font-size:11px}.selected-customer{display:flex;align-items:center;gap:10px;margin-top:9px;padding:10px;background:#fff;border:1px dashed #cddbd5;border-radius:13px}.selected-customer div{min-width:0;flex:1}.selected-customer b,.selected-customer small{display:block}.selected-customer small{color:var(--muted);font-size:10.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.selected-customer em{font-size:10px;font-style:normal;color:var(--brand)}.customer-tools{display:flex;justify-content:space-between;gap:8px;margin-top:9px;font-size:10px}.customer-tools a{color:var(--brand);font-weight:700}.customer-tools span{color:var(--muted)}.product{position:relative}.product:active{transform:scale(.98)}.product::after{content:'＋';position:absolute;top:10px;right:10px;width:26px;height:26px;border-radius:9px;background:rgba(255,255,255,.92);display:grid;place-items:center;color:var(--brand);box-shadow:0 5px 14px rgba(24,54,44,.12);font-weight:800}
.delivery-fields{display:none;margin:12px 0;padding:13px;border:1px solid #f0d9bd;border-radius:15px;background:linear-gradient(180deg,#fffaf4,#fff7ec)}.delivery-fields .field label{color:#8b5b20}.edit-cart-note{margin:10px 0;padding:10px 12px;border-radius:12px;background:#eef8f4;color:#28624f;font-size:10.8px;line-height:1.45}.existing-cart-line{background:linear-gradient(90deg,rgba(27,143,114,.045),transparent);border-radius:12px;padding-left:9px;padding-right:5px}.grand-summary{margin-top:5px;padding-top:10px;border-top:1px solid var(--line)}.grand-summary b{font-size:19px}.product-empty{grid-column:1/-1;min-height:0}.product:focus-visible{outline:3px solid rgba(27,143,114,.25);outline-offset:2px}

.order-channel-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.order-channel-tabs a{padding:11px 15px;background:#fff;border:1px solid var(--line);border-radius:13px;text-decoration:none;font-size:12px;font-weight:700}.order-channel-tabs a.active{background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff;border-color:transparent}.channel-stats{grid-template-columns:repeat(4,1fr);margin-bottom:16px}.channel-stats .stat{padding:16px}.channel-stats .v{font-size:21px}.status-form{display:flex;gap:5px;flex-wrap:wrap}

.menu-management-grid{grid-template-columns:minmax(0,1.45fr) minmax(370px,.55fr)}.menu-management-grid .inline-links form{display:inline}.menu-preview div{min-width:0}.customer-page-grid{grid-template-columns:minmax(0,1.45fr) minmax(340px,.55fr)}.staff-access-grid{grid-template-columns:minmax(0,1.2fr) minmax(430px,.8fr)}.permission-summary{display:flex;gap:4px;flex-wrap:wrap;max-width:290px}.permission-summary span,.permission-summary em{font-size:9.5px;padding:4px 6px;border-radius:7px;background:#eff6f3;color:#285d4f;font-style:normal}.permission-summary em{background:#f1efff;color:#594da7}.access-mode{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:16px 0}.access-mode>label{display:flex;gap:9px;align-items:flex-start;border:1px solid var(--line);border-radius:14px;padding:12px;cursor:pointer}.access-mode b,.access-mode small{display:block}.access-mode small{font-size:10px;color:var(--muted);margin-top:3px}.permission-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px}.permission-grid.disabled{opacity:.5}.permission-card{display:flex;align-items:flex-start;gap:9px;padding:10px;border:1px solid var(--line);border-radius:12px;background:#fbfdfc;cursor:pointer}.permission-card b,.permission-card small{display:block}.permission-card b{font-size:11.5px}.permission-card small{font-size:9.5px;line-height:1.35;color:var(--muted);margin-top:3px}.toggle-line{margin:13px 0;padding:11px 12px;background:#f7faf9;border-radius:12px}

.settings-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr);gap:18px;align-items:start}.settings-layout>div{display:grid;gap:18px}.settings-section{padding:24px}.section-heading{display:flex;gap:12px;align-items:flex-start;margin-bottom:18px}.section-heading>span{width:33px;height:33px;flex:0 0 33px;border-radius:11px;background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff;display:grid;place-items:center;font-size:10px;font-weight:800}.section-heading h3{margin:0}.section-heading p{margin:4px 0 0;color:var(--muted);font-size:11px;line-height:1.5}.branding-preview{display:flex;align-items:center;gap:13px;padding:15px;border-radius:16px;background:linear-gradient(135deg,#102a28,#25304d);color:#fff;margin-bottom:17px}.branding-logo{width:52px;height:52px;border-radius:15px;background:#fff;display:grid;place-items:center;font-size:24px;overflow:hidden}.branding-logo img{width:100%;height:100%;object-fit:contain}.branding-preview b,.branding-preview span{display:block}.branding-preview span{font-size:10.5px;color:#b9c8c3;margin-top:4px}.receipt-options{display:grid;gap:7px;margin:14px 0}.receipt-options label{display:flex;align-items:center;gap:9px;padding:10px 11px;border:1px solid var(--line);border-radius:11px;background:#fafcfb;font-size:11.5px}.settings-save{width:100%;justify-content:center;margin:3px 0 13px}.system-card{margin-top:0}

/* Bill Designer: full-width two-panel workspace with a live thermal preview. */
.settings-layout.bill-designer-active{display:block}.settings-layout.bill-designer-active>div:first-child{display:none}.bill-designer-section{padding:0!important;overflow:hidden;border:1px solid var(--line);background:#fff}.bill-designer-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:22px 24px 16px;border-bottom:1px solid var(--line);background:linear-gradient(120deg,#fbfefd,#f5f8ff)}.bill-designer-heading .section-heading{margin:0}.bill-designer-save{min-width:150px;white-space:nowrap}.bill-designer-workspace{display:grid;grid-template-columns:minmax(360px,440px) minmax(360px,1fr);min-height:780px}.bill-designer-controls{padding:18px;max-height:calc(100vh - 165px);overflow:auto;background:#fbfdfd;border-right:1px solid var(--line)}.bill-preview-pane{min-width:0;padding:22px 26px;background:linear-gradient(145deg,#edf5f3 0%,#f2f0ff 100%)}.bill-preview-sticky{position:sticky;top:94px}.bill-control-group{margin-bottom:10px;border:1px solid #dfe9e7;border-radius:14px;background:#fff;box-shadow:0 3px 14px rgba(31,58,72,.04)}.bill-control-group.open{box-shadow:0 6px 18px rgba(31,58,72,.07)}.bill-control-title{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 15px;border:0;background:transparent;color:var(--ink);text-align:left;font:inherit;cursor:pointer}.bill-control-title span{display:grid;gap:3px}.bill-control-title b{font-size:12px}.bill-control-title small{color:var(--muted);font-size:10px;font-weight:500}.bill-control-title i{font-style:normal;color:var(--brand-dark);font-size:16px}.bill-control-body{padding:0 15px 15px}.bill-control-body[hidden]{display:none}.bill-logo-control{display:grid;grid-template-columns:65px 1fr;gap:12px;align-items:end}.bill-logo-thumb{width:65px;height:58px;display:grid;place-items:center;overflow:hidden;border:1px dashed #c6d8d5;border-radius:11px;background:#f4f8f7;color:#92a6a4;font-size:10px;font-weight:800}.bill-logo-thumb img{width:100%;height:100%;object-fit:contain}.compact-fields{gap:9px}.compact-fields .field label{font-size:10px}.designer-range{display:grid;gap:6px;margin-top:12px;color:#506778;font-size:10.5px;font-weight:700}.designer-range>span{display:flex;justify-content:space-between;gap:8px}.designer-range output{color:var(--brand-dark);font-weight:800}.designer-range input[type=range]{width:100%;accent-color:var(--brand)}.designer-range small{font-size:9.5px;color:var(--muted);font-weight:500;line-height:1.35}.pre-sale-size{padding:10px;border-radius:10px;background:#fff9e8;border:1px solid #f2dfac}.receipt-option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:12px}.receipt-option-grid label{display:flex;align-items:center;gap:7px;padding:8px 9px;border:1px solid #e2e9e8;border-radius:9px;background:#f9fcfb;color:#506778;font-size:10px;font-weight:650}.receipt-option-grid input{accent-color:var(--brand)}.detail-options{grid-template-columns:repeat(2,minmax(0,1fr))}.receipt-section-list{display:grid;gap:7px}.receipt-section-row{display:grid;grid-template-columns:20px minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:9px 8px;border:1px solid #e1eae8;border-radius:10px;background:#fbfefd;transition:.16s}.receipt-section-row:hover{border-color:#b6d8d0;background:#f5fbf9}.receipt-section-row.dragging{opacity:.48;border-style:dashed}.section-drag,.custom-block-drag{color:#9aadb0;font-size:16px;letter-spacing:-3px;cursor:grab;user-select:none}.section-copy{display:grid;gap:2px;min-width:0}.section-copy b{font-size:10.5px}.section-copy small{overflow:hidden;color:var(--muted);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.mini-switch{position:relative;display:inline-flex;width:27px;height:16px}.mini-switch input{position:absolute;opacity:0}.mini-switch span{width:27px;height:16px;border-radius:20px;background:#d7e2e1;transition:.18s}.mini-switch span:after{content:"";display:block;width:12px;height:12px;margin:2px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.16);transition:.18s}.mini-switch input:checked+span{background:var(--brand)}.mini-switch input:checked+span:after{transform:translateX(11px)}.section-move{display:flex;gap:2px}.section-move button{width:22px;height:22px;padding:0;border:1px solid #dce6e5;border-radius:6px;background:#fff;color:#5c7078;font-weight:800;cursor:pointer}.section-move button:hover{border-color:var(--brand);color:var(--brand-dark)}.designer-help{margin:9px 0 0;color:var(--muted);font-size:9.5px;line-height:1.45}.receipt-label-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.receipt-label-grid .field{gap:4px}.receipt-label-grid .field label{font-size:9.5px}.receipt-label-grid input{min-height:34px;padding:7px 8px;font-size:10px}.receipt-custom-editor{display:grid;gap:8px}.custom-block-empty{margin:2px 0 8px;color:var(--muted);font-size:10px}.custom-block-row{padding:9px;border:1px solid #e0e9e7;border-radius:10px;background:#fbfefd}.custom-block-row.dragging{opacity:.5}.custom-block-head{display:flex;align-items:center;gap:7px;margin-bottom:6px}.custom-block-head b{flex:1;font-size:10.5px}.custom-block-remove{padding:3px 6px;border:1px solid #f1caca;border-radius:6px;background:#fff;color:#bd5151;font-size:9px;cursor:pointer}.custom-block-row textarea{min-height:54px;font-size:10.5px}.custom-block-options{display:grid;grid-template-columns:1fr 1fr auto;gap:6px;margin-top:6px}.custom-block-options select{min-height:29px;padding:4px 6px;font-size:9.5px}.custom-bold{display:flex;align-items:center;gap:3px;padding:0 4px;color:#60737d;font-size:9.5px}.add-custom-block{width:100%;margin-top:9px;justify-content:center;border-style:dashed;font-size:10px}.bill-preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}.bill-preview-toolbar>div:first-child{display:grid;gap:3px}.bill-preview-toolbar b{font-size:13px}.bill-preview-toolbar small{color:var(--muted);font-size:10px}.preview-mode-switch{display:flex;gap:5px;padding:3px;border:1px solid #d3e1df;border-radius:10px;background:rgba(255,255,255,.66)}.preview-mode-switch button{padding:7px 10px;border:0;border-radius:7px;background:transparent;color:#627681;font:inherit;font-size:10px;font-weight:750;cursor:pointer}.preview-mode-switch button.active{background:#fff;color:var(--brand-dark);box-shadow:0 2px 7px rgba(31,70,76,.12)}.bill-preview-stage{display:grid;place-items:start center;min-height:700px;padding:18px 14px 28px;border:1px solid rgba(202,218,220,.8);border-radius:18px;background:rgba(255,255,255,.38);overflow:auto}.designer-paper{width:310px;min-height:530px;padding:23px 19px 26px;background:#fff;color:#15191c;box-shadow:0 16px 35px rgba(32,51,62,.17);font-family:"Courier New",monospace;font-size:var(--preview-font-size);line-height:calc(var(--preview-line-height)/100);transition:.2s;transform-origin:top center}.designer-paper.paper-58{width:230px;font-size:calc(var(--preview-font-size) * .9)}.designer-paper.is-pre-sale{font-size:calc(var(--preview-font-size) * var(--preview-pre-scale) / 100);padding-top:calc(23px * var(--preview-pre-scale) / 100);padding-bottom:calc(26px * var(--preview-pre-scale) / 100)}.designer-paper[hidden],.designer-paper [hidden]{display:none!important}.designer-receipt-section{margin-top:12px}.designer-brand{text-align:var(--preview-header-align);margin-top:0}.designer-logo{display:block;width:var(--preview-logo-width);max-width:100%;max-height:80px;object-fit:contain;filter:grayscale(1);margin:0 auto 7px}.designer-brand[style*="left"] .designer-logo{margin-left:0}.designer-brand[style*="right"] .designer-logo{margin-right:0}.designer-brand h2{margin:0;font-family:Arial,sans-serif;font-size:20px;line-height:1.05}.designer-brand p{margin:4px 0;font-size:.9em}.designer-brand h3{margin:13px 0 6px;font-family:Arial,sans-serif;font-size:17px}.designer-invoice{font-size:1.02em}.designer-divider{margin-top:10px;border-top:1px dashed #111;overflow:hidden}.divider-stars .designer-divider{border-top:0;height:13px}.divider-stars .designer-divider:after{content:"********************************";display:block;text-align:center;font-size:.9em;line-height:1}.divider-none .designer-divider{display:none}.designer-meta{font-family:Arial,sans-serif;font-size:.86em}.designer-meta p{display:grid;grid-template-columns:1fr auto;gap:10px;margin:4px 0}.designer-meta p b{text-align:right}.designer-items{font-size:.85em}.designer-item-head,.designer-item-row{display:grid;grid-template-columns:1.65fr .8fr .45fr .85fr;gap:5px;align-items:start}.designer-item-head{padding-bottom:6px;border-bottom:1px solid #111;font-weight:800}.designer-item-row{padding:6px 0;border-bottom:1px dotted #aaa}.designer-items span:nth-child(n+2),.designer-item-head b:nth-child(n+2){text-align:right}.designer-totals{padding:9px 10px;border:1px solid #111;font-family:Arial,sans-serif;font-size:.88em}.designer-totals p,.designer-payment p{display:flex;justify-content:space-between;gap:12px;margin:5px 0}.designer-totals .grand{padding-top:5px;border-top:1px solid #111;font-size:1.1em}.designer-payment{font-family:Arial,sans-serif;font-size:.83em}.designer-note{padding:7px;border:1px dotted #777;font-family:Arial,sans-serif;font-size:.8em}.designer-custom{font-family:Arial,sans-serif}.designer-custom-line{margin:5px 0;white-space:pre-line}.designer-custom-line.small{font-size:.85em}.designer-custom-line.large{font-size:1.16em}.designer-custom-line.bold{font-weight:800}.designer-footer{text-align:center;font-family:Arial,sans-serif;font-size:.82em}.designer-footer p{margin:5px 0}.designer-footer-message{font-weight:750}.designer-footer small{font-size:.85em}.bill-preview-note{margin:10px 0 0;color:var(--muted);font-size:10px;text-align:center}
.settings-layout.bill-designer-active .settings-section{max-width:none}
@media(max-width:1050px){.bill-designer-workspace{grid-template-columns:minmax(320px,390px) minmax(300px,1fr)}.bill-designer-controls{padding:14px}.bill-preview-pane{padding:18px 14px}}
@media(max-width:820px){.bill-designer-workspace{grid-template-columns:1fr}.bill-designer-controls{max-height:none;border-right:0;border-bottom:1px solid var(--line)}.bill-preview-pane{min-height:660px}.bill-preview-sticky{position:relative;top:0}}
@media(max-width:520px){.bill-designer-heading{display:block;padding:17px}.bill-designer-save{width:100%;margin-top:10px}.bill-preview-toolbar{display:block}.preview-mode-switch{margin-top:10px;width:max-content}.receipt-label-grid{grid-template-columns:1fr}.bill-preview-stage{padding-left:5px;padding-right:5px}.designer-paper{transform:scale(.88);transform-origin:top center;margin-bottom:-55px}}

/* Canva-style canvas interactions for the bill designer. */
.designer-elements-palette{margin-bottom:11px;padding:11px;border:1px solid #dce9e6;border-radius:12px;background:linear-gradient(135deg,#f6fbfa,#f8f8ff)}.designer-elements-heading{display:flex;justify-content:space-between;gap:8px;align-items:baseline;margin-bottom:8px}.designer-elements-heading b{font-size:10.5px}.designer-elements-heading small{color:var(--muted);font-size:9px}.designer-element-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.designer-element-chip{display:grid;grid-template-columns:26px minmax(0,1fr) 14px;align-items:center;gap:6px;min-height:45px;padding:6px 7px;border:1px solid #dce7e5;border-radius:9px;background:#fff;color:var(--ink);text-align:left;font:inherit;cursor:grab;transition:.16s}.designer-element-chip:hover{border-color:#8cc9bb;box-shadow:0 4px 10px rgba(38,126,108,.1);transform:translateY(-1px)}.designer-element-chip:active{cursor:grabbing}.designer-element-chip.custom-element{border-color:#ded9f7;background:#fbfaff}.designer-element-icon{display:grid;place-items:center;width:25px;height:25px;border-radius:7px;background:linear-gradient(135deg,#e4f5f0,#ebe9ff);color:var(--brand-dark);font-size:13px;font-weight:800}.designer-element-chip>span:nth-child(2){display:grid;gap:2px;min-width:0}.designer-element-chip b{overflow:hidden;font-size:9.5px;text-overflow:ellipsis;white-space:nowrap}.designer-element-chip small{overflow:hidden;color:var(--muted);font-size:8px;text-overflow:ellipsis;white-space:nowrap}.designer-element-chip>i{font-style:normal;color:var(--brand);font-size:15px;font-weight:800;text-align:center}.canvas-selection-inspector{min-height:34px;margin:0 0 10px;padding:8px 10px;border:1px solid #dfe8f0;border-radius:9px;background:#f5f8fb;color:#667989;font-size:9.5px;line-height:1.35}.canvas-selection-inspector b{color:var(--brand-dark);font-weight:800}.bill-preview-toolbar-actions{display:flex;align-items:center;gap:9px}.preview-zoom-control{display:flex;align-items:center;gap:5px;padding:3px 7px;border:1px solid #d3e1df;border-radius:9px;background:rgba(255,255,255,.68);color:#627681;font-size:9px;font-weight:750}.preview-zoom-control input{width:76px;accent-color:var(--brand)}.preview-zoom-control output{min-width:29px;color:var(--brand-dark);font-size:9px}.bill-preview-stage{position:relative;background-color:#e8eef0;background-image:linear-gradient(45deg,rgba(255,255,255,.38) 25%,transparent 25%,transparent 75%,rgba(255,255,255,.38) 75%),linear-gradient(45deg,rgba(255,255,255,.38) 25%,transparent 25%,transparent 75%,rgba(255,255,255,.38) 75%);background-position:0 0,10px 10px;background-size:20px 20px}.bill-preview-stage:before{content:"DROP ELEMENTS HERE";position:absolute;top:8px;left:50%;transform:translateX(-50%);padding:4px 8px;border-radius:999px;background:rgba(255,255,255,.72);color:#7a8c91;font-size:8px;font-weight:800;letter-spacing:.6px;opacity:0;transition:.15s;pointer-events:none}.bill-preview-stage.canvas-drop-active:before{opacity:1}.designer-paper{position:relative;transform:scale(var(--preview-zoom,1));margin-bottom:calc(530px * (var(--preview-zoom,1) - 1));outline:1px solid rgba(104,124,133,.14);outline-offset:8px}.designer-receipt-section[data-canvas-item]{position:relative;padding:4px 5px;border:1px solid transparent;border-radius:5px;cursor:grab;transition:border-color .14s,background .14s,box-shadow .14s}.designer-receipt-section[data-canvas-item]:hover{border-color:#b4dcd3;background:rgba(226,247,241,.42)}.designer-receipt-section[data-canvas-item].canvas-selected{border-color:#6bbba9;background:rgba(218,246,238,.58);box-shadow:0 0 0 2px rgba(82,174,153,.13)}.designer-receipt-section[data-canvas-item].dragging{opacity:.45}.designer-receipt-section.canvas-drop-before{box-shadow:0 -3px 0 var(--brand)}.designer-receipt-section.canvas-drop-after{box-shadow:0 3px 0 var(--brand)}.designer-receipt-section[data-canvas-item]:after{content:"⠿";position:absolute;right:3px;top:3px;color:#9bb5b1;font-size:11px;opacity:0;pointer-events:none}.designer-receipt-section[data-canvas-item]:hover:after,.designer-receipt-section[data-canvas-item].canvas-selected:after{opacity:1}.designer-brand[data-canvas-item],.designer-items[data-canvas-item],.designer-totals[data-canvas-item]{padding-left:7px;padding-right:7px}.is-pre-sale .designer-payment{opacity:.34}.is-pre-sale .designer-payment:before{content:"Shown on paid bill";display:block;margin-bottom:3px;color:#9ba8ab;font-family:Arial,sans-serif;font-size:.7em;font-style:italic;text-align:center}.is-paid-sale .designer-payment{opacity:1}.is-compact .designer-receipt-section{margin-top:7px}.is-compact .designer-item-row{padding-top:4px;padding-bottom:4px}
@media(max-width:820px){.designer-element-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.bill-preview-toolbar-actions{justify-content:space-between;margin-top:9px}.bill-preview-stage{min-height:660px}}
@media(max-width:520px){.designer-element-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bill-preview-toolbar-actions{display:block}.preview-zoom-control{width:max-content;margin-top:7px}.preview-zoom-control input{width:115px}.designer-paper{margin-bottom:calc(530px * (var(--preview-zoom,1) - 1) - 55px);transform:scale(calc(var(--preview-zoom,1) * .88))}}

/* Keep every canvas block on its own readable rhythm at every zoom level. */
.designer-paper{line-height:var(--preview-line-height,1.22)!important;overflow:visible}.designer-brand p,.designer-brand h3,.designer-brand .designer-invoice{display:block;line-height:1.25}.designer-brand h2{line-height:1.12}.designer-meta p{grid-template-columns:minmax(0,1fr) minmax(0,1.28fr);align-items:start;line-height:1.35;margin:7px 0}.designer-meta p b{text-align:left;white-space:nowrap}.designer-meta p span:last-child{overflow-wrap:anywhere}.designer-items,.designer-items .designer-item-head,.designer-items .designer-item-row,.designer-totals,.designer-payment,.designer-note,.designer-custom,.designer-footer{line-height:1.3}.designer-item-head{line-height:1.15}.designer-item-row{min-height:24px}.designer-totals p,.designer-payment p{min-height:18px;line-height:1.25}.designer-footer p{line-height:1.3}.designer-divider{min-height:10px}.divider-stars .designer-divider{height:17px;min-height:17px}.designer-paper.is-pre-sale .designer-brand h3{margin-top:15px}.designer-paper.is-pre-sale .designer-meta{margin-top:14px}.designer-paper.is-pre-sale .designer-items{margin-top:14px}.designer-paper.is-pre-sale .designer-totals{margin-top:14px}.designer-paper.is-pre-sale .designer-footer{margin-top:14px}
.line-size-intro{margin:0 0 10px}.line-size-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.line-size-field{display:grid;gap:5px;padding:7px 8px;border:1px solid #e1eae8;border-radius:9px;background:#fbfefd;transition:.16s}.line-size-field:hover,.line-size-field.active{border-color:#76bbaa;background:#f1fbf8;box-shadow:0 3px 9px rgba(38,126,108,.09)}.line-size-field>span{display:flex;justify-content:space-between;gap:5px;color:#526875;font-size:9px;font-weight:700;line-height:1.15}.line-size-field output{color:var(--brand-dark);font-size:9px;font-weight:800;white-space:nowrap}.line-size-field input[type=range]{width:100%;height:14px;accent-color:var(--brand)}.canvas-line-editor{display:grid;gap:6px;margin:0 0 11px;padding:10px;border:1px solid #b8ded4;border-radius:10px;background:linear-gradient(135deg,#eefaf6,#f4f2ff);box-shadow:0 4px 12px rgba(38,126,108,.08)}.canvas-line-editor>div{display:grid;gap:2px}.canvas-line-editor b{font-size:10.5px;color:var(--brand-dark)}.canvas-line-editor small{color:#6b7c87;font-size:9px;line-height:1.3}.canvas-line-editor .designer-range{margin-top:2px}.designer-paper [data-line-key]{cursor:pointer;transition:background .12s,outline-color .12s}.designer-paper [data-line-key]:hover{outline:1px dashed #75bbaa;outline-offset:2px;background:rgba(224,247,240,.36)}.designer-paper [data-line-key].line-selected{outline:2px solid #4da893;outline-offset:2px;background:rgba(215,246,237,.6);border-radius:3px}
@media(max-width:520px){.line-size-grid{grid-template-columns:1fr}}

@media(max-width:1250px){.dashboard-grid,.menu-management-grid,.staff-access-grid{grid-template-columns:1fr}.menu-management-grid .sticky-form,.access-editor{position:relative;top:0}.channel-card em{display:none}.settings-layout{grid-template-columns:1fr 1fr}}
@media(max-width:1000px){.channel-strip{grid-template-columns:1fr}.settings-layout,.customer-page-grid{grid-template-columns:1fr}.sticky-form{position:relative;top:0}}
@media(max-width:820px){.dashboard-hero{padding:24px}.dashboard-hero h2{font-size:28px}.hero-command{justify-self:stretch}.channel-stats{grid-template-columns:repeat(2,1fr)}.quick-action-bar{align-items:flex-start;flex-direction:column}.permission-grid{grid-template-columns:1fr}}
@media(max-width:520px){.order-type-switch{grid-template-columns:1fr 1fr}.access-mode{grid-template-columns:1fr}.channel-stats{grid-template-columns:1fr}.customer-picker-head,.customer-tools{align-items:flex-start;flex-direction:column}.selected-customer em{display:none}}

/* QamarSoft Restaurant POS 2.1 premium operations UI */
:root{--bg:#f4f7fb;--bg2:#edf4f2;--panel:#fff;--text:#13202b;--muted:#718096;--line:#dfe7ee;--shadow:0 18px 45px rgba(28,45,65,.085);--shadow-soft:0 8px 24px rgba(28,45,65,.065);--r:20px}
html,body{background:radial-gradient(circle at 82% -10%,rgba(82,205,178,.16),transparent 26%),radial-gradient(circle at 10% 20%,rgba(104,92,246,.09),transparent 25%),linear-gradient(180deg,#f7f9fc,#eef4f2);color:var(--text)}
.sidebar{width:272px;padding:20px 15px;background:linear-gradient(180deg,#0b2e2c 0%,#0c2630 52%,#111d31 100%);border-right:1px solid rgba(255,255,255,.08);box-shadow:15px 0 40px rgba(11,31,41,.08)}
.main{margin-left:272px;width:calc(100% - 272px)}
.sidebar .brand{margin:0 2px 13px;padding:11px 10px 22px;border-bottom:1px solid rgba(255,255,255,.08)}
.brand-mark{width:46px;height:46px;border-radius:15px;background:linear-gradient(145deg,#22c6a4,#625df6);box-shadow:0 12px 32px rgba(40,206,168,.26)}
.brand b{font-size:17px;color:#fff}.brand small{color:#8fb0aa}
.nav-label{padding:18px 12px 7px;color:#6e918c;font-size:9px;font-weight:700;letter-spacing:1.7px}
.nav a{min-height:43px;padding:10px 12px;margin:3px 0;border-radius:13px;color:#bad0cc;font-size:12.7px;font-weight:600;position:relative}
.nav a:hover{background:rgba(255,255,255,.07);transform:none;border-color:rgba(255,255,255,.05)}
.nav a.active{background:linear-gradient(120deg,rgba(32,194,157,.24),rgba(99,91,246,.32));color:#fff;border-color:rgba(108,224,197,.17);box-shadow:0 10px 25px rgba(0,0,0,.13)}
.nav a.active::before{content:"";position:absolute;left:-15px;top:10px;bottom:10px;width:3px;border-radius:0 4px 4px 0;background:#50e0bc;box-shadow:0 0 14px #50e0bc}
.nav .ico{width:20px;height:20px;display:grid;place-items:center;flex:0 0 20px}.nav .ico svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.topbar{height:82px;padding:0 32px;background:rgba(247,249,252,.86);border-bottom:1px solid rgba(211,222,231,.8);box-shadow:0 5px 24px rgba(33,51,70,.035)}
.page{padding:27px 30px 48px}.title{font-size:27px;letter-spacing:-.9px}.subtitle{font-size:12.5px}
.card{border:1px solid rgba(218,228,236,.88);box-shadow:var(--shadow);backdrop-filter:none}.panel{padding:22px}.btn,.chip{border-color:#d9e3eb;box-shadow:none;font-weight:600}.btn:hover{border-color:#b8cdc7;box-shadow:0 9px 23px rgba(31,48,76,.09)}
.btn.primary{background:linear-gradient(125deg,#119a79,#645cf4);box-shadow:0 10px 23px rgba(65,112,205,.2)}
.field input,.field select,.field textarea{border-color:#dbe5ed;background:#fbfdff;padding:11px 12px}.field input:focus,.field select:focus,.field textarea:focus{background:#fff}
.dashboard-hero{min-height:260px;padding:38px 40px;background:radial-gradient(circle at 84% 14%,rgba(119,235,205,.25),transparent 21%),linear-gradient(125deg,#0c3033 0%,#146858 48%,#5148cb 100%);border:0;box-shadow:0 24px 55px rgba(26,70,71,.22)}
.dashboard-hero::after{content:"";position:absolute;width:220px;height:220px;border:1px solid rgba(255,255,255,.12);border-radius:50%;right:-55px;top:-65px}.dashboard-hero h2{font-size:38px;line-height:1.08}.hero-command{background:rgba(4,30,34,.22);border-color:rgba(255,255,255,.18);box-shadow:0 15px 35px rgba(0,0,0,.12)}
.modern-stats .stat{padding:21px;background:linear-gradient(160deg,#fff,#f9fbfd)}.modern-stats .stat-icon{border:1px solid rgba(0,0,0,.035)}.channel-card{background:linear-gradient(150deg,#fff,#f9fcfb)}

.pos-wrap{grid-template-columns:minmax(0,1fr) 430px;gap:20px}.cart{top:94px;height:calc(100vh - 118px);border-radius:24px;padding:22px}.product-grid{grid-template-columns:repeat(4,minmax(145px,1fr));gap:13px}.product{min-height:184px;border-color:#dfe8ee;background:#fff;padding:12px;border-radius:18px;box-shadow:0 10px 28px rgba(34,51,71,.06)}.product:hover{border-color:#8ccbbb;box-shadow:0 17px 35px rgba(34,72,66,.12)}.product-thumb{height:86px}.product h4{margin:10px 0 5px}.product::after{background:linear-gradient(135deg,#e8f8f2,#eeeaff);box-shadow:none}.tabs a{font-weight:650}.search #posSearch,.search input{outline:none}.pos-context-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.customer-picker{border-color:#d7e6e1;background:linear-gradient(155deg,#fbfefd,#f3f9f7)}
.link-button{border:0;padding:0;background:none;color:var(--brand);font:inherit;font-size:10.5px;font-weight:800;cursor:pointer}.link-button:hover{text-decoration:underline}
.payment-calculator{margin:13px 0;padding:13px;border:1px solid #dbe5ed;border-radius:16px;background:linear-gradient(145deg,#f9fbff,#f4faf7)}.cash-shortcuts{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0}.cash-shortcuts button{border:1px solid #d5e2e9;background:#fff;border-radius:9px;padding:7px 10px;font-size:10.5px;font-weight:700;cursor:pointer}.cash-shortcuts button:hover{border-color:var(--brand);color:var(--brand)}.change-board{display:grid;grid-template-columns:1fr 1fr;gap:8px}.change-board>div{padding:11px;border-radius:12px;background:#fff;border:1px solid #e0e8ee}.change-board span,.change-board b{display:block}.change-board span{font-size:9.5px;color:var(--muted);margin-bottom:4px}.change-board b{font-family:Manrope;font-size:17px}.change-result{background:linear-gradient(135deg,#e9f9f3,#f0efff)!important}.change-result b{color:#17674f}.triple-actions{display:grid;grid-template-columns:.85fr 1.15fr 1fr;gap:8px;margin-top:12px}.triple-actions .btn{justify-content:center;text-align:center;padding:10px 8px;font-size:11px}.kitchen-action{color:#7a5419;background:#fff8e9;border-color:#f0d49a}.sum-stack{background:linear-gradient(155deg,#f8fbff,#f1f8f5)}
.modal-backdrop{position:fixed;z-index:120;inset:0;background:rgba(8,24,35,.55);display:grid;place-items:center;padding:20px;backdrop-filter:blur(6px)}.modal-backdrop[hidden]{display:none}.modal-card{width:min(520px,100%);background:#fff;border:1px solid rgba(255,255,255,.5);border-radius:24px;padding:24px;box-shadow:0 35px 100px rgba(4,22,34,.3)}.modal-head{display:flex;justify-content:space-between;gap:15px;margin-bottom:18px}.modal-head h3{margin:0;font-family:Manrope;font-size:20px}.modal-head p{margin:4px 0 0;color:var(--muted);font-size:11.5px}.modal-close{width:36px;height:36px;border:1px solid var(--line);border-radius:11px;background:#fff;font-size:22px;cursor:pointer}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.modal-error{min-height:18px;color:var(--danger);font-size:11px;margin-top:8px}.modal-open{overflow:hidden}

.kds-toolbar{display:flex;justify-content:space-between;align-items:center;padding:18px 21px;margin-bottom:17px;background:linear-gradient(130deg,#0d2d30,#174c48);color:#fff;border:0}.kds-toolbar>div:first-child{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.kds-toolbar small{color:#a9c6c0}.kds-live{font-size:10px;text-transform:uppercase;letter-spacing:.8px;color:#93cfc1}.kds-live i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#50e5b9;box-shadow:0 0 0 5px rgba(80,229,185,.14);margin-right:7px}.kds-toolbar-actions{display:flex;align-items:center;gap:10px}.kds-toolbar-actions label{font-size:10.5px;color:#c6dad6}.kds-toolbar .btn{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.16);color:#fff}.kds-grid{grid-template-columns:repeat(3,minmax(280px,1fr));gap:16px}.ticket{padding:0;overflow:hidden;border-top:4px solid #eaa14c}.ticket-ready{border-top-color:#29aa7d}.ticket-preparing{border-top-color:#5d58e5}.ticket-head{padding:17px 18px 10px;align-items:flex-start}.ticket-head h4{font-size:14px;margin-top:5px}.ticket-channel{font-size:9px;text-transform:uppercase;letter-spacing:.9px;color:var(--muted)}.ticket-meta{display:flex;justify-content:space-between;align-items:center;padding:0 18px 13px;color:var(--muted);font-size:10.5px;border-bottom:1px solid var(--line)}.ticket-age{padding:5px 7px;border-radius:8px;background:#eff4f6}.ticket-age.late{background:#fdebed;color:#b53848;font-weight:800}.kitchen-items{padding:4px 17px}.kitchen-item{padding:13px 0;border-bottom:1px solid #edf1f4}.kitchen-item-main{display:flex;gap:10px}.kitchen-qty{min-width:31px;font-family:Manrope;font-size:18px;font-weight:800;color:var(--brand)}.kitchen-item-main b,.kitchen-item-main small{display:block}.kitchen-item-main small{margin-top:3px;color:var(--muted);font-size:9.5px}.kitchen-note{margin:8px 0 0 41px;padding:7px 9px;border-radius:9px;background:#fff6e5;color:#7a5216;font-size:10.5px;font-weight:700}.kitchen-actions{display:flex;gap:5px;margin:9px 0 0 41px}.kitchen-actions .btn{padding:6px 8px;font-size:9.5px}.kitchen-actions .active{background:var(--brand);color:#fff;border-color:var(--brand)}.ticket-footer{display:flex;justify-content:space-between;align-items:center;padding:12px 17px;background:#f8fafb;color:var(--muted);font-size:10px}.ticket-footer .btn{padding:7px 9px}.kds-empty{grid-column:1/-1;padding:55px;text-align:center}.kds-empty>div{width:54px;height:54px;margin:auto;border-radius:18px;display:grid;place-items:center;background:#e8f8f2;color:#12805e;font-size:25px}.kds-empty h3{margin:13px 0 4px}.kds-empty p{margin:0;color:var(--muted);font-size:12px}

.order-filter-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:15px 18px;margin-bottom:14px;background:linear-gradient(145deg,#fff,#f7fbf9)}.order-filter-bar b,.order-filter-bar span{display:block}.order-filter-bar span{font-size:10.5px;color:var(--muted);margin-top:3px}.order-filter-controls{display:flex;gap:7px;flex-wrap:wrap}.order-actions .status-form .chip{min-width:120px}.delivery-state{margin-top:6px}.table-scroll tbody tr:hover td,.table-scroll tr:hover td{background:rgba(239,248,245,.58)}

.recipe-capacity-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.capacity-card{position:relative;min-height:112px;padding:16px 18px 16px 62px;background:linear-gradient(145deg,#fff,#f4faf7)}.capacity-card span,.capacity-card b,.capacity-card strong,.capacity-card small{display:block}.capacity-card>span.recipe-card-icon{position:absolute;left:17px;top:17px;display:grid;place-items:center;width:34px;height:34px;border:1px solid #dcebe5;border-radius:11px;background:linear-gradient(145deg,#e9f8f1,#f0edff);font-size:20px;line-height:1;text-transform:none;letter-spacing:0}.capacity-card span:not(.recipe-card-icon){color:var(--muted);font-size:9.5px;text-transform:uppercase;letter-spacing:.7px}.capacity-card b{font-size:12px;margin:4px 0 12px}.capacity-card strong{font-family:Manrope;font-size:21px;color:var(--brand-dark)}.capacity-card small{margin-top:4px;color:var(--muted);font-size:10px}.recipe-layout{grid-template-columns:minmax(0,1.5fr) minmax(350px,.5fr)}.recipe-layout table td:first-child{min-width:170px}.recipe-item-icon{display:inline-grid;place-items:center;width:25px;height:25px;margin-right:7px;border:1px solid #dfebe7;border-radius:8px;background:#f0f8f5;font-size:15px;vertical-align:middle}.form-intro{font-size:11.5px;line-height:1.6;color:var(--muted);padding:11px 12px;border-radius:12px;background:#f5f9f7}.inventory-example{margin:12px 0}

@media(max-width:1250px){.pos-wrap{grid-template-columns:minmax(0,1fr) 390px}.product-grid{grid-template-columns:repeat(3,1fr)}.recipe-capacity-grid{grid-template-columns:repeat(2,1fr)}.recipe-layout{grid-template-columns:1fr}.kds-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.pos-wrap{grid-template-columns:1fr}.cart{height:auto;position:relative;top:0}.kds-grid{grid-template-columns:1fr}.order-filter-bar,.kds-toolbar{align-items:flex-start;flex-direction:column}.triple-actions{grid-template-columns:1fr}.pos-context-grid{grid-template-columns:1fr}}
@media(max-width:560px){.page{padding:17px 14px 35px}.topbar{padding:0 15px}.title{font-size:22px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product{min-height:165px}.change-board{grid-template-columns:1fr}.recipe-capacity-grid{grid-template-columns:1fr}.modal-card{padding:19px}.order-filter-controls{width:100%}.order-filter-controls .chip{width:100%}}
.cart{overflow:auto;scrollbar-width:thin}

/* QamarSoft Restaurant POS 2.2 light professional interface */
:root{--bg:#f5f7fb;--panel:#fff;--text:#162033;--muted:#778399;--line:#e4e9f1;--shadow:0 16px 42px rgba(35,52,79,.07);--shadow-soft:0 8px 24px rgba(35,52,79,.055)}
html,body{background:radial-gradient(circle at 15% -5%,rgba(59,193,159,.10),transparent 25%),radial-gradient(circle at 88% 4%,rgba(104,92,246,.08),transparent 23%),linear-gradient(180deg,#fafbfe 0%,#f3f6fa 100%)}
.page{animation:pageEnter .35s ease both}
@keyframes pageEnter{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
.sidebar{width:276px;padding:18px 14px;background:rgba(255,255,255,.94);border-right:1px solid #e6ebf2;box-shadow:12px 0 40px rgba(44,62,89,.055);overflow:hidden}
.sidebar::before{content:"";position:absolute;inset:-120px auto auto -90px;width:250px;height:250px;border-radius:50%;background:radial-gradient(circle,rgba(31,180,143,.13),transparent 69%);pointer-events:none}
.sidebar .brand,.sidebar .nav{position:relative;z-index:1}
.main{margin-left:276px;width:calc(100% - 276px)}
.sidebar .brand{margin:0 3px 9px;padding:11px 10px 20px;border-bottom:1px solid #edf0f5}
.brand-mark{width:47px;height:47px;border-radius:16px;background:linear-gradient(145deg,var(--brand),var(--brand2));box-shadow:0 12px 27px rgba(70,95,180,.20);transition:transform .25s ease,box-shadow .25s ease}
.brand:hover .brand-mark{transform:translateY(-2px) rotate(-2deg);box-shadow:0 17px 35px rgba(70,95,180,.25)}
.brand b{color:#172236;font-size:16px}.brand small{color:#8691a4}
.nav-label{padding:17px 12px 7px;color:#a1a9b7;font-size:8.5px;font-weight:800;letter-spacing:1.65px}
.nav a{min-height:43px;margin:3px 0;padding:9px 11px;border:1px solid transparent;border-radius:13px;color:#59667b;font-size:12.3px;font-weight:650;transition:background .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease}
.nav a:hover{background:#f5f8fb;color:#1d6e5c;border-color:#e8eef2;transform:translateX(3px);box-shadow:0 7px 18px rgba(36,63,83,.05)}
.nav a.active{background:linear-gradient(105deg,rgba(25,165,127,.12),rgba(102,87,232,.09));color:#146c57;border-color:rgba(29,159,125,.15);box-shadow:0 9px 22px rgba(37,120,99,.075)}
.nav a.active::before{left:-14px;top:9px;bottom:9px;width:4px;border-radius:0 7px 7px 0;background:linear-gradient(180deg,var(--brand),var(--brand2));box-shadow:none}
.nav .ico{width:27px;height:27px;flex:0 0 27px;border-radius:9px;background:#f0f4f7;color:#637184;transition:transform .18s ease,background .18s ease}
.nav a:hover .ico{transform:scale(1.06);background:#e9f6f1;color:#19735d}.nav a.active .ico{background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff;box-shadow:0 7px 15px rgba(49,128,134,.18)}
.nav .ico svg{width:15px;height:15px;stroke-width:1.9}
.topbar{height:82px;padding:0 32px;background:rgba(255,255,255,.80);border-bottom:1px solid rgba(225,231,239,.9);box-shadow:0 5px 22px rgba(36,52,76,.025);backdrop-filter:blur(15px)}
.title{color:#172236}.subtitle{color:#8590a2}.user{background:#fff;border:1px solid #e5eaf1;padding:7px 10px;border-radius:14px;box-shadow:0 7px 18px rgba(32,49,72,.045)}
.page{padding:29px 31px 50px}.card{border-color:#e4e9f0;box-shadow:var(--shadow-soft)}.panel{padding:23px}.card:hover{border-color:#dce4ec}
.btn{border-radius:11px;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.btn:hover{transform:translateY(-1px)}.btn.primary{background:linear-gradient(125deg,var(--brand),var(--brand2));box-shadow:0 10px 23px rgba(70,98,191,.17)}
.field input,.field select,.field textarea,.chip{background:#fbfcfe;border-color:#dfe5ed}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(30,153,121,.09)}

/* Delivery area selection */
.delivery-fields{border-color:#e1e7ef;background:linear-gradient(150deg,#fcfdff,#f7fafc)}
.delivery-area-strip{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;margin-bottom:11px;border-radius:12px;background:linear-gradient(120deg,rgba(31,171,135,.10),rgba(102,87,232,.07))}
.delivery-area-strip span,.delivery-area-strip b{display:block}.delivery-area-strip span{font-size:9px;text-transform:uppercase;letter-spacing:.8px;color:#718094}.delivery-area-strip b{margin-top:3px;font-size:11.5px}.delivery-area-strip a{font-size:10.5px;font-weight:800;color:var(--brand)}

/* Pay calculator popup */
.pay-launch{display:flex;gap:8px;align-items:center}.pay-launch span{font-size:17px;line-height:1}
.payment-backdrop{z-index:140;background:rgba(23,32,48,.46)}
.payment-modal-card{width:min(650px,100%);padding:26px;border-radius:27px;max-height:calc(100vh - 34px);overflow:auto}
.modal-kicker{display:block;margin-bottom:4px;color:var(--brand);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:1.1px}
.payment-due-hero{position:relative;overflow:hidden;padding:20px 22px;margin-bottom:16px;border-radius:19px;background:radial-gradient(circle at 90% 5%,rgba(255,255,255,.24),transparent 28%),linear-gradient(125deg,#155c4f,var(--brand),var(--brand2));color:#fff;box-shadow:0 15px 32px rgba(50,100,141,.20)}
.payment-due-hero::after{content:"";position:absolute;width:120px;height:120px;border:1px solid rgba(255,255,255,.18);border-radius:50%;right:-27px;top:-49px}
.payment-due-hero span,.payment-due-hero strong,.payment-due-hero small{display:block;position:relative;z-index:1}.payment-due-hero span{font-size:9.5px;text-transform:uppercase;letter-spacing:1px;color:rgba(255,255,255,.76)}.payment-due-hero strong{margin:5px 0 3px;font-family:Manrope;font-size:30px}.payment-due-hero small{color:rgba(255,255,255,.75)}
.payment-modal-card .payment-calculator{padding:0;margin:14px 0 0;border:0;background:transparent}
.payment-modal-card #amountReceived{font-family:Manrope;font-size:24px;font-weight:800;text-align:right;padding:14px;background:#f7fafc}
.calculator-layout{display:grid;grid-template-columns:minmax(0,1fr) 145px;gap:10px;margin:11px 0}
.calculator-keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.calculator-keypad button,.cash-shortcuts button{min-height:44px;border:1px solid #dfe5ed;border-radius:12px;background:#fff;color:#27344a;font-family:Manrope;font-size:15px;font-weight:750;cursor:pointer;transition:.15s}.calculator-keypad button:hover,.cash-shortcuts button:hover{border-color:var(--brand);background:#f1faf7;color:var(--brand);transform:translateY(-1px)}
.cash-shortcuts{display:grid;gap:7px;margin:0}.cash-shortcuts button{min-height:0;padding:8px;font-family:inherit;font-size:10.5px}.cash-shortcuts button:first-child{background:#eaf8f3;color:#176f58;border-color:#cfeadf}.cash-shortcuts button:last-child{color:#a34250;background:#fff7f8}
.payment-reference-field{margin-top:11px}.payment-actions{margin-top:18px;border-top:1px solid #edf0f4;padding-top:16px}.payment-actions .primary{min-width:210px;justify-content:center}

/* Professional orders command board */
.orders-command{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:16px}.orders-command .order-channel-tabs{margin:0}.order-channel-tabs a{box-shadow:0 7px 18px rgba(35,52,77,.04)}
.pro-order-stats .stat{display:flex;align-items:center;gap:13px;padding:16px 18px;background:linear-gradient(150deg,#fff,#fbfcfe)}.pro-order-stats .stat-orb{width:41px;height:41px;display:grid;place-items:center;flex:0 0 41px;border-radius:13px;font-size:13px;font-weight:800}.stat-orb.violet{background:#eeebff;color:#6657d9}.stat-orb.green{background:#e5f7f0;color:#178563}.stat-orb.amber{background:#fff1db;color:#ad6c16}.stat-orb.blue{background:#e8f1ff;color:#3973bd}.pro-order-stats .v{font-size:19px;margin-top:2px}
.order-filter-bar{padding:12px 14px;background:#fff}.order-search-field{display:flex;align-items:center;gap:8px;flex:1;max-width:520px;padding:0 12px;border:1px solid #dfe5ed;border-radius:12px;background:#fafcff}.order-search-field span{font-size:18px;color:#8a95a7}.order-search-field input{width:100%;padding:11px 0;border:0;outline:0;background:transparent;color:var(--text)}
.order-board{display:grid;gap:12px}.order-card{display:grid;grid-template-columns:minmax(215px,1.15fr) minmax(160px,.8fr) auto minmax(125px,.55fr) minmax(275px,1.25fr);gap:16px;align-items:center;padding:18px 19px;border-radius:19px;background:linear-gradient(145deg,#fff,#fdfefe);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.order-card:hover{transform:translateY(-2px);border-color:#cfddd8;box-shadow:0 18px 38px rgba(34,52,75,.09)}
.order-card-main{display:flex;align-items:center;gap:12px;min-width:0}.order-channel-icon{width:43px;height:43px;display:grid;place-items:center;flex:0 0 43px;border-radius:14px;background:#edf7f3;color:#176e58;font-size:17px}.type-takeaway{background:#fff2de;color:#a86513}.type-delivery{background:#eeeaff;color:#6251cb}.type-online{background:#e8f2ff;color:#3672bc}
.order-identity{min-width:0}.order-identity a,.order-identity span,.order-identity b,.order-identity small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.order-identity a{font-size:12px}.order-identity span{margin:3px 0 7px;color:#9aa3b1;font-size:9px}.order-identity b{font-size:11.5px}.order-identity small{margin-top:2px;color:var(--muted);font-size:9.5px}
.order-service-detail small,.order-service-detail b,.order-service-detail span{display:block}.order-service-detail small,.order-total small{font-size:8.5px;text-transform:uppercase;letter-spacing:.75px;color:#99a2b1}.order-service-detail b{margin:5px 0 4px;font-size:11.5px}.order-service-detail span{max-width:220px;color:var(--muted);font-size:9.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.order-state-stack{display:flex;gap:5px;flex-direction:column;align-items:flex-start}.order-total b,.order-total span{display:block}.order-total b{margin:4px 0;font-family:Manrope;font-size:15px}.order-total span{color:#a76b17;font-size:9px;font-weight:700}
.order-card-actions{display:grid;gap:8px}.service-status-form{display:grid;grid-template-columns:1fr auto}.order-card-actions .inline-links{display:flex;gap:5px;flex-wrap:wrap}.order-card-actions .btn{padding:7px 9px;font-size:9.5px}
.delivery-assignment{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:9px;align-items:end;padding:12px 13px;margin-top:-3px;border-top:1px solid #edf0f4;border-radius:0 0 13px 13px;background:#f9fbfd}.delivery-assignment label{display:block;margin:0 0 4px;color:#7f8b9c;font-size:8.5px;font-weight:800;text-transform:uppercase;letter-spacing:.6px}.delivery-assignment .chip{width:100%}.order-empty{display:block!important;padding:55px;text-align:center}.order-empty span{display:grid;place-items:center;width:52px;height:52px;margin:auto;border-radius:16px;background:#eef5f2;color:var(--brand);font-size:23px}.order-empty h3{margin:14px 0 4px}.order-empty p{margin:0 0 15px;color:var(--muted)}

/* Riders and delivery areas */
.delivery-admin-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}.mini-stat{display:flex;align-items:center;gap:13px;padding:17px 19px}.mini-stat-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;font-weight:800}.mini-stat-icon.green{background:#e5f7f0;color:#177e60}.mini-stat-icon.purple{background:#eeeaff;color:#6253d0}.mini-stat-icon.amber{background:#fff0d9;color:#a56816}.mini-stat small,.mini-stat b{display:block}.mini-stat small{color:var(--muted);font-size:9.5px}.mini-stat b{margin-top:4px;font-family:Manrope;font-size:20px}
.delivery-admin-grid{grid-template-columns:minmax(0,1.45fr) minmax(340px,.55fr);align-items:start}.rider-list{display:grid;gap:8px}.rider-card{display:grid;grid-template-columns:auto minmax(150px,1fr) 90px 130px auto auto;gap:12px;align-items:center;padding:12px;border:1px solid #e7ebf1;border-radius:15px;background:#fbfcfe}.rider-card:hover{background:#f7fbf9;border-color:#d5e4de}.rider-avatar{width:40px;height:40px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(135deg,#dff4ec,#ece9ff);color:#226c5a;font-weight:800}.rider-profile b,.rider-profile span,.rider-load small,.rider-load b{display:block}.rider-profile span{margin-top:4px;color:var(--muted);font-size:9.5px}.rider-load small{color:var(--muted);font-size:8.5px}.rider-load b{margin-top:3px}.icon-btn{padding:7px 9px}
.area-card-grid{display:grid;grid-template-columns:repeat(2,minmax(250px,1fr));gap:12px}.delivery-area-card{padding:19px}.area-card-top{display:flex;justify-content:space-between;align-items:center}.area-pin{width:39px;height:39px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(135deg,#e3f6ee,#ece9ff);color:var(--brand);font-size:17px}.delivery-area-card h3{margin:15px 0 13px}.area-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:14px}.area-metrics>div{padding:9px;border-radius:11px;background:#f6f8fb}.area-metrics small,.area-metrics b{display:block}.area-metrics small{color:var(--muted);font-size:8px}.area-metrics b{margin-top:4px;font-size:10.5px}

@media(max-width:1420px){.order-card{grid-template-columns:minmax(205px,1fr) minmax(145px,.7fr) auto minmax(115px,.5fr)}.order-card-actions{grid-column:1/-1;grid-template-columns:minmax(270px,.7fr) 1fr;padding-top:10px;border-top:1px solid #edf0f4}.delivery-admin-grid{grid-template-columns:1fr}.area-card-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:1100px){.order-card{grid-template-columns:1fr 1fr auto}.order-card-actions{grid-template-columns:1fr}.order-total{justify-self:end}.delivery-assignment{grid-template-columns:1fr 1fr}.delivery-assignment .primary{grid-column:1/-1;justify-content:center}.area-card-grid{grid-template-columns:repeat(2,1fr)}.rider-card{grid-template-columns:auto 1fr auto}.rider-load,.rider-status{grid-row:2}.delivery-admin-stats{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:820px){.sidebar{width:276px}.orders-command,.order-filter-bar{align-items:stretch;flex-direction:column}.orders-command .btn.primary{justify-content:center}.order-search-field{max-width:none}.order-card{grid-template-columns:1fr 1fr}.order-card-actions,.delivery-assignment{grid-column:1/-1}.order-state-stack{align-items:flex-end}.delivery-admin-stats{grid-template-columns:1fr}.area-card-grid{grid-template-columns:1fr}.calculator-layout{grid-template-columns:1fr}.cash-shortcuts{grid-template-columns:repeat(5,1fr)}.payment-modal-card{padding:20px}}
@media(max-width:560px){.order-card{grid-template-columns:1fr}.order-state-stack{align-items:flex-start;flex-direction:row}.order-total{justify-self:start}.service-status-form,.delivery-assignment{grid-template-columns:1fr}.rider-card{grid-template-columns:auto 1fr}.rider-card .badge,.rider-card .icon-btn{grid-row:auto}.cash-shortcuts{grid-template-columns:1fr 1fr}.payment-actions{display:grid;grid-template-columns:1fr}.payment-actions .primary{min-width:0}.delivery-area-strip{align-items:flex-start;flex-direction:column}}

/* QamarSoft Restaurant POS 2.3 guided workflow and operations clarity */
.sidebar{background:var(--sidebar-bg,#fff);color:var(--sidebar-text,#59667b);overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(80,98,122,.35) transparent}
.sidebar::-webkit-scrollbar{width:7px}.sidebar::-webkit-scrollbar-track{background:transparent}.sidebar::-webkit-scrollbar-thumb{background:rgba(80,98,122,.25);border-radius:999px;border:2px solid transparent;background-clip:padding-box}.sidebar::-webkit-scrollbar-thumb:hover{background:rgba(80,98,122,.45);background-clip:padding-box}
.sidebar .nav{padding-bottom:30px}.sidebar .brand b,.sidebar .brand small,.sidebar .nav a{color:var(--sidebar-text,#59667b)}.sidebar .brand small{opacity:.72}.sidebar .nav-label{color:var(--sidebar-text,#59667b);opacity:.58}.sidebar .nav a:hover{color:var(--brand)}.sidebar .nav a.active{color:var(--brand)}
.brand-logo-fallback svg,.mobile-menu svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.mobile-menu{padding:9px}
.stat-icon svg,.channel-icon svg,.stat-orb svg,.order-channel-icon svg,.order-channel-tabs svg,.order-search-field svg,.branding-logo svg,.brand-asset-preview svg,.order-empty svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.stat-icon svg,.channel-icon svg{width:21px;height:21px}.stat-orb svg{width:19px;height:19px}.order-channel-icon svg{width:20px;height:20px}.order-empty svg{width:25px;height:25px}

/* POS: service first, customer second, products third */
.pos-workflow{padding:21px;margin-bottom:17px;border-color:#dae5e2;background:linear-gradient(145deg,#fff 0%,#fbfdfd 58%,#f7fbfa 100%)}
.workflow-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.workflow-heading>div:first-child{display:flex;gap:11px;align-items:flex-start}.workflow-heading b,.workflow-heading small{display:block}.workflow-heading b{font-family:Manrope;font-size:14px}.workflow-heading small{margin-top:3px;color:var(--muted);font-size:10.5px;line-height:1.45}.workflow-heading.compact{align-items:center}.workflow-step{width:29px;height:29px;display:grid;place-items:center;flex:0 0 29px;border-radius:10px;background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff;font-family:Manrope;font-size:11px;font-weight:800;box-shadow:0 8px 17px rgba(64,103,169,.16)}.workflow-progress{padding:6px 9px;border-radius:999px;background:#edf7f3;color:var(--brand);font-size:8.5px;font-weight:800;text-transform:uppercase;letter-spacing:.7px}
.workflow-service-types{margin:14px 0 13px}.workflow-service-types label{min-width:0}.workflow-service-types .service-choice{height:100%;min-height:74px;display:flex;align-items:center;gap:10px;text-align:left;padding:11px;border:1px solid #dfe6ed;border-radius:14px;background:#fff;color:#3d4a5d;box-shadow:0 6px 17px rgba(35,52,77,.035)}.workflow-service-types .service-choice>svg{width:22px;height:22px;flex:0 0 22px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.workflow-service-types .service-choice>span{display:block;padding:0;border:0;border-radius:0;background:transparent;text-align:left;box-shadow:none;color:inherit}.workflow-service-types .service-choice b,.workflow-service-types .service-choice small{display:block}.workflow-service-types .service-choice b{font-size:11px}.workflow-service-types .service-choice small{margin-top:3px;color:var(--muted);font-size:8.5px;line-height:1.3;font-weight:500}.workflow-service-types input:checked+.service-choice{background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff;border-color:transparent;box-shadow:0 11px 24px rgba(66,93,177,.19)}.workflow-service-types input:checked+.service-choice small{color:rgba(255,255,255,.75)}
.workflow-secondary{display:grid;grid-template-columns:1fr 1fr;gap:11px;padding:13px;border-radius:15px;background:#f6f8fb;border:1px solid #e7ebf1}.workflow-divider{height:1px;margin:17px 0;background:#e9edf2}.workflow-customer{margin:12px 0 0}.items-step-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:18px 0 11px}.items-step-heading>div{display:flex;gap:10px;align-items:center}.items-step-heading h3{margin:0;font-size:15px}.items-step-heading p{margin:3px 0 0;color:var(--muted);font-size:10px}
.product-selected-qty{position:absolute;z-index:3;top:10px;left:10px;padding:5px 8px;border-radius:9px;background:#162a38;color:#fff;font-size:8.5px;font-weight:800;box-shadow:0 7px 16px rgba(20,37,51,.18)}.product.selected-product{border-color:var(--brand);background:linear-gradient(180deg,#fff,#f0faf6);box-shadow:0 14px 31px rgba(31,138,108,.13)}.product.selected-product::after{content:'✓';background:var(--brand);color:#fff}.product-thumb.placeholder svg{width:31px;height:31px;fill:none;stroke:#8ca19a;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}

/* All Orders: simple scanable rows with full status color */
.order-channel-tabs a{display:inline-flex;align-items:center;gap:7px}.order-channel-tabs a svg{width:16px;height:16px}.order-search-field span{display:grid;place-items:center;margin:0}.order-search-field svg{width:18px;height:18px}.order-status-legend{display:flex;gap:7px;flex-wrap:wrap;margin:2px 0 12px}.order-status-legend span{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:999px;color:#526174;background:#f0f3f6;font-size:9px;font-weight:750}.order-status-legend span::before{content:"";width:7px;height:7px;border-radius:50%;background:#8a97a8}.order-status-legend .confirmed::before{background:#4b84d8}.order-status-legend .preparing::before{background:#dc8b2d}.order-status-legend .ready::before{background:#25a773}.order-status-legend .served::before{background:#755ecb}.order-status-legend .completed::before{background:#617568}.order-status-legend .cancelled::before{background:#cc5360}
.simple-order-board{gap:10px}.simple-order-row{grid-template-columns:minmax(210px,1.1fr) minmax(155px,.8fr) auto minmax(110px,.48fr) minmax(225px,1fr);position:relative;padding:15px 17px;border-left:5px solid #8291a5;border-radius:16px;background:#fff;box-shadow:0 9px 25px rgba(32,49,72,.055)}.simple-order-row:hover{transform:translateY(-1px)}.simple-order-customer small,.simple-order-customer b,.simple-order-customer span{display:block}.simple-order-customer small{color:var(--muted);font-size:8px;text-transform:uppercase;letter-spacing:.7px}.simple-order-customer b{margin:4px 0 3px;font-size:11.5px}.simple-order-customer span{max-width:220px;color:var(--muted);font-size:9.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.simple-order-actions{display:flex;justify-content:flex-end;gap:5px;flex-wrap:wrap}.simple-order-actions .btn{padding:7px 9px;font-size:9.5px}.simple-order-row.status-confirmed{border-left-color:#4b84d8;background:linear-gradient(90deg,#f1f6fe 0%,#fff 26%)}.simple-order-row.status-preparing{border-left-color:#dc8b2d;background:linear-gradient(90deg,#fff6e8 0%,#fff 26%)}.simple-order-row.status-ready{border-left-color:#25a773;background:linear-gradient(90deg,#eaf9f3 0%,#fff 26%)}.simple-order-row.status-served{border-left-color:#755ecb;background:linear-gradient(90deg,#f2efff 0%,#fff 26%)}.simple-order-row.status-completed{border-left-color:#617568;background:linear-gradient(90deg,#f0f5f2 0%,#fff 26%)}.simple-order-row.status-cancelled{border-left-color:#cc5360;background:linear-gradient(90deg,#fff0f2 0%,#fff 26%);opacity:.82}.status-confirmed .service-badge{background:#e1edff;color:#315f9e}.status-preparing .service-badge{background:#fff0d8;color:#9a5f17}.status-ready .service-badge{background:#dff6ed;color:#13704e}.status-served .service-badge{background:#ebe6ff;color:#5f49ad}.status-completed .service-badge{background:#e8f0eb;color:#4d6557}.status-cancelled .service-badge{background:#fce4e7;color:#a23e49}
.order-manage-details{grid-column:1/-1;border-top:1px dashed rgba(103,119,140,.22);padding-top:9px}.order-manage-details>summary{display:flex;justify-content:space-between;align-items:center;cursor:pointer;color:#687589;font-size:9.5px;font-weight:700;list-style:none}.order-manage-details>summary::-webkit-details-marker{display:none}.order-manage-details>summary span{transition:.18s}.order-manage-details[open]>summary span{transform:rotate(180deg)}.order-management-body{display:grid;grid-template-columns:minmax(260px,.7fr) 1fr;gap:10px;align-items:end;margin-top:10px;padding:12px;border-radius:13px;background:rgba(255,255,255,.76);border:1px solid rgba(220,227,235,.9)}.order-management-body .service-status-form{display:block}.order-management-body .service-status-form>label{display:block;margin-bottom:5px;color:var(--muted);font-size:8.5px;font-weight:800;text-transform:uppercase}.order-management-body .service-status-form>div{display:flex;gap:6px}.order-management-body .inline-links{justify-content:flex-end}.order-management-body .delivery-assignment{grid-column:1/-1;margin:0}

/* Kitchen Display: order-level workflow */
.kds-filter-tabs{display:flex;gap:5px;padding:4px;border:1px solid rgba(255,255,255,.14);border-radius:11px;background:rgba(0,0,0,.12)}.kds-filter-tabs button{border:0;border-radius:8px;padding:7px 9px;background:transparent;color:#c7dad7;font:inherit;font-size:9.5px;font-weight:700;cursor:pointer}.kds-filter-tabs button.active{background:#fff;color:#1c5c4d;box-shadow:0 5px 15px rgba(0,0,0,.12)}#kdsGrid [hidden]{display:none!important}
.ticket-confirmed{border-top-color:#4b84d8}.ticket-served{border-top-color:#755ecb}.ticket-completed{border-top-color:#617568;background:#f9fbfa}.kds-order-progress{display:grid;grid-template-columns:repeat(5,1fr);padding:0 17px 13px;gap:2px}.kds-order-progress span{position:relative;padding-top:13px;color:#a1aab7;font-size:7.5px;text-align:center}.kds-order-progress span::before{content:"";position:absolute;top:5px;left:-50%;right:50%;height:2px;background:#e4e9ee}.kds-order-progress span:first-child::before{display:none}.kds-order-progress i{position:absolute;z-index:1;top:1px;left:50%;width:10px;height:10px;border:2px solid #d8dfe6;border-radius:50%;background:#fff;transform:translateX(-50%)}.kds-order-progress .done,.kds-order-progress .current{color:#276f5d;font-weight:800}.kds-order-progress .done::before,.kds-order-progress .current::before{background:#38ad82}.kds-order-progress .done i,.kds-order-progress .current i{border-color:#38ad82;background:#38ad82}.kds-order-progress .current i{box-shadow:0 0 0 4px rgba(56,173,130,.13)}.kds-order-control{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;padding:13px 17px;border-top:1px solid #e8edf1;background:#fbfcfd}.kds-order-control form{flex:1}.kds-order-control label{display:block;margin-bottom:5px;color:var(--muted);font-size:8px;font-weight:800;text-transform:uppercase}.kds-order-control form>div{display:flex;gap:5px}.kds-order-control .chip{min-width:120px}.kds-order-control .btn{padding:8px 10px;font-size:9.5px}

/* Expanded branding assets */
.branding-logo svg{width:28px;height:28px;color:var(--brand)}.brand-asset-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.brand-asset-card{min-width:0;padding:14px;border:1px solid #e2e8ef;border-radius:16px;background:#fafcfe}.brand-asset-preview{width:48px;height:48px;display:grid;place-items:center;margin-bottom:10px;border-radius:14px;background:#fff;border:1px solid #e6ebf1;color:var(--brand);overflow:hidden}.brand-asset-preview img{width:100%;height:100%;object-fit:contain}.brand-asset-preview svg{width:24px;height:24px}.brand-asset-card b,.brand-asset-card small{display:block}.brand-asset-card>b{font-size:11.5px}.brand-asset-card small{min-height:29px;margin:3px 0 10px;color:var(--muted);font-size:9px;line-height:1.45}.brand-asset-card .field{margin-top:9px}.brand-asset-card .field label{font-size:9px}.brand-asset-card input{padding:9px;font-size:10px}.sidebar-sample{background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff}.app-icon-sample{border-radius:50%}.brand-color-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.brand-color-grid label{display:flex;gap:10px;align-items:center;padding:11px;border:1px solid #e1e7ee;border-radius:13px;background:#fbfcfe}.brand-color-grid input{width:37px;height:37px;padding:2px;border:0;border-radius:10px;background:transparent;cursor:pointer}.brand-color-grid b,.brand-color-grid small{display:block}.brand-color-grid b{font-size:10.5px}.brand-color-grid small{margin-top:2px;color:var(--muted);font-size:8.5px}

@media(max-width:1400px){.simple-order-row{grid-template-columns:minmax(205px,1fr) minmax(145px,.7fr) auto minmax(105px,.45fr)}.simple-order-actions{grid-column:1/-1;justify-content:flex-start}.brand-asset-grid{grid-template-columns:1fr}}
@media(max-width:1000px){.workflow-service-types{grid-template-columns:repeat(2,1fr)}.simple-order-row{grid-template-columns:1fr 1fr auto}.simple-order-actions{grid-column:auto}.order-total{justify-self:end}.order-management-body{grid-template-columns:1fr}.order-management-body .inline-links{justify-content:flex-start}}
@media(max-width:820px){.sidebar{overflow-y:auto}.workflow-secondary{grid-template-columns:1fr}.simple-order-row{grid-template-columns:1fr 1fr}.simple-order-actions,.order-manage-details{grid-column:1/-1}.kds-toolbar-actions{align-items:flex-start;flex-wrap:wrap}.kds-filter-tabs{order:3;width:100%;overflow-x:auto}.kds-filter-tabs button{flex:1}.brand-color-grid{grid-template-columns:1fr}}
@media(max-width:560px){.workflow-service-types{grid-template-columns:1fr 1fr}.workflow-service-types .service-choice{min-height:68px}.workflow-heading{align-items:flex-start}.workflow-progress{display:none}.simple-order-row{grid-template-columns:1fr}.simple-order-actions,.order-manage-details{grid-column:auto}.simple-order-actions{justify-content:flex-start}.simple-order-row .order-total{justify-self:start}.kds-order-control{align-items:stretch;flex-direction:column}.kds-order-control form>div{display:grid;grid-template-columns:1fr}.kds-order-control .chip{width:100%}}

/* QamarSoft Restaurant POS 2.3.1 compact sizing and performance pass */
html,body{font-family:Inter,Arial,sans-serif;font-size:13px}.page{animation:none}.topbar{backdrop-filter:none}.card{backdrop-filter:none;box-shadow:0 9px 25px rgba(35,52,79,.055)}
.modal-backdrop{backdrop-filter:none}
.sidebar{width:248px;padding:14px 10px}.main{margin-left:248px;width:calc(100% - 248px)}.sidebar .brand{margin:0 2px 8px;padding:8px 8px 15px;gap:9px}.brand-mark{width:39px;height:39px;border-radius:12px}.sidebar .brand b{font-size:14px}.sidebar .brand small{font-size:9.5px}.nav-label{padding:13px 9px 5px;font-size:7.5px;letter-spacing:1.3px}.nav a{min-height:36px;padding:7px 9px;margin:2px 0;border-radius:10px;gap:8px;font-size:11.2px}.nav .ico{width:22px;height:22px;flex-basis:22px}.nav .ico svg{width:14px;height:14px}.nav a.active::before{left:-10px;top:8px;bottom:8px;width:3px}
.topbar{height:70px;padding:0 22px}.title{font-size:23px}.subtitle{font-size:11px;margin-top:3px}.page{padding:20px 22px 34px}.panel{padding:17px}.panel h3{font-size:14px}.card{border-radius:16px}.btn,.chip{padding:8px 11px;border-radius:10px;font-size:11.3px;gap:5px}.field label{font-size:10px;margin-bottom:5px}.field input,.field select,.field textarea{padding:9px 10px;border-radius:10px;font-size:12px}.badge{font-size:9px;padding:5px 8px}.small{font-size:10px}
.pos-wrap{grid-template-columns:minmax(0,1fr) 360px;gap:14px}.cart{top:80px;height:calc(100vh - 100px);padding:17px;border-radius:18px}.product-grid{gap:9px}.product{min-height:145px;padding:9px;border-radius:14px}.product-thumb{height:62px;border-radius:10px;margin-bottom:8px}.product-thumb.placeholder svg{width:23px;height:23px}.product h4{font-size:11.2px;margin:7px 0 4px}.product .cat{font-size:8px}.product .price{font-size:11.5px}.product::after{top:7px;right:7px;width:21px;height:21px;border-radius:7px;font-size:12px}.product-selected-qty{top:7px;left:7px;padding:4px 6px;border-radius:7px;font-size:7.5px}.product.selected-product{box-shadow:0 8px 18px rgba(31,138,108,.11)}
.pos-workflow{padding:16px;margin-bottom:13px}.workflow-heading{gap:10px}.workflow-heading b{font-size:12.5px}.workflow-heading small{font-size:9px;margin-top:2px}.workflow-step{width:24px;height:24px;flex-basis:24px;border-radius:8px;font-size:9px}.workflow-progress{padding:5px 7px;font-size:7px}.workflow-service-types{margin:10px 0}.workflow-service-types .service-choice{min-height:58px;padding:8px;gap:7px;border-radius:11px}.workflow-service-types .service-choice>svg{width:18px;height:18px;flex-basis:18px}.workflow-service-types .service-choice b{font-size:9.5px}.workflow-service-types .service-choice small{font-size:7.5px}.workflow-secondary{padding:10px;gap:8px;border-radius:11px}.workflow-divider{margin:12px 0}.workflow-customer{margin-top:9px;padding:10px}.customer-picker-head{margin-bottom:7px}.customer-picker-head label{font-size:10.5px}.customer-search-wrap>input{padding:9px 10px;border-radius:10px;font-size:11px}.selected-customer{padding:8px;margin-top:7px}.customer-avatar{width:27px;height:27px;border-radius:8px;font-size:8px}.selected-customer small{font-size:9px}.customer-tools{margin-top:7px;font-size:8.5px}.items-step-heading{margin:13px 0 8px}.items-step-heading h3{font-size:13px}.items-step-heading p{font-size:8.5px}.items-step-heading .search input{padding:8px 9px;font-size:10px}
.cart .panel-head{margin-bottom:11px}.cart-line{font-size:11px}.qty{margin-top:7px;gap:4px}.qty button{width:25px;height:25px;border-radius:7px}.qty input{width:48px;height:25px;border-radius:7px;font-size:10px}.qty .remove-line{padding:0 6px;font-size:8.5px}.item-note{margin-top:7px;padding:7px 8px;font-size:10px;border-radius:8px}.sum-stack{padding:9px 11px;border-radius:12px}.sum-line{padding:4px 0;font-size:10.5px}.sum-line b{font-size:13px}.grand-summary b{font-size:16px}.triple-actions{gap:6px;margin-top:9px}.triple-actions .btn{padding:8px 5px;font-size:9px}.cart .small[style]{font-size:8.5px!important}
.payment-backdrop{padding:10px}.payment-modal-card{width:min(520px,calc(100vw - 20px));max-height:calc(100vh - 20px);padding:17px;border-radius:18px}.payment-modal-card .modal-head{margin-bottom:10px}.modal-head h3{font-size:17px}.modal-head p{font-size:9.5px}.modal-kicker{font-size:7.5px}.modal-close{width:30px;height:30px;border-radius:9px;font-size:18px}.payment-due-hero{padding:13px 15px;margin-bottom:11px;border-radius:13px}.payment-due-hero span{font-size:8px}.payment-due-hero strong{font-size:23px;margin:3px 0}.payment-due-hero small{font-size:8.5px}.payment-modal-card .payment-calculator{margin:9px 0 0}.payment-modal-card #amountReceived{padding:10px;font-size:19px}.calculator-layout{grid-template-columns:minmax(0,1fr) 108px;gap:7px;margin:8px 0}.calculator-keypad{gap:5px}.calculator-keypad button,.cash-shortcuts button{min-height:35px;border-radius:8px;font-size:12px}.cash-shortcuts{gap:5px;margin:0}.cash-shortcuts button{padding:6px 4px;font-size:8.5px}.payment-reference-field{margin-top:8px}.change-board{gap:6px}.change-board>div{padding:8px;border-radius:9px}.change-board span{font-size:8px;margin-bottom:3px}.change-board b{font-size:14px}.payment-actions{margin-top:11px;padding-top:11px}.payment-actions .primary{min-width:0}.payment-actions .btn{padding:8px 9px;font-size:10px}
.kds-toolbar{padding:14px 16px;margin-bottom:12px}.kds-toolbar-actions{gap:7px}.kds-filter-tabs{padding:3px}.kds-filter-tabs button{padding:6px 7px;font-size:8px}.ticket-head{padding:13px 14px 8px}.ticket-head h4{font-size:12px}.kds-order-progress{padding:0 14px 10px}.kds-order-progress span{font-size:6.5px;padding-top:11px}.kds-order-control{padding:10px 14px}.kds-order-control .chip{min-width:100px}.kds-order-control .btn{padding:7px 8px;font-size:8.5px}
.order-channel-tabs a{padding:8px 10px;font-size:10px}.order-channel-tabs a svg{width:14px;height:14px}.pro-order-stats .stat{padding:12px 14px}.pro-order-stats .stat-orb{width:34px;height:34px;flex-basis:34px;border-radius:10px}.stat-orb svg{width:16px;height:16px}.simple-order-row{padding:12px 13px;border-radius:13px}.simple-order-actions .btn{padding:6px 8px;font-size:8.5px}.order-manage-details{padding-top:7px}.order-management-body{padding:9px;border-radius:10px}.order-management-body .service-status-form>label{font-size:7.5px}.order-management-body .service-status-form>div{gap:4px}
.brand-asset-card{padding:11px;border-radius:12px}.brand-asset-preview{width:40px;height:40px;border-radius:11px}.brand-asset-card>b{font-size:10px}.brand-asset-card small{font-size:8px}.brand-color-grid label{padding:9px;border-radius:10px}.brand-color-grid input{width:30px;height:30px}.brand-color-grid b{font-size:9.5px}.brand-color-grid small{font-size:7.5px}
.mini-stat-icon svg,.area-pin svg,.kds-empty>div svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.kds-empty>div svg{width:22px;height:22px}
@media(max-width:1250px){.pos-wrap{grid-template-columns:minmax(0,1fr) 330px}}
@media(max-width:820px){.sidebar{width:248px}.main{margin-left:0;width:100%}.page{padding:16px 15px 30px}.topbar{height:64px;padding:0 15px}.title{font-size:20px}.cart{height:auto;position:relative;top:0}.pos-wrap{grid-template-columns:1fr}.workflow-service-types{grid-template-columns:repeat(3,1fr)}.workflow-service-types .service-choice{min-height:54px}.workflow-service-types .service-choice small{display:none}.order-card{grid-template-columns:1fr 1fr}.simple-order-row{grid-template-columns:1fr 1fr}.simple-order-actions,.order-manage-details{grid-column:1/-1}.kds-filter-tabs{width:100%;overflow-x:auto}.kds-filter-tabs button{flex:1}.brand-asset-grid{grid-template-columns:1fr}}
@media(max-width:560px){.workflow-service-types{grid-template-columns:1fr 1fr}.workflow-service-types .service-choice{min-height:58px}.calculator-layout{grid-template-columns:1fr}.cash-shortcuts{grid-template-columns:repeat(3,1fr)}.simple-order-row{grid-template-columns:1fr}.simple-order-actions,.order-manage-details{grid-column:auto}.order-state-stack{align-items:flex-start}.brand-color-grid{grid-template-columns:1fr}}

/* QamarSoft Restaurant POS 2.3.13 branding, waiter scope and thermal workflow pass */
html,body{font-family:"Inter","Segoe UI",Arial,sans-serif;font-size:14px}.brand b,.title,.panel h3,.stat .v,.product h4,.sum-line b,.grand-summary b{font-family:"Manrope","Inter","Segoe UI",Arial,sans-serif}.sidebar .brand b{font-size:16px}.nav-label{font-size:8.5px}.nav a{min-height:41px;padding:9px 10px;font-size:12.4px}.nav .ico{width:24px;height:24px;flex-basis:24px}.nav .ico svg{width:15px;height:15px}.topbar{height:76px}.title{font-size:25px}.subtitle{font-size:12px}.page{padding:24px 26px 40px}.panel{padding:20px}.panel h3{font-size:15px}.btn,.chip{padding:9px 12px;font-size:12.2px}.field label{font-size:10.8px}.field input,.field select,.field textarea{padding:10px 11px;font-size:13px}.small{font-size:10.5px}.badge{font-size:9.5px;padding:5px 9px}
.product{min-height:164px;padding:11px}.product-thumb{height:73px}.product h4{font-size:12px}.product .cat{font-size:8.5px}.product .price{font-size:12.5px}.product-selected-qty{font-size:8px}.pos-workflow{padding:19px}.workflow-heading b{font-size:13.5px}.workflow-heading small{font-size:9.8px}.workflow-step{width:27px;height:27px;flex-basis:27px;font-size:10px}.workflow-service-types .service-choice{min-height:64px;padding:10px}.workflow-service-types .service-choice>svg{width:20px;height:20px;flex-basis:20px}.workflow-service-types .service-choice b{font-size:10.5px}.workflow-service-types .service-choice small{font-size:8.2px}.customer-picker{padding:12px}.customer-picker-head label{font-size:11px}.customer-search-wrap>input{font-size:12px}.selected-customer{padding:10px}.customer-avatar{width:30px;height:30px;font-size:8.5px}.customer-tools{font-size:9px}.items-step-heading h3{font-size:14px}.items-step-heading p{font-size:9px}
.cart{padding:20px}.cart-line{font-size:12px}.qty button{width:28px;height:28px}.qty input{width:54px;height:28px}.item-note{font-size:10.5px}.sum-stack{padding:11px 12px}.sum-line{font-size:11px}.sum-line b{font-size:14px}.grand-summary b{font-size:17px}.triple-actions .btn{padding:9px 6px;font-size:9.8px}
.payment-modal-card{width:min(600px,calc(100vw - 28px));padding:21px}.modal-head h3{font-size:19px}.modal-head p{font-size:10.5px}.payment-due-hero{padding:16px 18px}.payment-due-hero strong{font-size:26px}.payment-modal-card #amountReceived{padding:12px;font-size:21px}.calculator-layout{grid-template-columns:minmax(0,1fr) 125px;gap:9px}.calculator-keypad{gap:6px}.calculator-keypad button,.cash-shortcuts button{min-height:40px;font-size:13px}.cash-shortcuts button{font-size:9.5px}.change-board>div{padding:10px}.change-board b{font-size:15px}.payment-actions .btn{font-size:11px}
.order-channel-tabs a{font-size:11px}.simple-order-row{padding:14px 15px}.simple-order-customer b{font-size:12px}.simple-order-customer span{font-size:10px}.simple-order-actions .btn{font-size:9px}.kds-filter-tabs button{font-size:9px}.ticket-head h4{font-size:13px}.kds-order-control .btn{font-size:9px}.brand-asset-card>b{font-size:10.5px}.brand-asset-card small{font-size:8.5px}.server-settings-card .note{font-size:10px}
.delivery-assignment button[hidden]{display:none!important}
@media(max-width:820px){.page{padding:20px 16px 32px}.topbar{height:68px}.title{font-size:22px}.nav a{font-size:12px}.workflow-service-types .service-choice{min-height:60px}.payment-modal-card{width:min(600px,calc(100vw - 20px))}}
@media(max-width:560px){html,body{font-size:13.5px}.page{padding:17px 13px 28px}.panel{padding:16px}.title{font-size:20px}.workflow-heading b{font-size:12.8px}.workflow-service-types .service-choice b{font-size:10px}.product{min-height:150px}.payment-modal-card{padding:17px}.payment-modal-card #amountReceived{font-size:19px}.calculator-keypad button,.cash-shortcuts button{min-height:38px}.payment-actions .btn{font-size:10.5px}}

/* Editable WhatsApp templates */
.whatsapp-template-grid{display:grid;gap:11px}.whatsapp-template-grid textarea{min-height:84px;line-height:1.45;resize:vertical;font-size:12px}.whatsapp-messages-card .note{line-height:1.6}

/* Settings tabs, waiter assignment and a calmer POS workflow */
.settings-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 16px;padding:6px;border:1px solid var(--line);border-radius:14px;background:#f7fafb;box-shadow:var(--shadow-soft)}.settings-tabs button{border:0;border-radius:10px;padding:10px 13px;background:transparent;color:#607082;font:inherit;font-size:12px;font-weight:750;cursor:pointer;transition:.18s}.settings-tabs button:hover{background:#fff;color:var(--brand-dark)}.settings-tabs button.active{background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff;box-shadow:0 7px 16px rgba(31,138,108,.18)}.settings-layout.settings-tabbed{display:block}.settings-layout.settings-tabbed>div{display:contents}.settings-layout.settings-tabbed [hidden]{display:none!important}.pos-waiter-field{grid-column:1/-1;padding:11px 13px;border:1px solid #dbe7e4;border-radius:12px;background:#f8fcfb}.pos-waiter-field select{max-width:360px}.pos-waiter-field .field-hint{display:block;color:var(--muted);font-size:10px;margin-top:5px}.pos-wrap:has(.pos-waiter-field){row-gap:10px}.pos-workflow .workflow-heading small{display:none}.pos-workflow .workflow-progress{display:none}.pos-workflow .workflow-divider{margin:10px 0}.pos-workflow{padding:15px}.pos-workflow .workflow-service-types{margin:8px 0}.pos-workflow .workflow-service-types .service-choice{min-height:54px;padding:8px}.pos-workflow .workflow-customer{padding:10px}.pos-workflow .workflow-secondary{padding:9px}.pos-wrap .items-step-heading{margin-top:12px}.pos-wrap .items-step-heading p{display:none}
@media(max-width:700px){.settings-tabs{overflow-x:auto;flex-wrap:nowrap}.settings-tabs button{white-space:nowrap}.pos-waiter-field select{max-width:none;width:100%}}

/* A clear, compact POS command surface and a distinct exit action. */
.pos-workflow{border-radius:18px;box-shadow:0 10px 25px rgba(31,48,76,.06)}
.pos-workflow .workflow-heading{padding-bottom:2px}
.pos-workflow .workflow-heading .workflow-step{background:#edf7f3;color:var(--brand-dark);box-shadow:none}
.pos-workflow .workflow-service-types .service-choice{box-shadow:none}
.pos-workflow .workflow-service-types .service-choice:hover{border-color:#b9dacf;background:#fbfffd}
.pos-workflow .workflow-service-types input:checked+.service-choice{box-shadow:0 8px 18px rgba(31,138,108,.16)}
.pos-waiter-field{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.pos-waiter-field label{margin:0;min-width:100px;color:var(--brand-dark);font-weight:800}
.pos-waiter-field select{flex:1;min-width:220px}
.pos-waiter-field .field-hint{flex-basis:100%;margin:0 0 0 112px}
.nav a.nav-signout{margin-top:15px;background:#fff2f3;border-color:#ffd9de;color:#a83d4b;font-weight:800;box-shadow:0 8px 18px rgba(168,61,75,.08)}
.nav a.nav-signout:hover{background:#ffe6e9;border-color:#ffc4cc;color:#922d3b;transform:translateX(2px);box-shadow:0 12px 24px rgba(168,61,75,.13)}
.nav a.nav-signout .ico{background:#fff;color:#c34b5b}
.nav a.nav-signout em{margin-left:auto;color:inherit;font-size:9px;font-style:normal;letter-spacing:.3px;opacity:.7}
@media(max-width:700px){.pos-waiter-field{align-items:stretch;display:block}.pos-waiter-field label{display:block;margin-bottom:6px}.pos-waiter-field select{min-width:0}.pos-waiter-field .field-hint{margin:5px 0 0}}

/* POS redesign: a quiet workspace with one obvious action path. */
body:has(#posForm) .page{padding:18px 22px 32px;max-width:1680px}
#posForm .pos-wrap{grid-template-columns:minmax(0,1fr) 340px;gap:18px;align-items:start}
#posForm .pos-wrap>div:first-child{min-width:0}
#posForm .pos-workflow{margin:0 0 14px;padding:16px;border:1px solid #e4eaf0;border-radius:16px;background:#fff;box-shadow:0 8px 24px rgba(31,48,76,.055)}
#posForm .workflow-heading{margin:0 0 10px;padding:0;align-items:center}
#posForm .workflow-heading .workflow-step{width:23px;height:23px;flex-basis:23px;border-radius:7px;font-size:9px}
#posForm .workflow-heading b{font-size:12px;letter-spacing:.1px}
#posForm .workflow-service-types{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:8px 0 12px}
#posForm .workflow-service-types .service-choice{min-height:48px;padding:9px 11px;border-radius:11px;gap:8px;border-color:#e2e8ef;background:#f9fbfd;box-shadow:none}
#posForm .workflow-service-types .service-choice>svg{width:17px;height:17px;flex-basis:17px}
#posForm .workflow-service-types .service-choice b{font-size:10px}
#posForm .workflow-service-types .service-choice small{display:none}
#posForm .workflow-service-types input:checked+.service-choice{background:linear-gradient(135deg,#147f69,#5d55dc);box-shadow:0 8px 18px rgba(54,91,172,.18)}
#posForm .workflow-secondary{grid-template-columns:1fr 1fr;gap:8px;padding:10px;border-radius:11px;background:#f7f9fb;border-color:#edf0f4}
#posForm .workflow-secondary .field label{font-size:9px}
#posForm .workflow-divider{margin:13px 0;border-color:#edf0f4}
#posForm .workflow-heading.compact{margin-bottom:8px}
#posForm .workflow-heading.compact .btn{padding:7px 9px;font-size:10px}
#posForm .workflow-customer{margin:0;padding:11px;border-radius:12px;background:#f8fbfc;border-color:#e5ebf0}
#posForm .customer-picker-head{margin-bottom:7px}
#posForm .customer-picker-head label{font-size:10px}
#posForm .customer-picker-head .small{display:none}
#posForm .customer-picker-head .btn{padding:7px 9px;font-size:9.5px}
#posForm .customer-search-wrap>input{padding:10px 11px;border-radius:10px;font-size:11px;background:#fff}
#posForm .selected-customer{padding:8px;margin-top:7px;border-radius:9px}
#posForm .customer-tools{margin-top:7px;font-size:8.5px}
#posForm .delivery-fields{margin-top:10px;padding:10px;border-radius:11px}
#posForm .items-step-heading{display:flex;margin:0 0 9px;padding:2px 1px;align-items:center}
#posForm .items-step-heading>div:first-child{gap:8px}
#posForm .items-step-heading .workflow-step{width:23px;height:23px;flex-basis:23px;border-radius:7px;font-size:9px}
#posForm .items-step-heading h3{font-size:13px}
#posForm .items-step-heading .search{flex:1;max-width:430px;margin-left:auto}
#posForm .items-step-heading .search input{width:100%;padding:11px 13px;border:1px solid #ccd9e2;border-radius:11px;background:#fff;box-shadow:0 5px 15px rgba(31,48,76,.05);font-size:11px}
#posForm .tabs{gap:6px;margin:0 0 10px;overflow-x:auto;flex-wrap:nowrap}
#posForm .tabs a{white-space:nowrap;padding:7px 10px;border-radius:9px;font-size:10px;box-shadow:none}
#posForm .product-grid{grid-template-columns:repeat(auto-fill,minmax(135px,1fr));gap:9px}
#posForm .product{min-height:148px;padding:9px;border-radius:13px;box-shadow:0 5px 16px rgba(31,48,76,.045);border-color:#e4eaf0}
#posForm .product:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(31,48,76,.10)}
#posForm .product-thumb{height:62px;margin-bottom:7px;border-radius:9px}
#posForm .product h4{font-size:11px;margin:7px 0 4px}
#posForm .product .cat{font-size:7.5px}
#posForm .product .price{font-size:11px}
#posForm .cart{top:84px;height:calc(100vh - 106px);padding:16px;border-radius:16px;border:1px solid #dce7e3;box-shadow:0 14px 30px rgba(27,74,65,.10);background:#fff}
#posForm .cart .panel-head{padding-bottom:11px;margin-bottom:11px;border-bottom:1px solid #edf1f3}
#posForm .cart .panel-head h3{font-size:14px}
#posForm .cart .panel-head .btn{font-size:9px;padding:7px 8px}
#posForm .cart .field>label{font-size:9px}
#posForm .cart .field textarea{min-height:52px;font-size:11px}
#posForm .cart .cart-body{padding-right:2px}
#posForm .cart .cart-body{height:300px;min-height:300px;flex:none;overflow-y:auto}
#posForm .cart .sum-stack{margin-top:8px;padding:9px 11px;border-radius:11px}
#posForm .cart .triple-actions{grid-template-columns:1fr 1fr;gap:6px}
#posForm .cart .triple-actions .kitchen-action{grid-column:1/-1;order:3}
#posForm .cart .triple-actions .pay-launch{order:2}
#posForm .cart .triple-actions .btn{padding:9px 6px;font-size:9px}
#posForm .cart .small[style]{display:none}
@media(max-width:900px){#posForm .pos-wrap{grid-template-columns:1fr}#posForm .cart{position:relative;top:0;height:auto}#posForm .items-step-heading .search{max-width:none}}
@media(max-width:900px){#posForm .cart .cart-body{height:auto;min-height:180px;max-height:none}}
@media(max-width:560px){#posForm .workflow-service-types{grid-template-columns:repeat(3,minmax(0,1fr))}#posForm .workflow-service-types .service-choice{justify-content:center;padding:8px 5px}#posForm .workflow-service-types .service-choice>svg{display:none}#posForm .workflow-secondary{grid-template-columns:1fr}#posForm .items-step-heading{display:block}#posForm .items-step-heading .search{margin:8px 0 0}#posForm .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Final POS command-bar treatment: service selection is visible once, at the top. */
.settings-toolbar{display:flex;align-items:center;gap:10px;margin-bottom:16px}.settings-toolbar .settings-tabs{flex:1;margin:0}.settings-global-save{white-space:nowrap;box-shadow:0 8px 18px rgba(31,138,108,.16)}
#posForm .pos-command-header{display:flex;align-items:center;gap:16px;margin:0 0 16px;padding:13px 15px;border:1px solid #dfe8e6;border-radius:16px;background:#fff;box-shadow:0 9px 24px rgba(31,48,76,.06)}
#posForm .pos-command-title{display:flex;align-items:center;gap:10px;min-width:175px}.pos-command-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:#e8f7f1;color:#17745c}.pos-command-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.pos-command-title strong,.pos-command-title small{display:block}.pos-command-title strong{font-family:Manrope;font-size:13px}.pos-command-title small{margin-top:2px;color:var(--muted);font-size:9px}
#posForm .pos-channel-buttons{display:flex;gap:6px;flex:1}.pos-channel-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:112px;padding:9px 13px;border:1px solid #dfe6ed;border-radius:10px;background:#f8fafc;color:#4c5b6c;font:inherit;font-size:10.5px;font-weight:800;cursor:pointer;transition:.16s}.pos-channel-button svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.pos-channel-button:hover{border-color:#b5d8cd;background:#f1faf6;color:var(--brand)}.pos-channel-button.active{border-color:transparent;background:linear-gradient(135deg,#137f69,#5e55dd);color:#fff;box-shadow:0 8px 18px rgba(58,89,172,.18)}
#posForm .pos-workflow>.workflow-heading:first-child,#posForm .pos-workflow>.workflow-service-types{display:none}
#posForm .pos-waiter-field{margin-bottom:0}
@media(max-width:900px){#posForm .pos-command-header{align-items:stretch;flex-wrap:wrap;gap:10px}#posForm .pos-command-title{flex:1}.pos-channel-buttons{order:3;flex-basis:100%}.pos-channel-button{flex:1}}
@media(max-width:560px){#posForm .pos-command-header{padding:11px}.pos-command-title small{display:none}#posForm .pos-channel-button{min-width:0;padding:9px 5px;font-size:9px}.pos-channel-button svg{display:none}}
@media(max-width:700px){.settings-toolbar{align-items:stretch;flex-direction:column}.settings-toolbar .settings-tabs{margin:0}.settings-global-save{width:100%;justify-content:center}}
.dispatch-trigger{color:#6a50c7!important;border-color:#d9d1ff!important;background:#f5f2ff!important;font-weight:800}.dispatch-trigger:hover{background:#ece7ff!important;border-color:#bdb1ff!important}.dispatch-button{min-width:145px;justify-content:center}
.dispatch-modal{z-index:160}.dispatch-modal-card{width:min(520px,calc(100vw - 28px));padding:22px;border-radius:20px}.dispatch-modal-card .modal-head{margin-bottom:13px}.dispatch-modal-card .modal-head h3{font-size:20px}.dispatch-modal-card .modal-head p{font-size:10px}.dispatch-modal-form{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:13px;margin:0;border:1px solid #e5ebf0;border-radius:14px;background:#f8fafc}.dispatch-modal-form>div{min-width:0}.dispatch-modal-form>div:nth-child(3){grid-column:1/-1}.dispatch-modal-form label{display:block;margin:0 0 5px;color:#708092;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.55px}.dispatch-modal-form .chip{width:100%;min-height:40px;background:#fff}.dispatch-modal-form .dispatch-button{grid-column:1/-1;margin-top:3px;min-height:42px}.dispatch-modal-form .btn:not(.dispatch-button){min-height:40px}
@media(max-width:560px){.dispatch-modal-card{padding:16px}.dispatch-modal-form{grid-template-columns:1fr}.dispatch-modal-form>div:nth-child(3){grid-column:auto}.dispatch-modal-form .dispatch-button{grid-column:auto}}

/* Granular branding controls, collapsible navigation and focused standalone POS. */
.card{background:var(--panel);border-color:var(--panel-border,var(--line));border-radius:var(--r)}
.sidebar{background:var(--sidebar-bg,#102a28);color:var(--sidebar-text,#dce7e2);height:100vh;max-height:100vh;overscroll-behavior:contain;scrollbar-gutter:stable}
.brand small,.nav-label{color:var(--sidebar-muted,#8ea59d)}
.nav a{color:var(--sidebar-text,#dce7e2)}
.nav a:hover,.nav a.active{background:linear-gradient(135deg,var(--sidebar-active,var(--brand)),var(--brand2));color:#fff}
.nav a{position:relative}.nav-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-external{margin-left:auto;width:22px;height:22px;border:1px solid rgba(255,255,255,.16);border-radius:7px;display:grid;place-items:center;color:inherit;font-size:14px;line-height:1;opacity:.72;cursor:pointer;transition:.16s}.nav-external:hover{opacity:1;background:rgba(255,255,255,.16);transform:translateY(-1px)}
.sidebar-toggle{width:30px;height:30px;justify-content:center;padding:0;border-radius:9px;font-size:17px;line-height:1;color:var(--brand-dark);background:#fff}
.sidebar-collapsed .sidebar{width:76px;padding-left:10px;padding-right:10px}.sidebar-collapsed .main{margin-left:76px;width:calc(100% - 76px)}.sidebar-collapsed .brand{justify-content:center;padding-left:0;padding-right:0}.sidebar-collapsed .brand>div:last-child,.sidebar-collapsed .nav-label,.sidebar-collapsed .nav-text{display:none}.sidebar-collapsed .nav a{justify-content:center;padding-left:8px;padding-right:8px}.sidebar-collapsed .nav .ico{margin:0}.sidebar-collapsed .nav-external{position:absolute;right:3px;top:2px;width:14px;height:14px;font-size:10px;border-radius:5px;background:rgba(255,255,255,.14)}.sidebar-collapsed .nav a.nav-signout em{display:none}.sidebar-collapsed .nav a.nav-signout{font-size:0}.sidebar-collapsed .sidebar-toggle{margin-left:auto}
.pos-dashboard-return{display:inline-flex;align-items:center;justify-content:center;padding:9px 11px;border:1px solid #dfe8e6;border-radius:10px;color:#607082;text-decoration:none;font-size:10px;font-weight:800;white-space:nowrap}.pos-dashboard-return:hover{color:var(--brand);background:#f5fbf8;border-color:#b9dacf}
.pos-standalone .sidebar,.pos-standalone .topbar{display:none!important}.pos-standalone .main{margin-left:0;width:100%}.pos-standalone #posForm .pos-command-header{position:sticky;top:0;z-index:30;border-radius:0 0 16px 16px;margin-bottom:18px}
.branding-control-group{padding:15px 0 0;margin-top:17px;border-top:1px solid #edf1f4}.branding-control-heading{display:flex;justify-content:space-between;gap:12px;align-items:baseline;margin-bottom:10px}.branding-control-heading b{font-size:12px;color:var(--brand-dark)}.branding-control-heading small{color:var(--muted);font-size:10px}.branding-layout-controls{margin-top:11px}.branding-layout-controls .field-hint{display:block;margin-top:5px;color:var(--muted);font-size:9px}.branding-mini-preview{display:grid;grid-template-columns:12px 1fr;align-items:center;column-gap:8px;padding:9px 10px;border:1px solid var(--line);border-radius:10px;background:var(--panel-strong)}.branding-mini-preview span{grid-row:span 2;width:12px;height:30px;border-radius:5px;background:linear-gradient(180deg,var(--brand),var(--brand2))}.branding-mini-preview b{font-size:10px}.branding-mini-preview small{font-size:8px;color:var(--muted)}
@media(min-width:821px){.sidebar{width:var(--sidebar-width,258px)}.main{margin-left:var(--sidebar-width,258px);width:calc(100% - var(--sidebar-width,258px))}}
@media(min-width:821px){body.sidebar-collapsed .sidebar{width:76px}body.sidebar-collapsed .main{margin-left:76px;width:calc(100% - 76px)}}
@media(max-width:820px){body.sidebar-collapsed .sidebar{width:248px;padding:24px 16px}body.sidebar-collapsed .main{margin-left:0;width:100%}body.sidebar-collapsed .brand>div:last-child,body.sidebar-collapsed .nav-label,body.sidebar-collapsed .nav-text{display:block}body.sidebar-collapsed .nav a{justify-content:flex-start;padding-left:10px;padding-right:10px}body.sidebar-collapsed .nav-external{position:static;width:22px;height:22px;font-size:14px;background:transparent}}
#posForm .pos-command-header .pos-waiter-field{display:flex;align-items:center;gap:7px;margin:0;padding:0;border:0;background:transparent;min-width:210px;flex:0 1 260px}.pos-command-header .pos-waiter-field label{margin:0;min-width:auto;font-size:9px;color:#607082}.pos-command-header .pos-waiter-field select{min-width:150px;max-width:210px;padding:8px 9px;font-size:10px}.pos-command-header .pos-waiter-field .field-hint{display:none}
@media(max-width:900px){#posForm .pos-command-header .pos-waiter-field{order:4;flex:1 1 100%;min-width:0}.pos-command-header .pos-waiter-field select{max-width:none;flex:1}}
@media(max-width:560px){#posForm .pos-command-header .pos-waiter-field{display:grid;grid-template-columns:auto 1fr;gap:6px}.pos-command-header .pos-waiter-field select{min-width:0}.pos-dashboard-return{font-size:9px;padding:8px 9px}}

/* Restore the original light sidebar palette as the default. Custom values
   from Branding & Settings still flow through the same variables. */
.sidebar{background:var(--sidebar-bg,#fff);color:var(--sidebar-text,#59667b);border-right-color:#e6ebf2;box-shadow:12px 0 40px rgba(44,62,89,.055)}
.sidebar .brand{border-bottom-color:#edf0f5}.sidebar .brand b,.sidebar .brand small,.sidebar .nav a{color:var(--sidebar-text,#59667b)}.sidebar .brand small{opacity:.72}.sidebar .nav-label{color:var(--sidebar-muted,#a1a9b7);opacity:1}
.sidebar .nav a:hover{background:#f5f8fb;color:var(--brand);border-color:#e8eef2;box-shadow:0 7px 18px rgba(36,63,83,.05);transform:translateX(3px)}
.sidebar .nav a.active{background:linear-gradient(105deg,var(--sidebar-active,#eaf7f1),rgba(102,87,232,.09));color:var(--brand-dark);border-color:rgba(29,159,125,.15);box-shadow:0 9px 22px rgba(37,120,99,.075)}
.sidebar .nav a.active::before{left:-14px;top:9px;bottom:9px;width:4px;border-radius:0 7px 7px 0;background:linear-gradient(180deg,var(--brand),var(--brand2));box-shadow:none}
.sidebar .nav .ico{background:#f0f4f7;color:#637184}.sidebar .nav a:hover .ico{background:#e9f6f1;color:#19735d}.sidebar .nav a.active .ico{background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff;box-shadow:0 7px 15px rgba(49,128,134,.18)}
.sidebar .nav-external{border-color:#dce5eb;color:#617086;background:#fff}.sidebar .nav-external:hover{background:#e9f6f1;color:var(--brand);border-color:#cbe6dc}
.sidebar-collapsed .nav-external{background:#f0f4f7}

/* Branding reset control: clear, compact and safe beside the sidebar settings. */
.branding-control-heading>div{min-width:0}.branding-reset{padding:8px 11px;font-size:10px;color:#a34250;border-color:#f0cfd5;background:#fff7f8;white-space:nowrap}.branding-reset:hover{color:#8f2e3b;border-color:#e7aeb8;background:#fff0f2}
.branding-control-heading .branding-reset{margin-left:auto}
@media(max-width:560px){.branding-control-heading{align-items:flex-start;flex-wrap:wrap}.branding-control-heading .branding-reset{width:100%;justify-content:center;margin-left:0}}

/* QamarSoft Restaurant POS 2.3.14 visual polish: a calm tinted workspace,
   stronger text contrast and intentional surfaces for dashboard/KDS cards. */
:root{--bg:#f3f7fb;--bg2:#edf5f3;--text:#1a2a3b;--muted:#718096;--line:#dfe8ef;--shadow:0 16px 38px rgba(39,61,86,.075);--shadow-soft:0 8px 22px rgba(39,61,86,.055)}
html,body{background:radial-gradient(circle at 9% 2%,rgba(93,190,169,.13),transparent 25%),radial-gradient(circle at 94% 6%,rgba(109,93,246,.11),transparent 27%),radial-gradient(circle at 72% 100%,rgba(244,190,104,.08),transparent 23%),linear-gradient(180deg,#f7f9fc 0%,#eef5f3 100%);color:var(--text)}
.main{background:transparent}.topbar{background:rgba(247,250,253,.86);border-bottom-color:rgba(215,226,234,.9);box-shadow:0 5px 22px rgba(35,54,77,.035)}
.page{position:relative}.page:before{content:"";position:absolute;z-index:0;pointer-events:none;inset:0 0 auto;height:280px;background:linear-gradient(180deg,rgba(238,247,247,.36),transparent)}.page>*{position:relative;z-index:1}
.card{background:var(--panel);border-color:rgba(214,226,235,.94);box-shadow:var(--shadow)}
.panel{background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(248,251,253,.96))}
.page h3,.page h4{color:#1b2b3d}.page .small,.page .subtitle{color:#738197}.field label{color:#617188}.field input,.field select,.field textarea{background:#fcfdff;border-color:#d9e4ec;color:#24364a}.field input::placeholder,.field textarea::placeholder{color:#9aa8b6}.field input:focus,.field select:focus,.field textarea:focus{background:#fff;border-color:#7fc7b1;box-shadow:0 0 0 4px rgba(38,164,130,.10)}
.btn,.chip{border-color:#d8e3ea;color:#26384c;background:rgba(255,255,255,.94)}.btn:hover{border-color:#acd1c5;box-shadow:0 10px 24px rgba(39,61,86,.10)}.btn.soft{background:linear-gradient(135deg,#eaf8f3,#efedff);color:#1d6656;border-color:transparent}.btn.primary{box-shadow:0 10px 22px rgba(65,112,205,.18)}
.dashboard-hero.card{min-height:260px;background:radial-gradient(circle at 84% 8%,rgba(255,255,255,.78),transparent 25%),radial-gradient(circle at 8% 100%,rgba(105,214,185,.22),transparent 31%),linear-gradient(135deg,#e0f6ef 0%,#e6eefc 54%,#efeaff 100%)!important;border:1px solid #d5e8e4;color:#193548;box-shadow:0 22px 48px rgba(52,87,105,.13)}
.dashboard-hero:after{border-color:rgba(91,112,153,.14)}.dashboard-hero h2{color:#183247}.dashboard-hero p{color:#5b7182}.dashboard-hero .eyebrow{background:rgba(255,255,255,.65);border-color:rgba(255,255,255,.8);color:#286c5e}.dashboard-hero .hero-command{background:rgba(255,255,255,.68);border-color:rgba(255,255,255,.82);box-shadow:0 13px 28px rgba(50,83,95,.10);backdrop-filter:blur(10px)}.dashboard-hero .hero-command span,.dashboard-hero .hero-command small{color:#6a7d8e}.dashboard-hero .hero-command b{color:#1e3449}.dashboard-hero .hero-command .pulse-dot{background:#35c59b;box-shadow:0 0 0 7px rgba(53,197,155,.16)}
.modern-stats .stat{border-color:#dce7ed;box-shadow:0 12px 28px rgba(39,61,86,.065)}.modern-stats .stat:nth-child(1){background:linear-gradient(145deg,#ffffff,#eefaf7)}.modern-stats .stat:nth-child(2){background:linear-gradient(145deg,#ffffff,#f2f0ff)}.modern-stats .stat:nth-child(3){background:linear-gradient(145deg,#ffffff,#fff8eb)}.modern-stats .stat:nth-child(4){background:linear-gradient(145deg,#ffffff,#fff1f3)}.modern-stats .stat .k{color:#6f8095}.modern-stats .stat .s{color:#7b899a}
.channel-card{border-color:#dce7ed;box-shadow:0 11px 26px rgba(39,61,86,.06)}.channel-card:nth-child(1){background:linear-gradient(145deg,#fff,#eefaf7)}.channel-card:nth-child(2){background:linear-gradient(145deg,#fff,#f3f1ff)}.channel-card:nth-child(3){background:linear-gradient(145deg,#fff,#fff7eb)}.channel-card:hover{box-shadow:0 18px 34px rgba(39,61,86,.11)}.channel-card small{color:#718096}.channel-card em{color:#167b64}
.dashboard-grid>.card{background:linear-gradient(145deg,#fff,#f8fbfd)}.dashboard-side>.card:first-child{background:linear-gradient(145deg,#fff,#f1faf7)}.dashboard-side>.card:last-child{background:linear-gradient(145deg,#fff,#f5f2ff)}.dashboard-grid table th{background:#f2f7fa;color:#66768a}.dashboard-grid table td{border-bottom-color:#e9eff3}.dashboard-grid table tr:hover td{background:#edf8f4}.quick-action-bar{background:linear-gradient(145deg,#fff,#eef7f5);border-color:#d8e8e4}.quick-actions a{background:#e4f4ef;color:#1b6b5b}.quick-actions a:hover{background:#d8eee7}
.kds-toolbar.card{background:linear-gradient(135deg,#e7f8f2 0%,#edf1ff 100%)!important;color:#20364b;border:1px solid #d6e7e5;box-shadow:0 15px 34px rgba(42,71,94,.10)}.kds-toolbar>div:first-child{gap:13px}.kds-toolbar .kds-live{color:#1b806a}.kds-toolbar .kds-live i{background:#31c39b;box-shadow:0 0 0 5px rgba(49,195,155,.14)}.kds-toolbar>b{color:#20364b}.kds-toolbar small{color:#718196}.kds-toolbar-actions label{color:#64758a}.kds-filter-tabs{background:rgba(255,255,255,.68);border-color:rgba(200,216,222,.9)}.kds-filter-tabs button{color:#6a7a8e}.kds-filter-tabs button:hover{background:rgba(255,255,255,.72);color:#2c6c5d}.kds-filter-tabs button.active{background:#fff;color:#1c6958;box-shadow:0 5px 14px rgba(42,67,89,.13)}.kds-toolbar .btn{background:rgba(255,255,255,.82);border-color:#d2e0e5;color:#436075}.kds-toolbar .btn:hover{background:#fff;color:#17745d}
.ticket.card{border-color:#dce6ec;box-shadow:0 13px 30px rgba(39,61,86,.075);background:linear-gradient(160deg,#fff,#f7fbfc)}.ticket-preparing.card{background:linear-gradient(145deg,#fffaf1,#fff)!important}.ticket-ready.card{background:linear-gradient(145deg,#effbf6,#fff)!important}.ticket-confirmed.card{background:linear-gradient(145deg,#f2f7ff,#fff)!important}.ticket-served.card{background:linear-gradient(145deg,#f6f2ff,#fff)!important}.ticket-completed.card{background:linear-gradient(145deg,#f1f7f3,#fff)!important}.ticket-head{background:rgba(255,255,255,.42)}.ticket-meta{border-bottom-color:#e6edf1}.ticket-age{background:#edf3f6;color:#66768a}.ticket-footer{background:rgba(241,247,248,.78);border-top:1px solid rgba(226,235,239,.78)}.kds-order-control{background:rgba(250,252,253,.82);border-top-color:#e3ebef}.kds-order-progress span{color:#9aa7b4}.kds-order-progress .done,.kds-order-progress .current{color:#2c7664}
.order-filter-bar.card{background:linear-gradient(145deg,#fff,#f2f8f7)}.orders-command .order-channel-tabs a{background:rgba(255,255,255,.88)}.order-channel-tabs a.active{box-shadow:0 9px 19px rgba(45,98,154,.14)}.simple-order-row{box-shadow:0 10px 24px rgba(39,61,86,.06)}
.pos-command-header{background:linear-gradient(145deg,#fff,#eef7f5)!important;border-color:#d8e8e4!important;box-shadow:0 12px 28px rgba(39,61,86,.07)!important}.pos-workflow{background:linear-gradient(145deg,#fff,#f1f8f6)!important;border-color:#dce9e6!important;box-shadow:0 12px 28px rgba(39,61,86,.065)!important}.pos-workflow .workflow-secondary{background:linear-gradient(145deg,#f5faf9,#f5f4ff);border-color:#e1e9ed}.pos-workflow .workflow-customer{background:linear-gradient(145deg,#f4faf8,#f8f7ff);border-color:#dfe9e8}.pos-workflow .customer-search-wrap>input{background:#fff}.pos-workflow .delivery-fields{background:linear-gradient(145deg,#fff8ee,#fffdf8)}#posForm .product{background:linear-gradient(145deg,#fff,#f5f9fc);border-color:#dce6ed}#posForm .product:nth-child(3n){background:linear-gradient(145deg,#fff,#f4f1ff)}#posForm .product:nth-child(3n+1){background:linear-gradient(145deg,#fff,#eef9f5)}#posForm .product:hover{background:#fff}#posForm .cart{background:linear-gradient(145deg,#fff,#f1f8f6)!important;border-color:#d7e7e3!important;box-shadow:0 15px 32px rgba(39,78,75,.10)!important}.cart .sum-stack{background:linear-gradient(145deg,#f0faf6,#f1efff)}
.empty{color:#718096}.note{background:linear-gradient(145deg,#f1f8f5,#f6f4ff);border-color:#cfe1dc;color:#5c716c}
@media(max-width:820px){.page:before{height:210px}.dashboard-hero.card{min-height:0}.kds-toolbar.card{padding:14px}}
@media print{html,body{background:#fff!important}.page:before{display:none}.dashboard-hero.card,.kds-toolbar.card,.card{background:#fff!important;box-shadow:none!important}}

/* v2.4.0: pre-sale checkout, saved-customer lookup, protected order controls and close-of-day reporting. */
#posForm .triple-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
#posForm .triple-actions .pre-sale-action{background:#fff8ec;border-color:#f0d29d;color:#8a5a15}
#posForm .triple-actions .pre-sale-action:hover{background:#fff1d6;border-color:#e7bb6d;color:#70440b}
#posForm .triple-actions .kitchen-action{grid-column:auto;order:3}
#posForm .triple-actions .pay-launch{grid-column:1/-1;order:4}
.edit-auth-strip{display:flex;align-items:center;gap:10px;margin:0 0 12px;padding:10px 12px;border:1px solid #e8d7a8;border-radius:12px;background:linear-gradient(135deg,#fffaf0,#fff7e2);color:#76521b}.edit-auth-strip .edit-auth-icon{font-size:16px}.edit-auth-strip b,.edit-auth-strip small{display:block}.edit-auth-strip b{font-size:10px}.edit-auth-strip small{margin-top:2px;color:#927b50;font-size:9px}.edit-auth-strip input{margin-left:auto;width:190px;max-width:34%;padding:8px 9px;border:1px solid #e2cf9a;border-radius:8px;background:#fff;font:inherit;font-size:10px}
.quick-phone-field{position:relative}.quick-customer-suggestions{position:absolute;z-index:40;left:0;right:0;top:100%;margin-top:4px;padding:5px;border:1px solid #d8e5e9;border-radius:12px;background:#fff;box-shadow:0 16px 34px rgba(36,61,82,.16)}.quick-customer-match{display:flex;align-items:center;gap:8px;width:100%;padding:8px;border:0;border-radius:8px;background:#fff;color:#24364a;text-align:left;font:inherit;cursor:pointer}.quick-customer-match:hover{background:#eff9f5}.quick-customer-match .customer-avatar{flex:none;width:25px;height:25px;font-size:9px}.quick-customer-match>span:nth-child(2){min-width:0;flex:1}.quick-customer-match b,.quick-customer-match small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quick-customer-match b{font-size:10px}.quick-customer-match small{margin-top:2px;color:#7b8996;font-size:9px}.quick-customer-match em{font-style:normal;color:#198268;font-size:9px;font-weight:800}.quick-customer-empty{padding:9px;color:#718096;font-size:9px;line-height:1.35}.cancel-order-form{margin-top:11px;padding:11px;border:1px solid #f0cfd5;border-radius:12px;background:linear-gradient(145deg,#fff8f8,#fff)}.cancel-form-heading{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:8px}.cancel-form-heading b{color:#9a3342;font-size:11px}.cancel-form-heading small{color:#9c7c83;font-size:9px}.cancel-order-form .field{margin-bottom:7px}.cancel-order-form .field label{font-size:8px}.cancel-order-form input{min-height:33px}.cancel-order-form .btn.danger{border-color:#e7aeb8;background:#fff0f2;color:#9a3342}.cancel-order-form .btn.danger:hover{background:#ffe5e9}

.report-command{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:10px;padding:10px 12px;border:1px solid #d6e7e4;border-radius:16px;background:linear-gradient(135deg,#f1fbf7,#f2f1ff);box-shadow:0 10px 24px rgba(39,61,86,.06)}.report-mode-tabs{display:flex;gap:5px;padding:4px;border:1px solid #dce7ed;border-radius:11px;background:rgba(255,255,255,.72)}.report-mode-tabs a{padding:8px 12px;border-radius:8px;color:#64758a;text-decoration:none;font-size:10px;font-weight:800}.report-mode-tabs a:hover{color:var(--brand);background:#fff}.report-mode-tabs a.active{background:#fff;color:#1b6e5b;box-shadow:0 5px 13px rgba(39,61,86,.10)}.report-filter-form{display:flex;align-items:end;gap:7px;flex-wrap:wrap}.report-filter-form .field{margin:0}.report-filter-form .field label{font-size:8px}.report-filter-form input,.report-filter-form select{min-height:34px;padding:7px 8px;font-size:10px}.report-filter-form .btn{min-height:34px;padding:8px 10px;font-size:9px;white-space:nowrap}
.report-section-nav{display:flex;align-items:center;gap:6px;flex-wrap:wrap;max-width:1200px;margin:0 auto 12px;padding:5px;border:1px solid #dce7ed;border-radius:12px;background:rgba(255,255,255,.72);box-shadow:0 7px 18px rgba(39,61,86,.04)}.report-section-nav a{padding:7px 10px;border-radius:8px;color:#607286;text-decoration:none;font-size:9px;font-weight:800}.report-section-nav a:hover{color:#176b59;background:#edf9f4}.report-section-nav a:focus-visible{outline:2px solid #6d5df6;outline-offset:1px}
.report-print-sheet{max-width:1200px;margin:0 auto 28px;padding:18px;border:1px solid #d9e6eb;border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.97),rgba(247,251,252,.96));box-shadow:0 22px 48px rgba(39,61,86,.08)}.report-cover{padding:10px 8px 15px;border-bottom:1px solid #dce8ec}.report-eyebrow,.report-section-kicker{color:#21836c;font-size:9px;font-weight:800;letter-spacing:1px}.report-cover h1{margin:5px 0 3px;color:#1d3145;font-family:Manrope;font-size:26px;letter-spacing:-.5px}.report-cover p{margin:0;color:#728298;font-size:11px}.report-cover-meta{display:flex;justify-content:space-between;gap:10px;margin-top:11px;color:#8492a0;font-size:9px}.report-stat-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;margin:14px 0}.report-stat{padding:12px 11px;border:1px solid #dfe9ef;border-radius:13px;background:linear-gradient(145deg,#fff,#f5f9fb)}.report-stat span,.report-stat small{display:block;color:#76869a;font-size:9px}.report-stat b{display:block;margin:5px 0 2px;color:#1d3043;font-family:Manrope;font-size:15px}.report-stat small{color:#92a0ad;font-size:8px}.report-stat-primary{background:linear-gradient(145deg,#ecfaf4,#fff)!important;border-color:#cfe7de}.report-stat-primary b{color:#17745c}.report-stat-warning{background:linear-gradient(145deg,#fff7e9,#fff)!important;border-color:#f0dfbc}.report-stat-warning b{color:#a56518}.report-stat-success{background:linear-gradient(145deg,#effbf7,#fff)!important;border-color:#d1ebdf}.report-stat-success b{color:#18765e}.report-stat-danger{background:linear-gradient(145deg,#fff1f3,#fff)!important;border-color:#f1d2d8}.report-stat-danger b{color:#aa4251}.report-section{margin-top:12px;padding:14px;border:1px solid #dfe9ee;border-radius:15px;background:rgba(255,255,255,.9);box-shadow:0 8px 18px rgba(39,61,86,.035)}.report-section-heading{display:flex;align-items:end;justify-content:space-between;gap:10px;margin-bottom:9px}.report-section-heading h2{margin:3px 0 0;color:#1d3145;font-family:Manrope;font-size:15px}.report-section-total{color:#1a7a64;font-family:Manrope;font-size:13px;font-weight:800}.report-table-wrap{overflow-x:auto}.report-table{width:100%;border-collapse:collapse;font-size:10px}.report-table th{padding:7px 7px;background:#f3f7f9;color:#718094;font-size:8.5px;font-weight:800;text-align:left;white-space:nowrap}.report-table td{padding:8px 7px;border-bottom:1px solid #edf1f3;color:#4e6174;vertical-align:middle}.report-table tr:last-child td{border-bottom:0}.report-table td b{color:#273d51}.report-table .amount{text-align:right;white-space:nowrap}.report-empty{padding:12px!important;color:#8996a3!important;text-align:center}.report-summary-list{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.report-summary-list>div{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px dashed #e5ecef;color:#64758a;font-size:10px}.report-summary-list>div b{color:#2d4052;white-space:nowrap}.report-summary-list>div.report-summary-emphasis{padding:9px 10px;margin:3px -2px;border:1px solid #d3e9e0;border-radius:9px;background:#f0faf6;color:#19735e;font-weight:800}.report-summary-list>div.report-summary-emphasis b{color:#176b58}.report-two-column{display:grid;grid-template-columns:1fr 1fr;gap:12px}.report-mini-list>div{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px dashed #e5ecef;color:#5e7182;font-size:10px}.report-mini-list>div:last-child{border-bottom:0}.report-mini-list b{color:#24394c;white-space:nowrap}.report-status-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.report-status-grid>div{display:grid;grid-template-columns:auto 1fr;column-gap:6px;align-items:center;padding:9px;border-radius:10px;background:#f6f9fa}.report-status-grid b{font-family:Manrope;font-size:14px}.report-status-grid small{grid-column:2;color:#738397;font-size:8px}.report-status-dot{width:8px;height:8px;border-radius:50%;background:#a5b2bf;grid-row:span 2}.report-status-dot.status-confirmed{background:#e2a53c}.report-status-dot.status-preparing{background:#e58a37}.report-status-dot.status-ready{background:#26a57e}.report-status-dot.status-served{background:#6e62dc}.report-status-dot.status-completed{background:#3b9b6f}.report-status-dot.status-cancelled{background:#cf5b68}.report-footer{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:14px;padding:12px 7px 2px;border-top:1px dashed #cbd9df;color:#7b8996;font-size:9px}.report-footer b{color:#22735f}
@media(max-width:980px){.report-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.report-command{align-items:stretch;flex-direction:column}.report-filter-form{width:100%}}
@media(max-width:620px){.edit-auth-strip{align-items:flex-start;flex-wrap:wrap}.edit-auth-strip input{order:3;width:100%;max-width:none;margin-left:26px}.report-print-sheet{padding:11px;border-radius:16px}.report-cover h1{font-size:21px}.report-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.report-summary-list{grid-template-columns:1fr}.report-two-column{grid-template-columns:1fr}.report-status-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.report-filter-form .field{flex:1 1 120px}.report-filter-form .btn{flex:1 1 120px;justify-content:center}}
@media print{
  @page{size:auto;margin:0}
  html,body{background:#fff!important}
  .report-command,.no-print,.sidebar,.topbar{display:none!important}
  .main{margin:0!important;width:100%!important}
  .page{padding:0!important;background:#fff!important}
  .report-print-sheet{width:80mm;max-width:none;margin:0 auto;padding:3mm;border:0;border-radius:0;box-shadow:none;background:#fff}
  .report-print-sheet.paper-58mm{width:58mm}
  .report-cover{padding:2mm 0 2.5mm;text-align:center;border-bottom:1px dashed #555}
  .report-eyebrow{font-size:7px;color:#333}.report-cover h1{font-size:15px;margin:1.5mm 0}.report-cover p{font-size:8px;color:#333}.report-cover-meta{margin-top:1.5mm;font-size:7px;color:#555}
  .report-stat-grid{grid-template-columns:1fr 1fr;gap:1.5mm;margin:2.5mm 0}.report-stat{padding:2mm;border:1px solid #bbb;border-radius:0;box-shadow:none;background:#fff!important}.report-stat span,.report-stat small{font-size:7px;color:#444}.report-stat b{font-size:10px;margin:1mm 0}.report-section{margin-top:2.5mm;padding:2mm;border:1px solid #bbb;border-radius:0;box-shadow:none;background:#fff}.report-section-heading{margin-bottom:1.5mm}.report-section-kicker{font-size:6.5px;color:#333}.report-section-heading h2{font-size:10px;margin:1mm 0 0}.report-section-total{font-size:9px;color:#222}.report-table{font-size:7px}.report-table th{padding:1.2mm 1mm;font-size:6.5px;background:#eee;color:#222}.report-table td{padding:1.2mm 1mm;color:#222;border-bottom:1px solid #ccc}.report-table td b{color:#111}.report-summary-list{gap:0 3mm}.report-summary-list>div{padding:1.2mm 0;font-size:7px;color:#222}.report-summary-list>div b{color:#111}.report-summary-list>div.report-summary-emphasis{padding:1.5mm 1.5mm;margin:1mm -0.5mm;background:#eee;border-color:#aaa}.report-two-column{grid-template-columns:1fr 1fr;gap:2mm}.report-mini-list>div{padding:1.2mm 0;font-size:7px;color:#222}.report-status-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1mm}.report-status-grid>div{padding:1.5mm;background:#eee}.report-status-grid b{font-size:9px}.report-status-grid small{font-size:6.5px;color:#333}.report-footer{margin-top:2.5mm;padding:2mm 0 0;font-size:6.5px;color:#333}
}

/* Customer quick-add is a full, scroll-safe dialog on small and large screens. */
#customerModal{align-items:center;justify-items:center;padding:16px;}
#customerModal>.customer-modal-card{width:min(560px,100%);max-height:calc(100dvh - 32px);overflow:auto;margin:0;padding:24px;border-top:4px solid var(--brand);background:linear-gradient(145deg,#fff,#f7fbfc);box-shadow:0 28px 90px rgba(13,39,50,.28);}
#customerModal .modal-head{align-items:flex-start;}
#customerModal .modal-head h3{margin-top:3px;font-size:22px;letter-spacing:-.35px;}
#customerModal .modal-head p{max-width:470px;line-height:1.5;}
#customerModal .forms{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
#customerModal .field.full{grid-column:1/-1;}
#customerModal .quick-phone-field{z-index:60;}
#customerModal .quick-customer-lookup{padding:13px;border:1px solid #d7ebe4;border-radius:15px;background:linear-gradient(145deg,#effaf6,#f5f3ff);}
#customerModal .quick-customer-lookup-head{display:flex;align-items:center;gap:9px;margin-bottom:11px;}
#customerModal .quick-customer-lookup-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff;font-size:20px;line-height:1;}
#customerModal .quick-customer-lookup-head b,#customerModal .quick-customer-lookup-head small{display:block;}
#customerModal .quick-customer-lookup-head b{color:#215b4e;font-size:11px;}
#customerModal .quick-customer-lookup-head small{margin-top:2px;color:#728394;font-size:9px;}
#customerModal .quick-customer-match-status{margin-left:auto;padding:5px 8px;border:1px solid #cde5dc;border-radius:999px;background:#fff;color:#1a7a64;font-size:8px;font-weight:800;white-space:nowrap;}
#customerModal .quick-customer-match-status.is-empty{border-color:#efd3ad;background:#fffaf1;color:#a26516;}
#customerModal .quick-phone-field label{color:#526e78;font-size:10px;}
#customerModal .quick-phone-field input{min-height:45px;border-color:#b9ded2;background:#fff;font-size:15px;}
#customerModal .quick-phone-field input::placeholder{color:#9aabb5;}
#customerModal .quick-customer-divider{display:flex;align-items:center;gap:9px;margin:15px 2px 11px;color:#8795a0;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.7px;}
#customerModal .quick-customer-divider:before,#customerModal .quick-customer-divider:after{content:"";height:1px;flex:1;background:#dfe8ec;}
#customerModal .quick-customer-details{padding:12px;border:1px solid #e0e9ed;border-radius:14px;background:rgba(255,255,255,.8);}
#customerModal .quick-customer-details label{font-size:10px;}
#customerModal .quick-customer-details label small{font-size:8px;color:#9aa7b2;font-weight:600;}
#customerModal .field-hint{display:block;margin-top:6px;color:#6f8190;font-size:9px;line-height:1.35;}
#customerModal .quick-customer-suggestions{max-height:220px;}
#customerModal .modal-actions{position:sticky;bottom:-24px;padding:13px 0 0;background:linear-gradient(180deg,rgba(255,255,255,0),#fff 35%);}
#customerModal[aria-hidden="true"]{pointer-events:none;visibility:hidden;}#customerModal[aria-hidden="false"]{pointer-events:auto;visibility:visible;}
@media(max-width:560px){#customerModal{padding:10px;}#customerModal>.customer-modal-card{max-height:calc(100dvh - 20px);padding:18px;border-radius:18px;}#customerModal .forms{grid-template-columns:1fr;}#customerModal .field.full{grid-column:auto;}#customerModal .modal-actions{bottom:-18px;}#customerModal .quick-customer-lookup-head{align-items:flex-start;}#customerModal .quick-customer-match-status{margin-left:auto;max-width:100px;text-align:center;white-space:normal;}}

/* Cleaner optional waiter field and in-place All Orders payment dialog. */
.pos-workflow .workflow-secondary>#waiterField{min-width:0;display:flex;flex-direction:column;gap:5px;margin:0;padding:0;border:0;background:transparent}
.pos-workflow .workflow-secondary>#waiterField label{font-size:9px;color:#617188}
.pos-workflow .workflow-secondary>#waiterField select{min-width:190px}
.product-thumb.food-icon{display:grid;place-items:center;font-size:34px;line-height:1;background:linear-gradient(145deg,#eef8f4,#f3f1ff);}
.product-thumb.food-icon svg{display:none}
.mini-thumb.food-icon{display:grid;place-items:center;font-size:18px;line-height:1;background:linear-gradient(145deg,#eef8f4,#f3f1ff);}
.order-payment-modal{z-index:120;align-items:center;justify-items:center;padding:16px}
.order-payment-modal-card{width:min(430px,100%);max-height:calc(100dvh - 32px);overflow:auto;padding:22px}
.order-payment-modal-card .payment-due-hero{margin:10px 0 15px}
.payment-quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:8px 0 12px}
.payment-quick-grid button{border:1px solid #d8e3ea;border-radius:9px;background:#f7fafc;color:#345166;padding:9px 5px;font:inherit;font-size:10px;font-weight:700;cursor:pointer}
.payment-quick-grid button:hover{background:#eaf8f3;border-color:#abd8c9;color:#176d5a}
.quick-pay-change{display:flex;justify-content:space-between;align-items:center;margin:8px 0 13px;padding:10px 12px;border:1px solid #dce9e5;border-radius:10px;background:linear-gradient(135deg,#f0faf6,#f6f4ff);font-size:10px;color:#62758a}
.quick-pay-change b{font-size:15px;color:#1b765f}
@media(max-width:560px){.order-payment-modal{padding:10px}.order-payment-modal-card{max-height:calc(100dvh - 20px);padding:18px}.payment-quick-grid{grid-template-columns:repeat(2,1fr)}}
.pos-inventory-warning{display:flex;align-items:center;gap:7px;margin:0 0 9px;padding:8px 10px;border:1px solid #f1d19c;border-radius:9px;background:#fff8e9;color:#8a5b18;font-size:9px;line-height:1.35}
.pos-inventory-warning[hidden]{display:none!important}
.dashboard-low-stock{margin:16px 0;background:linear-gradient(145deg,#fffaf0,#fff)}
.low-stock-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px}
.low-stock-list>div{display:grid;grid-template-columns:25px 1fr;column-gap:8px;align-items:center;padding:9px 10px;border:1px solid #f2dfbc;border-radius:11px;background:#fffdf7}.low-stock-list b{font-size:11px}.low-stock-list small{grid-column:2;color:#8b7a61;font-size:9px}.low-stock-icon{grid-row:1/3;display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:#fff0cf;color:#a56b12;font-weight:800}
.pos-inventory-warning b{white-space:nowrap;color:#9b6313}.pos-inventory-warning span{color:#8a6d3d}

/* v2.5.3: channel history workspace, period summaries and printable action slips. */
.order-history-tools{margin:14px 0;background:linear-gradient(145deg,#fff,#f3f9f7);border-color:#d7e8e3;box-shadow:0 12px 26px rgba(39,61,86,.06)}
.order-history-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px}.order-history-heading h3{margin:3px 0 2px;color:#203549;font-family:Manrope;font-size:16px}.order-history-heading p{margin:0;color:#78899a;font-size:10px}.order-history-count{display:grid;place-items:center;min-width:78px;padding:9px 11px;border:1px solid #d3e7df;border-radius:12px;background:#f4fbf8;color:#19715d;text-align:center}.order-history-count b{font-family:Manrope;font-size:19px}.order-history-count small{font-size:8px;color:#6f897f}.order-history-filter{display:flex;align-items:end;gap:8px;flex-wrap:wrap}.order-history-filter .field{margin:0;min-width:135px;flex:1}.order-history-filter .field label{font-size:8px}.order-history-filter input,.order-history-filter select{min-height:35px;padding:7px 9px;font-size:10px}.order-history-filter>.btn{min-height:35px;white-space:nowrap}.order-history-presets{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:10px;padding-top:10px;border-top:1px dashed #dce8eb;color:#7a8c9a;font-size:9px}.order-history-presets span{font-weight:800;color:#647887}.order-history-presets a{padding:5px 8px;border:1px solid #d8e6e8;border-radius:999px;background:#fff;color:#317366;text-decoration:none;font-weight:700}.order-history-presets a:hover{border-color:#9dcfc1;background:#edf9f5}.order-summary-stats{margin-top:0}.order-summary-stats .stat small{display:block;margin-top:2px;color:#8b9baa;font-size:8px}.order-period-summary{margin:14px 0;background:rgba(255,255,255,.92);border-color:#dbe7ec}.order-period-table{min-width:690px}.order-period-table th{padding:8px 9px;background:#f1f7f8;color:#6b7e8c;font-size:8px;text-transform:uppercase;letter-spacing:.35px}.order-period-table td{padding:9px;border-bottom:1px solid #edf1f3;color:#526575;font-size:10px}.order-period-table tr:last-child td{border-bottom:0}.order-period-table td:first-child{color:#273f50}.danger-soft{border-color:#f0c4c8!important;background:#fff8f8!important;color:#a13a45!important}.danger-soft:hover{background:#fff0f1!important;border-color:#e4aab0!important}.order-card .inline-links{display:flex;gap:6px;flex-wrap:wrap}.order-card .inline-links .btn{font-size:9px;padding:7px 9px}.pin-modal-card{border:1px solid #cfe5df;background:linear-gradient(145deg,#fff,#f5fbf9);box-shadow:0 25px 70px rgba(22,44,58,.24)}.pin-modal-card .modal-kicker{color:#147b67;letter-spacing:1.1px}.pin-modal-card .modal-head h3{font-family:Manrope;letter-spacing:-.3px}.pin-modal-card .modal-head p{line-height:1.45;color:#76899a}.order-pin-modal[aria-hidden="true"]{pointer-events:none}.order-pin-modal[aria-hidden="false"]{pointer-events:auto}
@media(max-width:620px){.order-history-heading{align-items:flex-start}.order-history-count{min-width:66px}.order-history-filter .field{min-width:calc(50% - 5px)}.order-history-filter>.btn{flex:1}.order-history-presets{gap:5px}.order-history-presets a{font-size:8px}.order-period-summary{overflow:hidden}}
.orders-command .order-channel-tabs a.active{background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff;border-color:transparent}
#posForm .tabs a.active{color:#176b59;background:linear-gradient(135deg,#e6f8f1,#eeeaff);border-color:#bfe2d4;font-weight:800}

/* v2.5.4: tighter order-history cards, true date/time filtering and safer
   full-screen dialogs.  These overrides intentionally live last so they
   win over older compact-theme rules in the file. */
.order-history-tools{padding:21px 23px;border-radius:22px;background:linear-gradient(145deg,#ffffff 0%,#f5fbf9 100%)}
.order-history-heading{margin-bottom:17px}.order-history-heading h3{font-size:18px;letter-spacing:-.3px}.order-history-heading p{font-size:10.5px}
.order-history-filter{display:grid;grid-template-columns:minmax(135px,1.1fr) repeat(4,minmax(135px,1fr)) auto auto;align-items:end;gap:10px}
.order-history-filter .field{min-width:0;width:auto}.order-history-filter .field label{font-size:9px;margin-bottom:5px}.order-history-filter .field label small{font-size:8px;color:#9aa8b3}.order-history-filter input,.order-history-filter select{min-height:40px;border-radius:11px;font-size:11px}
.order-history-filter>.btn{min-height:40px;padding:9px 13px}.order-history-presets{margin-top:14px;padding-top:13px}
.order-summary-stats{gap:14px}.order-summary-stats .stat{min-height:103px;padding:18px 20px;border-radius:19px}.order-summary-stats .stat .v{font-size:22px;letter-spacing:-.4px}.order-summary-stats .stat .k{font-size:10px}
.simple-order-board{gap:14px}.simple-order-row{grid-template-columns:minmax(210px,1.15fr) minmax(180px,.95fr) minmax(120px,.65fr) minmax(135px,.7fr) minmax(260px,1.35fr);padding:20px 22px;border-radius:22px;background:linear-gradient(145deg,#fff 0%,#fbfefd 100%);border-color:#dbe7eb;box-shadow:0 11px 28px rgba(35,56,77,.065)}
.simple-order-row:hover{transform:translateY(-2px);box-shadow:0 18px 42px rgba(35,56,77,.10)}.simple-order-row.order-locked{background:linear-gradient(145deg,#fbfcfd,#f7f9fb);border-color:#e0e6ec}.simple-order-row.order-locked .order-link{color:#50677b}.order-lock-note{display:inline-flex;align-items:center;gap:4px;color:#7b8a98;font-size:9px;font-weight:800;white-space:nowrap}
.simple-order-actions{gap:7px;justify-content:flex-end}.simple-order-actions .btn{min-height:34px;padding:8px 10px;font-size:10px}.order-items-preview{grid-template-columns:auto repeat(3,minmax(0,1fr));align-items:center;gap:7px 12px;padding:13px 14px;border-radius:14px;font-size:10.5px}.order-items-preview>b{grid-column:1/-1}.order-items-preview span{padding:5px 7px;border:1px solid #e3edf0;border-radius:8px;background:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.order-manage-details summary{padding-top:13px}.order-card .order-total b{font-size:18px}
.order-period-summary{border-radius:20px;padding:3px}.order-filter-bar{border-radius:17px;padding:15px 18px}.order-status-legend{display:none!important}
#customerModal{z-index:1000;position:fixed;inset:0;display:grid;place-items:center;padding:clamp(10px,3vw,28px);overflow-y:auto;overscroll-behavior:contain;isolation:isolate}
#customerModal>.customer-modal-card{width:min(610px,calc(100vw - 30px));max-height:min(760px,calc(100dvh - 30px));margin:auto;padding:28px 30px;border-radius:27px;border:1px solid rgba(207,226,224,.95);border-top:4px solid var(--brand);background:linear-gradient(145deg,#fff 0%,#f5fbfa 100%);box-shadow:0 30px 100px rgba(9,35,47,.30);animation:customerModalIn .22s ease both}
@keyframes customerModalIn{from{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}
#customerModal .quick-customer-lookup{padding:16px;border-radius:17px;background:linear-gradient(135deg,#eefaf6,#f5f3ff);border-color:#d2e8e0}.quick-phone-field{position:relative;z-index:10}.quick-customer-suggestions{position:absolute;left:0;right:0;top:calc(100% + 5px);z-index:50;max-height:230px;padding:5px;border:1px solid #d6e6e5;border-radius:13px;background:#fff;box-shadow:0 18px 42px rgba(23,57,67,.18);overflow:auto}.quick-customer-suggestions[hidden]{display:none!important}.quick-customer-match{width:100%;display:flex;align-items:center;gap:9px;padding:9px;border:0;border-radius:9px;background:#fff;text-align:left;cursor:pointer}.quick-customer-match:hover{background:#eff9f5}.quick-customer-match em{margin-left:auto;color:var(--brand);font-size:9px;font-style:normal;font-weight:800}.quick-customer-empty{padding:11px;color:#718494;font-size:10px;line-height:1.45}.customer-modal-card .modal-actions{position:sticky;bottom:-28px;margin:19px -1px -28px;padding:16px 0 2px;background:linear-gradient(180deg,rgba(245,251,250,0),#f7fbfa 38%);z-index:2}.customer-modal-card .modal-actions .btn.primary{min-width:190px;justify-content:center}
.modal-backdrop{z-index:900;isolation:isolate;overscroll-behavior:contain}.modal-backdrop[aria-hidden="true"]{pointer-events:none;visibility:hidden}.modal-backdrop[aria-hidden="false"]{pointer-events:auto;visibility:visible}.modal-card{max-height:calc(100dvh - 28px);overflow:auto;overscroll-behavior:contain}.modal-close{flex:0 0 auto}.modal-actions .btn{min-height:38px}
.printer-routing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}.printer-routing-card{padding:15px;border:1px solid #dce9e8;border-radius:17px;background:linear-gradient(145deg,#fff,#f6fbfa)}.printer-routing-head{display:grid;grid-template-columns:auto 1fr auto;align-items:start;gap:10px;margin-bottom:12px}.printer-routing-icon{display:grid;place-items:center;width:35px;height:35px;border-radius:11px;background:linear-gradient(135deg,#e8f8f2,#eeebff);font-size:18px}.printer-routing-head b,.printer-routing-head small{display:block}.printer-routing-head b{font-size:12px;color:#254153}.printer-routing-head small{margin-top:3px;color:#778b98;font-size:9px;line-height:1.35}.printer-enabled{display:flex;align-items:center;gap:5px;color:#26715f;font-size:9px;font-weight:800;white-space:nowrap}.printer-routing-card .forms{gap:9px}.printer-routing-card .field{margin:0}.printer-routing-card .field label{font-size:9px}.printer-routing-card .field input,.printer-routing-card .field select{min-height:35px;padding:8px 9px;font-size:10px}.printer-routing-note{margin-top:13px;line-height:1.5}.printer-routing-note b{color:#246c5a}
@media(max-width:1120px){.order-history-filter{grid-template-columns:repeat(3,minmax(0,1fr))}.order-history-filter>.btn{width:100%}.simple-order-row{grid-template-columns:repeat(4,minmax(0,1fr))}.simple-order-row .simple-order-actions{grid-column:1/-1;justify-content:flex-start}.order-items-preview{grid-template-columns:repeat(3,minmax(0,1fr))}.printer-routing-grid{grid-template-columns:1fr}}
@media(max-width:700px){.order-history-tools{padding:17px}.order-history-filter{grid-template-columns:repeat(2,minmax(0,1fr))}.order-history-filter .field:first-of-type,.order-history-filter .field:nth-of-type(2),.order-history-filter>.btn{grid-column:1/-1}.simple-order-row{grid-template-columns:1fr 1fr;gap:12px;padding:16px}.simple-order-row .order-card-main,.simple-order-row .simple-order-customer,.simple-order-row .order-state-stack,.simple-order-row .order-total{min-width:0}.simple-order-row .simple-order-actions{grid-column:1/-1}.order-items-preview{grid-template-columns:repeat(2,minmax(0,1fr))}.order-items-preview>b{grid-column:1/-1}#customerModal>.customer-modal-card{width:min(100%,calc(100vw - 20px));padding:21px 19px;border-radius:21px}.customer-modal-card .modal-actions{bottom:-21px;margin-bottom:-21px}.customer-modal-card .modal-actions .btn.primary{min-width:0;flex:1}}
@media(max-width:430px){.order-history-filter{grid-template-columns:1fr}.order-history-filter .field{grid-column:1/-1!important}.simple-order-row{grid-template-columns:1fr}.simple-order-row .simple-order-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.simple-order-row .simple-order-actions .btn{width:100%}.order-items-preview{grid-template-columns:1fr}.order-items-preview span{white-space:normal}}
/* v2.5.5: reference-inspired POS workspace.  Branding variables remain
   authoritative, while the layout follows a bright, compact counter view. */
body:has(#posForm){background:#dfe1e3;}
body:has(#posForm) .app{width:min(1540px,calc(100% - 34px));min-height:calc(100vh - 34px);margin:17px auto;border:1px solid rgba(255,255,255,.78);border-radius:18px;overflow:hidden;background:#f8fafb;box-shadow:0 22px 65px rgba(38,49,61,.16)}
body:has(#posForm) .sidebar{position:relative;inset:auto;flex:0 0 var(--sidebar-width,258px);height:calc(100vh - 34px);max-height:none;border-right:1px solid #e5e8ed;box-shadow:none;background:var(--sidebar-bg,#fff)}
body:has(#posForm) .main{margin-left:0;width:auto;min-width:0;flex:1;background:#fbfcfd}
body:has(#posForm) .topbar{position:relative;height:74px;padding:0 25px;background:#fff;border-bottom:1px solid #e5e8ed;box-shadow:none}
body:has(#posForm) .page{padding:22px 25px 38px;background:linear-gradient(180deg,#f8fafc 0%,#f5f8fa 100%)}
body:has(#posForm) .sidebar .nav{padding-bottom:18px}
.sidebar-user-card{display:flex;align-items:center;gap:10px;margin:0 10px 8px;padding:14px 10px;border-bottom:1px solid #edf0f4;color:var(--sidebar-text,#59667b)}
.sidebar-user-avatar{width:36px;height:36px;display:grid;place-items:center;flex:0 0 36px;border-radius:11px;background:linear-gradient(145deg,#e5f4ee,#edeaff);color:#275d50;font-size:10px;font-weight:800}
.sidebar-user-info{min-width:0;display:block}.sidebar-user-info>*{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user-info>div{font-size:11.5px;font-weight:800;color:var(--sidebar-text,#59667b)}.sidebar-user-info>.small{font-size:9px;color:var(--sidebar-muted,#8995a6);font-weight:600}.sidebar-user-kicker{margin-bottom:3px;color:var(--sidebar-muted,#9aa5b4);font-size:8px!important;font-weight:800!important;text-transform:uppercase;letter-spacing:.65px}
body.sidebar-collapsed .sidebar-user-card{justify-content:center;margin-left:0;margin-right:0;padding-left:0;padding-right:0;border-bottom:0}body.sidebar-collapsed .sidebar-user-info{display:none}
#posForm{max-width:1440px;margin:0 auto}
#posForm .pos-command-header{display:grid;grid-template-columns:minmax(175px,.8fr) minmax(300px,1.15fr) auto;align-items:center;gap:14px;margin:0 0 18px;padding:14px 16px;border:1px solid #e1e7ec;border-radius:16px;background:#fff;box-shadow:0 8px 22px rgba(36,52,72,.055)}
#posForm .pos-command-title{min-width:0}.pos-command-title strong{font-size:14px;letter-spacing:-.15px}.pos-command-title small{font-size:9.5px}
#posForm .pos-channel-buttons{display:flex;justify-content:center;gap:7px;min-width:0}.pos-channel-button{min-width:105px;padding:10px 12px;border-radius:10px;background:#fafbfc;font-size:10.5px}.pos-channel-button svg{width:16px;height:16px}
#posForm .pos-reference-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;min-width:0}.pos-reference-button,.pos-new-button{white-space:nowrap;min-height:36px;padding:9px 10px;font-size:9.5px;font-weight:800}.pos-reference-button svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.pos-reference-button:hover{background:#f1faf6;color:var(--brand);border-color:#b8d9cd}.pos-new-button{box-shadow:0 8px 18px rgba(70,98,191,.15)}
#posForm .pos-wrap{grid-template-columns:minmax(0,1fr) 390px;gap:18px;align-items:start}
#posForm .pos-workflow{margin-bottom:16px;padding:17px 18px;border-radius:16px;background:#fff!important;border-color:#e1e7ec!important;box-shadow:0 9px 23px rgba(38,55,74,.055)!important}
#posForm .workflow-service-types{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
#posForm .workflow-service-types .service-choice{min-height:55px;padding:10px 12px;border-radius:11px;background:#fbfcfd}
#posForm .workflow-secondary{background:#f8fafc;border-color:#e5ebf0}
#posForm .workflow-customer{background:#fbfcfd;border-color:#e5ebf0}
#posForm .items-step-heading{padding:0 1px;margin:0 0 10px}.items-step-heading h3{font-size:14px}.items-step-heading .search input{min-height:38px;border-radius:10px}
#posForm .tabs{gap:6px;margin-bottom:12px}.pos-wrap .tabs a{padding:8px 12px;border-radius:9px;font-size:10px;background:#fff;box-shadow:none}.pos-wrap .tabs a.active{background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff;border-color:transparent}
#posForm .product-grid{grid-template-columns:repeat(4,minmax(140px,1fr));gap:11px}.pos-wrap .product{min-height:185px;padding:11px;border-radius:14px;background:#fff!important;border-color:#e1e7ed!important;box-shadow:0 7px 18px rgba(39,57,74,.045)}.pos-wrap .product:hover{border-color:#abd7c9!important;box-shadow:0 14px 28px rgba(39,86,73,.11)}.pos-wrap .product-thumb{height:92px;border-radius:11px;background:#f3f6f8;border-color:#edf1f4}.pos-wrap .product h4{font-size:11.5px;margin:9px 0 5px}.pos-wrap .product .cat{font-size:7.7px}.pos-wrap .product .price{font-size:12px}
#posForm .cart{top:82px;height:calc(100vh - 112px);padding:18px;border-radius:17px;background:#fff!important;border-color:#dfe7ec!important;box-shadow:0 12px 28px rgba(38,57,76,.09)!important}.cart .panel-head h3{font-size:15px}.cart .panel-head .small{font-size:9.5px}.cart .cart-body{min-height:265px;height:calc(100vh - 470px);max-height:420px}.cart .cart-item{padding:12px 0}.cart .cart-line{font-size:11.5px}.cart .cart-total{padding-top:12px}.cart .sum-stack{background:linear-gradient(145deg,#f4f9fc,#f2faf7);border-color:#dfe8ec}.cart .grand-summary b{font-size:19px}.cart .triple-actions .btn{min-height:39px;font-size:9.5px;border-radius:10px}.cart .pay-launch{background:linear-gradient(120deg,var(--brand),var(--brand2));color:#fff}
#posForm .delivery-fields{background:#fffaf2}
body.pos-standalone:has(#posForm) .app{width:100%;min-height:100vh;margin:0;border-radius:0;box-shadow:none}body.pos-standalone:has(#posForm) .sidebar{display:none}
@media(max-width:1280px){body:has(#posForm) .app{width:calc(100% - 22px);margin:11px auto;min-height:calc(100vh - 22px)}body:has(#posForm) .sidebar{height:calc(100vh - 22px)}#posForm .pos-command-header{grid-template-columns:minmax(160px,.7fr) minmax(260px,1fr);}.pos-reference-actions{grid-column:1/-1;justify-content:flex-start!important}.pos-reference-actions .pos-reference-button{flex:1}.pos-new-button{margin-left:auto}.pos-wrap{grid-template-columns:minmax(0,1fr) 360px}}
@media(max-width:1020px){#posForm .pos-command-header{grid-template-columns:1fr}.pos-channel-buttons{justify-content:flex-start!important}.pos-reference-actions{grid-column:auto;justify-content:flex-start!important}.pos-new-button{margin-left:0}.pos-wrap .product-grid{grid-template-columns:repeat(3,minmax(135px,1fr))}}
@media(max-width:900px){body:has(#posForm) .app{width:100%;margin:0;border-radius:0;box-shadow:none}body:has(#posForm) .sidebar{height:100vh}#posForm .pos-wrap{grid-template-columns:1fr}#posForm .cart{position:relative;top:0;height:auto}.cart .cart-body{height:auto;max-height:none;min-height:180px}.pos-reference-actions{flex-wrap:wrap}.pos-reference-button,.pos-new-button{flex:1;justify-content:center}}
@media(max-width:620px){body:has(#posForm) .topbar{height:68px;padding:0 15px}body:has(#posForm) .page{padding:15px 12px 28px}#posForm .pos-command-header{padding:12px;gap:10px}.pos-channel-buttons{gap:5px}.pos-channel-button{min-width:0;flex:1;padding:9px 6px;font-size:9px}.pos-channel-button svg{display:none}.pos-reference-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.pos-reference-button,.pos-new-button{width:100%}#posForm .workflow-service-types{grid-template-columns:repeat(3,minmax(0,1fr))}#posForm .workflow-service-types .service-choice{justify-content:center;padding:9px 5px}.pos-wrap .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.pos-wrap .product{min-height:158px;padding:9px}.pos-wrap .product-thumb{height:70px}.pos-wrap .product h4{font-size:10.5px}.pos-wrap .product .cat{font-size:7px}.pos-wrap .product .price{font-size:11px}.sidebar-user-card{margin-left:7px;margin-right:7px}}

/* v2.5.6: close visual match to the supplied RestroBit POS reference. */
body:has(#posForm){background:#c4c4c4!important;color:#121820;font-family:"Inter","Segoe UI",Arial,sans-serif}
body:has(#posForm) .app{width:min(1510px,calc(100% - 90px));min-height:calc(100vh - 54px);margin:54px auto 0;border:8px solid rgba(255,255,255,.55);border-radius:19px;overflow:hidden;background:#fff;box-shadow:0 15px 38px rgba(30,37,45,.18)}
body:has(#posForm) .sidebar{position:relative;inset:auto;flex:0 0 250px;width:250px!important;height:calc(100vh - 88px);max-height:none;padding:0 0 10px!important;background:#fff!important;color:#28323e;border-right:1px solid #e4e4e4!important;box-shadow:none;overflow-y:auto}
body:has(#posForm) .main{margin-left:0;width:auto;min-width:0;flex:1;background:#fff}
body:has(#posForm) .topbar{height:72px!important;padding:0 25px!important;display:grid!important;grid-template-columns:minmax(230px,1fr) auto;gap:15px;background:#fff!important;border-bottom:1px solid #dedede;box-shadow:none;position:relative!important}
body:has(#posForm) .topbar-heading{display:none!important}
.topbar-search{display:none}
body:has(#posForm) .topbar-search{display:flex;align-items:center;gap:9px;width:256px;height:38px;padding:0 10px;border:1px solid #dcdfe2;border-radius:5px;background:#fff;color:#a1a6ad}
body:has(#posForm) .topbar-search span{display:grid;place-items:center;width:17px;height:17px}.topbar-search svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
body:has(#posForm) .topbar-search input{width:100%;border:0;outline:0;background:transparent;color:#30343a;font:13px "Inter","Segoe UI",Arial,sans-serif}body:has(#posForm) .topbar-search input::placeholder{color:#b0b4b8}
body:has(#posForm) .topbar-tools{gap:17px;justify-content:flex-end}
body:has(#posForm) .topbar-tools>.user{padding:0;border:0;background:transparent;box-shadow:none;gap:0}.topbar-tools>.user>div:last-child{display:none}.topbar-tools>.user .avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(145deg,#dbe5ef,#93a7bb);color:#fff;border:3px solid #f1f4f6;font-size:10px;box-shadow:0 2px 5px rgba(38,50,62,.20)}
body:has(#posForm) .topbar-tools>select{min-height:32px;padding:6px 8px;border-radius:7px;font-size:10px}
body:has(#posForm) .sidebar .brand{height:72px;margin:0;padding:0 23px;gap:10px;border-bottom:1px solid #e3e3e3;border-radius:0;background:#fff}
body:has(#posForm) .sidebar .brand-mark{width:38px;height:38px;flex:0 0 38px;border-radius:8px;background:#f47b14;box-shadow:none;color:#fff}.sidebar .brand-mark img{object-fit:contain;border-radius:7px}.sidebar .brand b{font-family:"Inter","Segoe UI",Arial,sans-serif;font-size:18px;font-weight:800;letter-spacing:-.35px;color:#171c22}.sidebar .brand small{font-size:10px;color:#737b84;opacity:1}
body:has(#posForm) .sidebar-user-card{margin:27px 24px 18px;padding:0 0 19px;gap:11px;border-bottom:1px solid #ededed;color:#1c232b}.sidebar-user-avatar{width:40px;height:40px;flex-basis:40px;border-radius:50%;background:linear-gradient(145deg,#dedede,#9f9f9f);color:#fff;font-size:10px;box-shadow:inset 0 0 0 3px #f3f3f3}.sidebar-user-info>div{font-size:13px;color:#121820;font-weight:800}.sidebar-user-info>.small{font-size:11px;color:#72787e;font-weight:400}.sidebar-user-kicker{display:none}
body:has(#posForm) .sidebar .nav{padding:0 18px 14px}.sidebar .nav-label{padding:14px 12px 7px;color:#71777e;font-size:10px;letter-spacing:0;text-transform:none;font-weight:600}.sidebar .nav a{min-height:37px;margin:2px 0;padding:8px 10px;gap:10px;border:1px solid transparent;border-radius:6px;color:#282f37;font-size:12.5px;font-weight:500;box-shadow:none}.sidebar .nav a:hover{background:#f8f8f8;color:#161c22;transform:none;border-color:#e3e3e3}.sidebar .nav a.active{background:#fafafa;color:#151a20;border-color:#dcdcdc;transform:none}.sidebar .nav a.active::before{display:none}.sidebar .nav .ico{width:23px;height:23px;flex-basis:23px;display:grid;place-items:center;color:#3b444d}.sidebar .nav .ico svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.sidebar .nav-external{display:none!important}.sidebar .nav>a[href="logout.php"]{margin-top:17px;padding-top:14px;border-top:1px solid #e6e6e6;border-radius:0;color:#353c44}
body:has(#posForm) .page{padding:39px 26px 39px;background:#fff}
#posForm{width:100%;max-width:none;margin:0}
#posForm .pos-command-header{display:flex;align-items:center;gap:15px;margin:0 0 28px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
#posForm .pos-command-title{display:flex;align-items:flex-start;gap:0;min-width:280px}.pos-command-icon{display:none!important}.pos-command-title strong{display:block;font-family:"Inter","Segoe UI",Arial,sans-serif;font-size:23px;line-height:1.2;letter-spacing:-.65px;color:#111820}.pos-command-title small.pos-command-breadcrumb{display:flex;align-items:center;gap:8px;margin-top:7px;color:#273139;font-size:10.5px;font-weight:600}.pos-command-breadcrumb i{font-style:normal;color:#80878d;font-size:11px}
#posForm .pos-channel-buttons{display:none!important}#posForm .pos-reference-actions{display:flex;align-items:center;justify-content:flex-end;gap:11px;min-width:0;margin-left:auto}.pos-reference-button,.pos-new-button{min-height:38px;padding:10px 14px;border:1px solid #dadde0;border-radius:8px;background:#fff;color:#3c434b;box-shadow:none;font-size:12px;font-weight:500}.pos-reference-button svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.pos-reference-button:hover{background:#f7f7f7;color:#20262d;border-color:#c7cbd0}.pos-new-button{background:#ff790b!important;border-color:#ff790b!important;color:#fff!important;font-weight:700;box-shadow:0 5px 12px rgba(255,121,11,.19)}
#posForm .pos-workflow{margin:0;padding:0;border:0;background:transparent!important;box-shadow:none!important}#posForm .pos-workflow>.workflow-heading,#posForm .pos-workflow>.workflow-divider{display:none!important}#posForm .pos-workflow>.workflow-service-types{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}
#posForm .pos-wrap{display:grid;grid-template-columns:minmax(0,1.72fr) minmax(390px,1fr);gap:18px;align-items:start}
#posForm .pos-product-browser{height:calc(100vh - 297px);min-height:650px;padding:0!important;overflow:hidden;border:1px solid #dadde0;border-radius:10px;background:#fff;box-shadow:none}
#posForm .pos-browser-tools{display:grid;grid-template-columns:minmax(250px,1fr) 143px 143px;gap:18px;align-items:center;padding:20px 24px;border-bottom:1px solid #e9eaec}.pos-browser-search{display:flex;align-items:center;gap:9px;height:38px;padding:0 12px;border:1px solid #dfe2e5;border-radius:6px;background:#fff;color:#9ca4ab}.pos-browser-search span{display:grid;place-items:center}.pos-browser-search svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.pos-browser-search input{width:100%;border:0;outline:0;background:transparent;color:#28313a;font:13px "Inter","Segoe UI",Arial,sans-serif}.pos-browser-search input::placeholder{color:#798087}.pos-browser-select{height:38px;padding:0 11px;border:1px solid #dfe2e5;border-radius:6px;background:#fff;color:#1d252d;font:13px "Inter","Segoe UI",Arial,sans-serif}
#posForm .pos-browser-heading{display:none}.pos-browser-categories{display:flex;gap:10px;flex-wrap:nowrap;overflow:auto;padding:19px 24px 17px;margin:0;border-bottom:1px solid #ececee}.pos-browser-categories a{flex:0 0 auto;padding:7px 14px;border:0;border-radius:8px;background:#fff;color:#4c545b;box-shadow:none;font-size:12.5px;font-weight:500}.pos-browser-categories a:hover{background:#fff2e7;color:#d86608}.pos-browser-categories a.active{background:#ff790b;color:#fff;border-color:#ff790b;font-weight:700}
#posForm .product-grid{height:calc(100% - 133px);min-height:0;overflow:auto;align-content:start;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:20px 24px 24px}.pos-wrap .product{min-height:198px;padding:14px 14px 12px;border:1px solid #e3e5e8!important;border-radius:9px;background:#fff!important;box-shadow:none!important;color:#1a2027}.pos-wrap .product:hover{border-color:#c6cbd1!important;box-shadow:0 7px 17px rgba(39,47,58,.09)!important;transform:translateY(-1px)}.pos-wrap .product-thumb{height:107px;margin-bottom:13px;border:0;border-radius:6px;background:#fff}.pos-wrap .product-thumb img{object-fit:contain}.pos-wrap .product-thumb.food-icon{font-size:54px;background:linear-gradient(135deg,#fbfbfb,#f5f6f7)}.pos-wrap .product .cat{font-size:8px;color:#767d84;letter-spacing:.55px;text-transform:uppercase}.pos-wrap .product h4{margin:8px 0 4px;font-family:"Inter","Segoe UI",Arial,sans-serif;font-size:13px;font-weight:500;color:#111820}.pos-wrap .product .price{font-size:13px;color:#eb342f;font-weight:700}.pos-wrap .product::after{top:10px;right:10px;width:23px;height:23px;border-radius:50%;background:#ff790b;color:#fff;box-shadow:none;font-size:15px}.pos-wrap .product-selected-qty{top:8px;left:8px;padding:4px 6px;border-radius:7px;background:#202933;font-size:8px}
#posForm .cart{position:sticky;top:15px;height:calc(100vh - 297px);min-height:650px;padding:0;overflow:hidden;border:1px solid #dadde0!important;border-radius:10px;background:#fff!important;box-shadow:none!important}.cart .panel-head{padding:20px 16px 12px;margin:0;border-bottom:1px solid #ececee}.cart .panel-head h3{display:flex;align-items:center;gap:8px;font-family:"Inter","Segoe UI",Arial,sans-serif;font-size:16px;font-weight:700;color:#171e25}.cart-heading-icon{display:grid;place-items:center;color:#20282f}.cart-heading-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.cart .panel-head .small{margin-top:4px;font-size:10px;color:#80888f}.cart .panel-head>.btn{display:none}
#posForm .pos-reference-context{display:flex;flex-direction:column;gap:9px;padding:13px 16px 10px;border-bottom:1px solid #ececee;background:#fff}.pos-context-type{display:flex;align-items:center;gap:7px;order:2}.pos-context-type label{display:none}.pos-context-type select{width:100%;height:37px;padding:0 10px;border:1px solid #e0e3e6;border-radius:7px;background:#fff;color:#202830;font:12px "Inter","Segoe UI",Arial,sans-serif}.pos-context-slot{min-width:0}.pos-context-slot#posCustomerSlot{order:1}.pos-context-slot#posDiningSlot{order:2}.pos-context-slot#posDeliverySlot{order:3}.pos-context-slot#posCustomerSlot .customer-picker{margin:0;padding:0;border:0;border-radius:0;background:transparent}.pos-context-slot#posCustomerSlot .customer-picker-head{display:none}.pos-context-slot#posCustomerSlot .customer-search-wrap:before{content:"Search in Existing";display:block;margin:0 0 6px;color:#1e262e;font-size:12px;font-weight:500}.pos-context-slot#posCustomerSlot .customer-search-wrap>input{height:37px;padding:0 10px;border:1px solid #e0e3e6;border-radius:7px;background:#fff;font-size:12px}.pos-context-slot#posCustomerSlot .customer-results{inset:calc(100% + 5px) 0 auto}.pos-context-slot#posCustomerSlot .selected-customer{margin-top:7px;padding:7px 8px;border-style:solid;border-radius:7px;background:#fafbfc}.pos-context-slot#posCustomerSlot .customer-tools{margin-top:6px;font-size:9px}.pos-context-slot#posCustomerSlot .customer-tools .link-button{font-size:9px}
.pos-context-slot#posDiningSlot .workflow-secondary{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0;padding:0;border:0;border-radius:0;background:transparent}.pos-context-slot#posDiningSlot .workflow-secondary .field{min-width:0;margin:0}.pos-context-slot#posDiningSlot .field label{display:block;margin:0 0 5px;color:#273039;font-size:9px;font-weight:700}.pos-context-slot#posDiningSlot .field select{width:100%;height:37px;padding:0 8px;border:1px solid #e0e3e6;border-radius:7px;font-size:11px}.pos-context-slot#posDiningSlot .field-hint{display:none}.pos-context-slot#posDeliverySlot .delivery-fields{margin:0;padding:10px;border-radius:8px;background:#fffaf2;border:1px solid #f1dfc4}.pos-context-slot#posDeliverySlot .delivery-area-strip{display:none}
#posForm .cart>.field{display:none}#posForm .cart-body{height:calc(100% - 392px);min-height:205px;max-height:none;overflow-y:auto;padding:0 16px}.cart .cart-item{position:relative;margin:9px 0;padding:12px 10px;border:1px solid #e5e7e9;border-radius:9px;background:#fff}.cart .cart-line{font-size:12px}.cart .cart-line>b,.cart .cart-line div>b{font-weight:500}.cart .cart-line>span{font-size:12px;font-weight:600;color:#ef6c1f}.cart .cart-line .small{margin-top:5px;color:#ee7022;font-size:11px}.cart .qty{display:flex;align-items:center;gap:6px;margin-top:9px}.cart .qty button{width:22px;height:22px;border:1px solid #e1e4e7;border-radius:50%;background:#fafafa;color:#303941;font-size:12px}.cart .qty input{width:28px;height:22px;border:0;background:transparent;text-align:center;font-size:10px}.cart .qty .remove-line{width:24px;height:24px;margin-left:auto;border-color:#ffd4d1;background:#fff3f2;color:#ef4338;font-size:0}.cart .qty .remove-line:after{content:"×";font-size:16px;line-height:1}.cart .item-note{margin-top:7px;border-color:#e3e6e8;border-radius:6px;font-size:9px}.cart .cart-total{padding:0 16px 16px;border-top:0}.cart .cart-total>.field{margin-top:9px}.cart .cart-total>.field label{font-size:10px;color:#252d35}.cart .cart-total>.field input{height:36px;border-radius:7px;border-color:#e0e3e6;font-size:12px}.cart .sum-stack{margin-top:10px;padding:5px 0;border:0;border-radius:0;background:#fff}.cart .sum-line{padding:5px 0;font-size:11.5px;color:#20272e}.cart .sum-line b{font-size:12px;font-weight:500;color:#20272e}.cart .grand-summary{padding-top:7px;border-top:1px solid #ececee}.cart .grand-summary b{font-size:15px;font-weight:700}.cart .triple-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.cart .triple-actions .btn{min-height:38px;padding:9px 7px;border-radius:7px;font-size:10px}.cart .triple-actions .kitchen-action{grid-column:1/-1;order:1;background:#131a24;border-color:#131a24;color:#fff}.cart .triple-actions .pre-sale-action{order:2;background:#fff2e5;border-color:#ffb26f;color:#c86112}.cart .triple-actions .pay-launch{order:3;background:#ff790b;border-color:#ff790b;color:#fff}.cart .triple-actions .btn[data-submit-mode="save"]{order:4;background:#fff;border-color:#dfe2e5;color:#343d46}.cart .small[style]{display:none}
@media(max-width:1280px){body:has(#posForm) .app{width:calc(100% - 36px);margin:18px auto}.pos-wrap{grid-template-columns:minmax(0,1fr) 380px!important}#posForm .pos-browser-tools{grid-template-columns:minmax(220px,1fr) 130px 130px;gap:10px}}
@media(max-width:1020px){body:has(#posForm) .app{width:100%;margin:0;border-width:0;border-radius:0;box-shadow:none}body:has(#posForm) .sidebar{height:100vh;flex-basis:235px;width:235px!important}body:has(#posForm) .page{padding:24px 18px 32px}#posForm .pos-command-header{align-items:flex-start;flex-wrap:wrap}#posForm .pos-reference-actions{width:100%;margin-left:0;justify-content:flex-start}.pos-wrap{grid-template-columns:1fr!important}#posForm .cart{position:relative;top:0;height:auto;min-height:0}.cart .cart-body{height:auto;max-height:420px}.pos-product-browser{height:650px!important}}
@media(max-width:700px){body:has(#posForm) .topbar{height:64px!important;padding:0 14px!important}body:has(#posForm) .topbar-search{width:205px}body:has(#posForm) .page{padding:18px 12px 28px}#posForm .pos-command-title strong{font-size:20px}#posForm .pos-reference-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.pos-reference-button,.pos-new-button{width:100%;justify-content:center}.pos-browser-tools{grid-template-columns:1fr!important}.pos-browser-select{width:100%}#posForm .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:14px;gap:9px}.pos-wrap .product{min-height:165px;padding:9px}.pos-wrap .product-thumb{height:75px}.pos-context-slot#posDiningSlot .workflow-secondary{grid-template-columns:1fr}.cart .triple-actions{grid-template-columns:1fr 1fr}}
#posForm .pos-reference-context{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:9px}#posForm .pos-reference-context #posCustomerSlot{grid-column:1/-1}#posForm .pos-reference-context #posDeliverySlot{grid-column:1/-1}#posForm .pos-reference-context .pos-context-type{grid-column:1;grid-row:2}#posForm .pos-reference-context #posDiningSlot{grid-column:2;grid-row:2}
body:has(#posForm) .pos-wrap .product.selected-product::after{content:"✓";background:#1d876f;color:#fff}
@media(max-width:700px){#posForm .pos-reference-context{grid-template-columns:1fr}#posForm .pos-reference-context .pos-context-type,#posForm .pos-reference-context #posDiningSlot,#posForm .pos-reference-context #posCustomerSlot,#posForm .pos-reference-context #posDeliverySlot{grid-column:1;grid-row:auto}}

/* v2.5.7: final workspace sizing and POS command-bar alignment.  The
   reference controls stay compact on desktop and wrap cleanly on smaller
   counters; the same light navigation treatment is used on every page. */
body:not(:has(#posForm)) .sidebar{width:250px!important;padding:0 0 14px!important;position:fixed;inset:0 auto 0 0;background:#fff!important;color:#28323e!important;border-right:1px solid #e4e4e4!important;box-shadow:none!important;overflow-y:auto;overflow-x:hidden}
body:not(:has(#posForm)) .main{margin-left:250px!important;width:calc(100% - 250px)!important}
body:not(:has(#posForm)) .sidebar .brand{height:72px;margin:0;padding:0 23px;gap:10px;border-bottom:1px solid #e3e3e3;border-radius:0;background:#fff}
body:not(:has(#posForm)) .sidebar .brand-mark{width:38px;height:38px;flex:0 0 38px;border-radius:8px;background:#f47b14;box-shadow:none;color:#fff}
body:not(:has(#posForm)) .sidebar .brand b{font-family:"Inter","Segoe UI",Arial,sans-serif;font-size:18px;font-weight:800;letter-spacing:-.35px;color:#171c22}
body:not(:has(#posForm)) .sidebar .brand small{font-size:10px;color:#737b84;opacity:1}
body:not(:has(#posForm)) .sidebar-user-card{margin:27px 24px 18px;padding:0 0 19px;gap:11px;border-bottom:1px solid #ededed;color:#1c232b}
body:not(:has(#posForm)) .sidebar-user-avatar{width:40px;height:40px;flex-basis:40px;border-radius:50%;background:linear-gradient(145deg,#dedede,#9f9f9f);color:#fff;font-size:10px;box-shadow:inset 0 0 0 3px #f3f3f3}
body:not(:has(#posForm)) .sidebar-user-info>div{font-size:13px;color:#121820;font-weight:800}
body:not(:has(#posForm)) .sidebar-user-info>.small{font-size:11px;color:#72787e;font-weight:400}
body:not(:has(#posForm)) .sidebar-user-kicker{display:none}
body:not(:has(#posForm)) .sidebar .nav{padding:0 18px 14px}
body:not(:has(#posForm)) .sidebar .nav-label{padding:14px 12px 7px;color:#71777e;font-size:10px;letter-spacing:0;text-transform:none;font-weight:600}
body:not(:has(#posForm)) .sidebar .nav a{min-height:37px;margin:2px 0;padding:8px 10px;gap:10px;border:1px solid transparent;border-radius:6px;color:#282f37;font-size:12.5px;font-weight:500;box-shadow:none}
body:not(:has(#posForm)) .sidebar .nav a:hover{background:#f8f8f8;color:#161c22;transform:none;border-color:#e3e3e3}
body:not(:has(#posForm)) .sidebar .nav a.active{background:#fafafa;color:#151a20;border-color:#dcdcdc;transform:none}
body:not(:has(#posForm)) .sidebar .nav a.active::before{display:none}
body:not(:has(#posForm)) .sidebar .nav .ico{width:23px;height:23px;flex-basis:23px;display:grid;place-items:center;color:#3b444d}
body:not(:has(#posForm)) .sidebar .nav .ico svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
body:not(:has(#posForm)) .sidebar .nav>a[href="logout.php"]{margin-top:17px;padding-top:14px;border-top:1px solid #e6e6e6;border-radius:0;color:#353c44}
body:not(:has(#posForm)) .topbar-search{display:flex;align-items:center;gap:9px;width:256px;height:38px;padding:0 10px;border:1px solid #dcdfe2;border-radius:5px;background:#fff;color:#a1a6ad}
body:not(:has(#posForm)) .topbar-search span{display:grid;place-items:center;width:17px;height:17px}
body:not(:has(#posForm)) .topbar-search svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
body:not(:has(#posForm)) .topbar-search input{width:100%;border:0;outline:0;background:transparent;color:#30343a;font:13px "Inter","Segoe UI",Arial,sans-serif}
body:not(:has(#posForm)) .topbar-search input::placeholder{color:#b0b4b8}
body.sidebar-collapsed .sidebar{width:76px!important;flex-basis:76px!important;padding-left:10px!important;padding-right:10px!important}
body.sidebar-collapsed .main{margin-left:76px!important;width:calc(100% - 76px)!important}
body:not(:has(#posForm)).sidebar-collapsed .sidebar{width:76px!important;padding-left:10px!important;padding-right:10px!important}
body:not(:has(#posForm)).sidebar-collapsed .main{margin-left:76px!important;width:calc(100% - 76px)!important}
.sidebar .nav a .nav-external{display:grid!important;place-items:center;width:22px;height:22px;margin-left:auto;border:1px solid #dce5eb;border-radius:7px;background:#fff;color:#617086;font-size:14px;line-height:1;opacity:.9;cursor:pointer}
.sidebar .nav a .nav-external:hover{background:#e9f6f1;color:var(--brand);border-color:#cbe6dc;opacity:1;transform:translateY(-1px)}
body.pos-standalone:has(#posForm) .app{width:100%!important;min-height:100vh!important;margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important}
body.pos-standalone:has(#posForm) .sidebar,body.pos-standalone:has(#posForm) .topbar{display:none!important}
body.pos-standalone:has(#posForm) .main{margin-left:0!important;width:100%!important}

#posForm .pos-command-header{display:flex;align-items:center;gap:12px;min-width:0;margin:0 0 22px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
#posForm .pos-command-title{flex:0 0 auto;min-width:235px}
#posForm .pos-command-title strong{font-size:23px;line-height:1.15;letter-spacing:-.55px}
#posForm .pos-command-controls{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0;flex:1 1 auto;overflow:visible}
#posForm #posCommandControls .pos-context-type{display:flex;align-items:center;gap:5px;order:initial;flex:0 1 auto;min-width:0;margin:0;padding:0;border:0;background:transparent}
#posForm #posCommandControls .workflow-secondary{display:flex;align-items:center;gap:8px;flex:0 1 auto;min-width:0;margin:0;padding:0;border:0;border-radius:0;background:transparent}
#posForm #posCommandControls .workflow-secondary .field{display:flex;align-items:center;gap:5px;min-width:0;margin:0;padding:0;border:0;background:transparent}
#posForm #posCommandControls label{display:block;margin:0;color:#687784;font-size:8px;font-weight:800;letter-spacing:.2px;white-space:nowrap}
#posForm #posCommandControls select{height:37px;min-width:0;padding:0 9px;border:1px solid #dfe3e6;border-radius:7px;background:#fff;color:#27313a;font:11px "Inter","Segoe UI",Arial,sans-serif}
#posForm #posCommandControls .pos-context-type select{width:104px}
#posForm #posCommandControls #tableField select{width:118px}
#posForm #posCommandControls #waiterField select{width:126px}
#posForm #posCommandControls #waiterField .field-hint{display:none}
#posForm #posCommandControls #waiterField[style*="display: none"],#posForm #posCommandControls #tableField[style*="display: none"]{display:none!important}
#posForm .pos-reference-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex:0 0 auto;min-width:0;margin-left:0}
#posForm .pos-reference-actions .pos-reference-button,#posForm .pos-reference-actions .pos-new-button{min-height:38px;padding:10px 13px;border-radius:8px;font-size:11px}
#posForm .pos-reference-actions .pos-reference-button svg{width:15px;height:15px}

#posForm .pos-browser-tools{grid-template-columns:minmax(0,1fr) 150px;gap:14px;padding:18px 22px}
#posForm .pos-browser-select{width:100%}
#posForm .pos-reference-context[data-layout-ready="1"] .pos-context-type,#posForm .pos-reference-context[data-layout-ready="1"] #posDiningSlot{display:none!important}
#posForm .pos-reference-context[data-layout-ready="1"]{display:block;padding:12px 16px 10px}
#posForm .pos-reference-context[data-layout-ready="1"] #posCustomerSlot{display:block}
#posForm .pos-reference-context[data-layout-ready="1"] #posDeliverySlot{display:block;margin-top:8px}
#posForm .pos-reference-context[data-layout-ready="1"] #posCustomerSlot .customer-search-wrap>input{height:38px}
#posForm .pos-reference-context[data-layout-ready="1"] #posCustomerSlot .selected-customer{min-height:42px}

#posForm .cart{display:flex;flex-direction:column;height:calc(100vh - 297px);min-height:0;overflow:hidden}
#posForm .cart-body{flex:1 1 auto;height:auto;min-height:220px;max-height:none;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;padding:0 16px}
#posForm .cart-body:has(>.empty){flex:0 0 150px;min-height:150px;display:grid;place-items:center}
#posForm .cart-body:has(>.empty) .empty{padding:20px 8px}
#posForm .cart-total{flex:0 0 auto;padding-bottom:14px}
#posForm .cart .cart-item{margin:7px 0;padding:10px 9px}
#posForm .cart .item-note{height:30px;padding:6px 8px}
#posForm .cart .triple-actions{margin-top:10px}
#posForm .cart .triple-actions .btn{min-height:36px}
#posForm .pos-inventory-warning{margin-top:8px}

#customerModal{z-index:9999!important;align-items:center;justify-items:center;padding:22px;background:rgba(19,31,40,.62);backdrop-filter:blur(5px);overflow:auto}
#customerModal[hidden]{display:none!important}
#customerModal>.customer-modal-card{width:min(620px,calc(100vw - 36px));max-height:calc(100dvh - 36px);margin:auto;padding:28px 30px;border-radius:24px;border:1px solid #d9e9e6;border-top:4px solid var(--brand);background:linear-gradient(145deg,#fff 0%,#f5fbfa 100%);box-shadow:0 30px 100px rgba(9,35,47,.32)}
#customerModal .modal-head h3{font-size:22px;color:#182c3c}
#customerModal .quick-phone-field input{height:47px;border:1px solid #a9dacb;border-radius:10px;background:#fff;font-size:15px}
#customerModal .quick-customer-suggestions{z-index:100;max-height:240px}
#customerModal .modal-actions{position:sticky;bottom:-28px;margin:18px -1px -28px;padding:15px 0 2px;background:linear-gradient(180deg,rgba(245,251,250,0),#f7fbfa 42%);z-index:3}

@media(max-width:1180px){
  #posForm .pos-command-header{align-items:flex-start;flex-wrap:wrap}
  #posForm .pos-command-title{flex:1 1 235px}
  #posForm .pos-command-controls{order:3;flex:1 1 100%;justify-content:flex-start;flex-wrap:wrap}
  #posForm .pos-reference-actions{margin-left:auto}
  #posForm .pos-wrap{grid-template-columns:minmax(0,1fr) 370px!important}
}
@media(max-width:900px){
  #posForm .pos-command-controls{order:3;flex-basis:100%;justify-content:flex-start}
  #posForm .pos-command-controls .workflow-secondary{flex-wrap:wrap}
  #posForm .pos-wrap{grid-template-columns:1fr!important}
  #posForm .cart{position:relative;top:0;height:auto;min-height:0}
  #posForm .cart-body{min-height:220px;max-height:420px}
  #posForm .pos-product-browser{height:650px!important}
}
@media(max-width:700px){
  body:not(:has(#posForm)) .main{margin-left:0!important;width:100%!important}
  #posForm .pos-command-header{gap:9px;margin-bottom:17px}
  #posForm .pos-command-title{min-width:0;flex:1 1 100%}
  #posForm .pos-command-title strong{font-size:20px}
  #posForm .pos-command-controls{display:grid;grid-template-columns:1fr;gap:7px;width:100%}
  #posForm #posCommandControls .pos-context-type,#posForm #posCommandControls .workflow-secondary{width:100%}
  #posForm #posCommandControls .workflow-secondary{display:grid;grid-template-columns:1fr 1fr;gap:7px}
  #posForm #posCommandControls .workflow-secondary .field{display:grid;gap:4px}
  #posForm #posCommandControls select,#posForm #posCommandControls .pos-context-type select,#posForm #posCommandControls #tableField select,#posForm #posCommandControls #waiterField select{width:100%}
  #posForm .pos-reference-actions{display:grid;grid-template-columns:1fr 1fr;width:100%;margin-left:0}
  #posForm .pos-reference-actions .pos-reference-button,#posForm .pos-reference-actions .pos-new-button{width:100%;justify-content:center}
  #posForm .pos-browser-tools{grid-template-columns:1fr;gap:9px;padding:14px}
  #posForm .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:14px;gap:9px}
  #posForm .cart-body:has(>.empty){flex-basis:130px;min-height:130px}
  #customerModal{padding:10px}
  #customerModal>.customer-modal-card{width:min(100%,calc(100vw - 20px));max-height:calc(100dvh - 20px);padding:20px 18px;border-radius:20px}
  #customerModal .modal-actions{bottom:-20px;margin-bottom:-20px}
}

/* v2.5.8: fit the complete POS workspace in the viewport.  The cart keeps
   its billing footer visible while the selected item list becomes the
   scrollable region, and the customer shortcut reflects the selected name. */
body:has(#posForm) .page{padding:30px 26px 24px;min-height:calc(100vh - 72px)}
body.pos-standalone:has(#posForm) .page{padding:34px 26px 24px;min-height:100vh}
body:has(#posForm) #posForm{width:100%;max-width:none;margin:0}
#posForm .pos-command-title{order:1}
#posForm .pos-reference-actions{order:2}
#posForm .pos-command-controls{order:3}
#posForm .pos-dashboard-return{order:4}
#posForm .pos-reference-button{min-width:0;max-width:190px}
#posForm .pos-reference-button.has-customer{background:#f1faf6;border-color:#b9dfd2;color:#176b58;font-weight:700}
#posForm .pos-reference-button.has-customer span:last-child{display:block;max-width:128px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#posForm .pos-product-browser,#posForm .cart{height:clamp(620px,calc(100vh - 225px),780px)!important;min-height:0!important}
body.pos-standalone:has(#posForm) #posForm .pos-product-browser,body.pos-standalone:has(#posForm) #posForm .cart{height:clamp(650px,calc(100vh - 150px),840px)!important}
#posForm .cart{display:flex!important;flex-direction:column!important;overflow:hidden!important}
#posForm .cart-body{flex:1 1 0!important;height:auto!important;min-height:0!important;max-height:none!important;overflow-y:auto!important;overflow-x:hidden!important;scrollbar-gutter:stable}
#posForm .cart-body:has(>.empty){flex:0 0 132px!important;min-height:132px!important}
#posForm .cart-total{flex:0 0 auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;padding:8px 16px 14px!important;background:#fff;box-shadow:0 -7px 16px rgba(39,61,86,.055);z-index:3}
#posForm .cart-total>.field{margin-top:2px!important}
#posForm .cart-total>.field input{height:34px!important}
#posForm .cart .sum-stack{margin-top:7px!important;padding:3px 0!important}
#posForm .cart .sum-line{padding:3px 0!important}
#posForm .cart .triple-actions{margin-top:8px!important;gap:6px!important}
#posForm .cart .triple-actions .btn{min-height:34px!important;padding:7px 6px!important}

/* Keep the title, New and customer controls together.  Order setup controls
   wrap as a second row before they can force the billing panel off-screen. */
@media(min-width:1181px){#posForm .pos-reference-actions{margin-left:0}#posForm .pos-command-controls{justify-content:flex-end}}
@media(max-width:1180px){
  #posForm .pos-command-title{order:1;flex:1 1 235px}
  #posForm .pos-reference-actions{order:2;margin-left:auto}
  #posForm .pos-command-controls{order:4;flex:1 1 100%;justify-content:flex-start}
}
@media(max-width:900px){
  body:has(#posForm) .page,body.pos-standalone:has(#posForm) .page{padding:20px 15px 28px}
  #posForm .pos-command-header{align-items:stretch}
  #posForm .pos-command-title{order:1;flex-basis:100%}
  #posForm .pos-reference-actions{order:2;margin-left:0}
  #posForm .pos-command-controls{order:3;flex-basis:100%}
  #posForm .pos-product-browser{height:650px!important;min-height:650px!important}
  #posForm .cart{height:auto!important;min-height:560px!important}
  #posForm .cart-body{min-height:0!important;max-height:none!important}
}
@media(max-width:700px){
  #posForm .pos-reference-button{max-width:none}
  #posForm .pos-reference-button.has-customer span:last-child{max-width:none}
  #posForm .cart{min-height:520px!important}
  #posForm .cart-total{padding-left:13px!important;padding-right:13px!important}
}

/* Compact modal styling keeps customer lookup visually inside the POS card
   system rather than showing a loose legacy form. */
#customerModal{z-index:9999!important;padding:18px;background:rgba(20,30,38,.58);backdrop-filter:blur(6px)}
#customerModal>.customer-modal-card{width:min(570px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:24px;border-radius:18px;border:1px solid #dce7ed;border-top:4px solid #17876f;background:#fff;box-shadow:0 28px 80px rgba(20,35,48,.28)}
#customerModal .modal-head{padding-bottom:14px;margin-bottom:14px;border-bottom:1px solid #edf0f2}
#customerModal .modal-head h3{font-size:20px;letter-spacing:-.25px}
#customerModal .modal-head p{font-size:11px;line-height:1.45}
#customerModal .quick-customer-lookup{padding:13px;border-radius:12px;background:linear-gradient(145deg,#f1faf7,#f7f5ff);border-color:#d6e8e2}
#customerModal .quick-customer-lookup-head{margin-bottom:9px}
#customerModal .quick-customer-lookup-icon{width:28px;height:28px;border-radius:8px;font-size:18px}
#customerModal .quick-phone-field input{height:43px;min-height:43px;border-radius:8px;border-color:#a9d9cc;font-size:14px}
#customerModal .quick-customer-details{padding:12px;border-radius:12px;background:#fbfcfd}
#customerModal .quick-customer-divider{margin:13px 2px 9px}
#customerModal .modal-actions{margin-top:14px;padding-top:12px;bottom:-24px;margin-bottom:-24px;background:linear-gradient(180deg,rgba(255,255,255,0),#fff 40%)}
@media(max-width:560px){#customerModal>.customer-modal-card{width:calc(100vw - 20px);padding:18px;border-radius:16px}#customerModal .modal-actions{bottom:-18px;margin-bottom:-18px}}

/* v2.5.10: viewport-safe POS layout.  The right column is a billing
   surface only; customer selection lives in the header shortcut/modal. */
body:has(#posForm){overflow:hidden}
body:has(#posForm) .app{height:calc(100vh - 54px);min-height:0}
body.pos-standalone:has(#posForm) .app{height:100vh;min-height:0}
body:has(#posForm) .main{height:100%;min-height:0;display:flex;flex-direction:column}
body:has(#posForm) .topbar{flex:0 0 72px}
body:has(#posForm) .page{flex:1 1 auto;min-height:0;overflow:auto}
body:has(#posForm) .pos-product-browser,
body:has(#posForm) .cart{height:clamp(520px,calc(100vh - 330px),760px)!important;min-height:0!important}
body.pos-standalone:has(#posForm) .pos-product-browser,
body.pos-standalone:has(#posForm) .cart{height:clamp(600px,calc(100vh - 220px),820px)!important}
body:has(#posForm) #posReferenceContext{display:none!important}
body:has(#posForm) #posReferenceContext.delivery-visible{display:block!important}
body:has(#posForm) #posReferenceContext #posCustomerSlot,
body:has(#posForm) #posReferenceContext.delivery-visible #posCustomerSlot{display:none!important}
body:has(#posForm) #posReferenceContext.delivery-visible #posDeliverySlot{display:block!important}
body:has(#posForm) #posForm .cart{display:flex!important;flex-direction:column!important;overflow:hidden!important}
body:has(#posForm) #posForm .cart-body{flex:1 1 0!important;height:auto!important;min-height:0!important;max-height:none!important;overflow-y:auto!important;overflow-x:hidden!important}
body:has(#posForm) #posForm .cart-body:has(>.empty){flex:0 0 132px!important;min-height:132px!important}
body:has(#posForm) #posForm .cart-total{display:block!important;flex:0 0 auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;padding:8px 16px 14px!important;background:#fff!important;box-shadow:0 -7px 16px rgba(39,61,86,.08)!important;z-index:3}
body:has(#posForm) #posForm .cart-total>.field input{height:34px!important}
body:has(#posForm) .sidebar .nav a .nav-external{display:grid!important;place-items:center!important;width:22px!important;height:22px!important;margin-left:auto!important;border:1px solid #dce5eb!important;border-radius:7px!important;background:#fff!important;color:#617086!important;font-size:14px!important;line-height:1!important;opacity:.9!important}
@media(max-width:900px){
  body:has(#posForm){overflow:auto}
  body:has(#posForm) .app{height:auto;min-height:100vh}
  body:has(#posForm) .main{height:auto;display:block}
  body:has(#posForm) .page{overflow:visible;min-height:0}
}

/* v2.5.11: full-viewport POS and reference navigation.  The old 1200px
   form cap caused blank gutters in both dashboard and standalone modes. */
body:has(#posForm){background:#fff!important}
body:has(#posForm) .app{
  width:100%!important;
  max-width:none!important;
  height:100vh!important;
  min-height:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
body:has(#posForm) .sidebar{height:100vh!important;max-height:100vh!important}
body:has(#posForm) .main{width:auto!important;min-width:0!important;flex:1 1 auto!important}
body:has(#posForm) .page{
  width:100%!important;
  max-width:none!important;
  padding:22px 24px!important;
}
body:has(#posForm) #posForm{width:100%!important;max-width:none!important;margin:0!important}
body:has(#posForm) #posForm .pos-wrap{
  width:100%!important;
  grid-template-columns:minmax(0,1fr) minmax(390px,32%)!important;
  gap:18px!important;
}
body:has(#posForm) #posForm .pos-product-browser,
body:has(#posForm) #posForm .cart{height:clamp(540px,calc(100dvh - 188px),860px)!important}
body.pos-standalone:has(#posForm) .page{padding:20px 24px!important}
body.pos-standalone:has(#posForm) #posForm .pos-product-browser,
body.pos-standalone:has(#posForm) #posForm .cart{height:clamp(600px,calc(100dvh - 112px),920px)!important}

/* The default no-profile state is an explicit Walk-in customer. */
#posForm .pos-reference-button.is-walk-in{background:#fff;border-color:#dadddf;color:#343b43}
#posForm .pos-reference-button.is-walk-in span:last-child,
#posForm .pos-reference-button.has-customer span:last-child{display:block;max-width:145px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* RestroBit-style sidebar across the whole application: simple outline
   icons, quiet active row and consistent signed-in user hierarchy. */
.sidebar{background:#fff!important;color:#282f37!important;border-right:1px solid #e4e4e4!important;box-shadow:none!important}
.sidebar .brand{background:#fff!important;border-bottom:1px solid #e6e6e6!important}
.sidebar .nav a{border:1px solid transparent!important;border-radius:6px!important;background:transparent!important;color:#282f37!important;box-shadow:none!important;font-weight:500!important}
.sidebar .nav a:hover{background:#f7f7f7!important;border-color:#e5e5e5!important;color:#151a20!important;transform:none!important}
.sidebar .nav a.active{background:#f7f7f7!important;border-color:#dcdcdc!important;color:#111820!important;box-shadow:none!important;transform:none!important}
.sidebar .nav a.active::before{display:none!important}
.sidebar .nav .ico,
.sidebar .nav a:hover .ico,
.sidebar .nav a.active .ico{
  width:23px!important;
  height:23px!important;
  flex:0 0 23px!important;
  background:transparent!important;
  color:#343c44!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.sidebar .nav .ico svg{width:18px!important;height:18px!important;stroke-width:1.65!important}
.sidebar-user-card{background:transparent!important;border:0!important;border-bottom:1px solid #ededed!important;border-radius:0!important;box-shadow:none!important}

/* Two compact action rows keep every billing control above the fold and
   follow the supplied KOT / Draft / Payment / Print grouping. */
#posForm .cart .triple-actions{grid-template-columns:minmax(0,1.35fr) minmax(105px,.65fr)!important;grid-template-rows:auto auto!important;gap:7px!important}
#posForm .cart .triple-actions .kitchen-action{grid-column:1!important;grid-row:1!important;order:1!important}
#posForm .cart .triple-actions .btn[data-submit-mode="save"]{grid-column:2!important;grid-row:1!important;order:1!important}
#posForm .cart .triple-actions .pay-launch{grid-column:1!important;grid-row:2!important;order:2!important;background:#ff790b!important;border-color:#ff790b!important;color:#fff!important}
#posForm .cart .triple-actions .pre-sale-action{grid-column:2!important;grid-row:2!important;order:2!important;background:#16a34a!important;border-color:#16a34a!important;color:#fff!important}

@media(max-width:1180px){
  body:has(#posForm) #posForm .pos-wrap{grid-template-columns:minmax(0,1fr) 370px!important}
}
@media(max-width:900px){
  body:has(#posForm){overflow:auto!important}
  body:has(#posForm) .app{height:auto!important;min-height:100vh!important}
  body:has(#posForm) .page{padding:18px 14px 26px!important}
  body:has(#posForm) #posForm .pos-wrap{grid-template-columns:1fr!important}
  body:has(#posForm) #posForm .pos-product-browser{height:650px!important}
  body:has(#posForm) #posForm .cart{height:auto!important;min-height:560px!important}
}

/* v2.5.14: the application now uses one fixed professional light appearance. */
.sidebar-user-card,.topbar-search,.topbar-tools>select{display:none!important}
body:has(#posForm) .topbar{display:flex!important;justify-content:flex-end!important}
/* Retired dark-theme declarations are deliberately kept inert so upgrades over
   older customized installations do not accidentally reactivate them.
.topbar-theme{
  display:grid!important;
  place-items:center;
  flex:0 0 34px;
  width:34px;
  height:34px;
  border:1px solid #dfe3e7;
  border-radius:9px;
  background:#fff;
  color:#202830;
  font-size:20px;
  line-height:1;
  box-shadow:0 3px 10px rgba(30,42,54,.06);
}
.topbar-theme:hover{background:#f7f8f9;transform:none}

body.app-dark{
  --bg:#0d1117;
  --bg2:#111820;
  --panel:#171d24;
  --panel-strong:#171d24;
  --text:#edf2f7;
  --muted:#9aa8b7;
  --line:#303945;
  --card-bg:#171d24;
  --card-border:#303945;
  color-scheme:dark;
  background:#0d1117!important;
  color:#edf2f7!important;
}
body.app-dark .app,
body.app-dark .main,
body.app-dark .page{background:#111820!important;color:#edf2f7!important}
body.app-dark .topbar{background:#141a21!important;border-color:#2a333d!important;color:#edf2f7!important}
body.app-dark .sidebar{background:#0d1218!important;border-color:#28313a!important;color:#d8e0e8!important}
body.app-dark .sidebar .brand{background:#0d1218!important;border-color:#28313a!important}
body.app-dark .sidebar .brand b{color:#f5f7fa!important}
body.app-dark .sidebar .brand small,
body.app-dark .sidebar .nav-label{color:#8491a0!important}
body.app-dark .sidebar .nav a{background:transparent!important;border-color:transparent!important;color:#c3cbd4!important}
body.app-dark .sidebar .nav a:hover{background:#171e26!important;border-color:#2c3641!important;color:#fff!important}
body.app-dark .sidebar .nav a.active{background:#202832!important;border-color:#394552!important;color:#fff!important}
body.app-dark .sidebar .nav .ico,
body.app-dark .sidebar .nav a:hover .ico,
body.app-dark .sidebar .nav a.active .ico{background:transparent!important;color:#d9e1e9!important}
body.app-dark .sidebar .nav a .nav-external{background:#171e26!important;border-color:#394552!important;color:#cfd8e2!important}
body.app-dark .title,
body.app-dark h1,body.app-dark h2,body.app-dark h3,body.app-dark h4,
body.app-dark .panel h3,body.app-dark .stat .v,body.app-dark .sum-line b{color:#f2f5f8!important}
body.app-dark .subtitle,body.app-dark .small,body.app-dark .muted{color:#9aa8b7!important}
body.app-dark .card,
body.app-dark .panel,
body.app-dark .stat,
body.app-dark .table-card,
body.app-dark .modal-card{background:#171d24!important;border-color:#303945!important;color:#e8edf2!important;box-shadow:0 12px 30px rgba(0,0,0,.22)!important}
body.app-dark input,
body.app-dark select,
body.app-dark textarea,
body.app-dark .chip,
body.app-dark .btn:not(.primary):not(.danger){background:#11171e!important;border-color:#35404c!important;color:#e2e8ef!important}
body.app-dark input::placeholder,body.app-dark textarea::placeholder{color:#6f7c8a!important}
body.app-dark table th{background:#1e2630!important;color:#b9c4cf!important;border-color:#303945!important}
body.app-dark table td{background:#171d24!important;color:#d4dce5!important;border-color:#2b3540!important}
body.app-dark .tabs,body.app-dark .toolbar,body.app-dark .filter-bar{border-color:#303945!important}
body.app-dark .tabs a{color:#b8c3ce!important}
body.app-dark .tabs a:hover,body.app-dark .tabs a.active{background:#26313d!important;color:#fff!important}
body.app-dark .alert{background:#202832!important;border-color:#394552!important;color:#e8edf2!important}
body.app-dark .modal-backdrop{background:rgba(0,0,0,.72)!important}
body.app-dark .topbar-theme{background:#202832!important;border-color:#3a4653!important;color:#fff!important}
body.app-dark .user{background:#171e26!important;border-color:#303a45!important;color:#edf2f7!important}

body.app-dark:has(#posForm) .app,
body.app-dark:has(#posForm) .main,
body.app-dark:has(#posForm) .page,
body.app-dark:has(#posForm) .topbar,
body.app-dark:has(#posForm) .sidebar{background:#0f141a!important}
body.app-dark:has(#posForm) #posForm .pos-command-header{background:#111820!important;color:#edf2f7!important}
body.app-dark:has(#posForm) #posForm .pos-command-title strong,
body.app-dark:has(#posForm) #posForm .pos-command-breadcrumb,
body.app-dark:has(#posForm) #posForm .cart .panel-head h3{color:#f3f6f9!important}
body.app-dark:has(#posForm) #posForm .pos-product-browser,
body.app-dark:has(#posForm) #posForm .cart,
body.app-dark:has(#posForm) #posForm .cart-total,
body.app-dark:has(#posForm) #posForm .cart .sum-stack{background:#171d24!important;border-color:#303945!important;color:#edf2f7!important}
body.app-dark:has(#posForm) #posForm .pos-browser-tools,
body.app-dark:has(#posForm) #posForm .pos-browser-categories,
body.app-dark:has(#posForm) #posForm .cart .panel-head{background:#171d24!important;border-color:#303945!important}
body.app-dark:has(#posForm) #posForm .product,
body.app-dark:has(#posForm) #posForm .product-thumb,
body.app-dark:has(#posForm) #posForm .cart-item{background:#1b222b!important;border-color:#333e4a!important;color:#edf2f7!important}
body.app-dark:has(#posForm) #posForm .product-thumb.food-icon{background:#202832!important}
body.app-dark:has(#posForm) #posForm .product h4,
body.app-dark:has(#posForm) #posForm .cart-line,
body.app-dark:has(#posForm) #posForm .sum-line{color:#e6ebf0!important}
body.app-dark:has(#posForm) #posForm .pos-browser-categories a{background:transparent!important;color:#b8c3ce!important}
body.app-dark:has(#posForm) #posForm .pos-browser-categories a:hover{background:#242d37!important;color:#fff!important}
body.app-dark:has(#posForm) #posForm .pos-browser-categories a.active{background:#ff790b!important;color:#fff!important}
body.app-dark:has(#posForm) #customerModal>.customer-modal-card{background:#171d24!important;border-color:#35414d!important;color:#edf2f7!important}
body.app-dark:has(#posForm) #customerModal .quick-customer-lookup,
body.app-dark:has(#posForm) #customerModal .quick-customer-details{background:#1d252e!important;border-color:#35414d!important}
body.app-dark:has(#posForm) #customerModal .modal-actions{background:linear-gradient(180deg,rgba(23,29,36,0),#171d24 40%)!important}

v2.5.13 retired theme declarations.
html.app-dark-root body{background:#0d1117!important;color:#edf2f7!important}
html.app-dark-root body .app,
html.app-dark-root body .main,
html.app-dark-root body .page{background:#111820!important;color:#edf2f7!important}
html.app-dark-root body .topbar{background:#141a21!important;border-color:#2a333d!important}
html.app-dark-root body .sidebar,
html.app-dark-root body .sidebar .brand{background:#0d1218!important;border-color:#28313a!important}
.pos-theme-toggle{display:none!important;place-items:center;width:38px;min-width:38px;height:38px;padding:0!important;border-radius:8px!important;font-size:19px!important;line-height:1}
body.pos-standalone:has(#posForm) .pos-theme-toggle{display:grid!important}

body.app-dark .workflow-callout,
body.app-dark .order-items-preview,
body.app-dark .customer-picker,
body.app-dark .customer-results,
body.app-dark .selected-customer,
body.app-dark .delivery-fields,
body.app-dark .edit-cart-note,
body.app-dark .receipt-live-preview,
body.app-dark .permission-card,
body.app-dark .toggle-line,
body.app-dark .rider-card,
body.app-dark .ticket-footer,
body.app-dark .payment-calculator,
body.app-dark .change-board>div,
body.app-dark .report-print-sheet,
body.app-dark .report-section,
body.app-dark .report-stat,
body.app-dark .report-status-grid>div,
body.app-dark .order-management-body,
body.app-dark .order-filter-panel,
body.app-dark .kds-empty,
body.app-dark .customer-result{
  background:#171d24!important;
  border-color:#303945!important;
  color:#e3e9ef!important;
}
body.app-dark .customer-result:hover,
body.app-dark .rider-card:hover,
body.app-dark .permission-card:hover{background:#202832!important;border-color:#3a4653!important}
body.app-dark .quick-action-bar,
body.app-dark .quick-actions a,
body.app-dark .ticket-age,
body.app-dark .order-items-preview,
body.app-dark .customer-empty{background:#1b232c!important;color:#b8c3ce!important}
body.app-dark .kitchen-item,
body.app-dark .ticket-meta,
body.app-dark .ticket-footer,
body.app-dark .report-cover,
body.app-dark .report-table td,
body.app-dark .order-manage-details{border-color:#303945!important}
body.app-dark .kitchen-note{background:#312819!important;color:#f0c879!important}
body.app-dark .calculator-keypad button,
body.app-dark .cash-shortcuts button{background:#11171e!important;border-color:#35404c!important;color:#e2e8ef!important}
body.app-dark .calculator-keypad button:hover,
body.app-dark .cash-shortcuts button:hover{background:#202832!important;border-color:#4a5867!important;color:#fff!important}
body.app-dark .report-table th,
body.app-dark .report-table td{background:#171d24!important;border-color:#303945!important;color:#d7dfe7!important}
body.app-dark .report-section-heading h2,
body.app-dark .report-cover h1,
body.app-dark .report-table td b,
body.app-dark .report-summary-list>div b,
body.app-dark .report-mini-list b{color:#eef3f7!important}
body.app-dark .modal-close{background:#202832!important;border-color:#3a4653!important;color:#fff!important}
body.app-dark .field label,
body.app-dark label{color:#c6d0da!important}
body.app-dark hr{border-color:#303945!important}

body.app-dark:has(#posForm) #posForm .pos-reference-button,
body.app-dark:has(#posForm) #posForm .pos-theme-toggle,
body.app-dark:has(#posForm) #posForm .pos-dashboard-return{background:#171d24!important;border-color:#35414d!important;color:#e6edf3!important}
body.app-dark:has(#posForm) #posForm .pos-reference-button.has-customer{background:#173229!important;border-color:#285947!important;color:#8be0bd!important}
body.app-dark:has(#posForm) #posForm #posCommandControls select,
body.app-dark:has(#posForm) #posForm .pos-browser-search,
body.app-dark:has(#posForm) #posForm .pos-browser-select{background:#11171e!important;border-color:#35404c!important;color:#e2e8ef!important}
body.app-dark:has(#posForm) #posForm .cart-total{box-shadow:0 -7px 16px rgba(0,0,0,.24)!important}
body.app-dark:has(#posForm) #posForm .cart .qty button{background:#252e38!important;border-color:#3b4754!important;color:#fff!important}
body.app-dark:has(#posForm) #posForm .cart .qty input{background:transparent!important;color:#fff!important}
body.app-dark:has(#posForm) #posForm .cart .item-note{background:#11171e!important;border-color:#35404c!important;color:#e2e8ef!important}
*/

/* v2.5.14 fixed thermal-bill preview. */
.receipt-live-preview{border-color:#cfd6da!important;background:#f4f5f5!important}
.receipt-preview-paper{gap:4px!important;min-height:265px!important;border-color:#cfd3d5!important;color:#000!important;font:10px/1.25 "Times New Roman",serif!important}
.receipt-preview-paper b{font-size:15px!important;color:#000!important}
.receipt-preview-paper small,.receipt-preview-paper strong{color:#000!important}
.receipt-preview-paper strong{font-size:13px!important}
.receipt-preview-paper hr{border-top-color:#000!important}
.receipt-preview-paper .preview-stars{overflow:hidden;font:8px/1 "Courier New",monospace;white-space:nowrap}
.receipt-preview-paper .preview-total{padding:4px;border:1px solid #000;font-weight:700;text-align:left}

/* v2.6 staff shift roster and secure duty clock */
.shift-admin-stack{display:grid;gap:16px}
.shift-admin-grid,.shift-assignment-grid,.duty-admin-grid,.duty-action-grid{align-items:start}
.shift-template-list{display:grid;gap:8px;margin-top:12px}
.shift-template-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border:1px solid var(--panel-border);border-radius:12px;background:linear-gradient(135deg,rgba(23,135,111,.05),rgba(102,87,232,.04))}
.shift-time{font-variant-numeric:tabular-nums;color:var(--text);font-weight:600}
.compact-form{display:grid;gap:11px}
.compact-form .field{margin:0}
.duty-pin-field{grid-column:1/-1}
.danger-soft{color:#b84040!important;border-color:#efb9b9!important;background:#fff7f7!important}
.duty-approval-card{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 0;border-bottom:1px solid var(--panel-border)}
.duty-approval-card:last-child{border-bottom:0}
.duty-approval-card .inline-links{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.duty-page{display:grid;gap:16px;max-width:1180px;margin:0 auto}
.duty-hero{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:24px 26px;border:1px solid rgba(23,135,111,.2);border-radius:18px;background:linear-gradient(135deg,rgba(23,135,111,.11),rgba(102,87,232,.1));box-shadow:0 12px 30px rgba(35,67,86,.06)}
.duty-hero h2{margin:4px 0 5px;font-size:28px;letter-spacing:-.03em}
.duty-hero p{margin:0;max-width:680px;color:var(--muted)}
.duty-hero-status{text-align:right;display:grid;gap:6px;justify-items:end}
.duty-status-pill{display:inline-flex;padding:7px 12px;border-radius:999px;font-size:12px;font-weight:800;letter-spacing:.02em}
.duty-status-pill.ready{background:#edf2f5;color:#5c6d7e}.duty-status-pill.pending{background:#fff4dc;color:#9a6815}.duty-status-pill.active{background:#e6f7ef;color:#167356}
.duty-callout{padding:24px}.duty-callout.pending{border-color:#f2d69a;background:#fffaf0}.duty-callout h3{margin-top:0}.duty-callout p{color:var(--muted)}
.duty-metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}.duty-metric-grid>div{padding:12px;border:1px solid var(--panel-border);border-radius:11px;background:var(--subtle-bg,#f7fafb)}.duty-metric-grid span{display:block;font-size:11px;color:var(--muted);margin-bottom:4px}.duty-metric-grid b{font-size:16px}
.duty-how{display:grid;gap:12px}.duty-how h3{margin:0 0 4px}.duty-step{display:flex;gap:10px;align-items:center;color:var(--muted)}.duty-step b{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--sidebar-active,#eaf7f1);color:var(--brand);font-size:12px}
.duty-report{border-color:rgba(23,135,111,.24)}.duty-report .report-metrics{grid-template-columns:repeat(4,minmax(0,1fr));margin:0 0 16px}.duty-report .table-scroll{max-height:320px;overflow:auto}
.staff-sections{display:grid;gap:24px}.staff-section{display:grid;gap:12px}.staff-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding:0 4px}.staff-section-heading h2{margin:3px 0 3px;font-size:21px;letter-spacing:-.02em}.staff-section-heading p{margin:0;color:var(--muted);font-size:13px}.staff-section-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.9fr);gap:16px;align-items:start}.staff-section .card{min-width:0}.staff-section .card.panel{padding:20px}.staff-section .table-scroll{max-height:360px;overflow:auto}.staff-section .shift-template-list{margin-top:0}.staff-section .access-editor{position:relative}.staff-section .permission-grid{max-height:230px;overflow:auto}.nav-badge{display:grid;place-items:center;min-width:19px;height:19px;margin-left:auto;padding:0 5px;border-radius:999px;background:#e05252;color:#fff;font-size:10px;font-style:normal;font-weight:800}.duty-nav-state{margin-left:auto;padding:3px 7px;border-radius:999px;background:#edf2f5;color:#68798b;font-size:9px;font-style:normal;font-weight:800;white-space:nowrap}.sidebar .nav a.duty-active{background:var(--sidebar-active,#eaf7f1);color:var(--brand,#17876f);box-shadow:inset 3px 0 0 var(--brand,#17876f)}.sidebar .nav a.duty-active .duty-nav-state{background:#d8f2e7;color:#167356}.sidebar .nav a.duty-ended{background:#fff8e9;color:#956818;box-shadow:inset 3px 0 0 #dca43b}.sidebar .nav a.duty-ended .duty-nav-state{background:#ffedc5;color:#956818}.dashboard-duty-alert{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:16px 0;border-color:#efcf8e;background:linear-gradient(135deg,#fffaf0,#fff);box-shadow:0 8px 24px rgba(131,91,22,.08)}.dashboard-duty-alert h3{margin:2px 0 4px}.dashboard-duty-alert p{margin:0;color:var(--muted)}
@media(max-width:820px){.duty-hero{align-items:flex-start;flex-direction:column}.duty-hero-status{text-align:left;justify-items:start}.duty-report .report-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.duty-approval-card{align-items:flex-start;flex-direction:column}.duty-approval-card .inline-links{justify-content:flex-start}.staff-section-grid{grid-template-columns:1fr}.staff-section-heading{align-items:flex-start;flex-direction:column;gap:8px}.dashboard-duty-alert{align-items:flex-start;flex-direction:column}}
@media print{.duty-page{max-width:none}.duty-hero,.duty-action-grid,.no-print{display:none!important}.duty-report{box-shadow:none;border:0}.duty-report .report-metrics{grid-template-columns:repeat(4,1fr)}}

/* v2.6.2 staff workspace tabs and attendance inbox */
.staff-tabs{display:flex;gap:8px;align-items:stretch;margin:4px 0 20px;padding:6px;border:1px solid var(--panel-border);border-radius:15px;background:rgba(255,255,255,.72);box-shadow:0 8px 24px rgba(36,63,87,.05);overflow-x:auto}
.staff-tab{position:relative;display:flex;align-items:center;gap:9px;min-width:166px;padding:11px 13px;border:1px solid transparent;border-radius:11px;background:transparent;color:var(--muted);text-align:left;cursor:pointer;transition:all .18s ease}
.staff-tab:hover{background:rgba(23,135,111,.06);color:var(--text)}
.staff-tab.active{border-color:rgba(23,135,111,.2);background:linear-gradient(135deg,rgba(23,135,111,.12),rgba(102,87,232,.1));color:var(--text);box-shadow:0 5px 14px rgba(23,135,111,.08)}
.staff-tab-icon{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border-radius:9px;background:#eef4f5;color:var(--brand);font-size:16px;font-weight:800}
.staff-tab.active .staff-tab-icon{background:var(--brand);color:#fff}
.staff-tab b,.staff-tab small{display:block}.staff-tab b{font-size:12px;white-space:nowrap}.staff-tab small{margin-top:2px;color:inherit;opacity:.72;font-size:10px;white-space:nowrap}
.staff-tab-count{display:grid;place-items:center;min-width:19px;height:19px;margin-left:auto;padding:0 5px;border-radius:999px;background:#e05252;color:#fff;font-size:10px;font-style:normal;font-weight:800}
.staff-section[hidden]{display:none!important}
body.staff-tab-shifts .staff-section:not(#shiftSetup),body.staff-tab-assignments .staff-section:not(#shiftAssignments),body.staff-tab-attendance .staff-section:not(#attendance):not(#dutyHistory),body.staff-tab-accounts .staff-section:not(#accountAccess){display:none!important}
.staff-section-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;justify-content:flex-end}
.staff-section-actions .btn{white-space:nowrap}
.staff-section-grid>.card[hidden]{display:none!important}
.attendance-duty-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.85fr);gap:16px;align-items:start}
.attendance-duty-grid .panel{min-width:0}
.attendance-summary .panel-head{margin-bottom:10px}
.attendance-list{display:grid;gap:0}.attendance-list-head,.attendance-row{display:grid;grid-template-columns:68px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--panel-border);font-size:12px}.attendance-list-head{padding-top:0;color:var(--muted);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.attendance-row:last-child{border-bottom:0}.attendance-row b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.attendance-duty-inline{margin:18px 0;border-color:rgba(23,135,111,.18)}
.attendance-duty-inline .duty-approval-card:last-child{border-bottom:0}
body:has(.attendance-duty-inline) .page{display:flex;flex-direction:column}
body:has(.attendance-duty-inline) .attendance-duty-inline{order:-1}
.staff-section#attendance #dutyApprovals{display:none!important}
.staff-section#attendance .attendance-duty-grid{grid-template-columns:1fr}
.duty-profile-menu{position:relative}.duty-profile-menu summary{cursor:pointer;list-style:none;border:1px solid var(--panel-border)}.duty-profile-menu summary::-webkit-details-marker{display:none}
.duty-profile-popover{position:absolute;right:0;top:calc(100% + 12px);width:250px;padding:16px;display:grid;gap:10px;background:#fff;border:1px solid var(--panel-border);border-radius:16px;box-shadow:0 12px 40px #142c4326;z-index:1000}.duty-profile-popover .btn{justify-content:center}
.staff-progress{order:-2;margin-bottom:20px}.progress-filters{display:flex;flex-wrap:wrap;gap:10px;align-items:end;margin:16px 0}.progress-filters .field{flex:1 1 140px;min-width:0}.progress-filters .btn{margin-bottom:0}
.staff-progress .table-scroll{overflow:auto;max-height:none}.session-report{min-width:220px}.session-report summary{cursor:pointer;color:var(--brand);font-weight:600}.session-report[open]{padding:12px;background:#f7fafc;border-radius:10px}
@media print{body:has(.staff-progress) .sidebar,body:has(.staff-progress) .topbar,body:has(.staff-progress) .page>*:not(.staff-progress){display:none!important}body:has(.staff-progress) .main,body:has(.staff-progress) .page,body:has(.staff-progress) .app{display:block!important;margin:0!important;padding:0!important;width:100%!important;height:auto!important;overflow:visible!important}.staff-progress{border:0!important;box-shadow:none!important}.staff-progress .table-scroll{overflow:visible!important}.staff-progress table{font-size:10px}.staff-progress tr{break-inside:avoid}}
@media(max-width:980px){.staff-tabs{margin-bottom:16px}.staff-tab{min-width:148px}.attendance-duty-grid{grid-template-columns:1fr}}
@media(max-width:620px){.staff-tabs{gap:5px;padding:5px}.staff-tab{min-width:132px;padding:9px}.staff-tab-icon{width:26px;height:26px;flex-basis:26px}.staff-section-actions{justify-content:flex-start}.staff-section-actions .badge{order:2}.attendance-list-head,.attendance-row{grid-template-columns:54px minmax(0,1fr) auto;gap:7px}}
/* Attendance and inventory workspaces */
.workspace-tabs{display:flex;flex-wrap:wrap;gap:8px;padding:8px;margin-bottom:20px;background:#fff;border:1px solid #dbe5ed;border-radius:14px;order:-3}
.workspace-tabs a{display:inline-flex;align-items:center;gap:8px;padding:12px 16px;border-radius:9px;color:#526174;text-decoration:none;font-size:14px;font-weight:600;line-height:1.4}
.workspace-tabs a:hover{background:#f0f5fa;color:#22324a}
.workspace-tabs a.active{color:#fff;background:#2563eb;box-shadow:0 3px 8px #2563eb22}
.workspace-tabs a:focus-visible,.entry-editor summary:focus-visible{outline:3px solid #93c5fd;outline-offset:3px}
.workspace-stack{display:grid;gap:20px;min-width:0}
.workspace-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:start;min-width:0}
.workspace-columns>.card{min-width:0;margin-top:0!important;overflow-x:auto}
.entry-editor summary{display:inline-flex;cursor:pointer;list-style:none}
.entry-editor summary::-webkit-details-marker{display:none}
.entry-editor[open] summary{margin-bottom:16px}
.entry-editor form{max-width:800px}
.inventory-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px}
.inventory-metrics .card{padding:20px;min-width:0}
.inventory-metrics .card span{display:block;color:#64748b;font-size:13px}
.inventory-metrics .card strong{display:block;color:#1e293b;font-size:25px;line-height:1.35;margin-top:8px;overflow-wrap:anywhere}
.table-scroll{max-width:100%;overflow-x:auto}
.table-scroll table{width:100%;white-space:nowrap}
.table-scroll th{font-size:12px;text-transform:uppercase;letter-spacing:.04em}
.workspace-tabs~.attendance-duty-inline{order:0}
.expense-layout{grid-template-columns:minmax(0,1.55fr) minmax(300px,.7fr)}
.expense-breakdown{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.expense-editor{position:sticky;top:16px}
.purchase-layout{grid-template-columns:minmax(0,1.55fr) minmax(320px,.72fr)}
.purchase-breakdown{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.purchase-editor{position:sticky;top:16px}
.purchase-actions{min-width:0}
.purchase-actions .entry-editor form{max-width:none}
.recipe-layout-pro{grid-template-columns:minmax(0,1.55fr) minmax(320px,.72fr)}
.recipe-dish-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}
.recipe-dish-card{display:block;padding:16px;border:1px solid #dbe5ed;border-radius:14px;background:#fff;color:#22324a;text-decoration:none;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}
.recipe-dish-card:hover{transform:translateY(-2px);border-color:#9ab8e9;box-shadow:0 8px 20px rgba(39,61,86,.09)}
.recipe-dish-card.selected{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1c}
.recipe-dish-top{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:24px}
.recipe-dish-top small{color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.recipe-dish-card h3{font-size:16px;margin:14px 0 12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.recipe-dish-values{display:flex;gap:18px;border-top:1px solid #edf2f6;padding-top:11px;margin-bottom:10px}
.recipe-dish-values span{display:grid;gap:2px;color:#64748b;font-size:12px}
.recipe-dish-values b{color:#22324a;font-size:14px}
.recipe-context{display:block;color:#64748b;margin-top:6px}
.recipe-editor{position:sticky;top:16px}
.recipe-editor form{max-width:none}
@media(max-width:900px){.workspace-columns{grid-template-columns:1fr}.inventory-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1100px){.expense-layout,.purchase-layout,.recipe-layout-pro{grid-template-columns:1fr}.expense-editor,.purchase-editor,.recipe-editor{position:static}}
@media(max-width:540px){.workspace-tabs a{flex:1 1 45%;padding:10px;font-size:12px}.inventory-metrics{gap:8px}.inventory-metrics .card{padding:14px}.inventory-metrics .card strong{font-size:20px}.expense-breakdown,.purchase-breakdown{grid-template-columns:1fr}}

/* v2.9.3 Staff & Access list/editor workspace */
.staff-workspace{display:grid;gap:20px;min-width:0;padding-bottom:18px}
.staff-list-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:4px 2px 2px}
.staff-list-hero h1,.staff-editor-header h1{margin:4px 0 5px;font-size:clamp(25px,2.3vw,34px);line-height:1.12;letter-spacing:-.035em;color:var(--text,#22324a)}
.staff-list-hero p,.staff-editor-header p,.staff-list-toolbar p,.staff-editor-card-head p{margin:0;color:var(--muted,#718096);font-size:13px}
.staff-hero-action{flex:0 0 auto;white-space:nowrap}
.staff-workspace-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:7px;border:1px solid var(--panel-border,#e2eaf0);border-radius:16px;background:rgba(255,255,255,.78);box-shadow:0 8px 24px rgba(36,63,87,.05)}
.staff-workspace-tab{display:flex;align-items:center;gap:10px;min-width:0;padding:13px 14px;border:1px solid transparent;border-radius:11px;color:var(--muted,#718096);text-decoration:none;transition:background .18s ease,border-color .18s ease,transform .18s ease}
.staff-workspace-tab:hover{background:rgba(23,135,111,.06);color:var(--text,#22324a);transform:translateY(-1px)}
.staff-workspace-tab.active{border-color:rgba(23,135,111,.2);background:linear-gradient(135deg,rgba(23,135,111,.12),rgba(102,87,232,.1));color:var(--text,#22324a);box-shadow:0 5px 14px rgba(23,135,111,.08)}
.staff-workspace-tab .staff-tab-icon{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border-radius:9px;background:#eef4f5;color:var(--brand,#17876f);font-size:16px;font-weight:800}
.staff-workspace-tab.active .staff-tab-icon{background:var(--brand,#17876f);color:#fff}
.staff-workspace-tab b,.staff-workspace-tab small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.staff-workspace-tab b{font-size:13px}.staff-workspace-tab small{margin-top:2px;font-size:10px;opacity:.72}
.staff-list-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding:2px 4px}
.staff-list-toolbar h2{margin:3px 0 4px;font-size:22px;letter-spacing:-.025em;color:var(--text,#22324a)}
.staff-list-card{overflow:hidden;padding:0!important;border-radius:18px}
.staff-list-card .table-scroll{overflow:auto}
.staff-data-table{min-width:700px;border-collapse:collapse}
.staff-data-table th{padding:15px 18px;background:#f7fafc;color:#718096;border-bottom:1px solid var(--panel-border,#e2eaf0);font-size:10px;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.staff-data-table td{padding:15px 18px;border-bottom:1px solid #edf2f6;vertical-align:middle;color:var(--text,#22324a);font-size:13px}
.staff-data-table tr:last-child td{border-bottom:0}.staff-data-table tbody tr:hover{background:#fbfdfd}
.staff-data-table .table-actions{width:1%;text-align:right;white-space:nowrap}.staff-data-table .table-actions .btn{margin-left:5px}
.staff-primary-cell{display:flex;align-items:center;gap:10px;min-width:190px}.staff-primary-cell b{display:block;font-size:13px}.staff-primary-cell small{display:block;margin-top:3px;color:var(--muted,#718096);font-size:11px}
.staff-row-icon,.staff-row-avatar{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:10px;background:#eef7f5;color:var(--brand,#17876f);font-size:16px;font-weight:800}.staff-row-avatar{background:#eef0ff;color:#6657e8;font-size:11px}
.staff-empty{display:grid;justify-items:center;gap:6px;padding:48px 20px!important;text-align:center}.staff-empty b{font-size:15px}.staff-empty span{color:var(--muted,#718096);font-size:12px;margin-bottom:8px}
.staff-editor-header{display:grid;gap:12px}.staff-back-link{display:inline-flex;width:max-content;align-items:center;gap:5px;color:var(--brand,#17876f);font-size:12px;font-weight:700;text-decoration:none}.staff-back-link:hover{text-decoration:underline}
.staff-editor-card{width:min(100%,920px);margin:4px auto 0;padding:28px!important;border-radius:20px}.staff-editor-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-bottom:20px;margin-bottom:22px;border-bottom:1px solid #edf2f6}.staff-editor-card-head h2{margin:3px 0 5px;font-size:21px;letter-spacing:-.025em}.staff-editor-step{display:inline-flex;align-items:baseline;gap:4px;padding:7px 10px;border-radius:9px;background:#f0f5fa;color:var(--brand,#17876f);font-size:13px;font-weight:800;white-space:nowrap}.staff-editor-step small{color:var(--muted,#718096);font-size:10px;font-weight:600}
.staff-editor-form{display:grid;gap:22px}.staff-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.staff-form-grid .field-wide{grid-column:1/-1}.staff-form-grid .field{min-width:0}.staff-form-grid .field small,.staff-check-card small{display:block;margin-top:5px;color:var(--muted,#718096);font-size:11px;line-height:1.35}.staff-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.staff-check-card{display:flex;align-items:flex-start;gap:10px;padding:13px 14px;border:1px solid var(--panel-border,#e2eaf0);border-radius:12px;background:#fbfdfd;cursor:pointer}.staff-check-card:has(input:checked){border-color:rgba(23,135,111,.36);background:#f1faf7}.staff-check-card input{margin-top:3px;accent-color:var(--brand,#17876f)}.staff-check-card b{font-size:12px}.staff-check-inline{width:max-content;max-width:100%}
.staff-permission-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding-top:4px}.staff-permission-heading h3{margin:0 0 4px;font-size:16px}.staff-permission-heading p{margin:0;color:var(--muted,#718096);font-size:12px}.staff-permission-grid{max-height:none;overflow:visible}.staff-permission-grid.disabled{opacity:.55}.staff-permission-grid.disabled input{cursor:not-allowed}.staff-editor-actions{display:flex;justify-content:flex-end;gap:9px;padding-top:5px;border-top:1px solid #edf2f6}.inline-form{display:inline-block;margin:0}
@media(max-width:800px){.staff-list-hero{align-items:flex-start;flex-direction:column}.staff-hero-action{width:max-content}.staff-workspace-tabs{grid-template-columns:1fr}.staff-list-toolbar{align-items:flex-start;flex-direction:column;gap:8px}.staff-form-grid,.staff-choice-grid{grid-template-columns:1fr}.staff-form-grid .field-wide{grid-column:auto}.staff-editor-card{padding:20px!important}.staff-permission-heading{align-items:flex-start;flex-direction:column}.staff-check-inline{width:100%}}
@media(max-width:520px){.staff-list-hero h1,.staff-editor-header h1{font-size:24px}.staff-data-table{min-width:620px}.staff-data-table th,.staff-data-table td{padding:12px}.staff-editor-card-head{align-items:flex-start;flex-direction:column}.staff-editor-step{order:-1}.staff-editor-actions{justify-content:stretch}.staff-editor-actions .btn{flex:1;justify-content:center}}
.order-history-heading-actions{display:flex;align-items:center;gap:9px}.order-history-heading-actions .btn{white-space:nowrap}.order-created-by{line-height:1.45}.order-filter-bar[hidden],#orderFiltersPanel[hidden]{display:none!important}@media(max-width:700px){.order-history-heading-actions{align-items:flex-end;flex-direction:column;gap:6px}.order-history-heading-actions .btn{font-size:10px;padding:7px 9px}}
.cancel-item-list{display:grid;gap:8px;margin:10px 0 14px}.cancel-item-option{display:flex;align-items:flex-start;gap:9px;padding:10px 11px;border:1px solid var(--panel-border,#e2eaf0);border-radius:11px;background:#fff;cursor:pointer}.cancel-item-option:has(input[type="checkbox"]:checked){border-color:rgba(190,36,52,.45);background:#fff7f7}.cancel-item-option>input[type="checkbox"]{margin-top:4px;accent-color:#bd2434}.cancel-item-option>span{display:grid;gap:4px;min-width:0;flex:1}.cancel-item-option b{font-size:12px}.cancel-item-option small{color:var(--muted,#718096);font-size:11px}.cancel-item-option input[name^="item_reason"]{width:100%;min-width:0;margin-top:3px;padding:8px 9px;border:1px solid #e0e7eb;border-radius:8px;background:#fff;font-size:12px}

/* v2.10.0: POS-matched action popups and recipe costing controls */
.order-pin-modal{background:linear-gradient(135deg,rgba(23,135,111,.18),rgba(102,87,232,.18)),rgba(19,31,40,.62)!important;backdrop-filter:blur(8px);padding:18px}
.order-pin-modal>.pin-modal-card{width:min(460px,calc(100vw - 28px));padding:25px 26px;border:1px solid rgba(207,226,224,.95);border-top:4px solid var(--brand,#17876f);border-radius:24px;background:linear-gradient(145deg,#fff 0%,#f4fbf9 68%,#f6f3ff 100%);box-shadow:0 30px 90px rgba(9,35,47,.30);animation:posPopupIn .2s ease both}
.order-pin-modal .modal-head{padding-bottom:15px;margin-bottom:13px;border-bottom:1px solid rgba(219,232,232,.9)}.order-pin-modal .modal-head h3{font-size:22px;letter-spacing:-.35px;color:#182c3c}.order-pin-modal .modal-head p{font-size:11px;line-height:1.45}.order-pin-modal .field label{font-size:10px}.order-pin-modal .field input{height:46px;min-height:46px;border-color:#a9dacd;background:#fff;font-size:15px}.order-pin-modal .field input:focus{border-color:var(--brand,#17876f);box-shadow:0 0 0 4px rgba(23,135,111,.14)}.order-pin-modal .modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:16px}.order-pin-modal .modal-actions .btn.primary{background:linear-gradient(135deg,var(--brand,#17876f),var(--brand2,#6657e8));border-color:transparent;box-shadow:0 8px 18px rgba(23,135,111,.20)}
#customerModal{background:linear-gradient(135deg,rgba(23,135,111,.16),rgba(102,87,232,.20)),rgba(19,31,40,.62)!important;backdrop-filter:blur(8px)}
#customerModal>.customer-modal-card{border:1px solid rgba(207,226,224,.95);border-top:4px solid var(--brand,#17876f);background:linear-gradient(145deg,#fff 0%,#f4fbf9 68%,#f6f3ff 100%);box-shadow:0 30px 100px rgba(9,35,47,.30);animation:posPopupIn .2s ease both}
#customerModal .quick-customer-lookup{background:linear-gradient(135deg,rgba(23,135,111,.08),rgba(102,87,232,.08));border-color:rgba(23,135,111,.18)}#customerModal .quick-customer-lookup-icon{background:linear-gradient(135deg,var(--brand,#17876f),var(--brand2,#6657e8));color:#fff}#customerModal .quick-phone-field input:focus{border-color:var(--brand,#17876f);box-shadow:0 0 0 4px rgba(23,135,111,.14)}#customerModal .modal-actions .btn.primary{background:linear-gradient(135deg,var(--brand,#17876f),var(--brand2,#6657e8));border-color:transparent;box-shadow:0 8px 18px rgba(23,135,111,.20)}
@keyframes posPopupIn{from{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}
.recipe-entry-help{margin-bottom:20px;padding:17px 20px;border-color:rgba(23,135,111,.16);background:linear-gradient(135deg,rgba(23,135,111,.07),rgba(102,87,232,.06))}.recipe-entry-help-title{display:flex;align-items:center;gap:10px}.recipe-help-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:linear-gradient(135deg,var(--brand,#17876f),var(--brand2,#6657e8));color:#fff;font-weight:900}.recipe-entry-help h3{margin:0;font-size:15px}.recipe-entry-help p{margin:3px 0 0;color:var(--muted,#718096);font-size:11px}.recipe-entry-help-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:14px}.recipe-entry-help-grid>div{display:grid;gap:3px;padding:10px 11px;border:1px solid rgba(207,226,224,.9);border-radius:11px;background:rgba(255,255,255,.70)}.recipe-entry-help-grid b{color:var(--brand,#17876f);font-size:11px}.recipe-entry-help-grid span{color:#64748b;font-size:10px;line-height:1.4}.recipe-entry-help-grid strong{color:#253c4e}.recipe-component-fields[hidden]{display:none!important}.recipe-component-fields{display:grid;gap:12px}.recipe-component-badge{display:inline-flex;padding:4px 7px;border-radius:7px;font-size:9px;font-weight:800}.recipe-component-badge.stock{background:#e9f7f2;color:#17735f}.recipe-component-badge.manual{background:#f0edff;color:#5c4cd0}.recipe-cost-preview{margin:12px 0;padding:11px 12px;border:1px solid rgba(23,135,111,.20);border-radius:11px;background:linear-gradient(135deg,#f0faf7,#f6f3ff);color:#527080;font-size:11px;line-height:1.45}.recipe-cost-preview[data-state="manual"]{border-color:rgba(102,87,232,.22)}.recipe-cost-preview::first-line{font-weight:700;color:#254153}.recipe-editor .field-hint{line-height:1.4}.recipe-editor .forms{gap:10px}
@media(max-width:760px){.recipe-entry-help-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.recipe-entry-help{padding:15px}.recipe-entry-help-grid{grid-template-columns:1fr}.order-pin-modal>.pin-modal-card{padding:21px 18px;border-radius:20px}}

/* v2.10.1: make every action popup use the POS command-card language and
   collect cancellation reason/item selection in the authorization step. */
.order-pin-modal>.pin-modal-card{width:min(620px,calc(100vw - 28px));padding:26px;border:1px solid rgba(207,226,224,.95);border-top:0;border-radius:25px;background:linear-gradient(145deg,#fff 0%,#f4fbf9 68%,#f6f3ff 100%);box-shadow:0 30px 90px rgba(9,35,47,.30);overflow:hidden}
.order-pin-modal .modal-head,#customerModal .modal-head{margin:-26px -26px 18px;padding:20px 26px 18px;border-bottom:0;border-radius:22px 22px 0 0;background:linear-gradient(125deg,#155c4f,var(--brand,#17876f),var(--brand2,#6657e8));color:#fff}
.order-pin-modal .modal-head{margin:-26px -26px 18px;padding:20px 26px 18px}.order-pin-modal .modal-head{border-radius:22px 22px 0 0}#customerModal .modal-head{margin:-28px -30px 18px;padding:20px 30px 18px;border-radius:24px 24px 0 0}
.order-pin-modal .modal-head h3,#customerModal .modal-head h3{color:#fff!important;font-size:22px;letter-spacing:-.35px}.order-pin-modal .modal-head p,#customerModal .modal-head p{color:rgba(255,255,255,.76);font-size:11px;line-height:1.45}.order-pin-modal .modal-kicker,#customerModal .modal-kicker{color:rgba(255,255,255,.78)}
.order-pin-modal .modal-close,#customerModal .modal-close{border-color:rgba(255,255,255,.30);background:rgba(255,255,255,.14);color:#fff}.order-pin-modal .modal-close:hover,#customerModal .modal-close:hover{background:rgba(255,255,255,.25);border-color:rgba(255,255,255,.55)}
.order-pin-modal .field label{font-size:10px}.order-pin-modal .field input{height:46px;min-height:46px;border-color:#a9dacd;background:#fff;font-size:15px}.order-pin-modal .field input:focus{border-color:var(--brand,#17876f);box-shadow:0 0 0 4px rgba(23,135,111,.14)}.order-pin-modal .modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:16px;padding-top:15px;border-top:1px solid rgba(219,232,232,.9)}.order-pin-modal .modal-actions .btn.primary,#customerModal .modal-actions .btn.primary{background:linear-gradient(135deg,var(--brand,#17876f),var(--brand2,#6657e8));border-color:transparent;box-shadow:0 8px 18px rgba(23,135,111,.20)}
.order-cancel-fields[hidden]{display:none!important}.order-cancel-fields{display:grid;gap:12px;margin:0 0 15px;padding:14px;border:1px solid rgba(190,36,52,.18);border-radius:16px;background:linear-gradient(135deg,#fff8f8,#f8f5ff)}.cancel-modal-callout{display:grid;gap:3px;padding:10px 11px;border-left:3px solid #bd2434;border-radius:10px;background:rgba(255,255,255,.72)}.cancel-modal-callout b{color:#9f3040;font-size:11px}.cancel-modal-callout span{color:#718092;font-size:10px;line-height:1.4}.order-cancel-fields .field{margin:0}.order-cancel-fields .field label{color:#566b7b}.order-cancel-fields textarea{min-height:70px;resize:vertical}.cancel-modal-items{display:grid;gap:7px;max-height:235px;overflow:auto;padding-right:2px}.cancel-modal-items .cancel-item-option{margin:0;padding:9px 10px;background:rgba(255,255,255,.84)}.cancel-modal-items .cancel-item-option small{font-size:10px}.cancel-modal-items .cancel-item-option input[name^="item_reason"]{padding:7px 8px;font-size:11px}.cancel-modal-empty{padding:10px;color:#9f3040;border:1px dashed rgba(190,36,52,.3);border-radius:9px;background:#fffafa;font-size:10px}
#customerModal>.customer-modal-card{width:min(650px,calc(100vw - 30px));padding:28px 30px;border:1px solid rgba(207,226,224,.95);border-top:0;border-radius:27px;background:linear-gradient(145deg,#fff 0%,#f4fbf9 68%,#f6f3ff 100%);box-shadow:0 30px 100px rgba(9,35,47,.30);animation:posPopupIn .2s ease both;overflow:hidden}#customerModal .quick-customer-lookup{border-color:rgba(23,135,111,.20);box-shadow:0 9px 22px rgba(36,63,83,.045)}#customerModal .quick-customer-details{border-color:rgba(207,226,224,.92);background:rgba(255,255,255,.70)}#customerModal .modal-actions{margin:19px -2px -5px;padding:16px 2px 2px;background:linear-gradient(180deg,rgba(244,251,249,0),#f4fbf9 40%)}
@media(max-width:560px){.order-pin-modal>.pin-modal-card{width:calc(100vw - 20px);padding:20px 18px;border-radius:20px}.order-pin-modal .modal-head,#customerModal .modal-head{margin:-20px -18px 16px;padding:18px 18px 16px;border-radius:17px 17px 0 0}.order-cancel-fields{padding:11px}.cancel-modal-items{max-height:200px}#customerModal>.customer-modal-card{width:calc(100vw - 20px);padding:20px 18px;border-radius:20px}}

/* v2.10.2: flat POS orange accents and compact action popups. */
:root{--pos-orange:#ff790b;--pos-orange-dark:#d85b05;--pos-orange-soft:#fff2e5}
.order-pin-modal{background:rgba(32,42,51,.72)!important;align-items:start;justify-items:center;padding:10px;overflow-y:auto;overscroll-behavior:contain}
.order-pin-modal>.pin-modal-card{width:min(560px,calc(100vw - 20px));max-height:calc(100dvh - 20px);height:auto;padding:18px 20px;border-top:0;border-radius:12px;overflow-y:auto;overscroll-behavior:contain}
.order-pin-modal>.pin-modal-card,#customerModal>.customer-modal-card{border-color:#ecd6c5;background:#fffaf4}
.order-pin-modal .modal-head{margin:-18px -20px 13px;padding:15px 20px 14px;border-radius:10px 10px 0 0;background:#e96508}
.order-pin-modal .modal-head h3{font-size:21px}
.order-pin-modal .modal-head p{color:rgba(255,255,255,.82)}
.order-pin-modal .modal-kicker{color:#ffd7b2}
.order-pin-modal .modal-close{width:34px;height:34px;font-size:20px}
.order-pin-modal .field input{height:42px;min-height:42px;border-color:#f0c49f}
.order-pin-modal .field input:focus{border-color:var(--pos-orange);box-shadow:0 0 0 4px rgba(255,121,11,.15)}
.order-pin-modal .modal-actions{margin-top:11px;padding-top:11px}
.order-pin-modal .modal-actions .btn.primary,#customerModal .modal-actions .btn.primary{background:var(--pos-orange)!important;border-color:var(--pos-orange)!important;box-shadow:0 6px 14px rgba(255,121,11,.22)}
.order-cancel-fields{gap:7px;margin-bottom:9px;padding:9px;border-color:rgba(255,121,11,.34);border-radius:9px;background:#fff8ef}
.cancel-modal-callout{padding:7px 9px;border-left-color:var(--pos-orange);border-radius:7px;background:#fff}
.cancel-modal-callout b{color:var(--pos-orange-dark)}
.order-cancel-fields textarea{min-height:56px;max-height:72px}
.cancel-modal-items{max-height:min(150px,19dvh);gap:5px;overscroll-behavior:contain}
.cancel-modal-items .cancel-item-option{padding:6px 7px;border-radius:7px;border-color:#f0ddd0;background:#fffdfb}
.cancel-modal-items .cancel-item-option:has(input[type="checkbox"]:checked){border-color:rgba(255,121,11,.58);background:#fff4e9}
.cancel-modal-items .cancel-item-option>input[type="checkbox"]{width:16px;height:16px;min-width:16px;margin:3px 0 0;accent-color:var(--pos-orange);transform:none}
.cancel-modal-items .cancel-item-option input[name^="item_reason"]{padding:5px 7px}
.cancel-modal-empty{padding:7px;border-color:rgba(255,121,11,.35);background:#fffaf4;color:var(--pos-orange-dark)}
.order-pin-modal .modal-close,#customerModal .modal-close{border-radius:8px}
.order-pin-modal .modal-actions{margin-top:9px;padding-top:9px}
#customerModal{background:rgba(32,42,51,.72)!important}
#customerModal>.customer-modal-card{width:min(600px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:20px 22px;border-radius:12px}
#customerModal .modal-head{margin:-20px -22px 15px;padding:16px 22px 15px;border-radius:10px 10px 0 0;background:#e96508}
#customerModal .modal-kicker{color:#ffd7b2}
#customerModal .quick-customer-lookup{background:#fff8ef;border-color:rgba(255,121,11,.26);border-radius:9px}
#customerModal .quick-customer-lookup-icon{background:var(--pos-orange)!important;border-radius:7px}
#customerModal .quick-customer-lookup-head b{color:#8f4c13}
#customerModal .quick-customer-match-status{border-color:rgba(255,121,11,.34);color:var(--pos-orange-dark)}
#customerModal .quick-phone-field input{border-color:#f0c49f}
#customerModal .quick-phone-field input:focus{border-color:var(--pos-orange);box-shadow:0 0 0 4px rgba(255,121,11,.15)}
#customerModal .quick-customer-details{border-color:#f0dfd0;background:#fff;border-radius:9px}
#customerModal .modal-actions{margin:13px 0 -2px;padding:10px 0 0;background:#fffaf4}
@media(max-width:560px){
  .order-pin-modal{padding:8px}
  .order-pin-modal>.pin-modal-card{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);padding:14px 12px;border-radius:10px}
  .order-pin-modal .modal-head{margin:-14px -12px 11px;padding:13px 12px 12px;border-radius:8px 8px 0 0}
  .order-pin-modal .modal-head h3{font-size:19px}
  .order-cancel-fields{padding:9px}
  .cancel-modal-items{max-height:min(135px,18dvh)}
  #customerModal>.customer-modal-card{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);padding:14px 12px;border-radius:10px}
  #customerModal .modal-head{margin:-14px -12px 13px;padding:14px 12px 13px;border-radius:8px 8px 0 0}
}

/* v2.10.3: compact, flat POS treatment for both action popups. */
.order-pin-modal>.pin-modal-card{width:min(540px,calc(100vw - 20px));max-height:calc(100dvh - 20px);padding:16px 18px;border-radius:10px;background:#fffaf4!important;box-shadow:0 18px 42px rgba(32,42,51,.24)}
.order-pin-modal .modal-head{margin:-16px -18px 12px;padding:14px 18px 13px;border-radius:8px 8px 0 0;background:#e96508!important}
.order-pin-modal .modal-head h3{font-size:20px}.order-pin-modal .modal-actions{margin-top:8px;padding-top:8px}
.order-cancel-fields{padding:8px;border-radius:7px;background:#fff8ef!important}.cancel-modal-callout{padding:6px 8px;border-radius:6px}.cancel-modal-items{max-height:min(135px,18dvh)}.cancel-modal-items .cancel-item-option{border-radius:6px}
#customerModal>.customer-modal-card{width:min(540px,calc(100vw - 20px));max-height:calc(100dvh - 20px);padding:16px 18px;border-radius:10px;background:#fffaf4!important;box-shadow:0 18px 42px rgba(32,42,51,.24)}
#customerModal .modal-head{margin:-16px -18px 13px;padding:14px 18px 13px;border-radius:8px 8px 0 0;background:#e96508!important}
#customerModal .quick-customer-lookup{background:#fff8ef!important;border-radius:7px}.quick-customer-details,#customerModal .quick-customer-details{border-radius:7px}
#customerModal .modal-actions{margin:10px 0 -1px;padding:8px 0 0;background:#fffaf4!important}
@media(max-width:560px){
  .order-pin-modal>.pin-modal-card{width:calc(100vw - 14px);max-height:calc(100dvh - 14px);padding:12px 10px;border-radius:8px}
  .order-pin-modal .modal-head{margin:-12px -10px 10px;padding:12px 10px 11px;border-radius:7px 7px 0 0}
  .order-cancel-fields{padding:7px}.cancel-modal-items{max-height:min(120px,17dvh)}
  #customerModal>.customer-modal-card{width:calc(100vw - 14px);max-height:calc(100dvh - 14px);padding:12px 10px;border-radius:8px}
  #customerModal .modal-head{margin:-12px -10px 11px;padding:12px 10px 11px;border-radius:7px 7px 0 0}
}