:root{color-scheme:light;--colour-page:#f6f7f9;--colour-panel:#fff;--colour-text:#1f2933;--colour-muted:#596574;--colour-link:#005ea8;--colour-border:#d8dee8;--focus-ring:0 0 0 3px #fd0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:var(--colour-page);color:var(--colour-text);margin:0;line-height:1.5}a{color:var(--colour-link)}a:focus-visible{box-shadow:var(--focus-ring);border-radius:2px;outline:0}button,input,textarea{font:inherit}button{border:1px solid var(--colour-link);background:var(--colour-link);color:#fff;cursor:pointer;border-radius:6px;padding:.625rem .875rem;font-weight:800}button:hover{background:#004b88}button:disabled{border-color:var(--colour-border);color:var(--colour-muted);cursor:not-allowed;background:#eef2f6}.button-danger{background:#9d201c;border-color:#9d201c}.button-danger:hover{background:#7f1d1d}button:focus-visible,input:focus-visible,textarea:focus-visible{box-shadow:var(--focus-ring);outline:0}input,textarea{border:1px solid var(--colour-border);width:100%;min-height:2.75rem;color:var(--colour-text);background:#fff;border-radius:6px;padding:.5rem .625rem}textarea{resize:vertical;min-height:5rem}fieldset{border:0;min-width:0;margin:0;padding:0}legend{margin:0;font-weight:800}.shell{place-items:center;min-height:100svh;padding:1rem;display:grid}.shell--page{max-width:70rem;margin:0 auto;padding-block:clamp(1rem,3vw,2rem);display:block}.panel{border:1px solid var(--colour-border);background:var(--colour-panel);border-radius:8px;width:min(100%,42rem);padding:clamp(1.25rem,3vw,2rem)}.panel--wide{width:100%}.eyebrow{color:var(--colour-muted);text-transform:uppercase;margin:0 0 .5rem;font-size:.875rem;font-weight:700}h1{margin:0 0 1rem;font-size:clamp(2rem,2rem + 1vw,3rem);line-height:1.1}.area-list{gap:.75rem;margin:1.5rem 0 0;padding:0;display:grid}.area-list li{list-style:none}.lede{max-width:42rem;color:var(--colour-muted);font-size:1.125rem}.fulfilment-list{flex-wrap:wrap;gap:.5rem;margin:1rem 0;padding:0;display:flex}.fulfilment-list li{border:1px solid var(--colour-border);color:var(--colour-text);background:#f8fafc;border-radius:999px;padding:.375rem .75rem;font-size:.875rem;font-weight:700;list-style:none}.allergen-warning{max-width:48rem;color:var(--colour-muted);border-left:4px solid #005ea8;margin:1rem 0 0;padding-left:1rem}.checkout-return{border:1px solid var(--colour-border);background:#fff;border-left-width:4px;border-radius:8px;gap:.375rem;margin:1rem 0 1.5rem;padding:1rem;display:grid}.checkout-return h2,.checkout-return p{margin:0}.checkout-return h2{font-size:1.125rem}.checkout-return p{color:var(--colour-muted)}.checkout-return__details{border-top:1px solid var(--colour-border);gap:.75rem;margin:.5rem 0 0;padding-top:.75rem;display:grid}.checkout-return__details div{gap:.125rem;display:grid}.checkout-return__details dt{color:var(--colour-muted);font-size:.875rem;font-weight:700}.checkout-return__details dd{margin:0}.checkout-return--success{border-left-color:#0b6b3a}.checkout-return--warning{border-left-color:#b45309}.menu-section{margin-top:2rem}.order-layout{align-items:start;gap:1.5rem;display:grid}.section-heading{border-bottom:1px solid var(--colour-border);margin-bottom:1rem}.section-heading h2{margin:0 0 .5rem;font-size:1.5rem}.menu-list{gap:1rem;margin:0;padding:0;display:grid}.menu-list>li{list-style:none}.menu-item{border:1px solid var(--colour-border);background:var(--colour-panel);border-radius:8px;padding:1rem}.menu-item__summary{gap:1rem;display:grid}.menu-item h3,.modifier-groups h4{margin:0}.menu-item p{color:var(--colour-muted);margin:.25rem 0 0}.price{color:var(--colour-text);font-weight:800}.allergen-list{border-top:1px solid var(--colour-border);gap:.25rem;margin-top:1rem;padding-top:1rem;display:grid}.modifier-groups{gap:.75rem;margin-top:1rem;display:grid}.option-group{border-top:1px solid var(--colour-border);padding-top:1rem}.modifier-rule{font-size:.875rem}.option-list{gap:.5rem;margin:.75rem 0 0;display:grid}.option-control{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.5rem;display:grid}.option-control--inline{grid-template-columns:auto minmax(0,1fr);margin-top:.5rem;margin-right:1rem;display:inline-grid}.option-control input{width:auto;min-height:auto}.menu-item__order{gap:1rem;margin-top:1rem;display:grid}.add-row{gap:.75rem;display:grid}.add-row label,.checkout-form label{color:var(--colour-muted);gap:.375rem;font-size:.875rem;font-weight:700;display:grid}.basket-panel{border:1px solid var(--colour-border);background:var(--colour-panel);border-radius:8px;gap:1rem;padding:1rem;display:grid;position:sticky;top:1rem}.basket-panel h2{margin:0;font-size:1.25rem}.basket-empty{color:var(--colour-muted);margin:0}.basket-list{gap:.75rem;margin:0;padding:0;display:grid}.basket-list li{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.75rem;list-style:none;display:grid}.basket-list button{border-color:var(--colour-border);color:var(--colour-link);background:#fff;padding:.375rem .625rem}.checkout-form{border-top:1px solid var(--colour-border);gap:1rem;padding-top:1rem;display:grid}.checkout-form fieldset{gap:.75rem;display:grid}.field-hint{color:var(--colour-muted);margin:-.5rem 0 0;font-size:.875rem}.stacked-form{gap:1rem;display:grid}.stacked-form label{color:var(--colour-muted);gap:.375rem;font-size:.875rem;font-weight:700;display:grid}.form-error{color:#9d201c;background:#fff5f5;border-left:4px solid #9d201c;margin:0 0 1rem;padding:.75rem 1rem;font-weight:700}.basket-status{min-height:1.5rem;color:var(--colour-muted);margin:0}.basket-status[data-status-tone=error],.basket-status--error{color:#9d201c}.basket-status[data-status-tone=success]{color:#0b6b3a}.staff-header{gap:.75rem;margin-bottom:1.5rem;display:grid}.staff-header__account{border-top:1px solid var(--colour-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding-top:.75rem;display:flex}.staff-header__account p{color:var(--colour-muted);margin:0;font-size:.875rem}.staff-header__logout{margin:0}.staff-header__logout button{border-color:var(--colour-border);color:var(--colour-link);background:#fff}.staff-header__logout button:hover{background:#eef6ff}.staff-feed-status{min-height:1.5rem;color:var(--colour-muted);margin:0;font-size:.875rem}.staff-feed-status[data-status-tone=connected],.staff-feed-status[data-status-tone=polling],.staff-feed-status[data-status-tone=success]{color:#0b6b3a}.staff-feed-status[data-status-tone=error]{color:#9d201c}.staff-order-list{gap:1rem;margin:1.5rem 0 0;padding:0;display:grid}.staff-order-list>li{list-style:none}.staff-order,.staff-empty{border:1px solid var(--colour-border);background:var(--colour-panel);border-radius:8px;gap:1rem;padding:1rem;display:grid}.staff-order__header{gap:.75rem;display:grid}.staff-order__header h2,.staff-empty h2{margin:0;font-size:1.25rem}.staff-order__meta{gap:.75rem;margin:0;display:grid}.staff-order__meta div{gap:.125rem;display:grid}.staff-order__meta dt{color:var(--colour-muted);font-size:.875rem;font-weight:700}.staff-order__meta dd{margin:0}.staff-order__lines{border-top:1px solid var(--colour-border);gap:.5rem;margin:0;padding:1rem 0 0;display:grid}.staff-order__lines li{grid-template-columns:minmax(0,1fr) auto;gap:.75rem;list-style:none;display:grid}.staff-order__actions{border-top:1px solid var(--colour-border);gap:1rem;padding-top:1rem;display:grid}.staff-order__actions form{align-content:start;gap:.75rem;display:grid}.staff-order__actions--compact{grid-template-columns:repeat(auto-fit,minmax(10rem,max-content))}.staff-order__actions label{color:var(--colour-muted);gap:.375rem;font-size:.875rem;font-weight:700;display:grid}.staff-order__status{min-height:1.5rem;color:var(--colour-muted);margin:0}.staff-order__status[data-status-tone=error]{color:#9d201c}.staff-order__status[data-status-tone=success]{color:#0b6b3a}@media (width>=42rem){.menu-item__summary{grid-template-columns:minmax(0,1fr) auto;align-items:start}.add-row{grid-template-columns:minmax(7rem,10rem) auto;align-items:end}.staff-order__header,.staff-order__actions{grid-template-columns:minmax(0,1fr) minmax(16rem,20rem);align-items:start}.staff-order__meta{grid-template-columns:repeat(auto-fit,minmax(9rem,1fr))}}@media (width>=58rem){.order-layout{grid-template-columns:minmax(0,1fr) minmax(18rem,22rem)}}