*{box-sizing:border-box}body{margin:0;background:#f5f6f8;color:#252b34;font:14px/1.5 system-ui,-apple-system,sans-serif}button,input,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;border:1px solid #dce0e5;background:white;color:#303842;border-radius:7px;padding:9px 13px;font-weight:550}button:hover{background:#f1f3f6}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #b52332;outline-offset:3px}button:disabled{opacity:.5;cursor:default}a{color:inherit}.primary{background:#b52332;color:white;border-color:#b52332}.primary:hover{background:#961d2a}header{background:white;border-bottom:1px solid #e2e5e9;padding:13px 28px;display:flex;align-items:center;justify-content:space-between;gap:18px}.ct-logo{width:224px;display:block}nav{display:flex;gap:20px;align-items:center;font-size:13px}nav a{text-decoration:none;color:#626c78}.active{font-weight:650;color:#b52332}.avatar{border-radius:50%;padding:8px 12px;background:#faebed;color:#a52330}main{max-width:1320px;margin:auto;padding:26px 28px 36px}.muted{color:#66717e;font-size:12px}.top{display:flex;justify-content:space-between;gap:16px;align-items:end;margin-bottom:22px}h1{font-size:30px;letter-spacing:-1px;line-height:1.2;margin:5px 0 8px}h2{font-size:16px;margin:0}h3{font-size:17px;line-height:1.4;margin:6px 0}p{margin:7px 0 12px}.overview{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px}.metric{text-align:left;border:1px solid #e2e5e9;border-radius:10px;background:white;padding:14px 17px;font-weight:400}.metric strong{font-size:25px;display:block;font-weight:650;letter-spacing:-.6px}.metric span{font-size:12px;color:#616b77}.metric[aria-pressed=true]{border-color:#b52332;box-shadow:inset 0 -2px #b52332}.layout{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(275px,1fr);gap:22px;align-items:start}.panel{background:white;border:1px solid #e0e4e8;border-radius:12px;overflow:hidden}.panelhead{padding:19px 21px;border-bottom:1px solid #e4e7eb;display:flex;justify-content:space-between;gap:12px;align-items:center}.queuehint{padding:12px 21px;background:#fafbfc;font-size:12px;color:#606b77;border-bottom:1px solid #e5e8ec}.card{padding:20px 21px;border-bottom:1px solid #e3e6ea}.card:last-child{border:0}.meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:12px;color:#66717e}.badge{display:inline-block;font-size:11px;font-weight:650;padding:3px 7px;border-radius:5px;color:#78561c;background:#fbf1db}.red{background:#fae9eb;color:#a02030}.green{background:#edf5ef;color:#316246}.blue{background:#edf1f9;color:#405c84}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.actions button{font-size:12px}.decision{border-left:3px solid #b52332;padding:1px 0 1px 12px;margin-top:12px;color:#424c58;font-size:13px}.detail{margin-top:16px;padding:16px;background:#f5f6f8;border:1px solid #e0e4e8;border-radius:8px;font-size:13px}.detail label{display:block;margin-top:12px;font-size:12px;font-weight:600}.detail select,.detail input{width:100%;padding:9px;background:white;border:1px solid #cdd3db;border-radius:6px;margin-top:5px;color:#303842}.detail summary{cursor:pointer;font-weight:600;margin-top:12px}.railbody{padding:18px 21px}.person{padding:13px 0;border-bottom:1px solid #e4e7eb}.person:last-child{border:0}.personline{display:flex;justify-content:space-between;gap:10px;font-size:13px}.bar{height:5px;background:#e9edf1;border-radius:4px;margin:9px 0}.bar span{display:block;height:100%;background:#859aa6;border-radius:4px}.bar.warn span{background:#b52332}.rail .panel{margin-bottom:18px}.rail small{display:block;color:#66717e;font-size:11px}.update{padding:11px 0;border-bottom:1px solid #e4e7eb;font-size:13px}.update:last-child{border:0}.status{font-size:12px;color:#326146;margin-top:12px;min-height:20px}footer{font-size:11px;color:#6a7480;padding:20px 0}#notice{position:sticky;bottom:12px;padding:12px 16px;background:#253b31;color:white;border-radius:8px;margin-top:16px}#notice:empty{display:none}.linkbutton{border:0;padding:0;background:none;font-size:12px;color:#555f6b}.empty{padding:25px;color:#66717e} .error{color:#a02030;font-size:12px}
@media(max-width:850px){.layout{grid-template-columns:1fr}.rail{display:grid;grid-template-columns:1fr 1fr;gap:16px}}@media(max-width:520px){header{padding:12px 16px;flex-wrap:wrap;gap:10px}.ct-logo{width:185px}nav{gap:14px;font-size:12px}.avatar{display:none}main{padding:20px 14px}.top{align-items:start;flex-direction:column;gap:4px}h1{font-size:27px}.overview{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px}.metric{padding:12px}.metric strong{font-size:22px}.rail{display:block}.panelhead,.card,.railbody{padding:16px}.queuehint{padding:12px 16px}.panelhead{align-items:start;flex-direction:column}.actions button{min-height:40px}}
.hours-panel{margin:18px 0;padding:16px;background:white;border:1px solid #dce1e7;border-radius:9px}.hours-heading{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}.hours-facts{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:14px 0;border-bottom:1px solid #e4e7eb;margin-bottom:12px}.hours-facts span{display:block;color:#66717e;font-size:12px}.hours-facts strong{font-size:23px;font-weight:600}.hours-input{display:flex;gap:10px;align-items:center}.detail .hours-input input{width:130px;font-size:20px;font-weight:600}.hours-input span{color:#66717e}.hour-presets{margin:10px 0}.hour-presets button{padding:5px 10px}.hours-impact{font-size:12px;color:#405c84;padding-top:10px;border-top:1px solid #e4e7eb;margin-bottom:0}

.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.toolbar select,.toolbar input,select,input,textarea{font:inherit;border:1px solid #ccd3dc;border-radius:6px;padding:9px;background:white;color:#303842;max-width:100%}.toolbar label{font-size:12px}textarea{width:100%;min-height:75px;resize:vertical}.fieldgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.fieldgrid label{margin:0}.fieldgrid input,.fieldgrid select{width:100%}.brief{font-size:13px;color:#515d6c}.card h3{margin:8px 0}.badge{margin-right:5px}.history{font-size:12px;padding-left:20px;color:#5d6876}.history li{margin:7px 0}.time-total{font-size:30px;font-weight:650}.entry{border-bottom:1px solid #e1e5eb;padding:12px 0;font-size:13px}.entry button{font-size:11px;padding:4px 8px}.prioritynotice{padding:12px;border-left:3px solid #b52332;background:#fae9eb;border-radius:5px;margin:12px 0}.demo-strip{font-size:11px;color:#637080;margin-top:10px}.detail label{margin-bottom:10px}.detail input[type=checkbox]{width:auto}.state-note{font-size:12px;color:#626d79}.resetbox{padding:16px;background:#fff1db;border-radius:8px;margin-bottom:18px}.taskheading{display:flex;justify-content:space-between;gap:8px}.timer{padding:12px;background:#edf5ef;margin:12px 0;border-radius:8px}.flow{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0}.panelhead input{width:180px}.save-note{color:#316246;font-size:12px}button:disabled{opacity:.5}.hidden{display:none}@media(max-width:520px){.fieldgrid{grid-template-columns:1fr}.toolbar{gap:7px}.toolbar select{max-width:155px}header{align-items:start}.ct-logo{width:175px}.panelhead input{width:100%}}
/* Color and hierarchy refresh: shared local workbench, September 2026. */
:root{--ink:#23334a;--blue:#235aa8;--teal:#08756d;--amber:#925b06;--rose:#b3263b}
body{color:var(--ink);background:linear-gradient(135deg,#eef3f9 0%,#f8f9fb 50%,#f2f6f7 100%);background-attachment:fixed}
header{border-top:4px solid #ed1528;box-shadow:0 3px 18px #243b5310;flex-wrap:wrap}
header a{font-weight:600;text-decoration:none}header a:hover{text-decoration:underline}
.workspace-label{color:#58677b;font-weight:650;font-size:12px;text-transform:uppercase;letter-spacing:1.3px}
.top{padding:22px 24px;border:1px solid #dce5f0;border-radius:16px;background:linear-gradient(110deg,#fff 10%,#edf3fb 100%);box-shadow:0 5px 20px #243b5305;border-left:4px solid #e51b35}
h1{color:#21324b;font-size:32px}.top .muted{color:#52667e}.panel{box-shadow:0 5px 18px #243b5307;border-color:#dae3ed;border-radius:14px}
.panelhead{background:linear-gradient(110deg,#f0f5fb,#fcfdff);border-bottom-color:#dce5ef}.panelhead h2{color:#263e5c}
.metric{border-radius:13px;border-top:4px solid #60758f;box-shadow:0 4px 12px #243b5308;padding:18px 19px}.metric strong{font-variant-numeric:tabular-nums;font-size:30px;line-height:1.3}.metric span{font-weight:600;color:inherit}.metric small{display:block;font-size:11px;margin-top:7px;color:inherit;opacity:.9}
.metric[data-filter=schedule],.financial-invoice{background:#edf4ff;color:#235397;border-color:#bed1ed;border-top-color:#3475cb}
.metric[data-filter=blocked],.financial-loss{background:#fff0f2;color:#a3233b;border-color:#efc4cc;border-top-color:#ce3c55}
.metric[data-filter=ack],.financial-commitment{background:#fff6e6;color:#825206;border-color:#ead3a6;border-top-color:#c58b20}
.metric[data-filter=review],.financial-cost{background:#f3effb;color:#634497;border-color:#daceed;border-top-color:#8b68ba}
.financial-margin{background:#e9f6f2;color:#146a55;border-color:#b7dece;border-top-color:#229d7c}
.metric[aria-pressed=true]{outline:2px solid currentColor;outline-offset:2px;box-shadow:none}
.metric:hover{filter:brightness(.98)}.card{position:relative;border-left:4px solid transparent;transition:background .15s}.card:hover{background:#fcfdff}.card.task-blocked{border-left-color:#cf5064}.card.task-approved{border-left-color:#329c7b}.card:last-child{border-left:4px solid transparent}.card.task-blocked:last-child{border-left-color:#cf5064}.card.task-approved:last-child{border-left-color:#329c7b}
.meta{color:#5d6d81;font-weight:550}.badge{border-radius:6px;padding:4px 8px;background:#fff1d4;color:#805009}.red{background:#fce7ec;color:#a3233b}.green{background:#e0f3eb;color:#226447}.blue{background:#e7effc;color:#315d94}
.deadline-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:10px 0 12px;font-size:12px}.deadline{padding:5px 9px;border-radius:6px;font-weight:650;border:1px solid transparent}.deadline.today{color:#875106;background:#fff1d6;border-color:#f0d49a}.deadline.overdue{color:#a2233a;background:#fce8ed;border-color:#efbdc7}.deadline.upcoming{color:#315d94;background:#edf3fc;border-color:#d3e0f3}.deadline.fixed{color:#644794;background:#f1ebfa;border-color:#dcd0ed}.effort{color:#5a687a;font-size:12px}
.actions button:first-child{color:#28588f;background:#eef4fc;border-color:#d1dff0}.bar{height:7px}.bar span{background:linear-gradient(90deg,#448bc3,#288d95)}.bar.warn span{background:#c73a51}.time-total{color:#08756d;font-size:38px}.hours-facts strong{color:#235a94}.hours-panel{border-top:3px solid #5d88ba}.detail{background:#f2f6fb}.prioritynotice{border-left-color:#cf3a54;background:#fff0f3}
.finance-page .queuehint{border:1px solid #dbe4ee;border-radius:9px;margin-bottom:20px;background:#f8fbff}.finance-page .railbody label{display:block;font-size:12px;font-weight:600;margin:14px 0 10px}.finance-page .railbody input{display:block;width:100%;margin-top:6px}.finance-page hr{border:0;border-top:1px solid #e0e7ef;margin:22px 0}.finance-page .entry strong{color:#674892;font-variant-numeric:tabular-nums}.scope-pending{display:inline-block;background:#fff0ce;color:#805009;border-radius:5px;padding:3px 7px}.scope-confirmed{color:#146a55}.invoice-total{background:#edf4ff;border-left:3px solid #3475cb;border-radius:6px;color:#235397;padding:14px;margin-top:20px}.finance-page footer{line-height:1.8}
@media(max-width:520px){.top{padding:18px 16px}h1{font-size:27px}.metric{padding:13px 12px}.metric strong{font-size:24px}.finance-page .metric strong{font-size:22px}.metric small{font-size:10px}header .workspace-label{display:none}.deadline{font-size:11px}.finance-page header .ct-logo{width:185px}.finance-page header a{font-size:12px}}

/* Time actions: sage for timing, umber for manual entry. */
button.timer-start{background:#e4eee1;color:#365337;border-color:#adbea5}
button.timer-start:hover{background:#d3e2ce;border-color:#829d78}
button[data-action="log-open"]{background:#f1e5d9;color:#704927;border-color:#ccb296}
button[data-action="log-open"]:hover{background:#e7d5c2;border-color:#ad8965}
button.timer-active{background:#436644;color:#fff;border-color:#436644}
button.timer-active:hover{background:#345235;border-color:#345235}
[hidden]{display:none!important}

/* Original abstract backdrop: offset planes suggesting intersecting workstreams.
   CSS only, no image downloads or animation; opaque work panels preserve readability. */
body{isolation:isolate;background:#e9eeef;background-image:linear-gradient(155deg,#f4f5f3 0%,#e9eeef 55%,#e1e9ed 100%);background-attachment:fixed}
body::before,body::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none}
body::before{background:linear-gradient(148deg,transparent 0 29%,#ffffff85 29.1%,#ffffff38 43%,transparent 43.1%),linear-gradient(32deg,transparent 0 46%,#c4d3d058 46.1%,#dae3dd4d 65%,transparent 65.1%),linear-gradient(148deg,transparent 0 69%,#adc1cb38 69.1%,#ffffff66 85%,transparent 85.1%)}
body::after{background:linear-gradient(32deg,transparent 0 17%,#ffffff70 17.1%,#ffffff0a 35%,transparent 35.1%),linear-gradient(148deg,transparent 0 47%,#ffffff6b 47.1%,#e1dcd024 59%,transparent 59.1%)}
.top{background:linear-gradient(115deg,#ffffffed,#f7fafbdd 60%,#e7eeebbf);box-shadow:0 5px 22px #263c4710}
.panel{box-shadow:0 6px 22px #263c470c}
@media print{body{background:white}body::before,body::after{display:none}}

/* Calm, large-scale planes: color at the edges, quiet behind the work. */
body{background:#edf1f2;background-image:radial-gradient(ellipse at 50% 40%,#fafbf9 0%,#eff3f1 48%,#dbe4e8 100%);background-attachment:fixed}
body::before{background:linear-gradient(148deg,transparent 0 24%,#9ab3ab40 24.3%,#bdcec424 43%,transparent 43.4%),linear-gradient(32deg,transparent 0 66%,#90a8ba42 66.4%,#d4dfe733 87%,transparent 87.4%);background-size:cover;background-repeat:no-repeat}
body::after{background:radial-gradient(ellipse at 50% 45%,#f7f9f7b3 0%,#f7f9f740 55%,transparent 85%),linear-gradient(148deg,transparent 0 72%,#ffffff80 72.4%,#ffffff24 89%,transparent 89.4%);background-size:cover;background-repeat:no-repeat}
.top{background:linear-gradient(115deg,#fffffff5,#f7fafbf0);box-shadow:0 5px 22px #263c4710}

/* Give the wordmark a stronger presence on desktop. */
@media(min-width:851px){header .ct-logo{width:320px;flex-shrink:0}}

/* Layered elevation: distinct tiles without heavy outlines. */
.panel{box-shadow:0 2px 5px #253b4910,0 10px 24px -7px #253b492b}
.top{box-shadow:0 2px 5px #253b490c,0 9px 22px -7px #253b4924}
.metric{box-shadow:0 2px 4px #253b4910,0 8px 18px -5px #253b492b}
.metric[aria-pressed=true]{box-shadow:0 2px 4px #253b4910,0 8px 18px -5px #253b492b}
@media print{.panel,.top,.metric{box-shadow:none}}
.finance-page .top>div{min-width:0;width:100%}.finance-page #job-picker{width:100%;max-width:540px}.finance-page h1{overflow-wrap:anywhere}

/* Reflective CurrentTrack symbol, shared across screen headers. */
header .ct-logo{width:76px;height:76px;object-fit:contain;flex:0 0 76px;border-radius:0}
@media(max-width:520px){header .ct-logo{width:56px;height:56px;flex-basis:56px}}

/* Full brand lockup: reflective symbol plus original wordmark and tagline. */
header .ct-logo{width:320px;height:auto;flex:0 0 320px;max-width:100%}
@media(max-width:520px){header .ct-logo{width:246px;height:auto;flex-basis:246px}}

/* Urgent headings share the Blocked tasks status color. */
.urgent-heading{color:#a3233b}

.work-code-picker{position:relative;max-width:30rem;min-width:0}.work-code-picker>label{display:block}.work-code-picker>input{width:100%}.work-code-picker>a{display:inline-block;margin-top:8px;font-size:13px}#work-code-options{position:absolute;top:74px;left:0;right:0;z-index:12;background:white;border:1px solid #abbcaf;border-radius:8px;box-shadow:0 8px 20px #263b3026;max-height:230px;overflow:auto;padding:5px}#work-code-options[hidden]{display:none}#work-code-options [role=option]{padding:10px 12px;cursor:pointer;border-radius:5px}#work-code-options [role=option]:hover,#work-code-options [aria-selected=true]{background:#eaf1ec;color:#244d39}#work-code-options p{padding:8px}

.badge.ready{background:#16803c;color:#fff}

/* Consistent, visible dropdown indicators without changing native select behavior. */
body select:not([multiple]):not([size]),body select:not([multiple])[size="1"]{
 -webkit-appearance:none;appearance:none;
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='m3 6 5 5 5-5' fill='none' stroke='%23c42534' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
 background-repeat:no-repeat;background-position:right 12px center;background-size:16px 16px;padding-right:40px;
}
body summary::marker{color:#c42534}
body summary::-webkit-details-marker{color:#c42534}
@media(forced-colors:active){
 body select:not([multiple]):not([size]),body select:not([multiple])[size="1"]{-webkit-appearance:auto;appearance:auto;background-image:none}
 body summary::marker{color:ButtonText}
 body summary::-webkit-details-marker{color:ButtonText}
}

/* Personal waiting work stays visible without displacing ready assignments. */
.waiting-tasks{padding:20px 24px;background:#fffaf0;border-top:1px solid #eadbb8}.waiting-tasks h3{margin:0 0 8px}.waiting-task{border-top:1px solid #e6dcc6;padding:12px 0}.waiting-task summary{cursor:pointer}.waiting-task summary strong,.waiting-reason,.waiting-task summary .meta,.waiting-task summary .muted{display:block;margin:5px 0}.waiting-reason{color:#795222}.waiting-detail .card{margin-top:12px;background:white}

.blocker-dialog{width:min(640px,90vw);max-height:85vh;overflow:auto;border:1px solid #e7c6ca;border-top:5px solid #be1e36;border-radius:14px;padding:24px;color:#25364d}.blocker-dialog::backdrop{background:rgb(20 35 50 / 45%)}.blocker-explanation{border-top:1px solid #e4e8ee;padding:12px 0 20px}.blocker-dialog form{margin-top:16px}.traffic-job button[data-blocked-job]{cursor:pointer;text-decoration:underline;text-underline-offset:3px}.traffic-job button[data-blocked-job]:focus-visible{outline:3px solid #be1e36;outline-offset:3px}