/* Shared additions and an independent light palette. */ .v2-jumps{display:grid;grid-template-columns:1fr 1.25fr 1fr;gap:10px;margin:0 0 20px}.v2-jumps button{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 15px;border:1px solid var(--line);border-radius:7px;color:var(--text);background:var(--panel2);font-size:10px;text-align:left}.v2-jumps button:hover{border-color:var(--mint)}.v2-jumps span{color:var(--mint)}@media(max-width:760px){.v2-jumps{grid-template-columns:1fr;gap:6px}.v2-jumps button{padding:12px;font-size:11px}} .board-select{background:var(--panel);color:var(--text);border:1px solid var(--line);padding:7px 9px;border-radius:5px;font-size:10px;max-width:158px}.theme-button{width:32px;height:32px;background:var(--panel);border:1px solid var(--line);border-radius:6px;color:var(--text);font-size:18px;display:grid;place-items:center}.learn-layout{display:grid;grid-template-columns:285px minmax(0,1fr);gap:18px}.learn-queue{align-self:start}.learn-task{width:100%;padding:19px;text-align:left;display:block;border-top:1px solid var(--line);background:transparent;color:var(--text)}.learn-task.selected{background:var(--panel2);box-shadow:inset 3px 0 var(--mint)}.learn-task small{display:block;font-size:9px;color:var(--muted);margin-bottom:9px}.learn-task strong{display:block;font-size:13px;font-weight:500;line-height:1.5}.learn-task>span{display:block;margin-top:10px;font-size:9px;color:var(--amber)}.learn-detail-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.learn-detail-head h2{font-size:21px;line-height:1.5}.learn-numbers{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0;margin-top:20px}.learn-numbers small,.learn-dates small{display:block;font-size:9px;color:var(--muted);letter-spacing:.6px}.learn-numbers strong{display:block;font:500 32px var(--font-sans,'Inter',system-ui,sans-serif);margin-top:10px;color:var(--text)}.learn-numbers em{font:12px var(--font-sans,'Inter',system-ui,sans-serif);font-style:normal;color:var(--muted)}.learn-chart{width:100%;max-height:250px;margin:24px 0 14px}.learn-evidence{display:flex;gap:8px;flex-wrap:wrap;font-size:9px;color:var(--muted)}.learn-evidence span{background:var(--panel2);padding:6px 8px;border-radius:4px}.learn-dates{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:22px 0}.learn-dates strong{display:block;font-size:19px;font-weight:500;margin-top:10px;color:var(--mint)}.learn-message{padding:20px;background:var(--panel2);border:1px solid var(--line);border-radius:7px;margin:20px 0}.learn-message p{color:var(--text);font-size:12px}.learn-buttons{flex-wrap:wrap;margin-bottom:14px}.learn-audit{margin-top:24px;border-top:1px solid var(--line)}.learn-audit h3{font-size:12px;font-weight:500;margin-top:20px}.learn-audit>div{display:flex;gap:22px;font-size:10px;padding:10px 0;color:var(--muted)}.learn-audit time{min-width:90px}.learn-response{padding:16px;background:var(--panel2);border:1px solid var(--line);border-radius:7px;margin:16px 0}.learn-reason{border-left:2px solid var(--cyan);padding-left:12px}.real-source{border-color:#578da3!important;background:#183343!important;color:#a9dfed!important}.theme-transition{transition:background-color .15s,color .15s} html[data-theme="light"]{color-scheme:light;--bg:#f1f4f2;--panel:#ffffff;--panel2:#e9f0ec;--line:#d3ded8;--text:#182b29;--muted:#637a76;--mint:#226a4a;--cyan:#257c8e;--red:#b94332;--amber:#9a641d} html[data-theme="light"] .sidebar{background:#f8faf8}html[data-theme="light"] .topbar{background:#f8faf8}html[data-theme="light"] .organization{background:#fff}html[data-theme="light"] .org-icon{background:#dce9df;color:#2b4b3b}html[data-theme="light"] .nav-caption{color:#698179}html[data-theme="light"] .nav-item{color:#5a736b}html[data-theme="light"] .nav-item i{color:#5c7f70}html[data-theme="light"] .nav-item.active{background:#deede3;color:#226a4a}html[data-theme="light"] .nav-item:hover{background:#e6eee9;color:#213d31}html[data-theme="light"] .sidebar-status,html[data-theme="light"] .sidebar-status small{color:#6a8278}html[data-theme="light"] .profile>span{background:#e0ece3;color:#35634c;border-color:#b7cec0}html[data-theme="light"] .breadcrumb,html[data-theme="light"] .breadcrumb span{color:#71847f}html[data-theme="light"] .breadcrumb strong{color:#234237}html[data-theme="light"] .top-actions time{color:#6a817a}html[data-theme="light"] .demo-tag{background:#e6f0e3;border-color:#becfb7;color:#45683c}html[data-theme="light"] .icon-button{color:#4b7065}html[data-theme="light"] .metric{background:linear-gradient(125deg,#fff,#f8faf8)}html[data-theme="light"] .metric-label,html[data-theme="light"] .metric-value small{color:#62796f}html[data-theme="light"] .button{background:#f3f7f4;color:#284b3d;border-color:#b9cec2}html[data-theme="light"] .button.primary{background:#266d4c;color:#fff;border-color:#266d4c}html[data-theme="light"] .button.ghost{background:transparent}html[data-theme="light"] .pill{border-color:#bfd0c7;color:#527367;background:#f3f7f4}html[data-theme="light"] .pill.green{background:#e3f0e7;color:#2d6f47;border-color:#bdd2c4}html[data-theme="light"] .pill.red{background:#fff0eb;color:#a34232;border-color:#e5c2b8}html[data-theme="light"] .pill.amber{background:#fff4dd;color:#91601e;border-color:#e3d0a7}html[data-theme="light"] .city-panel{background:radial-gradient(ellipse at 55% 65%,#d4e4de,#e9f0ee 70%)}html[data-theme="light"] .city-svg,html[data-theme="light"] .mini-city svg{filter:brightness(.65) saturate(.85)}html[data-theme="light"] .city-caption{background:#f5faf7;border-color:#c3d5cb}html[data-theme="light"] .city-caption small{color:#5e7c71}html[data-theme="light"] .toggle-group{background:#edf5ef;border-color:#b5cbbf}html[data-theme="light"] .toggle-group button{color:#577367}html[data-theme="light"] .toggle-group button.selected{background:#d5e9dc;color:#22583a}html[data-theme="light"] .city-key{color:#557367}html[data-theme="light"] .insight-panel{background:linear-gradient(135deg,#e3efe6,#fff 80%)}html[data-theme="light"] .insight-content>p,html[data-theme="light"] .impact-row small{color:#617b6d}html[data-theme="light"] .signal-chain{color:#3c5c4d}html[data-theme="light"] .signal-chain span{background:#f4f9f5;border-color:#bccfc0}html[data-theme="light"] .signal-chain b{color:#70907c}html[data-theme="light"] .impact-row,html[data-theme="light"] .impact-row>div+div{border-color:#bdd3c4}html[data-theme="light"] .project-row{border-color:#d8e3dc}html[data-theme="light"] .project-row:hover{background:#eff6f1}html[data-theme="light"] .project-title small,html[data-theme="light"] .project-row .progress-text,html[data-theme="light"] .project-row .arrow{color:#6b8176}html[data-theme="light"] .progress-line{background:#e1ebe4}html[data-theme="light"] .supply-item{border-color:#d8e3dc}html[data-theme="light"] .supply-item p{color:#6b8176}html[data-theme="light"] .supply-foot{background:#edf4ee;color:#496c58}html[data-theme="light"] .footer{color:#789183}html[data-theme="light"] .padded p,html[data-theme="light"] .section-note{color:#5b7566}html[data-theme="light"] .padded .eyebrow{color:var(--mint)}html[data-theme="light"] .search-input,html[data-theme="light"] .filter-chip{background:#fff;border-color:#c4d5c9;color:#496b56}html[data-theme="light"] .filter-chip.active{background:#deeee1;border-color:#a6c6b0;color:#2c6840}html[data-theme="light"] .project-card-bottom{color:#5f7b68}html[data-theme="light"] .graph-node rect{fill:#f4f9f6;stroke:#98b3a3}html[data-theme="light"] .graph-node text{fill:#355e47}html[data-theme="light"] .graph-caption p,html[data-theme="light"] .graph-legend{color:#6a8473}html[data-theme="light"] .callout{background:#e7f1f2;color:#385f61;border-color:#4d8d95}html[data-theme="light"] .formula{background:#e9f0ec;color:#486c57}html[data-theme="light"] .scenario-result{background:#e3f1e6;border-color:#b5d0bc}html[data-theme="light"] .scenario-result p,html[data-theme="light"] .scenario-result small{color:#3d6449}html[data-theme="light"] .field input,html[data-theme="light"] .field select,html[data-theme="light"] .field textarea{background:#fff;color:#234132;border-color:#bbcfbf}html[data-theme="light"] .bar-track{background:#e3ede6}html[data-theme="light"] .timeline-note,html[data-theme="light"] .subtle-label,html[data-theme="light"] .tree-detail span{color:#688273}html[data-theme="light"] .schedule-table td,html[data-theme="light"] .schedule-table th{border-color:#d0dfd4}html[data-theme="light"] .finance-line span,html[data-theme="light"] .source-row p,html[data-theme="light"] .source-row small{color:#66816f}html[data-theme="light"] .finance-line{border-color:#d0dfd4}html[data-theme="light"] .decision-card p,html[data-theme="light"] .decision-meta{color:#52715e}html[data-theme="light"] .modal{background:#f7faf8;border-color:#b7ccbe;box-shadow:0 30px 100px #11291c44}html[data-theme="light"] .modal .panel{background:#fff}html[data-theme="light"] .modal-close{background:#e4eee8;border-color:#bfd3c6;color:#456852}html[data-theme="light"] .modal-top p{color:#6b8573}html[data-theme="light"] .overlay{background:#183b2b66}html[data-theme="light"] .mini-stat{background:#e8f1eb;border-color:#c5d9cb}html[data-theme="light"] .mini-stat small,html[data-theme="light"] .meeting-label{color:#62846d}html[data-theme="light"] .meeting-step{background:transparent;border-color:#c4d9cb;color:#6b8a75}html[data-theme="light"] .meeting-step.active{border-color:var(--mint);color:var(--mint)}html[data-theme="light"] .meeting-display p{color:#52705e}html[data-theme="light"] .check-list li{color:#4d6e59;border-color:#d1e0d5}html[data-theme="light"] .plain-list{color:#52705e}html[data-theme="light"] .empty-state .empty-icon{background:#e3f0e7;border-color:#b7d1c0}html[data-theme="light"] .inventory-bars span.empty{background:#e1ece4}html[data-theme="light"] .learn-message p{color:var(--text)}html[data-theme="light"] .real-source{background:#e1eff5!important;border-color:#aacbdc!important;color:#2d6682!important} /* Architectural studies: edges and floor plates carry the colour, not a dark radial stain. */ .city-tower{--tower-glass:#0c1c30;--tower-line:var(--tower-accent);stroke-linejoin:round} .city-tower .tower-footprint{fill:var(--tower-accent);opacity:.08} .city-tower .tower-face{stroke:var(--tower-line);stroke-width:.7} .city-tower .tower-face-front{fill:color-mix(in srgb,var(--tower-accent) 14%,var(--tower-glass))} .city-tower .tower-face-side{fill:color-mix(in srgb,var(--tower-accent) 22%,var(--tower-glass))} .city-tower .tower-slab{fill:none;stroke:var(--tower-line);stroke-width:.65;opacity:.65} .city-tower .tower-mullion{fill:none;stroke:var(--tower-line);stroke-width:.4;opacity:.35} .city-tower .tower-window{fill:none;stroke:var(--tower-line);stroke-width:1.5;opacity:.13} .city-tower .tower-roof{fill:color-mix(in srgb,var(--tower-accent) 26%,var(--tower-glass));stroke:var(--tower-line);stroke-width:.9} .city-tower .tower-roof-inset{fill:none;stroke:var(--tower-line);stroke-width:.4;opacity:.65} .city-tower .tower-core{fill:var(--tower-glass);stroke:var(--tower-line);stroke-width:.5} .city-tower .tower-core-roof{fill:color-mix(in srgb,var(--tower-accent) 35%,var(--tower-glass));stroke:var(--tower-line);stroke-width:.5} .city-tower .tower-spine{fill:none;stroke:var(--tower-line);stroke-width:1;opacity:.9} .project-card .mini-city{background:linear-gradient(180deg,transparent,#11243955);position:relative} .project-card .mini-city:after{content:"";position:absolute;bottom:9px;left:20%;right:20%;height:1px;background:linear-gradient(90deg,transparent,#42738688,transparent);pointer-events:none} html[data-theme="light"] .project-card .mini-city{background:linear-gradient(180deg,transparent,#edf3f8 90%)} html[data-theme="light"] .project-card .mini-city:after{background:linear-gradient(90deg,transparent,#bacbd9,transparent)} html[data-theme="light"] .city-svg,html[data-theme="light"] .mini-city svg{filter:none} html[data-theme="light"] .city-tower{--tower-glass:#f8fbff;--tower-line:color-mix(in srgb,var(--tower-accent) 54%,#123548)} html[data-theme="light"] .city-tower .tower-face-front{fill:color-mix(in srgb,var(--tower-accent) 13%,#f8fbff)} html[data-theme="light"] .city-tower .tower-face-side{fill:color-mix(in srgb,var(--tower-accent) 24%,#f2f7fb)} html[data-theme="light"] .city-panel{background:linear-gradient(145deg,#f8fbff,#e8f0f6)} html[data-theme="light"] .city-svg>g[pointer-events="none"] rect{fill:#fff8f5;stroke:#d7b4ac} html[data-theme="light"] .city-svg>g[pointer-events="none"] text{fill:#5c7088} html[data-theme="light"] .city-svg>g[pointer-events="none"] text[fill="#e5eaf0"]{fill:#25364a} html[data-theme="light"] .city-svg>g[pointer-events="none"] text[fill="#ff9b85"]{fill:#b44c43;stroke:none} html[data-theme="light"] .city-svg>g[pointer-events="none"] path{fill:none;stroke:#b44c43} /* Causal console: ONIX navy/cyan/violet, with coral reserved for schedule impact. */ .causal-console{--cg-bg:#0b1020;--cg-surface:#111b2e;--cg-line:#26344e;--cg-text:#e6edf9;--cg-muted:#8192ad;--cg-critical:#fb9188;--cg-cyan:#25c5dc;--cg-violet:#a18aef;--cg-track:#18243a;--cg-root:#231d2f;border:1px solid var(--cg-line);border-radius:var(--radius-l,8px);background:var(--cg-bg);overflow:hidden;min-width:0;margin:16px 0 6px;box-shadow:0 12px 35px #00000018} .causal-console.is-scenario{--cg-critical:#25c5dc;--cg-root:#102736} .causal-summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:21px 24px;border-bottom:1px solid var(--cg-line);background:linear-gradient(105deg,#16213a55,transparent)} .causal-heading{display:flex;align-items:center;gap:12px}.causal-live-dot{width:8px;height:8px;flex:none;background:var(--cg-cyan);border-radius:50%;box-shadow:0 0 0 5px #25c5dc13,0 0 18px #25c5dc4d} .causal-heading small{font:9px/1.5 var(--font-mono,ui-monospace,monospace);letter-spacing:1.3px;color:var(--cg-cyan)} .causal-heading h3{font:500 17px/1.4 var(--font-sans,'Inter',system-ui,sans-serif);color:var(--cg-text);margin:5px 0 0;letter-spacing:-.3px} .causal-kpis{display:flex;align-items:center;gap:26px}.causal-kpis>div{display:flex;flex-direction:column;gap:4px;padding-left:22px;border-left:1px solid var(--cg-line)} .causal-kpis strong{font:500 23px/1.2 var(--font-sans,'Inter',system-ui,sans-serif);letter-spacing:-.7px;color:var(--cg-text);white-space:nowrap}.causal-kpis strong small{font-size:12px;letter-spacing:0;color:var(--cg-muted)}.causal-kpis span{font-size:9px;color:var(--cg-muted)}.causal-kpis .causal-impact strong{color:var(--cg-critical)} .causal-console .graph-scroll{overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:var(--cg-line) transparent;outline-offset:-3px} .causal-canvas{min-width:980px}.causal-console .dependency-svg{display:block;width:100%;height:auto;min-height:0;min-width:0} .causal-guide{stroke:var(--cg-line);stroke-width:.6;stroke-dasharray:2 6;fill:none}.causal-console .causal-lane-label{font:9px var(--font-mono,ui-monospace,monospace);letter-spacing:1.5px;fill:var(--cg-critical)}.causal-console .causal-lane-label.is-parallel{fill:var(--cg-cyan)} .causal-console .causal-lane-detail{font-size:11px;fill:var(--cg-muted)} .causal-console .graph-node .causal-node-face{fill:var(--cg-surface);stroke:var(--cg-line);stroke-width:1} .causal-console .graph-node.is-origin .causal-node-face{fill:var(--cg-root);stroke:color-mix(in srgb,var(--cg-critical) 45%,var(--cg-line))} .causal-console .graph-node .causal-node-edge{fill:none;stroke:var(--cg-critical);stroke-width:1.5;opacity:.7}.causal-console .graph-node .causal-node-corner{fill:none;stroke:var(--cg-critical);stroke-width:1.7} .causal-console .graph-node .causal-node-icon{color:var(--cg-critical)}.causal-console .graph-node.is-parallel .causal-node-icon{color:var(--cg-cyan)} .causal-console .graph-node text.causal-node-group{fill:var(--cg-muted);font-size:8px;letter-spacing:1px}.causal-console .graph-node text.causal-node-number{fill:var(--cg-muted);font:11px var(--font-mono,ui-monospace,monospace)} .causal-console .graph-node text.causal-node-title{fill:var(--cg-text);font-family:var(--font-sans,'Inter',system-ui,sans-serif);font-size:14px;font-weight:500;letter-spacing:-.15px} .causal-console .graph-node text.causal-node-duration{fill:var(--cg-text);font:500 22px var(--font-sans,'Inter',system-ui,sans-serif)}.causal-console .graph-node .causal-node-unit{font-size:10px;fill:var(--cg-muted)} .causal-console .graph-node text.causal-node-status{fill:var(--cg-critical);font-size:9px}.causal-console .graph-node.is-parallel text.causal-node-status{fill:var(--cg-cyan)} .causal-console .graph-node .causal-node-rule{stroke:var(--cg-line);stroke-width:.7;fill:none}.causal-console .graph-node text.causal-node-dates{fill:var(--cg-muted);font-size:9px}.causal-console .graph-node .causal-node-open{stroke:var(--cg-muted);fill:none;stroke-width:.8} .causal-console .graph-node.is-parallel .causal-node-edge,.causal-console .graph-node.is-parallel .causal-node-corner{stroke:var(--cg-cyan)} .causal-console .graph-node:hover .causal-node-face,.causal-console .graph-node:focus .causal-node-face{stroke:var(--cg-cyan);stroke-width:2}.causal-console .graph-node:focus{outline:none} .causal-edge-glow{stroke:var(--cg-critical);stroke-width:10;opacity:.07;fill:none}.causal-edge-line{stroke:var(--cg-critical);stroke-width:1.6;fill:none}.causal-edge circle{fill:var(--cg-critical)}.causal-arrow{stroke:var(--cg-critical);stroke-width:1.4;fill:none} .causal-branch-line{stroke:var(--cg-cyan);stroke-width:1.4;fill:none;stroke-dasharray:5 4;opacity:.8}.causal-branch-arrow{stroke:var(--cg-cyan);stroke-width:1.4;fill:none} .causal-console .causal-reserve-value{font:400 30px var(--font-sans,'Inter',system-ui,sans-serif);fill:var(--cg-cyan);letter-spacing:-.8px}.causal-reserve-value tspan{font-size:12px;letter-spacing:0}.causal-merge-note circle{fill:var(--cg-violet)}.causal-merge-note>text:not(.causal-lane-detail){fill:var(--cg-violet);font:9px var(--font-mono,ui-monospace,monospace);letter-spacing:1px} .causal-timeline{padding:4px 28px 22px;border-top:1px solid var(--cg-line)}.causal-time-axis,.causal-time-row{display:grid;grid-template-columns:145px minmax(0,1fr) 92px;gap:16px;align-items:center}.causal-time-axis{height:38px;font:8px var(--font-mono,ui-monospace,monospace);letter-spacing:.6px;color:var(--cg-muted)}.causal-time-axis>div{position:relative;height:14px}.causal-time-axis b{position:absolute;transform:translateX(-50%);font-weight:400;white-space:nowrap}.causal-time-axis b:first-child{transform:none}.causal-time-axis b:last-child{transform:translateX(-100%)}.causal-time-axis em{text-align:right;font-style:normal} .causal-time-row{margin:10px 0;font-size:10px;color:var(--cg-muted)}.causal-time-row>strong{color:var(--cg-text);text-align:right;font-weight:500;font-size:11px}.causal-time-row.is-current>span{color:var(--cg-text)}.causal-time-track{position:relative;height:25px;border-radius:4px;background:var(--cg-track);background-image:linear-gradient(90deg,transparent calc(100% - 1px),var(--cg-line) 0);background-size:19.444% 100%} .causal-time-segment{position:absolute;top:0;height:100%;border-radius:3px;border-right:2px solid var(--cg-bg);background:color-mix(in srgb,var(--cg-violet) 60%,var(--cg-surface));color:var(--cg-text);font:9px var(--font-mono,ui-monospace,monospace);min-width:0;padding:0;cursor:pointer;overflow:hidden;transition:filter .15s}.causal-time-segment:hover,.causal-time-segment:focus-visible{filter:brightness(1.2);outline:2px solid var(--cg-cyan);outline-offset:1px;z-index:1} .is-current .causal-time-segment{background:linear-gradient(105deg,color-mix(in srgb,var(--cg-critical) 66%,var(--cg-surface)),color-mix(in srgb,var(--cg-critical) 36%,var(--cg-surface)))}.is-parallel .causal-time-segment{background:color-mix(in srgb,var(--cg-cyan) 45%,var(--cg-surface))}.is-base .causal-time-segment{opacity:.6} .causal-release-delay,.causal-time-slack{position:absolute;height:100%;display:flex;align-items:center;justify-content:center;font-style:normal;white-space:nowrap;overflow:hidden;font-size:9px}.causal-release-delay{left:0;color:var(--cg-critical);background:repeating-linear-gradient(135deg,transparent,transparent 4px,color-mix(in srgb,var(--cg-critical) 10%,transparent) 4px,color-mix(in srgb,var(--cg-critical) 10%,transparent) 5px);border:1px dashed color-mix(in srgb,var(--cg-critical) 50%,transparent);border-radius:3px}.causal-time-slack{color:var(--cg-cyan);border:1px dashed color-mix(in srgb,var(--cg-cyan) 55%,transparent);border-radius:3px} .causal-foot{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:13px 24px;border-top:1px solid var(--cg-line);color:var(--cg-muted);font-size:9px;line-height:1.6}.causal-foot>span:first-child{color:var(--cg-cyan)}.causal-foot i{display:inline-block;width:4px;height:4px;background:var(--cg-cyan);margin-right:6px;vertical-align:2px} html[data-theme="light"] .causal-console{--cg-bg:#f5f7fc;--cg-surface:#fff;--cg-line:#d5ddeb;--cg-text:#1c2d48;--cg-muted:#64748d;--cg-critical:#bd4e49;--cg-cyan:#087f98;--cg-violet:#7663be;--cg-track:#e9edf6;--cg-root:#fff6f3;box-shadow:0 9px 24px #293c5809} html[data-theme="light"] .causal-console.is-scenario{--cg-critical:#087f98;--cg-root:#effafd}html[data-theme="light"] .causal-summary{background:linear-gradient(100deg,#e9eefb77,transparent)} html[data-theme="light"] .causal-time-segment{color:#172944}html[data-theme="light"] .causal-console .graph-node .causal-node-face{fill:var(--cg-surface);stroke:var(--cg-line)}html[data-theme="light"] .causal-console .graph-node.is-origin .causal-node-face{fill:var(--cg-root);stroke:color-mix(in srgb,var(--cg-critical) 48%,var(--cg-line))} html[data-theme="light"] .causal-console .graph-node:hover .causal-node-face,html[data-theme="light"] .causal-console .graph-node:focus .causal-node-face{stroke:var(--cg-cyan)} .meeting-display .causal-heading h3{font-size:17px;max-width:none;margin:5px 0 0;letter-spacing:-.3px}.meeting-display .causal-summary{padding:18px}.meeting-display .causal-kpis{gap:17px} .meeting-modal .meeting-steps .meeting-step{border:1px solid var(--line);border-top-width:2px;border-radius:5px;background:var(--panel2);color:var(--muted);font-weight:500;transition:background-color .15s,border-color .15s} .meeting-modal .meeting-steps .meeting-step:hover{background:color-mix(in srgb,var(--mint) 7%,var(--panel));border-color:color-mix(in srgb,var(--mint) 45%,var(--line))} .meeting-modal .meeting-steps .meeting-step.active{background:color-mix(in srgb,var(--mint) 11%,var(--panel));border-color:color-mix(in srgb,var(--mint) 48%,var(--line));border-top-color:var(--mint);color:var(--mint)} .meeting-modal .meeting-steps .meeting-step:focus-visible{outline:2px solid var(--cyan);outline-offset:3px} @media(max-width:1100px){.causal-summary{align-items:flex-start;gap:16px;flex-direction:column}.causal-kpis{width:100%;justify-content:space-between;gap:15px}.causal-kpis>div:first-child{border-left:0;padding-left:0}} @media(max-width:760px){.causal-summary{padding:18px 16px}.causal-heading h3{font-size:16px}.causal-heading small{font-size:8px;letter-spacing:.8px}.causal-kpis{gap:12px}.causal-kpis>div{padding-left:12px}.causal-kpis strong{font-size:20px}.causal-kpis span{font-size:8px}.causal-foot{padding:12px 16px;font-size:8px}.causal-console{margin-left:-1px;margin-right:-1px}.causal-canvas{min-width:980px}.graph-panel{padding:14px}} @media(max-width:1200px){.top-actions{gap:10px}.top-actions time{display:none}.learn-layout{grid-template-columns:240px minmax(0,1fr)}} @media(max-width:1000px){.learn-detail-head{flex-direction:column;gap:8px}.learn-layout{grid-template-columns:220px minmax(0,1fr)}} @media(max-width:760px){.topbar .breadcrumb{display:none}.top-actions{width:100%;justify-content:space-between;gap:7px}.topbar{padding:0 12px}.board-select{max-width:155px;font-size:10px}.theme-button{width:28px;height:28px}.learn-layout{grid-template-columns:1fr}.learn-task{padding:15px 18px}.learn-detail-head h2{font-size:20px}.learn-numbers small{font-size:8px}.learn-numbers strong{font-size:28px}.learn-dates strong{font-size:16px}.learn-dates{gap:10px}.learn-message{padding:15px}.learn-audit>div{gap:10px;font-size:9px}.learn-metrics .metric-value{font-size:24px}.sidebar .nav-item{min-width:0}.sidebar .nav-item i svg{width:18px;height:18px}html[data-theme="light"] .sidebar{background:#f7faf8f5}} /* v0.3 demo screens: scenario options, S-curve, stage strip, money chain, estimate draft. Synthetic data only. */ :root{--dm-plan:var(--muted);--dm-fact:var(--cyan);--dm-acts:var(--violet,#c3b0ff);--dm-ok:var(--mint);--dm-warn:var(--amber);--dm-bad:var(--red);--dm-warn-text:var(--amber);--dm-bad-text:var(--red);--dm-mono:var(--font-mono,ui-monospace,monospace)} :root{--dm-cyan-text:var(--cyan)} html[data-theme="light"]{--dm-acts:var(--violet,#6747c7);--dm-warn-text:color-mix(in srgb,var(--amber) 78%,#000);--dm-bad-text:color-mix(in srgb,var(--red) 85%,#000);--dm-muted:color-mix(in srgb,var(--muted) 78%,#000);--dm-cyan-text:color-mix(in srgb,var(--cyan) 72%,#000)} /* Light palette: secondary text on tinted cards needs a darker muted tone to keep 4.5:1. */ html[data-theme="light"] :is(.pg-panel,.mc-panel,.dg-panel,.scenario-modal){--muted:var(--dm-muted)} html[data-theme="light"] :is(.pg-panel,.mc-panel,.dg-panel,.scenario-modal) .eyebrow{color:var(--dm-cyan-text)} html[data-theme="light"] :is(.pg-panel,.mc-panel,.dg-panel,.scenario-modal) .pill.amber{color:var(--dm-warn-text)} .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0} .dm-ico{flex:none;display:inline-block;vertical-align:-3px} /* Scenario options */ .modal.scenario-modal{width:min(1080px,100%)} .sc-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding-top:10px;margin-bottom:8px} .sc-tab{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-height:94px;padding:12px 13px;text-align:left;border:1px solid var(--line);border-radius:var(--radius-l,8px);background:var(--panel2);color:var(--text);transition:border-color .15s,background-color .15s} .sc-tab:hover{border-color:color-mix(in srgb,var(--cyan) 55%,var(--line))} .sc-tab.is-selected{border-color:var(--cyan);background:color-mix(in srgb,var(--cyan) 9%,var(--panel));box-shadow:inset 0 -2px var(--cyan)} .sc-tab-name{font-size:12px;font-weight:650} .sc-tab-meta{font-size:10px;color:var(--muted);line-height:1.4} .sc-tab-net{margin-top:auto;font-size:16px;font-weight:600;letter-spacing:-.3px} .sc-badge{position:absolute;top:-10px;right:9px;display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border:1px solid currentColor;border-radius:var(--radius-s,4px);background:var(--panel);color:var(--dm-ok);font-size:9.5px;font-weight:650;white-space:nowrap} .sc-rec-note{display:flex;gap:7px;align-items:flex-start;margin:0 0 14px;color:var(--muted);font-size:10.5px;line-height:1.6} .sc-rec-note .dm-ico{color:var(--dm-ok);margin-top:2px} .sc-rec-line{display:flex;gap:8px;align-items:flex-start;padding:10px 12px;border:1px solid color-mix(in srgb,var(--dm-ok) 40%,var(--line));border-radius:8px;background:color-mix(in srgb,var(--dm-ok) 7%,transparent);color:var(--text)!important} .sc-rec-line .dm-ico{color:var(--dm-ok);margin-top:1px} .sc-panel{border-radius:var(--radius-l,8px)}.sc-panel:focus-visible{outline:2px solid var(--cyan);outline-offset:4px} .sc-checks{margin-top:16px;padding:16px 18px;border:1px solid var(--line);border-radius:var(--radius-l,8px);background:var(--panel2)} .sc-checks-head{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin-bottom:12px} .sc-checks-head h3{margin:0;font-size:14px;font-weight:650} .sc-counts{display:flex;flex-wrap:wrap;gap:6px;flex:1} .sc-count{display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border:1px solid var(--line);border-radius:var(--radius-s,4px);background:var(--panel);color:var(--text);font-size:10.5px} .sc-count .dm-ico,.sc-sev .dm-ico{color:var(--sev)} .sev-critical{--sev:var(--dm-bad);--sev-text:var(--dm-bad-text)}.sev-warning{--sev:var(--dm-warn);--sev-text:var(--dm-warn-text)}.sev-info{--sev:var(--cyan);--sev-text:var(--text)} .sc-premortem-button{margin-left:auto} .sc-check-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px} .sc-check{display:grid;grid-template-columns:96px minmax(0,1fr);gap:10px;align-items:start;padding:10px 12px;border:1px solid var(--line);border-left:3px solid var(--sev);border-radius:8px;background:var(--panel);font-size:11.5px;line-height:1.55} .sc-sev{display:inline-flex;align-items:center;gap:5px;color:var(--sev-text);font-size:10.5px;white-space:nowrap} .sc-premortem{margin-top:16px} .sc-premortem h3{margin:0 0 6px;font-size:18px;font-weight:600;letter-spacing:-.2px} .sc-premortem h3:focus-visible{outline:2px solid var(--cyan);outline-offset:4px} .sc-pm-list{list-style:none;counter-reset:pm;margin:14px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px} .sc-pm-item{counter-increment:pm;position:relative;padding:14px 14px 12px 44px;border:1px solid var(--line);border-radius:var(--radius-l,8px);background:var(--panel)} .sc-pm-item::before{content:counter(pm,decimal-leading-zero);position:absolute;left:14px;top:14px;font:600 11px var(--dm-mono);color:var(--muted)} .sc-pm-item.is-likely{border-color:color-mix(in srgb,var(--cyan) 60%,var(--line))} .sc-pm-item.is-dangerous{border-color:color-mix(in srgb,var(--dm-bad) 65%,var(--line));box-shadow:inset 3px 0 var(--dm-bad)} .sc-pm-item h4{margin:0 0 10px;font-size:13px;font-weight:600;line-height:1.45} .sc-pm-flags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px} .sc-flag{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border:1px solid currentColor;border-radius:var(--radius-s,4px);font-size:10px;font-weight:650} .sc-flag.is-likely{color:var(--dm-cyan-text)}.sc-flag.is-dangerous{color:var(--dm-bad-text)} .sc-pm-facts{display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px 14px;margin:0;font-size:11px;line-height:1.5} .sc-pm-facts>div{display:contents} .sc-pm-facts dt{display:inline-flex;gap:5px;align-items:center;color:var(--muted)} .sc-pm-facts dd{margin:0;display:flex;gap:7px;align-items:center;flex-wrap:wrap} .sc-meter{display:inline-flex;gap:2px}.sc-meter i{width:9px;height:9px;border:1px solid var(--muted);border-radius:2px}.sc-meter i.on{background:var(--text);border-color:var(--text)} /* Overview: S-curve and stage strip */ .pg-grid-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:18px;margin:18px 0} .pg-panel{padding-bottom:18px} .pg-panel .panel-head{align-items:flex-start} .pg-figure{margin:0;padding:6px 22px 0} .pg-chart{position:relative;height:210px;margin:8px 0 34px 44px} .pg-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible} .pg-grid{stroke:var(--line);stroke-width:1;fill:none} .pg-ytick{position:absolute;left:-44px;width:38px;transform:translateY(-50%);text-align:right;font:10px var(--dm-mono);color:var(--muted)} .pg-plan{fill:none;stroke:var(--dm-plan);stroke-width:2;stroke-dasharray:6 5} .pg-fact{fill:none;stroke:var(--dm-fact);stroke-width:2.6} .pg-acts{fill:none;stroke:var(--dm-acts);stroke-width:2} .pg-lag{fill:color-mix(in srgb,var(--dm-bad) 13%,transparent);stroke:none} .pg-dot{position:absolute;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;border:2px solid var(--panel);box-shadow:0 0 0 1px var(--line)} .pg-dot.is-plan{background:var(--dm-plan)}.pg-dot.is-fact{background:var(--dm-fact)}.pg-dot.is-acts{background:var(--dm-acts)} .pg-today-line{position:absolute;top:-8px;bottom:0;width:0;border-left:1.5px solid var(--text);opacity:.85} .pg-today-line b{position:absolute;top:-6px;left:5px;padding:1px 6px;border-radius:4px;background:var(--text);color:var(--panel);font-size:9.5px;font-weight:650;white-space:nowrap} .pg-xaxis{position:absolute;left:0;right:0;bottom:-24px;height:16px} .pg-xaxis span{position:absolute;transform:translateX(-50%);font-size:10px;color:var(--muted);white-space:nowrap} .pg-legend{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px} .pg-key{display:grid;grid-template-columns:auto 1fr;column-gap:8px;align-items:baseline;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:var(--panel2);font-size:11px;color:var(--muted)} .pg-key i{grid-row:span 3;align-self:center;width:18px;height:0;border-top:2.5px solid} .pg-key.is-plan i{border-top:2px dashed var(--dm-plan)}.pg-key.is-fact i{border-color:var(--dm-fact)}.pg-key.is-acts i{border-color:var(--dm-acts)} .pg-key strong{font-size:20px;font-weight:600;letter-spacing:-.4px;color:var(--text)} .pg-key small{font-size:10px;line-height:1.4} .pg-pace{display:flex;gap:8px;align-items:center;margin:14px 22px 0;padding:11px 14px;border-left:2px solid var(--cyan);background:color-mix(in srgb,var(--cyan) 7%,transparent);font-size:12.5px;color:var(--text)} .pg-pace .dm-ico{color:var(--cyan)}.pg-pace strong{font-weight:650} .pg-pace .color-red{color:var(--dm-bad-text)!important} .pg-note{margin:10px 22px 0;color:var(--muted);font-size:10.5px;line-height:1.6} .pg-gantt-body{--pg-label:136px;--pg-num:76px;--pg-gap:12px;padding:4px 22px 0} .pg-scale,.pg-row{display:grid;grid-template-columns:var(--pg-label) minmax(0,1fr) var(--pg-num);gap:var(--pg-gap);align-items:center} .pg-scale{height:30px} .pg-scale-track{position:relative;height:100%} .pg-scale-track i{position:absolute;bottom:4px;transform:translateX(-50%);font:normal 9.5px var(--dm-mono);color:var(--muted);white-space:nowrap} .pg-scale-track i:first-child{transform:none} .pg-scale-track b{position:absolute;top:0;transform:translateX(-50%);padding:1px 6px;border-radius:4px;background:var(--text);color:var(--panel);font-size:9.5px;font-weight:650;white-space:nowrap} .pg-rows{list-style:none;margin:0;padding:0} .pg-row{min-height:50px;border-top:1px solid var(--line)} .pg-label{display:flex;flex-direction:column;gap:2px;min-width:0} .pg-label strong{font-size:12px;font-weight:600} .pg-label span{font-size:10.5px;line-height:1.35;color:var(--muted)} .pg-track{position:relative;align-self:stretch;background-image:linear-gradient(to right,color-mix(in srgb,var(--line) 70%,transparent) 1px,transparent 1px);background-size:var(--pg-week) 100%} .pg-bar{position:absolute;top:50%;height:14px;margin-top:-7px;border:1.5px solid var(--row);border-radius:4px;background:color-mix(in srgb,var(--row) 10%,transparent);overflow:hidden} .pg-done{display:block;height:100%;background:var(--row)} .pg-slip{position:absolute;top:50%;height:14px;margin-top:-7px;border:1.5px dashed var(--dm-bad);border-left:0;border-radius:0 4px 4px 0;background:repeating-linear-gradient(135deg,color-mix(in srgb,var(--dm-bad) 45%,transparent) 0 3px,transparent 3px 7px)} .pg-now{position:absolute;top:0;bottom:0;width:0;border-left:1.5px solid var(--text);opacity:.8} .pg-row.is-risk{--row:var(--dm-bad)}.pg-row.is-warn{--row:var(--dm-warn)}.pg-row.is-ok{--row:var(--cyan)} .pg-nums{display:flex;flex-direction:column;align-items:flex-end;gap:2px;font-size:10.5px;color:var(--muted)} .pg-nums b{font-size:15px;font-weight:600;color:var(--text)} .pg-nums span{display:inline-flex;align-items:center;gap:4px;white-space:nowrap} .pg-nums .is-late{color:var(--dm-bad-text)} .pg-row.is-warn .pg-nums .is-late{color:var(--dm-warn-text)} .pg-gantt-key{display:flex;flex-wrap:wrap;gap:8px 16px;margin:14px 22px 0;font-size:10.5px;color:var(--muted)} .pg-gantt-key span{display:inline-flex;align-items:center;gap:6px} .pg-gantt-key i{display:inline-block;width:18px;height:9px;border-radius:2px} .pg-gantt-key .k-done{background:var(--cyan)}.pg-gantt-key .k-plan{border:1.5px solid var(--cyan)}.pg-gantt-key .k-slip{border:1.5px dashed var(--dm-bad);background:repeating-linear-gradient(135deg,color-mix(in srgb,var(--dm-bad) 45%,transparent) 0 3px,transparent 3px 7px)}.pg-gantt-key .k-now{width:0;height:14px;border-left:1.5px solid var(--text);border-radius:0} /* Finance: money chain */ .mc-panel{margin-top:18px} .mc-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px} .mc-head h2{margin:0 0 8px} .mc-chain{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr) minmax(0,1fr) minmax(0,1.05fr) minmax(0,1fr) minmax(0,1.05fr) minmax(0,1fr);gap:8px;align-items:stretch;margin:18px 0} .mc-step{display:flex;flex-direction:column;gap:7px;padding:14px;border:1px solid var(--line);border-radius:var(--radius-l,8px);background:var(--panel2)} .mc-step small{font:600 9px var(--dm-mono);letter-spacing:.8px;color:var(--muted)} .mc-step strong{font-size:24px;font-weight:600;letter-spacing:-.6px} .mc-step strong span{font-size:11px;font-weight:400;letter-spacing:0;color:var(--muted)} .mc-step em{font-style:normal;font-size:10.5px;color:var(--muted)} .mc-meter{height:5px;border-radius:3px;background:color-mix(in srgb,var(--line) 80%,transparent);overflow:hidden} .mc-meter i{display:block;height:100%;background:var(--cyan)} .mc-paid .mc-meter i{background:var(--dm-ok)} .mc-gap{display:flex;flex-direction:column;justify-content:center;gap:5px;padding:10px 11px;border:1px dashed color-mix(in srgb,var(--dm-bad) 55%,var(--line));border-radius:var(--radius-l,8px);font-size:10.5px;color:var(--text)} .mc-gap-amount{font-size:15px;font-weight:650;color:var(--dm-bad-text)} .mc-gap-line{display:none} .mc-gap-who,.mc-gap-days{display:flex;gap:6px;align-items:flex-start;line-height:1.4} .mc-gap .dm-ico{color:var(--muted);margin-top:1px} .mc-gap small{color:var(--muted);font-size:10px;line-height:1.45} .mc-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:12px} .mc-summary>div{display:flex;flex-direction:column;gap:4px;padding:12px 14px;border-left:2px solid var(--cyan);background:color-mix(in srgb,var(--cyan) 6%,transparent)} .mc-summary small{font-size:9px;letter-spacing:1px;color:var(--muted)} .mc-summary strong{font-size:19px;font-weight:600} .mc-summary span{font-size:10.5px;color:var(--muted)} /* Dependencies: estimate draft */ .dg-panel{margin-top:18px} .dg-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px} .dg-head h2{margin:0 0 8px} .dg-badge{gap:6px;font-size:10px;padding:6px 9px;white-space:normal;text-align:left} .dg-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(290px,1fr);grid-template-areas:"main side" "works side" "links links";gap:18px;align-items:start} .dg-main{grid-area:main;min-width:0}.dg-side{grid-area:side}.dg-works{grid-area:works;min-width:0}.dg-links{grid-area:links;min-width:0} .dg-layout .dg-table-scroll{margin-top:0} .dg-table td:nth-child(3){white-space:nowrap} .dg-scroll{border:1px solid var(--line);border-radius:var(--radius-l,8px);background:var(--panel2)} .dg-svg{width:100%;height:auto;min-width:640px;display:block} .dg-tick{stroke:var(--line);stroke-width:1} .dg-tick-label{font:10px var(--dm-mono);fill:var(--muted)} .dg-name{font-size:12px;fill:var(--text);font-weight:600} .dg-sub{font-size:10px;fill:var(--muted)} .dg-bar{fill:color-mix(in srgb,var(--cyan) 70%,transparent);stroke:var(--cyan);stroke-width:1.2} .dg-row.is-draft .dg-bar{fill:color-mix(in srgb,var(--dm-warn) 16%,transparent);stroke:var(--dm-warn);stroke-dasharray:4 3} .dg-link{fill:none;stroke-width:1.5} .dg-link.is-confirmed{stroke:var(--cyan)} .dg-link.is-proposed{stroke:var(--dm-warn);stroke-dasharray:4 3} .dg-arrow{fill:none;stroke-width:1.5}.dg-arrow.is-confirmed{stroke:var(--cyan)}.dg-arrow.is-proposed{stroke:var(--dm-warn)} .dg-key{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:10px;font-size:10.5px;color:var(--muted)} .dg-key span{display:inline-flex;align-items:center;gap:6px} .dg-key i{display:inline-block;width:20px;height:0} .dg-key .k-solid{border-top:2px solid var(--cyan)}.dg-key .k-dashed{border-top:2px dashed var(--dm-warn)} .dg-key .k-bar-solid{height:9px;border-radius:2px;background:color-mix(in srgb,var(--cyan) 70%,transparent);border:1px solid var(--cyan)} .dg-key .k-bar-draft{height:9px;border-radius:2px;background:color-mix(in srgb,var(--dm-warn) 16%,transparent);border:1px dashed var(--dm-warn)} .dg-side{padding:16px;border:1px solid var(--line);border-radius:var(--radius-l,8px);background:var(--panel2)} .dg-side h3{display:flex;align-items:center;gap:7px;margin:0 0 6px;font-size:14px;font-weight:650} .dg-count{padding:0 7px;border:1px solid var(--line);border-radius:5px;font-size:10px;font-weight:500} .dg-pending{list-style:none;margin:12px 0;padding:0;display:flex;flex-direction:column;gap:8px} .dg-pending label{display:grid;grid-template-columns:20px minmax(0,1fr);gap:8px;align-items:start;padding:10px;border:1px dashed color-mix(in srgb,var(--dm-warn) 55%,var(--line));border-radius:8px;background:var(--panel);cursor:pointer} .dg-pending input{width:16px;height:16px;margin:2px 0 0;accent-color:var(--cyan)} .dg-pending strong{display:block;font-size:11.5px;font-weight:600} .dg-pending small{display:block;margin-top:3px;font-size:10px;line-height:1.5;color:var(--muted)} .dg-actions{flex-wrap:wrap} .dg-preview{margin-top:14px;padding:14px;border:1px solid var(--cyan);border-radius:var(--radius-l,8px);background:var(--panel)} .dg-preview h3{margin:0 0 10px;font-size:13px} .dg-preview h3:focus-visible{outline:2px solid var(--cyan);outline-offset:3px} .dg-preview p{font-size:11px;line-height:1.6;color:var(--muted)} .dg-preview .buttons{flex-wrap:wrap} .dg-diff{list-style:none;margin:0 0 6px;padding:0;display:flex;flex-direction:column;gap:8px} .dg-diff li{display:flex;flex-direction:column;gap:3px;padding-bottom:8px;border-bottom:1px solid var(--line);font-size:11px} .dg-diff span{color:var(--muted)} .dg-status-change{display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px} .dg-status-change b{color:var(--text);font-weight:600} .dg-notice{min-height:1em;margin:10px 0 0;font-size:11px;color:var(--text)} .dg-notice:focus{outline:none} .dg-empty{font-size:11px;color:var(--muted)} .dg-table-scroll{margin-top:16px;overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius-l,8px)} .dg-table{width:100%;min-width:640px;border-collapse:collapse;font-size:11px} .dg-table caption{padding:10px 12px;text-align:left;font-weight:650;font-size:12px;color:var(--text)} .dg-table th{padding:9px 12px;text-align:left;font-weight:500;font-size:10px;color:var(--muted);background:var(--panel2);border-block:1px solid var(--line)} .dg-table td{padding:9px 12px;border-bottom:1px solid var(--line);vertical-align:top;line-height:1.5} .dg-table tr:last-child td{border-bottom:0} .dg-table abbr{text-decoration:none;font-family:var(--dm-mono)} .dg-state{display:inline-flex;align-items:center;gap:5px;white-space:nowrap} .dg-state.is-confirmed .dm-ico{color:var(--cyan)} .dg-state.is-proposed{color:var(--dm-warn-text)} @media(max-width:1100px){.pg-grid-layout{grid-template-columns:1fr}.mc-chain{grid-template-columns:1fr;gap:0}.mc-step{flex-direction:row;flex-wrap:wrap;align-items:baseline;justify-content:space-between}.mc-step .mc-meter{flex-basis:100%}.mc-gap{margin:0 0 0 22px;border:0;border-left:2px dashed color-mix(in srgb,var(--dm-bad) 55%,var(--line));border-radius:0;padding:10px 0 10px 16px}.dg-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"main" "side" "links" "works"}} @media(max-width:760px){.sc-tabs{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:4px}.sc-tab{flex:0 0 150px;scroll-snap-align:start;min-height:88px}.sc-check-list,.sc-pm-list{grid-template-columns:1fr}.sc-check{grid-template-columns:1fr;gap:4px}.sc-checks{padding:14px}.sc-premortem-button{margin-left:0}.sc-pm-item{padding:12px 12px 12px 38px}.sc-pm-item::before{left:12px;top:12px}.sc-pm-facts{grid-template-columns:1fr;gap:2px}.sc-pm-facts dt{margin-top:6px} .pg-figure{padding:4px 14px 0}.pg-chart{height:180px;margin-left:36px}.pg-ytick{left:-38px;width:32px;font-size:9px}.pg-xaxis span:nth-child(even){display:none}.pg-legend{grid-template-columns:1fr}.pg-key{grid-template-columns:auto auto 1fr;align-items:center}.pg-key i{grid-row:auto}.pg-key small{grid-column:1/-1}.pg-pace{margin:12px 14px 0;font-size:11.5px;align-items:flex-start}.pg-note{margin:10px 14px 0} .pg-gantt-body{--pg-label:96px;--pg-num:70px;--pg-gap:8px;padding:4px 14px 0}.pg-label strong{font-size:11px}.pg-label span{font-size:9.5px}.pg-nums b{font-size:13px}.pg-nums{font-size:9.5px}.pg-gantt-key{margin:12px 14px 0} .mc-head,.dg-head{flex-direction:column}.mc-summary{grid-template-columns:1fr}.mc-step strong{font-size:21px}} [hidden]{display:none!important} /* Public demo navigation: readable labels on eight mobile destinations. */ @media(max-width:760px){ .sidebar{height:72px;padding-bottom:env(safe-area-inset-bottom,0px);box-sizing:content-box} .sidebar nav{height:72px} .sidebar nav .nav-item{flex-direction:column;gap:5px;padding:10px 1px;min-width:0;justify-content:center} .sidebar nav .nav-item::after{content:attr(data-mobile-label);display:block;font-size:9px;line-height:1.2;white-space:nowrap;font-weight:500;letter-spacing:0} .sidebar nav .nav-item>span,.sidebar nav .nav-item>b{display:none} .footer{padding-bottom:110px} .heading .button.primary{min-height:44px;line-height:1.4} } /* ORBITA control-room system, informed by the owned ONIX design system. Single token set for the public product: every component layer (rich report, learning, supply) reads these. */ /* Self-hosted OFL fonts: Inter for text, JetBrains Mono for numbers and codes (CSP font-src 'self'). */ @font-face{font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;src:url(inter-cyrillic.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116} @font-face{font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;src:url(inter-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:100 800;font-display:swap;src:url(jbmono-cyrillic.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116} @font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:100 800;font-display:swap;src:url(jbmono-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} .metric .sparkline{display:none} :root,html[data-theme="dark"]{--bg:#090e1b;--panel:#101a2c;--panel2:#16243a;--line:#263750;--text:#e9f0fd;--muted:#92a7c3;--mint:#22d3ee;--cyan:#22d3ee;--violet:#a78bfa;--red:#fb7185;--amber:#fbbf24;--sidebar:230px;--orb-surface:linear-gradient(130deg,#142239eb,#101a2cf5);--orb-shadow:0 12px 36px #02061433;--orb-tint:#22d3ee0c;--orb-grid:#5f91c50d;--orb-active:#22d3ee18;--accent:#22d3ee;--accent-2:#a78bfa;--good:#34d399;--warn:#fbbf24;--warn-text:#fbbf24;--critical:#fb7185;--critical-text:#fb7185;--unknown:#7f93b8;--radius-s:4px;--radius-m:6px;--radius-l:8px;--font-sans:'Inter','Segoe UI',system-ui,sans-serif;--font-mono:'JetBrains Mono',ui-monospace,'Cascadia Mono',Consolas,monospace} html[data-theme="light"]{--bg:#f0f3fa;--panel:#fff;--panel2:#edf1fa;--line:#d9e1f0;--text:#1b2542;--muted:#56657f;--mint:#6655d8;--cyan:#078ba6;--violet:#7957d5;--red:#d94763;--amber:#a66a0d;--orb-surface:linear-gradient(130deg,#fffffffa,#f8fafff5);--orb-shadow:0 8px 28px #3b52700b;--orb-tint:#7b6dea08;--orb-grid:#677bae0b;--orb-active:#7964e410;--accent:#6655d8;--accent-2:#078ba6;--good:#1f8b5f;--warn:#d98a12;--warn-text:#9a5d00;--critical:#d14b62;--critical-text:#b8344b;--unknown:#8a94b0} body{font-family:var(--font-sans);font-size:14px;background:radial-gradient(ellipse at 75% 0,#6644c00d,transparent 48%),radial-gradient(ellipse at 25% 50%,var(--orb-tint),transparent 65%),var(--bg);color:var(--text);font-variant-numeric:tabular-nums} button,input,select,textarea{font-family:inherit}h1,h2,h3{font-family:var(--font-sans)} /* Numbers and codes in mono, as in ONIKS. */ .metric-value,.meeting-number,.mini-stat strong,.orb-auth-kpi strong,.rr-stat-main>strong,.rr-metric strong,.rr-gap strong,.rr-chart-value,.rr-chart-axis,.rr-mono,.dm-mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.01em} .sidebar,html[data-theme="light"] .sidebar{background:var(--panel);border-right:1px solid var(--line);padding:28px 14px 18px;box-shadow:5px 0 30px #02061408} .brand{font-size:21px;font-weight:700;letter-spacing:2.4px;color:var(--text)}.brand small{font-size:7px;letter-spacing:1.6px;color:var(--muted);font-weight:500}.brand-icon{color:var(--cyan)} /* Logo: the planet and its orbit are one SVG; the legacy CSS oval of the prototype is off. */ .brand-icon{display:inline-grid!important;place-items:center;flex:none;width:38px;height:38px;font-size:0!important;transform:none!important;filter:drop-shadow(0 0 10px rgba(0,200,230,.28))}.brand-icon::after{content:none!important;display:none!important}.brand-icon svg{display:block;width:38px;height:38px}[data-theme=light] .brand-icon{filter:drop-shadow(0 2px 6px rgba(91,63,216,.22))}.brand{gap:11px!important;align-items:center!important}.brand>span:last-child{line-height:1.05} .organization,html[data-theme="light"] .organization{background:var(--orb-surface);border:1px solid var(--line);border-radius:var(--radius-l,8px);margin-top:28px;padding:13px 10px}.organization small{font-size:10px;margin-top:4px}.organization div{font-size:13px;font-weight:600}.org-icon,html[data-theme="light"] .org-icon{background:var(--orb-active);color:var(--mint);border:1px solid color-mix(in srgb,var(--mint) 28%,transparent);border-radius:6px} .nav-caption,html[data-theme="light"] .nav-caption{font-size:9px;color:var(--muted);letter-spacing:1.8px;margin:28px 12px 14px}.nav-item,html[data-theme="light"] .nav-item{font-size:13px;font-weight:500;border-radius:7px;min-height:44px;padding:12px 11px;gap:12px;color:var(--muted);margin-bottom:6px;transition:background .18s,color .18s}.nav-item i,html[data-theme="light"] .nav-item i{color:currentColor}.nav-item.active,html[data-theme="light"] .nav-item.active{color:var(--mint);background:linear-gradient(90deg,var(--orb-active),transparent);box-shadow:inset 2px 0 var(--mint);border:1px solid color-mix(in srgb,var(--mint) 14%,transparent)}.nav-item:hover,html[data-theme="light"] .nav-item:hover{color:var(--text);background:var(--orb-active)}.nav-item b{font-size:10px;background:var(--orb-active);color:var(--mint)}.sidebar-status,html[data-theme="light"] .sidebar-status,.sidebar-status small,html[data-theme="light"] .sidebar-status small{color:var(--muted)} .topbar,html[data-theme="light"] .topbar{background:color-mix(in srgb,var(--bg) 86%,transparent);backdrop-filter:blur(14px);height:72px;border-bottom:1px solid var(--line);padding:0 30px}.breadcrumb,html[data-theme="light"] .breadcrumb{font-size:12px;color:var(--muted)}.breadcrumb strong,html[data-theme="light"] .breadcrumb strong{color:var(--text);font-weight:600}.breadcrumb span,html[data-theme="light"] .breadcrumb span{color:var(--muted)}.top-actions{gap:12px}.top-actions time,html[data-theme="light"] .top-actions time{font-size:11px;color:var(--muted)}.board-select{font-size:12px;max-width:188px;border-radius:7px;padding:9px 10px;background:var(--panel2)}.demo-tag,html[data-theme="light"] .demo-tag{font-size:8px;letter-spacing:1.1px;color:var(--cyan);background:color-mix(in srgb,var(--cyan) 7%,var(--panel));border-color:color-mix(in srgb,var(--cyan) 25%,transparent);white-space:nowrap}.theme-button,.icon-button,html[data-theme="light"] .icon-button{color:var(--muted);background:var(--panel);border-color:var(--line);border-radius:7px;width:34px;height:34px} main{padding:28px 30px;max-width:1900px;margin:auto}.heading{margin-bottom:24px;gap:22px}.heading h1{font-size:30px;line-height:1.25;letter-spacing:-1px;font-weight:650;margin:10px 0}.heading p{font-size:12px;color:var(--muted);line-height:1.6}.eyebrow{font-size:9px;font-weight:650;letter-spacing:2px;color:var(--cyan)} .button,html[data-theme="light"] .button{font-size:12px;font-weight:600;padding:12px 17px;min-height:42px;border-radius:7px;background:var(--panel2);border-color:var(--line);color:var(--text);transition:transform .15s,border-color .15s,box-shadow .15s}.button:hover{border-color:var(--mint);transform:translateY(-1px)}.button.primary,html[data-theme="light"] .button.primary{background:linear-gradient(120deg,#0ebad0,#3e8be3);color:#041522;border-color:#2dc9e744;box-shadow:0 4px 22px #12bbd51a}.button.primary:hover{box-shadow:0 4px 25px #22d3ee30}.button.ghost,html[data-theme="light"] .button.ghost{background:transparent}.text-button{font-size:11px;color:var(--mint);font-weight:600} html[data-theme="light"] .button.primary{background:linear-gradient(120deg,#7560e1,#556de0);color:#fff;border-color:#7560e133;box-shadow:0 4px 16px #6c5ce715} .panel,.metric,html[data-theme="light"] .metric{border:1px solid var(--line);background:var(--orb-surface);border-radius:var(--radius-l,8px);box-shadow:var(--orb-shadow)}.panel-head{padding:21px 22px 16px}.panel-head h2{font-size:16px;font-weight:600;letter-spacing:-.25px;margin:6px 0 0}.panel-head p{font-size:11px;color:var(--muted);margin-top:7px}.padded{padding:23px}.padded h2{font-size:19px;line-height:1.4}.padded p,.section-note,html[data-theme="light"] .padded p,html[data-theme="light"] .section-note{font-size:12px;line-height:1.7;color:var(--muted)} .pill,html[data-theme="light"] .pill{font-size:9px;font-weight:600;letter-spacing:.2px;border-color:var(--line);background:var(--panel2);color:var(--muted);border-radius:5px}.pill.red,html[data-theme="light"] .pill.red{color:var(--red);background:color-mix(in srgb,var(--red) 8%,var(--panel));border-color:color-mix(in srgb,var(--red) 25%,transparent)}.pill.amber,html[data-theme="light"] .pill.amber{color:var(--amber);background:color-mix(in srgb,var(--amber) 8%,var(--panel));border-color:color-mix(in srgb,var(--amber) 25%,transparent)}.pill.green,html[data-theme="light"] .pill.green{color:var(--cyan);background:color-mix(in srgb,var(--cyan) 7%,var(--panel));border-color:color-mix(in srgb,var(--cyan) 22%,transparent)} .orb-project-strip{display:flex;gap:8px;overflow-x:auto;padding:0 0 18px;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.orb-project-chip{display:flex;align-items:center;gap:9px;flex:1;min-width:163px;text-align:left;border:1px solid var(--line);padding:10px 12px;border-radius:8px;background:var(--orb-surface);color:var(--text)}.orb-project-chip:hover{border-color:var(--project-accent);background:color-mix(in srgb,var(--project-accent) 8%,var(--panel))}.orb-project-chip>span:nth-child(2){font-size:11px;font-weight:600;white-space:nowrap}.orb-project-chip small{display:block;font-size:9px;font-weight:400;color:var(--muted);margin-top:4px}.orb-project-chip strong{font-size:9px;font-weight:500;color:var(--project-accent);margin-left:auto;white-space:nowrap}.orb-chip-dot{width:5px;height:20px;border-radius:2px;background:var(--project-accent);box-shadow:0 0 10px color-mix(in srgb,var(--project-accent) 30%,transparent);flex-shrink:0} .orb-telemetry{gap:12px;margin-bottom:20px}.orb-telemetry .metric{padding:18px 20px;min-height:142px;position:relative;overflow:hidden}.orb-telemetry .metric:after{content:'';position:absolute;left:20px;right:20px;top:0;height:1px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);opacity:.55}.orb-telemetry .metric.risk:after{background:linear-gradient(90deg,transparent,var(--red),transparent)}.orb-telemetry .metric.money:after{background:linear-gradient(90deg,transparent,var(--violet),transparent)}.metric-label,html[data-theme="light"] .metric-label{font-size:11px;color:var(--muted);gap:8px}.metric-label i svg{width:15px;height:15px}.metric-value{font-size:40px;font-weight:600;letter-spacing:-1.6px;margin:11px 0 9px;line-height:1.1;display:flex;align-items:baseline;gap:9px}.metric-value small,html[data-theme="light"] .metric-value small{font-size:12px;letter-spacing:0;color:var(--muted);font-weight:400}.metric.risk .metric-value{color:var(--red)}.metric.money .metric-value{color:var(--mint)}.metric-foot{font-size:10px;line-height:1.5;color:var(--muted)}.orb-status-segments{display:flex;gap:3px;margin:10px 0 8px;max-width:150px}.orb-status-segments i{height:3px;flex:1;border-radius:2px;background:var(--segment)}.orb-stat-caption{font-size:10px;color:var(--muted);display:flex;align-items:center;gap:6px;line-height:1.5}.orb-signal-dot{display:inline-block;background:var(--red);width:5px;height:5px;border-radius:50%;box-shadow:0 0 10px #fb718559;flex-shrink:0} .orb-lead-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(310px,1fr);gap:18px;align-items:stretch}.orb-lead-grid .city-panel,html[data-theme="light"] .orb-lead-grid .city-panel{display:flex;flex-direction:column;position:relative;background:radial-gradient(ellipse at 48% 50%,color-mix(in srgb,var(--cyan) 7%,var(--panel)),var(--panel) 70%);overflow:hidden}.orb-lead-grid .city-panel .panel-head{z-index:1;align-items:flex-start}.orb-lead-grid .city-stage{height:365px;flex:1;min-height:340px;position:relative;background-image:linear-gradient(var(--orb-grid) 1px,transparent 1px),linear-gradient(90deg,var(--orb-grid) 1px,transparent 1px);background-size:32px 32px}.orb-lead-grid .city-stage:before{content:'';position:absolute;width:72%;aspect-ratio:1.85;left:14%;top:22%;border:1px solid color-mix(in srgb,var(--cyan) 17%,transparent);border-radius:50%;transform:rotate(-12deg);pointer-events:none}.orb-lead-grid .city-stage:after{content:'';position:absolute;inset:8px;border:1px solid var(--orb-grid);pointer-events:none;clip-path:polygon(0 0,16px 0,16px 1px,1px 1px,1px 16px,0 16px,0 0,100% 0,100% 16px,calc(100% - 1px) 16px,calc(100% - 1px) 1px,calc(100% - 16px) 1px,calc(100% - 16px) 0,100% 0,100% 100%,0 100%)}.city-caption,html[data-theme="light"] .city-caption{background:transparent;border-color:var(--line);padding:16px 22px;font-size:11px;z-index:1}.city-caption small,html[data-theme="light"] .city-caption small{font-size:9px;color:var(--muted)}.toggle-group,html[data-theme="light"] .toggle-group{background:var(--panel);border-color:var(--line);border-radius:6px}.toggle-group button,html[data-theme="light"] .toggle-group button{font-size:10px;color:var(--muted)}.toggle-group button.selected,html[data-theme="light"] .toggle-group button.selected{background:var(--orb-active);color:var(--mint)}.city-key,html[data-theme="light"] .city-key{color:var(--muted);font-size:9px} .orb-decision-core{position:relative;overflow:hidden;padding:22px;background:radial-gradient(circle at 86% 21%,#fb71850a,transparent 45%),var(--orb-surface);display:flex;flex-direction:column}.orb-core-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.orb-core-top .eyebrow{font-size:8px;letter-spacing:1.6px}.orb-core-orbit{height:140px;position:absolute;right:7px;top:55px;width:140px;display:grid;place-items:center}.orb-orbit-ring{position:absolute;inset:10px;border:1px solid color-mix(in srgb,var(--red) 35%,transparent);border-radius:50%;border-left-color:transparent;transform:rotate(-30deg)}.orb-orbit-ring.inner{inset:22px;border-color:color-mix(in srgb,var(--red) 14%,transparent);background:radial-gradient(circle,#fb71850d,transparent 70%)}.orb-orbit-point{position:absolute;width:6px;height:6px;background:var(--red);border-radius:50%;top:16px;right:36px;box-shadow:0 0 12px #fb718566}.orb-core-number{color:var(--red);font-size:35px;font-weight:650;letter-spacing:-1.5px;text-align:center}.orb-core-number small{font-size:9px;display:block;letter-spacing:1.4px;font-weight:500;text-transform:uppercase;margin-top:0}.orb-core-copy{position:relative;padding-top:30px;flex:1}.orb-core-copy h2{font-size:24px;line-height:1.3;font-weight:600;letter-spacing:-.8px;width:calc(100% - 100px);min-width:180px;margin:0 0 16px}.orb-core-copy p{font-size:12px;color:var(--muted);line-height:1.7;margin:0 0 21px;max-width:370px}.orb-causal-ribbon{display:flex;align-items:center;gap:5px;margin:0 0 19px}.orb-causal-ribbon span{background:var(--panel2);border:1px solid var(--line);font-size:9px;border-radius:4px;padding:6px 7px;white-space:nowrap}.orb-causal-ribbon span:first-child{color:var(--red);border-color:color-mix(in srgb,var(--red) 32%,transparent)}.orb-causal-ribbon i{color:var(--muted);font-size:9px;font-style:normal}.orb-core-dates{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 0;display:flex;gap:12px;align-items:center;justify-content:space-between}.orb-core-dates small{font-size:9px;color:var(--muted)}.orb-core-dates strong{font-size:21px;display:block;margin-top:6px;font-weight:600;color:var(--mint)}.orb-core-dates div:first-child strong{color:var(--red)}.orb-core-dates>span{color:var(--muted);font-size:17px}.orb-core-actions{display:flex;flex-direction:column;gap:10px;margin-top:18px}.orb-core-actions .button{justify-content:center}.orb-core-actions .text-button{justify-content:center;padding:7px}.orb-model-note{font-size:9px;line-height:1.5;color:var(--muted);margin:8px 0 0;text-align:center} .orb-lower-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(310px,1fr);gap:18px;margin-top:18px}.project-list{padding:0 22px 5px}.project-row,html[data-theme="light"] .project-row{border-color:var(--line);padding:17px 0;grid-template-columns:minmax(0,1.5fr) minmax(90px,1fr) auto 14px;gap:14px}.project-row:hover,html[data-theme="light"] .project-row:hover{background:var(--orb-active)}.project-title{font-size:13px;font-weight:600}.project-title small,html[data-theme="light"] .project-title small{font-size:9px;color:var(--muted);font-weight:400;line-height:1.5}.progress-text,html[data-theme="light"] .project-row .progress-text{font-size:10px;color:var(--muted)}.progress-line,html[data-theme="light"] .progress-line{height:4px;background:var(--panel2);border-radius:4px;overflow:hidden}.progress-line>span{background:linear-gradient(90deg,var(--violet),var(--cyan));border-radius:4px}.supply-list{padding:0 22px}.supply-item,html[data-theme="light"] .supply-item{padding:14px 0;border-color:var(--line)}.supply-item h3{font-size:12px;font-weight:600}.supply-item p,html[data-theme="light"] .supply-item p{font-size:10px;color:var(--muted);margin-top:6px}.supply-item>div:last-child{font-size:13px;font-weight:600}.supply-item small{font-size:9px;font-weight:400;margin-top:6px}.orb-supply-link{margin:5px 22px 20px;padding:12px;border:1px solid var(--line);border-radius:6px;display:flex;align-items:center;gap:9px;width:calc(100% - 44px);font-size:11px;text-align:left;color:var(--mint);background:var(--orb-active)}.orb-supply-link span{margin-left:auto} .orb-next-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.orb-next-strip button{display:flex;align-items:center;gap:12px;background:var(--orb-surface);border:1px solid var(--line);border-radius:8px;text-align:left;color:var(--muted);padding:17px;font-size:11px}.orb-next-strip i{color:var(--mint)}.orb-next-strip span{margin-left:auto;color:var(--mint)}.orb-next-strip button:hover{border-color:var(--mint);color:var(--text)} .filter-bar{gap:10px;margin-bottom:20px}.search-input,html[data-theme="light"] .search-input,.filter-chip,html[data-theme="light"] .filter-chip{background:var(--panel);border-color:var(--line);color:var(--muted);border-radius:7px;font-size:12px;padding:11px 14px}.filter-chip.active,html[data-theme="light"] .filter-chip.active{border-color:color-mix(in srgb,var(--mint) 30%,transparent);background:var(--orb-active);color:var(--mint)}.project-card{padding:22px;transition:border-color .18s,box-shadow .18s,transform .18s}.project-card:hover{border-color:var(--mint);box-shadow:0 12px 35px #1c90ae12;transform:translateY(-2px)}.project-card h2{font-size:21px;font-weight:600;letter-spacing:-.4px;margin-top:20px}.project-card>p{font-size:11px;color:var(--muted)}.project-card .subtle-label{font-size:9px;letter-spacing:1.2px}.project-card-bottom,html[data-theme="light"] .project-card-bottom{font-size:11px;color:var(--muted)}.project-card-bottom>span:last-child{font-size:19px;font-weight:600;color:var(--text)} .footer,html[data-theme="light"] .footer{color:var(--muted);font-size:10px;padding:8px 30px 25px}.callout,html[data-theme="light"] .callout{background:var(--orb-active);color:var(--muted);border-color:var(--cyan);font-size:12px;line-height:1.7}.formula,html[data-theme="light"] .formula{background:var(--panel2);color:var(--muted);font-size:12px}.subtle-label,html[data-theme="light"] .subtle-label{color:var(--muted);font-size:10px}.modal,html[data-theme="light"] .modal{background:var(--panel);border-color:var(--line);border-radius:var(--radius-l,8px);box-shadow:0 30px 100px #030b2744}.modal .panel,html[data-theme="light"] .modal .panel{background:var(--orb-surface)}.modal-close,html[data-theme="light"] .modal-close{color:var(--muted);background:var(--panel2);border-color:var(--line)}.modal-top p,html[data-theme="light"] .modal-top p,.tree-detail span,html[data-theme="light"] .tree-detail span{color:var(--muted);font-size:12px}.plain-list,html[data-theme="light"] .plain-list{color:var(--muted);font-size:13px}.mini-stat,html[data-theme="light"] .mini-stat{background:var(--panel2);border-color:var(--line)}.mini-stat small,html[data-theme="light"] .mini-stat small{color:var(--muted)}.field input,.field select,.field textarea,html[data-theme="light"] .field input,html[data-theme="light"] .field select,html[data-theme="light"] .field textarea{background:var(--panel2);color:var(--text);border-color:var(--line);font-size:13px}.overlay,html[data-theme="light"] .overlay{background:#070e2199;backdrop-filter:blur(5px)}.profile>span,html[data-theme="light"] .profile>span{background:var(--orb-active);border-color:var(--line);color:var(--mint)} .orb-auth-kpi,.orb-auth-panel,.orb-auth-quality>section,.orb-auth-gate{box-shadow:var(--orb-shadow)}.orb-auth-head h1{font-family:inherit!important;font-size:30px!important;letter-spacing:-.8px}.orb-auth-head p,.orb-auth-panel p,.orb-auth-quality p{font-size:12px!important}.orb-auth-kpi strong{font-family:inherit!important;font-weight:600!important}.orb-auth-table{font-size:12px!important}.orb-auth-table th{font-size:10px!important} @media(min-width:1600px){html[data-theme]{--sidebar:244px}main{padding:32px}.orb-lead-grid .city-stage{min-height:400px}.orb-core-copy h2{font-size:28px}.orb-core-copy p{font-size:13px}.orb-core-orbit{width:160px;height:160px;right:13px}.orb-core-number{font-size:42px}.metric-value{font-size:46px}.heading h1{font-size:34px}} @media(max-width:1200px){html[data-theme]{--sidebar:212px}.topbar{padding:0 22px}main{padding:24px 22px}.orb-lead-grid,.orb-lower-grid{grid-template-columns:minmax(0,1.4fr) minmax(300px,1fr);gap:14px}.orb-project-chip{min-width:165px}.orb-telemetry .metric{padding:16px}.metric-value{font-size:34px}.orb-core-copy h2{font-size:23px;min-width:0;width:calc(100% - 75px)}.orb-core-orbit{width:115px;height:115px;top:59px;right:7px}.orb-core-number{font-size:28px}.orb-core-dates strong{font-size:19px}.orb-causal-ribbon span{font-size:8px;padding:6px}.orb-decision-core{padding:18px}.orb-telemetry .metric{min-height:140px}.metric-label{font-size:10px}.top-actions .demo-tag{font-size:7px}} @media(max-width:1000px){html[data-theme]{--sidebar:74px}.sidebar,html[data-theme="light"] .sidebar{padding:24px 9px}.nav-item,html[data-theme="light"] .nav-item{padding:13px 6px;justify-content:center}.orb-core-copy h2{font-size:22px}.orb-next-strip{grid-template-columns:1fr}.orb-project-strip{padding-bottom:15px}.board-select{max-width:178px}.topbar .breadcrumb{font-size:10px}.top-actions{gap:8px}} @media(max-width:760px){html[data-theme]{--sidebar:0px}.sidebar,html[data-theme="light"] .sidebar{height:72px;padding:0;border-right:0;border-top:1px solid var(--line);background:color-mix(in srgb,var(--panel) 95%,transparent);backdrop-filter:blur(10px)}.sidebar nav .nav-item{padding:9px 1px;gap:5px;margin:0;min-height:72px;border-radius:0}.sidebar nav .nav-item.active{box-shadow:inset 0 2px var(--mint);border:0;background:var(--orb-active)}.sidebar nav .nav-item::after{font-size:9px;font-weight:500}.topbar,html[data-theme="light"] .topbar{height:62px;padding:0 12px}.topbar .breadcrumb{display:none}.top-actions{gap:7px}.board-select{font-size:10px;max-width:145px;padding:8px}.demo-tag,html[data-theme="light"] .demo-tag{font-size:6px;letter-spacing:.3px;padding:6px}.theme-button,.icon-button{width:29px;height:29px;flex-shrink:0}.top-actions .icon-button{width:27px;height:29px}.heading{gap:14px;margin-bottom:18px}.heading h1{font-size:27px}.heading p{font-size:11px}.eyebrow{font-size:8px;letter-spacing:1.7px}main{padding:22px 14px}.orb-telemetry{gap:9px;grid-template-columns:1fr 1fr;margin-bottom:14px}.orb-telemetry .metric{padding:15px 13px;min-height:137px}.metric-label{font-size:10px;gap:5px}.metric-label i svg{width:13px;height:13px}.metric-value{font-size:32px;gap:5px;flex-wrap:wrap}.metric-value small{font-size:10px}.metric-foot,.orb-stat-caption{font-size:9px}.orb-project-strip{margin-right:-14px;padding-right:14px}.orb-project-chip{min-width:158px}.orb-lead-grid,.orb-lower-grid{grid-template-columns:1fr;gap:14px}.orb-lead-grid .city-stage{min-height:310px;flex:none;height:310px}.orb-lead-grid .city-panel{min-height:400px}.panel-head{padding:18px 17px 13px}.panel-head h2{font-size:15px}.city-caption{padding:14px 17px;font-size:10px}.orb-core-orbit{width:140px;height:140px;right:15px;top:56px}.orb-core-number{font-size:35px}.orb-core-copy h2{width:calc(100% - 105px);min-width:170px;font-size:25px}.orb-core-copy p{font-size:12px;max-width:none;margin-top:26px}.orb-decision-core{padding:20px}.orb-causal-ribbon{gap:7px}.orb-causal-ribbon span{font-size:9px;padding:7px}.orb-core-dates strong{font-size:23px}.orb-core-actions .button{font-size:12px}.project-list{padding:0 17px 5px}.project-row,html[data-theme="light"] .project-row{gap:9px;grid-template-columns:minmax(0,1.2fr) minmax(65px,.7fr) auto}.project-row>.arrow{display:none}.project-title{font-size:12px}.project-title small{font-size:8px}.project-row .pill{font-size:7px;padding:5px}.supply-list{padding:0 17px}.orb-next-strip{gap:9px;margin-top:14px}.orb-next-strip button{padding:16px}.full-grid{gap:14px}.project-card{padding:20px}.project-card h2{font-size:22px}.filter-bar .filter-chip{font-size:10px;padding:10px 9px}.footer,html[data-theme="light"] .footer{padding:6px 14px 102px;font-size:9px}.orb-auth-head h1{font-size:27px!important}.orb-auth-table{font-size:11px!important}} @media(prefers-reduced-motion:reduce){.button,.nav-item,.project-card{transition:none}.button:hover,.project-card:hover{transform:none}} .orb-core-copy h2{min-height:108px} @media(min-width:1600px){.orb-core-copy h2{min-height:128px}} @media(max-width:1200px){.orb-core-copy h2{min-height:90px}} @media(max-width:760px){.orb-core-copy h2{min-height:116px}} /* Command palette (Ctrl+K) and its topbar button. */ .palette-button{display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 10px;border:1px solid var(--line);border-radius:var(--radius-m,6px);background:var(--panel);color:var(--muted);font:inherit;font-size:12px;cursor:pointer} .palette-button:hover,.palette-button:focus-visible{color:var(--text);border-color:var(--accent)} .palette-button kbd,.cp-dialog kbd{font:500 10px/1 var(--font-mono);padding:3px 5px;border:1px solid var(--line);border-radius:var(--radius-s,4px);color:var(--muted);background:var(--panel2)} @media(max-width:1000px){.palette-button span,.palette-button kbd{display:none}.palette-button{width:32px;justify-content:center;padding:0}} .cp-overlay{position:fixed;inset:0;z-index:80;display:grid;align-items:start;justify-items:center;padding:12vh 16px 16px;background:color-mix(in srgb,var(--bg) 62%,transparent);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)} .cp-dialog{width:min(640px,100%);max-height:70vh;display:grid;grid-template-rows:auto minmax(0,1fr) auto;border:1px solid var(--line);border-radius:var(--radius-l,8px);background:var(--panel);box-shadow:0 30px 70px #02061466;overflow:hidden} .cp-field{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--line);color:var(--muted)} .cp-field input{flex:1;min-width:0;border:0;outline:none;background:none;color:var(--text);font:inherit;font-size:15px} #cp-list{list-style:none;margin:0;padding:6px;overflow:auto} .cp-item{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:center;padding:9px 10px;border-radius:var(--radius-m,6px);cursor:pointer} .cp-item.is-active{background:color-mix(in srgb,var(--accent) 14%,transparent)} .cp-ico{display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--line);border-radius:var(--radius-m,6px);color:var(--accent)} .cp-text b{display:block;font-size:13px;font-weight:600;color:var(--text)} .cp-text small{display:block;font-size:11px;color:var(--muted)} .cp-empty{padding:18px;color:var(--muted);font-size:13px} .cp-foot{display:flex;flex-wrap:wrap;gap:14px;padding:8px 14px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)} .cp-foot span:last-child{margin-left:auto} @media (prefers-reduced-motion:no-preference){.cp-dialog{animation:cp-in .16s cubic-bezier(.16,1,.3,1)}} @keyframes cp-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}} @media print{.palette-button,.cp-overlay{display:none!important}} /* ---------- styled dropdowns (both boards); the native