:root{color-scheme:light}
.workbench-status{margin:-6px 0 20px;padding:11px 14px;background:#eef1f5;border-radius:7px;color:#536174;font-size:12px}
.status-line{display:flex;gap:12px 22px;align-items:center;flex-wrap:wrap}
#page-state{font-weight:500}#sync-state{color:#657184}
.status-details{margin-left:auto;position:relative}.status-details>summary{white-space:nowrap;cursor:pointer}
#task-details{position:absolute;right:0;top:28px;z-index:25;width:min(470px,82vw);background:#fff;border:1px solid #d9dfe8;border-radius:9px;padding:15px 18px;box-shadow:0 8px 24px #0002;font-size:12px;line-height:1.8}
#task-details p{margin:5px 0}#task-details progress{width:100%;height:7px;accent-color:#667f9a}
[data-theme=dark] .workbench-status{background:#202125;color:#c7cad0}
[data-theme=dark] #sync-state{color:#a9adb6}
[data-theme=dark] #task-details{background:#24262b;border-color:#3c3f46;color:#c2c6cf}
@media(max-width:760px){.workbench-status{font-size:11px}.status-line{gap:8px 14px}#sync-state{flex-basis:100%;order:3}.status-details{position:static}#task-details{right:17px;top:auto;margin-top:8px;width:calc(100vw - 34px)}}
.theme-toggle{border:1px solid var(--line);border-radius:6px;background:transparent;color:var(--ink);padding:6px 10px;font-size:12px;min-height:34px;white-space:nowrap}
.business-shortcuts{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin:0 0 18px}
.business-label{color:#65748a;font-size:12px;margin-right:5px}
.business-chip{border:1px solid transparent;background:transparent;border-radius:6px;padding:7px 11px;min-height:36px;color:#52647e;font-size:12px}
.business-chip:hover{background:#edf1f7}
.business-chip.active{background:#fff;border-color:#bbcde9;color:#365d9b;font-weight:600}
[data-theme=dark]{color-scheme:dark;--ink:#ececea;--muted:#a7a8ac;--line:#303136;--blue:#c3ccd9;--blue-soft:#292b30;--paper:#141518}
[data-theme=dark] .sidebar{background:#17181b;border-color:var(--line)}
[data-theme=dark] :is(.topbar,.project,.source-card,.settings-panel,.filter-popover,.detail-dialog,dialog,.detail-topbar,.detail-tabs,.metrics>div,.run,.skip){background:#1d1e22;border-color:var(--line);color:var(--ink)}
[data-theme=dark] :is(.overview-box,.notice,.section-note,.monitor-strip,.empty,.company-avatar,.source-symbol,.settings-symbol,.detail-loading,.skeleton-card){background:#242529;border-color:var(--line);color:var(--ink)}
[data-theme=dark] :is(.project-footer,.project-bottom,.detail-hero,.fact-block,.detail-panel,.source-foot,.sidebar-foot,.notice-header,.facts-grid,.project-body,.progress-cell,.workspace-toolbar,.list-controls,.filter-panel,.note-ignore){border-color:var(--line)}
[data-theme=dark] :is(.brand,.project-title,.heading h1,.detail-hero h2,.panel-heading h3,.source-head h2,.settings-intro h2,.popover-heading,.overview-box h3,.notice h3){color:#f0f0ed}
[data-theme=dark] :is(.heading p,.row-overview,.overview-box p,.fact-block>p,.inline-fact strong,.row-meta,.region-mark,.detail-eyebrow,.scope,.region-chip,.business-chip,.nav,.detail-tabs button,.filter-fields label,.settings-fields label,.detail-panel p,.source-card>p){color:#b7b8bd}
[data-theme=dark] :is(.workspace-label,.brand small,.topbar,.inline-fact>span,.inline-fact strong.unknown,.progress-help,.project-footer time,.excerpt-label,.source-status,.source-foot,.hint,.detail-disclaimer,.panel-heading p,.fact-block>strong,.list-caption #scope-note,.filter-hint,.business-label,.checks>span,.source-diagnostics,.timeline-meta,.notice>small,.notice-timeline li>small){color:#9d9fa6}
[data-theme=dark] :is(.follow-button,.secondary,.region-chip.active,.business-chip.active,.icon-button,.theme-toggle,.filter-toggle){background:#242529;border-color:#3a3c42;color:#d0d2d8}
[data-theme=dark] :is(input,textarea,select,.search-box,.filter-details>summary){background:#191a1e;color:#ececea;border-color:#36383f}
[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:#9698a0}
[data-theme=dark] :is(.nav:hover,.business-chip:hover,.region-chip:hover,.scope:hover,.follow-button:hover,.secondary:hover,.icon-button:hover){background:#2c2e33;color:#eeefec}
[data-theme=dark] :is(.nav.active,.follow-button.selected,.nav-count){background:#303237;color:#e0e1df}
[data-theme=dark] :is(.scope.active,.detail-tabs button.active){color:#e3e4e1;border-color:#c9ccd1}
[data-theme=dark] :is(.row-source a,.detail-link,.notice-header a,.notice-timeline a,.fact-block details,.text-button){color:#bac7d6}
[data-theme=dark] .stage-label{background:#27352d;color:#b4cbb9}
[data-theme=dark] .stage-label.changed{background:#353025;color:#d4c29e}
[data-theme=dark] .stage-label.closed{background:#2d2f34;color:#b4b6bd}
[data-theme=dark] .stage-label.planned{background:#2c3037;color:#bbc2ce}
[data-theme=dark] .primary{background:#dedfda;color:#fff;border-color:#dedfda}
[data-theme=dark] :is(.checks .yes,.health-ready){color:#b1c7b7}
[data-theme=dark] :is(.warning,.health-error){color:#d4b0a6}
[data-theme=dark] :is(pre,blockquote,kbd,.source-limitations){background:#191a1e;color:#c2c4cb;border-color:#36383d}
[data-theme=dark] .detail-dialog::backdrop,[data-theme=dark] dialog::backdrop{background:#050608b8}
[data-theme=dark] :focus-visible{outline-color:#c3cbd6}
[data-theme=dark] :is(.project-footer,.dialog-top,.metrics,.attachment-list li,.source-status,.density-control){background:#1d1e22;color:#b7b8bd;border-color:var(--line)}
[data-theme=dark] :is(.density-control .icon-button.active,.detail-tabs button>span,.timeline-meta small,.badge,.health-working){background:#303237;color:#e0e1df}
[data-theme=dark] :is(.review-notes,.warning){background:#302c24;color:#cdbf9f;border-color:#494235}
[data-theme=dark] .review-notes summary>span{background:#443d30;color:#d6c6a6}
[data-theme=dark] :is(.nav-divider,.control-divider){background:var(--line)}
[data-theme=dark] :is(.sidebar-foot,.sidebar-foot small,.dialog-top-label,.dialog-top-label #detail-position,.list-caption #result-count){color:#a4a6ae}
[data-theme=dark] #mobile-menu,[data-theme=dark] .sidebar.menu-open .nav.active{background:#303237;color:#dedfdd;border-color:#3a3c42}
[data-theme=dark] .filter-details[open]>summary{background:#303237;color:#dedfdd}
@media(max-width:760px){.business-shortcuts{gap:4px;margin-bottom:14px}.business-label{width:100%;margin:0 0 2px}.business-chip{font-size:11px;padding:7px 9px}.theme-toggle{font-size:11px;padding:5px 8px}}
@media(prefers-reduced-motion:reduce){.business-chip,.theme-toggle{transition:none}}

/* Neutral surfaces, quiet controls, readable project hierarchy. */
[data-theme=dark] .topbar{background:transparent;border-bottom-color:#27282d}
[data-theme=dark] .workspace-toolbar{justify-content:flex-end;border-bottom:0;padding-bottom:8px}
[data-theme=dark] .heading{margin-bottom:24px}
[data-theme=dark] .heading h1{font-weight:600;letter-spacing:-.7px}
[data-theme=dark] .heading p{color:#a0a2a9}
[data-theme=dark] :is(.heading-dot,.unread-dot){background:#c2c9d2}
[data-theme=dark] .brand-mark i{background:#a7adb7}
[data-theme=dark] .brand-mark i:nth-child(2){background:#d2d6dc}
[data-theme=dark] .brand-mark i:last-child{background:#767e8a}
[data-theme=dark] .nav.active{background:#292b30;color:#e6e7e3}
[data-theme=dark] .nav.active .icon{color:#d4d7dd}
[data-theme=dark] .nav .icon{color:#9599a2}
[data-theme=dark] .project{border-color:#303136;border-radius:12px;box-shadow:0 2px 10px #00000012;margin-bottom:16px}
[data-theme=dark] .project:hover{border-color:#494b52;box-shadow:0 5px 18px #00000020}
[data-theme=dark] .project-header{padding:20px 24px 0}
[data-theme=dark] .project-body{padding:10px 24px 0;gap:24px}
[data-theme=dark] .project-title{font-size:18px;font-weight:600;line-height:1.65;color:#eeeeeb;letter-spacing:.1px}
[data-theme=dark] .project-title:hover{color:#fff}
[data-theme=dark] .row-overview{font-size:13px;line-height:1.9;color:#a5a7af;margin-top:9px;margin-bottom:20px}
[data-theme=dark] :is(.row-meta,.region-mark){color:#a7a9b0;font-size:11px}
[data-theme=dark] .meta-divider{background:#45474e}
[data-theme=dark] .progress-cell{border-left:0;padding-left:12px}
[data-theme=dark] .project-bottom{padding:0 24px 19px;align-items:flex-end}
[data-theme=dark] .project-facts{gap:32px;flex-wrap:wrap}
[data-theme=dark] .inline-fact strong{color:#dedfdd;font-size:13px;line-height:1.7}
[data-theme=dark] :is(.inline-fact>span,.progress-help,.excerpt-label){color:#999ca5}
[data-theme=dark] .project-footer{background:transparent;border-top-color:#2c2e33;padding:11px 24px}
[data-theme=dark] .project-footer time{color:#9699a2}
[data-theme=dark] .row-source a{color:#a4adb9}
[data-theme=dark] :is(.project .icon,.quick-label,.dialog-top .icon){color:#999da6}
[data-theme=dark] :is(.follow-button,.icon-button,.theme-toggle){background:transparent;color:#b7bac2;border-color:#3b3d44;box-shadow:none}
[data-theme=dark] .follow-button.selected{background:#32363d;color:#e0e3e7;border-color:#575d68}
[data-theme=dark] .follow-button.selected .icon{fill:#444b57;color:#d4dbe5}
[data-theme=dark] .business-chip{color:#aaadb5;border-radius:7px;padding:8px 12px}
[data-theme=dark] .business-chip.active{background:#303237;color:#eceeea;border-color:#484b53}
[data-theme=dark] .region-chip.active{background:#27292e;color:#e2e4e0;border-color:#41444c;box-shadow:none}
[data-theme=dark] :is(.density-control,.density-control .icon-button.active){border-color:#36383e}
[data-theme=dark] .density-control .icon-button.active{background:#383b43;color:#e2e5e9}
[data-theme=dark] .primary{background:#dedfda;color:#1a1c1f;border-color:#dedfda;box-shadow:none}
[data-theme=dark] .primary:hover{background:#f1f1ed;color:#121315}
[data-theme=dark] :is(.overview-box,.notice){background:#212327;border-color:#34363d}
[data-theme=dark] .overview-box h3{color:#bdc2cb}
[data-theme=dark] .overview-box p{color:#c1c3c9;font-size:14px}
[data-theme=dark] :is(.source-numbers strong,.source-limitations strong){color:#d2d4d9}
[data-theme=dark] :is(.source-numbers span,.source-diagnostics small,.settings-intro p,.timeline-meta time){color:#a2a5ae}
[data-theme=dark] .fact-block>p{line-height:1.9}
[data-theme=dark] .skeleton-card>div{background:#33363d;background-image:none}
@media(max-width:760px){
 [data-theme=dark] .project-header{padding:16px 16px 0}
 [data-theme=dark] .project-body{padding:9px 16px 0;gap:12px}
 [data-theme=dark] .project-title{font-size:16px}
 [data-theme=dark] .project-bottom{padding:0 16px 15px}
 [data-theme=dark] .project-facts{gap:12px 20px}
 [data-theme=dark] .inline-fact strong{font-size:12px}
 [data-theme=dark] .project-footer{padding:10px 16px}
 [data-theme=dark] .business-chip{font-size:11px;padding:7px 9px}
}

/* Visible phase progress. Transform-only motion keeps collection UI inexpensive. */
.workbench-status{position:relative;padding:14px 16px;border:1px solid #e0e5eb;background:#f4f6f8}
.workbench-status:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:#69859c;transform:scaleX(0);transform-origin:left;opacity:0;pointer-events:none}
.workbench-status.page-loading:before{transform:scaleX(1);animation:page-breathe 1.5s ease-in-out infinite}
.task-meter{margin-top:13px;padding-top:12px;border-top:1px solid #dfe4ea}
.meter-heading,.meter-footer{display:flex;justify-content:space-between;align-items:center;gap:12px}
.meter-heading{margin-bottom:9px;color:#405167;font-size:12px}
#meter-label{font-weight:600}#meter-value{font-variant-numeric:tabular-nums;white-space:nowrap;color:#677689}
.meter-track{height:5px;overflow:hidden;border-radius:8px;background:#dfe5eb;position:relative}
#meter-fill{display:block;height:100%;width:100%;background:#6f899c;border-radius:inherit;transform:scaleX(0);transform-origin:left;transition:transform 650ms cubic-bezier(.22,.68,.2,1)}
.meter-track:after{content:"";position:absolute;inset:0;background:#8ba2b3;transform:scaleX(0);opacity:0}
[data-state=indeterminate] .meter-track:after,[data-state=connecting] .meter-track:after{opacity:.7;animation:page-read 1.8s ease-in-out infinite}
[data-state=complete] #meter-fill{background:#7b958b;opacity:.65}
[data-state=waiting] #meter-fill,[data-state=error] #meter-fill{background:#af956d;opacity:.65}
.meter-footer{margin-top:10px;font-size:11px;color:#69778a}
.meter-steps{display:flex;gap:18px;margin:0;padding:0;list-style:none}
.meter-steps li{display:flex;align-items:center;gap:6px;white-space:nowrap}
.meter-steps li:before{content:"";width:5px;height:5px;border-radius:50%;background:#bdc6d0}
.meter-steps li.done:before{background:#81998d}.meter-steps li.current{color:#364e65;font-weight:600}.meter-steps li.current:before{background:#66859d}
#meter-note{text-align:right}
.status-details[open] #task-details{animation:progress-reveal 180ms ease-out}
.business-chip,.theme-toggle,.text-button{transition:background-color 150ms ease,color 150ms ease,transform 150ms ease}
.business-chip:active,.theme-toggle:active,.text-button:active{transform:translateY(1px)}
[data-theme=dark] .workbench-status{background:#202125;border-color:#303238}
[data-theme=dark] .task-meter{border-color:#34373d}
[data-theme=dark] .meter-heading{color:#d0d5dc}
[data-theme=dark] #meter-value,[data-theme=dark] .meter-footer{color:#a3acb7}
[data-theme=dark] .meter-track{background:#35393f}
[data-theme=dark] #meter-fill{background:#8ca1b3}
[data-theme=dark] [data-state=complete] #meter-fill{background:#88a499}
[data-theme=dark] .meter-steps li.current{color:#d2dde6}
[data-theme=dark] .meter-steps li:before{background:#555e68}
[data-theme=dark] .meter-steps li.done:before{background:#8ca398}
[data-theme=dark] .meter-steps li.current:before{background:#a4b7c7}
@keyframes page-read{0%{transform:translateX(-35%) scaleX(.25)}100%{transform:translateX(100%) scaleX(.35)}}
@keyframes page-breathe{0%,100%{opacity:.15}50%{opacity:.7}}
@keyframes progress-reveal{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:760px){.meter-footer{align-items:flex-start;flex-direction:column;gap:9px}.meter-steps{gap:12px;flex-wrap:wrap}#meter-note{text-align:left}.meter-heading{font-size:11px}.workbench-status{padding:12px}.workbench-status:before{right:0}}
@media(prefers-reduced-motion:reduce){.workbench-status:before,.meter-track:after,.status-details[open] #task-details{animation:none!important}#meter-fill,.business-chip,.theme-toggle,.text-button{transition:none!important}.workbench-status.page-loading:before{transform:scaleX(1);opacity:.5}[data-state=indeterminate] .meter-track:after,[data-state=connecting] .meter-track:after{transform:scaleX(.25);opacity:.6}}