:root{color-scheme:dark;--bg:#171716;--panel:#20201f;--line:#3a3a37;--ink:#f1f0eb;--muted:#aaa9a2;--accent:#ef753b;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink)}button,input{font:inherit}button{cursor:pointer}button,a,input{outline-offset:5px}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent)}[hidden]{display:none!important}.shell{max-width:2200px;margin:auto;padding:26px 38px}header{display:flex;justify-content:space-between;align-items:center;gap:18px;border-bottom:1px solid var(--line);padding-bottom:21px}.brand{font-size:32px;letter-spacing:-2px;font-weight:900;text-decoration:none;color:var(--ink);display:flex;align-items:center}.brand span{color:var(--accent)}.brand small{font-size:10px;letter-spacing:2px;font-weight:500;margin-left:25px;color:var(--muted)}.head-right{display:flex;align-items:center;gap:10px}#clock{font-size:13px;color:var(--muted);margin-right:12px}.quiet{background:transparent;border:1px solid var(--line);border-radius:5px;color:var(--ink);padding:9px 12px}.quiet:hover,.quiet[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.head-right form{margin:0}.intro{display:flex;justify-content:space-between;align-items:center;margin:28px 0 22px;gap:20px}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--muted);margin:0 0 10px}h1{font-size:46px;letter-spacing:-2px;line-height:1;margin:0}h1 span{color:var(--accent)}.sync{display:flex;align-items:center;gap:10px;font-size:12px}.sync strong{font-weight:500}.sync small{display:block;margin-top:5px;color:var(--muted)}.dot{width:7px;height:7px;background:#97b896;border-radius:50%;flex:none}.dot.bad{background:#ed806c}.notice{background:#29251f;border:1px solid #514334;border-radius:4px;padding:10px 14px;color:#d7c1a5;font-size:12px;margin-bottom:16px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:7px;overflow:hidden;margin:0 0 24px}.metric{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 22px;color:var(--muted);background:var(--panel);border:0;border-right:1px solid var(--line);text-align:left}.metric:last-child{border-right:0}.metric strong{font-size:32px;font-weight:500;letter-spacing:-1px;color:var(--ink)}.metric span{font-size:13px}.metric.active{background:#30302c;box-shadow:inset 0 -2px var(--accent)}.metric.danger strong{color:#ec8578}.metric.amber strong{color:#efb379}.tools{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.tabs{display:flex;gap:3px}.tabs button{background:transparent;border:0;color:var(--muted);padding:10px;font-size:12px;border-radius:4px}.tabs button.selected{background:#33332f;color:var(--ink)}.grouping{margin-left:auto;border:1px solid var(--line);padding:2px;border-radius:5px}.search input{background:transparent;border:1px solid var(--line);border-radius:5px;color:var(--ink);padding:11px;width:215px;font-size:12px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.queue-caption{display:flex;justify-content:space-between;gap:15px;font-size:11px;color:var(--muted);margin:23px 0 16px}.legend:before{content:'';display:inline-block;width:45px;height:7px;border:1px solid #815047;background:linear-gradient(90deg,transparent,#a52d21);margin-right:8px;border-radius:2px}.board{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:18px;align-items:start}.group-heading{font-size:14px;display:flex;align-items:center;gap:9px;font-weight:500;margin:0 0 14px;color:#deddd7}.group-count{font-size:11px;color:var(--muted);border:1px solid var(--line);border-radius:10px;padding:2px 6px}.overdue>.group-heading{color:#f19b8f}.group-cards{display:grid;gap:12px}.single-group{display:block}.single-group .group-cards{grid-template-columns:repeat(auto-fill,minmax(255px,1fr))}.order{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;min-height:190px;border:1px solid #54433c;border-radius:7px;padding:17px;background:#222220}.order:before{content:'';position:absolute;z-index:-1;inset:0 auto 0 0;width:var(--fill);background:linear-gradient(110deg,#aa3226,#75271f);opacity:calc(.08 + var(--heat)*.72);transition:width 1s,opacity 1s}.order.overdue{border-color:#b04a3e}.order.undated{border:1px dashed #5d5d56;background:transparent}.order.undated:before{display:none}.order-top{display:flex;gap:8px;justify-content:space-between;align-items:center;margin-bottom:16px}.number{font-size:11px;color:#c1bcb4;white-space:nowrap}.badge{font-size:10px;line-height:1.3;border:1px solid #8e7766;border-radius:3px;padding:4px 6px;color:#f1d0b3;text-align:right}.badge.ready{color:#c5e1be;border-color:#6e8e65;background:#293528}.order-title{font-size:19px;font-weight:600;line-height:1.3;color:var(--ink);text-decoration:none;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.order-title:hover{text-decoration:underline}.service{font-size:11px;color:#bdb8b0;margin:10px 0 18px;line-height:1.4}.timing{border-top:1px solid #ffffff16;padding-top:13px;margin-top:auto;display:flex;flex-direction:column;gap:6px}.date-label{font-size:9px;letter-spacing:1.2px;color:#bdb6ad}.deadline{font-size:16px;font-weight:500}.remaining{font-size:12px;color:#d6b9a6}.undated .remaining{color:var(--muted)}.overdue .remaining{color:#ffd3c8}.empty{text-align:center;padding:65px 20px;color:var(--muted)}.pager{display:flex;justify-content:center;align-items:center;gap:16px;margin:25px 0 0;font-size:12px;color:var(--muted)}footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);margin-top:25px;padding-top:18px;font-size:10px;color:#96968e}.tv .shell{padding:22px 32px}.tv .intro{margin:20px 0}.tv .order-title{font-size:24px}.tv .deadline{font-size:19px}.tv .badge,.tv .remaining,.tv .service{font-size:13px}.tv .order{min-height:220px}.tv .board{grid-template-columns:repeat(4,minmax(0,1fr))}.tv .single-group .group-cards{grid-template-columns:repeat(4,minmax(0,1fr))}.tv .group-heading{font-size:18px}.tv .search{display:none}.tv .single-group{display:block}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(420px,100%);border:1px solid var(--line);border-radius:10px;background:var(--panel);padding:38px}.login-card h1{font-size:28px;letter-spacing:-1px;margin-top:35px}.login-card p{font-size:14px;line-height:1.6;color:var(--muted)}.login-card label{display:block;margin:25px 0 8px}.login-card input{width:100%;padding:13px;border:1px solid var(--line);border-radius:5px;background:var(--bg);color:var(--ink)}.login-card button{width:100%;padding:13px;margin-top:16px;border:0;border-radius:5px;background:var(--accent);color:#171716;font-weight:bold}.error{color:#ffb7aa!important}@media(min-width:1600px){.order{min-height:210px}.order-title{font-size:22px}.tv .order{min-height:230px}}@media(max-width:1100px){.shell{padding:22px}.brand small{display:none}.tools{gap:12px}.search{width:100%}.search input{width:100%}.tv .board{grid-template-columns:repeat(2,minmax(0,1fr))}.tv .single-group .group-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:749px){.shell,.tv .shell{padding:16px}header{align-items:flex-start}.head-right{flex-wrap:wrap;justify-content:flex-end;max-width:240px}#clock{width:100%;text-align:right;font-size:11px}.quiet{font-size:11px;padding:8px}.intro{align-items:flex-start;flex-direction:column}h1{font-size:38px}.metrics{grid-template-columns:repeat(2,1fr)}.metric{padding:14px;border-bottom:1px solid var(--line)}.metric strong{font-size:28px}.metric span{font-size:12px}.grouping{margin-left:0}.queue-caption{flex-direction:column}.board,.tv .board{grid-template-columns:1fr}.single-group .group-cards,.tv .single-group .group-cards{grid-template-columns:1fr}.order,.tv .order{min-height:190px}.pager{flex-wrap:wrap}footer{flex-direction:column;gap:8px}}
.tv header{padding-bottom:14px}.tv .intro{margin:16px 0}.tv h1{font-size:36px}.tv .eyebrow{margin-bottom:7px}.tv .metrics{margin-bottom:16px}.tv .metric{padding:12px 18px}.tv .queue-caption{margin:16px 0 12px}.tv .order{min-height:220px}.tv .pager{margin-top:17px}.tv footer{margin-top:17px;padding-top:12px}
/* Elapsed share of the agreed interval; colour thresholds are not absolute hours. */
.order.tone-green{border-color:#4f7451}.order.tone-green:before{background:linear-gradient(110deg,#387e43,#294e30)}.tone-green .remaining{color:#c2dfbc}
.order.tone-yellow{border-color:#9c863f}.order.tone-yellow:before{background:linear-gradient(110deg,#a38427,#66581f)}.tone-yellow .remaining{color:#f0df9a}
.order.tone-red{border-color:#b04a3e}.order.tone-red:before{background:linear-gradient(110deg,#aa3226,#75271f)}.tone-red .remaining{color:#ffd3c8}
.order.tone-neutral{border-color:#5d5d56}.order.tone-neutral:before{display:none}.tone-neutral .remaining{color:var(--muted)}
.legend:before{background:linear-gradient(90deg,#387e43 0 50%,#a38427 50% 90%,#aa3226 90%);border-color:#696952}

/* Compact cards retain readable type and expand naturally for longer titles. */
.order{padding:14px}.order-top{margin-bottom:10px}.service{margin:6px 0 10px}.timing{padding-top:9px;gap:4px}

.account{font-size:12px;color:var(--muted)}