/* MR GRILL: the main site's black, charcoal, red and locally served TildaSans. */
@font-face{font-family:MRGrillSans;src:url('/assets/tildasans-vf.woff2') format('woff2');font-weight:250 1000;font-style:normal;font-display:swap}
:root{--brand:#e90404;--brand-hover:#c90000;--canvas:#1f1f1f;--surface:#292929;--surface-deep:#171717;--line:#414141;--text:#f7f7f7;--muted:#b7b7b7}
html{color-scheme:dark;background:var(--canvas);scroll-padding-top:28px}
body{background:var(--canvas);color:var(--text);font-family:MRGrillSans,Arial,sans-serif;font-size:16px;-webkit-font-smoothing:antialiased}
button,input,select,textarea{font-family:inherit}
h1,h2,h3{letter-spacing:-.018em;font-weight:650}
p{line-height:1.6}
a{color:inherit}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #ff7676;outline-offset:4px}
.topbar{max-width:none;height:108px;padding:0 max(28px,calc((100vw - 1232px)/2));display:grid;grid-template-columns:minmax(0,1fr) 100px minmax(0,1fr);gap:24px;background:#000;border-bottom:1px solid #343434}
.brand{justify-self:center;display:flex;justify-content:center;min-width:0}
.brand-logo{width:88px;height:88px;display:block;object-fit:contain}
.brand-links{display:flex;align-items:center;gap:25px}
.brand-links a{font-size:13px;letter-spacing:.07em;text-transform:uppercase;text-decoration:none;white-space:nowrap;font-weight:550;color:#fff}
.brand-links a:hover{color:#ff7676}
.test-badge{justify-self:end;background:#260d0d;border:1px solid #6b2424;color:#fff;font-size:12px;font-weight:550;max-width:100%;text-align:center}
.test-badge i{background:var(--brand)}
.shell{margin-top:32px;gap:36px;grid-template-columns:274px minmax(0,1fr)}
.sidebar{background:#090909;border:1px solid #343434;border-radius:16px;min-height:710px}
.sidebar:after{display:none}
.sidebar-intro{padding:32px 26px 26px}
.sidebar .eyebrow{color:#eb9b9b;font-size:10px;letter-spacing:.13em}
.sidebar h1{font-size:32px;line-height:1.15;letter-spacing:-.018em;font-weight:650;margin-top:22px}
.sidebar h1 span{color:#ff5555}
.sidebar p{color:#b6b6b6;font-size:14px;line-height:1.7}
.sidebar nav{padding:10px 14px}
.nav-item{color:#c9c9c9;border-radius:7px;font-size:14px;padding:15px 13px}
.nav-item:hover{background:#252525;color:#fff}
.nav-item.active{background:var(--brand);color:#fff}
.nav-arrow{color:#fff}
.sidebar-bottom{padding:60px 26px 27px}
.sidebar-bottom strong{display:block;color:#fff;font-size:15px;line-height:1.5;font-weight:550}
.sidebar-bottom p{font-size:13px;color:#b6b6b6}
.sidebar-bottom a{border-color:#353535;color:#fff;font-size:14px}
.flame-lines{font-size:0;width:40px;height:3px;background:var(--brand);transform:none;margin-bottom:22px}
.section-top>.eyebrow,.muted,.form-note,.test-note,.footnote{color:var(--muted)}
.eyebrow{font-size:11px;letter-spacing:.11em}
.section-top{min-height:30px}
.main{padding-top:5px}
.round-icon{background:#331414;border-color:#6b2424;color:#ff7373;border-radius:9px}
.login-copy{padding-top:32px}
.login-copy h2{font-size:46px;letter-spacing:-.025em;font-weight:650;line-height:1.08}
.login-copy>p{color:#c1c1c1;font-size:16px;max-width:500px;margin-top:20px}
.login-card{background:var(--surface);border-color:var(--line);border-radius:12px;padding:27px 28px 20px;box-shadow:none;max-width:490px}
label{font-size:14px;font-weight:550;color:#eee}
input:not([type=checkbox]),select{background:#1b1b1b;border:1px solid #555;color:#fff;border-radius:7px;height:50px;font-size:16px}
input[readonly]{background:#232323;color:#c8c8c8}
input::placeholder,textarea::placeholder{color:#9f9f9f;opacity:1}
input:focus,select:focus,textarea:focus{outline:2px solid #e94a4a;outline-offset:1px}
input[type=tel]{font-size:18px}
input[type=checkbox]{accent-color:var(--brand)}
input:-webkit-autofill,input:-webkit-autofill:focus{-webkit-text-fill-color:#fff;-webkit-box-shadow:0 0 0 1000px #202020 inset;caret-color:#fff}
.button{font-size:14px;font-weight:600;letter-spacing:.01em;min-height:44px;height:auto;padding:11px 20px;border-radius:7px;text-decoration:none;line-height:1.35;gap:14px}
.button.primary{background:var(--brand);color:#fff;box-shadow:none;border-color:var(--brand)}
.button.primary:hover{background:var(--brand-hover);border-color:var(--brand-hover)}
.button.secondary{background:#282828;border-color:#5c5c5c;color:#fff}
.button.secondary:hover{background:#383838;border-color:#777}
.button.full{height:50px;margin-top:16px}
.text-button{font-size:13px;color:#d3d3d3;min-height:32px}
.text-button:hover{color:#ff7676}
.form-note{font-size:13px;line-height:1.6}
.form-message{color:#ff9797;font-size:14px}
.test-note{font-size:13px;max-width:490px}
.code-heading .muted{color:#c5c5c5}
.footer{color:#a7a7a7;font-size:12px;padding-top:36px;padding-bottom:10px}
.page-heading h2{font-size:36px;font-weight:650}
.page-heading p{font-size:15px}
.order-summary{background:#2e2222;border-color:#654141;border-radius:12px}
.summary-copy strong{color:#fff;font-size:16px}
.summary-copy p{color:#c8baba;font-size:13px}
.summary-dot{background:#ff5050;border-color:#522a2a}
.summary-number{color:#fff}
.summary-number small{color:#d6bfbf;font-size:9px}
.tabs{border-color:var(--line);gap:8px;flex-wrap:wrap}
.tab{font-size:14px;color:#c4c4c4;border-radius:30px;padding:10px 16px;min-height:40px}
.tab:hover{background:#333;color:#fff}
.tab.active{background:var(--brand);color:#fff}
.order-card{background:var(--surface);border-color:var(--line);border-radius:12px}
.order-card .eyebrow{color:#bbb;font-size:10px}
.order-card h3{font-size:25px;color:#fff}
.order-card .small{font-size:13px}
.order-preview p{font-size:14px;color:#c8c8c8}
.food-symbol{background:#3c2923;border-color:#70503b;color:#edc08b}
.order-card-bottom,.item-row{border-color:#414141}
.order-card-bottom .button{font-size:13px;min-height:40px;height:auto}
.order-card-bottom strong{font-size:21px}
.order-customer{font-size:16px;color:#fff}
.admin-items .item-row strong,.detail-items .item-row strong{font-size:15px;color:#fff}
.item-row{font-size:14px}
.item-row p{font-size:13px;color:#bcbcbc}
.admin-delivery{font-size:14px;color:#bcbcbc}
.admin-delivery strong{color:#fff;font-size:20px}
.admin-notice{background:#292929;border:1px solid #484848;border-radius:9px;color:#c8c8c8;max-width:none}
.status-form,.closed-note{background:#222;border-color:#414141;color:#c0c0c0}
.status-controls select{background:#181818;font-size:14px}
.checkbox-label{font-size:13px;color:#c4c4c4;line-height:1.5}
.status{font-size:12px;background:#383838;color:#e0e0e0}
.status-accepted,.status-ready{background:#243d2c;color:#b7e3bd}
.status-cooking,.status-pending{background:#463315;color:#ffda92}
.status-courier{background:#243c4b;color:#b3d9f4}
.status-completed{background:#343434;color:#d3d3d3}
.status-expired{background:#3d3330;color:#e3c7bd}
.status-cancelled{background:#482929;color:#ffc0ba}
.payment-state{font-size:14px;border-radius:7px}
.payment-paid{background:#243d2c;color:#b7e3bd}
.payment-waiting{background:#463315;color:#ffda92}
.empty-state{border-color:#646464;color:#bbb}
.empty-state h3,.empty-state p{color:#ddd}
.panel,.outbox-card{background:var(--surface);border-color:var(--line);border-radius:12px}
.profile-panel h3{color:#fff}
.avatar,.gateway-icon{background:#3d2020;color:#ff9a9a}
.gateway-data>div,.sidebar-bottom a{border-color:#444}
.gateway-data dt,.outbox-card p,.outbox-card small{color:#bbb}
.online{color:#b7e3bd}
.outbox-result>span{background:#243d2c;color:#b7e3bd}
.outbox-card .error-text{color:#ff9797}
.report-stats>div{background:#1c1c1c;border:1px solid #414141;border-radius:9px}
.report-stats span,.report-message,.report-table th,.empty-report{color:#bdbdbd}
.report-stats strong{color:#fff}
.report-table td,.report-table th{border-color:#454545;font-size:14px}
.report-table td{color:#eee}
.work-warning,.work-edit-note{background:#463315;color:#ffda92;border:1px solid #725d35}
.work-focused{outline-color:#e90404}
.order-tools{border-color:#414141}
.work-buttons .button{font-size:13px}
.work-journal li{border-color:#575757}
.work-journal small{color:#bdbdbd}
.work-journal strong{font-size:15px}
.order-tools textarea,.status-form textarea,.work-dialog textarea,#manual-order-form textarea{background:#1b1b1b;color:#fff;border:1px solid #555;border-radius:7px;font:inherit}
.manual-line,#team-accounts fieldset{border-color:#555;border-radius:9px}
#manual-order-form select{font-size:16px}
.manual-total{color:#fff}
#manual-delivery .form-note a{color:#c7c7c7;text-decoration:underline}
dialog,.work-dialog{background:#292929;color:#fff;border:1px solid #555;border-radius:12px}
dialog::backdrop{background:#000b;backdrop-filter:blur(3px)}
.dialog-close{color:#ddd}
.dialog-close:hover{color:#ff7676}
.timeline li>span{background:var(--brand);box-shadow:0 0 0 4px #432020}
.timeline small{color:#bbb}
.toast{background:#f2f2f2;color:#181818;border:1px solid #ddd;font-size:14px}
.toast.error{background:#6c1b1b;color:#fff;border-color:#b64a4a}
.reorder-shell{max-width:950px}
@media(min-width:1400px){.shell{grid-template-columns:280px minmax(0,1fr);gap:48px}.login-card,.test-note{max-width:500px}}
@media(max-width:1300px){.shell{margin:28px 28px 0;gap:28px;grid-template-columns:250px minmax(0,1fr)}.topbar{padding:0 28px}}
@media(max-width:1000px){.brand-links{gap:16px}.brand-links a{font-size:11px}.shell{grid-template-columns:210px minmax(0,1fr);gap:22px}.sidebar-intro,.sidebar-bottom{padding-left:20px;padding-right:20px}.sidebar h1{font-size:28px}.nav-item{font-size:13px;padding:14px 10px}.login-copy h2{font-size:40px}.page-heading{flex-wrap:wrap}.page-heading h2{font-size:32px}.page-heading>.button{font-size:13px}.sidebar nav{padding:10px}}
@media(max-width:650px){
 .topbar{height:90px;padding:0 16px;gap:10px;grid-template-columns:minmax(0,1fr) 72px minmax(0,1fr)}
 .brand-logo{width:72px;height:72px}.brand-links a{font-size:12px;letter-spacing:.05em}.brand-links a:nth-child(2){display:none}.test-badge{font-size:10px;padding:7px 9px;line-height:1.25}
 .shell{display:block;margin:18px 14px 0}.sidebar{display:block;min-height:0;border-radius:9px;overflow:visible}.sidebar nav{display:flex;flex-wrap:wrap;padding:6px;gap:4px}.sidebar-intro,.sidebar-bottom{display:none}.nav-item{flex:1 1 auto;width:auto;justify-content:flex-start;padding:11px 12px;font-size:13px;min-height:44px}.nav-item>span:first-child{font-size:18px}.nav-arrow{font-size:12px}
 .main{padding:23px 0 0;min-height:calc(100vh - 180px)}.section-top>.eyebrow{font-size:10px}.section-top .text-button{font-size:13px}
 .login-copy{padding-top:24px}.round-icon{height:40px;width:40px;font-size:23px;margin-bottom:18px}.login-copy h2{font-size:36px;line-height:1.1}.login-copy>p{font-size:15px;margin:17px 0 24px}.desktop-break{display:none}
 .login-card{padding:23px 19px 18px;max-width:none}.test-note{max-width:none;font-size:12px}.button{font-size:14px;min-height:44px;white-space:normal}.button.full{height:50px}.form-note{font-size:12px}.form-message{font-size:13px}.footer{font-size:11px;gap:12px;flex-wrap:wrap}
 .page-heading{gap:14px;align-items:center;margin-top:23px}.page-heading h2{font-size:29px}.page-heading p{font-size:14px}.page-heading>.button{min-height:40px;height:auto;font-size:12px;padding:10px 12px}
 .order-summary{padding:18px 15px}.summary-copy strong{font-size:14px}.summary-copy p{font-size:12px}.summary-number{font-size:28px}.summary-number small{font-size:8px}.summary-dot{margin-top:4px}
 .tabs{gap:5px;flex-wrap:wrap}.tab,.work-tabs .tab{font-size:13px;padding:9px 12px;min-height:40px}.order-card-head{align-items:flex-start;padding:20px 17px 15px}.order-card h3{font-size:22px}.order-card .small{font-size:12px}.order-card .eyebrow{font-size:9px}.status{font-size:11px;padding:6px 9px}
 .order-preview{margin:0 17px 18px}.order-preview p{font-size:13px}.order-card-bottom{padding:15px 17px;flex-wrap:wrap}.order-card-bottom .small{font-size:12px}.order-card-bottom .button{font-size:13px}.order-card-bottom strong{font-size:20px}.customer-actions{padding:15px 17px}.customer-actions .button{flex:1 1 auto}
 .admin-items{margin:0 17px}.item-row{font-size:13px;gap:12px}.item-row strong,.admin-items .item-row strong{font-size:14px}.item-row p{font-size:12px}.admin-delivery{padding:16px 17px;font-size:13px}.order-customer{margin:10px 17px}.status-form{padding:17px}.checkbox-label{font-size:13px}.admin-notice{font-size:12px;padding:12px}
 .panel{padding:22px 18px}.work-buttons .button{font-size:13px}.work-buttons .text-button{min-height:42px}.work-dialog h2{font-size:26px}.work-dialog{padding:26px 20px}.order-tools{padding:17px}.gateway-data>div{font-size:13px}.outbox-card{padding:18px}.outbox-result{max-width:100%}.report-table td,.report-table th{font-size:13px}.reorder-shell{padding:25px 14px 50px}.reorder-shell h1{font-size:30px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

.gateway-setup{margin-top:24px}.gateway-setup h3{margin-top:12px}.gateway-setup form>strong,.gateway-download>strong{display:block;margin:28px 0 16px}.gateway-connection{margin:20px 0;padding:20px;background:#111;border:1px solid #444;border-radius:8px}.gateway-connection input[readonly]{font-family:monospace;font-size:14px}.gateway-steps{padding-left:22px;line-height:1.6}.gateway-steps li{margin:12px 0}.gateway-download .work-buttons{display:flex;gap:10px;flex-wrap:wrap}.gateway-download a{text-decoration:none}.operations-stats{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:25px 0}.operations-stats>div{border:1px solid #444;padding:20px;border-radius:8px}.operations-stats span{display:block;color:#aaa;font-size:13px}.operations-stats strong{display:block;margin:10px 0;font-size:21px}.operations-stats p{font-size:13px;color:#aaa}.operations-events{list-style:none;padding:0}.operations-events li{padding:18px 0;border-bottom:1px solid #444}.operations-events small{display:block;margin-top:8px;color:#aaa}.gateway-setup select{max-width:100%}#admin-operations-section>.panel{margin-bottom:24px}@media(max-width:650px){.operations-stats{grid-template-columns:1fr}.gateway-connection{padding:14px}.gateway-download a{width:100%}}

.team-entry{margin-top:26px;padding-top:22px;border-top:1px solid #555}.team-entry>a{text-decoration:none;text-align:center;justify-content:center;line-height:1.4}.team-entry .form-note{text-align:center}.sidebar nav a{text-decoration:none}

.team-entry-link{color:#fff;border:1px solid #e90404;border-radius:7px;padding:10px 14px;text-decoration:none;font-weight:600;font-size:14px}.team-entry-link:hover{background:#e90404}.login-section>.section-top{gap:12px;flex-wrap:wrap}