:root{--navy:#13364a;--muted:#627785;--line:#dde5e9;--accent:#007e87}
body{margin:0;background:#f1f5f7;color:#1d3341;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;font-size:14px}
#board{padding:0 28px;max-width:2400px}.board-header{padding:26px 0 22px;border-bottom:2px solid var(--navy)}
.brand-logo{display:block;width:205px;height:auto;max-width:48vw}
h1{font-size:15px;margin:6px 0 0;font-weight:600}.header-divider{margin:0 10px;color:#abb9c2}.header-subtitle,.header-caption{color:var(--muted);font-weight:400}.header-caption{font-size:12px;margin-top:3px}.clock{font-size:16px;font-variant-numeric:tabular-nums}
.notice{margin:18px 0 24px;padding:12px 16px;border-left:3px solid var(--accent);background:#e5eff1;color:#365766}.notice-label{font-size:10px;font-weight:800;letter-spacing:1px;margin-right:12px}
.section-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:12px}h2{font-size:18px;font-weight:700;margin:0}.q5-label{font-size:11px;color:var(--muted);margin-left:6px}
.source-status{font-size:11px;font-weight:650;color:var(--muted)}.source-status.live{color:#16724e}.source-status.stale{color:#985800}.source-status::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor;margin-right:6px}
.board-card{background:#fff;border:1px solid var(--line);border-radius:9px;overflow:hidden;margin-bottom:18px;box-shadow:0 2px 4px #15374b04}.card-heading{padding:17px 18px;display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid var(--line)}
.eyebrow{font-size:9px;letter-spacing:1.5px;color:var(--muted);font-weight:750}h3{font-size:17px;font-weight:650;margin:4px 0 0}.count{font-size:12px;border:1px solid var(--line);padding:4px 9px;border-radius:5px;color:var(--muted)}
.table{margin:0;--bs-table-bg:transparent;color:inherit;font-size:13px;table-layout:fixed;width:100%}.table>:not(caption)>*>*{padding:10px 12px;border-bottom-color:#e8edf0;vertical-align:top;overflow-wrap:anywhere}.table thead th{font-size:10px;letter-spacing:.5px;text-transform:uppercase;color:var(--muted);background:#f7f9fa;font-weight:700}.table tbody tr:nth-child(even){background:#f8fafb}.table tbody tr:last-child>*{border-bottom:0}.order-number{font-weight:750;color:#006d78;font-variant-numeric:tabular-nums}.ship{font-weight:600}.customer{display:block;font-size:11px;color:var(--muted);margin-top:4px}.team-row th{font-size:12px;font-weight:750;letter-spacing:.3px}.booking-cell{white-space:pre-line}.empty-state{padding:28px 18px;color:var(--muted);margin:0}.source-detail{font-size:11px;color:var(--muted);min-height:18px}.source-detail.warning{color:#985800}footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:17px 0;color:var(--muted);font-size:10px;letter-spacing:1px}
@media(min-width:1700px){body{font-size:16px}.table{font-size:15px}.table>:not(caption)>*>*{padding:11px 14px}.customer{font-size:12px}}
@media(max-width:600px){#board{padding:0 12px}.board-header{padding:18px 0}.brand-logo{width:170px}.header-subtitle{display:none}.clock{font-size:12px}.card-heading{padding:12px}.table{font-size:12px}.table>:not(caption)>*>*{padding:8px}.notice-label{display:block;margin-bottom:4px}}

/* Display preferences are applied before painting, including on kiosk restarts. */
:root{color-scheme:light}
.brand-controls{display:flex;align-items:center;gap:18px}.display-controls{display:flex;gap:4px;flex-shrink:0}
.display-toggle{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--muted);padding:7px;cursor:pointer}.display-toggle[hidden]{display:none}.display-toggle svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.theme-sun,.design-modern{display:none}html[data-theme="dark"] .theme-moon,html[data-design="classic"] .design-classic{display:none}html[data-theme="dark"] .theme-sun,html[data-design="classic"] .design-modern{display:block}
.display-toggle:hover{border-color:var(--accent)}
.display-toggle:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.display-toggle[aria-pressed="true"]{border-color:var(--accent);font-weight:700}
html[data-theme="dark"]{color-scheme:dark;--navy:#b5dbe8;--muted:#a5b8c5;--line:#3a4d5a;--accent:#62cdd2}
html[data-theme="dark"] body{background:#101b24;color:#e1eaf0}
html[data-theme="dark"] .brand-logo{filter:brightness(0) invert(1)}
html[data-theme="dark"] .board-card{background:#1b2a35;color:#e1eaf0}
html[data-theme="dark"] .notice{background:#1c3841;color:#c4e7e9}
html[data-theme="dark"] .table{--bs-table-color:#e1eaf0;color:#e1eaf0}
html[data-theme="dark"] .table>:not(caption)>*>*{border-bottom-color:var(--line)}
html[data-theme="dark"] .table thead th{background:#253744;color:var(--muted)}
html[data-theme="dark"] .table tbody tr:nth-child(even){background:#22333f}
html[data-theme="dark"] .order-number{color:#7cdee1}
html[data-theme="dark"] .source-status.live{color:#7ad9a6}
html[data-theme="dark"] .source-status.stale,html[data-theme="dark"] .source-detail.warning{color:#ffd084}
html[data-theme="dark"] .btn-outline-secondary{color:#d6e3eb;border-color:#78909f}
html[data-theme="dark"] .btn-outline-secondary:hover{background:#405766;color:#fff}

/* Legacy presentation: dense serif tables, grey section bars and green notice. */
html[data-design="classic"] body{font-family:"Times New Roman",serif;background:#fff;color:#000;font-size:16px}
html[data-design="classic"] #board{max-width:none;padding:0 5px}
html[data-design="classic"] .display-controls{padding:0}
html[data-design="classic"] .board-header{padding:7px 0;border:0}
html[data-design="classic"] .brand-logo{width:170px}
html[data-design="classic"] h1,html[data-design="classic"] .header-caption{display:none}
html[data-design="classic"] .notice{margin:0 0 4px;padding:3px 5px;border:0;background:limegreen;color:white;text-align:center;font-weight:bold;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}
html[data-design="classic"] .notice-label,html[data-design="classic"] .eyebrow,html[data-design="classic"] .count{display:none}
html[data-design="classic"] .board-columns{--bs-gutter-x:10px;--bs-gutter-y:8px}
html[data-design="classic"] .section-heading{margin:3px 0}
html[data-design="classic"] h2{font-size:16px}
html[data-design="classic"] .board-card{border:0;border-radius:0;box-shadow:none;margin-bottom:5px}
html[data-design="classic"] .card-heading{padding:2px 5px;border:1px solid #000;background:gray;color:white}
html[data-design="classic"] h3{font-size:16px;font-weight:bold;margin:0}
html[data-design="classic"] .table{font-family:"Times New Roman",serif;font-size:16px}
html[data-design="classic"] .table>:not(caption)>*>*{padding:3px;border:1px solid silver}
html[data-design="classic"] .table thead th{font-size:16px;letter-spacing:0;text-transform:none;background:#ccc;color:#000}
html[data-design="classic"] .table tbody tr:nth-child(even){background:#ccc}
html[data-design="classic"] .order-number,html[data-design="classic"] .ship{color:inherit;font-weight:normal}
html[data-design="classic"] .team-row th{font-size:16px;letter-spacing:0}
html[data-design="classic"] .source-detail{margin:4px 0}
html[data-design="classic"] .btn-outline-secondary{background:#eee;color:#000;border-color:#999}
html[data-design="classic"] footer{padding:7px 0}
@media(min-width:900px){html[data-design="classic"] .board-columns>section{width:50%}}
html[data-design="classic"][data-theme="dark"] body{background:#101820;color:#eee}
html[data-design="classic"][data-theme="dark"] .card-heading{background:#454f58;border-color:#8594a0}
html[data-design="classic"][data-theme="dark"] .notice{background:#226c32}
html[data-design="classic"][data-theme="dark"] .table thead th{background:#46515b;color:#eee}
html[data-design="classic"][data-theme="dark"] .table tbody tr:nth-child(even){background:#303d48}
html[data-design="classic"][data-theme="dark"] .order-number{color:inherit}

@media(max-width:600px){.brand-controls{gap:8px}.board-header{flex-wrap:wrap}.display-toggle{width:32px;height:32px}}

/* Kiosk density: prioritize rows while preserving complete, wrapping text. */
#board{max-width:none;padding:0 12px}
.board-header{padding:6px 0;border-bottom-width:1px}
.board-header>div:first-child{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.brand-logo{width:150px}.brand-controls{gap:10px}
h1{font-size:13px;margin:0}
.header-subtitle,.header-caption,.header-divider{display:none}
.clock{font-size:13px;white-space:nowrap}
.notice{margin:5px 0;padding:4px 8px;font-size:12px;line-height:1.3}
.notice-label{letter-spacing:.5px;margin-right:8px}
.board-columns{--bs-gutter-x:12px;--bs-gutter-y:6px;margin-top:0}
.section-heading{margin:4px 0;gap:8px}h2{font-size:14px}
.board-card{border-radius:4px;margin-bottom:6px;box-shadow:none}
.card-heading{padding:4px 8px;gap:8px;flex-wrap:wrap}
.card-heading>div{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.card-heading .eyebrow{order:1;font-size:9px;letter-spacing:.5px}
h3{font-size:13px;margin:0}.count{font-size:10px;padding:0 5px;white-space:nowrap}
.table{font-size:12px;line-height:1.25}
.table>:not(caption)>*>*{padding:3px 6px}
.table thead th{font-size:9px;letter-spacing:.25px;padding-top:3px;padding-bottom:3px}
.team-row th{font-size:11px;padding-top:2px;padding-bottom:2px}
.customer{display:inline;font-size:10px;margin:0}.customer::before{content:" / "}
.booking-cell{white-space:normal}
.empty-state{padding:12px 8px}
.source-detail{font-size:10px;min-height:0;margin:2px 0 5px;line-height:1.25}
.source-detail:empty{display:none}
.btn-group .btn{font-size:11px;padding:2px 7px}
footer{padding:4px 0;font-size:9px;letter-spacing:.5px}
/* Keep orders and staffing side by side on common kiosk resolutions. */
@media(min-width:900px){.board-columns>section{width:50%}}
html[data-design="classic"] .table{font-size:13px;line-height:1.2}
html[data-design="classic"] .table>:not(caption)>*>*{padding:2px 4px}
html[data-design="classic"] .table thead th,html[data-design="classic"] .team-row th{font-size:12px}
html[data-design="classic"] .source-detail{margin:2px 0 5px}
@media(max-width:600px){
    #board{padding:0 6px}
    .board-header{gap:4px!important}
    .board-header>div:first-child{gap:6px}
    .brand-logo{width:125px}h1{display:none}.clock{font-size:11px}
    .notice-label{display:inline;margin-bottom:0}
    .card-heading .eyebrow{display:none}
}