:root{color-scheme:dark;--bg:#0b1922;--panel:#10212b;--surface:#172b34;--line:#2c454c;--ink:#edf4f5;--muted:#a0b5ba;--accent:#248a8c;--accent-hover:#2e9a9b;--accent-text:#7dcece;--accent-ink:#041416;--accent-soft:#142e33;--accent-line:#306367;--amber:#f2c277;--red:#ff9290;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-size:14px}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button:focus-visible,a:focus-visible{outline:2px solid var(--accent-text)}button{cursor:pointer;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:7px;padding:10px 13px;transition:background .15s,border-color .15s}button:hover{background:#253538;border-color:#628c92}button:disabled{opacity:.45;cursor:wait}a{color:var(--accent-text)}button.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);font-weight:750}button.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.quiet{background:transparent;border-color:transparent}.eyebrow{font-size:10px;font-weight:800;letter-spacing:1.9px;color:var(--muted)}.topbar{height:88px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 26px;gap:16px}.wordmark{display:flex;align-items:center;gap:11px;min-width:260px;font-size:18px;letter-spacing:2px;color:var(--ink);text-decoration:none;font-weight:800}.wordmark small{display:block;font-size:8px;letter-spacing:1.5px;color:var(--muted);margin-top:5px}.logo,.brand{font-weight:800}.logo{display:grid;place-items:center;background:var(--accent-text);color:#132123;width:38px;height:38px;border-radius:9px;font-size:27px}.day-nav{display:flex;gap:5px;align-items:center}.today{font-size:14px;letter-spacing:1px;font-weight:850;min-width:110px}.date-control{font-size:0}.date-control input{font-size:12px;width:132px;background:transparent;color:var(--muted);border:0;padding:10px 6px}.clock{margin-left:auto;text-align:right;white-space:nowrap}.clock strong{font-size:34px;font-variant-numeric:tabular-nums;letter-spacing:-1px}.clock span{display:block;font-size:10px;letter-spacing:1.4px;color:var(--accent-text);margin-top:2px}.workspace{height:calc(100dvh - 88px);display:grid;grid-template-columns:minmax(275px,25%) minmax(380px,1fr) 280px}.focus-panel{background:#121a1b;padding:28px 26px 20px;display:flex;flex-direction:column;gap:15px;overflow:auto;border-right:1px solid var(--line)}.day-heading{font-size:14px;color:var(--ink);line-height:1.5}.day-heading strong{display:block;font-size:24px;letter-spacing:-.5px}.focus-question{color:var(--muted);font-size:12px;letter-spacing:1.5px;font-weight:650;line-height:1.65;margin-top:8px}.current-card{border:1px solid #446165;background:#1e2c2e;border-radius:10px;padding:21px 19px}.current-card h2{font-size:clamp(23px,2.1vw,34px);line-height:1.16;letter-spacing:-.8px;margin:14px 0;color:var(--accent-text);overflow-wrap:anywhere}.current-card .outcome{font-size:15px;line-height:1.5;margin:17px 0;color:#d2e2e4}.current-card .outcome small{display:block;font-size:9px;letter-spacing:1.2px;color:var(--muted);margin-bottom:7px}.meta{font-size:11px;color:var(--muted);line-height:1.6}.time-range{font-variant-numeric:tabular-nums;color:#cad9dc;white-space:nowrap}.actual-card{padding:12px;border-left:3px solid var(--accent-text);background:#19292b;margin-top:12px}.actual-card strong{display:block;margin:7px 0}.button-row{display:flex;gap:7px;flex-wrap:wrap;margin-top:16px}.quick-controls{display:grid;grid-template-columns:1fr 1fr;gap:8px}.quick-controls .interrupt{grid-column:1/-1;color:var(--amber);background:#302921;border-color:#66523b;font-size:12px;font-weight:800;letter-spacing:1px}.next-card{padding-top:16px;border-top:1px solid var(--line);line-height:1.55}.next-card strong{font-size:16px;display:block;margin:8px 0}.next-card button{width:100%;text-align:left;background:none;border:0;padding:0}.panel-bottom{margin-top:auto;padding-top:24px;display:grid;grid-template-columns:1fr 1fr;gap:7px}.panel-bottom button{font-size:11px;background:transparent;padding:9px}.rundown{min-width:0;display:flex;flex-direction:column;padding:27px 25px 0}.section-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.section-top h1,.section-top h2{font-size:21px;font-weight:650;letter-spacing:-.4px;margin:8px 0}.section-top h1 span{font-size:12px;color:var(--muted);margin-left:4px}.segmented{display:flex;border:1px solid var(--line);border-radius:7px;padding:3px}.segmented button{border:0;background:transparent;font-size:11px;padding:7px 9px;color:var(--muted)}.segmented .selected{background:#2c3e41;color:var(--accent-text)}.timeline-toolbar{display:flex;align-items:center;gap:2px;margin:16px 0 13px;font-size:11px;color:var(--muted)}.timeline-toolbar>span{margin-right:auto}.timeline-toolbar button{font-size:11px;padding:6px}.timeline-scroll{min-height:0;overflow:auto;flex:1;scrollbar-color:#3d575b transparent;scrollbar-width:thin}.timeline{position:relative;min-height:100%;margin-right:6px}.grid-line{position:absolute;left:0;right:0;border-top:1px solid #1e2b2d;pointer-events:none}.grid-line.hour{border-color:#2e4245}.grid-label{position:absolute;top:-7px;left:0;background:var(--bg);padding-right:7px;font-size:10px;color:#a5bfc3;font-variant-numeric:tabular-nums}.grid-line.minor{left:55px;border-color:#172122}.task-block{position:absolute;text-align:left;border:1px solid #2f4447;background:#192425;border-radius:7px;padding:10px 13px;overflow:hidden;display:flex;flex-direction:column;gap:5px;min-height:8px}.task-block:hover{z-index:3;box-shadow:0 3px 15px #0006}.task-block strong{font-size:13px;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-block .block-meta{font-size:10px;color:#a1bcc0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-block .block-time{display:flex;justify-content:space-between;font-size:10px;color:#9cb9bd;font-variant-numeric:tabular-nums}.task-block.current{border-color:#528f98;background:#26373a}.task-block.current strong{color:var(--accent-text)}.task-block.completed{border-color:#2e5258;background:#142528}.task-block.completed strong{color:#96c0c6}.task-block.unresolved{border-color:#814f47;background:#31221e}.task-block.blocked{border-color:#765c35;background:#30271b}.task-block.deferred,.task-block.cancelled{opacity:.55}.progress-segment{position:absolute;left:45px;width:15px;background:#425f63;border-radius:2px;pointer-events:none}.progress-segment.completed{background:var(--accent-text)}.progress-segment.current{background:var(--accent-text)}.progress-segment.unresolved{background:var(--red)}.progress-segment.blocked,.progress-segment.partially_completed{background:var(--amber)}.now-line{position:absolute;left:36px;right:0;height:2px;background:var(--accent-text);z-index:5;pointer-events:none}.now-line span{position:absolute;left:0;top:-9px;background:var(--accent-text);color:#101e20;font-size:9px;font-weight:900;padding:3px 5px;border-radius:3px}.rundown-footer{display:flex;justify-content:space-between;align-items:center;gap:8px;height:40px;flex-shrink:0;font-size:9px;color:var(--muted)}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent-text);margin-right:4px}.attention-panel{padding:28px 21px;overflow:auto;border-left:1px solid var(--line);background:#0f1617}.attention-panel h2{font-size:17px}.live-badge{border:1px solid #35585d;color:var(--accent-text);font-size:8px;letter-spacing:1px;padding:4px 6px;border-radius:4px}.search-label{display:block;margin:20px 0}.search-label input{width:100%;padding:11px;border:1px solid var(--line);border-radius:6px;background:#172122;color:var(--ink);font-size:12px}.queue-group{margin:20px 0}.queue-group h3{font-size:10px;letter-spacing:1px;color:var(--muted);display:flex;justify-content:space-between;margin:0 0 10px}.queue-card{width:100%;text-align:left;display:block;background:#1a2527;margin:7px 0;padding:12px;font-size:12px;line-height:1.4}.queue-card strong{display:block;margin-bottom:7px}.queue-card.warning{border-left:2px solid var(--amber)}.queue-card.danger{border-left:2px solid var(--red)}.queue-card .meta{font-size:10px}.pill{display:inline-block;border:1px solid #3f5a5e;color:var(--muted);border-radius:4px;padding:3px 6px;font-size:9px;font-weight:800;letter-spacing:.5px;margin:2px 3px 2px 0}.pill.critical{color:var(--amber);border-color:#6f5c32}.pill.active{color:var(--accent-text);border-color:#477880}.empty{font-size:13px;color:var(--muted);line-height:1.65;padding:20px 0}.warning-text{font-size:11px;color:var(--amber);line-height:1.5}.overrun{color:var(--red);font-size:12px;font-weight:800}.connection{padding:9px 22px;background:#573421;color:#ffdbc0;font-size:12px}.connection:not([hidden])+.workspace{height:calc(100dvh - 124px)}dialog{color:var(--ink);background:#162021;border:1px solid #425f63;border-radius:13px;padding:25px;width:min(680px,94vw);max-height:90dvh;box-shadow:0 30px 100px #0008}dialog::backdrop{background:#030708bb;backdrop-filter:blur(4px)}.modal-top{display:flex;justify-content:space-between;align-items:center}.close-button{background:none;border:0;font-size:24px;padding:0 7px}.modal-top+h2{font-size:25px;letter-spacing:-.5px;margin:15px 0 20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-grid .wide{grid-column:1/-1}label.field{display:block;font-size:11px;color:var(--muted);line-height:1.5}label.field>input,label.field>textarea,label.field>select{display:block;margin-top:6px;background:#0d1617;color:var(--ink);width:100%;border:1px solid #374f52;border-radius:6px;padding:10px;min-height:40px}textarea{resize:vertical;min-height:95px}input[type=checkbox]{accent-color:var(--accent-text)}.checks{display:flex;flex-wrap:wrap;gap:10px 18px;margin:12px 0;font-size:12px;color:#c1d3d6}.checks label{display:flex;gap:6px;align-items:center}.form-error{background:#46231e;border:1px solid #7e4538;color:#ffd9cc;padding:12px;margin:14px 0;border-radius:5px;font-size:12px;line-height:1.5}.divider{border:0;border-top:1px solid var(--line);margin:22px 0}.notes{padding:12px;border-left:2px solid #557a7f;margin:10px 0;white-space:pre-wrap;line-height:1.5;font-size:13px}.notes small{display:block;color:var(--muted);font-size:10px;margin-bottom:5px}.history-row{padding:13px 0;border-bottom:1px solid var(--line);font-size:12px;line-height:1.6}.history-row strong{display:block}pre{overflow:auto;background:#0b1415;border:1px solid var(--line);padding:15px;font-size:11px;line-height:1.6;max-height:340px;white-space:pre-wrap;overflow-wrap:anywhere}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.metric{padding:15px 10px;border:1px solid var(--line);border-radius:7px}.metric strong{display:block;font-size:25px;color:var(--accent-text);margin-bottom:8px}.metric small{font-size:10px;color:var(--muted)}table{width:100%;border-collapse:collapse;font-size:12px;margin:15px 0}td,th{text-align:left;padding:9px 7px;border-bottom:1px solid var(--line)}td:last-child,th:last-child{text-align:right}#toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:var(--accent-text);color:#122225;border-radius:7px;padding:12px 20px;z-index:30;box-shadow:0 8px 25px #0006;max-width:90vw;font-size:13px}.auth-wrap{min-height:100dvh;display:grid;place-items:center;padding:25px}.auth-card{width:min(460px,100%);background:#141e20;border:1px solid #354c4f;border-radius:16px;padding:35px}.brand{font-size:32px;color:var(--accent-text);display:flex;gap:15px;align-items:center}.brand span{font-size:9px;letter-spacing:1.6px;color:var(--muted)}.auth-card h1{font-size:40px;margin:26px 0 12px}.auth-card p{color:var(--muted);font-size:13px;line-height:1.6}.auth-card form{display:grid;gap:16px;margin-top:25px}.auth-card .form-error{margin:0}.qr{background:white;padding:12px;width:235px;height:235px;border-radius:5px;margin:15px 0}.secret{user-select:all;overflow-wrap:anywhere;font-family:monospace}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}[hidden]{display:none!important}.fit-mode .task-block{padding:3px 8px;gap:1px}.fit-mode .task-block strong{font-size:11px}.fit-mode .block-meta{display:none}@media(min-width:1650px){.workspace{grid-template-columns:380px 1fr 320px}.focus-panel{padding:32px}.current-card h2{font-size:36px}.clock strong{font-size:40px}.task-block strong{font-size:15px}}@media(max-width:1200px){.topbar{padding:0 15px;gap:8px}.wordmark{min-width:200px}.workspace{grid-template-columns:280px minmax(330px,1fr) 235px}.rundown{padding:23px 15px 0}.focus-panel{padding:24px 18px}.attention-panel{padding:25px 15px}.fullscreen span{display:none}.clock strong{font-size:29px}.date-control{display:none}.segmented button{font-size:10px;padding:6px}}@media(max-width:1000px){.workspace{grid-template-columns:270px 1fr}.attention-panel{grid-column:1/-1;border-top:1px solid var(--line);overflow:visible}.workspace{height:auto;min-height:calc(100dvh - 88px)}.focus-panel,.rundown{height:calc(100dvh - 88px);min-height:640px}.attention-panel #attention{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.topbar>.quiet{font-size:11px;padding:7px}.wordmark{min-width:175px;font-size:15px}.clock strong{font-size:25px}}@media(max-width:690px){.topbar{height:auto;min-height:112px;flex-wrap:wrap;padding:13px 15px;gap:8px}.wordmark{flex:1;font-size:16px}.clock{order:0}.clock strong{font-size:28px}.day-nav{order:2;margin-right:auto}.today{min-width:90px}.topbar>.quiet{order:3}.workspace{display:block;height:auto}.focus-panel{height:auto;min-height:0;padding:22px 20px}.focus-question{margin-top:0}.current-card h2{font-size:30px}.current-card{padding:18px}.panel-bottom{margin-top:0;padding-top:10px;grid-template-columns:repeat(4,1fr)}.panel-bottom button{padding:8px 3px;font-size:10px}.rundown{height:750px;min-height:0;padding:23px 17px 0}.attention-panel{padding:24px 20px}.attention-panel #attention{display:block}.date-control{display:block}.date-control input{width:119px}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.metrics{grid-template-columns:repeat(2,1fr)}.auth-card{padding:25px}.day-heading strong{font-size:20px}.focus-panel .eyebrow{font-size:9px}.section-top h1{font-size:18px}dialog{padding:20px}} /* Display update 20260916.1: a readable running order, with a separate time scale. */ :root{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--bg:#0f1617;--panel:#141d1f;--surface:#1c282a;--line:#2f4447;--ink:#eff4f5;--muted:#a8c1c5} body{font-size:14px;line-height:1.4} button{font-family:inherit} .topbar{height:76px;padding:0 24px;gap:16px;background:#141d1f} .wordmark{min-width:245px;font-size:18px;letter-spacing:1.6px} .wordmark small{font-size:9px}.clock strong{font-size:30px}.clock span{font-size:10px} .day-nav button{padding:10px 14px}.today{font-size:14px;min-width:95px;background:#243335}.date-control input{font-size:13px;width:140px} .workspace{height:calc(100dvh - 76px);min-height:0;grid-template-columns:300px minmax(0,1fr) 280px} .connection:not([hidden])+.workspace{height:calc(100dvh - 118px)} .focus-panel{padding:22px 20px;gap:10px;min-height:0;scrollbar-width:thin;scrollbar-color:#4a696e transparent} .day-heading{font-size:13px}.day-heading strong{font-size:23px}.focus-question{font-size:11px;line-height:1.5;letter-spacing:1.2px;margin:7px 0 3px}.focus-question br{display:none} .eyebrow{font-size:10px;letter-spacing:1.2px} .current-card{padding:17px 16px;border-color:#4d7379;background:#223133;border-radius:9px} .current-card h2{font-size:25px;line-height:1.22;letter-spacing:-.5px;margin:12px 0;color:#b9dde2;overflow-wrap:anywhere} .current-card .outcome{font-size:13px;line-height:1.55;margin:14px 0}.current-card .outcome small{font-size:10px;letter-spacing:.9px} .meta{font-size:12px;color:var(--muted)}.current-card .time-range{font-size:13px;margin:10px 0}.pill{font-size:9px;letter-spacing:.3px} .current-card .button-row{gap:6px;margin-top:14px}.current-card button{font-size:12px;padding:9px 10px} .actual-card{padding:12px;font-size:13px}.actual-card .eyebrow{font-size:9px}.actual-card button{font-size:12px;padding:7px 9px}.overrun{font-size:11px} .quick-controls button{font-size:12px;padding:10px 7px}.next-card{padding-top:14px}.next-card strong{font-size:14px}.panel-bottom{padding-top:15px;gap:5px} .rundown{padding:22px 22px 0;min-height:0;overflow:hidden} .section-top{flex-wrap:wrap;flex-shrink:0}.section-top h1{font-size:25px;margin:5px 0 0;letter-spacing:-.6px}.section-top h1 span{display:block;font-size:12px;font-weight:450;letter-spacing:0;margin:5px 0 0;color:var(--muted)} .segmented{padding:3px;background:#131c1d;flex-shrink:0}.segmented button{font-size:12px;padding:7px 10px;white-space:nowrap}.segmented .selected{background:#304549;color:#d0e8ec} .plan-summary{display:flex;gap:19px;color:var(--muted);font-size:12px;margin-top:13px;flex-wrap:wrap}.plan-summary strong{font-weight:650;color:var(--ink)} .timeline-toolbar{gap:9px;margin:15px 0 8px;flex-wrap:wrap;flex-shrink:0}.timeline-toolbar .quiet{font-size:12px;padding:7px 5px}.timeline-toolbar .quiet.selected{color:var(--accent-text);border-color:#456367;background:#263638}.file-controls{display:flex;gap:4px;margin-left:auto} .display-hint{font-size:11px;color:#98b6ba;line-height:1.5;margin-bottom:12px;flex-shrink:0} .timeline-scroll{scrollbar-width:auto;scrollbar-color:#4a696e transparent;min-height:0;overflow:auto;overscroll-behavior:contain;border-top:1px solid var(--line);padding-top:3px} .timeline{margin-right:6px}.timeline.order-view{height:auto;min-height:0;padding-bottom:12px} .order-row{position:relative;width:100%;display:grid;grid-template-columns:118px minmax(0,1fr) 126px 14px;align-items:center;gap:13px;min-height:70px;margin:5px 0;padding:10px 13px 10px 17px;border:1px solid #2f4346;border-left:4px solid #4a6b70;background:#192426;border-radius:7px;color:var(--ink);text-align:left;line-height:1.4} .order-row:hover{background:#253538;border-color:#618b92}.order-row:focus-visible{outline:2px solid var(--accent-text);outline-offset:-2px} .row-time{align-self:center;font-variant-numeric:tabular-nums}.row-time strong{font-size:12px;display:block;font-weight:550;line-height:1.5;color:#d6e2e3}.row-time small{display:block;font-size:11px;color:#9ebabf;margin-top:3px} .row-content{min-width:0}.row-title{display:block;font-size:15px;font-weight:650;line-height:1.4;overflow-wrap:anywhere;white-space:normal;letter-spacing:-.1px}.row-meta{display:block;font-size:11px;line-height:1.5;color:#a9c2c6;margin-top:3px;overflow-wrap:anywhere} .row-flags{display:flex;justify-content:flex-end;align-items:center;gap:5px 7px;flex-wrap:wrap;align-content:center;text-align:right;font-size:11px}.priority{padding:2px 5px;border:1px solid #48676b;border-radius:4px;color:#c5d6d8;font-size:10px;font-weight:750}.priority.high{color:#f5cd8f;border-color:#79633d}.row-status{color:#b7cccf}.row-flag,.overlap-label{font-size:10px;color:#f4c780;width:100%}.overlap-label{color:#ffb297}.row-arrow{color:#81a5ab;font-size:15px} .order-row.current{border-color:#58a3ae;border-left-color:var(--accent-text);background:#26383b}.order-row.current .row-title{color:#c1e1e6}.order-row.current .row-status{color:#b1d9df} .order-row.completed{border-left-color:#77b3bc;background:#182628}.order-row.completed .row-status{color:#a1d1d9}.order-row.completed .row-title{color:#c0d6d9} .order-row.blocked,.order-row.partially_completed{border-left-color:var(--amber)}.order-row.blocked .row-status,.order-row.partially_completed .row-status{color:var(--amber)} .order-row.unresolved{border-left-color:var(--red);background:#2e2420}.order-row.unresolved .row-status{color:#ffc0aa} .order-row.cancelled,.order-row.deferred{background:#161f20;border-left-color:#5a8187}.order-row.cancelled .row-title,.order-row.deferred .row-title{color:#aac3c7} .order-now{position:relative;display:flex;align-items:center;gap:10px;margin:10px 0 8px;scroll-margin:100px;color:var(--accent-text)}.order-now:after{content:"";height:1px;background:#51949e;flex:1}.order-now span{border-radius:4px;padding:3px 7px;background:var(--accent-text);color:#0f1e20;font-size:10px;font-weight:800;letter-spacing:.5px;font-variant-numeric:tabular-nums} .schedule-gap{display:flex;align-items:center;gap:12px;padding:7px 4px 7px 21px;font-size:11px;color:#9ebabe}.schedule-gap span{font-variant-numeric:tabular-nums}.schedule-gap:after{content:"";flex:1;border-top:1px dashed #364d50} .schedule-empty{padding:40px 20px;text-align:center;color:var(--muted);font-size:14px}.schedule-empty strong{color:var(--ink);font-size:17px}.schedule-empty p{line-height:1.6} .unscheduled-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;border-top:1px solid var(--line);margin:24px 0 10px;padding-top:16px;font-size:13px}.unscheduled-heading>span{font-size:11px;color:var(--muted)}.unscheduled-heading strong span{color:var(--accent-text);margin-left:5px} .compact .order-row{min-height:48px;padding-top:8px;padding-bottom:8px;margin:4px 0;grid-template-columns:118px minmax(0,1fr) 126px 14px}.compact .row-meta,.compact .row-time small{display:none}.compact .row-title{font-size:14px}.compact .schedule-gap{padding-top:4px;padding-bottom:4px}.compact .row-flag{display:none} .time-view .task-block{padding:10px 12px;gap:5px;min-height:0;overflow:visible;display:block} .time-view .task-block strong{display:block;font-size:14px;line-height:1.4;white-space:normal;overflow-wrap:anywhere;overflow:visible;text-overflow:clip;margin-bottom:5px} .time-view .task-block .block-time{display:flex;gap:8px;font-size:11px;flex-wrap:wrap}.time-view .task-block .block-meta{display:block;white-space:normal;font-size:11px;overflow:visible;overflow-wrap:anywhere;line-height:1.45;margin-top:3px} .time-view .task-block.deferred,.time-view .task-block.cancelled{opacity:1;color:#b4cacd}.time-view .progress-segment{width:12px;left:49px}.grid-label{font-size:11px}.time-view .grid-line.minor{border-color:#1d292b} .rundown-footer{height:38px;font-size:10px}.rundown-footer #app-version{white-space:nowrap}.rundown-footer #updated-by{font-size:9px;text-align:right} .attention-panel{padding:24px 18px;min-height:0;scrollbar-width:thin;scrollbar-color:#4a696e transparent}.attention-panel .section-top{gap:5px}.attention-panel h2{font-size:18px;margin-top:6px}.attention-panel .live-badge{font-size:9px}.search-label{margin:15px 0}.search-label input{font-size:13px;padding:10px}.queue-group{margin:19px 0}.queue-group h3{font-size:10px;letter-spacing:.8px}.queue-card{font-size:13px;padding:11px 12px;overflow-wrap:anywhere}.queue-card strong{font-weight:600;margin-bottom:6px;line-height:1.45}.queue-card .meta{font-size:11px}.warning-text{font-size:12px}.attention-clear{font-size:13px;color:var(--muted);padding:15px 0}#completed-queue{border-top:1px solid var(--line);padding-top:15px;margin-top:22px}#completed-queue>summary{font-size:12px;cursor:pointer;color:#adc8cc}#completed-queue>summary span{float:right} @media(min-width:1800px){.workspace{grid-template-columns:320px minmax(0,1fr) 290px}.focus-panel{padding:25px 22px}.rundown{padding:25px 28px 0}.order-row{grid-template-columns:130px minmax(0,1fr) 145px 14px;min-height:68px}.row-title{font-size:16px}.row-meta{font-size:12px}.row-time strong{font-size:13px}.row-status{font-size:12px}.current-card h2{font-size:27px}.current-card .outcome{font-size:14px}} @media(max-width:1250px){.workspace{grid-template-columns:255px minmax(0,1fr) 230px}.topbar{padding:0 15px;gap:8px}.wordmark{min-width:200px}.focus-panel{padding:20px 15px}.current-card{padding:15px 13px}.current-card h2{font-size:23px}.rundown{padding:20px 15px 0}.attention-panel{padding:21px 13px}.date-control{display:none}.fullscreen span{display:none}.order-row,.compact .order-row{grid-template-columns:96px minmax(0,1fr) 78px;gap:9px;padding-left:12px;padding-right:10px}.row-arrow{display:none}.row-time strong{font-size:11px}.row-title{font-size:14px}.row-flags{font-size:10px}.file-controls{display:none}.timeline-toolbar{gap:7px}.timeline-toolbar .segmented button{padding:7px 8px}.topbar>.quiet{font-size:12px;padding:7px}} @media(min-width:961px) and (max-width:1100px){.workspace{grid-template-columns:245px minmax(0,1fr)}.attention-panel{grid-column:1/-1;border-top:1px solid var(--line);overflow:visible}.workspace{height:auto;min-height:calc(100dvh - 76px)}.focus-panel,.rundown{height:calc(100dvh - 76px);min-height:640px}.attention-panel #attention{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.clock strong{font-size:25px}.wordmark{min-width:180px}.connection:not([hidden])+.workspace{height:auto}} @media(max-width:960px){.topbar{position:relative;height:auto;min-height:76px;flex-wrap:wrap;padding:12px 18px;gap:10px}.wordmark{min-width:0;margin-right:auto;flex:1}.clock{margin-left:auto}.clock strong{font-size:27px}.day-nav{order:2}.topbar>.quiet{order:3}.date-control{display:block}.day-nav button{padding:8px 11px}.workspace,.connection:not([hidden])+.workspace{display:flex;flex-direction:column;height:auto;min-height:0}.focus-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);height:auto;min-height:0;overflow:visible;padding:20px;border-right:0;border-bottom:1px solid var(--line);gap:10px 16px}.focus-panel>#day-label,.focus-panel>#view-warning,.focus-panel>.focus-question{grid-column:1/-1}.focus-panel>#day-heading{grid-column:1/-1}.focus-panel #focus{grid-row:5 / span 3;grid-column:1}.focus-panel .quick-controls{grid-column:2;align-self:start}.focus-panel #next-task{grid-column:2}.focus-panel .panel-bottom{grid-column:2;margin:0;align-self:end}.current-card h2{font-size:24px}.rundown{height:auto;min-height:0;overflow:visible;padding:23px 20px 0}.timeline-scroll{max-height:none;overflow:visible;flex:initial}.timeline.order-view{margin-right:0}.time-view{min-width:100%}.timeline-scroll:has(.time-view){max-height:75dvh;min-height:400px;overflow:auto}.attention-panel{grid-column:auto;padding:24px 20px;overflow:visible;border-left:0;border-top:1px solid var(--line)}.attention-panel #attention{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}.file-controls{display:flex}.order-row,.compact .order-row{grid-template-columns:115px minmax(0,1fr) 100px}.row-time strong{font-size:12px}.row-title{font-size:15px}} @media(max-width:600px){.topbar{gap:8px;padding:12px 14px}.wordmark{font-size:15px}.wordmark small{font-size:8px}.logo{height:32px;width:32px;font-size:24px}.clock strong{font-size:23px}.clock span{font-size:9px}.day-nav{width:100%;gap:5px}.day-nav .today{min-width:90px}.date-control{margin-left:auto}.date-control input{width:123px;padding:6px}.topbar>.quiet{padding:4px 8px;font-size:11px}.focus-panel{display:block;padding:18px 15px}.focus-panel>#day-label{display:none}.day-heading{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.day-heading strong{font-size:20px}.focus-question{margin:14px 0 8px}.current-card h2{font-size:23px}.current-card .outcome{font-size:13px}.quick-controls{margin-top:13px}.focus-panel .panel-bottom{display:grid;grid-template-columns:repeat(4,1fr);padding-top:15px}.rundown{padding:22px 12px 0}.section-top h1{font-size:23px}.section-top .segmented button{font-size:11px}.timeline-toolbar{gap:6px}.timeline-toolbar .quiet{font-size:11px}.display-hint{font-size:10px}.order-row,.compact .order-row{grid-template-columns:1fr auto;gap:5px 10px;min-height:80px;padding:11px 12px;border-left-width:4px}.row-time{grid-column:1;grid-row:1}.row-time strong{font-size:11px}.row-time small{display:none}.row-content{grid-column:1/-1;grid-row:2}.row-title,.compact .row-title{font-size:14px}.row-flags{grid-row:1;grid-column:2;flex-wrap:wrap;max-width:145px;font-size:10px}.row-flag,.overlap-label{width:auto;font-size:9px}.row-meta{font-size:11px}.compact .order-row{min-height:67px}.plan-summary{font-size:11px;gap:15px}.file-controls{margin-left:0}.timeline-scroll{padding-top:3px}.schedule-gap{font-size:10px;gap:8px;padding-left:4px}.attention-panel #attention{display:block}.rundown-footer #updated-by{display:none}.rundown-footer{font-size:9px}.time-view .task-block strong{font-size:13px}.time-view .task-block .block-meta{font-size:10px}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}} /* Scheduling controls and review dialogs. */ dialog{width:min(760px,94vw);padding:28px;border-color:#4c6d72;background:#182325}.modal-top+h2{font-size:27px;line-height:1.25;letter-spacing:-.7px}.modal-top .eyebrow{color:#c0d4d7}dialog p{line-height:1.6}dialog .time-range{white-space:normal}dialog label.field{font-size:12px}dialog textarea{min-height:85px}.start-prompt h3{font-size:23px;line-height:1.3;margin:12px 0}.push-back-button{color:#badde3;background:#25383b;border-color:#467c84;font-weight:650}.pushback-task{font-size:18px;font-weight:650;color:#d9edf0;margin:0 0 6px}.delay-group{margin:22px 0}.delay-group h3{font-size:11px;letter-spacing:1px;text-transform:uppercase;color:#a6bfc3;margin:0 0 10px}.delay-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.delay-choice{padding:14px 5px;font-size:14px;font-weight:600;background:#212f31;border:1px solid #425f63;border-radius:8px;color:#dfe9eb}.delay-choice:hover{background:#2d464a;border-color:#6fb3be}.delay-choice.selected{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);box-shadow:0 0 0 2px #248a8c24}.delay-description{font-size:13px;color:#c0e0e5;background:#213133;padding:12px 14px;border-radius:7px;border-left:3px solid var(--accent-text)}#pushback-location{margin:16px 0}.review-banner{border:1px solid #4b6d72;background:#213235;color:#c3e2e6;border-radius:7px;padding:12px 14px;font-size:13px;line-height:1.6;margin:16px 0}.priority-review{border-left:3px solid var(--accent-text)}.priority-review .eyebrow{display:block;color:var(--accent-text);margin-bottom:9px}.hours-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.hours-summary{width:100%;text-align:left;font-size:11px;background:#182426;border-color:#374f53;padding:13px 12px;margin-top:8px}.hours-summary>.eyebrow{display:block;font-size:9px;margin-bottom:10px}.hours-summary>span:not(.eyebrow){display:flex;justify-content:space-between;gap:9px;margin-top:5px;color:#b2c8cc}.hours-summary strong{color:#d6e4e6;font-weight:550}.proposal-row{display:flex;gap:14px;padding:15px 0;border-bottom:1px solid #32484c}.proposal-row>.priority{align-self:flex-start;font-size:9px;margin-top:3px}.proposal-row>div{min-width:0}.proposal-row strong{display:block;font-size:15px;margin-bottom:5px}.proposal-row span:not(.priority){display:block;font-size:13px;font-variant-numeric:tabular-nums;color:#cde7eb}.proposal-row small{display:block;font-size:11px;color:#acc4c8;line-height:1.5;margin-top:4px}.protection-box{border-left:3px solid var(--amber);background:#332f20;padding:13px 15px;margin:20px 0;font-size:13px;line-height:1.6}.protection-box ul{padding-left:20px;margin-bottom:0}.plan-preview-intro p{margin-top:6px;font-size:14px}.order-row[draggable=true],.task-block[draggable=true]{cursor:grab}.order-row.dragging,.task-block.dragging{opacity:.45}.order-row.drop-target{outline:2px solid var(--accent-text);outline-offset:-2px;border-top:4px solid var(--accent-text)}.time-view .task-block{padding-top:14px;padding-bottom:14px}.resize-handle{position:absolute;left:0;right:0;height:10px;cursor:ns-resize;touch-action:none;z-index:2;border-radius:5px}.resize-handle:after{content:"";position:absolute;left:calc(50% - 18px);top:4px;width:36px;height:2px;background:#789fa5;border-radius:3px}.resize-handle.top{top:0}.resize-handle.bottom{bottom:0}.resize-handle:hover,.resize-handle:focus-visible{background:#78bdc845;outline:1px solid var(--accent-text)}.task-block.resizing{border-color:var(--accent-text);box-shadow:0 0 0 1px var(--accent-text);z-index:6}.task-block.resizing .block-time{color:var(--accent-text)} @media(min-width:601px) and (max-width:960px){.focus-panel #opening-summary{grid-column:2}.focus-panel #focus{grid-row:5 / span 4}} @media(max-width:600px){dialog{padding:20px 16px}.modal-top+h2{font-size:23px}.delay-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.delay-choice{padding:13px 8px}.delay-group{margin:17px 0}.hours-grid{grid-template-columns:1fr 1fr;gap:12px}.hours-summary{margin-top:15px}.proposal-row{gap:9px}.proposal-row strong{font-size:14px}} .order-row .resize-handle{height:8px;opacity:0}.order-row:hover .resize-handle,.order-row:focus-within .resize-handle,.order-row.resizing .resize-handle{opacity:1}.order-row .resize-handle:after{top:3px}.order-row.resizing{border-color:var(--accent-text);box-shadow:0 0 0 1px var(--accent-text)}.order-row.resizing .row-time strong{color:var(--accent-text)} @media(hover:none){.order-row .resize-handle{opacity:1}} /* Dayboard Pro: timing warnings are separate from recorded task state. */ .wordmark{white-space:nowrap;letter-spacing:1.2px}.logo{flex-shrink:0;font-size:25px;letter-spacing:0} .timing-legend{display:flex;gap:7px 18px;flex-wrap:wrap;flex-shrink:0;margin:0 0 12px;font-size:11px;color:#b9c5bf;line-height:1.5} .timing-legend>span{display:inline-flex;gap:6px;align-items:center}.timing-swatch{width:8px;height:8px;flex-shrink:0;border-radius:3px}.timing-swatch.red{background:#d5828b}.timing-swatch.pink{background:#f0cfd9} :is(.order-row,.task-block,.current-card,.actual-card).timing-overrun, :is(.order-row,.task-block,.current-card,.actual-card).timing-awaiting{background:#352326;border-color:#9f6169;border-left-color:#e38b93;color:#ffe7e9} :is(.timing-overrun,.timing-awaiting) :is(.row-title,h2,.row-time strong,.time-range), .task-block:is(.timing-overrun,.timing-awaiting)>strong{color:#ffe0e3} :is(.timing-overrun,.timing-awaiting) :is(.row-status,.timing-status,.timing-caption){color:#ffb9c0} :is(.timing-overrun,.timing-awaiting) :is(.meta,.row-meta,.row-time small,.block-meta,.block-time,.eyebrow,.outcome small){color:#ddadb4} :is(.timing-overrun,.timing-awaiting) .outcome{color:#f0d5d9} :is(.order-row,.task-block,.current-card,.actual-card).timing-affected{background:#f1d6df;border-color:#dcaeba;border-left-color:#bd718a;color:#522335} :is(.timing-affected) :is(.row-title,.row-time strong,h2,.time-range),.task-block.timing-affected>strong{color:#502133} :is(.timing-affected) :is(.meta,.row-meta,.row-time small,.row-status,.row-flag,.row-arrow,.block-meta,.block-time,.eyebrow,.outcome,.outcome small,.timing-caption){color:#733b50} .timing-affected :is(.priority,.pill){color:#643044;border-color:#c18c9f}.timing-affected :is(.priority.high,.pill.critical,.overlap-label){color:#743311;border-color:#c18c9f} .timing-affected button{background:#e6bdcc;color:#512336;border-color:#c68da2} :is(.order-row,.task-block).timing-affected:hover{background:#f7e4ea;border-color:#d393aa} :is(.order-row,.task-block):is(.timing-overrun,.timing-awaiting):hover{border-color:#e0a1aa} .timing-caption{font-size:12px;line-height:1.55;font-weight:650;margin:10px 0 0;overflow-wrap:anywhere} .timing-explanation{font-size:12px;line-height:1.6;color:#e3bbc2;margin:10px 0} button.timing-review{background:#f1bbc2;color:#461923;border-color:#f1bbc2;font-weight:750}button.timing-review:hover{background:#ffced5;border-color:#ffced5} .actual-card .button-row{margin-top:9px;gap:5px}.actual-card .timing-caption{font-size:11px} .timing-pulse{animation:overrun-breathe 6s ease-in-out infinite} @keyframes overrun-breathe{0%,100%{background-color:#352326;box-shadow:0 0 0 0 rgb(202 86 105 / 0)}50%{background-color:#43282e;box-shadow:0 0 17px 1px rgb(202 86 105 / .09)}} .progress-segment:is(.timing-overrun,.timing-awaiting){background:#d6818c;animation:none} .progress-segment.timing-affected{background:#edc4d2;animation:none} @media(prefers-reduced-motion:reduce){.timing-pulse{animation:none}.timing-overrun,.timing-awaiting{box-shadow:none}html{scroll-behavior:auto}} /* Criticality stays visible; live red/pink timing warnings take precedence. */ .order-row.revenue-row,.task-block.revenue-row{background-color:#2b3024;border-left-color:#c9c484} .order-row.business-row,.task-block.business-row{background-color:#292e25;border-left-color:#bcb985} .order-row:is(.revenue-row,.business-row).current,.task-block:is(.revenue-row,.business-row).current{background-color:#333c29;border-color:#9baa66} .order-row:is(.revenue-row,.business-row) .critical-label{color:#e0dca6}.business-critical-tag{color:#dddba5;border-color:#7a7d50} .bumped-star{display:inline-block;color:#80b9ff;font-size:1.12em;line-height:1;margin-right:6px;vertical-align:baseline;text-shadow:0 0 8px #6daaff24} .urgency-chip{display:inline-block;max-width:100%;padding:2px 5px;border:1px solid #737b5c;border-radius:4px;font-size:9px;font-weight:650;line-height:1.4;color:#e0e5bd;overflow-wrap:anywhere} .urgency-chip.urgent{color:#ffbd9e;border-color:#926850}.urgency-chip.not_important_now{color:#b3bdb7;border-color:#58655b} .row-flags .urgency-chip{width:100%}.urgency-settings{padding:13px;border:1px solid var(--accent-line);border-radius:8px;background:var(--accent-soft)}.urgency-settings .meta{margin-bottom:0}.urgency-settings #urgency-date-field{margin-top:12px}.critical-checks{margin:0} :is(.order-row,.task-block,.current-card,.actual-card).timing-overrun,:is(.order-row,.task-block,.current-card,.actual-card).timing-awaiting{background-color:#352326;border-color:#9f6169;border-left-color:#e38b93} :is(.order-row,.task-block,.current-card,.actual-card).timing-affected{background-color:#f1d6df;border-color:#dcaeba;border-left-color:#bd718a} .timing-affected .bumped-star{color:#235db4;text-shadow:none}.timing-affected .urgency-chip{color:#68384c;border-color:#bb869b}.timing-affected .critical-label{color:#6f4e28} /* The operational board occupies the viewport, including native F11 resize. */ body:has(#application:not([hidden])){height:100dvh;overflow:hidden} #application:not([hidden]){height:100dvh;min-height:0;display:flex;flex-direction:column;overflow:hidden} #application .topbar{height:clamp(54px,7dvh,76px);min-height:54px;flex:0 0 auto;padding:8px 20px;gap:12px} #application .connection{flex:0 0 auto;max-height:15dvh;overflow:auto} #application .workspace,#application .connection:not([hidden])+.workspace{height:auto;min-height:0;flex:1;display:grid;grid-template-columns:clamp(225px,19vw,310px) minmax(0,1fr) clamp(210px,18vw,290px);overflow:hidden} #application .focus-panel,#application .attention-panel{min-height:0;height:auto;padding:0;overflow:hidden;display:flex;flex-direction:column;gap:0;grid-column:auto} #application .focus-panel{border-right:1px solid var(--line);border-bottom:0} #application .attention-panel{border-left:1px solid var(--line);border-top:0;padding:14px 12px 0} #application .attention-panel>.section-top,#application .search-label{flex:0 0 auto} #application .attention-panel h2{font-size:16px;margin:4px 0}.search-label{margin:9px 0} .fit-window{flex:1;min-height:0;overflow:hidden;position:relative;padding:4px 0} .panel-inner{display:flex;flex-direction:column;gap:8px;transform-origin:top center;min-width:0} #focus-content{padding:12px 14px 4px} #attention-content{padding:2px 0} #application #focus,#application #attention,#application #search-results,.panel-inner .queue-group{display:contents} #application .focus-panel .day-heading{display:block;font-size:12px}#application .day-heading strong{font-size:20px}.focus-panel .focus-question{margin:0;font-size:10px} #application .current-card{padding:12px}.current-card h2{font-size:22px;margin:8px 0;line-height:1.25} #application .current-card .outcome{display:none}.current-card .button-row{margin-top:9px}.current-card .time-range{margin:7px 0}.current-card .timing-caption{margin:6px 0 0}.current-card .timing-explanation{font-size:11px;margin:7px 0 0} #application .actual-card{margin:0;padding:9px}.actual-card strong{margin:4px 0}.actual-card .button-row{margin-top:5px} #application .focus-panel .quick-controls{display:grid;grid-template-columns:1fr 1fr;margin:0;gap:5px}.quick-controls button{font-size:11px;padding:8px 5px} #application .focus-panel .panel-bottom{display:grid;grid-template-columns:1fr 1fr;margin:0;padding:6px 0 0;gap:4px}.panel-bottom button{font-size:10px;padding:6px} .next-card{padding-top:8px}.next-card strong{margin:5px 0;font-size:13px}.hours-summary{margin:0;padding:8px 10px}.hours-summary>.eyebrow{margin-bottom:4px} #application .rundown{height:auto;min-height:0;padding:14px 16px 0;display:flex;flex-direction:column;overflow:hidden} .plan-count{font-size:11px;color:var(--muted);margin-top:4px}.plan-summary{gap:14px;margin-top:7px;font-size:11px}.timeline-toolbar{margin:9px 0 7px;gap:7px} #application .timeline-scroll{height:auto;max-height:none;min-height:0;overflow:hidden;flex:1;padding:4px 0 0} #application .timeline.order-view{min-height:0;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;transform-origin:top center} #application .order-row,#application .compact .order-row{flex-shrink:0;margin:0;min-height:53px;padding:7px 10px;grid-template-columns:108px minmax(0,1fr) 126px 12px;gap:10px} #application .row-title{font-size:14px;line-height:1.35}#application .row-meta{font-size:10px;line-height:1.35;margin-top:2px}#application .row-time strong{font-size:11px}#application .row-time small{font-size:10px;margin-top:1px}#application .row-status{font-size:10px}#application .row-flag{font-size:9px} #application .compact .order-row{min-height:40px}#application .compact .row-title{font-size:13px} #application .schedule-gap{margin:0;padding:3px 10px;font-size:10px;line-height:1.2}.order-now{margin:0;height:19px;flex-shrink:0}.order-now span{font-size:9px;padding:2px 6px} .unscheduled-heading{margin:8px 0 0;padding-top:7px;font-size:11px}.unscheduled-heading>span{font-size:10px} .fit-pager{flex:0 0 29px;min-height:29px;display:flex;align-items:center;justify-content:center;gap:10px;border-top:1px solid #34423b66;font-size:10px;color:var(--muted)} .fit-pager>span{text-align:center;line-height:1.25}.fit-pager button{font-size:19px;line-height:1;padding:1px 9px;background:transparent;border-color:transparent}.fit-pager button:disabled{opacity:.25;cursor:default} #application .rundown-footer{height:23px;font-size:9px}.timing-legend{font-size:9px;margin-bottom:6px;gap:5px 12px}.queue-card{margin:0;padding:9px;font-size:12px}.queue-card strong{margin-bottom:4px}.queue-group h3{margin:7px 0 0;flex-shrink:0}.queue-card .meta{font-size:10px} .priority-review .meta{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}#completed-queue{margin:5px 0 0;padding-top:7px} .panel-tabs{display:none} @media(min-width:1200px) and (max-width:1300px){#application .wordmark{min-width:190px;font-size:16px}#application .rundown{padding:12px 10px 0}#application .order-row,#application .compact .order-row{grid-template-columns:90px minmax(0,1fr) 92px;gap:7px}.row-arrow{display:none}#application .row-title{font-size:13px}#application .file-controls{display:none}} @media(max-width:1199px){ #application .topbar{height:auto;min-height:55px;flex-wrap:wrap;padding:7px 12px;gap:6px 9px}#application .wordmark{min-width:0;flex:1;font-size:16px}.wordmark small{font-size:8px}.clock strong{font-size:24px}#application .topbar>.quiet{order:3;font-size:10px;padding:4px 7px}#application .day-nav{order:2;width:auto;margin-right:auto}.day-nav button{padding:5px 9px}.day-nav .today{min-width:65px;font-size:12px}.date-control input{width:120px;font-size:11px;padding:4px}.clock span{font-size:8px}.logo{width:30px;height:30px} .panel-tabs{display:flex;flex-shrink:0;padding:5px 10px;gap:5px;border-bottom:1px solid var(--line)}.panel-tabs button{font-size:11px;padding:6px 12px;flex:1}.panel-tabs .selected{background:var(--accent-soft);color:var(--accent-text);border-color:var(--accent-line)} #application .workspace{display:block;position:relative}#application .workspace>.focus-panel,#application .workspace>.attention-panel,#application .workspace>.rundown{height:100%;width:100%;min-height:0;display:none} #application .workspace[data-panel=focus]>.focus-panel,#application .workspace[data-panel=attention]>.attention-panel,#application .workspace[data-panel=plan]>.rundown{display:flex} #application .focus-panel{border:0}#application .rundown{padding:10px 12px 0}#application .attention-panel{border:0;padding:12px 14px 0} #application .focus-panel .panel-bottom{grid-template-columns:repeat(3,1fr)}#application .file-controls{display:flex}.timeline-toolbar .segmented button{font-size:10px;padding:6px 8px}.timeline-toolbar .quiet{font-size:10px;padding:5px} #application .order-row,#application .compact .order-row{grid-template-columns:105px minmax(0,1fr) 110px;gap:8px}.row-arrow{display:none}#application .current-card h2{font-size:23px} } @media(max-width:600px){#application .order-row,#application .compact .order-row{grid-template-columns:minmax(0,1fr) 130px;gap:4px 8px;padding:7px 9px;min-height:66px}#application .row-content{grid-column:1/-1;grid-row:2}#application .row-time{grid-column:1;grid-row:1}#application .row-flags{grid-column:2;grid-row:1;max-width:none;font-size:9px}#application .row-flags .urgency-chip{width:auto}#application .row-time small{display:none}#application .row-title{font-size:13px}#application .row-meta{font-size:10px}.plan-summary{font-size:10px;gap:12px}.timing-legend{font-size:8px}#application .file-controls{display:none}.panel-tabs button{font-size:10px;padding:6px}.timeline-toolbar{gap:4px}.timeline-toolbar .quiet{padding:4px 2px}} /* Try a denser row layout before adding pages; full task titles are retained. */ #application .fit-dense .order-row{min-height:40px;padding-top:6px;padding-bottom:6px} #application .fit-dense .row-meta,#application .fit-dense .row-time small{display:none} #application .compact .row-flag.critical-label{display:block} /* Supplied Dayboard Pro logo. Its native artwork and aspect ratio stay intact. */ .logo{display:block;object-fit:contain;object-position:center;flex-shrink:0;background:#f8faf9;border:1px solid #d8e7e8;border-radius:9px;padding:2px;box-shadow:0 2px 8px #0002} .wordmark{gap:11px;letter-spacing:-.25px}.brand-name{white-space:nowrap}.brand-pro{color:#b0c5ce;font-weight:550} .brand{gap:13px;font-size:23px;font-weight:750;letter-spacing:-.45px;color:var(--ink)}.brand .logo{width:48px;height:48px;border-radius:11px}.brand .brand-name{font:inherit;letter-spacing:inherit;color:var(--ink)}.brand .brand-pro{font-size:inherit;letter-spacing:inherit;color:#b0c5ce} .topbar{background:var(--panel)}.auth-card{background:var(--panel);border-color:var(--line)} button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent-text);outline-offset:3px} input[type=checkbox]{accent-color:var(--accent)} /* 0.9.0.6: a clock independent of task height, concurrent work and AI review space. */ .schedule-stage{display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;flex:1;min-height:0;overflow:hidden} .day-clock{min-height:0;display:flex;flex-direction:column;gap:3px;padding:9px 0 2px} .day-clock-hours{position:relative;min-height:0;flex:1;border-radius:7px;background:linear-gradient(to bottom,#b6bfc3 0 var(--day-progress,0%),#c8dfd0 var(--day-progress,0%) 100%);border:1px solid #93a8a6;color:#000;margin:3px 0 9px} .day-hour{position:absolute;left:0;right:0;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;line-height:1;font-variant-numeric:tabular-nums;pointer-events:none} .day-hour strong{font-size:10px;font-weight:750;color:#000}.day-hour small{font-size:8px;color:#142a2b;line-height:1.2;margin-top:1px} .day-hour:first-child{transform:none;top:2px!important}.day-hour.end-hour{transform:translateY(-100%)} .day-clock-now{position:absolute;left:-25%;right:-25%;height:4px;transform:translateY(-50%);background:#238b49;box-shadow:0 0 0 1px #eaf7ef88;z-index:2;pointer-events:none} .day-clock-now>span{position:absolute;right:1px;bottom:5px;background:#176b36;color:#fff;border-radius:3px;padding:2px 3px;font-size:8px;font-weight:800} .day-clock-extend{font-size:15px;line-height:1;padding:3px;min-height:23px;flex-shrink:0;color:var(--accent-text)} .task-unit{position:relative;min-width:0;flex-shrink:0} #application .task-unit>.order-row{margin:0;width:100%;grid-template-columns:108px minmax(0,1fr) 136px;padding-right:36px} #application .row-arrow{display:none} .row-delay{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:25px;height:27px;padding:0;border-color:transparent;background:transparent;color:var(--accent-text);font-size:18px;line-height:1;z-index:3} .row-delay:hover{background:#77cece25;border-color:var(--accent-line)} .task-unit.awaiting-ai{margin:5px 0 0 16px;width:calc(100% - 16px)} .task-unit.awaiting-ai>.order-row{border-style:dashed;border-left-color:#80b9ff} .ai-pending-label{color:#9bcaff}.delay-reasons{display:flex;gap:7px;flex-wrap:wrap;margin:15px 0 10px}.delay-reasons button{font-size:12px} .concurrent-band{position:relative;flex-shrink:0;min-width:0;margin:5px 0 7px} .now-bracket{position:relative;height:24px;display:flex;align-items:flex-start;justify-content:center;color:var(--accent-text)} .now-bracket svg{position:absolute;inset:2px 0 0;width:100%;height:20px;overflow:visible;fill:none;stroke:var(--accent-text);stroke-width:1.2;vector-effect:non-scaling-stroke} .now-bracket path{vector-effect:non-scaling-stroke}.now-bracket>span{position:relative;background:var(--bg);padding:0 10px;font-size:11px;line-height:16px;font-weight:750;letter-spacing:.7px} .concurrent-grid{display:grid;grid-template-columns:repeat(var(--running-count,2),minmax(0,1fr));gap:8px;align-items:stretch} #application .concurrent-grid .order-row{height:100%;min-height:120px;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:8px;padding:13px 34px 13px 12px} #application .concurrent-grid .row-time{order:0}#application .concurrent-grid .row-content{order:1;flex:1}#application .concurrent-grid .row-title{font-size:14px;line-height:1.35} #application .concurrent-grid .row-flags{order:2;display:flex;justify-content:flex-start;align-items:center;text-align:left;flex-wrap:wrap;gap:5px;max-width:none} #application .concurrent-grid .row-flags .urgency-chip{width:auto}.concurrent-grid .row-delay{top:9px;transform:none} #application .concurrent-grid .row-flag{width:auto}#application .fit-dense .concurrent-grid .row-title{font-size:13px} .conflicts-summary strong{display:flex;justify-content:space-between;gap:8px} /* Light states must win over current-task, critical and inherited teal text. */ /* Keep the pale surface paired with black text, including current critical work. */ #application :is(.order-row,.task-block).timing-affected{background:#f1d6df;border-color:#dcaeba;border-left-color:#bd718a} #application :is(.order-row,.task-block).timing-affected:hover{background:#f7e4ea;border-color:#d393aa} #application :is(.order-row,.task-block).timing-affected, #application :is(.order-row,.task-block).timing-affected *{color:#000} #application .task-unit:has(>.timing-affected)>.row-delay{color:#000} #application :is(.order-row,.task-block):is(.completed,.timing-affected) .bumped-star{color:#164c9e;text-shadow:none} #application :is(.order-row,.task-block):is(.completed,.timing-affected) .bumped-star>[aria-hidden]{color:inherit} button.primary,.delay-choice.selected{color:#000} @media(max-width:1400px){.concurrent-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#application .task-unit>.order-row{grid-template-columns:88px minmax(0,1fr) 94px}} @media(max-width:700px){.schedule-stage{grid-template-columns:36px minmax(0,1fr);gap:7px}.concurrent-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#application .concurrent-grid .order-row{padding:10px 24px 10px 8px}#application .concurrent-grid .row-title{font-size:12px}.row-delay{right:2px;width:22px}.task-unit.awaiting-ai{margin-left:9px;width:calc(100% - 9px)}} @media(max-width:500px){.concurrent-grid{grid-template-columns:1fr}#application .task-unit>.order-row{grid-template-columns:minmax(0,1fr) 100px}#application .task-unit .row-content{grid-column:1/-1}#application .concurrent-grid .order-row{min-height:95px}.day-hour strong{font-size:9px}} .concurrent-grid:has(>.task-unit:only-child){grid-template-columns:1fr} /* Backlog controls stay outside the paged task area. */ .backlog-controls{display:flex;align-items:center;gap:6px;padding:5px 0 9px;font-size:11px;color:var(--muted);flex-wrap:wrap} .backlog-controls button{font-size:11px;padding:5px 9px}.backlog-controls .selected{background:#bddcbd;color:#10212b;border-color:#bddcbd} .approval-pending{border:1px solid #d3ae60;border-radius:10px;padding:10px;background:#302b20}.approval-pending h3{color:#ffe2a0} .quick-reason{border-color:#8cafad;background:#203a3c;padding:12px}.unscheduled-heading strong{font-size:13px} /* Non-blocking operational follow-ups. Controls stay outside the paged queue. */ .prompt-controls{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 10px;margin:0 0 10px;border:1px solid var(--line);border-radius:8px;background:var(--surface)} .prompt-summary{display:flex;flex-direction:column;gap:3px;min-width:0;font-size:11px;line-height:1.3}.prompt-summary strong{font-size:12px}.prompt-summary span{color:var(--muted)} .prompt-controls button{flex:0 0 auto;padding:7px 8px;min-height:32px;font-size:11px;white-space:nowrap} .prompt-controls.is-silenced{border-color:var(--accent)} .modal-dismiss-controls{display:flex;align-items:center;gap:12px;margin-left:auto}.modal-dismiss-controls button[data-action="silence-all"]{font-size:13px;padding:9px 15px;border-color:var(--accent);color:var(--ink)} #modal .modal-top{position:sticky;top:-28px;z-index:2;background:var(--surface);padding:10px 0;gap:12px} .followup-queue h3{display:flex;justify-content:space-between;gap:8px}.followup-card{border-left:3px solid var(--accent)}.followup-card .followup-link{color:var(--accent-text);font-size:11px;line-height:1.4} @media(max-width:600px){.modal-dismiss-controls{gap:8px}.modal-dismiss-controls button[data-action="silence-all"]{padding:8px 10px}#modal .modal-top{top:-18px}} /* Priority is a text/badge cue. Existing timing and criticality backgrounds remain. */ .priority-p1{--priority-text:#fff;--priority-fill:#fff} .priority-p2{--priority-text:#d9f4d7;--priority-fill:#d9f4d7} .priority-p3{--priority-text:#fff2bd;--priority-fill:#fff2bd} .priority-p4,.priority-none{--priority-text:#d1dce2;--priority-fill:#d1dce2} #application :is(.order-row,.task-block) .row-title,#application .queue-task-title{color:var(--priority-text,var(--ink))} #application .priority-badge{display:inline-flex;align-items:center;justify-content:center;min-width:30px;min-height:22px;margin:0;padding:2px 5px;border:1px solid var(--priority-fill,#d1dce2);border-radius:4px;background:var(--priority-fill,#d1dce2);color:#000;font-size:10px;font-weight:800;line-height:1.2;white-space:nowrap} .task-columns{display:grid;grid-template-columns:minmax(0,1fr) 34px 88px;gap:10px;align-items:center;text-align:right;min-width:0;width:100%} .department-tab{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere;max-width:100%;width:fit-content;justify-self:end;padding:4px 7px;background:#29383b;border-radius:5px 2px 2px 5px;color:#dce7e9;font-size:10px;line-height:1.3;text-align:right} .task-columns>.priority-badge{justify-self:center}.task-columns>.row-status{font-size:10px;line-height:1.35;overflow-wrap:anywhere;min-width:0} #application .task-unit>.order-row{grid-template-columns:96px minmax(0,1fr) minmax(260px,39%);gap:12px;padding-right:12px} #application .row-details{min-width:0;display:flex;flex-direction:column;gap:5px} #application .row-details .row-flags{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:3px 7px;max-width:none;min-width:0} #application .row-details .row-flags:empty{display:none} #application .row-details .row-flags .urgency-chip{width:auto} #application .row-details .row-flag{width:auto}.row-meta:empty{display:none} /* Delay is a small control beside the time, leaving status as the rightmost column. */ .task-unit>.row-delay{left:76px;right:auto;top:auto;bottom:4px;transform:none;width:21px;height:20px;font-size:15px} #application .concurrent-grid .row-details{order:2;width:100%} #application .concurrent-grid .task-columns{grid-template-columns:minmax(0,1fr) 32px 70px;gap:6px} #application .concurrent-grid .order-row{padding-right:12px} .concurrent-grid .task-unit>.row-delay{left:auto;right:8px;top:8px;bottom:auto} #application .concurrent-grid .row-time{padding-right:25px} .queue-card .task-columns{grid-template-columns:minmax(0,1fr) 30px 65px;gap:6px;margin:8px 0 6px} .queue-card .department-tab{font-size:9px;padding:4px 5px}.queue-card .task-columns>.row-status{font-size:9px} .queue-task-title{display:block;font-size:12px;line-height:1.4} .queue-priority-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 8px;margin:5px 0 0;border-left:3px solid var(--priority-fill);border-radius:3px;background:#253134;font-size:11px;line-height:1.4;font-weight:750;color:var(--priority-text);letter-spacing:.1px} .queue-priority-heading small{font-size:10px;color:var(--muted)} #application :is(.order-row,.task-block).timing-affected .row-title{color:#000} #application :is(.order-row,.task-block).timing-affected .department-tab{background:#0000000d;color:#000} #application :is(.order-row,.task-block).timing-affected .priority-badge{color:#000} /* Curved scheduled-start links occupy the extra rail gutter and sit beneath cards. */ .schedule-stage{position:relative;isolation:isolate;grid-template-columns:44px minmax(0,1fr);gap:46px} .day-clock{position:relative;z-index:2}.schedule-stage>.timeline-scroll{position:relative;z-index:1;background:transparent} .time-links{position:absolute;inset:0;width:100%;height:100%;z-index:0;overflow:hidden;pointer-events:none} .time-link{color:var(--priority-text,#a0b5ba)}.time-link path{fill:none;stroke:currentColor;stroke-width:1;opacity:.28;vector-effect:non-scaling-stroke} .time-link circle{fill:currentColor;opacity:.6}.time-link.is-closed{color:#8c9ba0} .time-link.is-highlighted path{opacity:.95;stroke-width:2}.time-link.is-highlighted circle{opacity:1} @media(max-width:1400px){#application .task-unit>.order-row{grid-template-columns:86px minmax(0,1fr) minmax(225px,40%);gap:9px}.task-columns{grid-template-columns:minmax(0,1fr) 32px 72px;gap:7px}.task-unit>.row-delay{left:66px}} @media(max-width:800px){.schedule-stage{grid-template-columns:36px minmax(0,1fr);gap:30px}#application .task-unit>.order-row{grid-template-columns:90px minmax(0,1fr);gap:7px}#application .task-unit .row-time{grid-column:1;grid-row:1}#application .task-unit .row-content{grid-column:2;grid-row:1}#application .row-details{grid-column:1/-1;grid-row:2}.task-unit>.row-delay{left:69px;top:23px;bottom:auto}#application .concurrent-grid .order-row{display:flex}.concurrent-grid .task-unit>.row-delay{left:auto;right:7px;top:8px}} @media(max-width:500px){.schedule-stage{gap:24px}#application .task-unit>.order-row{grid-template-columns:1fr;padding:8px 10px;gap:5px}#application .task-unit .row-time{grid-column:1;grid-row:1}#application .task-unit .row-content{grid-column:1;grid-row:2}#application .row-details{grid-column:1;grid-row:3}.task-unit>.row-delay{left:auto;right:8px;top:6px}.task-columns{grid-template-columns:minmax(0,1fr) 30px 65px;gap:6px}} /* 0.9.0.10: quieter work surfaces, explicit themes and compact sidebars. */ :root{--completed-bg:#293134;--completed-ink:#a9b3b6;--completed-line:#414b50;--field:#101b1d;--hover:#293b3e} :root[data-theme="light"]{color-scheme:light;--bg:#edf2f1;--panel:#f9fbfa;--surface:#fff;--line:#c4d2d0;--ink:#172b2c;--muted:#526768;--accent:#248a8c;--accent-hover:#379b9d;--accent-text:#176568;--accent-ink:#fff;--accent-soft:#e3f2f0;--accent-line:#9dbeba;--amber:#825914;--red:#ad303a;--field:#fff;--hover:#e7efed;--completed-bg:#bac3c5;--completed-ink:#38494d;--completed-line:#a6b2b5} body,.topbar,dialog,.modal-top,.focus-panel,.attention-panel,.auth-card{background:var(--panel);color:var(--ink)} body{background:var(--bg)}dialog{background:var(--panel);border-color:var(--line)}.modal-top{background:var(--panel)} label.field>input,label.field>textarea,label.field>select,.search-label input,pre{background:var(--field);border-color:var(--line);color:var(--ink)} button:hover{background:var(--hover);border-color:var(--accent-line)}button:disabled{cursor:not-allowed} .time-range,.checks{color:var(--ink)}.theme-toggle{margin-left:auto;white-space:nowrap} .sidebar-clock{display:flex;align-items:center;justify-content:center;gap:14px;margin:0 16px;padding:17px 0 18px;border-bottom:1px solid var(--line);flex:none} .analogue-clock{width:clamp(64px,5vw,86px);height:clamp(64px,5vw,86px);flex:none} .clock-face{fill:var(--surface);stroke:var(--line);stroke-width:1.5}.clock-ticks{stroke:var(--muted);stroke-width:1.6;stroke-linecap:round} .clock-hand{stroke:var(--ink);stroke-linecap:round}.hour-hand{stroke-width:4}.minute-hand{stroke-width:2.6}.second-hand{stroke:var(--accent-text);stroke-width:1;stroke-linecap:round}.clock-pin{fill:var(--accent-text)} .sidebar-clock .clock{margin:0;text-align:left}.sidebar-clock .clock strong{font-size:clamp(19px,1.6vw,27px);letter-spacing:-.5px}.sidebar-clock .clock span{font-size:9px;letter-spacing:.8px;margin-top:7px} #focus-content{padding:18px 16px 10px;gap:13px}#application .focus-panel .focus-question{margin:9px 0 1px;line-height:1.6} #application .focus-panel .current-card{padding:15px;border-radius:10px}#application .focus-panel .actual-card{padding:12px;margin:3px 0} #application .focus-panel .quick-controls{margin:9px 0 3px;gap:7px}#application .focus-panel .panel-bottom{border-top:1px solid var(--line);padding-top:14px;margin-top:8px;gap:7px} #application .focus-panel .next-card{padding-top:14px;margin-top:4px}.hours-summary{margin-top:5px} .attention-tools{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 0 0;font-size:10px;color:var(--muted);flex:none}.attention-tools button{font-size:10px;padding:5px} .attention-summary{display:flex;gap:3px;align-items:stretch;border:1px solid var(--line);border-radius:8px;background:var(--surface);flex:none;margin:3px 0} .attention-summary>button{display:flex;gap:7px;align-items:center;border:0;background:transparent;padding:11px 8px;font-size:11px;text-align:left;min-width:0} .attention-summary>button:first-child{flex:1}.attention-summary strong{font-size:10px;letter-spacing:.25px;line-height:1.5}.queue-count{margin-left:auto;font-variant-numeric:tabular-nums;color:var(--muted)} .attention-summary>button:last-child{border-left:1px solid var(--line);color:var(--accent-text)} .attention-modal-list>.queue-group>h3,.attention-expanded>.queue-group>h3{display:none}.attention-modal-list .queue-card{margin:7px 0;padding:13px}.attention-modal-list .queue-priority-heading{margin-top:18px} .task-dialog-meta{display:flex;justify-content:space-between;align-items:center;gap:18px;color:var(--muted);font-size:12px}.edit-task-button{display:flex;align-items:center;gap:6px;flex:none}.edit-task-button svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8} .task-tags{margin-bottom:16px}.task-outcome{line-height:1.65;margin:12px 0 20px;font-size:14px} .task-primary-actions{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin:24px 0 12px}.work-control{min-height:70px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:10px 5px;font-weight:700;font-size:13px}.work-control>span{font-size:22px;line-height:1}.work-start,.work-resume{border-color:var(--accent-line)}.work-complete{background:var(--accent);border-color:var(--accent);color:#041416}.work-complete:hover{background:var(--accent-hover)}.work-delete{color:var(--red)} .task-secondary-actions{display:flex;align-items:flex-start;gap:10px;margin:12px 0 24px}.task-more{flex:1}.task-more>summary{cursor:pointer;padding:10px 13px;border:1px solid var(--line);border-radius:7px;color:var(--muted);list-style:none;display:flex;justify-content:space-between;font-size:13px}.task-more-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:8px}.task-more-items button{text-align:left;font-size:12px} .task-note-form{border-top:1px solid var(--line);padding-top:20px;display:grid;gap:10px}.task-note-form textarea{min-height:70px}.task-note-form>button{justify-self:end;min-width:105px} .task-log{margin-top:14px;border-top:1px solid var(--line);padding-top:14px;color:var(--muted);font-size:12px}.task-log summary{cursor:pointer;padding:4px 0}.task-log summary>span{float:right;font-variant-numeric:tabular-nums}.record-details dl{display:grid;grid-template-columns:115px 1fr;gap:9px}.record-details dd{margin:0;overflow-wrap:anywhere}.record-details code{user-select:all;font-size:11px} /* Completed work remains readable and clickable, without competing with open work. */ #application :is(.order-row,.task-block).completed,.queue-card.completed{background:var(--completed-bg);border-color:var(--completed-line);border-left-color:var(--completed-line);color:var(--completed-ink);box-shadow:none} #application :is(.order-row,.task-block).completed *,#application :is(.order-row,.task-block).completed .row-title,.queue-card.completed *{color:var(--completed-ink)} #application :is(.order-row,.task-block).completed:hover,.queue-card.completed:hover{background:var(--completed-bg);border-color:var(--muted);filter:brightness(1.08)} #application :is(.order-row,.task-block).completed .priority-badge,#application :is(.order-row,.task-block).completed .department-tab{background:transparent;color:var(--completed-ink);border-color:var(--completed-line)} #application .order-row.completed .row-title{font-weight:500}.progress-segment.completed{background:var(--completed-line)} .working-hours-label{flex:none;padding:0 0 7px}.working-hours-label>button{display:flex;align-items:center;flex-wrap:wrap;gap:7px 20px;background:none;border:0;padding:3px 0;font-size:10px;color:var(--muted);text-align:left}.working-hours-label strong{color:var(--ink);margin-left:5px;font-variant-numeric:tabular-nums}.working-hours-label small{font-size:9px} .day-clock-hours{overflow:visible}.after-hours{position:absolute;left:0;right:0;border-radius:0 0 6px 6px;background:#707b7e;pointer-events:none}.day-hour{z-index:1;color:#000}.day-hour strong,.day-hour small{color:#000} .clock-boundary{position:absolute;left:-2px;right:-2px;border-top:1px solid #142d2c;z-index:2;pointer-events:none}.clock-boundary>span{position:absolute;left:1px;top:2px;font-size:7px;font-weight:750;line-height:1;color:#000}.clock-boundary-close>span{top:-9px} /* Theme overrides preserve semantic warning and priority colours. */ :root[data-theme="light"] :is(.current-card,.actual-card,.queue-card,.hours-summary,.segmented,.prompt-controls,.auth-card,.review-banner,.backlog-controls button,.push-back-button){background:var(--surface);border-color:var(--line)} :root[data-theme="light"] :is(.current-card h2,.current-card .outcome,.actual-card strong,.brand-name,.row-time strong,.row-meta,.block-meta,.block-time,.grid-label){color:var(--ink)} :root[data-theme="light"] :is(.segmented .selected,.backlog-controls .selected,.today,.timeline-toolbar .quiet.selected,.delay-grid button.selected){background:var(--accent-soft);color:var(--accent-text);border-color:var(--accent-line)} :root[data-theme="light"] :is(.order-row,.task-block){background:#fff;border-color:var(--line)} :root[data-theme="light"] .priority-p1{--priority-text:#172b2c}:root[data-theme="light"] .priority-p2{--priority-text:#285f3b}:root[data-theme="light"] .priority-p3{--priority-text:#755413}:root[data-theme="light"] .priority-p4{--priority-text:#47565f} :root[data-theme="light"] .queue-priority-heading{background:#e4ecea;color:var(--priority-text)} :root[data-theme="light"] .department-tab{background:#e6eeec;color:#334c4e} :root[data-theme="light"] #application :is(.order-row,.task-block).revenue-row{background:#fff6d4}:root[data-theme="light"] #application :is(.order-row,.task-block).business-row{background:#f2f1d9} :root[data-theme="light"] #application :is(.order-row,.task-block).current{background:#e0eeeb;border-color:#6ca8a3} :root[data-theme="light"] #application :is(.order-row,.task-block,.current-card,.actual-card):is(.timing-overrun,.timing-awaiting){background:#f5d9da;color:#612c32;border-color:#bb6d77} :root[data-theme="light"] #application :is(.timing-overrun,.timing-awaiting) :is(.row-title,h2,strong,.time-range,.timing-caption){color:#612c32} :root[data-theme="light"] #application :is(.order-row,.task-block).timing-affected{background:#f0d8e2;color:#000} :root[data-theme="light"] #application :is(.order-row,.task-block).completed{background:var(--completed-bg);border-color:var(--completed-line)} :root[data-theme="light"] .quick-controls .interrupt{background:#f4ecdc;color:#77521d;border-color:#d6c29e} :root[data-theme="light"] .form-error{background:#f9e2dd;color:#742c22;border-color:#d99f91}:root[data-theme="light"] .connection{background:#f5e6d5;color:#6b3d20} :root[data-theme="light"] .time-link path{opacity:.35}:root[data-theme="light"] .time-link.is-highlighted path{opacity:1} @media(max-width:690px){.task-primary-actions{gap:5px}.work-control{font-size:11px;min-height:63px}.sidebar-clock{padding:12px 0}.theme-toggle{margin-left:0}.record-details dl{grid-template-columns:1fr}.task-dialog-meta{gap:8px}#focus-content{gap:12px}} :root[data-theme="light"] .timing-pulse{animation-name:overrun-breathe-light} @keyframes overrun-breathe-light{0%,100%{background-color:#f5d9da;box-shadow:0 0 0 0 rgb(170 55 75 / 0)}50%{background-color:#edc7cb;box-shadow:0 0 17px 1px rgb(170 55 75 / .08)}} :root[data-theme="light"] #application :is(.timing-overrun,.timing-awaiting) :is(.meta,.row-meta,.row-time small,.row-status,.block-meta,.block-time,.eyebrow){color:#713e45} :root[data-theme="light"] .brand-pro,:root[data-theme="light"] .brand .brand-pro{color:#526d70} .attention-modal-list .priority-badge{display:inline-flex;align-items:center;justify-content:center;min-width:30px;padding:3px 5px;border:1px solid var(--priority-fill,#d1dce2);border-radius:4px;background:var(--priority-fill,#d1dce2);color:#000;font-size:10px;font-weight:800} .attention-modal-list .queue-task-title{color:var(--priority-text,var(--ink))}.attention-modal-list .queue-card.completed *{color:var(--completed-ink)} .attention-modal-list .queue-card.completed .priority-badge{background:transparent;border-color:var(--completed-line);color:var(--completed-ink)} :root[data-theme="light"] :is(.critical-label,.business-critical-tag,.urgency-chip){color:#665515;border-color:#b7ad7d} :root[data-theme="light"] .urgency-chip.urgent{color:#8e401c;border-color:#be9374}:root[data-theme="light"] .urgency-chip.not_important_now{color:#52625b;border-color:#98aaa0} :root[data-theme="light"] :is(.ai-pending-label,.bumped-star){color:#24589b;text-shadow:none} :root[data-theme="light"] .task-primary-actions .work-delete{background:#fff4f2;border-color:#d6b6b3} /* 0.9.0.11: compact operational desktop; completed work yields space first. */ @media(min-width:1201px){ #application .workspace,#application .connection:not([hidden])+.workspace{grid-template-columns:clamp(210px,16vw,270px) minmax(0,1fr) clamp(390px,29vw,580px)} #application .attention-panel{padding:13px 18px 0} #application .wordmark{min-width:calc(clamp(210px,16vw,270px) - 32px)} } #application .rundown{padding:11px 13px 0;container-type:inline-size} #application .rundown>.section-top{min-height:28px;flex-wrap:nowrap;gap:12px} #application .rundown>.section-top .segmented button{font-size:10px;padding:5px 8px} #application .timeline-toolbar{gap:5px;margin:5px 0 7px;flex-wrap:wrap;align-items:center} #application .timeline-toolbar .segmented button{font-size:10px;padding:5px 7px} #application .timeline-toolbar>.quiet{font-size:10px;padding:5px 4px} #application .timeline-toolbar .backlog-controls{padding:0;gap:3px;margin-left:auto;font-size:9px} #application .timeline-toolbar .backlog-controls button{font-size:9px;padding:5px 6px} #application .timeline-toolbar .file-controls{margin-left:3px}.timeline-toolbar .file-controls button{font-size:10px;padding:5px} .operations-band{display:grid;grid-template-columns:minmax(195px,1.25fr) minmax(185px,1fr) minmax(150px,.85fr);gap:9px;align-items:center;flex:none;margin:0 0 8px;padding:7px 0;border-block:1px solid var(--line);font-size:10px;line-height:1.55} .operational-counts{color:var(--muted);text-align:left;min-width:0;overflow-wrap:normal} #application .operations-band .plan-count,#application .operations-band .plan-summary{display:inline;margin:0;font-size:inherit;line-height:inherit} #application .operations-band .plan-summary>span{white-space:nowrap}.counts-divider,.count-dot{color:var(--muted)} #application .operations-band .working-hours-label{padding:0;text-align:center} #application .operations-band .working-hours-label>button{display:block;width:100%;text-align:center;font-size:10px;padding:0;line-height:1.55} #application .operations-band .working-hours-label>button>span{white-space:nowrap} #application .operations-band .working-hours-label strong{margin-left:2px}.operations-band .hours-dot{padding:0 3px} #application .operations-band .working-hours-label small{display:inline;font-size:9px} #application .operations-band .timing-legend{display:flex;justify-content:flex-end;align-items:center;gap:2px 9px;font-size:9px;margin:0;line-height:1.5} .operations-band .timing-legend>span{white-space:normal}.operations-band .timing-swatch{width:6px;height:6px;flex:none} #application .timeline.order-view{gap:2px} .schedule-stage{grid-template-columns:38px minmax(0,1fr);gap:32px} #application .task-unit>.order-row,#application .compact .task-unit>.order-row{min-height:36px;padding:5px 8px;grid-template-columns:89px minmax(0,1fr) minmax(178px,34%);gap:8px} #application .task-unit .row-title{font-size:13px;line-height:1.3;font-weight:600} #application .task-unit .row-meta{font-size:9px;line-height:1.25;margin-top:1px} #application .task-unit .row-time strong{font-size:10px;line-height:1.25} #application .task-unit .row-time small{font-size:9px;line-height:1.2;margin-top:1px} #application .task-unit .row-details{gap:2px} #application .task-unit .task-columns{grid-template-columns:minmax(0,1fr) 25px 60px;gap:5px} #application .task-unit .department-tab{display:block;max-width:100%;font-size:9px;padding:2px 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-radius:3px} #application .task-unit .priority-badge{min-width:24px;min-height:18px;font-size:9px;padding:1px 3px} #application .task-unit .row-status{font-size:9px;line-height:1.2} #application .task-unit .row-flags{gap:1px 5px} #application .task-unit .row-flag,#application .task-unit .urgency-chip{font-size:8px;line-height:1.25} #application .task-unit>.order-row.important-row{min-height:44px;border-left-width:3px} #application .task-unit>.order-row.important-row .row-title{font-size:14px;font-weight:730} #application .task-unit>.order-row.completed-routine{min-height:22px;padding-block:1px} #application .task-unit>.order-row.completed-key{min-height:24px;padding-block:2px} #application .task-unit>.order-row.completed :is(.row-meta,.row-time small,.row-flags){display:none} #application .task-unit>.order-row.completed .row-title{font-size:11px;line-height:18px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #application .task-unit>.order-row.completed-key .row-title{font-weight:600} #application .task-unit>.order-row.completed :is(.department-tab,.row-status){font-size:8px;padding-block:0} #application .task-unit>.order-row.completed .priority-badge{min-height:15px;font-size:8px;padding-block:0} #application .fit-dense .task-unit>.order-row{min-height:32px;padding-block:4px} #application .fit-dense .task-unit>.order-row.important-row{min-height:39px} #application .fit-dense .task-unit>.order-row.completed-routine{min-height:22px;padding-block:1px} #application .fit-dense .task-unit>.order-row.completed-key{min-height:24px;padding-block:2px} #application .fit-dense .task-unit>.order-row .row-meta{display:none} #application .task-unit>.row-delay{left:68px;right:auto;bottom:1px;top:auto;width:20px;height:20px;font-size:14px} #application .schedule-gap{padding:1px 5px;font-size:9px;line-height:1.2} #application .task-unit.awaiting-ai{margin-top:3px;margin-left:12px;width:calc(100% - 12px)} #application .concurrent-band{margin:3px 0 4px}.now-bracket{height:21px} #application .concurrent-grid .task-unit>.order-row{min-height:89px;display:flex;padding:8px 10px;gap:5px} #application .concurrent-grid .task-columns{grid-template-columns:minmax(0,1fr) 25px 60px;gap:5px} #application .concurrent-grid .task-unit>.row-delay{left:auto;right:5px;top:5px;bottom:auto} #application .concurrent-grid .row-title{font-size:13px} #application .fit-dense .concurrent-grid .task-unit>.order-row{min-height:78px} /* A fuller management sidebar makes each expanded item useful without tall cards. */ @media(min-width:1201px){ .attention-panel .queue-card{padding:10px 12px} .attention-panel .queue-task-title{font-size:13px;line-height:1.4} .attention-panel .queue-card .task-columns{grid-template-columns:minmax(0,1fr) 32px 87px;margin:5px 0 3px;gap:10px} .attention-panel .queue-card .department-tab{font-size:10px;max-width:100%} .attention-panel .queue-card .row-status{font-size:10px} .attention-panel .attention-summary>button{padding:12px 11px;font-size:12px} .attention-panel .attention-summary strong{font-size:11px} } /* Clock, date, then optional additional places. No unused-clock placeholder. */ .sidebar-clock{margin:0 14px;padding:12px 0 5px;gap:12px;border-bottom:0;justify-content:flex-start} .analogue-clock{width:70px;height:70px} .sidebar-clock .clock{min-width:0;flex:1}.sidebar-clock .clock>strong{font-size:clamp(20px,1.7vw,29px);line-height:1.15;letter-spacing:-.8px} #application .sidebar-clock .day-heading{margin-top:5px;line-height:1.3;font-size:11px;color:var(--muted)} #application .sidebar-clock .clock-calendar-date{display:block;font-size:11px;letter-spacing:0;color:var(--ink);margin:0} #application .sidebar-clock .clock-weekday{display:block;font-size:12px;font-weight:650;letter-spacing:0;margin-top:3px;color:var(--muted)} .add-clock-control{align-self:flex-start;margin:0 14px 6px;padding:4px 1px;font-size:10px;color:var(--muted);border:0} #view-warning{margin:0 14px}#view-warning:empty{display:none} #focus-content{padding-top:9px} .world-clocks{flex:none;display:flex;flex-direction:column;gap:4px;margin:4px 14px} .world-clock{display:flex;align-items:center;gap:8px;padding:7px 0;border-top:1px solid var(--line);min-width:0} .world-clock>div{flex:1;min-width:0}.world-clock strong{display:block;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.world-clock small{display:block;font-size:9px;color:var(--muted);margin-top:2px}.world-clock time{font-size:16px;font-weight:650;font-variant-numeric:tabular-nums;white-space:nowrap}.world-clock button{font-size:15px;padding:3px;border:0} .clock-map{display:block;width:100%;height:auto;aspect-ratio:2;margin-top:16px;border:1px solid var(--line);border-radius:8px;cursor:crosshair;touch-action:manipulation} .map-ocean{fill:var(--bg)}.map-land{fill:var(--surface);stroke:var(--muted);stroke-width:.35;stroke-opacity:.55}.map-grid{fill:none;stroke:var(--line);stroke-width:.45;opacity:.55}.city-dot{fill:var(--accent-text);stroke:var(--bg);stroke-width:.7;cursor:pointer}.city-dot:hover,.city-dot.selected{fill:var(--amber);stroke:var(--ink);stroke-width:1.5;r:4} .map-hint{font-size:11px;margin:7px 0}.clock-results{display:grid;grid-template-columns:1fr 1fr;gap:7px;max-height:240px;overflow:auto;padding:3px} .clock-result{display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;padding:10px;min-width:0}.clock-result strong{display:block;font-size:12px}.clock-result small{display:block;font-size:10px;color:var(--muted);margin-top:3px;overflow-wrap:anywhere}.clock-result time{font-size:12px;white-space:nowrap;font-variant-numeric:tabular-nums} .clock-selection{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--accent-soft);border:1px solid var(--accent-line);padding:13px;border-radius:8px;margin:12px 0}.clock-selection strong,.clock-selection span,.clock-selection time{display:block}.clock-selection span{font-size:11px;color:var(--muted);margin:4px 0}.clock-selection time{font-size:15px;font-variant-numeric:tabular-nums} /* The true-time rail stays independent of the compressed task list. */ .before-hours,.after-hours{position:absolute;left:0;right:0;background:#707b7e;pointer-events:none}.before-hours{border-radius:6px 6px 0 0} .welfare-rail-period{position:absolute;left:0;right:0;background:#438abc45;pointer-events:none;z-index:1} .welfare-tick{position:absolute;left:-2px;right:-2px;width:calc(100% + 4px);height:12px;min-height:0;transform:translateY(-6px);margin:0;padding:0;border:0;border-radius:0;background:transparent!important;z-index:4;cursor:pointer} .welfare-tick:after{content:"";display:block;position:absolute;left:0;right:0;top:5px;height:3px;background:#f4ce54;box-shadow:0 0 0 1px #6b572f55} .welfare-end-tick{position:absolute;left:-1px;right:-1px;border-top:2px solid #f4ce54;z-index:3;pointer-events:none} .welfare-bands{position:absolute;inset:0;width:100%;height:100%;z-index:3;pointer-events:none;overflow:hidden}.welfare-bands rect{fill:#51a1d4;opacity:.09} :root[data-theme="light"] .welfare-bands rect{fill:#247fbe;opacity:.08} @container(max-width:650px){.operations-band{grid-template-columns:1fr 1fr}.operations-band .operational-counts{grid-column:1/-1}.operations-band .working-hours-label>button{text-align:left}} @media(max-width:1200px){#application .task-unit>.order-row{grid-template-columns:89px minmax(0,1fr) minmax(180px,32%)}.operations-band{font-size:10px}.sidebar-clock{justify-content:center}} @media(max-width:800px){#application .task-unit>.order-row{grid-template-columns:85px minmax(0,1fr);gap:4px 8px}#application .task-unit .row-time{grid-column:1;grid-row:1}#application .task-unit .row-content{grid-column:2;grid-row:1}#application .task-unit .row-details{grid-column:1/-1;grid-row:2}#application .task-unit>.order-row.completed .row-details{display:none}#application .task-unit>.row-delay{left:65px;top:16px;bottom:auto}.schedule-stage{grid-template-columns:34px minmax(0,1fr);gap:24px}} @media(max-width:500px){.operations-band{grid-template-columns:1fr 1fr;gap:5px}.operations-band .operational-counts{grid-column:1/-1}#application .operations-band .working-hours-label>button{text-align:left}.clock-results{grid-template-columns:1fr}.clock-selection{align-items:flex-start;flex-direction:column}#application .task-unit .row-title{font-size:12px}#application .task-unit>.order-row.important-row .row-title{font-size:13px}#application .task-unit>.order-row.completed .row-title{font-size:11px}#application .timeline-toolbar .backlog-controls{margin-left:0}.schedule-stage{gap:18px}.sidebar-clock .clock{flex:0 1 auto}.analogue-clock{width:64px;height:64px}} /* 0.9.0.12: completed-row lettering grows inside a stable line box on hover/focus. */ #application .task-unit>.order-row.completed{--completed-ink:#939da0} :root[data-theme="light"] #application .task-unit>.order-row.completed{--completed-ink:#2e3f43} #application .task-unit>.order-row.completed .row-time strong{font-size:9.5px;line-height:16px} #application .task-unit>.order-row.completed:is(:hover,:focus-visible){background:var(--completed-bg);border-color:var(--completed-line);filter:none;box-shadow:none} #application .task-unit>.order-row.completed:is(:hover,:focus-visible) :is(.row-title,.row-time strong,.row-status,.department-tab,.priority-badge,.row-arrow){color:#fff} #application .task-unit>.order-row.completed:is(:hover,:focus-visible) .row-title{font-size:13px} #application .task-unit>.order-row.completed-key:is(:hover,:focus-visible) .row-title{font-size:14px} #application .task-unit>.order-row.completed:is(:hover,:focus-visible) .row-time strong{font-size:10px} /* A letter-only edge retains white hover lettering on the unchanged light-grey cell. */ :root[data-theme="light"] #application .task-unit>.order-row.completed:is(:hover,:focus-visible) :is(.row-title,.row-time strong,.row-status,.department-tab,.priority-badge,.row-arrow){text-shadow:0 1px 1px #243639,0 0 1px #243639} /* 0.9.0.13: separate work controls, optional detail and breathable desktop columns. */ @media(min-width:1201px){ #application .workspace{column-gap:clamp(24px,calc(10.4vw - 124.8px),76px)} #application .focus-panel{border-right:0} #application .attention-panel{border-left:0} #application .rundown{padding-inline:0} } #application .focus-panel .focus-question{word-spacing:normal;letter-spacing:1px;line-height:1.65;margin-bottom:4px} #application .focus-panel .quick-controls{margin-block:14px 9px;gap:9px} #application .quick-controls .welfare-start{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;padding:12px;background:#244354;color:#d5edf7;border-color:#4a7285;text-align:left} #application .quick-controls .welfare-start strong{font-size:12px;background:#b8deeb;color:#132d39;padding:4px 12px;border-radius:5px} #application .quick-controls .interrupt{grid-column:auto;font-size:10px;letter-spacing:.2px} .focus-bottom{flex:none;margin:26px 16px 14px;padding-top:12px;border-top:1px solid var(--line)} .focus-bottom .hours-summary{width:100%;font-size:11px;text-align:left} #application .current-card.next-task-card h2{font-size:21px} .next-task-card .button-row{gap:6px}.time-range small,.actual-start small{color:var(--muted);font-size:10px;margin-right:6px} .actual-start{font-size:12px;margin:5px 0 9px;color:var(--accent-text)} .activity-running .activity-time{display:flex;align-items:baseline;justify-content:space-between;gap:7px;margin:8px 0 10px} .activity-time time{font-size:19px;font-variant-numeric:tabular-nums;font-weight:650}.activity-time small{font-size:10px;color:var(--muted)} #application .actual-card.welfare-running{background:#1c3440;border-left-color:#a5d4eb} .activity-timer{text-align:center;margin:4px 0 24px;padding:18px;border:1px solid #527a90;border-radius:10px;background:#1d3440;color:#e8f5fb} .activity-timer time{display:block;font-size:42px;line-height:1.4;font-variant-numeric:tabular-nums;letter-spacing:2px;font-weight:650}.activity-timer p{margin:4px 0} .activity-more{margin-top:20px;padding-block:15px;border-block:1px solid var(--line)} .activity-more>summary{cursor:pointer;font-weight:650;font-size:13px}.activity-more[open]>summary{margin-bottom:18px} .resume-activity{margin:18px 0;font-size:12px}.quick-activity-reasons{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.quick-activity-reasons button{font-size:11px;padding:8px 11px} .management-menu{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.management-menu button{text-align:left;padding:16px}.management-menu strong{display:block;font-size:15px}.management-menu span{display:block;color:var(--muted);font-size:12px;margin-top:6px;line-height:1.5} .work-confirm-summary{padding:16px 18px;border:1px solid var(--line);background:var(--surface);border-radius:9px;margin-block:15px 22px}.work-confirm-summary p{margin:6px 0 18px}.work-confirm-summary p:last-child{margin-bottom:0}.work-confirm-summary h3{margin:6px 0} .work-mode-options{border:0;padding:0;margin:23px 0;display:grid;grid-template-columns:1fr 1fr;gap:12px}.work-mode-options legend{font-weight:700;margin-bottom:12px}.work-mode-options label{display:flex;gap:10px;padding:16px;border:1px solid var(--line);background:var(--surface);border-radius:9px;cursor:pointer}.work-mode-options label:has(:checked){border-color:var(--accent-text);background:var(--accent-soft)}.work-mode-options input{margin-top:3px;accent-color:var(--accent)}.work-mode-options strong,.work-mode-options small{display:block}.work-mode-options small{font-size:11px;color:var(--muted);line-height:1.5;margin-top:6px} .actual-work-summary{padding:12px 0 4px;font-size:13px;color:var(--muted)}.actual-work-summary strong{color:var(--ink)} .welfare-chip{display:flex;align-items:center;gap:7px;width:max-content;max-width:100%;font-size:10px;line-height:1.2;padding:4px 8px;margin:0 0 3px;border:1px solid #4c7183;border-radius:5px;background:#203f50;color:#d9f0ff;text-align:left;position:relative;z-index:5;white-space:normal} .welfare-chip time{font-size:9px;font-variant-numeric:tabular-nums;white-space:nowrap;margin-left:auto}.welfare-chip:hover{background:#2c5368;color:#fff}.time-link.welfare-time-link path{stroke:#b6d8f0;stroke-dasharray:3 3;opacity:.85}.time-link.welfare-time-link circle{fill:#f4ce54} :root[data-theme="light"] #application .quick-controls .welfare-start,:root[data-theme="light"] #application .actual-card.welfare-running{background:#deedf4;color:#193748;border-color:#9ec5d5} :root[data-theme="light"] .activity-timer{background:#e4f0f6;color:#163748;border-color:#9dc5d8} :root[data-theme="light"] .welfare-chip{background:#daedf7;color:#12364a;border-color:#90b7cc} :root[data-theme="light"] .time-link.welfare-time-link path{stroke:#417a9b} @media(max-width:600px){.management-menu,.work-mode-options{grid-template-columns:1fr}.focus-bottom{margin-top:22px}.activity-timer time{font-size:34px}} /* 0.9.0.14: a scheduled-time ribbon appears only for the inspected row. */ .time-link{--time-curve:#91c5ed;--time-fill:#456e91;--time-fill-opacity:.65} .time-link.is-closed{--time-curve:#b0bbc2;--time-fill:#68757e} :root[data-theme="light"] .time-link{--time-curve:#397fae;--time-fill:#41769c;--time-fill-opacity:.26} :root[data-theme="light"] .time-link.is-closed{--time-curve:#687983;--time-fill:#64717a} .time-links .time-link.is-highlighted{color:var(--time-curve)} .time-links .time-link .time-band-fill{fill:var(--time-fill);stroke:none;opacity:0;transition:opacity .12s ease} .time-links .time-link .time-end-curve,.time-links .time-link .time-end-point{opacity:0;transition:opacity .12s ease} .time-links .time-link.is-highlighted .time-band-fill{opacity:var(--time-fill-opacity);stroke:none} .time-links .time-link.is-highlighted .time-end-curve,.time-links .time-link.is-highlighted .time-end-point{opacity:1} @media(prefers-reduced-motion:reduce){.time-links .time-link :is(.time-band-fill,.time-end-curve,.time-end-point){transition:none}} @media(min-width:1201px){ /* Borrow part of the existing left gutter; preserve the task list and both sidebar widths. */ #application .rundown{--rail-offset:clamp(12px,calc(5.2vw - 62.4px),36px);margin-left:calc(0px - var(--rail-offset));padding-left:var(--rail-offset)} #application .rundown .schedule-stage{margin-left:calc(0px - var(--rail-offset));column-gap:calc(32px + var(--rail-offset))} } /* .17 timeline highlight patch: linked selection without changing row geometry. */ .time-links{z-index:3} .time-links .time-start-curve{pointer-events:stroke;cursor:pointer} .time-links .time-link.is-highlighted .time-end-curve{pointer-events:stroke;cursor:pointer} .rail-task-highlights{position:absolute;inset:0;pointer-events:none;border-radius:inherit;overflow:hidden} .rail-task-highlight{position:absolute;left:0;right:0;min-height:2px;background:#508dbb80;border-block:2px solid #246793;box-sizing:border-box} .rail-task-highlight.is-closed{background:#59636e80;border-color:#424c56} #application .order-row.time-inspected{box-shadow:inset 0 0 0 2px #91c5ed} #application .order-row.completed.time-inspected{box-shadow:inset 0 0 0 2px #b0bbc2} #application .order-row.completed.time-inspected :is(.row-title,.row-time strong,.row-status,.department-tab){color:#fff} :root[data-theme="light"] #application .order-row.time-inspected{box-shadow:inset 0 0 0 2px #397fae} :root[data-theme="light"] #application .order-row.completed.time-inspected{box-shadow:inset 0 0 0 2px #687983} .day-clock-hours{cursor:pointer} .time-band-choices{display:grid;gap:8px} .time-band-choices button{display:flex;flex-direction:column;gap:5px;text-align:left;padding:12px} .time-band-choices button span{font-size:12px;color:var(--muted)} /* Edit options remain native, keyboard-accessible checkboxes, presented as toggle buttons. */ .checks .task-toggle{position:relative;display:inline-flex;cursor:pointer} .task-toggle>input{position:absolute;width:1px;height:1px;margin:0;opacity:0;clip-path:inset(50%)} .task-toggle>span{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:9px 13px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);font-size:13px;font-weight:650;transition:background .15s,border-color .15s,box-shadow .15s} .task-toggle>span>i{font-style:normal;opacity:.25} .task-toggle:hover>span{border-color:var(--accent-text)} .task-toggle>input:checked+span{background:#a4d9b5;border-color:#84c89a;color:#10291a;box-shadow:0 0 0 1px #84c89a33,0 0 12px #84c89a18} .task-toggle>input:checked+span>i{opacity:1} .task-toggle>input:focus-visible+span{outline:2px solid var(--accent-text);outline-offset:3px} .day-hour-tick{position:absolute;left:0;right:0;height:1px;background:rgba(0,0,0,.22);pointer-events:none;z-index:1} .task-session-group{display:grid;gap:3px;min-width:0}.welfare-order-row{background:repeating-linear-gradient(135deg,transparent 0 7px,#75aabe1c 7px 9px),#24343c!important;border-color:#66818b!important;color:#dae5e8!important;min-height:32px}.welfare-order-row .row-meta{display:block;color:inherit;font-size:10px}.welfare-order-row .row-title,.welfare-order-row .row-time strong{color:inherit!important}:root[data-theme="light"] .welfare-order-row{background:repeating-linear-gradient(135deg,transparent 0 7px,#4c71831c 7px 9px),#dce7eb!important;color:#273c45!important} .completion-options{margin:18px 0;padding:16px;border:1px solid var(--line);border-radius:9px;background:var(--surface)}.completion-options>label{margin:12px 0}.completion-options summary{cursor:pointer;font-weight:700}.task-links{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0} .time-event-row{border-left:3px solid #d1b968;background:var(--accent-soft);min-height:34px}.time-event-row .row-meta{display:block;font-size:10px;color:var(--muted)} .event-rail-tick{position:absolute;left:-3px;right:-3px;height:5px;min-height:0;padding:0;border:0;border-radius:1px;background:#d7b94d;z-index:2;cursor:pointer} /* Touch: scroll the list beside a stationary rail; double tap opens a task. */ #application.touch-rundown #timeline-scroll{overflow-y:auto!important;overflow-x:hidden;touch-action:pan-y;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch} #application.touch-rundown #timeline{touch-action:pan-y} #application.touch-rundown :is(.order-row,.task-block){touch-action:pan-y;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none} #application.touch-rundown .resize-handle{display:none} @media(hover:none) and (pointer:coarse){#timeline-scroll,#timeline .order-row,#timeline .task-block{touch-action:pan-y}#timeline .resize-handle{display:none}} .time-links .event-time-link .time-start-curve{stroke:#d4bb66;opacity:.85}.time-links .event-time-link .event-point-shim{stroke:#d4bb66;stroke-width:3;opacity:1}.time-links .event-time-link.is-highlighted .time-start-curve{stroke:#ffe091;stroke-width:3;opacity:1}.rail-event-highlight{position:absolute;left:0;right:0;height:4px;transform:translateY(-50%);background:#ffe091}.alarm-sound-status{color:var(--amber);white-space:nowrap}.alarm-sound-status.sound-ready{color:var(--accent-text)} /* Main day filter: clearly selected, with comfortable desktop/touch targets. */ #application .timeline-toolbar .day-filter-controls{gap:4px} #application .timeline-toolbar .day-filter-controls button{font-size:11px;padding:7px 10px;min-height:32px} @media(max-width:700px){#application .timeline-toolbar .day-filter-controls{width:100%;margin-left:0}#application .timeline-toolbar .day-filter-controls button{flex:1;min-height:40px}}