:root{--bg:#111817;--card:#1a2421;--line:#374640;--gold:#f3c773;--cream:#fff5df;--muted:#b5c2b7;--green:#7fe0b1;--field:#203a31}
body{background:radial-gradient(ellipse at 55% 0,#263d32 0,transparent 52rem),#111817}
.matchday{isolation:isolate;overflow:hidden;padding:0;border-bottom:1px solid #a58551;background:linear-gradient(105deg,#192820 12%,#203d32 68%,#2f4a39)}
.matchday::before{content:"";position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(118deg,#0000 0 24px,#d2e9be0a 25px 26px,#0000 27px 49px);mask-image:linear-gradient(90deg,transparent 15%,black)}
.matchday-inner{position:relative;max-width:1280px;margin:auto;padding:22px clamp(16px,4vw,48px) 24px}
.matchday-brand{display:inline-flex;align-items:center;gap:11px;font-weight:900;font-size:12px;letter-spacing:.16em}
.matchday-brand img{width:48px;height:48px;object-fit:contain;border-radius:8px;border:1px solid #927849;background:#141813}
.matchday-brand small{display:block;margin-top:4px;color:#e2c79b;font-size:9px;font-weight:650;letter-spacing:.15em}
.matchday-title{display:flex;justify-content:space-between;align-items:center;margin:22px 0 17px;min-height:116px}
.matchday-title h1{position:relative;margin:4px 0 8px;font-size:clamp(42px,7vw,91px);font-weight:950;line-height:.88;letter-spacing:-.075em;color:var(--cream)}
.matchday .eyebrow{letter-spacing:.2em;font-size:10px}
.matchday p{font-size:clamp(12px,1.8vw,16px);color:#cfddcd}
.matchday-mark{position:absolute;z-index:-1;right:6%;top:50%;transform:translateY(-55%) skewX(-12deg);font-size:clamp(140px,32vw,345px);letter-spacing:-.12em;line-height:1;font-weight:950;color:transparent;-webkit-text-stroke:1px #e9d9a85c;pointer-events:none}
.matchday-meta{display:flex;gap:8px 14px;align-items:center;flex-wrap:wrap;color:#d4e0d2;font-size:12px;font-variant-numeric:tabular-nums}
#roomConnection{display:inline-flex;align-items:center;gap:7px;padding:5px 9px;border:1px solid #86d6aa59;background:#14271e;border-radius:99px;color:#a6eac3;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}
#roomConnection::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
#roomConnection[data-state=live]::before{animation:room-pulse 2.8s ease-out infinite}
#roomConnection[data-state=offline]{border-color:#ceab6c;background:#382d19;color:#f7d694}
@keyframes room-pulse{0%,60%,100%{box-shadow:0 0 0 0 #7fe0b100}25%{box-shadow:0 0 0 5px #7fe0b145}}
.desk-nav,.wrap{max-width:1280px;padding-inline:clamp(14px,4vw,48px)}
.desk-nav{margin-top:14px;gap:7px}
.desk-nav .btn{white-space:nowrap}
.desk-nav #copyTeamLink,.desk-nav #eventTab{background:#18211e}
.desk-nav #eventTab[aria-selected=true]{background:var(--gold)}
.desk-nav label{font-size:11px}
.desk-nav label input{font-size:12px;padding:8px}
.btn{background:#25332e;border-color:#46594e;transition:background .18s,border-color .18s}
.btn:hover:not(:disabled){border-color:#8ba397;background:#30463b}
.btn.primary:hover:not(:disabled){background:#ffdb97}
:where(button,input,select,textarea):focus-visible{outline:2px solid #f9cf84;outline-offset:3px}
#ordersPanel .sync,#salesPanel #runtimeStatus{margin:0 0 12px;padding:0;border:0;background:transparent;color:var(--muted);font-size:11px}
#ordersPanel .sync.offline{color:#ffd095}
#ordersPanel .desk-stats{margin:0 0 17px;gap:9px}
#ordersPanel .desk-stats .stat,#salesPanel .stats .stat{background:linear-gradient(145deg,#263a31,#1c2a24);border-color:#536b5b;border-radius:12px;padding:16px}
#ordersPanel .desk-stats .stat:first-child{border-color:#c4a26c;background:linear-gradient(145deg,#4e3c22,#272c22)}
#ordersPanel .desk-stats .stat strong,#salesPanel .stats .stat strong{font-variant-numeric:tabular-nums;letter-spacing:-.055em;white-space:normal;overflow-wrap:anywhere}
#ordersPanel .desk-stats .stat small,#salesPanel .stats .stat small{color:#d2dacf;font-size:10px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.order-workspace{grid-template-columns:minmax(300px,.9fr) minmax(0,1.3fr);gap:16px}
.order-queue,#orderFormCard{padding:clamp(14px,2vw,23px);border:1px solid #465b50;border-radius:15px;background:#1a2421}
#orderFormCard{scroll-margin-top:16px}
.order-queue .eyebrow,#orderFormCard .eyebrow{font-size:10px;letter-spacing:.15em;margin-bottom:6px}
.order-queue h2,#orderFormCard h2{font-size:clamp(23px,3vw,30px);letter-spacing:-.055em}
.queue-buttons{display:flex;gap:6px;flex-shrink:0;flex-wrap:wrap;justify-content:flex-end}
.order-queue .queue-search{background:#121c18}
.order-queue .toolbar{align-items:center;justify-content:space-between}
#queueList .order-card{background:linear-gradient(140deg,#293930,#1f2b25);border-color:#45594c;border-left-color:var(--gold);padding:14px}
#queueList .order-card[data-status=completed]{border-left-color:var(--green)}
#queueList .order-card[data-status=cancelled]{border-left-color:#de9689}
.ticket-actions .primary{order:-1}
.ticket-actions button{padding:8px 10px;font-size:12px}
#ordersPanel .order-sla{margin:9px 0;padding:8px 10px;border-radius:8px}
#ordersPanel .order-sla strong{font-size:14px}
#ordersPanel .order-sla small{margin-top:1px}
#ordersPanel .desk-empty{padding:38px 14px;background:#131f19}
.sales-board{position:relative;isolation:isolate;overflow:hidden;padding:clamp(16px,3vw,28px);border:1px solid #638671;border-radius:18px;background:radial-gradient(ellipse at 80% 0,#315040,transparent 80%),#1d2c24}
.sales-board::before{content:"";position:absolute;z-index:-1;inset:0;background:repeating-linear-gradient(110deg,transparent 0 34px,#ffffff07 35px 36px,transparent 37px 60px)}
.sales-board-head{display:flex;align-items:center;justify-content:space-between;gap:9px;flex-wrap:wrap}
.sales-board h2,.counter-heading h2{margin:4px 0 0;font-size:clamp(25px,4vw,38px);letter-spacing:-.05em;line-height:1.1}
.sales-board .sales-periods{margin:0}
.sales-board .stats{grid-template-columns:1.65fr 1fr}
.sales-board .stats.historical-target{grid-template-columns:repeat(4,1fr)}
#salesPanel .stats .stat:first-child{background:linear-gradient(120deg,#423823,#293329);border-color:#ac8e58}
#salesPanel .stats .stat strong{font-size:clamp(23px,5vw,52px);line-height:1.1}
.sales-leader{display:flex;align-items:center;gap:9px 15px;flex-wrap:wrap;margin-top:13px;padding:10px 11px;border:1px solid #597465;border-radius:9px;background:#17251f;color:#f7f2de}
.sales-leader[hidden]{display:none}
.sales-leader span{font-size:9px;color:#9ce4bc;font-weight:850;letter-spacing:.13em}
.sales-leader b,.sales-leader strong{font-size:12px}
.sales-leader strong{margin-left:auto;font-variant-numeric:tabular-nums}
.counter-heading{margin:26px 0 12px}
.counter-heading p{font-size:13px;color:var(--muted);margin:6px 0 0}
#salesPanel .toolbar input{background:#1b2822;border-color:#516659}
#salesPanel .groupbar{border-color:#5b6f5e}
#salesPanel .cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,275px),1fr))}
#salesPanel .item{border-color:#435b4d;border-radius:12px;background:#1c2a23}
#salesPanel .item .sales-figure{margin:13px 0 9px}
#salesPanel .item .sales-figure strong{font-size:35px}
#salesPanel .item .sales-figure b{font-size:22px}
#salesPanel .item .controls{margin:10px 0 0}
#salesPanel .item .controls button{height:46px}
#salesPanel .item .qty{padding:6px 3px;font-size:20px;background:#15201a}
.footer{background:#17261fef;border-color:#6b806f}
@media(max-width:850px){
 .order-workspace{grid-template-columns:minmax(0,1fr)}
 .order-queue{grid-row:1}
 .desk-nav{gap:6px}
}
@media(max-width:540px){
 .matchday-inner{padding-top:15px;padding-bottom:17px}
 .matchday-title{margin:14px 0 10px;min-height:96px}
 .matchday-mark{right:9%;opacity:.7}
 .desk-nav .btn{font-size:11px;padding:8px}
 .desk-nav label{flex-basis:100%}
 #ordersPanel .desk-stats .stat{padding:10px}
 #salesPanel .stats .stat{padding:12px}
 .sales-board .stats.historical-target{grid-template-columns:repeat(2,1fr)}
}
@media(prefers-reduced-motion:reduce){#roomConnection::before{animation:none!important}.btn{transition:none}}
.queue-stage{--stage-accent:#f3c773;overflow:hidden;margin:10px 0 15px;border:1px solid #465b50;border-radius:11px;background:#16201c}
.queue-stage[data-stage=ready]{--stage-accent:#91dbf4}
.queue-stage[data-stage=completed]{--stage-accent:#7fe0b1}
.queue-stage[data-stage=cancelled]{--stage-accent:#de9689}
.queue-stage-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-left:3px solid var(--stage-accent);background:#24332b;color:var(--stage-accent)}
.queue-stage-head h3{font-size:14px}
.stage-count{min-width:24px;padding:3px 6px;border-radius:15px;background:#16201c;text-align:center;font-size:11px;font-weight:800}
.queue-stage .stage-empty{margin:0;padding:10px 14px;color:var(--muted);font-size:12px}
#queueList .queue-stage .order-card{margin:9px;border-left-color:var(--stage-accent)}
#queueList .order-card .badge{white-space:normal;text-align:right}
#ordersPanel .order-sla{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}
#ordersPanel .sla-toggle{font-size:12px;padding:8px 10px}
#ordersPanel .sla-paused{background:#202b3c;border-color:#607896;color:#b9dcff}
.handover-count{margin:10px 0 0}
.handover-lines{list-style:none;padding-left:0}
.desk .handover-line{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid #42594c;border-radius:8px;cursor:pointer}
.desk .handover-line input{width:18px;height:18px;flex:none;margin:0;accent-color:#7fe0b1}
.desk .handover-line:has(input:checked){background:#243b31;color:#c3f0d6}
.order-edit-dialog{width:min(680px,calc(100% - 24px));max-height:calc(100% - 24px);padding:0;border:1px solid #526c5e;border-radius:15px;background:#1a2421;color:#fff5df}
.order-edit-dialog::backdrop{background:#000a}
.order-edit-dialog #orderFormCard{border:0;border-radius:0}
.queue-payment-bucket{margin:12px 0 18px;padding:10px;border:1px solid #806741;border-radius:12px;background:#24231b}
.queue-payment-bucket[data-payment-bucket=paid]{border-color:#426b56;background:#192820}
.queue-payment-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 3px 8px;color:#f6d28d}
.queue-payment-bucket[data-payment-bucket=paid] .queue-payment-head{color:#a6e6c1}
.queue-payment-head h3{margin:0;font-size:19px}
.queue-payment-bucket .queue-stage:last-child{margin-bottom:0}
.queue-stage-head h4{margin:0;font-size:14px}
.queue-payment-bucket>.stage-empty{margin:6px 3px;color:var(--muted);font-size:12px}
#queueList details[data-queue-section]{margin-top:10px}
#queueList details[data-queue-section]>summary{cursor:pointer;list-style:none;min-height:44px}
#queueList details[data-queue-section]>summary::-webkit-details-marker{display:none}
#queueList details[data-queue-section]>summary::after{content:"";width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg);margin:0 4px}
#queueList details[data-queue-section][open]>summary::after{transform:rotate(45deg)}
#queueList details[data-queue-section]>summary .stage-count{margin-left:auto}