/* Mouchko 2.2: operational workspaces in the original forest / cream identity. */
:root { --paper:#f4f3ed; --ink:#213c31; --muted:#60705f; --line:#dfe4d9; --radius:15px; --shadow:0 3px 16px #243b2d04; }
body { font-family:"Segoe UI Variable Text","Segoe UI",Inter,Arial,sans-serif; }
.workspace main { padding-top:32px; }
.view-kicker { font-size:10px!important; font-weight:750; letter-spacing:2.1px; color:#80652e!important; line-height:1.5; margin:0 0 10px!important; }
.page-head { margin-bottom:26px; align-items:flex-end; }
.page-head h1 { font-size:34px; font-weight:650; letter-spacing:-1.3px; line-height:1.12; margin-bottom:9px; }
.page-head p { font-size:13px; line-height:1.7; }
.button { border-radius:8px; font-weight:650; transition:background-color .15s,border-color .15s; }
.button.primary { background:#254d3b; border-color:#254d3b; box-shadow:0 2px 2px #152d1b08; }
.button.primary:hover { background:#193c2b; }
.button:not(.primary):hover { border-color:#9dac98; background:#f3f5ed; }
.topbar { height:80px; border-bottom:1px solid #dce2d8; background:#fafbf7f5; }
.breadcrumb-brand { font-weight:600; color:#68796b; }
.breadcrumb strong { font-size:13px; color:#243d31; }
.status-text { padding:8px 11px; border:1px solid #e2e7db; border-radius:9px; background:#fff; }
.brand-caption { letter-spacing:2.6px; }
.sidebar { background:#1e3028; }
.nav-label { color:#8ba08f; font-size:10px; letter-spacing:1.9px; }
.nav a { font-size:12px; font-weight:550; padding:11px 13px; color:#bbcabf; }
.nav a.active { background:#354e3d; box-shadow:inset 3px 0 #cfad73; color:#fff; }
.nav a:hover { background:#2a4133; }
.sidebar-bottom { border-color:#415448; }

/* Owner: a compact daily briefing and direct paths to outstanding work. */
.overview-intro { display:flex; justify-content:space-between; gap:36px; align-items:flex-end; padding:6px 0 30px; border-bottom:1px solid #d7ded1; margin-bottom:25px; }
.overview-intro h1 { font-size:clamp(35px,3.1vw,49px); line-height:1.05; letter-spacing:-1.7px; margin:0 0 17px; font-weight:600; }
.overview-intro h1 span { font-family:Georgia,"Times New Roman",serif; font-style:italic; font-weight:400; letter-spacing:-1.3px; color:#64806a; }
.overview-intro p:not(.view-kicker) { font-size:13px; line-height:1.65; margin:0; color:var(--muted); max-width:480px; }
.overview-date { text-align:right; display:flex; flex-direction:column; align-items:flex-end; gap:4px; flex:none; }
.overview-date>span { font-size:10px; font-weight:700; letter-spacing:1.8px; color:#80652e; }
.overview-date>strong { font-size:22px; font-variant-numeric:tabular-nums; font-weight:550; letter-spacing:-.5px; }
.overview-date>small { font-size:11px; color:var(--muted); }
.overview-date>.button { margin-top:17px; }
.service-ribbon { display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); margin-bottom:27px; border:1px solid var(--line); border-radius:12px; background:#fbfcf8; overflow:hidden; }
.service-ribbon>a { display:flex; align-items:center; gap:11px; padding:17px 15px; text-decoration:none; border-right:1px solid var(--line); min-width:0; }
.service-ribbon>a:last-child { border-right:0; }
.service-ribbon>a:hover { background:#eef3e7; }
.service-ribbon strong { display:block; font-size:12px; font-weight:650; }
.service-ribbon small { font-size:10px; color:var(--muted); display:block; margin-top:3px; line-height:1.5; }
.service-ribbon>a>.icon { margin-left:auto; width:15px; opacity:.5; }
.ribbon-icon { background:#edf2e7; border:1px solid #dce5d4; width:34px; height:34px; display:grid; place-items:center; border-radius:9px; flex:none; color:#597357; }
.ribbon-icon svg { width:17px; height:17px; }
.stats { gap:17px; margin-bottom:26px; }
.stat { padding:24px; border-color:#dfe5d8; box-shadow:none; }
.stat .stat-top { font-size:11px; font-weight:600; letter-spacing:.1px; color:#536758; }
.stat .stat-icon { width:30px; height:30px; display:grid; place-items:center; padding:6px; background:#f0f3ea; border-radius:8px; }
.stat .stat-icon svg { width:17px; height:17px; }
.stat .value { font-size:34px; font-weight:580; letter-spacing:-1.2px; margin:18px 0 9px; font-variant-numeric:tabular-nums; }
.stat small { font-size:11px; line-height:1.5; color:#63755d; }
.stat.featured { background:#254a38; border-color:#254a38; }
.stat.featured .stat-top { color:#e0e9d9; }
.stat.featured small { color:#b8cbb8; }
.stat.featured .stat-icon { background:#45654c; color:#e5d4ad; }
.panel { border-color:#dfe5d8; box-shadow:none; }
.panel h2 { font-size:17px; font-weight:620; letter-spacing:-.2px; }
.panel-head { padding:23px 24px 20px; }
.panel-head p { font-size:12px; line-height:1.5; }
.panel-body { padding:0 24px 24px; }
.rank { padding:14px 0; }
.rank-info strong { font-weight:600; }
.rank-img { border-radius:9px; }
.view-dashboard .two-col { margin-top:4px; }
.view-dashboard .equal-col,.view-dashboard>.panel:last-of-type { margin-top:26px; }

/* Cashier: menu workbench and an independently readable, sticky order pad. */
.view-pos .page-head,.view-kitchen .page-head { padding-bottom:18px; border-bottom:1px solid #d7ded1; }
.menu-controls { padding:19px 20px 17px; border:1px solid var(--line); background:#fbfcf8; border-radius:13px; margin-bottom:19px; }
.menu-search-caption { display:flex; align-items:center; justify-content:space-between; margin-bottom:11px; }
.menu-search-caption>span { font-size:10px; font-weight:750; letter-spacing:1.7px; color:#607252; }
.menu-search-caption>small { font-size:11px; color:var(--muted); }
.menu-controls .toolbar { margin:0 0 13px; }
.menu-controls input { padding:12px 14px; border-color:#d9e1d2; background:#fff; border-radius:8px; font-size:13px; }
.menu-controls .categories { margin:0; gap:7px; }
.category { border-radius:7px; font-size:12px; padding:8px 14px; background:#f0f3e9; color:#5c705b; }
.category.active { background:#2d523c; color:white; }
.product-grid { gap:17px; }
.product-card { border-radius:13px; border-color:#d9e1d2; box-shadow:0 3px 10px #233a2c04; }
.product-card:hover { transform:none; border-color:#92ab87; box-shadow:0 5px 18px #234d3020; }
.product-card img { aspect-ratio:1.23; object-fit:cover; }
.product-card .product-body { padding:16px 17px 17px; }
.product-card small { font-size:10px; letter-spacing:1.2px; text-transform:uppercase; font-weight:700; color:#80652e; display:block; margin-bottom:6px; }
.product-card h3 { font-size:15px; font-weight:650; line-height:1.4; margin:0 0 15px; letter-spacing:-.2px; }
.product-price { font-size:15px; font-weight:700; }
.add-circle { background:#edf3e5; border:1px solid #d8e4cb; color:#46633c; width:29px; height:29px; font-size:19px; border-radius:8px; }
.cart-panel { border:1px solid #cbd7c3; box-shadow:0 9px 28px #2d4a3010; }
.cart-panel>.panel-head { padding:21px 21px 18px; background:#f9fbf5; border-bottom:1px solid #e4e9dc; }
.cart-panel h2 { font-size:22px; letter-spacing:-.6px; }
.order-pad-label { display:block; font-size:10px; letter-spacing:1.9px; font-weight:750; color:#8a7851; margin-bottom:7px; }
.cart-panel .panel-head p { font-size:11px; }
.cart-panel>.panel-body { padding:15px 17px!important; }
.cart-panel .segmented { border-radius:8px; padding:3px; background:#edf2e7; gap:3px; }
.cart-panel .segmented button { font-size:11px; padding:9px 8px; border-radius:6px; }
.cart-panel .segmented button.active { background:#fff; color:#274d35; box-shadow:0 1px 3px #203c1912; }
.cart-items { padding:0 20px; }
.cart-item { padding:16px 0; align-items:center; }
.cart-item strong { font-size:13px; font-weight:650; }
.cart-item small { font-size:11px; line-height:1.5; }
.qty { margin-top:10px; gap:8px; }
.qty button { border:1px solid #d9e2cf; border-radius:7px; background:#f6f8f1; }
.qty span { min-width:17px; font-size:12px; font-weight:650; }
.cart-footer { padding:20px; background:#fbfcf8; }
.cart-footer .total { border:0; margin:0; padding:0; align-items:baseline; }
.cart-footer .total span { font-size:12px; font-weight:600; color:#5c6e5d; }
.cart-footer .total strong { font-size:28px; font-weight:650; letter-spacing:-1px; }
.order-total-note { font-size:10px; color:#63755d; line-height:1.6; margin:8px 0 15px; max-width:240px; }
.cart-footer>.button { min-height:47px; font-size:12px; }

/* Kitchen: stable queue bands and fast visual recognition of each ticket. */
.kitchen-summary { border-radius:13px; margin-bottom:22px; }
.kitchen-summary>div { display:block; padding:20px 23px; }
.kitchen-summary span { display:block; font-size:10px; font-weight:700; letter-spacing:.8px; text-transform:uppercase; max-width:none; }
.kitchen-summary strong { display:block; font-size:36px; font-weight:600; letter-spacing:-1px; margin-top:10px; }
.scan-bar { border:1px solid #d6e2cb; background:#eaf0e2; padding:15px; }
.scan-bar input { font-size:14px; }
.scan-feedback { border-color:#d6e2cb; background:#f1f6ea; padding:11px 16px; font-size:12px; }
.kitchen-columns { gap:17px; align-items:start; }
.kitchen-column { padding:14px; background:#ecefe6; border:1px solid #dce3d3; border-radius:13px; }
.kitchen-column>h2 { font-size:13px; font-weight:650; letter-spacing:-.1px; padding:5px 3px 14px; margin:0 0 13px; border-bottom:1px solid #d5dfcd; }
.kitchen-column>h2 .pill { font-size:11px; min-width:26px; min-height:24px; display:grid; place-items:center; border-radius:6px; }
.ticket { padding:18px; background:#fff; border:1px solid #d7e0ce; border-radius:10px; box-shadow:0 3px 7px #2b4b2610; margin-bottom:13px; }
.ticket:last-child { margin-bottom:0; }
.ticket.issued { border-top:3px solid #c8ab70; }
.ticket.accepted { border-top:3px solid #77966c; }
.ticket.ready { border-top:3px solid #315940; }
.ticket.ticket-late { border-left:3px solid #c1844b; }
.ticket-head { margin-bottom:16px; }
.ticket-head strong { font-size:19px; letter-spacing:-.5px; }
.ticket-head small { font-size:11px; margin-top:5px; }
.elapsed { font-size:10px!important; font-weight:650; padding:5px 7px; border-radius:6px; align-self:flex-start; background:#f0f3ea; }
.elapsed.overdue { background:#fff0df; color:#9b5c2b; }
.ticket-items { margin:0 0 15px; padding:0; }
.ticket-items li { font-size:14px; line-height:1.5; padding:8px 0; }
.ticket-items li>b { background:#f0f4e9; border-radius:5px; padding:2px 6px; align-self:flex-start; font-size:12px; }
.ticket-items small { font-size:10px; color:#63755d; margin-top:2px; }
.ticket-code { padding:9px 0; border-top:1px dashed #d8e1ce; font-size:10px; color:#63755d; letter-spacing:.4px; }
.ticket .button { font-size:11px; }
.ticket-notes { background:#fff5e7; border-radius:7px; padding:10px 12px; font-size:12px; color:#7a5a31; }
.pill { font-size:10px; font-weight:650; letter-spacing:.1px; border-radius:6px; padding:4px 8px; }
.table-wrap table th { font-size:10px; letter-spacing:.7px; text-transform:uppercase; color:#607252; background:#f7f9f2; font-weight:650; }
.table-wrap table td { font-size:12px; padding-top:15px; padding-bottom:15px; }
.table-wrap table td strong { font-weight:650; }
.table-wrap table td small { font-size:10px; line-height:1.6; }
.form-grid { gap:18px; }
.field>span { font-size:12px; font-weight:600; }
.field small { font-size:11px; line-height:1.6; }
.modal-head h2 { font-size:25px; font-weight:600; letter-spacing:-.6px; }
.modal-head p { font-size:12px; line-height:1.65; }
.modal-head { border-bottom:1px solid var(--line); background:#fbfcf7; }
.modal-body { padding-top:24px; }
.form-actions { border-top:1px solid var(--line); padding-top:18px; }
.button:focus-visible,.category:focus-visible,.qty button:focus-visible { outline:3px solid #bc9c58; outline-offset:3px; }

@media(min-width:1800px) {
 .overview-intro h1{font-size:54px}.service-ribbon>a{padding:23px}.service-ribbon strong{font-size:15px}.service-ribbon small{font-size:12px}
 .stat .value{font-size:43px}.product-card h3{font-size:20px}.product-price{font-size:20px}.product-card small{font-size:11px}
 .ticket-head strong{font-size:24px}.ticket-items li{font-size:17px}.ticket .button{font-size:13px}
}
@media(max-width:1300px) {
 .service-ribbon{grid-template-columns:repeat(2,minmax(0,1fr))}.service-ribbon>a:nth-child(2){border-right:0}.service-ribbon>a:nth-child(-n+2){border-bottom:1px solid var(--line)}
 .stat .value{font-size:29px}.stat{padding:20px}.product-card .product-body{padding:14px}.product-card h3{font-size:13px}.product-price{font-size:14px}.kitchen-column{padding:11px}.ticket{padding:14px}
}
@media(max-width:900px) {
 .overview-intro{align-items:flex-start}.overview-intro h1{font-size:39px}.overview-intro p:not(.view-kicker){max-width:350px}.overview-date>strong{font-size:19px}
 .view-pos .page-head{align-items:flex-start}.product-card h3{font-size:15px}.kitchen-columns{grid-template-columns:1fr}
 .kitchen-summary>div{display:flex;align-items:center}.kitchen-summary strong{font-size:30px;margin-top:0}.kitchen-summary span{font-size:10px;max-width:140px}
 .ticket-head strong{font-size:21px}.ticket .button{font-size:13px}.ticket-items li{font-size:15px}.cart-panel{margin-top:6px}.cart-footer .total strong{font-size:30px}
}
@media(max-width:600px) {
 .overview-intro{display:block;padding-bottom:22px;margin-bottom:20px}.overview-intro h1{font-size:37px}.overview-intro p:not(.view-kicker){font-size:12px}
 .overview-date{margin-top:22px;display:grid;grid-template-columns:1fr auto;text-align:left;align-items:center;gap:2px 15px}.overview-date>span,.overview-date>strong,.overview-date>small{grid-column:1}.overview-date>.button{grid-column:2;grid-row:1/4;margin:0;font-size:11px}
 .service-ribbon{margin-bottom:20px}.service-ribbon>a{padding:13px 11px;gap:9px}.service-ribbon .ribbon-icon{width:28px;height:28px;border-radius:7px}.service-ribbon strong{font-size:10px}.service-ribbon small{font-size:10px}.service-ribbon>a>.icon{display:none}
 .stat{padding:16px}.stat .stat-top{font-size:10px}.stat .stat-icon{display:none}.stat .value{font-size:25px;margin:16px 0 9px}.stat small{font-size:10px}
 .page-head h1{font-size:30px}.page-head p{font-size:12px}.menu-controls{padding:15px}.product-card h3{font-size:13px;min-height:36px}.product-card small{font-size:10px}.product-price{font-size:13px}.product-card .product-body{padding:13px}.product-card img{aspect-ratio:1.05}.view-kicker{font-size:10px!important}
 .kitchen-summary span{font-size:10px;letter-spacing:.3px;max-width:110px}.kitchen-summary strong{font-size:28px}.kitchen-summary>div{padding:16px}.panel-head{padding:20px}.panel h2{font-size:16px}
}
@media(prefers-reduced-motion:reduce){.button,.product-card{transition:none}}
@media(pointer:coarse) { .button,.menu-toggle,.nav-close,.modal-head .close,.sidebar-bottom button,.nav a { min-height:44px; min-width:44px; } }

/* Team records and accountable order handover. */
[hidden]{display:none!important}
.team-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0 0 22px}
.team-overview article{padding:24px;border:1px solid var(--line);border-radius:14px;background:#fff}
.team-overview span,.team-overview small{display:block;color:#596a60;font-size:12px}
.team-overview strong{display:block;font-size:35px;line-height:1.4;color:#214b39;margin:6px 0}
.team-role-guide{margin:24px 0}.team-role-guide h2{margin-top:0}.team-role-guide p{min-height:0;margin-bottom:0}
.team-switches{border:1px solid var(--line);border-radius:10px;padding:16px 18px;margin:18px 0;background:#f5f7f0}
.team-switches .check-field{margin:3px 0 12px}.team-switches p{font-size:12px;line-height:1.65;color:#596a60;margin:8px 0 0}
.portal-fields{border:1px solid var(--line);border-radius:10px;padding:18px;margin:20px 0;min-width:0}
.portal-fields legend{padding:0 8px;font-size:13px;font-weight:700;color:#254e3e}.portal-fields .actions{margin-top:12px}
.portal-fields input,.portal-fields select{max-width:100%}.access-pending{color:#805820!important}
.order-owner-field{border:1px solid #cddacb;border-radius:10px;background:#f1f6ee;padding:16px;margin:18px 0}
.order-owner-field .field{margin:0}.order-owner-field p{font-size:12px;margin:10px 0 0;line-height:1.65}
.order-attribution{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;padding:16px 0;margin:5px 0 20px;border-bottom:1px solid var(--line)}
.order-attribution dt{font-size:11px;color:#596a60;margin:0 0 5px}.order-attribution dd{font-size:14px;font-weight:650;margin:0;overflow-wrap:anywhere}
.order-attribution.compact{grid-template-columns:1fr;gap:6px;border:0;background:#f1f4ed;padding:10px 12px;border-radius:8px;margin:12px 0}
.order-attribution.compact>div{display:flex;gap:8px;justify-content:space-between}.order-attribution.compact dt{font-size:10px;margin:0}.order-attribution.compact dd{font-size:11px;text-align:right;max-width:65%}
.password-required-note{border:1px solid #d6dfcd;border-radius:10px;background:#f0f5e9;padding:14px 17px;margin-bottom:22px;font-size:13px;line-height:1.7}
@media(max-width:600px){.team-overview{grid-template-columns:1fr;gap:9px}.team-overview article{display:grid;grid-template-columns:1fr auto;gap:4px 12px;padding:16px}.team-overview strong{grid-column:2;grid-row:1/3;margin:0;font-size:28px}.team-overview small{grid-column:1}.order-attribution{grid-template-columns:1fr;gap:12px}.portal-fields{padding:15px}.team-switches{padding:14px}.order-owner-field{padding:14px}}

/* V26: calm depth and fast, intentional feedback for operational work. */
:root{--motion-fast:140ms;--motion-ease:cubic-bezier(.2,.7,.25,1)}
body{background:#f5f4ef;font-kerning:normal;text-rendering:optimizeLegibility}
.sidebar{background:radial-gradient(ellipse at 12% 0%,#324c3b 0,transparent 48%),#1b2e25}
.sidebar-logo{filter:drop-shadow(0 4px 10px #07190e20)}
.nav{scrollbar-width:thin;scrollbar-color:#526a59 transparent;scrollbar-gutter:stable}
.nav a{transition:background-color var(--motion-fast),color var(--motion-fast);border:1px solid transparent}
.nav a.active{background:linear-gradient(105deg,#3b5542,#304937);border-color:#536d5038;box-shadow:inset 3px 0 #dbb97c,0 4px 11px #0c241318}
.topbar{background:#fbfcf8;border-bottom-color:#d7dfd2}
.breadcrumb strong{letter-spacing:-.15px}.top-tools{gap:12px}.status-text{box-shadow:0 2px 7px #213d2510}
.page-head h1{letter-spacing:-1.5px}.page-head .view-kicker{color:#81622e!important}
.view-pos .page-head,.view-kitchen .page-head{padding:0 0 24px;margin-bottom:24px}
.overview-intro{background:radial-gradient(ellipse at 92% 0%,#dce7d638,transparent 62%);border-bottom-color:#cdd9c7}
.overview-intro h1{font-weight:580}.overview-intro h1 span{color:#506e57}
.service-ribbon{background:#fcfdf9;box-shadow:0 4px 18px #203b2705}
.service-ribbon>a{transition:background-color var(--motion-fast)}.service-ribbon .ribbon-icon{background:#e9efdf}
.stat,.team-overview article,.panel{box-shadow:0 2px 5px #263b2503,0 12px 28px #263b2503}
.stat.featured{background:linear-gradient(130deg,#315a42,#204632 85%);border-color:#31553d;position:relative;overflow:hidden}
.stat.featured:after{content:'';position:absolute;right:-24px;top:-30px;width:130px;height:130px;border:1px solid #d2bc791b;border-radius:50%;pointer-events:none}
.stat.featured .value{color:#fff8e9}.stat.featured small{color:#d3dfcc}
.button{transition:background-color var(--motion-fast),border-color var(--motion-fast),box-shadow var(--motion-fast),transform 90ms ease;filter:none!important}
.button.primary{background:linear-gradient(180deg,#315b43,#234b36);border-color:#244d37;box-shadow:inset 0 1px #ffffff16,0 2px 4px #16342112}
.button.primary:hover{background:linear-gradient(180deg,#294f39,#1b3c2a);box-shadow:inset 0 1px #ffffff16,0 4px 10px #16342115}
.button:not(:disabled):active,.category:not(:disabled):active{transform:translateY(1px)}
.product-card{transition:border-color var(--motion-fast),box-shadow var(--motion-fast);overflow:hidden}
.product-card img{transition:transform 220ms var(--motion-ease);backface-visibility:hidden}
.product-card.is-in-cart{border-color:#8fa77b;box-shadow:0 0 0 1px #bdd1ad50,0 4px 12px #294b2710}
.product-card.is-in-cart .add-circle{background:#315b40;border-color:#315b40;color:white;font-size:14px;font-weight:750}
.product-card.is-unavailable{opacity:.62}.pos-menu-update{display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:12px}.pos-menu-update .button{flex:none}
.product-body .product-readiness{display:block;color:#865b28;font-size:11px;font-weight:700;margin-top:7px;min-height:0;letter-spacing:0;text-transform:none}.product-readiness:empty{display:none}
.pill.needs_recipe,.pill.setup_required,.pill.recipe_review{background:#fff1d6;color:#80521d}.menu-readiness{font-size:12px;margin:10px 0 15px}
.add-circle{transition:background-color var(--motion-fast),color var(--motion-fast);font-variant-numeric:tabular-nums}
.cart-panel{box-shadow:0 8px 25px #24402c0d;border-top:3px solid #416c48}
.service-destination{display:block;width:fit-content;max-width:100%;margin:12px 0;padding:10px 14px;border:1px solid #b8ccb8;border-radius:10px;background:#e8f0e4;color:#244b32;font-size:22px;font-weight:800;line-height:1.25;letter-spacing:.025em;overflow-wrap:anywhere}
.service-destination.compact{display:inline-block;margin:0;padding:5px 8px;font-size:12px;border-radius:6px}
.service-destination.pickup{background:#edf0f8;border-color:#c9d0e5;color:#39496f}
.service-destination.delivery{background:#f3ecdf;border-color:#ddccb0;color:#775529}
.service-destination.missing{background:#fff2da;border-color:#e3c594;color:#7b501b}
.ticket-head .service-destination{margin:8px 0 0;font-size:24px}
.draft-destination{padding-top:5px}.draft-destination .field{margin:0}.draft-destination .field small{display:block;margin-top:7px;line-height:1.5;color:var(--muted)}
.handover-customer{margin:0 0 16px}
.cart-panel>.panel-head{background:linear-gradient(100deg,#f3f7ec,#fbfcf8)}
.cart-footer{background:linear-gradient(180deg,#fcfdf8,#f0f5e9)}
.cart-footer .total strong{color:#254e35;font-variant-numeric:tabular-nums}
.kitchen-column{background:linear-gradient(180deg,#ebf0e5,#eef1e9);border-color:#d5dfce}
.kitchen-column:first-child>h2{color:#836128}.kitchen-column:nth-child(2)>h2{color:#486748}.kitchen-column:nth-child(3)>h2{color:#2d6653}
.ticket{box-shadow:0 3px 8px #203c2510}.ticket.accepted{border-top-color:#789c6b}.ticket.ready{border-top-color:#398064}
.ticket .elapsed{font-variant-numeric:tabular-nums}.scan-bar{box-shadow:inset 0 1px #ffffff70}
.scan-feedback[data-kind=success]{border-left:3px solid #537d4d}.scan-feedback[data-kind=error]{border-left:3px solid #a95c4d}
dialog{box-shadow:0 28px 80px #10291e30,0 4px 12px #10291e12;border-color:#d4dfcd;border-radius:18px}
dialog::backdrop{background:#14281e63;backdrop-filter:none}
.modal-head{background:linear-gradient(110deg,#fafbf6,#f0f5e9);border-bottom-color:#dbe4d4}
.field input,.field select,.field textarea{transition:border-color var(--motion-fast),box-shadow var(--motion-fast)}
.field input:focus,.field select:focus,.field textarea:focus{border-color:#73946a;box-shadow:0 0 0 3px #b8cc9f2e;outline:2px solid #88a778;outline-offset:1px}
.toast{box-shadow:0 10px 30px #173b2920;border:1px solid #5b7b5e30}
.auth-story{background:radial-gradient(ellipse at 18% 10%,#416246,transparent 55%),linear-gradient(155deg,#273f30,#182e22)}
.auth-story h1{letter-spacing:-1.7px}.auth-form{max-width:430px}.auth-form-wrap{background:linear-gradient(155deg,#fff,#f2f5eb)}
@media(hover:hover) and (pointer:fine){.product-card:not(:disabled):hover img{transform:scale(1.025)}}
@media(max-width:600px){.pos-menu-update{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.product-card:hover img,.button:active,.category:active{transform:none!important}}
.flow-board{margin:0 0 24px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(125deg,#24392f,#17281f);color:#f6f5eb;padding:22px}.flow-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:18px}.flow-heading h2{margin:4px 0 0;font-size:22px}.flow-heading small,.flow-heading .view-kicker{color:#c9d7c9}.flow-metrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1px;background:#506052;border-radius:10px;overflow:hidden}.flow-metrics article{background:#263d30;padding:15px}.flow-metrics span{display:block;font-size:11px;line-height:1.4;color:#d9e1d7;min-height:30px}.flow-metrics strong{display:block;font-size:29px;line-height:1.1;margin-top:10px;font-variant-numeric:tabular-nums}.order-axes{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 20px}.order-axes>div{padding:13px;background:#edf1e9;border:1px solid #d6dfd0;border-radius:10px}.order-axes small{display:block;color:#5d695e;font-size:11px}.order-axes strong{display:block;font-size:14px;text-transform:capitalize;margin-top:5px}.rank-position{font-size:13px;color:#697567;min-width:16px}.template-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}.template-grid article{border:1px solid var(--line);border-radius:12px;padding:18px;display:flex;flex-direction:column;align-items:flex-start}.template-grid h3{font-size:16px;margin:0}.template-grid ul{list-style:none;padding:0;margin:5px 0 18px;width:100%;font-size:12px;flex:1}.template-grid li{display:flex;gap:10px;justify-content:space-between;padding:7px 0;border-bottom:1px solid var(--line)}.template-grid li strong{white-space:nowrap}.plan-stock.is-hidden{display:none}.plan-stock{margin:0 0 20px}.plan-stock input,.plan-stock select{max-width:140px;width:100%}.plan-results{margin-top:24px}.plan-contribution{padding:20px;border:1px solid var(--line);border-radius:12px;background:#fff}.purchase-unit-row{display:grid;grid-template-columns:2fr 1fr 1fr 1.3fr 44px;gap:10px;align-items:end;padding:14px 0;border-bottom:1px solid var(--line)}.purchase-unit-row label{display:grid;gap:7px;font-size:11px;color:#5f6c60}.purchase-unit-row input,.purchase-unit-row select{width:100%;min-width:0}.purchase-unit-row [data-conversion]{grid-column:1/-1;color:#49664b}.sync-banner[data-kind="cloud-lag"]{background:#f0ead6;color:#574b24}.flow-board,.template-grid article{transition:border-color 180ms ease,box-shadow 180ms ease}#payment-confirm-field[hidden]{display:none!important}
@media(min-width:1800px){.flow-board{padding:28px}.flow-metrics article{padding:22px}.flow-metrics strong{font-size:36px}.template-grid{grid-template-columns:repeat(auto-fit,minmax(270px,1fr))}}
@media(max-width:1100px){.flow-metrics{grid-template-columns:repeat(3,1fr)}.flow-heading{align-items:flex-start;flex-direction:column;gap:10px}}
@media(max-width:650px){.flow-board{padding:16px}.flow-metrics{grid-template-columns:repeat(2,1fr)}.order-axes{grid-template-columns:1fr}.purchase-unit-row{grid-template-columns:1fr 1fr}.purchase-unit-row label:first-child{grid-column:1/-1}.purchase-unit-row [data-remove-purchase]{justify-self:end}.flow-metrics strong{font-size:25px}}
@media(prefers-reduced-motion:reduce){.flow-board,.template-grid article{transition:none}}

/* V32: role-focused service surfaces; existing navigation timing remains bounded. */
.shell:not([data-workspace-role="owner"]) .flow-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}
.owner-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 26px}
.owner-tools a{position:relative;display:flex;flex-direction:column;gap:7px;padding:18px 42px 18px 19px;border:1px solid #d5dfcf;border-radius:12px;background:#fcfdf9;color:#294a34;text-decoration:none;transition:background-color 180ms ease,border-color 180ms ease,transform 180ms ease}
.owner-tools strong{font-size:14px}.owner-tools small{color:#60705f;font-size:11px}.owner-tools a>span{position:absolute;right:18px;top:19px;color:#809375}
.hospitality-intro{display:flex;align-items:center;justify-content:space-between;gap:30px;background:linear-gradient(115deg,#243d2d,#344f39);color:#f7f7ed;padding:26px;border-radius:18px;margin-bottom:22px}.hospitality-intro .view-kicker{color:#dbc392}.hospitality-intro h2{margin:8px 0 10px}.hospitality-intro p{max-width:650px;font-size:13px;line-height:1.7;color:#d8e4d3}.hospitality-intro ol{counter-reset:step;list-style:none;padding:0;min-width:175px}.hospitality-intro li{display:flex;align-items:center;gap:10px;margin:12px 0;font-size:12px}.hospitality-intro li:before{counter-increment:step;content:counter(step);display:grid;place-items:center;width:25px;height:25px;flex:none;border:1px solid #8da180;border-radius:50%;color:#e4d1a5}
.hospitality-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.hospitality-list>.empty{grid-column:1/-1}.hospitality-card{overflow:hidden}.hospitality-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;padding:20px 22px;border-bottom:1px solid var(--line);background:#f9fbf5}.hospitality-card-head h2{margin:5px 0 8px;font-size:22px}.hospitality-card-head small{color:#657363;font-size:11px}.hospitality-body{padding:18px 22px}.hospitality-body>p:first-child{margin-top:0;font-size:14px;line-height:1.7}.hospitality-amount{padding:14px 0;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:14px;border-bottom:1px solid var(--line)}.hospitality-amount small{color:#63715e;font-size:12px}.hospitality-amount strong{font-size:24px;font-variant-numeric:tabular-nums;color:#2d563c}.hospitality-order{margin-top:22px}.hospitality-order p{font-size:12px;line-height:1.6}
@media(hover:hover) and (pointer:fine){.owner-tools a:hover{transform:translateY(-2px);border-color:#91a686;background:#f2f7e9}}
@media(max-width:1000px){.owner-tools{grid-template-columns:repeat(2,minmax(0,1fr))}.hospitality-list{grid-template-columns:1fr}.hospitality-intro{align-items:flex-start;flex-direction:column;gap:8px}.hospitality-intro ol{display:flex;flex-wrap:wrap;gap:10px 22px;margin:0}}
@media(max-width:650px){.shell:not([data-workspace-role="owner"]) .flow-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.owner-tools{gap:8px}.owner-tools a{padding:15px}.owner-tools a>span{display:none}.hospitality-intro{padding:20px}.hospitality-card-head,.hospitality-body{padding:17px}.hospitality-amount{align-items:flex-start;flex-direction:column;gap:6px}}
@media(prefers-reduced-motion:reduce){.owner-tools a{transition:none}.owner-tools a:hover{transform:none}}

/* V34: concise help stays out of the working area until requested. */
.workflow-help{margin:0 0 15px;border:1px solid #d5dfd0;border-radius:12px;background:#fbfcf7;color:#2b4c37}
.workflow-help summary{min-height:48px;padding:14px 18px;cursor:pointer;font-size:13px;font-weight:700;line-height:1.5}
.workflow-help summary small{font-size:11px;font-weight:400;color:#5e6d5c;margin-left:15px}
.workflow-help summary:focus-visible{outline:3px solid #8aab79;outline-offset:3px;border-radius:10px}
.workflow-help ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:0;padding:6px 28px 6px 40px}
.workflow-help li{font-size:13px;line-height:1.65;padding-left:4px}.workflow-help li::marker{font-weight:800;color:#426b43}
.workflow-help li p{font-size:12px;color:#5e6d5c;margin:6px 0 0}
.workflow-help-note{font-size:12px;line-height:1.65;border-top:1px solid #dce4d5;margin:16px 18px 0;padding:13px 0 16px;color:#54634f}
.order-next-step{margin:0 0 14px;padding:12px 15px;border-radius:10px;border:1px solid #c7d6c0;border-left:4px solid #53794c;background:#f2f6ec}
.order-next-step>span{color:#5d7057;font-size:10px;font-weight:750;letter-spacing:.1em}.order-next-step h3{font-size:16px;line-height:1.35;color:#294c32;margin:5px 0}.order-next-step p{font-size:12px;line-height:1.55;color:#51614c;margin:0}
dialog[open]:has(>.order-actions){display:flex;flex-direction:column;overflow:hidden;max-height:90dvh}
dialog:has(>.order-actions)>.modal-head{flex:none;padding-top:18px;padding-bottom:18px}
dialog:has(>.order-actions)>.modal-body{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding-top:18px;padding-bottom:18px}
dialog>.order-actions{flex:none;max-height:30dvh;overflow:auto;margin:0;padding:14px 20px;border-top:1px solid #d8e1d2;background:#f8faf3;gap:9px}
dialog>.order-actions .button{font-size:12px;min-height:40px;padding:10px 12px;white-space:normal}
.order-snapshot-note{display:block;margin-top:8px;color:#65725e;font-size:10px;line-height:1.4}
/* One compact station-scoped summary leaves kitchen tickets in view. */
.view-kitchen .page-head{padding-bottom:12px;margin-bottom:14px;align-items:center}
.view-kitchen .page-head h1{font-size:30px;margin:6px 0}.view-kitchen .page-head p{margin:0}
.view-kitchen .workflow-help{margin-bottom:12px}.view-kitchen .workflow-help summary{padding:10px 15px;min-height:42px}
.view-kitchen .kitchen-summary{margin-bottom:12px}.view-kitchen .kitchen-summary>div{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;gap:12px}
.view-kitchen .kitchen-summary strong{font-size:28px;margin:0}.view-kitchen .kitchen-summary span{font-size:10px;max-width:130px;letter-spacing:.3px}
.view-kitchen .scan-bar{padding:10px}.view-kitchen .scan-feedback{padding:8px 14px;min-height:32px;margin-bottom:12px}
.view-kitchen .toolbar{margin-bottom:12px}.view-kitchen .toolbar>.muted{font-size:11px;line-height:1.5}
/* v35: one scan, one clear table-handover action. */
.view-kitchen .simple-kitchen-summary{grid-template-columns:repeat(3,minmax(0,1fr))}
.view-kitchen .simple-kitchen-summary span{font-size:16px;text-transform:none;letter-spacing:0;max-width:none}
.view-kitchen .simple-kitchen-summary small{font-size:10px;font-weight:500;color:#5c715f}
.view-kitchen .simple-kitchen-summary strong{font-size:36px}.simple-kitchen-summary>.done{background:#e7f3e8}
.view-kitchen .kitchen-scanner{display:block;margin-bottom:0}.kitchen-scanner>label{display:block;font-size:17px;font-weight:750;color:#214a31;margin-bottom:7px}
.kitchen-scanner>div{display:flex;gap:10px}.view-kitchen .kitchen-scanner input{font-size:18px;min-height:48px;min-width:0;flex:1}.kitchen-scanner .button{min-width:115px}
.view-kitchen .scan-feedback{margin-bottom:7px;font-size:14px}.kitchen-simple-tools{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:12px;color:#53664f;margin-bottom:14px}
.kitchen-simple-tools details{position:relative}.kitchen-simple-tools summary{cursor:pointer;padding:8px}.kitchen-simple-tools details[open]{padding:8px;border:1px solid #d5dfce;border-radius:9px;background:#fff}
.simple-ticket .ticket-head{align-items:flex-start}.simple-ticket .ticket-head>div>strong{display:block;font-size:11px;color:#62725d;margin-top:9px}.simple-ticket .service-destination{font-size:25px}
.simple-ticket .ticket-items li{font-size:18px;line-height:1.4;gap:10px}.simple-ticket .ticket-items b{font-size:22px}.simple-ticket .ticket-person{font-size:11px;color:#566451;margin:10px 0}
.simple-ticket .ticket-details{font-size:11px;margin-top:12px;color:#63755b}.simple-ticket .ticket-details summary{cursor:pointer;padding:7px 0}
.kitchen-delivered{background:#237b43!important;color:#fff!important;border-color:#237b43!important;font-size:19px!important;min-height:55px;justify-content:center;font-weight:750}
.simple-ticket.served{background:#f2f8ec;border-color:#b9d7af}.completed-tick{color:#238242;font-size:31px;font-weight:800}.simple-ticket .manual-accept{font-size:12px;min-height:42px}
.simple-handover-confirm{text-align:center}.simple-handover-confirm>.service-destination{font-size:32px}.simple-handover-confirm>p{font-size:18px}.simple-handover-confirm .ticket-items{text-align:left}.simple-handover-confirm+.form-error+.form-actions button{min-height:50px;font-size:16px}
@media(min-width:901px){.view-kitchen .simple-kitchen-columns{grid-template-columns:1fr 1.1fr .85fr}}
@media(max-width:1100px){.view-kitchen .simple-kitchen-summary>div{padding:10px;gap:7px}.view-kitchen .simple-kitchen-summary span{font-size:13px}.view-kitchen .simple-kitchen-summary strong{font-size:29px}}
@media(max-width:600px){.kitchen-simple-tools{align-items:flex-start}.kitchen-scanner>div{flex-wrap:wrap}.kitchen-scanner .button{width:100%}.view-kitchen .simple-kitchen-summary small{font-size:9px}.simple-handover-confirm+.form-error+.form-actions{display:grid;grid-template-columns:1fr}}
.collection-preview{margin-top:18px;padding:16px;border:1px solid #d5dfcf;border-radius:12px;background:#fafcf6}
.collection-preview .note{margin:12px 0 0}.collection-preview .cost-equation{font-size:13px}
.collection-change{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:14px;padding-top:14px;border-top:1px solid #d5dfcf;color:#244f35}
.collection-change span{font-size:14px;font-weight:650}.collection-change strong{font-size:28px;font-variant-numeric:tabular-nums}
@media(max-width:800px){.workflow-help ol{grid-template-columns:1fr;gap:14px}.workflow-help summary small{display:block;margin:5px 0 0 16px}.order-next-step{padding:15px 17px}}
@media(min-width:1800px){.workflow-help summary{font-size:15px}.workflow-help li,.order-next-step p{font-size:15px}.workflow-help summary small,.workflow-help li p,.workflow-help-note{font-size:13px}}
@media print{.workflow-help{display:none}}

.view-kitchen .scan-feedback[data-kind="success"]{font-size:18px;font-weight:750;background:#e6f4e4;border-color:#86b67c;color:#1b642c}.view-kitchen .scan-feedback[data-kind="error"]{font-size:16px;font-weight:650;background:#fff0ec;color:#913d28;border-color:#d89b85}

/* Kitchen LCD: keep the scanner and oldest ticket actions within a basic screen. */
.workspace main.view-kitchen{padding-top:14px;padding-bottom:12px}.view-kitchen .page-head{padding-bottom:4px;margin-bottom:8px;align-items:center}.view-kitchen .page-head .view-kicker{display:none}.view-kitchen .page-head h1{font-size:27px;margin:0 0 3px}.view-kitchen .page-head p{font-size:13px;margin:0}
.view-kitchen #service-flow-board{margin-top:12px}.view-kitchen .workflow-help{margin-bottom:0}.view-kitchen .workflow-help summary{padding-top:9px;padding-bottom:9px}
.view-kitchen .simple-kitchen-summary{margin-top:0;margin-bottom:9px}.view-kitchen .simple-kitchen-summary>div{padding:8px 12px}.view-kitchen .simple-kitchen-summary span{font-size:14px}.view-kitchen .simple-kitchen-summary strong{font-size:29px}
.view-kitchen .kitchen-scanner{padding:8px 10px}.view-kitchen .kitchen-scanner>label{font-size:15px;margin-bottom:4px}.view-kitchen .kitchen-scanner input{min-height:42px;font-size:17px}.view-kitchen .scan-feedback{padding:7px 12px;min-height:30px;margin-bottom:3px}.view-kitchen .scan-feedback[data-kind="success"]{font-size:16px}.view-kitchen .kitchen-simple-tools{margin-bottom:6px}.view-kitchen .kitchen-simple-tools summary{padding:5px 8px}
.view-kitchen .simple-ticket{padding:14px}.view-kitchen .simple-ticket .ticket-items{margin:10px 0}.view-kitchen .simple-ticket .ticket-person{margin:8px 0}.view-kitchen .empty{padding:24px 12px}.view-kitchen .kitchen-delivered{min-height:46px;font-size:18px}
.order-live-update{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 15px;border:1px solid #abc7ad;border-radius:10px;background:#edf7ed;margin-bottom:14px;font-size:13px}.order-live-update[hidden]{display:none}
@media(min-width:901px){.view-kitchen .simple-kitchen-columns>.kitchen-column{max-height:calc(100dvh - 410px);min-height:230px;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.view-kitchen .simple-kitchen-columns>.kitchen-column>h2{position:sticky;top:0;z-index:2;background:#edf2e7;padding:10px 4px;margin-top:0;margin-bottom:10px}}
@media(max-width:900px){.view-kitchen .simple-kitchen-columns>.kitchen-column{max-height:65vh;overflow-y:auto;overscroll-behavior:contain}.view-kitchen .page-head p{max-width:340px}}

/* English operational typography and restrained interaction feedback. */
:root{--motion-fast:140ms;--motion-ease:cubic-bezier(.2,.7,.25,1)}
body{font-kerning:normal;text-rendering:optimizeLegibility}
button,input,select,textarea{font-family:inherit}
.nav a{font-size:13px;line-height:1.4;transition:background-color var(--motion-fast),color var(--motion-fast),box-shadow var(--motion-fast)}
.button,.category,.segmented button,.qty button,.add-circle{transition:background-color var(--motion-fast),border-color var(--motion-fast),color var(--motion-fast),transform var(--motion-fast) var(--motion-ease)}
.button:enabled:active,.category:active,.qty button:enabled:active{transform:scale(.982)}
.button:disabled{cursor:not-allowed;transform:none}
:is(a,button,input,select,textarea,summary):focus-visible{outline:3px solid #b48b47;outline-offset:3px}
input,select,textarea{transition:border-color var(--motion-fast),box-shadow var(--motion-fast);caret-color:#254d3b}
input:focus,select:focus,textarea:focus{border-color:#6c8b70;box-shadow:0 0 0 3px #365c3b12}
.product-card{transition:border-color 160ms,box-shadow 180ms,transform 160ms var(--motion-ease)}
.product-card img{transition:transform 280ms var(--motion-ease)}
.product-card h3{font-size:16px;line-height:1.35;letter-spacing:-.15px}
.ticket-items,.simple-ticket .ticket-items li,.simple-ticket .ticket-items span{font-family:inherit}
.simple-ticket .ticket-items li{font-size:18px;line-height:1.45}
.simple-ticket .ticket-items strong,.simple-ticket .ticket-items b{font-variant-numeric:tabular-nums}
.view-kitchen .kitchen-column>h2{letter-spacing:.1px;font-weight:700}
.view-kitchen .simple-ticket{box-shadow:0 2px 8px #203c2b07}
.view-kitchen .kitchen-delivered{font-weight:700;letter-spacing:.1px}
.cart-total-line strong,.collection-change strong,.stats .value,td{font-variant-numeric:tabular-nums}
.modal-head h2{font-size:23px;line-height:1.2;letter-spacing:-.5px}
.modal-body{line-height:1.55}
::selection{background:#ddc394;color:#18352a}
@media(hover:hover) and (pointer:fine){.product-card:hover img{transform:scale(1.025)}.product-card:hover .add-circle{background:#315c40;color:#fff;border-color:#315c40}.button.primary:hover{box-shadow:0 3px 9px #203e3022}}
@media(prefers-reduced-motion:reduce){.nav a,.button,.category,.segmented button,.qty button,.add-circle,.product-card,.product-card img,input,select,textarea{transition:none!important}.button:enabled:active,.category:active,.qty button:enabled:active,.product-card:hover img{transform:none!important}}

/* Unavailable items still need readable names and reasons during service. */
.product-card.is-unavailable{opacity:1;background:#f8f8f3;border-color:#cdd5c9}
.product-card.is-unavailable img{opacity:.55;filter:saturate(.55)}
.product-card.is-unavailable .product-readiness{color:#78501f;font-size:12px;line-height:1.4}
.product-card.is-unavailable .add-circle{color:#685f50;background:#ece8df}
.categories .category,.cart-panel .segmented button{min-height:40px}
.cart-panel .segmented button{font-size:12px;font-weight:650}
:is(a,button,input,select,textarea,summary):focus-visible{outline-color:#8d6227}
.sidebar :is(a,button):focus-visible{outline-color:#e3c68e}

/* The till is a work surface: menu and checkout must be visible before scrolling. */
.workspace main.view-pos{padding-top:14px}
.view-pos .page-head{padding:0 0 10px;margin:0 0 10px;align-items:center}
.view-pos .page-head .view-kicker{display:none}
.view-pos .page-head h1{font-size:27px;line-height:1.15;margin:0 0 4px}
.view-pos .page-head p{font-size:12px;line-height:1.45;margin:0}
.view-pos .workflow-help{margin-bottom:6px;border-radius:8px}
.view-pos .workflow-help summary{min-height:32px;padding:6px 11px;font-size:12px}
.view-pos .workflow-help summary small{font-size:11px}
.view-pos .flow-board{padding:0;margin:0 0 12px;border-radius:10px;overflow:hidden}
.view-pos .flow-heading{display:none}
.view-pos .flow-metrics{border-radius:0;grid-template-columns:repeat(6,minmax(0,1fr))}
.shell:not([data-workspace-role="owner"]) .view-pos .flow-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}
.view-pos .flow-metrics article{padding:9px 12px;display:flex;align-items:center;justify-content:space-between;gap:10px}
.view-pos .flow-metrics span{font-size:12px;min-height:0;line-height:1.35}
.view-pos .flow-metrics strong{font-size:24px;line-height:1;margin:0}
.view-pos .menu-controls{padding:10px 12px;margin-bottom:12px}
.view-pos .menu-search-caption{display:none}
.view-pos .menu-controls .toolbar{margin:0 0 8px}
.view-pos .menu-controls input{padding:9px 11px;min-height:40px}
.view-pos .categories{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;padding-bottom:4px;scrollbar-width:thin}
.view-pos .category{flex:none;padding:8px 12px}
.view-pos .product-grid{gap:12px}
.view-pos .product-card img{aspect-ratio:1.75}
.view-pos .product-card .product-body{padding:11px 12px}
.view-pos .product-card h3{margin:0 0 8px;min-height:0}
.view-pos .product-card small{margin-bottom:4px}
.view-pos .cart-panel>.panel-head{padding:12px 15px}
.view-pos .cart-panel h2{font-size:20px}
.view-pos .cart-panel .order-pad-label{font-size:10px;margin-bottom:4px}
.view-pos .cart-panel>.panel-body{padding:10px 12px!important}
.view-pos .cart-items{padding:0 14px;min-height:64px}
.view-pos .cart-item{padding:10px 0}
.view-pos .cart-items .empty{padding:16px 10px}
.view-pos .cart-footer{padding:12px 14px}
.view-pos .order-total-note{margin:5px 0 8px;line-height:1.4}
.view-pos .cart-footer>.button{min-height:44px}
@media(min-width:1101px){.view-pos .cart-panel{max-height:calc(100dvh - 282px)}}
@media(max-width:700px){.view-pos .flow-metrics,.shell:not([data-workspace-role="owner"]) .view-pos .flow-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.view-pos .workflow-help summary small{display:none}.view-pos .cart-panel{max-height:none}}
.report-method{margin:0 20px 20px;border-top:1px solid var(--line);font-size:13px;color:#53634f}
.report-method summary{padding:13px 0;cursor:pointer;font-weight:650;color:#294d38}
.report-method p{margin:0;padding:0 0 12px;line-height:1.65;max-width:90ch}
.view-pos .cart-panel .service-destination{display:none}
.view-pos .cart-panel .service-destination.missing{display:none}
.view-pos .cart-panel>.panel-head .button{font-size:12px;min-height:36px}
.view-pos .cart-panel .panel-head p,.view-pos .cart-item small,.view-pos .draft-destination .field small,.view-pos .order-total-note{font-size:12px}
.view-pos .cart-footer>p:last-child{display:none}
.view-pos .cart-items{min-height:48px}
.view-pos .cart-panel>.panel-head{padding:10px 14px}
.view-pos .cart-panel .panel-head p{margin:3px 0 0;line-height:1.3}
.view-pos .cart-panel .order-pad-label{margin-bottom:2px;line-height:1.2}
.view-pos .cart-panel .table-selection-help,.view-pos .order-total-note{display:none}
@media(min-width:1101px){.view-pos .cart-items{min-height:110px}}
.field :is(input,select,textarea):focus-visible{outline:3px solid #8d6227;outline-offset:3px}
.workflow-help summary:focus-visible{outline-color:#8d6227}