
:root{--brand-primary:#131313;--brand-accent:#f5c72b;font-family:system-ui,Arial,sans-serif;color:#191919;background:#f4f3ee}
*{box-sizing:border-box}body{margin:0}header{background:var(--brand-primary);color:#fff;padding:18px 5vw;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
h1{margin:0;font-size:26px}h2{font-size:20px}small{color:#777}header small{color:#bbb}
.brand-accent{color:var(--brand-accent)}.badge{background:var(--brand-accent);color:#131313;padding:6px 10px;border-radius:99px;font-weight:750}
main{max-width:1200px;margin:20px auto;padding:0 16px}.notice{background:#fff3c4;border:1px solid #c9961e;padding:13px 16px;border-radius:12px}
.panel{background:#fff;padding:20px;border-radius:15px;border:1px solid #ddd;box-shadow:0 2px 7px #0000000d;margin:16px 0}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}@media(max-width:760px){.grid{grid-template-columns:1fr}}
button,input,select{font:inherit}button{cursor:pointer;border:0;border-radius:10px;padding:12px 15px;background:#161616;color:#fff;font-weight:650}
button.primary{background:var(--brand-accent);color:#151515}button.secondary{background:#e9e9e9;color:#171717}
button:disabled{opacity:.5;cursor:not-allowed}input,select{width:100%;border:1px solid #bbb;border-radius:9px;padding:11px}
label{display:block;margin:12px 0 5px;font-weight:600}.buttons{display:flex;gap:9px;flex-wrap:wrap;margin:15px 0}
.line{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 0;border-bottom:1px solid #ececec}
.line:last-child{border-bottom:0}.line p{margin:3px 0;color:#666;font-size:13px}
.amount{font-weight:850}.message{margin:12px 0;padding:10px;border-radius:8px;background:#f3f3f3;min-height:18px;white-space:pre-line}
.order{border:1px solid #ddd;border-radius:10px;padding:13px;margin:9px 0}.order.ready{border-color:#22965e}
.tabular{font-variant-numeric:tabular-nums}.hidden{display:none!important}
footer{text-align:center;font-size:12px;color:#555;padding:30px}
.config-dialog{width:min(580px,92vw);max-height:85vh;overflow:auto;border:0;border-radius:14px;padding:20px;box-shadow:0 12px 50px #0005}.config-dialog::backdrop{background:#0009}.config-dialog fieldset{border:1px solid #ddd;border-radius:9px;margin:10px 0;padding:12px}.config-dialog legend{font-weight:650}.config-dialog label{font-weight:400;display:block;margin:8px 0}.kitchen-line{padding:12px;border-top:1px solid #ddd;margin-top:8px;background:#faf9f5;border-radius:6px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.kitchen-line .modifiers{flex-basis:100%;font-size:13px;color:#444;margin:0}.station,.station-warning{display:inline-block;padding:3px 8px;border-radius:7px;background:#e5e7eb;font-size:12px}.station-warning{background:#fee2e2;color:#991b1b}.station-tasks{border-top:1px solid #ddd;margin-top:8px}.station-tasks .line{padding:8px 0}.station-tasks button{padding:8px 10px;font-size:13px}

/* Staging floor visibility. Neutral outline avoids suggesting payment success. */
.floor-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(74px,1fr));gap:10px;margin:12px 0}
.floor-table{display:flex;min-height:76px;align-items:center;justify-content:center;flex-direction:column;gap:3px;border:2px solid #d1d5db;background:#f8fafc;color:#151515}
.floor-table small{font-size:11px}
.floor-table.occupied{border-color:#b45309;background:#ffedd5;color:#7c2d12}
.floor-table.available{border-color:#15803d;background:#f0fdf4;color:#14532d}
.floor-table:disabled{border-color:#9ca3af;background:#f3f4f6;color:#6b7280}
.floor-table:focus-visible{outline:3px solid #2563eb;outline-offset:2px}
.floor-zones>div{min-width:0}

.staff-nav{display:flex;gap:9px;overflow-x:auto;position:sticky;top:0;z-index:5;padding:12px 2px;background:#f4f3ee;border-bottom:1px solid #d8d5c8}.staff-nav a{display:inline-flex;white-space:nowrap;color:#191919;background:#fff;border:1px solid #d3d0c7;border-radius:14px;padding:11px 14px;text-decoration:none;font-weight:700}.staff-nav a:focus-visible,.staff-nav a:hover{outline:2px solid #b99219;background:#fff8e2}#ordersPanel,#kitchenPanel,#floorPanel,#schedulePanel,#inventoryPanel,#integrationsPanel,#launchPanel{scroll-margin-top:80px}

.qa-results{display:grid;gap:8px}.qa-result-line{padding:10px 13px;border-radius:10px;border:1px solid #ccc;background:#f7f7f7;line-height:1.4}.qa-result-line.qa-ok{border-color:#6ab28d;background:#ecf8f1;color:#124d31}.qa-result-line.qa-fail{border-color:#e0ac9d;background:#fff1eb;color:#7a240e}#qaPanel{scroll-margin-top:80px}
