:root{font-family:Inter,Arial,sans-serif;color:#192820;background:#f3f3ed;font-size:17px}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}header{background:#163c2e;color:white;padding:12px 28px;display:flex;align-items:center;justify-content:space-between;gap:12px}header a{color:white;margin-right:22px;font-size:.9rem}h1{font-size:1.8rem;margin:7px 0 0}h2{font-size:1.22rem;margin:12px 0}main{padding:10px 24px 24px;max-width:2000px;margin:auto}.toolbar,.controls,.actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}button{font:inherit;font-weight:700;border:1px solid #cbd8cc;border-radius:10px;padding:12px 17px;cursor:pointer;background:#163c2e;color:white;min-height:48px}button:disabled{opacity:.55;cursor:wait}header button{background:#fff;color:#163c2e}button.secondary{background:#edf3ec;color:#163c2e}button.cancel{background:#fff3ef;color:#8c3c25}label{display:block;font-size:.9rem}input{font:inherit;border:1px solid #c3cfc4;border-radius:8px;padding:10px;background:white;max-width:100%}label input:not([type=checkbox]){display:block;margin:5px 0 12px;width:360px}#search{width:390px;margin-bottom:0}.controls{justify-content:space-between;margin:12px 0 18px}.board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.board>section{min-width:0}.board h2{display:flex;justify-content:space-between;border-bottom:3px solid #bea052;padding-bottom:12px}.board>section:nth-child(2) h2{border-color:#6b9662}.board>section:nth-child(3) h2{border-color:#bb7458}.cards{display:grid;gap:12px}.card{border:1px solid #dbe3d9;background:white;border-radius:14px;padding:16px;min-width:0;overflow-wrap:anywhere}.number{font-size:2.2rem;font-weight:850;letter-spacing:.04em;line-height:1.1}.time{color:#5e6b61;font-size:.86rem;margin:9px 0 12px}.items{padding-left:22px;margin:10px 0 16px}.items>li{font-size:1.18rem;font-weight:700;line-height:1.4;margin:12px 0}.options{font-size:.95rem;font-weight:400;line-height:1.45;padding-left:20px;margin-top:5px}.card .actions{margin-top:14px}.completed{grid-template-columns:repeat(3,minmax(0,1fr))}#setup,#settings-panel,#pending-panel{background:#fff;border:1px solid #d3dece;padding:16px;border-radius:12px;margin:12px 0}#settings-form{margin-top:16px}#message{min-height:24px;margin:7px 0}dialog{border:1px solid #cad6c9;border-radius:18px;padding:25px;max-width:550px;width:calc(100% - 32px)}dialog::backdrop{background:#13291baa}dialog input{width:100%!important}.empty{color:#677569;padding:20px 4px}#pending-panel{border:2px solid #b85d38}#more{margin-top:20px}@media(max-width:1050px){.board{grid-template-columns:repeat(2,minmax(0,1fr))}.completed{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){header{padding:12px}main{padding:10px}.board,.completed{grid-template-columns:1fr}header .toolbar span{display:none}.controls input{width:100%!important}h1{font-size:1.4rem}}

.display-board{display:grid;grid-template-columns:1fr;gap:28px}.display-board h2{font-size:2rem;border-bottom:4px solid #b49b5b;padding-bottom:20px}.display-board section:last-child h2{border-color:#6b9662}.display-numbers{display:grid;grid-template-columns:1fr;gap:18px}.display-numbers .number{font-size:clamp(2rem,4.5vw,5.4rem);background:white;border-radius:16px;padding:25px 12px;text-align:center}.display-board section:last-child .number{background:#d5eccd;color:#164226}@media(max-width:650px){.display-board{grid-template-columns:1fr}.display-numbers{grid-template-columns:1fr}}
.display-order-name{display:block;font-size:.5em;margin-top:8px;overflow-wrap:anywhere}

/* Landscape status monitor: eight orders per half at Full HD, independent queues. */
.status-display{height:100dvh;overflow:hidden;display:flex;flex-direction:column}
.status-display header{min-height:48px;flex:none;padding:4px 16px;gap:12px}
.status-display header>div{display:flex;align-items:center;gap:20px}
.status-display header a{margin:0;font-size:.85rem}
.status-display h1{font-size:1.25rem;margin:0}
.status-display header>strong{font-size:.7rem;letter-spacing:.08em}
.status-display main{flex:1;min-height:0;width:100%;max-width:none;padding:6px 12px 12px;display:flex;flex-direction:column}
.status-display #display-message{margin:0 0 6px;font-size:.85rem}
.status-display .display-board{flex:1;min-height:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.status-display .display-board section{min-width:0;min-height:0;display:flex;flex-direction:column}
.status-display .display-board h2{flex:none;font-size:1.3rem;margin:0 0 8px;padding:8px 4px;border-bottom-width:3px}
.status-display .display-numbers{flex:1;min-height:0;display:grid;grid-template-columns:1fr;grid-auto-rows:calc((100% - 56px)/8);gap:8px;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;align-content:start}
.status-display .display-numbers .number{min-width:0;min-height:0;margin:0;border-radius:9px;padding:5px 12px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:clamp(1.7rem,2.8vw,3.2rem);line-height:1.05;overflow-wrap:anywhere}
.status-display .display-order-name{font-size:.48em;line-height:1.15;margin-top:4px;max-width:100%}
@media(max-height:700px){.status-display header{min-height:38px}.status-display .display-board h2{font-size:1.05rem;padding:5px 2px}.status-display .display-numbers{gap:5px;grid-auto-rows:calc((100% - 35px)/8)}.status-display .display-numbers .number{font-size:1.7rem}.status-display .display-order-name{margin-top:2px}}