html,body { max-width:100%; overflow-x:hidden; } body { margin:0; font-family:Arial, Helvetica, sans-serif; } button { cursor:pointer; } button:disabled { cursor:not-allowed; opacity:.45; }
.primary,.secondary,.category,.icon,.back { border:0; font-weight:800; text-transform:uppercase; letter-spacing:.04em; font-size:.72rem; }
.primary { background:#ea580c; color:white; padding:.9rem 1rem; border-radius:.25rem; }.primary:hover { background:#c2410c; }.secondary { background:#1c1917;color:white;padding:.75rem 1rem;border-radius:.25rem; }.category { white-space:nowrap;background:white;border:1px solid #e7e5e4;padding:.65rem .85rem;border-radius:.25rem;color:#57534e; }.category.selected { background:#1c1917;color:white;border-color:#1c1917; }.step { padding:.4rem .6rem;background:#f5f5f4;color:#a8a29e;border-radius:.2rem; }.step.active { background:#ffedd5;color:#c2410c; }.product { min-width:0; overflow:hidden;background:#fff;border:1px solid #e7e5e4;border-radius:.35rem;box-shadow:0 1px 2px #00000008; }.product h2 { overflow-wrap:anywhere; }.product-art { height:7rem;display:grid;place-items:center;background:linear-gradient(135deg,#fed7aa,#fef3c7);color:#c2410c;font-size:3rem;font-weight:900; }.cart { min-width:0; display:flex;flex-direction:column;position:sticky;top:1rem;height:calc(100vh - 8.5rem);min-height:450px;background:#fff;padding:1.25rem;box-shadow:0 1px 3px #00000012; }.cart-lines { flex:1;overflow:auto; }.icon { width:1.75rem;height:1.75rem;background:#f5f5f4;border-radius:.25rem;font-size:1.1rem; }.field { display:grid;gap:.45rem;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em; }.field input { border:1px solid #d6d3d1;border-radius:.25rem;padding:.75rem;font-size:.95rem;text-transform:none;letter-spacing:0;outline-color:#ea580c; }.field small { color:#dc2626;text-transform:none;letter-spacing:0; }.toggle { display:flex;gap:.6rem;align-items:center;background:#fafaf9;padding:.85rem;font-weight:700; }.toggle input { accent-color:#ea580c;width:1.1rem;height:1.1rem; }.breakdown { background:#fff;padding:1rem;display:grid;gap:.4rem; }.breakdown b { font-size:.67rem;text-transform:uppercase;color:#78716c; }.breakdown strong { font-size:1.05rem; }.back { color:#c2410c;background:none;padding:0; }.ticket { margin:0;min-height:430px;white-space:pre-wrap;background:#292524;color:#fafaf9;padding:2rem;font-family:ui-monospace,monospace;font-size:.82rem;line-height:1.75; }.summary { display:flex;justify-content:space-between;border-bottom:1px solid #e7e5e4;padding:.8rem 0;font-size:.85rem; }.overlay { position:fixed;inset:0;z-index:10;display:flex;justify-content:flex-end;background:#0008; }.drawer { width:min(100%,460px);height:100dvh;max-height:100dvh;overflow-y:auto;background:#fff;padding:1rem 1rem 6.5rem;box-shadow:-8px 0 25px #0003;scroll-padding-top:4.5rem; }.drawer-head { position:sticky;top:-1rem;z-index:4;background:#fff;padding:1rem 0 .75rem; }.drawer-submit { position:sticky;bottom:-1rem;z-index:5;box-shadow:0 -12px 18px #fff; }.option { display:flex;align-items:center;gap:.5rem;justify-content:space-between;border:1px solid #e7e5e4;border-radius:.25rem;padding:.65rem;font-size:.8rem;transition:background .15s,border-color .15s; }.option:has(input:checked) { border-color:#ea580c;background:#fff7ed; }.option input { accent-color:#ea580c; }.option b { font-size:.65rem;color:#c2410c; }
@media (max-width:1023px){.cart{position:static;height:auto}.cart-lines{max-height:360px}} @media (max-width:640px){.step{font-size:.6rem;padding:.35rem}.ticket{padding:1.25rem;font-size:.7rem}}
.admin-panel{background:#fff;padding:1.25rem;box-shadow:0 1px 3px #0000000d}.panel-title{font-size:1.05rem;font-weight:900}.admin-input{width:100%;border:1px solid #d6d3d1;border-radius:.25rem;padding:.65rem .75rem;font-size:.88rem;outline-color:#ea580c}.admin-field{display:grid;gap:.35rem;font-size:.68rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.admin-row{display:flex;align-items:center;gap:.5rem;border:1px solid #e7e5e4;padding:.65rem .75rem}.danger{color:#dc2626;font-size:1.2rem}.error{display:block;color:#dc2626;font-size:.7rem}.admin-table{width:100%;font-size:.82rem;text-align:left}.admin-table th{border-bottom:2px solid #e7e5e4;padding:.7rem}.admin-table td{border-bottom:1px solid #f5f5f4;padding:.75rem}.edit-button{color:#c2410c;font-weight:800}.option-chip{display:inline-flex;align-items:center;gap:.45rem;border:1px solid #e7e5e4;border-radius:999px;padding:.4rem .65rem;font-size:.75rem}.option-chip small{color:#78716c}.option-chip button{color:#dc2626;font-size:1rem}.admin-panel .option{font-size:.72rem;padding:.45rem}
.size-choice{overflow:hidden;border:1px solid #e2e8f0;border-radius:.5rem}.size-choice label{display:flex;align-items:center;gap:.7rem;padding:1rem 1.1rem;border-bottom:1px solid #e2e8f0;font-size:1rem}.size-choice label:last-child{border-bottom:0}.size-choice label:has(input:checked){background:#fafafa;font-weight:700}.size-choice input{accent-color:#111827;width:1.15rem;height:1.15rem}.size-choice span{flex:1}.size-choice b{background:#000;color:#fff;border-radius:.7rem;padding:.45rem .7rem;font-size:.85rem}.size-choice strong{color:#11158c;font-size:1.4rem}
.offer-card{overflow:hidden;background:#fff;border:1px solid #e7e5e4;border-radius:.35rem;box-shadow:0 2px 8px #00000012}.offer-art,.offer-image{height:15rem;width:100%;object-fit:contain;background:#fff}.offer-art{display:grid;place-items:center;background:#11158c;color:#fff;font-size:2.5rem;font-weight:900}.offer-button{border:2px solid #11158c;color:#11158c;padding:.65rem .9rem;font-size:.72rem;font-weight:900;text-transform:uppercase}.offer-button:hover{background:#11158c;color:#fff}
.offer-choice{display:flex;width:100%;align-items:center;justify-content:space-between;border:1px solid #e7e5e4;padding:1rem;text-align:left;font-weight:800}.offer-choice:hover{border-color:#11158c;background:#f8fafc}.offer-choice b{background:#11158c;color:#fff;padding:.35rem .55rem;font-size:.75rem}
.cart-ticket{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#c41616}.cart-ticket-item{border-bottom:1px solid #e7e5e4;padding:1rem 0}.ticket-row{display:grid;grid-template-columns:3.2rem minmax(0,1fr) auto;gap:.35rem;align-items:baseline;font-size:.9rem;line-height:1.55}.ticket-main{font-size:1rem;font-weight:700}.ticket-main span:nth-child(2){overflow-wrap:anywhere}.ticket-detail{padding-left:2rem;font-size:.82rem}.ticket-detail span:last-child{text-align:right}.cart-ticket .icon{font-family:Arial,sans-serif;color:#1c1917}
.cart-ticket .danger { color:#dc2626; background:#fef2f2; border:1px solid #fecaca; border-radius:.25rem; width:1.75rem; height:1.75rem; font-size:1.1rem; line-height:1; }
.offer-drawer { width:min(100%,680px); }
.drawer { position:relative; display:flex; flex-direction:column; overflow:hidden; }
.drawer { box-sizing:border-box; padding:1rem; }
.drawer-scroll { min-height:0; flex:1; overflow-y:auto; padding-bottom:.5rem; }
.drawer-submit { position:static; flex-shrink:0; margin-top:1rem !important; box-shadow:0 -10px 16px #fff; }
.multi-select { width:100%; min-height:8rem; border:1px solid #d6d3d1; border-radius:.35rem; background:#fff; padding:.35rem; font-size:.95rem; outline-color:#ea580c; }
.multi-select option { padding:.65rem .55rem; border-radius:.2rem; }
.multi-select option:checked { background:#ffedd5 linear-gradient(0deg,#ffedd5,#ffedd5); color:#9a3412; font-weight:700; }
.multi-trigger { display:flex; width:100%; align-items:center; justify-content:space-between; border:1px solid #d6d3d1; border-radius:.35rem; background:#fff; padding:.8rem .9rem; font-size:.9rem; font-weight:700; text-align:left; text-transform:none; letter-spacing:normal; }
.multi-menu { display:grid; gap:.45rem; margin-top:.5rem; max-height:15rem; overflow-y:auto; border:1px solid #e7e5e4; border-radius:.35rem; background:#fff; padding:.55rem; box-shadow:0 8px 18px #00000012; }
.multi-trigger-label { min-width:0; flex:1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.multi-chips { display:flex; min-width:0; flex:1; flex-wrap:wrap; gap:.35rem; }
.multi-chip { display:inline-flex; max-width:100%; align-items:center; gap:.3rem; border:1px solid #fdba74; border-radius:.25rem; background:#fff7ed; padding:.25rem .45rem; color:#9a3412; font-size:.78rem; font-weight:700; }
.multi-chip button { color:#c2410c; font-size:1rem; font-weight:900; line-height:1; }
.product-image { display:block; width:100%; height:14rem; object-fit:contain; background:#fff; }
.field input:disabled { cursor:not-allowed; background:#f5f5f4; color:#a8a29e; }
.rule-help { display:block; margin-top:.45rem; border:1px solid #fed7aa; border-radius:.3rem; background:#fff7ed; padding:.45rem .6rem; color:#9a3412; font-size:.72rem; font-weight:700; }
.product-art { height:14rem; }
@media (max-width: 640px) {
.product-image, .product-art, .offer-image, .offer-art { height:12rem; }
}
[x-cloak] { display:none !important; }
/* Admin dashboard */
.db-shell{min-height:100vh;background:#f5f5f4;color:#1c1917;display:grid;grid-template-columns:248px minmax(0,1fr)}
.db-sidebar{position:fixed;inset:0 auto 0 0;width:248px;box-sizing:border-box;background:#1c1917;color:#fff;padding:1.5rem 1rem;display:flex;flex-direction:column;overflow-y:auto}
.db-brand{display:flex;align-items:center;gap:.75rem;padding:0 .5rem 1.5rem;border-bottom:1px solid #44403c}.db-brand-mark{display:grid;place-items:center;width:2.4rem;height:2.4rem;border-radius:.35rem;background:#ea580c;font-size:.78rem;font-weight:900}.db-brand strong,.db-brand small{display:block}.db-brand strong{font-size:.95rem}.db-brand small{margin-top:.15rem;color:#a8a29e;font-size:.65rem;text-transform:uppercase;letter-spacing:.08em}
.db-nav{display:grid;gap:.3rem;margin-top:1.4rem}.db-nav a{display:flex;align-items:center;justify-content:space-between;min-height:2.8rem;padding:0 .85rem;border-radius:.3rem;color:#d6d3d1;font-size:.82rem;font-weight:700;text-decoration:none}.db-nav a:hover{background:#292524;color:#fff}.db-nav a.is-active{background:#fff;color:#1c1917}.db-nav b{min-width:1.35rem;padding:.18rem .35rem;border-radius:999px;background:#ea580c;color:#fff;text-align:center;font-size:.65rem}
.db-sidebar-bottom{margin-top:auto;display:grid;gap:.55rem}.db-sidebar-bottom a,.db-sidebar-bottom button{box-sizing:border-box;width:100%;border-radius:.3rem;padding:.75rem;text-align:center;text-decoration:none;text-transform:uppercase;letter-spacing:.04em;font-size:.68rem;font-weight:900}.db-pos-link{background:#ea580c;color:#fff}.db-logout{border:1px solid #57534e;background:transparent;color:#d6d3d1}.db-sidebar-bottom p{margin:.4rem 0 0;color:#78716c;text-align:center;font-size:.7rem}
.db-workspace{min-width:0;grid-column:2}.db-topbar{min-height:88px;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid #e7e5e4;background:#fff;padding:1.15rem 2rem}.db-topbar h1{margin:.15rem 0 0;font-size:1.65rem;line-height:1.1}.db-eyebrow{margin:0;color:#a8a29e;font-size:.65rem;font-weight:900;text-transform:uppercase;letter-spacing:.09em}.db-top-actions{display:flex;gap:.6rem}.db-button{display:inline-flex;align-items:center;justify-content:center;min-height:2.6rem;box-sizing:border-box;border-radius:.3rem;padding:.65rem .95rem;text-decoration:none;text-transform:uppercase;letter-spacing:.03em;font-size:.68rem;font-weight:900}.db-button-primary{background:#ea580c;color:#fff}.db-button-secondary{border:1px solid #d6d3d1;background:#fff;color:#292524}
.db-main{max-width:1580px;margin:0 auto;padding:1.6rem 2rem 2.5rem}.db-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border:1px solid #e7e5e4;background:#e7e5e4;gap:1px}.db-metric{min-width:0;background:#fff;padding:1.25rem}.db-metric-accent{border-top:3px solid #ea580c;padding-top:calc(1.25rem - 3px)}.db-metric-head{display:flex;justify-content:space-between;gap:.5rem;color:#57534e;font-size:.68rem;font-weight:900;text-transform:uppercase}.db-metric-head small{color:#a8a29e;font-size:.58rem}.db-metric>strong{display:block;margin-top:.8rem;font-size:1.75rem;line-height:1;white-space:nowrap}.db-metric>strong em{font-size:.65rem;font-style:normal;color:#78716c}.db-metric>p{margin:.55rem 0 0;color:#78716c;font-size:.7rem}
.db-content-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;align-items:start;gap:1rem;margin-top:1rem}.db-section{border:1px solid #e7e5e4;border-radius:.35rem;background:#fff}.db-section-head{min-height:74px;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.2rem;border-bottom:1px solid #e7e5e4}.db-section-head h2{margin:.2rem 0 0;font-size:1rem}.db-section-head>a{color:#c2410c;font-size:.72rem;font-weight:900;text-decoration:none}.db-table-wrap{overflow-x:auto}.db-table{width:100%;border-collapse:collapse;text-align:left;font-size:.76rem}.db-table th{padding:.75rem 1rem;border-bottom:1px solid #e7e5e4;color:#78716c;text-transform:uppercase;font-size:.6rem;letter-spacing:.05em}.db-table td{padding:.85rem 1rem;border-bottom:1px solid #f5f5f4;white-space:nowrap}.db-table tbody tr:last-child td{border-bottom:0}.db-table td a{display:block;color:#1c1917;font-weight:900;text-decoration:none}.db-table td small{display:block;margin-top:.2rem;color:#a8a29e}.db-align-right{text-align:right!important}.db-status{display:inline-flex;border-radius:999px;padding:.28rem .5rem;font-size:.62rem;font-weight:900}.db-status-pending{background:#fff7ed;color:#c2410c}.db-status-kitchen{background:#fef3c7;color:#92400e}.db-status-delivering{background:#eff6ff;color:#1d4ed8}.db-status-completed{background:#ecfdf5;color:#047857}.db-status-cancelled{background:#fef2f2;color:#b91c1c}.db-empty{padding:3.5rem!important;text-align:center;color:#a8a29e}.db-side-stack{display:grid;align-content:start;gap:1rem}.db-status-list{padding:.45rem 1.2rem}.db-status-row{display:flex;align-items:center;justify-content:space-between;padding:.68rem 0;border-bottom:1px solid #f5f5f4;color:#44403c;text-decoration:none;font-size:.76rem}.db-status-row:last-child{border-bottom:0}.db-status-row span{display:flex;align-items:center;gap:.55rem}.db-dot{width:.5rem;height:.5rem;border-radius:50%;background:#a8a29e}.db-dot-pending{background:#ea580c}.db-dot-kitchen{background:#d97706}.db-dot-delivering{background:#2563eb}.db-dot-completed{background:#059669}.db-dot-cancelled{background:#dc2626}.db-catalogue-stats{display:grid;grid-template-columns:1fr 1fr}.db-catalogue-stats a{display:grid;gap:.2rem;padding:1rem 1.2rem;border-right:1px solid #f5f5f4;border-bottom:1px solid #f5f5f4;color:#1c1917;text-decoration:none}.db-catalogue-stats a:nth-child(2n){border-right:0}.db-catalogue-stats a:nth-last-child(-n+2){border-bottom:0}.db-catalogue-stats strong{font-size:1.2rem}.db-catalogue-stats span{color:#78716c;font-size:.68rem}
@media(max-width:1100px){.db-shell{grid-template-columns:210px minmax(0,1fr)}.db-content-grid{grid-template-columns:1fr}.db-side-stack{grid-template-columns:1fr 1fr}.db-metrics{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.db-shell{display:block}.db-sidebar{position:static;width:100%;height:auto;padding:1rem}.db-workspace{grid-column:auto}.db-brand{padding-bottom:1rem}.db-nav{display:flex;overflow-x:auto;margin-top:1rem;padding-bottom:.2rem}.db-nav a{flex:0 0 auto;min-height:2.4rem}.db-sidebar-bottom{grid-template-columns:1fr 1fr;margin-top:1rem}.db-sidebar-bottom p{display:none}.db-topbar{align-items:flex-start;padding:1rem}.db-topbar h1{font-size:1.35rem}.db-top-actions{display:grid}.db-button{min-height:2.3rem;padding:.55rem .7rem;font-size:.6rem}.db-main{padding:1rem}.db-metrics{grid-template-columns:1fr 1fr}.db-metric{padding:1rem}.db-metric>strong{font-size:1.35rem}.db-side-stack{grid-template-columns:1fr}.db-orders-section{min-width:0}.db-table th,.db-table td{padding:.75rem}.db-table th:nth-child(3),.db-table td:nth-child(3){display:none}}
@media(max-width:440px){.db-metrics{grid-template-columns:1fr}.db-topbar{display:block}.db-top-actions{grid-template-columns:1fr 1fr;margin-top:1rem}.db-sidebar-bottom{grid-template-columns:1fr}.db-table th:nth-child(2),.db-table td:nth-child(2){display:none}}
/* Orders */
.orders-main{max-width:1580px}.orders-notice{margin-bottom:1rem;border:1px solid #a7f3d0;border-radius:.35rem;background:#ecfdf5;padding:.8rem 1rem;color:#047857;font-size:.8rem;font-weight:800}.orders-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;border:1px solid #e7e5e4;background:#e7e5e4}.orders-summary article{display:grid;gap:.4rem;background:#fff;padding:1rem 1.15rem}.orders-summary span{color:#78716c;font-size:.65rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.orders-summary strong{font-size:1.4rem;line-height:1.1}.orders-summary em{font-size:.65rem;font-style:normal;color:#78716c}.orders-summary small{color:#a8a29e;font-size:.68rem}.orders-panel{margin-top:1rem;border:1px solid #e7e5e4;border-radius:.35rem;background:#fff}.orders-panel-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.2rem;border-bottom:1px solid #e7e5e4}.orders-panel-head h2{margin:.2rem 0 0;font-size:1rem}.orders-status-summary{display:flex;gap:.75rem;color:#57534e;font-size:.72rem;font-weight:900}.orders-status-summary span{display:flex;align-items:center;gap:.3rem}.orders-filters{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:.75rem;padding:1rem 1.2rem;border-bottom:1px solid #e7e5e4;background:#fafaf9}.orders-filters label{display:grid;gap:.35rem;color:#78716c;font-size:.62rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.orders-filters input,.orders-filters select{width:100%;min-height:2.65rem;box-sizing:border-box;border:1px solid #d6d3d1;border-radius:.3rem;background:#fff;padding:.6rem .75rem;color:#1c1917;font-size:.82rem;font-weight:600;outline-color:#ea580c;text-transform:none;letter-spacing:0}.orders-table-wrap{overflow-x:auto}.orders-table{width:100%;min-width:920px;border-collapse:collapse;text-align:left;font-size:.76rem}.orders-table th{padding:.75rem 1rem;border-bottom:1px solid #e7e5e4;color:#78716c;font-size:.6rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.orders-table td{padding:1rem;border-bottom:1px solid #f5f5f4;vertical-align:middle}.orders-table tbody tr:hover{background:#fffbf7}.orders-table tbody tr:last-child td{border-bottom:0}.orders-table strong,.orders-table small{display:block}.orders-table strong{font-size:.78rem}.orders-table small{margin-top:.25rem;color:#a8a29e;font-size:.67rem}.orders-number strong{font-weight:900}.orders-actions-head{text-align:right}.orders-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:.4rem;min-width:260px}.orders-action{display:inline-flex;align-items:center;justify-content:center;min-height:2rem;box-sizing:border-box;border:1px solid #d6d3d1;border-radius:.25rem;background:#fff;padding:.35rem .55rem;color:#44403c;font-size:.63rem;font-weight:900;text-decoration:none;text-transform:uppercase;letter-spacing:.02em}.orders-action:hover{border-color:#a8a29e;background:#fafaf9}.orders-action-main{border-color:#ea580c;background:#ea580c;color:#fff}.orders-action-main:hover{background:#c2410c}.orders-action-danger{border-color:#fecaca;color:#b91c1c}.orders-empty{padding:4rem!important;color:#a8a29e;text-align:center}
@media(max-width:760px){.orders-summary{grid-template-columns:1fr}.orders-panel-head{align-items:flex-start}.orders-filters{grid-template-columns:1fr}.orders-table{min-width:780px}.orders-main{padding:1rem}.orders-summary article{padding:.9rem 1rem}}
.cashier-orders-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;border:1px solid #e7e5e4;border-radius:.35rem;background:#fff;padding:1.1rem 1.2rem}.cashier-orders-head h2{margin:.2rem 0 0;font-size:1.2rem}.cashier-orders-head>div>span{display:block;margin-top:.25rem;color:#78716c;font-size:.72rem}.cashier-new-order{border-radius:.3rem;background:#ea580c;padding:.7rem .85rem;color:#fff;text-decoration:none;text-transform:uppercase;font-size:.65rem;font-weight:900}.cashier-orders-toolbar{display:grid;grid-template-columns:minmax(0,320px) 1fr;align-items:end;gap:1rem;margin-top:1rem;border:1px solid #e7e5e4;border-radius:.35rem;background:#fff;padding:1rem 1.2rem}.cashier-orders-toolbar label{display:grid;gap:.35rem;color:#78716c;font-size:.62rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.cashier-orders-toolbar input{width:100%;box-sizing:border-box;min-height:2.6rem;border:1px solid #d6d3d1;border-radius:.3rem;padding:.6rem .75rem;font-size:.82rem;outline-color:#ea580c;text-transform:none;letter-spacing:0}.cashier-status-tabs{display:flex;justify-content:flex-end;gap:.4rem}.cashier-status-tabs button{border:1px solid #d6d3d1;border-radius:.25rem;background:#fff;padding:.55rem .7rem;color:#57534e;font-size:.65rem;font-weight:900}.cashier-status-tabs button b{margin-left:.2rem;color:#a8a29e}.cashier-status-tabs button.is-active{border-color:#1c1917;background:#1c1917;color:#fff}.cashier-status-tabs button.is-active b{color:#fff}.cashier-order-list{display:grid;gap:.7rem;margin-top:1rem}.cashier-order-card{border:1px solid #e7e5e4;border-left:4px solid #f59e0b;border-radius:.35rem;background:#fff;padding:1rem 1.15rem;box-shadow:0 1px 2px #00000008}.cashier-order-card.is-printed{border-left-color:#10b981;background:#f0fdf4}.cashier-order-main{display:grid;grid-template-columns:1.2fr 1.3fr 1fr auto;align-items:center;gap:1rem}.cashier-order-number span{display:block;font-size:.9rem;font-weight:900}.cashier-order-number small,.cashier-order-client small,.cashier-order-total small{display:block;margin-top:.25rem;color:#78716c;font-size:.67rem}.cashier-order-client strong,.cashier-order-total strong{font-size:.78rem}.cashier-order-status{display:inline-flex;align-items:center;gap:.4rem;border-radius:999px;background:#fff7ed;padding:.35rem .55rem;color:#b45309;font-size:.63rem;font-weight:900;white-space:nowrap}.cashier-order-status i{width:.45rem;height:.45rem;border-radius:50%;background:#f59e0b}.cashier-order-status.is-printed{background:#dcfce7;color:#047857}.cashier-order-status.is-printed i{background:#10b981}.cashier-order-actions{display:flex;justify-content:flex-end;gap:.45rem;margin-top:.9rem;border-top:1px solid #f5f5f4;padding-top:.8rem}.cashier-action{display:inline-flex;align-items:center;justify-content:center;min-height:2.25rem;border:1px solid #d6d3d1;border-radius:.25rem;background:#fff;padding:.45rem .7rem;color:#44403c;text-decoration:none;text-transform:uppercase;font-size:.62rem;font-weight:900}.cashier-action-edit{border-color:#ea580c;color:#c2410c}.cashier-action-print{border-color:#ea580c;background:#ea580c;color:#fff}.cashier-action-whatsapp{border-color:#86efac;background:#f0fdf4;color:#047857}.cashier-orders-empty{border:1px dashed #d6d3d1;border-radius:.35rem;background:#fff;padding:4rem 1rem;color:#a8a29e;text-align:center;font-size:.8rem}
.cashier-order-flags{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.4rem}.cashier-order-flag{display:inline-flex;align-items:center;border-radius:999px;padding:2px 6px;font-size:11px!important;font-weight:800;line-height:1.1}.cashier-order-flag.is-paid{background:#dcfce7;color:#047857}.cashier-order-flag.is-complement{background:#fff7ed;color:#c2410c}
.cashier-order-distance{color:#0f766e!important;font-weight:900}
.order-confirm-overlay{position:fixed;inset:0;z-index:35;display:flex;align-items:center;justify-content:center;background:#1c191dcc;padding:1rem}.order-confirm-panel{width:min(100%,420px);border-radius:.55rem;background:#fff;padding:1.6rem;box-shadow:0 12px 40px #0006;text-align:center}.order-confirm-icon{display:grid;place-items:center;width:2.8rem;height:2.8rem;margin:0 auto 1rem;border-radius:50%;background:#fee2e2;color:#b91c1c;font-size:1.4rem;font-weight:900}.order-confirm-panel h2{margin:.35rem 0;font-size:1.25rem}.order-confirm-panel>p:not(.db-eyebrow){margin:.65rem 0 1.25rem;color:#78716c;font-size:.8rem}.order-confirm-actions{display:flex;justify-content:center;gap:.6rem}.order-confirm-actions .cashier-action{min-width:9rem}
.ticket-preview-totals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem;flex:1}.ticket-preview-totals span{display:grid;gap:.2rem}.ticket-preview-totals small{color:#78716c;font-size:.62rem;font-weight:700}.ticket-preview-totals b{font-size:.82rem}
@media(max-width:600px){.ticket-preview-panel footer{align-items:stretch;flex-direction:column}.ticket-preview-totals{grid-template-columns:1fr;gap:.35rem}.ticket-preview-totals span{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #f5f5f4;padding:.35rem 0}.ticket-preview-totals span:last-child{grid-column:auto;border-bottom:0;padding-top:.65rem}.ticket-preview-totals span:last-child b{color:#c2410c;font-size:.95rem}.ticket-preview-panel footer .cashier-action{width:100%}}
@media(max-width:600px){.ticket-preview-totals span{display:grid;justify-items:center;justify-content:center;gap:.15rem;text-align:center;width:100%}}
@media(max-width:600px){.ticket-preview-panel footer{align-items:center;flex-direction:row;gap:.65rem}.ticket-preview-totals{grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem}.ticket-preview-totals span{display:grid;justify-items:center;justify-content:center;border-bottom:0;padding:.35rem 0}.ticket-preview-totals span:last-child{padding-top:.35rem}.ticket-preview-totals small{font-size:.52rem}.ticket-preview-totals b{font-size:.72rem}.ticket-preview-totals span:last-child b{font-size:.82rem}.ticket-preview-panel footer .cashier-action{width:auto;flex:0 0 auto}}
@media(max-width:600px){.ticket-preview-panel footer{align-items:stretch;flex-direction:column}.ticket-preview-totals{grid-template-columns:1fr;gap:.2rem;width:100%}.ticket-preview-totals span,.ticket-preview-totals span:last-child{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #f5f5f4;padding:.45rem 0;text-align:left}.ticket-preview-totals small{font-size:.62rem}.ticket-preview-totals b,.ticket-preview-totals span:last-child b{font-size:.82rem}.ticket-preview-panel footer .cashier-action{width:100%}}
@media(max-width:600px){.order-confirm-overlay{padding:.75rem}.order-confirm-panel{padding:1.35rem}.order-confirm-actions{display:grid;grid-template-columns:1fr}.order-confirm-actions .cashier-action{width:100%;min-width:0}}
@media(max-width:760px){.db-workspace,.db-main,.cashier-orders-head,.cashier-orders-toolbar,.cashier-order-list,.cashier-order-card{width:100%;min-width:0;box-sizing:border-box}.cashier-orders-head{align-items:flex-start;flex-direction:column;padding:1rem}.cashier-new-order{width:100%;box-sizing:border-box;text-align:center}.cashier-orders-toolbar{grid-template-columns:1fr;margin-top:.75rem;padding:.85rem}.cashier-status-tabs{justify-content:stretch;overflow-x:auto;min-width:0}.cashier-status-tabs button{flex:1;white-space:nowrap}.cashier-order-card{padding:.9rem;border-left-width:3px}.cashier-order-main{grid-template-columns:1fr 1fr;gap:.75rem;min-width:0}.cashier-order-status{justify-self:start}.cashier-order-actions{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;min-width:0}.cashier-action{min-width:0;min-height:2.8rem;padding:.5rem .35rem;font-size:.58rem}.cashier-action-whatsapp{grid-column:1 / -1}}
.cashier-orders-shell .db-sidebar{display:none}.cashier-orders-shell .db-workspace{grid-column:1;min-width:0}.cashier-orders-shell .db-topbar{min-height:78px;padding:.9rem 1.5rem}.cashier-orders-shell .db-topbar h1{font-size:1.1rem}.cashier-orders-shell .db-topbar>div:nth-child(2){display:flex;align-items:center;gap:.75rem}.cashier-orders-shell .db-main{max-width:1200px}.cashier-orders-shell .db-button-primary{background:#ea580c}.cashier-orders-shell .cashier-orders-head{margin-top:.5rem}
@media(max-width:760px){.cashier-orders-shell .db-topbar{display:flex;align-items:center;gap:.75rem;padding:.75rem}.cashier-orders-shell .db-topbar .pos-brand{flex:1;min-width:0}.cashier-orders-shell .db-topbar .pos-brand strong{font-size:.82rem}.cashier-orders-shell .db-topbar .pos-brand small{font-size:.56rem}.cashier-orders-shell .db-topbar>div:nth-child(2){display:block;flex:0 0 auto}.cashier-orders-shell .db-topbar h1,.cashier-orders-shell .db-topbar .db-eyebrow{display:none}.cashier-orders-shell .db-top-actions{display:block;margin:0}.cashier-orders-shell .db-top-actions .db-button-primary{display:inline-flex;min-height:2.45rem;padding:.55rem .65rem;font-size:.58rem;white-space:nowrap}.cashier-orders-shell .db-main{padding:.75rem}}
.cashier-action-delete{border-color:#fecaca;color:#b91c1c}.cashier-action-delete:hover{background:#fef2f2}
@media(max-width:760px){.cashier-action-delete{grid-column:1 / -1}}
.cashier-action-details{border-color:#d6d3d1;color:#44403c}.ticket-preview-overlay{position:fixed;inset:0;z-index:30;display:flex;align-items:center;justify-content:center;background:#1c191dcc;padding:1rem}.ticket-preview-panel{display:flex;width:min(100%,560px);max-height:min(90vh,720px);flex-direction:column;border-radius:.4rem;background:#fff;box-shadow:0 12px 40px #0006;overflow:hidden}.ticket-preview-panel header{display:flex;align-items:start;justify-content:space-between;gap:1rem;border-bottom:1px solid #e7e5e4;padding:1rem 1.2rem}.ticket-preview-panel header h2{margin:.2rem 0 0;font-size:1.05rem}.ticket-preview-panel header button{border:0;border-radius:.25rem;background:#f5f5f4;padding:.35rem .6rem;font-size:1.4rem;line-height:1}.ticket-preview-panel pre{flex:1;min-height:220px;margin:0;overflow:auto;background:#292524;padding:1.2rem;color:#fafaf9;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem;line-height:1.7;white-space:pre-wrap}.ticket-preview-panel footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;border-top:1px solid #e7e5e4;padding:.8rem 1.2rem;font-size:.78rem;font-weight:900}.ticket-preview-panel footer .cashier-action{min-height:2.2rem}
/* Ticket details: use the same calm, compact visual language as the cashier POS. */
.ticket-preview-overlay{z-index:80;padding:1.5rem;background:rgb(28 25 23 / .72);backdrop-filter:blur(3px)}
.ticket-preview-panel{width:min(100%,720px);max-height:min(88dvh,760px);border:1px solid #e7e5e4;border-radius:.75rem;box-shadow:0 24px 64px rgb(28 25 23 / .28)}
.ticket-preview-panel header{min-height:104px;box-sizing:border-box;align-items:center;padding:1.35rem 1.5rem}
.ticket-preview-panel header h2{margin:.32rem 0 0;font-size:1.5rem;line-height:1.1;font-weight:800;letter-spacing:0}
.ticket-preview-panel .ticket-preview-close{display:grid;place-items:center;flex:0 0 auto;width:2.8rem;height:2.8rem;padding:0;border-radius:.45rem;background:#f5f5f4;color:#1c1917;font-size:1.85rem;font-weight:700;line-height:1}
.ticket-preview-panel .ticket-preview-close:hover{background:#ffedd5;color:#c2410c}
.ticket-preview-panel pre{min-height:260px;padding:1.45rem 1.5rem;background:#292524;color:#fafaf9;font-size:1rem;line-height:1.7}
.ticket-preview-panel footer{min-height:108px;box-sizing:border-box;gap:1.5rem;padding:1.15rem 1.5rem;font-size:.9rem}
.ticket-preview-totals{gap:1.5rem}
.ticket-preview-totals small{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.03em}
.ticket-preview-totals b{font-size:1.05rem;color:#1c1917}
.ticket-preview-panel footer .cashier-action{min-width:8.5rem;min-height:3rem;border-radius:.45rem;padding:.7rem 1rem;font-size:.78rem}
@media(min-width:601px){.ticket-preview-totals small{color:#1c1917;font-size:1.05rem;font-weight:800;text-transform:none;letter-spacing:0}}
@media(min-width:601px){.ticket-preview-panel{width:min(100%,860px)}.ticket-preview-panel footer{gap:1.1rem}.ticket-preview-totals{grid-template-columns:repeat(3,max-content);gap:1.15rem}.ticket-preview-totals small{white-space:nowrap;font-size:.95rem}.ticket-preview-totals b{font-size:1.18rem}.ticket-preview-panel footer .cashier-action{min-width:12.5rem;white-space:nowrap;font-size:.84rem}}
@media(max-width:600px){.ticket-preview-overlay{padding:1rem;align-items:center}.ticket-preview-panel{width:100%;max-height:calc(100dvh - 2rem);border-radius:.7rem}.ticket-preview-panel header{min-height:88px;padding:1rem 1.1rem}.ticket-preview-panel header h2{font-size:1.25rem}.ticket-preview-panel .ticket-preview-close{width:2.5rem;height:2.5rem;font-size:1.55rem}.ticket-preview-panel pre{flex:0 1 auto;min-height:0;max-height:38dvh;padding:1.1rem;font-size:.82rem;line-height:1.65}.ticket-preview-panel footer{min-height:0;gap:.85rem;padding:1rem 1.1rem}.ticket-preview-totals{grid-template-columns:1fr;gap:0;width:100%}.ticket-preview-totals span,.ticket-preview-totals span:last-child{display:flex;align-items:center;justify-content:space-between;padding:.55rem 0;border-bottom:1px solid #f5f5f4;text-align:left}.ticket-preview-totals span:last-child{border-bottom:0}.ticket-preview-totals small{font-size:.65rem}.ticket-preview-totals b,.ticket-preview-totals span:last-child b{font-size:.92rem;color:#1c1917}.ticket-preview-panel footer .cashier-action{width:100%;min-height:2.85rem;font-size:.72rem}}
@media(max-width:600px){.ticket-preview-totals small{color:#1c1917;font-size:.92rem;font-weight:800;text-transform:none;letter-spacing:0}}
/* Destructive actions follow the cashier dialog system, with a clear but restrained warning. */
.order-confirm-overlay{z-index:90;padding:1.5rem;background:rgb(28 25 23 / .72);backdrop-filter:blur(3px)}
.order-confirm-panel{width:min(100%,520px);border:1px solid #e7e5e4;border-radius:.75rem;padding:2rem;box-shadow:0 24px 64px rgb(28 25 23 / .28)}
.order-confirm-icon{width:3.5rem;height:3.5rem;margin-bottom:1.1rem;background:#fef2f2;color:#dc2626;font-size:1.55rem}
.order-confirm-panel h2{margin:.45rem 0;font-size:1.5rem;line-height:1.2;font-weight:800;letter-spacing:0}
.order-confirm-panel>p:not(.db-eyebrow){max-width:380px;margin:.75rem auto 1.5rem;color:#78716c;font-size:.9rem;line-height:1.55}
.order-confirm-panel>p strong{color:#44403c}
.order-confirm-actions{gap:.75rem}.order-confirm-actions .cashier-action{min-width:10rem;min-height:3rem;border-radius:.45rem;padding:.7rem 1rem;font-size:.78rem}
.order-confirm-actions .cashier-action-delete{border-color:#dc2626;background:#dc2626;color:#fff}.order-confirm-actions .cashier-action-delete:hover{background:#b91c1c}
@media(max-width:600px){.order-confirm-overlay{padding:1rem}.order-confirm-panel{width:100%;padding:1.5rem 1.1rem;border-radius:.7rem}.order-confirm-icon{width:3rem;height:3rem;margin-bottom:.85rem;font-size:1.35rem}.order-confirm-panel h2{font-size:1.25rem}.order-confirm-panel>p:not(.db-eyebrow){margin-bottom:1.25rem;font-size:.82rem}.order-confirm-actions{grid-template-columns:1fr;gap:.6rem}.order-confirm-actions .cashier-action{width:100%;min-height:2.85rem;font-size:.72rem}}
/* Delivery assignment success modal. */
.driver-assignment-overlay{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:rgb(28 25 23 / .72);padding:1rem;backdrop-filter:blur(3px)}.driver-assignment-popup{width:min(100%,440px);box-sizing:border-box;border:1px solid #e7e5e4;border-radius:.75rem;background:#fff;padding:2rem;text-align:center;box-shadow:0 24px 64px rgb(28 25 23 / .28)}.driver-assignment-icon{display:grid;place-items:center;width:3.5rem;height:3.5rem;margin:0 auto 1.1rem;border-radius:50%;background:#dcfce7;color:#059669;font-size:1.7rem;font-weight:900}.driver-assignment-popup h2{margin:.45rem 0;color:#1c1917;font-size:1.5rem;line-height:1.2}.driver-assignment-popup>p:not(.db-eyebrow){margin:.75rem auto 1.5rem;color:#78716c;font-size:.9rem;line-height:1.55}.driver-assignment-close{min-width:10rem;min-height:3rem;border:0;border-radius:.45rem;background:#ea580c;padding:.7rem 1rem;color:#fff;font-size:.78rem;font-weight:900;text-transform:uppercase}.driver-assignment-close:hover{background:#c2410c}@media(max-width:600px){.driver-assignment-popup{padding:1.5rem 1.1rem}.driver-assignment-popup h2{font-size:1.25rem}.driver-assignment-popup>p:not(.db-eyebrow){font-size:.82rem}.driver-assignment-close{width:100%;min-height:2.85rem;font-size:.72rem}}
.pos-offer-card{border:1px solid #e7e5e4!important}.pos-offer-card .offer-image{object-fit:contain;background:#fff}.pos-offer-card .offer-art{background:linear-gradient(135deg,#fed7aa,#fef3c7);color:#c2410c;font-size:3rem}
.pos-cart-jump{position:fixed;right:1rem;bottom:1rem;z-index:25;display:inline-flex;align-items:center;gap:.25rem;border:1px solid #fed7aa;border-radius:999px;background:#fff7ed;padding:.65rem .8rem;color:#c2410c;font-size:1.25rem;line-height:1;box-shadow:0 5px 16px #0002}.pos-cart-jump b{display:grid;place-items:center;min-width:1.2rem;height:1.2rem;border-radius:50%;background:#ea580c;color:#fff;font-size:.62rem}.pos-cart-jump:hover{background:#ffedd5}
@media(max-width:620px){.pos-cart-jump{right:.85rem;bottom:.85rem;padding:.6rem .7rem}}
.drawer .multi-menu{max-height:none;overflow:visible}
.drawer .multi-menu .option span{flex:1;text-align:center}
.drawer .size-choice{border-color:#dce3ed;border-radius:.8rem}.drawer .size-choice label{min-height:6rem;box-sizing:border-box;padding:1.15rem 1.35rem;font-size:1.3rem}.drawer .size-choice input{width:2.15rem;height:2.15rem}.drawer .size-choice label:has(input:checked){background:#fafafa}.drawer .size-choice label span{font-weight:600}.drawer .size-choice b{border-radius:1rem;padding:.55rem .8rem;font-size:1.05rem;white-space:nowrap}.drawer .size-choice strong{margin-left:auto;color:#11158c;font-size:2rem}
@media(max-width:620px){.drawer .size-choice label{min-height:5.2rem;padding:1rem;font-size:1.05rem}.drawer .size-choice input{width:1.8rem;height:1.8rem}.drawer .size-choice b{padding:.45rem .65rem;font-size:.9rem}.drawer .size-choice strong{font-size:1.7rem}}
.drawer .size-choice label{min-height:4.25rem;padding:.8rem 1rem;font-size:1rem}.drawer .size-choice input{width:1.2rem;height:1.2rem}.drawer .size-choice b{border-radius:.8rem;padding:.45rem .65rem;font-size:.85rem}.drawer .size-choice strong{font-size:1.45rem}
.drawer .size-choice label span{font-weight:700}
@media(max-width:620px){.drawer .size-choice label{min-height:4.25rem;padding:.8rem;font-size:1rem}.drawer .size-choice input{width:1.2rem;height:1.2rem}.drawer .size-choice b{padding:.45rem .65rem;font-size:.85rem}.drawer .size-choice strong{font-size:1.45rem}}
.pos-success-overlay{position:fixed;inset:0;z-index:40;display:flex;align-items:center;justify-content:center;background:#1c191dcc;padding:1rem}.pos-success-popup{width:min(100%,420px);border-radius:.45rem;background:#fff;padding:2rem;text-align:center;box-shadow:0 14px 45px #0006}.pos-success-icon{display:grid;place-items:center;width:3.5rem;height:3.5rem;margin:0 auto 1rem;border-radius:50%;background:#dcfce7;color:#059669;font-size:2rem;font-weight:900}.pos-success-popup h2{margin:.3rem 0 0;font-size:1.35rem}.pos-success-number{margin:.7rem 0 0;color:#c2410c;font-size:1rem;font-weight:900}.pos-success-copy{margin:1rem 0 0;color:#78716c;font-size:.78rem;line-height:1.5}.pos-success-actions{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-top:1.5rem}.pos-success-actions a,.pos-success-actions button{display:flex;align-items:center;justify-content:center;min-height:2.7rem;box-sizing:border-box;border-radius:.3rem;padding:.6rem .7rem;text-decoration:none;text-transform:uppercase;font-size:.6rem;font-weight:900}.pos-success-primary{background:#ea580c;color:#fff}.pos-success-secondary{border:1px solid #d6d3d1;background:#fff;color:#44403c}
@media(max-width:480px){.pos-success-popup{padding:1.5rem}.pos-success-actions{grid-template-columns:1fr}.pos-success-primary{order:-1}}
/* Menu management */
.menu-main{max-width:1580px}.menu-anchor-nav{display:flex;gap:.4rem;overflow-x:auto;margin-bottom:1rem;padding-bottom:.2rem}.menu-anchor-nav a{flex:0 0 auto;border:1px solid #d6d3d1;border-radius:.25rem;background:#fff;padding:.55rem .75rem;color:#57534e;text-decoration:none;text-transform:uppercase;font-size:.62rem;font-weight:900;letter-spacing:.04em}.menu-anchor-nav a:hover{border-color:#ea580c;color:#c2410c}.menu-workspace{display:grid;grid-template-columns:minmax(0,1fr) 430px;align-items:start;gap:1rem}.menu-list-panel,.menu-editor,.menu-management-panel,.menu-delivery-panel{border:1px solid #e7e5e4;border-radius:.35rem;background:#fff}.menu-panel-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.2rem;border-bottom:1px solid #e7e5e4}.menu-panel-head h2{margin:.2rem 0 0;font-size:1rem}.menu-panel-head span{display:block;margin-top:.25rem;color:#78716c;font-size:.7rem}.menu-add-product{border:0;border-radius:.25rem;background:#ea580c;padding:.6rem .75rem;color:#fff;text-transform:uppercase;font-size:.62rem;font-weight:900;letter-spacing:.04em}.menu-category-tabs{display:flex;gap:.45rem;overflow-x:auto;padding:1rem 1.2rem;border-bottom:1px solid #e7e5e4}.menu-category-tabs button{flex:0 0 auto;border:1px solid #e7e5e4;border-radius:.25rem;background:#fff;padding:.5rem .65rem;color:#57534e;font-size:.68rem;font-weight:800}.menu-category-tabs button.is-active{border-color:#1c1917;background:#1c1917;color:#fff}.menu-category-tabs b{margin-left:.25rem;font-size:.6rem;opacity:.7}.menu-search{display:grid;gap:.35rem;padding:1rem 1.2rem;border-bottom:1px solid #e7e5e4;background:#fafaf9;color:#78716c;font-size:.6rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.menu-search input{min-height:2.55rem;border:1px solid #d6d3d1;border-radius:.3rem;background:#fff;padding:.6rem .75rem;color:#1c1917;font-size:.82rem;font-weight:600;outline-color:#ea580c;text-transform:none;letter-spacing:0}.menu-products-table-wrap{overflow-x:auto}.menu-products-table{width:100%;min-width:620px;border-collapse:collapse;text-align:left;font-size:.75rem}.menu-products-table th{padding:.75rem 1rem;border-bottom:1px solid #e7e5e4;color:#78716c;font-size:.6rem;text-transform:uppercase;letter-spacing:.06em}.menu-products-table td{padding:.85rem 1rem;border-bottom:1px solid #f5f5f4;vertical-align:middle}.menu-products-table tr:last-child td{border-bottom:0}.menu-products-table tr.is-editing{background:#fff7ed}.menu-product-name{display:flex;align-items:center;gap:.65rem;min-width:175px}.menu-product-name img,.menu-product-name>span{display:grid;place-items:center;width:2.3rem;height:2.3rem;flex:0 0 auto;border-radius:.25rem;background:#f5f5f4;object-fit:contain;color:#c2410c;font-weight:900}.menu-product-name strong,.menu-products-table small{display:block}.menu-products-table small{margin-top:.2rem;color:#a8a29e;font-size:.65rem}.menu-products-table small.is-available{color:#047857}.menu-right{text-align:right!important}.menu-row-action{border:0;background:transparent;padding:0;color:#c2410c;font-size:.66rem;font-weight:900}.menu-row-action+.menu-row-action{margin-left:.7rem}.menu-row-action.is-danger{color:#b91c1c}.menu-empty{padding:4rem!important;text-align:center;color:#a8a29e}.menu-editor{position:sticky;top:1rem;max-height:calc(100vh - 2rem);overflow:auto}.menu-editor-head{position:sticky;top:0;z-index:2;display:flex;align-items:start;justify-content:space-between;gap:1rem;background:#fff;padding:1rem 1.2rem;border-bottom:1px solid #e7e5e4}.menu-editor-head h2{margin:.2rem 0 0;font-size:1rem}.menu-editor-head button{border:0;background:transparent;color:#78716c;font-size:.68rem;font-weight:900}.menu-product-form{display:grid;gap:1rem;padding:1.2rem}.menu-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.menu-field{display:grid;gap:.35rem;color:#57534e;font-size:.62rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.menu-field-wide{grid-column:1 / -1}.menu-field input,.menu-field select,.menu-field textarea{width:100%;box-sizing:border-box;border:1px solid #d6d3d1;border-radius:.3rem;background:#fff;padding:.65rem .7rem;color:#1c1917;font-size:.82rem;font-weight:600;outline-color:#ea580c;text-transform:none;letter-spacing:0}.menu-field textarea{resize:vertical}.menu-field small,.menu-error{color:#b91c1c;font-size:.66rem;text-transform:none;letter-spacing:0}.menu-field .menu-help{color:#a8a29e}.menu-image-preview{border:1px solid #e7e5e4;border-radius:.3rem;background:#fafaf9;padding:.6rem}.menu-image-preview p{margin:0 0 .45rem;color:#78716c;font-size:.62rem;font-weight:900;text-transform:uppercase}.menu-image-preview img{display:block;width:100%;height:8rem;object-fit:contain}.menu-toggle{display:flex;align-items:center;justify-content:space-between;gap:1rem;border-top:1px solid #e7e5e4;padding:.85rem 0}.menu-toggle span{display:grid;gap:.2rem}.menu-toggle strong{font-size:.77rem}.menu-toggle small{color:#78716c;font-size:.66rem}.menu-toggle input{width:1.1rem;height:1.1rem;accent-color:#ea580c}.menu-toggle-accent{border:1px solid #fed7aa;border-radius:.3rem;background:#fff7ed;padding:.8rem}.menu-option-assignment{border-top:1px solid #e7e5e4;padding-top:1rem}.menu-option-assignment-head,.menu-option-group-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.menu-option-assignment-head h3{margin:0;font-size:.82rem}.menu-option-assignment-head p,.menu-option-group-head span{margin:.2rem 0 0;color:#78716c;font-size:.65rem}.menu-option-assignment-head>button{border:0;background:transparent;color:#b91c1c;font-size:.65rem;font-weight:900}.menu-option-group{padding:.85rem 0;border-bottom:1px solid #f5f5f4}.menu-option-group-head>div:last-child{display:flex;gap:.35rem}.menu-option-group-head>div:last-child button{border:1px solid #d6d3d1;border-radius:.22rem;background:#fff;padding:.28rem .42rem;color:#57534e;font-size:.58rem;font-weight:900}.menu-option-grid{display:grid;grid-template-columns:1fr 1fr;gap:.4rem;margin-top:.65rem}.menu-option-grid label{display:flex;align-items:center;gap:.4rem;min-width:0;border:1px solid #e7e5e4;border-radius:.25rem;padding:.48rem;color:#44403c;font-size:.67rem;font-weight:700}.menu-option-grid label:has(input:checked){border-color:#ea580c;background:#fff7ed}.menu-option-grid input{accent-color:#ea580c}.menu-option-grid span{overflow:hidden;flex:1;text-overflow:ellipsis;white-space:nowrap}.menu-option-grid b{color:#c2410c;font-size:.58rem}.menu-save-product,.menu-save-settings{border:0;border-radius:.3rem;background:#ea580c;padding:.85rem;color:#fff;text-transform:uppercase;letter-spacing:.04em;font-size:.68rem;font-weight:900}.menu-management-grid{display:grid;grid-template-columns:360px minmax(0,1fr);align-items:start;gap:1rem;margin-top:1rem}.menu-inline-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.5rem;padding:1rem 1.2rem}.menu-inline-form input,.menu-option-form input,.menu-option-form select{min-width:0;border:1px solid #d6d3d1;border-radius:.3rem;padding:.62rem .7rem;color:#1c1917;font-size:.78rem;font-weight:600;outline-color:#ea580c}.menu-inline-form button,.menu-option-form button{border:0;border-radius:.3rem;background:#1c1917;padding:.6rem .75rem;color:#fff;text-transform:uppercase;font-size:.62rem;font-weight:900}.menu-error{display:block;padding:0 1.2rem}.menu-simple-list{border-top:1px solid #e7e5e4}.menu-simple-list>div{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.2rem;border-bottom:1px solid #f5f5f4}.menu-simple-list>div>button:first-child{display:grid;gap:.18rem;flex:1;border:0;background:transparent;text-align:left}.menu-simple-list strong{font-size:.75rem}.menu-simple-list span{color:#78716c;font-size:.65rem}.menu-simple-list>div>button:last-child{border:0;background:transparent;color:#b91c1c;font-size:.64rem;font-weight:900}.menu-option-form{display:grid;grid-template-columns:minmax(150px,1fr) 150px 100px auto;gap:.5rem;padding:1rem 1.2rem;border-bottom:1px solid #e7e5e4}.menu-library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;padding:1rem 1.2rem}.menu-library-grid h3{margin:0;padding-bottom:.5rem;border-bottom:1px solid #e7e5e4;color:#78716c;font-size:.62rem;text-transform:uppercase;letter-spacing:.06em}.menu-library-grid section>div{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:.4rem;padding:.5rem 0;border-bottom:1px solid #f5f5f4}.menu-library-grid section>div>button:first-child{overflow:hidden;border:0;background:transparent;text-align:left;text-overflow:ellipsis;white-space:nowrap;color:#292524;font-size:.72rem;font-weight:800}.menu-library-grid section>div span{color:#78716c;font-size:.62rem}.menu-library-grid section>div>button:last-child{border:0;background:transparent;color:#b91c1c;font-size:1rem}.menu-library-grid p{color:#a8a29e;font-size:.68rem}.menu-delivery-panel{margin-top:1rem}.menu-delivery-form{display:grid;gap:1rem;padding:1.2rem}.menu-rules-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.menu-rules{border:1px solid #e7e5e4;border-radius:.3rem;background:#fafaf9;padding:.85rem}.menu-rules-head{display:flex;align-items:start;justify-content:space-between;gap:.5rem;margin-bottom:.75rem}.menu-rules h3{margin:0;font-size:.8rem}.menu-rules p{margin:.2rem 0 0;color:#78716c;font-size:.64rem}.menu-rules-head button{border:0;background:transparent;color:#c2410c;font-size:.65rem;font-weight:900}.menu-rule-row{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:.4rem;align-items:end;margin-top:.5rem}.menu-rule-row label{display:grid;gap:.25rem;color:#78716c;font-size:.55rem;font-weight:900;text-transform:uppercase}.menu-rule-row input{min-width:0;border:1px solid #d6d3d1;border-radius:.25rem;background:#fff;padding:.5rem;color:#1c1917;font-size:.72rem;font-weight:700;outline-color:#ea580c}.menu-rule-row button{border:0;background:transparent;padding:.45rem;color:#b91c1c;font-size:1rem;font-weight:900}
/* Product creation and editing use a focused modal instead of a permanent side panel. */
.menu-workspace{display:block}.menu-product-modal-overlay{position:fixed;z-index:80;inset:0;display:flex;align-items:center;justify-content:center;padding:1.25rem;background:rgb(28 25 23 / .48)}.menu-editor.menu-product-modal{position:relative;top:auto;width:min(760px,100%);max-height:calc(100vh - 2.5rem);overflow:auto;border-radius:.7rem;box-shadow:0 20px 55px rgb(28 25 23 / .28)}.menu-product-modal .menu-editor-head{padding:1rem 1.2rem}.menu-product-modal .menu-editor-head button{border:1px solid #dedad7;border-radius:.4rem;padding:.45rem .65rem;color:#57534e}.menu-product-modal .menu-product-form{padding:1.2rem}.menu-product-modal .menu-option-group{border:0;border-bottom:1px solid #eeeae7;border-radius:0;background:transparent;box-shadow:none}.menu-product-modal .menu-option-group:last-child{border-bottom:0}.menu-product-modal .menu-option-group-head>div:first-child{display:flex;align-items:baseline;gap:.35rem}.menu-product-modal .menu-option-group-head>div:first-child span{margin:0}@media(max-width:760px){.menu-product-modal-overlay{align-items:flex-end;padding:0}.menu-editor.menu-product-modal{width:100%;max-height:92vh;border-radius:.75rem .75rem 0 0}.menu-product-modal .menu-form-grid{grid-template-columns:1fr}.menu-product-modal .menu-option-grid{grid-template-columns:1fr}}
.offers-main{max-width:none}.offers-workspace{display:block}.offers-list-panel{width:100%}.offers-modal-overlay{position:fixed;z-index:80;inset:0;display:flex;align-items:center;justify-content:center;padding:1.25rem;background:rgb(28 25 23 / .48)}.offers-editor.offers-modal{position:relative;top:auto;width:min(900px,100%);max-height:calc(100vh - 2.5rem);overflow:auto;border-radius:.7rem;box-shadow:0 20px 55px rgb(28 25 23 / .28)}.offers-modal .offers-editor-head{padding:1rem 1.2rem}.offers-modal .offers-editor-head button{border:1px solid #dedad7;border-radius:.4rem;padding:.45rem .65rem;color:#57534e}.offers-modal .offers-form{padding:1.2rem}@media(max-width:760px){.offers-modal-overlay{align-items:flex-end;padding:0}.offers-editor.offers-modal{width:100%;max-height:92vh;border-radius:.75rem .75rem 0 0}.offers-modal .offer-slot-grid,.offers-modal .offer-picker-products{grid-template-columns:1fr}}
@media(max-width:1100px){.menu-workspace{grid-template-columns:1fr}.menu-editor{position:static;max-height:none}.menu-management-grid{grid-template-columns:1fr}.menu-rules-grid{grid-template-columns:1fr}}
@media(max-width:760px){.menu-main{padding:1rem}.menu-form-grid,.menu-option-grid{grid-template-columns:1fr}.menu-management-grid,.menu-rules-grid{grid-template-columns:1fr}.menu-option-form{grid-template-columns:1fr 1fr}.menu-option-form input:first-child{grid-column:1 / -1}.menu-library-grid{grid-template-columns:1fr}.menu-products-table{min-width:680px}.menu-products-table th,.menu-products-table td{padding:.75rem}.menu-category-tabs{padding-left:1rem;padding-right:1rem}.menu-panel-head,.menu-search,.menu-inline-form,.menu-option-form,.menu-library-grid,.menu-delivery-form{padding-left:1rem;padding-right:1rem}}
/* Offers */
.offers-main{max-width:1580px}.offers-workspace{display:grid;grid-template-columns:minmax(0,1fr) 500px;align-items:start;gap:1rem}.offers-list-panel,.offers-editor{border:1px solid #e7e5e4;border-radius:.35rem;background:#fff}.offers-panel-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.2rem;border-bottom:1px solid #e7e5e4}.offers-panel-head h2{margin:.2rem 0 0;font-size:1rem}.offers-panel-head span{display:block;margin-top:.25rem;color:#78716c;font-size:.7rem}.offers-panel-head>button,.offers-slots-head>button{border:0;border-radius:.25rem;background:#ea580c;padding:.6rem .75rem;color:#fff;text-transform:uppercase;font-size:.62rem;font-weight:900;letter-spacing:.04em}.offers-list{display:grid}.offer-row{display:grid;grid-template-columns:88px minmax(0,1fr) auto;gap:.9rem;align-items:center;padding:1rem 1.2rem;border-bottom:1px solid #f5f5f4}.offer-row:last-child{border-bottom:0}.offer-row.is-editing{background:#fff7ed}.offer-row>img,.offer-row-art{display:grid;place-items:center;width:88px;height:88px;border-radius:.3rem;background:#f5f5f4;object-fit:contain;color:#c2410c;font-size:.58rem;font-weight:900;letter-spacing:.04em}.offer-row-title{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.offer-row h3{margin:0;font-size:.88rem}.offer-row-title span{border-radius:999px;background:#f5f5f4;padding:.25rem .45rem;color:#78716c;font-size:.58rem;font-weight:900;text-transform:uppercase}.offer-row-title span.is-active{background:#ecfdf5;color:#047857}.offer-row-content>p{overflow:hidden;margin:.35rem 0;color:#78716c;font-size:.69rem;text-overflow:ellipsis;white-space:nowrap}.offer-row-items{display:flex;flex-wrap:wrap;gap:.3rem}.offer-row-items span{border:1px solid #e7e5e4;border-radius:.2rem;padding:.25rem .38rem;color:#57534e;font-size:.6rem}.offer-row-content>strong{display:block;margin-top:.5rem;color:#c2410c;font-size:.7rem}.offer-row-actions{display:grid;gap:.4rem;text-align:right}.offer-row-actions button{border:0;background:transparent;padding:0;color:#c2410c;font-size:.66rem;font-weight:900}.offer-row-actions button:last-child{color:#b91c1c}.offers-empty{padding:4rem 1rem;color:#a8a29e;text-align:center;font-size:.78rem}.offers-editor{position:sticky;top:1rem;max-height:calc(100vh - 2rem);overflow:auto}.offers-editor-head{position:sticky;top:0;z-index:2;display:flex;align-items:start;justify-content:space-between;gap:1rem;border-bottom:1px solid #e7e5e4;background:#fff;padding:1rem 1.2rem}.offers-editor-head h2{margin:.2rem 0 0;font-size:1rem}.offers-editor-head button{border:0;background:transparent;color:#78716c;font-size:.68rem;font-weight:900}.offers-form{display:grid;gap:1.15rem;padding:1.2rem}.offers-form-section{display:grid;gap:.85rem}.offers-form-section>h3{margin:0;font-size:.83rem}.offers-slots{border-top:1px solid #e7e5e4;padding-top:1rem}.offers-slots-head{display:flex;align-items:start;justify-content:space-between;gap:1rem}.offers-slots-head h3{margin:0;font-size:.83rem}.offers-slots-head p{margin:.25rem 0 0;color:#78716c;font-size:.65rem;line-height:1.4}.offers-slot-list{display:grid;gap:.75rem}.offer-slot{border:1px solid #e7e5e4;border-radius:.3rem;background:#fafaf9;padding:.75rem}.offer-slot-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.65rem}.offer-slot-head strong{font-size:.72rem;text-transform:uppercase;letter-spacing:.04em}.offer-slot-head button{border:0;background:transparent;color:#b91c1c;font-size:.62rem;font-weight:900}.offer-slot-grid{display:grid;grid-template-columns:130px minmax(0,1fr) 92px 62px;gap:.5rem;align-items:start}.offer-choice-summary{display:flex;align-items:center;gap:.4rem;min-height:2.5rem;border:1px solid #fed7aa;border-radius:.3rem;background:#fff7ed;padding:.5rem}.offer-choice-summary strong{color:#c2410c;font-size:.95rem}.offer-choice-summary span{color:#9a3412;font-size:.62rem;font-weight:800}.offer-product-picker{display:grid;gap:.65rem;max-height:22rem;overflow:auto;margin-top:.75rem;border-top:1px solid #e7e5e4;padding-top:.75rem}.offer-picker-category{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.offer-picker-category h4{margin:0;color:#c2410c;font-size:.67rem}.offer-picker-category span{display:flex;gap:.45rem}.offer-picker-category button{border:0;background:transparent;padding:0;color:#57534e;font-size:.6rem;font-weight:900}.offer-picker-category button:last-child{color:#b91c1c}.offer-picker-products{display:grid;grid-template-columns:1fr 1fr;gap:.35rem;margin-top:.4rem}.offer-picker-products label{display:flex;align-items:center;gap:.4rem;border:1px solid #e7e5e4;border-radius:.25rem;background:#fff;padding:.45rem;font-size:.65rem;font-weight:700}.offer-picker-products label:has(input:checked){border-color:#ea580c;background:#fff7ed}.offer-picker-products input{accent-color:#ea580c}.offers-save{border:0;border-radius:.3rem;background:#ea580c;padding:.85rem;color:#fff;text-transform:uppercase;font-size:.68rem;font-weight:900;letter-spacing:.04em}
@media(max-width:1100px){.offers-workspace{grid-template-columns:1fr}.offers-editor{position:static;max-height:none}.offer-slot-grid{grid-template-columns:130px minmax(0,1fr) 92px 62px}}
@media(max-width:760px){.offers-main{padding:1rem}.offer-row{grid-template-columns:62px minmax(0,1fr);padding: .85rem 1rem}.offer-row>img,.offer-row-art{width:62px;height:62px}.offer-row-actions{grid-column:2;grid-auto-flow:column;justify-content:start;text-align:left}.offer-slot-grid{grid-template-columns:1fr 1fr}.offer-slot-grid .menu-field:first-child{grid-column:1 / -1}.offer-picker-products{grid-template-columns:1fr}.offers-form,.offers-panel-head{padding-left:1rem;padding-right:1rem}}
/* Users */
.users-main{max-width:1580px}.users-notice{margin-bottom:1rem;border:1px solid #a7f3d0;border-radius:.35rem;background:#ecfdf5;padding:.8rem 1rem;color:#047857;font-size:.8rem;font-weight:800}.users-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;border:1px solid #e7e5e4;background:#e7e5e4}.users-summary article{display:grid;gap:.4rem;background:#fff;padding:1rem 1.15rem}.users-summary span{color:#78716c;font-size:.65rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.users-summary strong{font-size:1.5rem;line-height:1.1}.users-summary small{color:#a8a29e;font-size:.68rem}.users-workspace{display:grid;grid-template-columns:minmax(0,1fr) 430px;align-items:start;gap:1rem;margin-top:1rem}.users-list-panel,.users-editor{border:1px solid #e7e5e4;border-radius:.35rem;background:#fff}.users-panel-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.2rem;border-bottom:1px solid #e7e5e4}.users-panel-head h2{margin:.2rem 0 0;font-size:1rem}.users-panel-head span{display:block;margin-top:.25rem;color:#78716c;font-size:.7rem}.users-add{border:0;border-radius:.25rem;background:#ea580c;padding:.6rem .75rem;color:#fff;text-transform:uppercase;font-size:.62rem;font-weight:900;letter-spacing:.04em}.users-table-wrap{overflow-x:auto}.users-table{width:100%;min-width:620px;border-collapse:collapse;text-align:left;font-size:.76rem}.users-table th{padding:.75rem 1rem;border-bottom:1px solid #e7e5e4;color:#78716c;font-size:.6rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.users-table td{padding:1rem;border-bottom:1px solid #f5f5f4;vertical-align:middle}.users-table tbody tr:last-child td{border-bottom:0}.users-table tbody tr.is-editing{background:#fff7ed}.user-identity{display:flex;align-items:center;gap:.65rem}.user-avatar{display:grid;place-items:center;width:2.25rem;height:2.25rem;border-radius:50%;background:#ffedd5;color:#c2410c;font-size:.8rem;font-weight:900}.user-identity strong,.user-identity small,.users-table td>small{display:block}.user-identity small,.users-table td>small{margin-top:.25rem;color:#a8a29e;font-size:.66rem}.user-role{display:inline-flex;align-items:center;gap:.4rem;border-radius:999px;padding:.3rem .5rem;font-size:.62rem;font-weight:900}.user-role i{width:.42rem;height:.42rem;border-radius:50%;background:#a8a29e}.user-role-admin{background:#fef3c7;color:#92400e}.user-role-admin i{background:#d97706}.user-role-cashier{background:#eff6ff;color:#1d4ed8}.user-role-cashier i{background:#2563eb}.users-align-right{text-align:right!important}.users-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:.65rem}.users-actions button{border:0;background:transparent;padding:0;color:#c2410c;font-size:.66rem;font-weight:900}.users-actions button.is-danger{color:#b91c1c}.users-empty{padding:4rem!important;color:#a8a29e;text-align:center}.users-editor{position:sticky;top:1rem;max-height:calc(100vh - 2rem);overflow:auto}.users-editor-head{display:flex;align-items:start;justify-content:space-between;gap:1rem;border-bottom:1px solid #e7e5e4;padding:1rem 1.2rem}.users-editor-head h2{margin:.2rem 0 0;font-size:1rem}.users-editor-head button{border:0;background:transparent;color:#78716c;font-size:.68rem;font-weight:900}.users-form{display:grid;gap:1.2rem;padding:1.2rem}.users-form-section{display:grid;gap:.8rem}.users-form-section>h3{margin:0;font-size:.83rem}.users-field{display:grid;gap:.35rem;color:#57534e;font-size:.62rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.users-field input{width:100%;box-sizing:border-box;border:1px solid #d6d3d1;border-radius:.3rem;background:#fff;padding:.68rem .7rem;color:#1c1917;font-size:.82rem;font-weight:600;outline-color:#ea580c;text-transform:none;letter-spacing:0}.users-field small,.users-error{color:#b91c1c;font-size:.66rem;text-transform:none;letter-spacing:0}.users-role-choice{display:flex;align-items:flex-start;gap:.65rem;border:1px solid #e7e5e4;border-radius:.3rem;padding:.75rem}.users-role-choice:has(input:checked){border-color:#ea580c;background:#fff7ed}.users-role-choice input{margin-top:.2rem;accent-color:#ea580c}.users-role-choice span{display:grid;gap:.2rem}.users-role-choice strong{font-size:.76rem}.users-role-choice small{color:#78716c;font-size:.65rem;line-height:1.35}.users-save{border:0;border-radius:.3rem;background:#ea580c;padding:.85rem;color:#fff;text-transform:uppercase;font-size:.68rem;font-weight:900;letter-spacing:.04em}.users-save:hover,.users-add:hover{background:#c2410c}
@media(max-width:1100px){.users-workspace{grid-template-columns:1fr}.users-editor{position:static;max-height:none}}
@media(max-width:760px){.users-main{padding:1rem}.users-summary{grid-template-columns:1fr}.users-panel-head{padding-left:1rem;padding-right:1rem}.users-table{min-width:650px}.users-form{padding:1rem}}
/* POS workspace */
.pos-shell{min-height:100vh;background:#f5f5f4;color:#1c1917}.pos-header{min-height:78px;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid #e7e5e4;background:#fff;padding:.9rem 1.5rem}.pos-brand{display:flex;align-items:center;gap:.7rem}.pos-brand-mark{display:grid;place-items:center;width:2.25rem;height:2.25rem;border-radius:.35rem;background:#ea580c;color:#fff;font-size:.72rem;font-weight:900}.pos-brand strong,.pos-brand small{display:block}.pos-brand strong{font-size:.9rem}.pos-brand small{margin-top:.1rem;color:#a8a29e;font-size:.62rem;text-transform:uppercase;letter-spacing:.07em}.pos-header-right{display:flex;align-items:center;gap:.55rem}.pos-steps{display:flex;align-items:center;gap:.35rem;margin-right:.7rem}.pos-step{display:flex;align-items:center;gap:.35rem;border:1px solid #e7e5e4;border-radius:.25rem;padding:.4rem .55rem;color:#a8a29e;font-size:.62rem;font-weight:900;text-transform:uppercase}.pos-step b{display:grid;place-items:center;width:1.15rem;height:1.15rem;border-radius:50%;background:#f5f5f4;font-size:.58rem}.pos-step.is-active{border-color:#fed7aa;background:#fff7ed;color:#c2410c}.pos-step.is-active b{background:#ea580c;color:#fff}.pos-user{color:#78716c;font-size:.7rem;font-weight:700}.pos-link{border:1px solid #d6d3d1;border-radius:.25rem;padding:.55rem .7rem;color:#44403c;text-decoration:none;text-transform:uppercase;font-size:.6rem;font-weight:900}.pos-link:hover{border-color:#ea580c;color:#c2410c}.pos-logout{border:0;background:transparent;padding:.5rem;color:#78716c;text-transform:uppercase;font-size:.6rem;font-weight:900}.pos-main{max-width:1700px;margin:0 auto;padding:1.25rem 1.5rem 2rem}.pos-layout{display:grid;grid-template-columns:minmax(0,1fr) 390px;align-items:start;gap:1rem}.pos-menu{min-width:0;border:1px solid #e7e5e4;border-radius:.35rem;background:#fff}.pos-menu-head{display:flex;align-items:end;justify-content:space-between;gap:1rem;border-bottom:1px solid #e7e5e4;padding:1rem 1.2rem}.pos-menu-head h2{margin:.2rem 0 0;font-size:1.05rem}.pos-menu-head>span{color:#78716c;font-size:.68rem}.pos-category-bar{display:flex;gap:.45rem;overflow-x:auto;border-bottom:1px solid #e7e5e4;background:#fafaf9;padding:.8rem 1.2rem}.pos-category{display:flex;align-items:center;gap:.35rem;flex:0 0 auto;border:1px solid #e7e5e4;border-radius:.25rem;background:#fff;padding:.55rem .7rem;color:#57534e;font-size:.65rem;font-weight:900;text-transform:uppercase;white-space:nowrap}.pos-category:hover{border-color:#ea580c;color:#c2410c}.pos-category.is-active{border-color:#1c1917;background:#1c1917;color:#fff}.pos-category small{color:inherit;opacity:.6;font-size:.56rem}.pos-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem;padding:1rem 1.2rem}.pos-product-card{min-width:0;overflow:hidden;border:1px solid #e7e5e4;border-radius:.3rem;background:#fff;box-shadow:0 1px 2px #00000008}.pos-product-card:hover{border-color:#fdba74;box-shadow:0 3px 10px #00000012}.pos-product-card .product-image,.pos-product-card .product-art,.pos-product-card .offer-image,.pos-product-card .offer-art{height:10.5rem}.pos-product-body{padding:.75rem}.pos-product-body h2{overflow-wrap:anywhere;font-size:.88rem}.pos-product-body p{margin-top:.25rem}.pos-product-body .primary{margin-top:.7rem}.pos-offer-card{border-top:3px solid #ea580c}.pos-offer-card .offer-image{object-fit:contain}.pos-empty{grid-column:1 / -1;padding:5rem 1rem;text-align:center;color:#a8a29e;font-size:.8rem}.pos-cart{top:1.25rem;height:calc(100vh - 9rem);min-height:500px;padding:1rem}.pos-cart-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e7e5e4;padding-bottom:.8rem}.pos-cart-head h2{margin:.15rem 0 0;font-size:1.05rem}.pos-cart-head>span{border-radius:999px;background:#fff7ed;padding:.4rem .55rem;color:#c2410c;font-size:.65rem;font-weight:900}.pos-cart .cart-lines{padding:.15rem .1rem}.pos-cart .primary{min-height:2.9rem}.pos-cart .ticket-main{font-size:.87rem}.pos-cart .ticket-detail{font-size:.76rem}
@media(max-width:1200px){.pos-layout{grid-template-columns:minmax(0,1fr) 340px}.pos-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pos-user{display:none}}
@media(max-width:900px){.pos-header{align-items:flex-start;flex-direction:column}.pos-header-right{width:100%;overflow-x:auto}.pos-main{padding:1rem}.pos-layout{grid-template-columns:1fr}.pos-cart{position:static;height:auto;min-height:360px}.pos-cart .cart-lines{max-height:390px}.pos-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:620px){.pos-header{padding:.75rem;gap:.65rem}.pos-header-right{min-width:0;width:100%;overflow:hidden}.pos-steps{min-width:0;flex:1;margin-right:0}.pos-step{flex:1;justify-content:center;font-size:.55rem;padding:.35rem .25rem}.pos-step b{width:1rem;height:1rem}.pos-link{display:none}.pos-orders-link{display:inline-flex;flex:0 0 auto;border-color:#ea580c;background:#fff7ed;color:#c2410c;padding:.48rem .55rem;font-size:.55rem}.pos-user{display:none}.pos-logout{flex:0 0 auto;padding:.45rem;font-size:.56rem}.pos-main,.pos-layout,.pos-menu,.pos-product-grid{width:100%;min-width:0;box-sizing:border-box}.pos-main{padding:.75rem;overflow-x:hidden}.pos-layout{overflow:hidden}.pos-menu{overflow:hidden}.pos-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;padding:.75rem}.pos-menu-head{align-items:start;flex-direction:column;gap:.3rem;padding:.8rem}.pos-menu-head h2{font-size:.95rem}.pos-category-bar{padding:.7rem}.pos-category{font-size:.59rem;padding:.5rem .6rem}.pos-product-card{min-width:0;width:100%;box-sizing:border-box}.pos-product-card .product-image,.pos-product-card .product-art,.pos-product-card .offer-image,.pos-product-card .offer-art{height:8rem}.pos-product-body{padding:.6rem}.pos-product-body h2{font-size:.76rem}.pos-product-body .primary{padding:.7rem .5rem;font-size:.62rem}.pos-cart{min-height:330px}.pos-cart .cart-lines{max-height:360px}}
@media(max-width:620px){.pos-header-right{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"steps steps" "orders logout";gap:.45rem;overflow:visible}.pos-steps{grid-area:steps;width:100%;overflow-x:auto;scrollbar-width:none}.pos-steps::-webkit-scrollbar{display:none}.pos-step{flex:0 0 auto;min-width:5.25rem}.pos-orders-link{grid-area:orders;justify-self:start}.pos-logout{grid-area:logout;justify-self:end}}
@media(max-width:620px){.pos-step{min-width:6rem;min-height:2.75rem;padding:.55rem .7rem;font-size:.65rem;gap:.4rem}.pos-step b{width:1.25rem;height:1.25rem;font-size:.62rem}.pos-orders-link,.pos-logout{min-height:2.75rem;padding:.6rem .75rem;font-size:.62rem}.pos-orders-link{display:inline-flex;align-items:center}.pos-logout{display:inline-flex;align-items:center}}
@media(max-width:620px){.pos-category-bar{gap:.55rem;padding:.8rem}.pos-category{min-height:2.75rem;padding:.65rem .8rem;font-size:.65rem;line-height:1;gap:.4rem}.pos-category small{font-size:.58rem}}
@media(max-width:620px){.pos-category{justify-content:center;text-align:center}}
.pos-orders-link{border-color:#1c1917;background:#1c1917;color:#fff}.pos-orders-link:hover{border-color:#ea580c;background:#ea580c;color:#fff}
@media(max-width:620px){.pos-orders-link{border-color:#1c1917;background:#1c1917;color:#fff}}
.pos-category{justify-content:center;text-align:center}
.pos-category>span{flex:1;text-align:center}
.cashier-orders-toolbar{grid-template-columns:minmax(0,320px) 180px 1fr}.orders-filters{grid-template-columns:minmax(0,1fr) 220px 180px}
@media(max-width:760px){.cashier-orders-toolbar,.orders-filters{grid-template-columns:1fr}}
.orders-per-page span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.orders-per-page select{min-width:4.5rem;text-align:center}.orders-pagination nav>div:first-child,.orders-pagination nav p{display:none!important}.orders-pagination nav>div:last-child{display:flex!important;align-items:center;gap:.35rem}.orders-pagination nav svg{width:1rem;height:1rem}.orders-pagination nav a,.orders-pagination nav span{border-color:#d6d3d1!important;border-radius:.3rem!important;background:#fff!important;color:#57534e!important;box-shadow:none!important}.orders-pagination nav span[aria-current="page"]{border-color:#1c1917!important;background:#1c1917!important;color:#fff!important}.orders-pagination nav a:hover{border-color:#ea580c!important;color:#c2410c!important}
.orders-pagination{display:flex;align-items:center;justify-content:center;gap:.4rem;margin:1rem 0 0}.orders-page-button{display:grid;place-items:center;width:2.45rem;height:2.45rem;border:1px solid #d6d3d1;border-radius:.35rem;background:#fff;color:#57534e;font-size:.8rem;font-weight:900}.orders-page-button:hover:not(:disabled){border-color:#ea580c;color:#c2410c}.orders-page-button.is-current{border-color:#1c1917;background:#1c1917;color:#fff}.orders-page-button:disabled{border-color:#e7e5e4;background:#fafaf9;color:#d6d3d1;opacity:1}
.cashier-orders-toolbar .orders-per-page,.orders-filters .orders-per-page{display:flex;align-items:center;gap:.5rem;white-space:nowrap}.orders-per-page span{position:static!important;width:auto!important;height:auto!important;overflow:visible!important;clip:auto!important;color:#78716c;font-size:.62rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.cashier-orders-toolbar .orders-per-page select,.orders-filters .orders-per-page select{width:4.8rem;min-height:2.6rem;border:1px solid #d6d3d1;border-radius:.3rem;background:#fff;padding:.45rem .55rem;color:#1c1917;font-size:.78rem;font-weight:800;outline-color:#ea580c;text-align:center}
.orders-pagination{display:flex;justify-content:center;margin-top:1rem}.orders-pagination nav{display:flex;align-items:center;gap:.25rem}.orders-pagination nav>div:first-child{display:none}.orders-pagination nav>div:last-child{display:flex;align-items:center;gap:.25rem}.orders-pagination a,.orders-pagination span{display:inline-flex;align-items:center;justify-content:center;min-width:2.25rem;min-height:2.25rem;border:1px solid #d6d3d1;border-radius:.3rem;background:#fff;padding:.35rem .55rem;color:#57534e;font-size:.7rem;font-weight:800;text-decoration:none}.orders-pagination span[aria-current="page"]{border-color:#1c1917;background:#1c1917;color:#fff}.orders-pagination a:hover{border-color:#ea580c;color:#c2410c}
.cashier-orders-toolbar{grid-template-columns:minmax(0,320px) 160px 110px 1fr}.orders-filters{grid-template-columns:minmax(0,1fr) 180px 110px 220px}
@media(max-width:760px){.cashier-orders-toolbar,.orders-filters{grid-template-columns:1fr}}
.orders-per-page-control{position:relative}.orders-per-page-trigger{display:flex;align-items:center;justify-content:space-between;gap:.6rem;min-width:4.8rem;min-height:2.6rem;border:1px solid #d6d3d1;border-radius:.3rem;background:#fff;padding:.45rem .6rem;color:#1c1917;font-size:.78rem;font-weight:800}.orders-per-page-trigger span{color:#78716c;font-size:1rem}.orders-per-page-menu{position:absolute;right:0;top:calc(100% + .35rem);z-index:20;display:grid;min-width:4.8rem;border:1px solid #d6d3d1;border-radius:.35rem;background:#fff;padding:.25rem;box-shadow:0 8px 20px #0002}.orders-per-page-menu button{border:0;border-radius:.25rem;background:#fff;padding:.55rem;color:#57534e;font-size:.78rem;font-weight:800;text-align:center}.orders-per-page-menu button:hover,.orders-per-page-menu button.is-selected{background:#1c1917;color:#fff}
.orders-per-page{align-items:center!important;gap:.7rem!important}.orders-per-page>span{font-size:.68rem!important;letter-spacing:.04em!important;color:#57534e!important}.orders-per-page-trigger{min-width:6.4rem;min-height:2.8rem;border-color:#d6d3d1;box-shadow:0 1px 1px #00000008;font-size:.9rem}.orders-per-page-trigger:hover,.orders-per-page-trigger:focus-visible{border-color:#ea580c;outline:2px solid #fed7aa;outline-offset:1px}.orders-per-page-trigger>span{position:static!important;width:auto!important;height:auto!important;overflow:visible!important;clip:auto!important;margin:0!important;color:#78716c!important;font-size:1.1rem!important;line-height:1!important;text-transform:none!important;letter-spacing:0!important}
.orders-per-page{display:grid!important;align-self:stretch;align-items:initial!important;gap:.35rem!important}.orders-per-page>span{display:block}.orders-per-page-control{width:100%}.orders-per-page-trigger{width:100%;min-height:2.65rem}
.orders-per-page>span{font-size:.62rem!important;font-weight:900!important;letter-spacing:.06em!important;text-transform:uppercase!important;line-height:normal!important;color:#78716c!important}.orders-per-page-trigger{min-height:2.65rem;padding:.6rem .75rem;font-size:.82rem;font-weight:600}
.orders-per-page-trigger{box-sizing:border-box;border:1px solid #d6d3d1;border-radius:.3rem;background:#fff;color:#78716c;font-family:Arial,Helvetica,sans-serif;font-size:.82rem;font-weight:600;line-height:1.25;letter-spacing:0;text-transform:none;text-align:left;outline-color:#ea580c}.orders-per-page-trigger>span{font-family:Arial,Helvetica,sans-serif;font-weight:600;color:#78716c}
/* Use a drawn chevron: the text glyph sits low on some mobile browsers. */
.orders-per-page-trigger>span{display:inline-flex;align-items:center;justify-content:center;position:static!important;width:.85rem!important;height:.85rem!important;overflow:visible!important;clip:auto!important;margin:0!important;color:transparent!important;font-size:0!important;line-height:1!important;text-transform:none!important;letter-spacing:0!important}
.orders-per-page-trigger>span::after{content:"";display:block;width:.42rem;height:.42rem;border-right:2px solid #78716c;border-bottom:2px solid #78716c;transform:rotate(45deg) translate(-1px,-1px)}
/* Keep the per-page control on exactly the same row and height as the inputs. */
.cashier-orders-toolbar .orders-per-page,.orders-filters .orders-per-page{align-self:start!important}
.orders-per-page-trigger{height:2.65rem!important;min-height:2.65rem!important}
.cashier-order-restaurant,.orders-restaurant{color:#0f766e!important;font-weight:800!important}
.orders-distance{color:#0f766e!important;font-weight:800!important}.orders-flags{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.4rem}.orders-flag{display:inline-flex;align-items:center;border-radius:999px;padding:2px 6px;font-size:11px!important;font-weight:800;line-height:1.1;white-space:nowrap}.orders-flag.is-paid{background:#dcfce7;color:#047857}.orders-flag.is-complement{background:#fff7ed;color:#c2410c}.orders-amounts{min-width:205px}.orders-amounts strong{color:#1c1917}.orders-amounts small{margin-top:.22rem}
.admin-order-list{display:grid;gap:.75rem;padding:1rem 1.2rem}.admin-order-card{border:1px solid #e7e5e4;border-left:4px solid #f59e0b;border-radius:.35rem;background:#fff;padding:1rem 1.1rem;box-shadow:0 1px 2px #00000008}.admin-order-main{display:grid;grid-template-columns:1fr 1.35fr .75fr 1.3fr auto;align-items:start;gap:1rem}.admin-order-number,.admin-order-client,.admin-order-cashier,.admin-order-amounts{display:grid;gap:.22rem;min-width:0}.admin-order-number>strong{font-size:.95rem}.admin-order-number small,.admin-order-client small,.admin-order-amounts small{color:#78716c;font-size:.67rem}.admin-order-client>strong,.admin-order-cashier strong,.admin-order-amounts strong{font-size:.78rem}.admin-order-cashier{align-self:center}.admin-order-cashier span{color:#a8a29e;font-size:.6rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.admin-order-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:.45rem;margin-top:.85rem;border-top:1px solid #f5f5f4;padding-top:.8rem}.admin-order-actions .orders-action{min-height:2.25rem;padding:.45rem .7rem}.admin-order-card:has(.db-status-completed){border-left-color:#10b981}.admin-order-card:has(.db-status-cancelled){border-left-color:#ef4444}
@media(max-width:1050px){.admin-order-main{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-order-main>.db-status{justify-self:start}}@media(max-width:760px){.admin-order-list{padding:.85rem}.admin-order-card{padding:.9rem}.admin-order-main{grid-template-columns:1fr 1fr;gap:.8rem}.admin-order-cashier{align-self:start}.admin-order-amounts{grid-column:1 / -1}.admin-order-actions{display:grid;grid-template-columns:1fr 1fr}.admin-order-actions .orders-action{min-width:0;min-height:2.8rem}.admin-order-actions a.orders-action{grid-column:1 / -1}}
.orders-notice.is-error{border-color:#fecaca;background:#fef2f2;color:#b91c1c}
.db-status-created{background:#f5f5f4;color:#57534e}.db-status-waiting{background:#fff7ed;color:#c2410c}.db-status-printed{background:#dcfce7;color:#047857}.db-dot-created{background:#78716c}.cashier-order-card.is-created{border-left-color:#a8a29e}.cashier-order-card.is-waiting{border-left-color:#f59e0b}.cashier-order-status.is-created{background:#f5f5f4;color:#57534e}.cashier-order-status.is-created i{background:#78716c}.cashier-order-status.is-waiting{background:#fff7ed;color:#b45309}.cashier-order-status.is-waiting i{background:#f59e0b}.admin-order-card.is-created{border-left-color:#a8a29e}.admin-order-card.is-waiting{border-left-color:#f59e0b}.admin-order-card.is-printed{border-left-color:#10b981;background:#f0fdf4}
.db-status-modified{background:#eff6ff;color:#1d4ed8}.db-dot-modified{background:#2563eb}.cashier-order-card.is-modified{border-left-color:#2563eb;background:#f8fbff}.cashier-order-status.is-modified{background:#eff6ff;color:#1d4ed8}.cashier-order-status.is-modified i{background:#2563eb}.admin-order-card.is-modified{border-left-color:#2563eb;background:#f8fbff}
.orders-bulk-bar{display:flex;align-items:center;justify-content:flex-end;gap:.55rem;border:1px solid #fed7aa;border-radius:.35rem;background:#fff7ed;padding:.65rem .75rem}.orders-bulk-check{display:flex;align-items:center;gap:.45rem;color:#9a3412;font-size:.7rem;font-weight:900}.orders-bulk-check input{accent-color:#ea580c}.orders-bulk-count{margin-right:auto;color:#9a3412;font-size:.7rem;font-weight:900}.orders-bulk-bar select{min-height:2.25rem;border:1px solid #fdba74;border-radius:.25rem;background:#fff;padding:.35rem .55rem;color:#1c1917;font-size:.72rem;font-weight:700}.orders-bulk-bar button{min-height:2.25rem;border:0;border-radius:.25rem;background:#ea580c;padding:.4rem .7rem;color:#fff;font-size:.65rem;font-weight:900;text-transform:uppercase}.orders-bulk-bar button:disabled{cursor:not-allowed;background:#fdba74}.admin-order-number{grid-template-columns:1.1rem minmax(0,1fr)!important;column-gap:.55rem}.admin-order-select{padding-top:.05rem}.admin-order-select input{width:1.1rem;height:1.1rem;margin:0;accent-color:#ea580c}.admin-order-number-content{display:grid;gap:.22rem;min-width:0}.admin-order-number-content .orders-flags{margin-top:.2rem}
@media(max-width:760px){.orders-bulk-bar{align-items:stretch;flex-wrap:wrap}.orders-bulk-check{width:100%}.orders-bulk-bar select,.orders-bulk-bar button{flex:1;min-width:0}}
.drivers-main{max-width:1580px}.drivers-summary{display:grid;grid-template-columns:minmax(0,360px);gap:1px;border:1px solid #e7e5e4;background:#e7e5e4}.drivers-summary article{display:grid;gap:.4rem;background:#fff;padding:1rem 1.15rem}.drivers-summary span{color:#78716c;font-size:.65rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.drivers-summary strong{font-size:1.5rem;line-height:1.1}.drivers-summary em{font-size:.65rem;font-style:normal;color:#78716c}.drivers-summary small{color:#a8a29e;font-size:.68rem}.drivers-workspace{display:grid;grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:1rem;margin-top:1rem}.drivers-list-panel{border:1px solid #e7e5e4;border-radius:.35rem;background:#fff}.drivers-table{min-width:880px}.driver-avatar{display:grid;place-items:center;width:2.25rem;height:2.25rem;border-radius:50%;background:#ecfdf5;color:#047857;font-size:.8rem;font-weight:900}.driver-state{border:0;border-radius:999px;background:#f5f5f4;padding:.3rem .55rem;color:#78716c;font-size:.62rem;font-weight:900}.driver-state.is-active{background:#dcfce7;color:#047857}.driver-form-help{margin:0;color:#78716c;font-size:.7rem;line-height:1.45}.admin-order-main{grid-template-columns:1fr 1.35fr .75fr minmax(125px,.9fr) 1.3fr auto}.admin-order-driver{display:grid;align-self:center;gap:.3rem}.admin-order-driver span{color:#a8a29e;font-size:.6rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.admin-order-driver strong{font-size:.78rem}
@media(max-width:1100px){.drivers-workspace{grid-template-columns:1fr}.drivers-workspace .users-editor{position:static;max-height:none}.admin-order-main{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-order-main>.db-status{justify-self:start}}
@media(max-width:760px){.drivers-main{padding:1rem}.drivers-summary{grid-template-columns:1fr}.drivers-table{min-width:880px}.admin-order-driver{align-self:start}}
.drivers-table{min-width:540px}@media(max-width:760px){.drivers-table{min-width:540px}}
.driver-stats-main{max-width:1580px}.driver-stats-filters{display:grid;grid-template-columns:220px 220px minmax(220px,1fr);gap:.75rem;margin-bottom:1rem;border:1px solid #e7e5e4;border-radius:.35rem;background:#fff;padding:1rem 1.15rem}.driver-stats-filters label{display:grid;gap:.35rem;color:#78716c;font-size:.62rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.driver-stats-filters input,.driver-stats-filters select{min-height:2.65rem;border:1px solid #d6d3d1;border-radius:.3rem;background:#fff;padding:.6rem .75rem;color:#1c1917;font-size:.82rem;font-weight:600;outline-color:#ea580c;text-transform:none;letter-spacing:0}.driver-stats-summary{grid-template-columns:repeat(4,minmax(0,1fr))}.driver-stats-panel{margin-top:1rem;border:1px solid #e7e5e4;border-radius:.35rem;background:#fff}.driver-stats-table{min-width:880px}.driver-stats-table td:last-child strong{color:#047857}
.driver-charts-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1rem}.driver-chart-panel{min-width:0;border:1px solid #e7e5e4;border-radius:.35rem;background:#fff}.driver-chart-panel>header{display:flex;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid #e7e5e4;padding:1rem 1.15rem}.driver-chart-panel h2{margin:.18rem 0 0;font-size:1rem}.driver-chart-tabs{display:flex;border:1px solid #d6d3d1;border-radius:.3rem;padding:.18rem}.driver-chart-tabs button{border:0;border-radius:.2rem;background:transparent;padding:.42rem .55rem;color:#78716c;font-size:.62rem;font-weight:900;text-transform:uppercase;white-space:nowrap}.driver-chart-tabs button.is-active{background:#1c1917;color:#fff}.driver-ranking-list{display:grid;gap:.8rem;padding:1.2rem}.driver-ranking-row{display:grid;grid-template-columns:110px minmax(0,1fr) auto;align-items:center;gap:.75rem}.driver-ranking-row>strong{overflow:hidden;text-overflow:ellipsis;font-size:.72rem;white-space:nowrap}.driver-ranking-row>b{font-size:.7rem}.driver-ranking-track{height:1.6rem;overflow:hidden;border-radius:.2rem;background:#eff6ff}.driver-ranking-track span{display:block;height:100%;border-radius:inherit;background:#2563eb}.driver-chart-empty{padding:4rem 1rem;color:#a8a29e;text-align:center;font-size:.75rem}.driver-line-chart{position:relative;padding:.85rem .9rem .25rem}.driver-line-chart svg{display:block;width:100%;height:auto}.driver-line-chart line{stroke:#a8a29e;stroke-width:1}.driver-line-chart .driver-chart-gridline{stroke:#e7e5e4}.driver-line-chart polygon{fill:#dbeafe}.driver-line-chart polyline{fill:none;stroke:#2563eb;stroke-width:3}.driver-line-chart circle{fill:#2563eb}.driver-line-chart text{fill:#1d4ed8;font-size:11px;font-weight:900}.driver-line-chart text.driver-chart-date{fill:#78716c;font-size:9px}.driver-chart-scale{display:block;padding:0 .5rem .6rem;color:#78716c;font-size:.62rem;font-weight:800;text-align:right}
@media(max-width:900px){.driver-charts-grid{grid-template-columns:1fr}}@media(max-width:760px){.driver-stats-main{padding:1rem}.driver-stats-filters{grid-template-columns:1fr}.driver-stats-summary{grid-template-columns:1fr}.driver-stats-table{min-width:780px}.driver-chart-panel>header{align-items:flex-start;flex-direction:column}.driver-chart-tabs{width:100%}.driver-chart-tabs button{flex:1}.driver-ranking-row{grid-template-columns:82px minmax(0,1fr) auto;gap:.5rem}}
.menu-restaurants-manager{margin-bottom:1rem}.restaurant-list{display:grid;gap:.55rem}.restaurant-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;border:1px solid #e7e5e4;border-radius:.3rem;background:#fff;padding:.75rem .85rem}.restaurant-row>div:first-child{display:grid;gap:.18rem;min-width:0}.restaurant-row strong{font-size:.78rem}.restaurant-row span,.restaurant-row small{overflow:hidden;color:#78716c;font-size:.64rem;text-overflow:ellipsis;white-space:nowrap}.restaurant-row-actions{display:flex;align-items:center;gap:.4rem;flex:0 0 auto}.restaurant-row-actions button{border:1px solid #d6d3d1;border-radius:.25rem;background:#fff;padding:.4rem .55rem;color:#57534e;font-size:.6rem;font-weight:900}.restaurant-row-actions button.is-active{border-color:#86efac;background:#f0fdf4;color:#047857}.restaurant-row-actions button:last-child{border-color:#fecaca;color:#b91c1c;font-size:1rem;line-height:1}
@media(max-width:760px){.restaurant-row{align-items:flex-start;flex-direction:column}.restaurant-row-actions{width:100%;justify-content:flex-end}.restaurant-row span,.restaurant-row small{max-width:100%}}
/* Cashier experience: mobile-first POS */
.cashier-pos{background:#f8f8f7}.cashier-pos .pos-header{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:1fr auto;gap:.85rem;min-height:0;padding:1rem max(1.25rem,calc((100vw - 1440px)/2));background:#fff}.cashier-pos .pos-brand-mark{width:3rem;height:3rem;border-radius:.6rem;background:#f4510b;font-size:1rem}.cashier-pos .pos-brand strong{font-size:1.1rem}.cashier-pos .pos-brand small{font-size:.68rem}.cashier-pos .pos-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:.55rem}.cashier-pos .pos-new-order,.cashier-pos .pos-orders-link,.cashier-pos .pos-admin-link{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:2.9rem;box-sizing:border-box;border:1px solid #f4510b;border-radius:.45rem;background:#fff;padding:.6rem .9rem;color:#d94709;text-decoration:none;font-size:.7rem;font-weight:900;text-transform:uppercase;white-space:nowrap}.cashier-pos .pos-new-order span{font-size:1.45rem;font-weight:400;line-height:.5}.cashier-pos .pos-new-order:hover{background:#fff7f2}.cashier-pos .pos-orders-link{border-color:#d6d3d1;color:#44403c}.cashier-pos .pos-admin-link{border-color:#1c1917;color:#1c1917}.cashier-pos .pos-logout{min-height:2.9rem;padding:.45rem .25rem}.cashier-pos .pos-steps{grid-column:1 / -1;grid-row:2;justify-content:center;gap:1rem;margin:0;padding-top:.2rem}.cashier-pos .pos-step{position:relative;min-width:7rem;justify-content:center;border:0;background:transparent;padding:.35rem .2rem;color:#a8a29e;font-size:.72rem}.cashier-pos .pos-step:not(:last-child)::after{position:absolute;top:50%;left:calc(100% + .15rem);width:.7rem;height:1px;background:#d6d3d1;content:""}.cashier-pos .pos-step b{width:1.65rem;height:1.65rem;background:#e7e5e4;font-size:.72rem}.cashier-pos .pos-step.is-active{background:transparent;color:#e64a0c}.cashier-pos .pos-step.is-active b{background:#f4510b}.cashier-pos .pos-main{max-width:1440px;padding:1.25rem max(1.25rem,calc((100vw - 1440px)/2)) 2rem}.cashier-pos .pos-layout{grid-template-columns:minmax(0,1fr) 360px;gap:1.25rem}.cashier-pos .pos-menu{border:0;background:transparent}.cashier-pos .pos-menu-head{align-items:center;border:0;padding:0 0 .85rem}.cashier-pos .pos-menu-head h2{font-size:1.45rem}.cashier-pos .pos-menu-head span{display:block;margin-top:.3rem;color:#78716c;font-size:.75rem}.cashier-pos .pos-search{display:flex;align-items:center;gap:.65rem;margin-bottom:.85rem;border:1px solid #dedbd8;border-radius:.55rem;background:#fff;padding:0 .9rem;color:#78716c}.cashier-pos .pos-search span{font-size:1.6rem;line-height:1}.cashier-pos .pos-search input{width:100%;min-height:3.15rem;border:0;background:transparent;color:#1c1917;font-size:.92rem;outline:0}.cashier-pos .pos-search input::placeholder{color:#a8a29e}.cashier-pos .pos-category-bar{gap:.55rem;overflow-x:auto;border:0;background:transparent;padding:.1rem 0 1rem;scrollbar-width:none}.cashier-pos .pos-category-bar::-webkit-scrollbar{display:none}.cashier-pos .pos-category{min-height:2.8rem;border-radius:999px;padding:.55rem .95rem;font-size:.68rem}.cashier-pos .pos-category.is-active{border-color:#f4510b;background:#f4510b}.cashier-pos .pos-category small{display:none}.cashier-pos .pos-product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem;padding:0}.cashier-pos .pos-product-card{display:flex;min-height:15.5rem;flex-direction:column;border-color:#e8e5e2;border-radius:.55rem;background:#fff;box-shadow:none}.cashier-pos .pos-product-card:hover{border-color:#f9b995;box-shadow:0 6px 16px #431b0b0d}.cashier-pos .pos-product-card .product-image,.cashier-pos .pos-product-card .product-art,.cashier-pos .pos-product-card .offer-image,.cashier-pos .pos-product-card .offer-art{height:9.6rem;object-fit:contain;padding:.35rem}.cashier-pos .pos-product-card .product-art{display:grid;place-items:center;background:#fff2df;color:#cf470e}.cashier-pos .pos-product-body{position:relative;display:grid;min-height:5.7rem;gap:.2rem;padding:.75rem 4rem .75rem .85rem}.cashier-pos .pos-product-body h2{margin:0;font-size:.9rem;line-height:1.25}.cashier-pos .pos-product-body p{font-size:.78rem}.cashier-pos .pos-product-body p.line-clamp-2{display:none}.cashier-pos .pos-product-body p.text-lg{margin-top:auto;color:#e64a0c;font-size:.94rem}.cashier-pos .pos-product-add{position:absolute;right:.8rem;bottom:.8rem;display:grid;place-items:center;width:2.55rem;height:2.55rem;border:0;border-radius:50%;background:#f4510b;color:#fff;font-size:2rem;font-weight:300;line-height:1;box-shadow:0 4px 9px #f4510b33}.cashier-pos .pos-product-add:hover{background:#d94709}.cashier-pos .pos-offer-card{border:1px solid #e8e5e2!important}.cashier-pos .pos-offer-card .offer-art{display:grid;place-items:center;background:#fff2df;color:#cf470e;font-size:2.1rem}.cashier-pos .pos-cart{position:sticky;top:8.75rem;height:calc(100vh - 10rem);min-height:480px;border:1px solid #e8e5e2;border-radius:.55rem;background:#fff;padding:1rem}.cashier-pos .pos-cart .primary{border-radius:.45rem;background:#f4510b}.pos-mobile-cart{display:none}.pos-flow-screen{max-width:980px;margin:0 auto}.pos-flow-card,.pos-ticket-card,.pos-summary-card{border:1px solid #e8e5e2;border-radius:.65rem;background:#fff;padding:1.4rem;box-shadow:0 5px 15px #00000008}.pos-flow-title h2,.pos-summary-card h2{margin:.2rem 0 0;font-size:1.45rem}.pos-delivery-fields{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1.5rem}.pos-flow-card .field{gap:.45rem;font-size:.68rem}.pos-flow-card .field input{min-height:3.35rem;border-radius:.45rem;font-size:.95rem}.pos-location-status{min-height:2.5rem;margin-top:1rem;font-size:.78rem;font-weight:700}.pos-location-status span{display:inline-flex;align-items:center;gap:.5rem;border-radius:.45rem;padding:.7rem .85rem}.pos-location-status .is-confirmed{background:#ecfdf5;color:#047857}.pos-location-status .is-confirmed b{display:grid;place-items:center;width:1.3rem;height:1.3rem;border-radius:50%;background:#059669;color:#fff}.pos-location-status .is-error{background:#fef2f2;color:#b91c1c}.pos-delivery-toggles{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-top:1rem}.pos-delivery-toggles .toggle{position:relative;display:grid;grid-template-columns:auto 1fr;gap:.15rem .7rem;min-height:5.4rem;border:1px solid #e8e5e2;border-radius:.5rem;padding:.85rem}.pos-delivery-toggles .toggle input{grid-row:1 / 3}.pos-delivery-toggles .toggle b{font-size:.9rem}.pos-delivery-toggles .toggle small{grid-column:2;color:#78716c;font-size:.68rem;line-height:1.35}.pos-delivery-breakdown{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin-top:1.25rem;border:1px solid #e8e5e2;border-radius:.55rem;overflow:hidden}.pos-delivery-breakdown>div{display:grid;gap:.35rem;padding:1rem .7rem;border-right:1px solid #e8e5e2;text-align:center}.pos-delivery-breakdown>div:last-child{border-right:0}.pos-delivery-breakdown small{color:#78716c;font-size:.62rem;font-weight:900;text-transform:uppercase}.pos-delivery-breakdown strong{font-size:.9rem}.pos-delivery-breakdown .is-main{background:#fff7f2}.pos-delivery-breakdown .is-main strong{color:#e64a0c;font-size:1.15rem}.pos-flow-submit{display:flex;align-items:center;justify-content:center;gap:.65rem;width:100%;min-height:3.45rem;margin-top:1.25rem;border:0;border-radius:.5rem;background:#f4510b;color:#fff;font-size:.85rem;font-weight:900;text-transform:uppercase}.pos-flow-submit span{font-size:1.7rem;font-weight:400;line-height:0}.pos-ticket-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:1rem;margin-top:1rem}.pos-ticket-card .ticket{min-height:25rem;margin:1rem 0 0;border-radius:.45rem}.pos-summary-card .summary{padding:.85rem 0}.pos-summary-card .summary:last-of-type{border-bottom:0}.pos-summary-card .summary:nth-last-of-type(3) b{color:#e64a0c;font-size:1rem}
@media(max-width:900px){.cashier-pos .pos-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cashier-pos .pos-layout{grid-template-columns:1fr}.cashier-pos .pos-cart{position:static;height:auto}.pos-ticket-layout{grid-template-columns:1fr}.pos-ticket-card .ticket{min-height:15rem}}
@media(max-width:620px){.cashier-pos .pos-header{position:static;display:flex;align-items:center;flex-wrap:wrap;padding:.8rem .9rem;gap:.65rem}.cashier-pos .pos-brand{gap:.55rem}.cashier-pos .pos-brand-mark{width:2.65rem;height:2.65rem}.cashier-pos .pos-brand strong{font-size:.96rem}.cashier-pos .pos-brand small{font-size:.6rem}.cashier-pos .pos-header-actions{margin-left:auto;gap:.35rem}.cashier-pos .pos-new-order{min-height:2.55rem;padding:.5rem .6rem;font-size:.58rem}.cashier-pos .pos-new-order span{font-size:1.2rem}.cashier-pos .pos-orders-link{display:grid;min-height:2.55rem;padding:.35rem .5rem;font-size:.52rem;text-align:center}.cashier-pos .pos-orders-link span:first-child{font-size:1rem;line-height:.75}.cashier-pos .pos-admin-link,.cashier-pos .pos-logout{display:none}.cashier-pos .pos-steps{order:3;width:100%;justify-content:space-between;gap:0;padding-top:.35rem}.cashier-pos .pos-step{min-width:0;flex:1;gap:.25rem;font-size:.58rem}.cashier-pos .pos-step:not(:last-child)::after{width:.45rem}.cashier-pos .pos-step b{width:1.45rem;height:1.45rem;font-size:.62rem}.cashier-pos .pos-main{padding:.9rem .75rem 6.5rem}.cashier-pos .pos-menu-head{padding-bottom:.65rem}.cashier-pos .pos-menu-head h2{font-size:1.15rem}.cashier-pos .pos-search{margin-bottom:.7rem}.cashier-pos .pos-search input{min-height:2.8rem;font-size:.85rem}.cashier-pos .pos-category{min-height:2.6rem;padding:.45rem .8rem;font-size:.6rem}.cashier-pos .pos-product-grid{gap:.6rem}.cashier-pos .pos-product-card{min-height:12.75rem;border-radius:.45rem}.cashier-pos .pos-product-card .product-image,.cashier-pos .pos-product-card .product-art,.cashier-pos .pos-product-card .offer-image,.cashier-pos .pos-product-card .offer-art{height:7.25rem;padding:.25rem}.cashier-pos .pos-product-body{min-height:4.9rem;padding:.6rem 3.1rem .6rem .65rem}.cashier-pos .pos-product-body h2{font-size:.75rem}.cashier-pos .pos-product-body p.text-lg{font-size:.8rem}.cashier-pos .pos-product-add{right:.55rem;bottom:.6rem;width:2.2rem;height:2.2rem;font-size:1.65rem}.cashier-pos .pos-cart{margin-top:1rem}.pos-mobile-cart{position:fixed;right:.75rem;bottom:.75rem;left:.75rem;z-index:30;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.6rem;border:0;border-radius:.65rem;background:#fff;padding:.55rem .65rem;box-shadow:0 8px 28px #1c191733;color:#1c1917;text-align:left}.pos-mobile-cart-count{display:grid;place-items:center;width:2.35rem;height:2.35rem;border-radius:50%;background:#f4510b;color:#fff;font-size:.75rem;font-weight:900}.pos-mobile-cart b,.pos-mobile-cart small{display:block}.pos-mobile-cart b{font-size:.7rem}.pos-mobile-cart small{margin-top:.1rem;color:#78716c;font-size:.58rem}.pos-mobile-cart>strong{font-size:.75rem;white-space:nowrap}.pos-mobile-cart-action{grid-column:1 / -1;border-radius:.4rem;background:#f4510b;padding:.65rem;color:#fff;font-size:.72rem;font-weight:900;text-align:center;text-transform:uppercase}.pos-mobile-cart-action i{margin-left:.35rem;font-size:1.2rem;font-style:normal;vertical-align:-.1rem}.pos-flow-screen{max-width:none}.pos-flow-screen .back{margin:.15rem 0 .9rem;font-size:.75rem}.pos-flow-card,.pos-ticket-card,.pos-summary-card{border-radius:.5rem;padding:1rem}.pos-flow-title h2,.pos-summary-card h2{font-size:1.18rem}.pos-delivery-fields,.pos-delivery-toggles{grid-template-columns:1fr;gap:.7rem;margin-top:1rem}.pos-flow-card .field input{min-height:3.1rem}.pos-location-status{margin-top:.75rem}.pos-location-status span{display:flex;font-size:.7rem;line-height:1.35}.pos-delivery-breakdown{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:1rem}.pos-delivery-breakdown>div:nth-child(2){border-right:0}.pos-delivery-breakdown>div:nth-child(3){border-top:1px solid #e8e5e2}.pos-delivery-breakdown>div:nth-child(4),.pos-delivery-breakdown>div:nth-child(5){border-top:1px solid #e8e5e2}.pos-delivery-breakdown>div:nth-child(4){border-right:0}.pos-delivery-breakdown>div:nth-child(5){grid-column:1 / -1;border-right:0}.pos-ticket-layout{gap:.8rem;margin-top:.7rem}.pos-ticket-card .ticket{min-height:14rem;font-size:.75rem}.pos-summary-card .summary{padding:.7rem 0;font-size:.8rem}}
.cashier-pos .pos-logout{display:inline-flex;align-items:center;min-height:2.9rem;padding:.6rem .25rem;color:#78716c}.cashier-pos .pos-logout span{display:none}.cashier-pos .pos-logout em{font-style:normal}
@media(max-width:620px){.cashier-pos .pos-logout{display:grid;width:2.65rem;min-height:2.65rem;border:1px solid #dedad7;border-radius:.5rem;background:#fff;color:#57534e;padding:0;place-items:center}.cashier-pos .pos-logout em{display:none}.cashier-pos .pos-logout span{display:block;font-style:normal;font-size:1.2rem;line-height:1}}
.cashier-order-actions .cashier-action i{display:none;font-style:normal;font-size:1.15rem;line-height:1}.cashier-order-actions .cashier-action span{display:inline}.cashier-orders-shell .cashier-orders-head{border-radius:.6rem}.cashier-orders-shell .cashier-orders-toolbar{border-radius:.6rem}.cashier-orders-shell .cashier-order-card{border-radius:.6rem}
@media(max-width:620px){.cashier-orders-shell .db-main{padding:.75rem .8rem 1.5rem}.cashier-orders-shell .cashier-orders-head{padding:1rem}.cashier-orders-shell .cashier-orders-head h2{font-size:1.35rem}.cashier-orders-shell .cashier-orders-toolbar{gap:.75rem;padding:.9rem}.cashier-orders-shell .cashier-status-tabs{gap:.45rem}.cashier-orders-shell .cashier-status-tabs button{min-height:2.45rem;padding:.4rem .65rem;border-radius:.45rem;font-size:.61rem}.cashier-orders-shell .cashier-order-card{padding:1rem}.cashier-orders-shell .cashier-order-main{grid-template-columns:1fr auto;gap:.9rem}.cashier-orders-shell .cashier-order-client,.cashier-orders-shell .cashier-order-total{grid-column:1 / -1}.cashier-orders-shell .cashier-order-total{display:grid;grid-template-columns:1fr 1fr;gap:.25rem}.cashier-orders-shell .cashier-order-total strong{grid-column:1 / -1;font-size:1rem}.cashier-orders-shell .cashier-order-actions{grid-template-columns:repeat(5,minmax(0,1fr));gap:0;margin:1rem -.1rem -.1rem;padding:0;border:1px solid #eeeae7;border-radius:.45rem;overflow:hidden}.cashier-orders-shell .cashier-order-actions .cashier-action{display:grid;min-height:4.4rem;gap:.28rem;border:0;border-right:1px solid #eeeae7;border-radius:0;background:#fff;padding:.4rem .1rem;font-size:.53rem;line-height:1.05;text-align:center;text-transform:none}.cashier-orders-shell .cashier-order-actions .cashier-action:last-child{border-right:0}.cashier-order-actions .cashier-action i{display:block}.cashier-order-actions .cashier-action span{display:block}.cashier-orders-shell .cashier-action-print{background:#fff7f2!important;color:#d94709}.cashier-orders-shell .cashier-action-whatsapp{grid-column:auto;background:#f0fdf4}.cashier-orders-shell .cashier-action-delete{grid-column:auto;background:#fffafa;color:#dc2626}.cashier-orders-shell .cashier-order-status{align-self:start}}
/* Product configuration drawer */
.product-drawer{width:min(100%,760px);max-height:94vh;border-radius:.7rem}.product-drawer .product-drawer-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:.8rem;padding:1rem 1.2rem;border-bottom:1px solid #ece9e6}.drawer-back{display:grid;place-items:center;width:2.55rem;height:2.55rem;border:0;border-radius:.45rem;background:transparent;color:#1c1917;font-size:1.7rem;line-height:1}.drawer-back:hover{background:#f5f5f4}.product-drawer-title h2{margin:0;font-size:1.2rem;line-height:1.2}.product-drawer-title p{margin:.25rem 0 0;color:#e64a0c;font-size:.94rem;font-weight:900}.product-drawer-image{width:4.4rem;height:3.6rem;object-fit:contain}.product-drawer .drawer-head>.icon{width:2.55rem;height:2.55rem}.drawer-product-steps{display:flex;align-items:center;justify-content:center;gap:.65rem;border-bottom:1px solid #ece9e6;padding:.7rem 1rem;color:#a8a29e;font-size:.62rem;font-weight:900;text-transform:uppercase}.drawer-product-steps span{display:flex;align-items:center;gap:.35rem}.drawer-product-steps b{display:grid;place-items:center;width:1.25rem;height:1.25rem;border-radius:50%;background:#f1f0ef;color:#57534e;font-size:.6rem}.drawer-product-steps span.is-active{color:#e64a0c}.drawer-product-steps span.is-active b{background:#f4510b;color:#fff}.drawer-product-steps i{width:1.5rem;height:1px;background:#d6d3d1}.product-drawer .drawer-scroll{padding:0 1.2rem 7.2rem}.product-drawer .drawer-section{margin-top:1.25rem;padding-top:1.15rem;border-top:1px solid #ece9e6}.product-drawer .accompaniment-section{margin-top:0;border-top:0}.drawer-section-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.75rem}.drawer-section-head h3{margin:0;color:#292524;font-size:.78rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.drawer-section-head small{color:#e64a0c;font-size:.65rem;font-weight:800}.product-drawer .size-choice{display:grid;grid-template-columns:1fr 1fr;border:0;border-radius:0;gap:.65rem;background:transparent}.product-drawer .size-choice label{position:relative;display:flex;min-height:5rem;align-items:center;gap:.65rem;border:1px solid #dedbd8;border-radius:.55rem;background:#fff;padding:.75rem .85rem;cursor:pointer}.product-drawer .size-choice label.is-selected,.product-drawer .size-choice label:has(input:checked){border-color:#f4510b;background:#fffaf7}.product-drawer .size-choice input{width:1.25rem;height:1.25rem;margin:0;accent-color:#f4510b}.product-drawer .size-choice label span{display:grid;gap:.16rem}.product-drawer .size-choice label span b{font-size:.88rem}.product-drawer .size-choice label span small{color:#78716c;font-size:.66rem;font-weight:600}.product-drawer .size-choice label strong{position:absolute;right:.7rem;top:.5rem;margin:0;color:#e64a0c;font-size:1rem}.product-drawer .drawer-options-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem}.product-drawer .option{min-height:3.25rem;border-color:#dedbd8;border-radius:.45rem;background:#fff;padding:.55rem .65rem}.product-drawer .option:has(input:checked){border-color:#f4510b;background:#fffaf7}.product-drawer .option input{accent-color:#f4510b}.product-drawer .option span{font-size:.75rem}.product-drawer .option b{font-size:.63rem;color:#d94709}.product-drawer .multi-trigger{min-height:3.25rem;border-color:#dedbd8;border-radius:.45rem;padding:.65rem .8rem;font-size:.78rem}.product-drawer .multi-menu{margin-top:.55rem;border-color:#dedbd8;border-radius:.5rem;padding:.55rem}.product-drawer .multi-menu .option{margin-bottom:.45rem}.product-drawer .multi-menu .option:last-child{margin-bottom:0}.product-drawer .multi-chip{border-color:#fed7aa;background:#fff7ed;color:#c2410c}.product-drawer .drawer-checkout{position:absolute;right:0;bottom:0;left:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:1rem;border-top:1px solid #ece9e6;background:#fff;padding:1rem 1.2rem;box-shadow:0 -6px 18px #1c19170d}.drawer-checkout>div{display:grid;gap:.15rem}.drawer-checkout small{color:#78716c;font-size:.64rem;font-weight:800;text-transform:uppercase}.drawer-checkout strong{color:#e64a0c;font-size:1rem}.product-drawer .drawer-submit{display:flex;align-items:center;justify-content:center;gap:.45rem;min-height:3.2rem;margin:0;border:0;border-radius:.45rem;background:#f4510b;padding:.7rem 1rem;color:#fff;font-size:.76rem;font-weight:900;text-transform:uppercase}.product-drawer .drawer-submit span{font-size:1.45rem;font-weight:400;line-height:.6}
@media(max-width:620px){.product-drawer{width:100%;height:100%;max-height:100vh;border-radius:0}.product-drawer .product-drawer-head{grid-template-columns:auto minmax(0,1fr) auto;gap:.55rem;padding:.85rem}.product-drawer .product-drawer-head>.icon{display:none}.product-drawer-title h2{font-size:1.05rem}.product-drawer-title p{font-size:.86rem}.product-drawer-image{width:3.75rem;height:3rem}.drawer-product-steps{justify-content:space-between;gap:.3rem;padding:.65rem .9rem;font-size:.56rem}.drawer-product-steps i{width:.55rem}.product-drawer .drawer-scroll{padding:0 .85rem 7.5rem}.product-drawer .drawer-section{margin-top:1rem;padding-top:1rem}.product-drawer .size-choice{gap:.5rem}.product-drawer .size-choice label{min-height:4.55rem;padding:.65rem}.product-drawer .size-choice label span b{font-size:.8rem}.product-drawer .drawer-options-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.product-drawer .option{min-height:3.1rem;padding:.5rem}.product-drawer .option span{font-size:.69rem}.product-drawer .option b{font-size:.56rem}.product-drawer .drawer-checkout{padding:.75rem .85rem;gap:.65rem}.product-drawer .drawer-submit{min-height:3rem;padding:.6rem .7rem;font-size:.65rem}.drawer-checkout strong{font-size:.9rem}}
.product-drawer{position:relative}
/* Reset the legacy price-badge style inside the new accompaniment cards. */
.product-drawer .size-choice label span b{
display:block !important;
margin:0 !important;
padding:0 !important;
border:0 !important;
border-radius:0 !important;
background:transparent !important;
color:#1c1917 !important;
font-size:.88rem !important;
font-weight:900 !important;
line-height:1.2 !important;
white-space:normal !important;
}
.product-drawer .size-choice label span small{
display:block !important;
margin:.18rem 0 0 !important;
padding:0 !important;
border:0 !important;
border-radius:0 !important;
background:transparent !important;
color:#78716c !important;
font-size:.66rem !important;
font-weight:600 !important;
line-height:1.25 !important;
}
.product-drawer .size-choice label:has(input:checked) span b{color:#d94709 !important}
/* The product drawer must sit above the sticky POS header. */
.cashier-pos .overlay{z-index:60;align-items:center;padding:1rem}
@media(max-width:620px){.cashier-pos .overlay{align-items:stretch;padding:0}}
/* Offer configuration uses the same compact product-drawer language as the POS. */
.offer-drawer{width:min(100%,760px)}
.offer-drawer-kicker{margin:0 0 .15rem !important;color:#e64a0c !important;font-size:.65rem !important;font-weight:900 !important;letter-spacing:.06em;text-transform:uppercase}
.offer-drawer .product-drawer-title>p:last-child{color:#78716c;font-size:.68rem;font-weight:600}
.offer-config-list{display:grid;gap:1rem;padding-top:1.1rem}
.offer-config-intro{margin:0;border:1px solid var(--ff-primary-border);border-radius:.45rem;background:var(--ff-primary-soft);padding:.7rem .8rem;color:var(--ff-primary);font-size:.7rem;font-weight:800;line-height:1.45}
.offer-config-card{border:1px solid #e7e5e4;border-radius:.55rem;background:#fff;padding:1rem}
.offer-config-card .drawer-section-head{margin-bottom:.8rem}
.offer-config-card .drawer-section-head>div{display:grid;gap:.2rem}
.offer-config-card .drawer-section-head h3{font-size:.9rem;letter-spacing:0;text-transform:none}
.offer-config-card .drawer-section-head small{font-size:.65rem}
.offer-config-card .drawer-section-head>strong{color:#d94709;font-size:.72rem;white-space:nowrap}
.offer-product-picker{display:grid;gap:.65rem;color:#292524;font-size:.78rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase}
.offer-product-picker select{display:block;width:100%;height:3.25rem;min-height:3.25rem;box-sizing:border-box;appearance:auto;border:1px solid #dedbd8;border-radius:.45rem;background:#fff;padding:.65rem .8rem;color:#1c1917;font-size:.78rem;font-weight:800;letter-spacing:0;text-transform:none}
.offer-selected-product-context{display:flex;align-items:baseline;gap:.4rem;margin-top:1rem;border:1px solid var(--ff-primary-border);border-radius:.4rem;background:var(--ff-primary-soft);padding:.55rem .7rem;color:var(--ff-primary)}
.offer-selected-product-context span{font-size:.65rem;font-weight:700}
.offer-selected-product-context strong{font-size:.72rem;font-weight:900}
.offer-product-section{margin-top:1rem;padding-top:1rem;border-top:1px solid #f0eeec}
.offer-product-section .drawer-section-head{margin-bottom:.65rem}
.offer-product-section .size-choice label{min-height:4.5rem}
.offer-product-section .size-choice label span b{background:transparent !important;padding:0 !important;color:#1c1917 !important;font-size:.8rem !important}
.offer-product-section .size-choice label span small{display:block !important;margin:.16rem 0 0 !important;padding:0 !important;background:transparent !important;color:#78716c !important;font-size:.62rem !important}
.offer-product-section .size-choice label:has(input:checked) span b{color:#d94709 !important}
.offer-drawer-scroll{padding-bottom:8.25rem !important}
.offer-drawer-error{position:absolute;right:1rem;bottom:5.5rem;left:1rem;z-index:3;margin:0;border-radius:.4rem;background:#fef2f2;padding:.65rem .8rem;color:#b91c1c;font-size:.72rem;font-weight:800}
.offer-drawer-checkout{z-index:4}
@media(max-width:620px){.offer-config-list{gap:.75rem;padding-top:.85rem}.offer-config-card{padding:.8rem}.offer-drawer .product-drawer-image{display:none}.offer-product-section .drawer-options-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.offer-drawer-error{right:.75rem;bottom:5rem;left:.75rem}.offer-drawer-checkout>div{display:none}.offer-drawer .drawer-submit{width:100%}}
/* Cart: readable, compact order cards instead of the legacy ticket layout. */
.cashier-pos .pos-cart-lines{padding:.25rem 0}
.cashier-pos .pos-cart .pos-cart-lines{padding:.25rem .75rem .25rem 0;scrollbar-gutter:stable}
.cashier-pos .pos-cart-item{padding:1rem 0;border-bottom:1px solid #eeeae7}
.cashier-pos .pos-cart-item:last-child{border-bottom:0}
.pos-cart-offer{margin:0 0 .5rem;color:#d94709;font-size:.62rem;font-weight:900;letter-spacing:.05em;text-transform:uppercase}
.pos-cart-item-main{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:.55rem}
.pos-cart-quantity{display:grid;place-items:center;min-width:2rem;height:1.7rem;border-radius:.35rem;background:#fff1e8;color:#d94709;font-size:.72rem;font-weight:900}
.pos-cart-item-main h3{margin:.12rem 0 0;overflow-wrap:anywhere;color:#1c1917;font-size:.84rem;font-weight:900;line-height:1.25}
.pos-cart-item-main strong{color:#1c1917;font-size:.8rem;white-space:nowrap}
.pos-cart-item-details{display:grid;gap:.24rem;margin:.65rem 0 0 2.55rem;padding-left:.65rem;border-left:1px solid #f4c9b5}
.pos-cart-item-details div{display:flex;justify-content:space-between;gap:.5rem;color:#1c1917;font-size:.78rem;line-height:1.35}
.pos-cart-item-details span{min-width:0;overflow-wrap:anywhere}
.pos-cart-item-details b{flex:0 0 auto;color:#1c1917;font-size:.73rem;font-weight:800;white-space:nowrap}
.pos-cart-item-actions{display:flex;align-items:center;justify-content:flex-end;gap:.45rem;margin-top:.8rem}
.pos-cart-stepper{display:flex;align-items:center;gap:.28rem;margin-right:auto}
.pos-cart-stepper button,.pos-cart-remove{display:grid;place-items:center;width:2rem;height:2rem;border:1px solid #e8e5e2;border-radius:.38rem;background:#fff;color:#44403c;font-size:1.15rem;font-weight:900;line-height:1}
.pos-cart-stepper button:hover{border-color:#f4510b;color:#d94709}
.pos-cart-stepper b{display:grid;place-items:center;min-width:1.5rem;color:#1c1917;font-size:.82rem}
.pos-cart-edit{min-height:2rem;border:1px solid #f4510b;border-radius:.38rem;background:#fff;padding:.4rem .6rem;color:#d94709;font-size:.62rem;font-weight:900;text-transform:uppercase}
.pos-cart-edit:hover{background:#fff7f2}
.pos-cart-remove{border-color:#fecaca;color:#dc2626}
.pos-cart-remove:hover{background:#fef2f2}
.cashier-pos .pos-cart>div:last-child{margin-top:auto;border-top:1px solid #e8e5e2!important;padding-top:1rem!important}
.cashier-pos .pos-cart>div:last-child>div{font-size:.9rem!important}
.cashier-pos .pos-cart>div:last-child .primary{min-height:3.1rem;font-size:.72rem}
@media(max-width:620px){.cashier-pos .pos-cart-item{padding:.9rem 0}.pos-cart-item-main h3{font-size:.82rem}.pos-cart-item-details{margin-left:2.45rem}.pos-cart-item-details div{font-size:.76rem}.pos-cart-item-actions{gap:.4rem}.pos-cart-stepper button,.pos-cart-remove{width:2.25rem;height:2.25rem}.pos-cart-edit{min-height:2.25rem;padding:.45rem .65rem;font-size:.61rem}}
@media(min-width:621px){.cashier-pos .pos-flow-screen>.back{display:inline-flex;margin:.25rem 0 1.2rem}}
/* Order-confirmation modal follows the compact cashier card design. */
.cashier-pos .pos-success-overlay{z-index:70;background:#1c1917b8;padding:1rem}
.cashier-pos .pos-success-popup{width:min(100%,430px);border:1px solid #e8e5e2;border-radius:.7rem;padding:1.6rem;text-align:center;box-shadow:0 18px 50px #1c191766}
.cashier-pos .pos-success-icon{width:3.2rem;height:3.2rem;margin-bottom:.85rem;background:#dcfce7;color:#059669;font-size:1.75rem}
.cashier-pos .pos-success-popup .db-eyebrow{margin:0;color:#a8a29e;font-size:.65rem}
.cashier-pos .pos-success-popup h2{margin:.35rem 0 0;color:#1c1917;font-size:1.4rem}
.cashier-pos .pos-success-order{display:grid;gap:.25rem;margin:1.1rem auto 0;border:1px solid #fed7aa;border-radius:.5rem;background:#fff7f2;padding:.7rem .85rem}
.cashier-pos .pos-success-order small{color:#9a3412;font-size:.6rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase}
.cashier-pos .pos-success-order strong{color:#d94709;font-size:1.05rem;font-weight:900}
.cashier-pos .pos-success-copy{margin:.95rem 0 0;font-size:.77rem;line-height:1.55}
.cashier-pos .pos-success-actions{gap:.55rem;margin-top:1.25rem}
.cashier-pos .pos-success-actions a,.cashier-pos .pos-success-actions button{min-height:2.85rem;border-radius:.45rem;font-size:.63rem}
.cashier-pos .pos-success-primary{background:#f4510b}
@media(max-width:480px){.cashier-pos .pos-success-popup{padding:1.25rem}.cashier-pos .pos-success-actions{grid-template-columns:1fr}.cashier-pos .pos-success-primary{order:-1}}
/* Mobile header keeps the two essential actions within thumb reach. */
.cashier-pos .pos-new-order em{font-style:normal}
@media(max-width:620px){
.cashier-pos .pos-header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.65rem;padding:.75rem .85rem}
.cashier-pos .pos-header-actions{grid-column:2;grid-row:1;display:flex;align-items:center;gap:.45rem;margin:0}
.cashier-pos .pos-new-order,.cashier-pos .pos-orders-link{display:grid;width:2.65rem;min-height:2.65rem;padding:0;border-radius:.5rem}
.cashier-pos .pos-new-order em,.cashier-pos .pos-orders-link span:last-child{display:none}
.cashier-pos .pos-new-order span{font-size:1.55rem;line-height:1}
.cashier-pos .pos-orders-link span:first-child{font-size:1.15rem;line-height:1}
.cashier-pos .pos-steps{grid-column:1 / -1;grid-row:2;order:initial;width:100%;padding-top:.15rem}
}
/* Cashier order history: the same focused mobile language as the POS. */
.cashier-orders-shell .cashier-orders-head{display:flex;align-items:center;gap:1rem;margin:1rem 0;border:1px solid #e8e5e2;border-radius:.7rem;background:#fff;padding:1.1rem 1.25rem;box-shadow:0 2px 8px #1c191708}
.cashier-orders-shell .cashier-orders-intro-icon{display:grid;place-items:center;width:3.25rem;height:3.25rem;border-radius:50%;background:#fff3ed;color:#d94709;font-size:1.45rem;font-weight:900}
.cashier-orders-shell .cashier-orders-intro-copy{display:grid;gap:.2rem}
.cashier-orders-shell .cashier-orders-intro-copy strong{color:#1c1917;font-size:1.15rem;font-weight:900}
.cashier-orders-shell .cashier-orders-intro-copy span{display:inline-flex;width:max-content;border-radius:.35rem;background:#fff1d6;padding:.35rem .55rem;color:#a85b00;font-size:.7rem;font-weight:800}
.cashier-orders-shell .cashier-orders-toolbar{display:grid;grid-template-columns:minmax(0,1fr) 180px 180px;gap:.85rem;align-items:end;border:1px solid #e8e5e2;border-radius:.7rem;background:#fff;padding:1rem 1.25rem}
.cashier-orders-shell .cashier-toolbar-field{display:grid;gap:.35rem;margin:0;color:#78716c;font-size:.62rem;font-weight:900;letter-spacing:.055em;text-transform:uppercase}
.cashier-orders-shell .cashier-toolbar-field>div{display:flex;align-items:center;gap:.55rem;min-height:2.9rem;border:1px solid #d6d3d1;border-radius:.45rem;background:#fff;padding:0 .75rem}
.cashier-orders-shell .cashier-toolbar-field i{color:#57534e;font-size:1.05rem;font-style:normal;line-height:1}
.cashier-orders-shell .cashier-toolbar-field input{width:100%;min-width:0;border:0!important;outline:0;background:transparent!important;padding:0!important;color:#1c1917;font-size:.78rem;font-weight:700;box-shadow:none!important}
.cashier-orders-shell .cashier-toolbar-field input::placeholder{color:#a8a29e;font-weight:600}
.cashier-orders-shell .cashier-status-tabs{grid-column:1 / -1;display:flex;gap:.6rem;padding-top:.15rem}
.cashier-orders-shell .cashier-status-tabs button{display:inline-flex;align-items:center;justify-content:center;min-height:2.75rem;border:1px solid #d6d3d1;border-radius:.45rem;background:#fff;padding:.45rem .9rem;color:#44403c;font-size:.72rem;font-weight:900;line-height:1;text-transform:none;box-shadow:0 1px 2px #1c191705}
.cashier-orders-shell .cashier-status-tabs button b{margin-left:.32rem;color:#a8a29e;font-weight:900}
.cashier-orders-shell .cashier-status-tabs button.is-active{border-color:#1c1917;background:#1c1917;color:#fff;box-shadow:none}
.cashier-orders-shell .cashier-status-tabs button.is-active b{color:#fff}
.cashier-orders-shell .cashier-order-list{display:grid;gap:.8rem;margin-top:1rem}
.cashier-orders-shell .cashier-order-card{border:1px solid #e8e5e2;border-left:4px solid #f59e0b;border-radius:.7rem;background:#fff;padding:1rem 1.25rem;box-shadow:0 2px 8px #1c191708}
.cashier-orders-shell .cashier-order-card.is-printed{border-left-color:#10b981;background:#f0fdf7}
.cashier-orders-shell .cashier-order-main{display:grid;grid-template-columns:minmax(130px,.85fr) minmax(210px,1.4fr) minmax(195px,1fr) auto;gap:1rem;align-items:start}
.cashier-orders-shell .cashier-order-number span{color:#1c1917;font-size:1rem;font-weight:900}.cashier-orders-shell .cashier-order-number small,.cashier-orders-shell .cashier-order-client small,.cashier-orders-shell .cashier-order-total small{display:block;margin-top:.3rem;color:#78716c;font-size:.68rem;font-weight:600;line-height:1.4}
.cashier-orders-shell .cashier-order-client strong,.cashier-orders-shell .cashier-order-total strong{display:block;color:#1c1917;font-size:.82rem;font-weight:900}
.cashier-orders-shell .cashier-order-client small.restaurant,.cashier-orders-shell .cashier-order-client small.distance{color:#0f766e;font-weight:800}
.cashier-orders-shell .cashier-order-status{display:inline-flex;align-items:center;gap:.35rem;white-space:nowrap;border-radius:999px;background:#fff7ed;padding:.45rem .65rem;color:#b45309;font-size:.65rem;font-weight:900}
.cashier-orders-shell .cashier-order-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1rem;border-top:1px solid #eeeae7;padding-top:.9rem}
.cashier-orders-shell .cashier-order-actions .cashier-action{min-height:2.45rem;border-radius:.4rem;padding:.45rem .7rem;font-size:.62rem;font-weight:900}
.cashier-orders-shell .cashier-action-whatsapp{background:#bbf7d0;color:#047857}
@media(max-width:760px){
.cashier-orders-shell .db-topbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.65rem;padding:.75rem .9rem}
.cashier-orders-shell .db-topbar .pos-brand{grid-column:1;grid-row:1}.cashier-orders-shell .db-top-actions{grid-column:2;grid-row:1;display:block;margin:0}
.cashier-orders-shell .db-top-actions .db-button-primary{min-height:2.65rem;padding:.5rem .7rem;font-size:.62rem}
.cashier-orders-shell .db-topbar>div:nth-child(2){grid-column:1/-1;grid-row:2;display:block;border-top:1px solid #eeeae7;padding-top:.7rem}.cashier-orders-shell .db-topbar h1{display:block;margin:.1rem 0 0;font-size:1.35rem}.cashier-orders-shell .db-topbar .db-eyebrow{display:block;margin:0;font-size:.58rem}
.cashier-orders-shell .cashier-orders-toolbar{grid-template-columns:1fr 1fr;padding:1rem}.cashier-orders-shell .cashier-search-field{grid-column:1/-1}.cashier-orders-shell .orders-per-page{grid-column:1/2}.cashier-orders-shell .cashier-status-tabs{grid-column:1/-1;overflow-x:auto;padding-bottom:.1rem}.cashier-orders-shell .cashier-status-tabs button{flex:0 0 auto}
.cashier-orders-shell .cashier-order-main{grid-template-columns:1fr auto;gap:.85rem}.cashier-orders-shell .cashier-order-client,.cashier-orders-shell .cashier-order-total{grid-column:1/-1}.cashier-orders-shell .cashier-order-total{display:grid;grid-template-columns:1fr 1fr;column-gap:.8rem}.cashier-orders-shell .cashier-order-total strong{grid-column:1/-1;margin-bottom:.1rem}
.cashier-orders-shell .cashier-order-actions{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;margin-top:.85rem;padding-top:0;border:1px solid #eeeae7;border-radius:.5rem;overflow:hidden}.cashier-orders-shell .cashier-order-actions .cashier-action{display:grid;place-items:center;gap:.2rem;min-height:4.4rem;border:0;border-right:1px solid #eeeae7;border-radius:0;background:#fff;padding:.35rem .1rem;font-size:.5rem;line-height:1.05;text-align:center;text-transform:none}.cashier-orders-shell .cashier-order-actions .cashier-action:last-child{border-right:0}.cashier-orders-shell .cashier-order-actions .cashier-action i{display:block}.cashier-orders-shell .cashier-order-actions .cashier-action span{display:block}.cashier-orders-shell .cashier-action-print{background:#fff7f2!important;color:#d94709}.cashier-orders-shell .cashier-action-whatsapp{background:#f0fdf4;color:#15803d}.cashier-orders-shell .cashier-action-delete{background:#fffafa;color:#dc2626}
}
@media(max-width:480px){.cashier-orders-shell .cashier-orders-head{margin:.75rem 0;padding:.9rem}.cashier-orders-shell .cashier-orders-toolbar{grid-template-columns:1fr;gap:.75rem}.cashier-orders-shell .orders-per-page{grid-column:auto}.cashier-orders-shell .cashier-order-card{padding:.9rem}.cashier-orders-shell .cashier-order-main{gap:.7rem}.cashier-orders-shell .cashier-order-status{font-size:.58rem}.cashier-orders-shell .cashier-toolbar-field>div{min-height:2.75rem}.cashier-orders-shell .cashier-orders-intro-copy strong{font-size:1rem}}
/* Keep the cashier history visually part of the POS, not the admin dashboard. */
.cashier-orders-shell{background:#fafaf9}
.cashier-orders-shell .db-main{max-width:1040px;padding-top:1.5rem}
.cashier-orders-shell .pos-steps{display:none}
.cashier-orders-shell .cashier-orders-page-title{margin:0 0 1rem;padding:.15rem 0}.cashier-orders-shell .cashier-orders-page-title h1{margin:0;color:#1c1917;font-size:1.65rem;line-height:1.1}.cashier-orders-shell .cashier-orders-page-title p{margin:.32rem 0 0;color:#a8a29e;font-size:.68rem;font-weight:900;letter-spacing:.07em;text-transform:uppercase}
.cashier-orders-shell .cashier-orders-head{justify-content:flex-start;min-height:5.8rem;margin:0 0 1rem;padding:1.2rem 1.35rem}
.cashier-orders-shell .cashier-orders-intro-icon{width:3.5rem;height:3.5rem;flex:0 0 auto;border:1px solid #ffeadb;background:#fff8f3;color:#f4510b}
.cashier-orders-shell .cashier-orders-intro-copy{align-content:center}
.cashier-orders-shell .cashier-orders-intro-copy p{margin:0;color:#a8a29e;font-size:.62rem;font-weight:900;letter-spacing:.07em;text-transform:uppercase}
.cashier-orders-shell .cashier-orders-intro-copy strong{margin-top:.08rem;font-size:1.35rem;line-height:1.15}
.cashier-orders-shell .cashier-orders-intro-copy span{margin-top:.35rem;padding:.38rem .62rem}
.cashier-orders-shell .cashier-orders-toolbar{gap:1rem;padding:1.15rem 1.35rem}
.cashier-orders-shell .cashier-toolbar-field>div{min-height:3.15rem;border-color:#dedad7;border-radius:.55rem}
.cashier-orders-shell .cashier-toolbar-field input{font-size:.85rem}
.cashier-orders-shell .cashier-order-list{gap:1rem;margin-top:1.15rem}
.cashier-orders-shell .cashier-order-card{padding:1.25rem 1.35rem;border-radius:.75rem}
.cashier-orders-shell .cashier-order-main{grid-template-columns:1fr 1.3fr 1.05fr auto;gap:1.35rem}
.cashier-orders-shell .cashier-order-number span{font-size:1.1rem}.cashier-orders-shell .cashier-order-number small,.cashier-orders-shell .cashier-order-client small,.cashier-orders-shell .cashier-order-total small{font-size:.76rem;line-height:1.5}.cashier-orders-shell .cashier-order-client strong,.cashier-orders-shell .cashier-order-total strong{font-size:.95rem}
.cashier-orders-shell .cashier-order-status{padding:.5rem .75rem;font-size:.72rem}
.cashier-orders-shell .cashier-order-status.is-created{background:#f3f4f6;color:#4b5563}.cashier-orders-shell .cashier-order-status.is-created i{background:#6b7280}
.cashier-orders-shell .cashier-order-status.is-modified{background:#eff6ff;color:#2563eb}.cashier-orders-shell .cashier-order-status.is-modified i{background:#2563eb}
.cashier-orders-shell .cashier-order-status.is-waiting{background:#fff7ed;color:#c2410c}.cashier-orders-shell .cashier-order-status.is-waiting i{background:#f59e0b}
.cashier-orders-shell .cashier-order-status.is-printed{background:#bbf7d0;color:#166534}.cashier-orders-shell .cashier-order-status.is-printed i{background:#059669}
.cashier-orders-shell .cashier-order-card.is-created{border-left-color:#9ca3af;background:#fff}
.cashier-orders-shell .cashier-order-card.is-modified{border-left-color:#2563eb;background:#f8fbff}
.cashier-orders-shell .cashier-order-card.is-waiting{border-left-color:#f59e0b;background:#fff}
.cashier-orders-shell .cashier-order-card.is-printed{border-left-color:#10b981;background:#f0fdf4}
.cashier-orders-shell .cashier-order-actions{margin-top:1.15rem;padding-top:1rem}.cashier-orders-shell .cashier-order-actions .cashier-action{min-height:2.7rem;padding:.5rem .82rem;font-size:.67rem}
.cashier-orders-shell .action-mobile-label{display:none;font-style:normal}.cashier-orders-shell .action-desktop-label{font-style:normal}
@media(max-width:760px){
.cashier-orders-shell .db-main{max-width:none;padding:1rem .85rem 1.5rem}
.cashier-orders-shell .pos-logout{display:grid}
.cashier-orders-shell .cashier-orders-page-title{margin:.1rem 0 .85rem}.cashier-orders-shell .cashier-orders-page-title h1{font-size:1.45rem}
.cashier-orders-shell .cashier-orders-head{min-height:0;margin:0 0 .85rem;padding:1rem}
.cashier-orders-shell .cashier-orders-intro-icon{width:3rem;height:3rem;font-size:1.2rem}
.cashier-orders-shell .cashier-orders-intro-copy strong{font-size:1.15rem}
.cashier-orders-shell .cashier-orders-toolbar{padding:1rem}
.cashier-orders-shell .cashier-order-card{padding:1rem;border-radius:.75rem}
.cashier-orders-shell .cashier-order-main{gap:.8rem}
.cashier-orders-shell .cashier-order-number span{font-size:1.08rem}
.cashier-orders-shell .cashier-order-client strong,.cashier-orders-shell .cashier-order-total strong{font-size:.95rem}
.cashier-orders-shell .cashier-order-number small,.cashier-orders-shell .cashier-order-client small,.cashier-orders-shell .cashier-order-total small{font-size:.74rem}
.cashier-orders-shell .cashier-order-actions{margin:1rem 0 0;padding:0}
.cashier-orders-shell .cashier-order-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch;gap:.55rem;border:0;border-radius:0;box-shadow:none;overflow:visible}
.cashier-orders-shell .cashier-order-actions .cashier-action{display:flex;min-height:3rem;justify-content:center;border:1px solid #d6d3d1;border-radius:.4rem;background:#fff;padding:.5rem .72rem;font-size:.64rem;font-weight:900;line-height:1;text-align:center;text-transform:uppercase}
.cashier-orders-shell .cashier-order-actions .cashier-action i{display:none}
.cashier-orders-shell .cashier-order-actions .cashier-action span{display:inline;white-space:normal}
.cashier-orders-shell .cashier-action-print{border-color:#ea580c!important;background:#ea580c!important;color:#fff!important}
.cashier-orders-shell .cashier-action-whatsapp{border-color:#86efac!important;background:#bbf7d0!important;color:#047857!important}
.cashier-orders-shell .cashier-action-delete{grid-column:1 / -1;border:1px solid #fecaca!important;border-right:1px solid #fecaca!important;border-radius:.4rem!important;background:#fff!important;color:#b91c1c!important}
.cashier-orders-shell .action-desktop-label{display:inline}.cashier-orders-shell .action-mobile-label{display:none}
}
/* Admin: use the same clean visual language as the cashier POS. */
.db-shell{background:#fafaf9;grid-template-columns:248px minmax(0,1fr)}
.db-sidebar{background:#fff;color:#1c1917;border-right:1px solid #e8e5e2;box-shadow:none}
.db-brand{border-color:#e8e5e2}.db-brand-mark{border-radius:.6rem;background:#f4510b;color:#fff}.db-brand strong{color:#1c1917}.db-brand small{color:#a8a29e}
.db-nav a{border:1px solid transparent;border-radius:.5rem;color:#57534e}.db-nav a:hover{background:#fff7f2;color:#d94709}.db-nav a.is-active{border-color:#f4510b;background:#f4510b;color:#fff;box-shadow:0 4px 10px #f4510b1a}.db-nav b{background:#fff1d6;color:#b45309}.db-nav a.is-active b{background:#fff;color:#d94709}
.db-sidebar-bottom a,.db-sidebar-bottom button{border-radius:.5rem}.db-pos-link{background:#f4510b;color:#fff;box-shadow:0 4px 10px #f4510b1a}.db-logout{border-color:#dedad7;background:#fff;color:#57534e}.db-sidebar-bottom p{color:#a8a29e}
.db-topbar{min-height:96px;border-color:#e8e5e2;padding:1.25rem 2rem}.db-topbar h1{font-size:1.7rem}.db-button{min-height:2.75rem;border-radius:.5rem;padding:.65rem 1rem}.db-button-primary{background:#f4510b;box-shadow:0 4px 10px #f4510b1a}.db-button-primary:hover{background:#d94709}.db-button-secondary{border-color:#dedad7;color:#44403c}
.db-main{padding:1.75rem 2rem 2.75rem}.db-metrics,.orders-summary,.drivers-summary{border-color:#e8e5e2;background:#e8e5e2}.db-metric,.orders-summary article,.drivers-summary article{padding:1.2rem;background:#fff}.db-metric-accent{border-top-color:#f4510b}
.db-section,.orders-panel,.drivers-list-panel,.admin-panel{border:1px solid #e8e5e2;border-radius:.7rem;box-shadow:0 2px 8px #1c191708}.db-section-head,.orders-panel-head{border-color:#eeeae7}.db-section-head>a{color:#d94709}
.admin-input,.orders-filters input,.orders-filters select{border-color:#dedad7;border-radius:.5rem;outline-color:#f4510b}.admin-row{border-color:#eeeae7;border-radius:.5rem}.admin-table th,.admin-table td,.db-table th,.db-table td,.orders-table th,.orders-table td{border-color:#eeeae7}
.orders-filters{border-color:#eeeae7;background:#fff}.orders-action{min-height:2.35rem;border-color:#dedad7;border-radius:.45rem}.orders-action-main{border-color:#f4510b;background:#f4510b}.orders-action-main:hover{background:#d94709}.orders-action-danger{border-color:#fecaca}.admin-order-card{border-color:#e8e5e2;border-left-color:#f59e0b;border-radius:.7rem;box-shadow:0 2px 8px #1c191708}.admin-order-actions{border-color:#eeeae7}
.orders-bulk-bar{border-color:#fed7aa;border-radius:.55rem;background:#fff7ed}.orders-bulk-bar button{border-radius:.45rem;background:#f4510b}.driver-state{border-radius:999px}.option-chip{border-color:#dedad7}.edit-button{color:#d94709}
@media(max-width:760px){.db-sidebar{padding:1rem .85rem}.db-brand{padding:.1rem .15rem .9rem}.db-nav{gap:.45rem}.db-nav a{min-height:2.55rem;padding:0 .75rem}.db-sidebar-bottom{gap:.5rem}.db-topbar{padding:1rem}.db-main{padding:1rem}.db-section,.orders-panel,.drivers-list-panel,.admin-panel,.admin-order-card{border-radius:.6rem}.db-button{min-height:2.6rem}.orders-action{min-height:2.65rem}}
/* Admin catalogue, offers, users and delivery settings share the POS surface. */
.menu-management-panel,.menu-list-panel,.menu-editor,.menu-delivery-panel,.menu-restaurants-manager,.menu-option-group,.menu-rules,.offers-list-panel,.offers-editor,.users-list-panel,.users-editor,.driver-stats-panel,.driver-chart-panel{border:1px solid #e8e5e2;border-radius:.7rem;background:#fff;box-shadow:0 2px 8px #1c191708}.menu-panel-head,.menu-editor-head,.menu-option-group-head,.menu-rules-head,.offers-panel-head,.offers-editor-head,.offers-slots-head,.users-panel-head,.users-editor-head{border-color:#eeeae7}.menu-anchor-nav,.menu-category-tabs{border-color:#eeeae7;background:#fff}.menu-anchor-nav a,.menu-category-tabs button,.users-role-choice,.driver-chart-tabs button{border:1px solid #dedad7;border-radius:.45rem;background:#fff;color:#57534e}.menu-anchor-nav a.is-active,.menu-category-tabs button.is-active,.driver-chart-tabs button.is-active{border-color:#f4510b;background:#f4510b;color:#fff}.menu-field input,.menu-field select,.menu-search,.users-field input,.users-field select,.offers-form input,.offers-form select,.menu-delivery-form input{border-color:#dedad7;border-radius:.5rem;outline-color:#f4510b}.menu-products-table th,.menu-products-table td,.users-table th,.users-table td,.driver-stats-table th,.driver-stats-table td{border-color:#eeeae7}.menu-row-action,.restaurant-row-actions button,.users-actions button{border-radius:.45rem}.menu-add-product,.menu-save-product,.menu-save-settings,.offers-save,.users-add,.users-save{border-radius:.5rem;background:#f4510b;box-shadow:0 4px 10px #f4510b1a}.menu-add-product:hover,.menu-save-product:hover,.menu-save-settings:hover,.offers-save:hover,.users-add:hover,.users-save:hover{background:#d94709}.menu-toggle{border-color:#dedad7}.restaurant-row,.users-summary,.driver-stats-summary{border-color:#eeeae7}.driver-ranking-row{border-color:#eeeae7}.driver-ranking-track{background:#fff1eb}.driver-ranking-track span{background:#f4510b}.menu-error,.users-error{border-color:#fecaca;background:#fff7f7}.menu-help,.driver-form-help{color:#78716c}@media(max-width:760px){.menu-management-grid,.menu-rules-grid,.driver-charts-grid{gap:1rem}.menu-management-panel,.menu-list-panel,.menu-editor,.menu-delivery-panel,.menu-restaurants-manager,.offers-list-panel,.offers-editor,.users-list-panel,.users-editor,.driver-stats-panel,.driver-chart-panel{border-radius:.6rem}.menu-category-tabs{padding:.75rem}.menu-category-tabs button,.menu-anchor-nav a{min-height:2.5rem}.menu-row-action,.restaurant-row-actions button,.users-actions button{min-height:2.5rem}}
/* Admin filters: three controls per row on desktop, one per row on mobile. */
.orders-filters{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end}.orders-filters label:nth-child(n+4){grid-column:auto}@media(max-width:760px){.orders-filters{grid-template-columns:1fr}}
.service-hours-settings{margin-bottom:18px}.service-hours-note{margin:12px 0 0;color:#716c68;font-size:14px;line-height:1.45}
/* Restaurant cards: clear information hierarchy and reliable actions on every viewport. */
.menu-restaurants-manager .restaurant-list{display:grid;gap:.8rem}
.menu-restaurants-manager .restaurant-row{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1.1rem 1.2rem;border:1px solid #e7e5e4;border-radius:.55rem;background:#fff}
.menu-restaurants-manager .restaurant-row>div:first-child{min-width:0;display:grid;gap:.28rem}
.menu-restaurants-manager .restaurant-row>div:first-child strong{font-size:1rem;line-height:1.25}
.menu-restaurants-manager .restaurant-row>div:first-child span,.menu-restaurants-manager .restaurant-row>div:first-child small{color:#78716c;overflow-wrap:anywhere;white-space:normal;line-height:1.35}
.menu-restaurants-manager .restaurant-row-actions{display:flex;align-items:center;justify-content:flex-end;gap:.55rem;flex:0 0 auto;white-space:nowrap}
.menu-restaurants-manager .restaurant-row-actions button{min-height:2.6rem;padding:.6rem .85rem;border:1px solid #dedad7;border-radius:.45rem;background:#fff;color:#57534e;font-size:.68rem;font-weight:900}
.menu-restaurants-manager .restaurant-row-actions button.is-active{color:#047857;border-color:#86efac;background:#f0fdf4}
.menu-restaurants-manager .restaurant-row-actions button:last-child{width:2.6rem;min-width:2.6rem;padding:0;border-color:#fecaca;color:#b91c1c}
@media(max-width:760px){
.menu-restaurants-manager .restaurant-row{flex-direction:column;align-items:stretch;gap:1rem}
.menu-restaurants-manager .restaurant-row-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 2.75rem;width:100%;justify-content:stretch;gap:.55rem}
.menu-restaurants-manager .restaurant-row-actions>*{width:100%;min-width:0}
.menu-restaurants-manager .restaurant-row-actions button{min-height:2.75rem}
}
/* Keep order metadata compact and readable on mobile cards. */
.cashier-order-number>small{white-space:nowrap}
.cashier-order-flag{flex:0 0 auto;white-space:nowrap;font-size:.82rem;padding:5px 11px}
@media (max-width:640px){
.cashier-orders-shell .cashier-order-number>small{font-size:.72rem;letter-spacing:0}
.cashier-orders-shell .cashier-order-flag{font-size:12px!important;padding:4px 10px}
}
/* Native date inputs already provide a calendar affordance on the right. */
.cashier-date-field>div>i{display:none}
.cashier-date-field>div>input{padding-left:1rem}
/* The restaurant list belongs to the delivery panel, so it does not need a second container border. */
.menu-delivery-panel .menu-restaurants-manager{border:0;border-radius:0;background:transparent;padding:1.2rem;box-shadow:none}
@media(min-width:761px){.menu-restaurants-manager .restaurant-row-actions{gap:.45rem}.menu-restaurants-manager .restaurant-row-actions button{min-height:2.25rem;padding:.45rem .7rem;font-size:.62rem}.menu-restaurants-manager .restaurant-row-actions button:last-child{width:2.25rem;min-width:2.25rem}}
/* Keep dashboard metric labels readable beside their period marker. */
.db-metric-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:1rem;line-height:1.25}.db-metric-head>span{min-width:0;font-size:.76rem;font-weight:900;letter-spacing:0;text-transform:none}.db-metric-head small{padding-top:.08rem;font-size:.6rem;letter-spacing:.04em;white-space:nowrap}
.db-content-grid-single{grid-template-columns:minmax(0,1fr)}
.dashboard-hourly-chart{margin-top:1rem}.dashboard-hourly-peak{border-radius:999px;background:#fff7ed;padding:.45rem .7rem;color:#c2410c;font-size:.68rem;font-weight:900}.dashboard-hourly-chart-graphic{padding:1rem 1.2rem .55rem}.dashboard-hourly-chart svg{display:block;width:100%;height:auto}.dashboard-hourly-chart line{stroke:#a8a29e;stroke-width:1}.dashboard-hourly-chart .dashboard-chart-gridline{stroke:#e7e5e4}.dashboard-hourly-chart polygon{fill:#fed7aa}.dashboard-hourly-chart polyline{fill:none;stroke:#f4510b;stroke-width:2}.dashboard-hourly-chart circle{fill:#f4510b}.dashboard-hourly-chart text{fill:#c2410c;font-size:8px;font-weight:900}.dashboard-hourly-chart text.dashboard-chart-hour{fill:#78716c;font-size:6.5px}.dashboard-hourly-empty{padding:4rem 1rem;color:#a8a29e;text-align:center;font-size:.78rem}@media(max-width:760px){.dashboard-hourly-chart .db-section-head{align-items:flex-start;flex-direction:column}.dashboard-hourly-chart-graphic{padding:.9rem .65rem .4rem}.dashboard-hourly-peak{font-size:.62rem}}
/* Full-width offer catalogue once its editor is displayed as a modal. */
.offers-main{max-width:none}.offers-workspace{display:block}.offers-list-panel{width:100%}
.offers-modal .offer-choice-summary{align-self:start;justify-self:start;min-height:0;margin-top:1.4rem;flex-wrap:nowrap;white-space:nowrap;border-color:#fed7aa;border-radius:999px;padding:.45rem .7rem}.offers-modal .offer-choice-summary strong{font-size:.8rem}.offers-modal .offer-choice-summary span{font-size:.66rem;white-space:nowrap}
.offers-modal .offer-slot-grid{grid-template-columns:minmax(0,1fr) 92px 62px}
.drivers-workspace{display:block}.drivers-list-panel{width:100%}.drivers-modal-overlay{position:fixed;z-index:80;inset:0;display:flex;align-items:center;justify-content:center;padding:1.25rem;background:rgb(28 25 23 / .48)}.users-editor.drivers-modal{position:relative;top:auto;width:min(520px,100%);max-height:calc(100vh - 2.5rem);overflow:auto;border-radius:.7rem;box-shadow:0 20px 55px rgb(28 25 23 / .28)}.drivers-modal .users-editor-head{padding:1rem 1.2rem}.drivers-modal .users-editor-head button{border:1px solid #dedad7;border-radius:.4rem;padding:.45rem .65rem;color:#57534e}@media(max-width:760px){.drivers-modal-overlay{align-items:flex-end;padding:0}.users-editor.drivers-modal{width:100%;border-radius:.75rem .75rem 0 0}}
.drivers-table{table-layout:fixed}.drivers-table th:nth-child(2),.drivers-table td:nth-child(2){width:180px}.drivers-table .driver-state{min-width:5.6rem}
.dashboard-period-filter{display:flex;align-items:end;justify-content:flex-end;flex-wrap:wrap;gap:.65rem;margin-bottom:1rem}.dashboard-period-filter label{display:grid;gap:.3rem;color:#78716c;font-size:.6rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.dashboard-period-filter input{min-height:2.35rem;border:1px solid #dedad7;border-radius:.45rem;background:#fff;padding:.35rem .55rem;color:#292524;font-family:Arial,Helvetica,sans-serif;font-size:.82rem;font-weight:600;letter-spacing:0;text-transform:none}.dashboard-period-filter button{min-height:2.6rem;border:1px solid #dedad7;border-radius:.5rem;background:#fff;padding:.65rem 1rem;color:#44403c;font-family:Arial,Helvetica,sans-serif;font-size:.68rem;font-weight:900;letter-spacing:.03em;text-transform:uppercase}.dashboard-period-note{flex:0 0 100%;margin:0;color:#78716c;font-size:.72rem;font-weight:600;text-align:right}.driver-stats-filters .dashboard-period-note{grid-column:1/-1;margin:0;color:#78716c;font-size:.72rem;font-weight:600;text-transform:none;letter-spacing:0}.dashboard-period-filter button:hover{border-color:#f4510b;color:#d94709}@media(max-width:760px){.dashboard-period-filter{justify-content:stretch;align-items:end}.dashboard-period-filter label{flex:1}.dashboard-period-filter input{width:100%;box-sizing:border-box}.dashboard-period-note{text-align:left}}
.dashboard-driver-ranking{margin-top:1rem}.dashboard-driver-ranking-list{display:grid;gap:.8rem;padding:1.2rem}.dashboard-driver-ranking .driver-ranking-row{grid-template-columns:140px minmax(0,1fr) auto}.dashboard-driver-ranking .driver-ranking-track{height:1.3rem}@media(max-width:760px){.dashboard-driver-ranking-list{padding:1rem}.dashboard-driver-ranking .driver-ranking-row{grid-template-columns:90px minmax(0,1fr) auto}}
/* French Food brand */
:root{--ff-primary:#272974;--ff-primary-dark:#1e205d;--ff-primary-soft:#eeeeff;--ff-primary-border:#c9c9f3}
[x-cloak]{display:none!important}
.db-brand-mark,.pos-brand-mark{overflow:hidden;background:transparent!important;border-radius:0!important}.db-brand-mark img,.pos-brand-mark img{display:block;width:100%;height:100%;border:0!important;border-radius:0!important;object-fit:contain;content:url('/images/french-food.jpg')}
.primary,.db-button-primary,.db-pos-link,.orders-action-main,.menu-add-product,.menu-save-product,.menu-save-settings,.offers-save,.users-add,.users-save,.menu-anchor-nav a.is-active,.menu-category-tabs button.is-active,.driver-chart-tabs button.is-active,.driver-ranking-track span,.pos-success-primary,.cashier-pos .pos-brand-mark,.cashier-pos .pos-category.is-active,.cashier-pos .pos-product-add,.cashier-pos .pos-cart .primary,.cashier-pos .pos-flow-submit,.pos-mobile-cart-count,.pos-mobile-cart-action{background:var(--ff-primary)!important;border-color:var(--ff-primary)!important;color:#fff!important}
.primary:hover,.db-button-primary:hover,.orders-action-main:hover,.menu-add-product:hover,.menu-save-product:hover,.menu-save-settings:hover,.offers-save:hover,.users-add:hover,.users-save:hover,.cashier-pos .pos-product-add:hover{background:var(--ff-primary-dark)!important}
.db-nav a:hover{background:var(--ff-primary-soft);color:var(--ff-primary)}.db-nav a.is-active{background:var(--ff-primary);border-color:var(--ff-primary);box-shadow:0 4px 10px #2729741a}.db-nav a.is-active b{color:var(--ff-primary)}
.db-metric-accent,.pos-offer-card{border-top-color:var(--ff-primary)!important}.edit-button,.db-section-head>a,.back,.option b,.text-orange-600,.text-orange-700{color:var(--ff-primary)!important}
.field input,.admin-input,.orders-filters input,.orders-filters select,.menu-field input,.menu-field select,.menu-search,.users-field input,.users-field select,.offers-form input,.offers-form select,.menu-delivery-form input{outline-color:var(--ff-primary)!important}.toggle input,.option input{accent-color:var(--ff-primary)}
.pos-step.is-active,.pos-cart-head>span,.db-status-pending,.orders-bulk-bar{border-color:var(--ff-primary-border);background:var(--ff-primary-soft);color:var(--ff-primary)}.pos-step.is-active b{background:var(--ff-primary)}
.step.active,.option:has(input:checked),.multi-select option:checked,.multi-chip,.rule-help,.pos-success-order,.cashier-order-status,.cashier-order-status.is-waiting,.cashier-order-flag.is-complement,.dashboard-hourly-peak,.cashier-orders-shell .cashier-action-print{border-color:var(--ff-primary-border)!important;background:var(--ff-primary-soft)!important;color:var(--ff-primary)!important}
.product-art,.pos-offer-card .offer-art,.cashier-pos .pos-product-art,.cashier-pos .pos-offer-card .offer-art{background:var(--ff-primary-soft)!important;color:var(--ff-primary)!important}
.cashier-new-order,.cashier-action-print,.driver-assignment-close,.cashier-orders-shell .cashier-action-print,.product-drawer .drawer-submit{background:var(--ff-primary)!important;border-color:var(--ff-primary)!important;color:#fff!important}
.cashier-action-edit,.cashier-pos .pos-new-order,.cashier-pos .pos-product-body p.text-lg,.product-drawer-title p,.drawer-product-steps span.is-active,.drawer-section-head small,.product-drawer .size-choice label strong,.product-drawer .option b,.drawer-checkout strong,.offer-drawer-kicker,.offer-config-card .drawer-section-head>strong,.pos-cart-offer,.pos-cart-quantity,.pos-cart-edit,.cashier-pos .pos-success-order strong,.cashier-orders-shell .cashier-orders-intro-icon,.cashier-orders-shell .cashier-orders-intro-copy span{border-color:var(--ff-primary)!important;color:var(--ff-primary)!important}
.cashier-pos .pos-new-order:hover,.pos-cart-stepper button:hover,.pos-cart-edit:hover,.dashboard-period-filter button:hover{border-color:var(--ff-primary-dark)!important;color:var(--ff-primary-dark)!important;background:var(--ff-primary-soft)}
.cashier-order-card,.admin-order-card,.cashier-orders-shell .cashier-order-card.is-waiting{border-left-color:var(--ff-primary)!important}.cashier-order-status i,.cashier-order-status.is-waiting i{background:var(--ff-primary)!important}
.dashboard-hourly-chart polygon{fill:var(--ff-primary-border)!important}.dashboard-hourly-chart polyline{stroke:var(--ff-primary)!important}.dashboard-hourly-chart circle{fill:var(--ff-primary)!important}.dashboard-hourly-chart text{fill:var(--ff-primary)!important}
.pos-category:hover{border-color:var(--ff-primary)!important;color:var(--ff-primary)!important}.pos-product-card:hover{border-color:var(--ff-primary-border)!important}
.cashier-pos .pos-step.is-active{color:var(--ff-primary)!important;background:transparent!important}.cashier-pos .pos-step.is-active b{background:var(--ff-primary)!important;color:#fff!important}
.pos-cart-quantity{background:var(--ff-primary-soft)!important;color:var(--ff-primary)!important}.pos-cart-item-details{border-left-color:var(--ff-primary-border)!important}
.cashier-pos .pos-product-add{box-shadow:0 4px 9px #27297433!important}
.product-drawer .size-choice label:has(input:checked),.product-drawer .option:has(input:checked){border-color:var(--ff-primary)!important;background:var(--ff-primary-soft)!important}.product-drawer .size-choice input,.product-drawer .option input{accent-color:var(--ff-primary)!important}.product-drawer .size-choice label:has(input:checked) span b,.product-drawer .size-choice label:has(input:checked) strong,.product-drawer .option:has(input:checked) b{color:var(--ff-primary)!important}
.product-drawer .drawer-product-steps{display:none!important}
.product-drawer .size-choice label.is-selected,
.product-drawer .size-choice label:hover,
.product-drawer .size-choice label:focus-within,
.product-drawer .option:hover,
.product-drawer .option:focus-within{border-color:var(--ff-primary)!important;background:var(--ff-primary-soft)!important}
.product-drawer .size-choice label.is-selected strong,
.product-drawer .size-choice label:hover strong,
.product-drawer .size-choice label:focus-within strong,
.product-drawer .option:hover b,
.product-drawer .option:focus-within b{color:var(--ff-primary)!important}
.product-drawer .size-choice input,.product-drawer .option input{accent-color:var(--ff-primary)!important}
.product-drawer .size-choice label{border-color:#dedbd8!important;background:#fff!important;opacity:1!important;visibility:visible!important}
.product-drawer .size-choice label.is-selected:not(:has(input:checked)){border-color:#dedbd8!important;background:#fff!important}
.product-drawer .size-choice label:has(input:checked){border-color:var(--ff-primary)!important;background:var(--ff-primary-soft)!important}
.product-drawer .size-choice label:not(:has(input:checked)) strong{color:transparent!important}
.product-drawer .size-choice label,
.product-drawer .size-choice label:hover,
.product-drawer .size-choice label:focus,
.product-drawer .size-choice label:focus-within{outline:none!important;box-shadow:none!important;transition:none!important}
.product-drawer .size-choice input{appearance:none;-webkit-appearance:none;width:1.25rem;height:1.25rem;border:2px solid #78716c;border-radius:50%;background:#fff!important;box-shadow:inset 0 0 0 3px #fff!important}
.product-drawer .size-choice input:checked{border-color:var(--ff-primary)!important;background:var(--ff-primary)!important}
.product-drawer .size-choice label.is-selected{border-color:var(--ff-primary)!important;background:var(--ff-primary-soft)!important}
.product-drawer .size-choice label.is-selected span b,.product-drawer .size-choice label.is-selected strong{color:var(--ff-primary)!important}
.pos-cart-item-details span{font-weight:800!important;font-size:.78rem!important}
.pos-cart-item-details b{font-size:.78rem!important}
.product-drawer .option span{font-weight:800!important}
@media (hover:none) and (pointer:coarse){
button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
button:hover,a:hover{transition:none}
.cashier-pos .pos-product-add:hover{background:var(--ff-primary)!important}
.cashier-pos .pos-cart-stepper button:hover,.cashier-pos .pos-cart-edit:hover{border-color:#e8e5e2!important;background:#fff!important;color:#44403c!important}
.product-drawer .size-choice label:not(:has(input:checked)):hover,.product-drawer .option:not(:has(input:checked)):hover{border-color:#dedbd8!important;background:#fff!important}
}
body:has(.product-drawer){overflow:hidden!important;touch-action:none}
.product-drawer .drawer-scroll{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.cashier-pos .pos-delivery-breakdown .is-main{background:var(--ff-primary-soft)!important}
.cashier-pos .pos-delivery-breakdown .is-main strong,.cashier-pos .pos-summary-card .summary:nth-last-of-type(3) b{color:var(--ff-primary)!important}
.cashier-pos .pos-success-order small{color:var(--ff-primary)!important}
@media(max-width:620px){.product-drawer .size-choice{grid-template-columns:1fr}}
@media(max-width:620px){.product-drawer .option span{font-size:.75rem!important;font-weight:800!important;text-transform:uppercase}.product-drawer .option b{font-size:.68rem!important;font-weight:900!important}}
@media(max-width:620px){.product-drawer .drawer-options-grid .option span{flex:1;text-align:left!important}}
@media(max-width:620px){.product-drawer .multi-menu .option span{flex:1;text-align:left!important}}
@media(max-width:620px){.product-drawer .drawer-options-grid{grid-template-columns:1fr}}
@media(max-width:620px){.product-drawer .drawer-options-grid .option{gap:1rem}}
@media(max-width:620px){
.cashier-pos .pos-category-bar{
touch-action:pan-x;
-webkit-overflow-scrolling:touch;
overscroll-behavior-x:contain;
scroll-snap-type:x proximity;
scroll-behavior:smooth;
}
.cashier-pos .pos-category{scroll-snap-align:start}
.cashier-pos .pos-product-grid{touch-action:pan-y}
}
.product-drawer .multi-search{
display:flex;
align-items:center;
gap:.5rem;
margin-bottom:.55rem;
border:1px solid #dedbd8;
border-radius:.45rem;
background:#fff;
padding:0 .7rem;
color:#78716c;
}
.product-drawer .multi-search span{font-size:1.1rem;line-height:1}
.product-drawer .multi-search input{
width:100%;
min-width:0;
min-height:2.65rem;
border:0;
outline:0;
background:transparent;
color:#1c1917;
font-size:.78rem;
}
.product-drawer .multi-search input::placeholder{color:#a8a29e}
@media(max-width:620px){
.product-drawer .multi-trigger{font-size:.75rem}
}
/* Keep the collection amount visually consistent with the other delivery totals. */
.pos-delivery-breakdown .is-main strong{font-size:.9rem}
/* Emphasize the collection total by color only, not by a larger type size. */
.pos-summary-card .summary:nth-last-of-type(3) b{font-size:inherit}
.pos-summary-card .summary span{font-weight:900;text-transform:none;letter-spacing:normal}
@media(min-width:761px){.orders-summary{grid-template-columns:repeat(4,minmax(0,1fr))}.orders-summary-returned{background:#fff5f5!important}.orders-summary-returned span,.orders-summary-returned strong{color:#c81e1e}}
.cashier-order-delay,.orders-delivery-delay{color:#0f766e!important;font-weight:900}
@media(min-width:761px){.driver-stats-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.driver-stats-returned{background:#fff5f5!important}.driver-stats-returned span,.driver-stats-returned strong{color:#c81e1e}}
.driver-return-chart-panel{margin-top:1rem;border:1px solid #e8e5e2;border-radius:.7rem;background:#fff;box-shadow:0 2px 8px #1c191708}.driver-return-chart-panel>header{padding:1rem 1.15rem;border-bottom:1px solid #eeeae7}.driver-return-chart-panel h2{margin:.18rem 0 0;font-size:1rem}.driver-return-line-chart polyline{stroke:#dc2626}.driver-return-line-chart circle{fill:#dc2626}.driver-return-line-chart text{fill:#b91c1c}.driver-return-line-chart text.driver-chart-date{fill:#78716c}
.driver-evolution-chart-panel{grid-column:1 / -1}.driver-evolution-chart-panel .driver-line-chart{padding:1.1rem 1.35rem .5rem}.driver-evolution-chart-panel .driver-line-chart svg{min-height:290px}
.driver-charts-grid>.driver-chart-panel:first-child{grid-column:1 / -1}
.driver-return-line-chart polygon{fill:#fecaca!important}.driver-return-line-chart polyline{stroke:#dc2626!important}.driver-return-line-chart circle{fill:#dc2626!important}.driver-return-line-chart text{fill:#b91c1c!important}.driver-return-line-chart text.dashboard-chart-hour{fill:#78716c!important}
.dashboard-hourly-chart-graphic{position:relative}.driver-chart-point-tooltip{position:absolute;z-index:3;display:grid;gap:.35rem;min-width:7.5rem;transform:translate(-50%,-112%);border:1px solid #d6d3d1;border-radius:.3rem;background:#fff;padding:.55rem .7rem;box-shadow:0 3px 10px #1c191733;color:#444;font-size:.75rem}.driver-chart-point-tooltip strong{font-size:.78rem}.driver-chart-point-tooltip span{display:flex;align-items:center;gap:.45rem}.driver-chart-point-tooltip i{width:.85rem;height:.85rem;background:var(--ff-primary);border:1px solid #1e205d}.driver-chart-point-tooltip i.is-return{background:#dc2626;border-color:#b91c1c}.driver-chart-point-tooltip b{font-size:1rem;color:#1c1917}
.cashier-pos .pos-flow-ticket-download{display:flex;align-items:center;justify-content:center;width:100%;min-height:3.45rem;margin-top:.7rem;border:1px solid var(--ff-primary);border-radius:.5rem;background:#fff;color:var(--ff-primary);font-size:.85rem;font-weight:900;text-transform:uppercase}
@media(max-width:620px){
.pos-summary-card h2{font-size:1.3rem}
.pos-summary-card .summary{font-size:.9rem}
.pos-ticket-card .ticket{font-size:.9rem}
}
/* Keep order statuses semantically distinct from the brand colour. */
.cashier-orders-shell .cashier-order-status.is-created{border-color:#d1d5db!important;background:#f3f4f6!important;color:#4b5563!important}
.cashier-orders-shell .cashier-order-status.is-created i{background:#6b7280!important}
.cashier-orders-shell .cashier-order-status.is-modified{border-color:#bfdbfe!important;background:#eff6ff!important;color:#2563eb!important}
.cashier-orders-shell .cashier-order-status.is-modified i{background:#2563eb!important}
.cashier-orders-shell .cashier-order-status.is-waiting{border-color:#fed7aa!important;background:#fff7ed!important;color:#c2410c!important}
.cashier-orders-shell .cashier-order-status.is-waiting i{background:#f59e0b!important}
.cashier-orders-shell .cashier-order-status.is-printed{border-color:#86efac!important;background:#bbf7d0!important;color:#166534!important}
.cashier-orders-shell .cashier-order-status.is-printed i{background:#059669!important}
.cashier-orders-shell .cashier-order-card.is-created{border-left-color:#9ca3af!important;background:#fff!important}
.cashier-orders-shell .cashier-order-card.is-modified{border-left-color:#2563eb!important;background:#f8fbff!important}
.cashier-orders-shell .cashier-order-card.is-waiting{border-left-color:#f59e0b!important;background:#fff!important}
.cashier-orders-shell .cashier-order-card.is-printed{border-left-color:#10b981!important;background:#f0fdf4!important}
.cashier-orders-shell .cashier-order-card.is-returned,.admin-order-card.is-returned{border-left-color:#dc2626!important;background:#fef2f2!important}
.cashier-orders-shell .cashier-order-status.is-returned,.db-status-returned{border-color:#fecaca!important;background:#fee2e2!important;color:#b91c1c!important}
.cashier-orders-shell .cashier-order-status.is-returned i{background:#dc2626!important}
.cashier-action-return{border-color:#fecaca!important;background:#fff1f2!important;color:#be123c!important}
.cashier-action-return:hover{background:#ffe4e6!important}
/* Personal order-history summary uses the same violet palette as the rest of the app. */
.cashier-orders-shell .cashier-orders-intro-icon{border-color:var(--ff-primary)!important;background:var(--ff-primary-soft)!important;color:var(--ff-primary)!important}
.cashier-orders-shell .cashier-orders-intro-copy span{border:1px solid var(--ff-primary-border)!important;background:var(--ff-primary-soft)!important;color:var(--ff-primary)!important}
/* Bulk driver assignment controls follow the brand palette too. */
.orders-bulk-bar{border-color:var(--ff-primary-border)!important;background:var(--ff-primary-soft)!important}
.orders-bulk-check,.orders-bulk-count{color:var(--ff-primary)!important}
.orders-bulk-check input{accent-color:var(--ff-primary)!important}
.orders-bulk-bar select{border-color:var(--ff-primary-border)!important;color:#1c1917!important}
.orders-bulk-bar button{background:var(--ff-primary)!important}
.orders-bulk-bar button:disabled{background:#a8a9d0!important}
/* Admin order cards use the same status accents as the cashier view. */
.admin-order-card.is-created{border-left-color:#9ca3af!important;background:#fff!important}
.admin-order-card.is-modified{border-left-color:#2563eb!important;background:#f8fbff!important}
.admin-order-card.is-waiting{border-left-color:#f59e0b!important;background:#fff!important}
.admin-order-card.is-printed{border-left-color:#10b981!important;background:#f0fdf4!important}
.admin-order-select input{accent-color:var(--ff-primary)!important}
.ticket-preview-panel .ticket-preview-close:hover{background:var(--ff-primary-soft)!important;color:var(--ff-primary)!important}
.orders-page-button{border-color:#d6d3d1!important;color:#57534e!important;background:#fff!important}
.orders-page-button:hover:not(:disabled){border-color:var(--ff-primary)!important;color:var(--ff-primary)!important}
.orders-page-button.is-current{border-color:var(--ff-primary)!important;background:var(--ff-primary)!important;color:#fff!important}
.orders-page-button.is-current:hover{border-color:var(--ff-primary)!important;background:var(--ff-primary)!important;color:#fff!important;text-shadow:none!important}
.driver-ranking-track{background:var(--ff-primary-soft)!important}
.db-nav a.is-active,.db-nav a.is-active:hover{background:var(--ff-primary)!important;border-color:var(--ff-primary)!important;color:#fff!important}
.db-nav a.is-active b{background:#fff!important;color:var(--ff-primary)!important}
.menu-row-action:not(.is-danger){color:var(--ff-primary)!important}
.menu-product-name>span{color:var(--ff-primary)!important}
.menu-toggle input,.menu-option-grid input{accent-color:var(--ff-primary)!important}
.menu-toggle-accent{border-color:var(--ff-primary-border)!important;background:var(--ff-primary-soft)!important}
.menu-option-grid label:has(input:checked){border-color:var(--ff-primary)!important;background:var(--ff-primary-soft)!important}
.menu-option-grid b{color:var(--ff-primary)!important}
.offers-panel-head>button,.offers-slots-head>button{background:var(--ff-primary)!important}
.offer-row>img,.offer-row-art{color:var(--ff-primary)!important}
.offer-row-content>strong,.offer-row-actions button:not(:last-child){color:var(--ff-primary)!important}
.offer-choice-summary{border-color:var(--ff-primary-border)!important;background:var(--ff-primary-soft)!important}
.offer-choice-summary strong,.offer-choice-summary span{color:var(--ff-primary)!important}
.offer-picker-category h4{color:var(--ff-primary)!important}
.offer-picker-products label:has(input:checked){border-color:var(--ff-primary)!important;background:var(--ff-primary-soft)!important}
.offer-picker-products input{accent-color:var(--ff-primary)!important}
.menu-rules-head>button,.menu-rules-head button:not(:last-child){color:var(--ff-primary)!important}
.restaurant-row-actions button:first-child{color:var(--ff-primary)!important}
.restaurant-form-overlay{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:1rem;background:rgb(28 25 23 / .62);backdrop-filter:blur(3px)}
.restaurant-form-modal{width:min(100%,640px);max-height:calc(100vh - 2rem);box-sizing:border-box;overflow:auto;border:1px solid #e8e5e2;border-radius:.75rem;background:#fff;padding:1.4rem;box-shadow:0 24px 64px rgb(28 25 23 / .28)}
.restaurant-form-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;border-bottom:1px solid #eeeae7;padding-bottom:1rem;margin-bottom:.2rem}
.restaurant-form-modal-head h2{margin:.2rem 0 0;font-size:1.2rem}.restaurant-form-modal-head button{display:grid;place-items:center;width:2.25rem;height:2.25rem;border:0;border-radius:.45rem;background:#f5f5f4;color:#44403c;font-size:1.5rem;line-height:1}.restaurant-form-modal-head button:hover{background:var(--ff-primary-soft);color:var(--ff-primary)}
@media(max-width:600px){.restaurant-form-overlay{align-items:end;padding:0}.restaurant-form-modal{width:100%;max-height:92vh;border-radius:.75rem .75rem 0 0;padding:1.1rem}}
.orders-page-button:disabled{border-color:#e7e5e4!important;background:#fafaf9!important;color:#d6d3d1!important}
.users-actions button:not(.is-danger){color:var(--ff-primary)!important}
.users-actions button.is-danger{color:#b91c1c!important}
.users-actions button.is-reactivate{color:#047857!important}
.menu-anchor-nav a:hover,.menu-anchor-nav a:focus-visible{border-color:var(--ff-primary)!important;color:var(--ff-primary)!important;outline-color:var(--ff-primary)!important}
.pos-orders-link{gap:.55rem}.pos-orders-icon{width:1rem;height:1rem;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:2.35;stroke-linecap:round}
.cashier-orders-intro-icon svg{width:1.45rem;height:1.45rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.users-role-choice:has(input:checked){border-color:var(--ff-primary)!important;background:var(--ff-primary-soft)!important}
.users-role-choice input{accent-color:var(--ff-primary)!important}
.users-help{color:#78716c;font-size:.66rem;line-height:1.35}
.user-disabled-label{display:block;margin-top:.25rem;color:#b91c1c;font-size:.62rem;font-weight:800}
.users-delete-overlay{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:1rem;background:rgb(28 25 23 / .62);backdrop-filter:blur(3px)}
.users-delete-modal{width:min(100%,420px);box-sizing:border-box;border:1px solid #e8e5e2;border-radius:.75rem;background:#fff;padding:1.5rem;text-align:center;box-shadow:0 24px 64px rgb(28 25 23 / .28)}
.users-delete-icon{width:3.25rem;height:3.25rem;margin:0 auto 1rem;display:grid;place-items:center;border-radius:.75rem;background:#fff1eb;color:#c2410c;font-size:2rem;font-weight:800;line-height:1}
.users-delete-modal h2{margin:.35rem 0 .65rem;font-size:1.2rem}.users-delete-modal>p:not(.db-eyebrow){margin:0;color:#78716c;font-size:.8rem;line-height:1.45}
.users-delete-actions{display:flex;justify-content:center;gap:.65rem;margin-top:1.35rem}.users-delete-actions button{border:1px solid #d6d3d1;border-radius:.45rem;background:#fff;padding:.7rem 1rem;color:#57534e;font-size:.7rem;font-weight:900}.users-delete-actions button.is-danger{border-color:#fecaca;background:#fff;color:#b91c1c}.users-delete-actions button.is-danger:hover{background:#fef2f2}
.users-field input:focus,.users-field select:focus{outline-color:var(--ff-primary)!important;border-color:var(--ff-primary)!important}
.user-avatar{background:var(--ff-primary-soft)!important;color:var(--ff-primary)!important}
.users-form-overlay{position:fixed!important;inset:0;z-index:90;display:grid;place-items:center;padding:1rem;background:rgb(28 25 23 / .62);backdrop-filter:blur(3px);max-height:none!important;overflow:auto!important}
.users-form-modal{width:min(100%,520px);max-height:calc(100vh - 2rem);box-sizing:border-box;overflow:auto;border:1px solid #e8e5e2;border-radius:.75rem;background:#fff;box-shadow:0 24px 64px rgb(28 25 23 / .28)}
.users-form-overlay .users-editor-head{padding:1.15rem 1.35rem}
.users-form-overlay .users-editor-head button{display:grid;place-items:center;width:2.25rem;height:2.25rem;border-radius:.45rem;background:#f5f5f4;color:#44403c;font-size:1.5rem;line-height:1}
.users-form-overlay .users-editor-head button:hover{background:var(--ff-primary-soft);color:var(--ff-primary)}
.users-form-overlay .users-form{padding:1.35rem}
.users-workspace{grid-template-columns:minmax(0,1fr)!important}
@media(max-width:600px){.users-form-overlay{align-items:end;padding:0}.users-form-modal{width:100%;max-height:92vh;border-radius:.75rem .75rem 0 0}}
/* Make the POS progress steps easier to read on phone screens. */
@media(max-width:620px){.cashier-pos .pos-step{gap:.3rem;font-size:.65rem}.cashier-pos .pos-step b{width:1.65rem;height:1.65rem;font-size:.7rem}}
@media(max-width:620px){.cashier-pos .pos-menu-head{justify-content:flex-start;text-align:left}.cashier-pos .pos-menu-head>div{margin-right:auto}}
@media(max-width:620px){.cashier-pos .pos-category{font-size:.68rem}}
@media(max-width:620px){.cashier-pos .pos-product-body h2{font-size:.85rem}.cashier-pos .pos-product-body p.text-lg{font-size:.92rem}}
/* The service-hours block uses the same focused dialog pattern as order confirmation. */
.pos-service-hours-overlay{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:1rem;background:rgb(28 25 23 / .62);backdrop-filter:blur(3px)}
.pos-service-hours-popup{width:min(100%,430px);box-sizing:border-box;border:1px solid #e8e5e2;border-radius:.75rem;background:#fff;padding:1.65rem;text-align:center;box-shadow:0 24px 64px rgb(28 25 23 / .28)}
.pos-service-hours-icon{display:grid;place-items:center;width:3.25rem;height:3.25rem;margin:0 auto .9rem;border-radius:50%;background:#fff1eb;color:#c2410c;font-size:1.7rem;font-weight:900}
.pos-service-hours-popup .db-eyebrow{margin:0;color:#a8a29e;font-size:.65rem}.pos-service-hours-popup h2{margin:.35rem 0 .55rem;color:#1c1917;font-size:1.35rem}.pos-service-hours-popup>p:not(.db-eyebrow){margin:0;color:#78716c;font-size:.82rem;line-height:1.5}
.pos-service-hours-range{display:grid;gap:.25rem;margin:1.15rem 0;border:1px solid var(--ff-primary-soft,#e5e7ff);border-radius:.5rem;background:var(--ff-primary-soft,#f5f5ff);padding:.75rem}.pos-service-hours-range small{color:#78716c;font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.pos-service-hours-range strong{color:var(--ff-primary,#272974);font-size:1rem}
.pos-service-hours-close{width:100%;min-height:2.85rem;border:0;border-radius:.45rem;background:var(--ff-primary,#272974);color:#fff;font-size:.7rem;font-weight:900;text-transform:uppercase;cursor:pointer}
@media(max-width:600px){.pos-service-hours-overlay{align-items:center;padding:1rem}.pos-service-hours-popup{width:min(100%,430px);border-radius:.75rem;padding:1.35rem 1.1rem}}
/* Category order in the admin menu. The POS reads the same display_order value. */
.menu-sort-help{margin:0;padding:0 1.2rem .35rem;color:#78716c;font-size:.66rem;line-height:1.45}
.menu-category-sort-list .menu-category-sort-item{cursor:grab;transition:background-color .15s ease,opacity .15s ease}
.menu-category-sort-list .menu-category-sort-item:active{cursor:grabbing}
.menu-category-drag-handle{display:grid;place-items:center;flex:0 0 1rem;width:1rem;color:#a8a29e;font-size:1rem;line-height:1;user-select:none}
.menu-category-sort-item.is-dragging{opacity:.45;background:#f5f3ff}
.menu-category-sort-list .menu-category-sort-item>button:first-of-type{display:grid;gap:.18rem;flex:1;border:0;background:transparent;text-align:left}
@media(max-width:760px){.menu-sort-help{padding-inline:1rem}.menu-category-sort-list .menu-category-sort-item{padding-inline:1rem}}
/* Keep dashboard metrics readable when all five financial indicators are shown. */
@media(min-width:1101px){.db-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}
/* Returned orders must remain visually distinct from every primary-theme state. */
.cashier-orders-shell .cashier-order-card.is-returned{border:2px solid #dc2626!important;border-left:6px solid #b91c1c!important;background:#fff1f2!important}
.cashier-orders-shell .cashier-order-card.is-returned .cashier-order-status{border-color:#fecaca!important;background:#fee2e2!important;color:#b91c1c!important}
.cashier-orders-shell .cashier-order-card.is-returned .cashier-order-status i{background:#dc2626!important}
.admin-order-card.is-returned{border:2px solid #dc2626!important;border-left:6px solid #b91c1c!important;background:#fff1f2!important}
.admin-order-card.is-returned .db-status{border-color:#fecaca!important;background:#fee2e2!important;color:#b91c1c!important}
.db-dot-returned{background:#dc2626!important}
/* Cashier feedback on slow connections: requests remain asynchronous and a
control cannot accidentally submit the same cart action twice. */
.pos-sync-status{position:fixed;right:1rem;bottom:1rem;z-index:80;display:none;align-items:center;gap:.45rem;border:1px solid #dbeafe;border-radius:999px;background:#fff;padding:.55rem .8rem;color:#1e3a8a;box-shadow:0 5px 18px #1e3a8a24;font-size:.72rem;font-weight:900}.pos-sync-status[style*="display: block"],.pos-sync-status[style*="display: inline-block"]{display:inline-flex!important}.pos-sync-status i{width:.8rem;height:.8rem;border:2px solid #bfdbfe;border-top-color:#2563eb;border-radius:50%;animation:pos-spin .7s linear infinite}@keyframes pos-spin{to{transform:rotate(360deg)}}.cashier-pos button:disabled{cursor:wait;opacity:.68}
@media(max-width:620px){.pos-sync-status{right:.75rem;bottom:5.85rem;font-size:.67rem}}
/* Keep the admin order summary readable on narrow screens. The desktop
three-column rule is declared later in this file, so re-assert the mobile
layout here at the end of the cascade. */
@media(max-width:760px){
.admin-order-main{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:1rem .85rem!important}
.admin-order-number{grid-column:1;align-content:start}
.admin-order-client{grid-column:2;align-content:start}
.admin-order-cashier,.admin-order-driver{grid-column:span 1;align-self:start}
.admin-order-amounts,.admin-order-main>.db-status{grid-column:1 / -1}
.admin-order-main>.db-status{justify-self:start}
.admin-order-number-content>strong,.admin-order-client>strong{white-space:nowrap;font-size:.92rem!important;letter-spacing:-.02em}
}
/* Keep all order actions balanced in two columns on phones, including Retour. */
@media(max-width:620px){.cashier-orders-shell .cashier-order-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}.cashier-orders-shell .cashier-order-actions .cashier-action-return,.cashier-orders-shell .cashier-order-actions .cashier-action-delete{grid-column:auto!important;border:1px solid #eeeae7!important;border-radius:.55rem!important}.cashier-orders-shell .cashier-order-actions .cashier-action-return{background:#fff1f2!important;color:#be123c!important}.cashier-orders-shell .cashier-order-actions .cashier-action-delete{background:#fffafa!important;color:#dc2626!important}}
@media(max-width:620px){.pos-mobile-cart b{font-size:.86rem!important}.pos-mobile-cart small{font-size:.7rem!important}.pos-mobile-cart>strong{font-size:.94rem!important}.pos-mobile-cart-count{width:2.55rem;height:2.55rem;font-size:.84rem!important}}
/* Admin order actions stay in balanced pairs on phones. */
@media(max-width:760px){.admin-order-actions a.orders-action{grid-column:auto!important}}
@media(max-width:620px){.cashier-pos .pos-success-actions a,.cashier-pos .pos-success-actions button{font-size:.75rem!important}}
/* Use the same action colors on admin cards across desktop and mobile. */
.admin-order-actions .orders-action-main{border-color:var(--ff-primary)!important;background:#fff!important;color:var(--ff-primary)!important}
.admin-order-actions .orders-action-print{border-color:var(--ff-primary)!important;background:var(--ff-primary)!important;color:#fff!important}
.admin-order-actions .orders-action-whatsapp{border-color:#86efac!important;background:#f0fdf4!important;color:#047857!important}
.admin-order-actions .orders-action-return{border-color:#fecaca!important;background:#fff1f2!important;color:#be123c!important}
@media(max-width:620px){.cashier-orders-shell .cashier-order-actions .cashier-action-return{border-color:#fecaca!important;background:#fff1f2!important;color:#be123c!important}.cashier-orders-shell .cashier-order-actions .cashier-action-delete{border-color:#fecaca!important;background:#fff!important;color:#b91c1c!important}}
/* The order states and mass-assignment controls need their own rows on phones. */
@media(max-width:760px){
.orders-panel-head{flex-direction:column;gap:.85rem!important;padding:1rem!important}
.orders-status-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:.55rem .7rem!important;font-size:.7rem!important}
.orders-status-summary span{min-width:0;white-space:nowrap}
.orders-status-summary span:last-child{grid-column:1 / -1}
.orders-bulk-bar{display:grid;grid-template-columns:1fr 1fr;gap:.65rem!important}
.orders-bulk-check,.orders-bulk-count{grid-column:1 / -1;width:auto!important;margin:0!important}
.orders-bulk-bar select,.orders-bulk-bar button{width:100%;min-width:0!important;min-height:2.8rem!important}
.orders-filters{width:100%;box-sizing:border-box;padding:.9rem!important}
.orders-filters label{min-width:0}
.orders-filters input,.orders-filters select{display:block;width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important}
.orders-filters input[type="date"]{appearance:none;-webkit-appearance:none}
.dashboard-period-filter{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem!important}
.dashboard-period-filter label{min-width:0!important}
.dashboard-period-filter input{min-width:0!important;max-width:100%!important}
.dashboard-period-filter button,.dashboard-period-note{grid-column:1 / -1;width:100%;box-sizing:border-box}
.dashboard-period-filter button{min-height:2.8rem!important}
}
@media(max-width:480px){
.dashboard-period-filter{grid-template-columns:minmax(0,1fr)!important}
.dashboard-period-filter label{width:100%;max-width:100%;box-sizing:border-box}
/* Safari keeps a native minimum width for date controls; reserve its
internal padding so the control cannot spill beyond the card. */
.dashboard-period-filter label input[type="date"]{display:block!important;box-sizing:border-box!important;-webkit-box-sizing:border-box!important;inline-size:calc(100% - 1.5rem)!important;width:calc(100% - 1.5rem)!important;max-inline-size:calc(100% - 1.5rem)!important;max-width:calc(100% - 1.5rem)!important;min-inline-size:0!important}
}