:root{--bg:#f5f6f8;--panel:#fff;--ink:#1d2839;--muted:#7c8698;--line:#e7eaf0;--blue:#5065e8;--green:#188875;--red:#cc6658;--amber:#b47b29}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--bg);font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:13px}button,input,textarea,select{font:inherit}button{cursor:pointer;border:1px solid var(--line);border-radius:7px;background:white;color:inherit;padding:9px 13px}button:hover{border-color:#aab5d5;background:#f6f7fc}button:focus-visible,a:focus-visible{outline:3px solid #a9b6ff;outline-offset:3px}.sidebar{position:fixed;width:214px;inset:0 auto 0 0;background:#fff;border-right:1px solid var(--line);padding:32px 21px;display:flex;flex-direction:column}.brand{text-decoration:none;color:var(--ink);font-size:29px;letter-spacing:-1.5px;font-weight:750;display:flex;align-items:center;gap:10px}.logo{background:var(--blue);border-radius:10px;width:33px;height:35px;text-align:center;color:white;font-style:italic;line-height:30px}.brand-dot{font-size:8px;color:var(--blue);margin-left:-7px}.workspace{font-size:9px;letter-spacing:1.5px;color:var(--muted);margin:43px 0 25px}.workspace strong{display:block;font-size:12px;letter-spacing:0;color:var(--ink);margin-top:13px}.workspace strong span{float:right;color:var(--muted)}nav{display:grid;gap:7px}.nav{border:0;display:flex;gap:12px;text-align:left;padding:12px;color:#8490a2;background:transparent}.nav.active{background:#eef0ff;color:var(--blue);font-weight:600}.side-bottom{margin-top:auto;font-size:10px;color:var(--muted)}.side-bottom p{font-size:14px;line-height:1.7;margin:25px 0}.signal{display:inline-block;width:6px;height:6px;border-radius:50%;background:#48a68d;margin-right:6px}.text-button{padding:0;border:0;color:var(--muted);font-size:11px}main{margin-left:214px}header{height:76px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 36px;background:rgba(255,255,255,.7)}.breadcrumb{font-size:11px;color:var(--muted)}.breadcrumb span{margin:0 14px;color:#bbc1cc}.breadcrumb b{color:#515d71;font-weight:500}.header-right{display:flex;align-items:center;gap:20px;font-size:10px;color:var(--muted)}.avatar{display:inline-flex;align-items:center;justify-content:center;width:27px;height:27px;border-radius:8px;background:#e9edff;color:#6276d8;font-size:10px;font-weight:600}.avatar.human{background:#eee8dd;color:#9c8759}.content{max-width:1600px;margin:auto;padding:26px 36px}.page-heading{display:flex;justify-content:space-between;align-items:center;margin:24px 0 31px}.eyebrow{font-size:9px;font-weight:650;letter-spacing:1.8px;color:var(--blue)}h1{font-size:31px;letter-spacing:-1.2px;font-weight:600;margin:9px 0}p{color:var(--muted);line-height:1.5}.page-heading p{margin:0;font-size:12px}.primary{background:var(--blue);color:#fff;border-color:var(--blue);font-weight:550}.primary:hover{background:#4054d8;color:white}.toolbar{display:flex;justify-content:space-between;border-bottom:1px solid #dde2ec;margin-bottom:23px;gap:15px;flex-wrap:wrap}.tabs{display:flex;gap:25px}.tabs button{background:none;border:0;border-radius:0;padding:12px 0 16px;color:var(--muted);font-size:12px}.tabs button.selected{color:var(--blue);box-shadow:0 2px var(--blue);font-weight:600}.period{display:flex;align-items:center;gap:3px;margin-bottom:9px}.period>span{font-size:10px;color:var(--muted);margin-right:10px}.period button{font-size:10px;padding:6px 9px;border:0;background:transparent}.period button.selected{background:#e9edff;color:var(--blue)}.period input{width:65px;font-size:10px;padding:6px;border:1px solid var(--line);border-radius:5px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:19px}.metric,.panel{background:var(--panel);border:1px solid var(--line);border-radius:10px}.metric{padding:18px 19px;min-height:138px}.metric-label{color:#778195;font-size:11px;display:flex;justify-content:space-between}.metric-number{font-size:32px;font-weight:550;letter-spacing:-1px;margin:12px 0 8px}.metric-number small{font-size:13px;font-weight:400;color:var(--muted);letter-spacing:0}.metric-note{font-size:10px;color:var(--muted)}.green{color:var(--green)}.red{color:var(--red)}.progress{height:4px;background:#eef0f6;border-radius:3px;overflow:hidden;margin-top:13px}.progress i{display:block;height:100%;background:var(--blue)}.grid-two{display:grid;grid-template-columns:1.6fr 1fr;gap:19px;margin-bottom:19px}.panel{padding:20px;min-width:0}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.panel h2,h2{font-size:13px;font-weight:600;margin:0}.panel-sub{font-size:10px;color:var(--muted);margin-top:5px}.badge{display:inline-block;background:#f2f4fa;padding:4px 7px;font-size:9px;border-radius:5px;color:#8290a4}.badge.alert{background:#fff1e9;color:var(--red)}.chart{width:100%;height:180px;overflow:visible}.chart text{font-size:9px;fill:#8c96a8}.legend{display:flex;gap:18px;font-size:10px;color:var(--muted)}.legend i{display:inline-block;width:7px;height:7px;border-radius:2px;margin-right:5px;background:var(--blue)}.legend i.scope{background:#b7bfd5}.chart-caption{display:flex;justify-content:space-between;align-items:center;margin-top:5px}.chart-caption small{font-size:9px;color:var(--muted)}.bottleneck{padding:12px 0;border-bottom:1px solid var(--line);display:flex;gap:11px}.bottleneck:last-child{border-bottom:0}.bottleneck-mark{color:var(--red);background:#fff1e9;border-radius:6px;min-width:25px;height:25px;text-align:center;line-height:25px}.bottleneck b{font-size:11px;font-weight:550;display:block}.bottleneck p{font-size:10px;margin:5px 0}.bottleneck small{font-size:9px;color:var(--red)}.link{border:0;background:none;padding:0;color:var(--blue);font-size:10px}.board-head{display:flex;justify-content:space-between;align-items:center;margin:26px 0 15px}.board-head h2{font-size:14px}.board-controls{display:flex;gap:8px}.board-controls input,.board-controls select{background:white;border:1px solid var(--line);border-radius:6px;padding:7px 9px;font-size:11px;max-width:180px}.kanban{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.lane{background:#eef0f5;border:1px solid #e7eaf1;padding:11px;border-radius:9px;min-height:220px}.lane-title{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:600;margin:3px 1px 14px}.lane-title .dot{width:6px;height:6px;background:#a4aec2;border-radius:50%}.lane-title .count{color:var(--muted);font-weight:400}.lane-title small{margin-left:auto;color:var(--muted);font-size:9px;font-weight:400}.lane.in_progress .dot{background:var(--blue)}.lane.in_test .dot{background:#c99b4c}.lane.done .dot{background:var(--green)}.lane.at-limit{border-color:#e1b971}.card{display:block;text-align:left;width:100%;padding:13px 12px;background:white;border:1px solid #e1e5ed;border-radius:7px;margin-bottom:9px;box-shadow:0 2px 2px #23304403}.card-id{font-size:8px;color:#9aa3b3;letter-spacing:.3px;display:flex;justify-content:space-between}.card h3{font-size:11px;line-height:1.55;font-weight:550;margin:10px 0}.card-tags{display:flex;gap:5px;flex-wrap:wrap}.tag{font-size:8px;background:#f2f4f8;color:#8a94a5;padding:3px 5px;border-radius:3px}.card-foot{display:flex;align-items:center;gap:5px;margin-top:13px;font-size:9px;color:var(--muted)}.card-foot .avatar{height:22px;width:22px;font-size:8px;border-radius:6px}.points{margin-left:auto;background:#f3f4f8;border-radius:4px;padding:3px 5px;color:#606f86}.gate{color:#c6ccda;font-size:11px;letter-spacing:2px}.gate.passed{color:#48a68d}.blocked-tag{color:#bd7465;background:#fff3ed;border-radius:4px;padding:5px 6px;font-size:8px;margin-top:10px;line-height:1.4}.empty{color:var(--muted);font-size:11px;padding:22px 5px;text-align:center;line-height:1.7}.backlog{margin-top:14px;border:1px solid var(--line);border-radius:8px;padding:14px;background:white}.backlog summary{cursor:pointer;font-size:11px;color:#788599}.backlog-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:15px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:11px}th{text-align:left;color:var(--muted);font-size:9px;font-weight:500;padding:12px 8px;border-bottom:1px solid var(--line)}td{padding:14px 8px;border-bottom:1px solid var(--line)}td .avatar{margin-right:8px}td.rate{font-weight:600}.bar{height:5px;background:#eef0f8;border-radius:4px;width:75px;margin-top:5px}.bar i{display:block;background:var(--blue);height:100%;border-radius:4px}.report-actions{display:flex;gap:8px}.report-actions button{font-size:10px}.event{display:grid;grid-template-columns:65px 1fr auto;gap:10px;border-bottom:1px solid var(--line);padding:13px 0;font-size:11px}.event time{color:var(--muted);font-size:10px}.event small{display:block;color:var(--muted);font-size:9px;margin-top:5px}.notice{font-size:11px;line-height:1.65;background:#eef0fa;color:#6a7696;padding:13px 16px;border-radius:6px;margin:15px 0}footer{font-size:8px;letter-spacing:1px;display:flex;justify-content:space-between;color:#9ca5b4;margin-top:30px;padding:18px 0;border-top:1px solid var(--line)}footer span{letter-spacing:0}#demo-banner{font-size:8px;letter-spacing:1px;color:#9a824d;border:1px solid #eee3cb;background:#fffaf0;border-radius:5px;padding:9px 12px}#demo-banner span{letter-spacing:0;margin-left:10px;color:#a09272;font-size:10px}#error{background:#fff0ed;color:#b15143;padding:12px;margin-bottom:15px;border-radius:5px}dialog{border:1px solid var(--line);border-radius:13px;width:min(600px,95vw);padding:25px;color:var(--ink);max-height:90vh}dialog::backdrop{background:#202b4055;backdrop-filter:blur(3px)}dialog h2{font-size:21px;margin:12px 0 20px}dialog label{display:block;font-size:11px;color:#66728a;margin:13px 0}dialog label small{font-size:9px;color:var(--muted)}dialog input,dialog textarea,dialog select{display:block;width:100%;border:1px solid #dce1eb;border-radius:6px;padding:10px;margin-top:6px;background:#fff;color:var(--ink)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.dialog-top{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:var(--muted)}.icon-button{font-size:20px;padding:2px 9px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px}#form-error{color:var(--red);font-size:12px}#task-history{font-size:10px;color:var(--muted)}@media(min-width:1500px){.content{padding-top:32px}.metric{min-height:145px}.chart{height:205px}}@media(max-width:1100px){.sidebar{width:175px;padding:27px 15px}main{margin-left:175px}.content{padding:20px}.period>span{display:none}.grid-two{grid-template-columns:1.3fr 1fr}.kanban{gap:8px}.lane{padding:8px}.card{padding:11px 9px}.card-foot>span.owner-name{display:none}}@media(max-width:800px){.sidebar{position:relative;width:100%;padding:15px 20px;border-right:0;border-bottom:1px solid var(--line)}.brand{font-size:24px}.workspace,.side-bottom,nav{display:none}main{margin-left:0}header{height:55px;padding:0 20px}.metrics{grid-template-columns:repeat(2,1fr)}.grid-two{grid-template-columns:1fr}.kanban{grid-template-columns:repeat(2,minmax(0,1fr))}.backlog-grid{grid-template-columns:repeat(2,1fr)}.toolbar{gap:5px}.page-heading{margin-top:18px}h1{font-size:27px}.tabs{gap:20px}.board-head{align-items:flex-start;gap:12px;flex-direction:column}footer{gap:15px;line-height:1.5}#demo-banner span{display:block;margin:4px 0 0}}@media(max-width:440px){.content{padding:15px}.kanban{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr;gap:0}.page-heading .primary{font-size:10px;padding:9px}.metric{padding:14px}.metric-number{font-size:28px}.backlog-grid{grid-template-columns:1fr}}@media print{.sidebar,header,.toolbar,.page-heading button,.report-actions,footer{display:none}main{margin:0}.content{padding:0}.panel,.metric{break-inside:avoid}body{background:white}}

[hidden]{display:none!important}.completion-strip{background:#fff;border:1px solid var(--line);border-radius:9px;padding:18px 20px;margin-bottom:24px}.completion-strip>div:first-child{display:flex;justify-content:space-between;align-items:center;gap:12px}.completion-strip strong{color:var(--green);font-size:15px}.completion-strip span{font-size:11px;color:var(--muted)}.completion-strip .progress{height:8px;background:#e4f1eb}.completion-strip .progress i{background:#27a378}.backlog-table{margin-top:18px;min-width:760px}.backlog-title{font-size:12px;text-align:left;color:var(--ink);font-weight:550}.backlog-table small{display:block;margin-top:5px;color:var(--muted);font-size:9px}.pagination{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:18px;font-size:11px;color:var(--muted)}.pagination>span:first-child{margin-right:auto}button:disabled{opacity:.4;cursor:default}.panel-head{gap:12px}@media(max-width:600px){.completion-strip>div:first-child{align-items:flex-start;flex-direction:column}.tabs{gap:13px}.pagination{flex-wrap:wrap}.pagination>span:first-child{width:100%}}

[data-drag-id]{cursor:grab;user-select:none}.dragging{opacity:.45}.drop-before{box-shadow:0 -3px 0 var(--blue)!important}.drop-after{box-shadow:0 3px 0 var(--blue)!important}.lane.drop-zone{outline:2px dashed var(--blue);outline-offset:-3px}.backlog-actions{white-space:nowrap}.backlog-actions button{font-size:10px;padding:6px 8px;margin-right:4px}#move-feedback{font-size:11px;color:var(--green);margin-bottom:10px}#move-feedback:empty{display:none}

.dependency-picker{border:1px solid var(--line);border-radius:8px;padding:14px;margin:20px 0}.dependency-picker legend{font-size:12px;font-weight:600}.dependency-picker p{font-size:11px;margin:5px 0 10px}.dependency-option{display:flex;align-items:flex-start;gap:10px;padding:9px 0;border-bottom:1px solid var(--line);margin:0!important}.dependency-option input{width:16px;flex:none;margin:3px 0}.dependency-option strong,.selected-dependency strong{font-size:11px;color:var(--ink);font-weight:550}.dependency-option small,.selected-dependency small{display:block;margin-top:4px;font-size:10px}.dependency-pages{display:flex;align-items:center;justify-content:space-between;margin-top:12px;gap:8px;font-size:10px;color:var(--muted)}.dependency-pages button{font-size:10px}.selected-dependency{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px;background:#f4f6fc;border-radius:6px;margin-bottom:6px}.selected-dependency button{padding:3px 8px}#dependency-results{max-height:240px;overflow:auto}.dependency-wait{font-size:10px;line-height:1.5;background:#fff7e7;color:#916927;border-radius:5px;padding:7px;margin-top:8px}.dependency-clear{font-size:9px;color:var(--green);margin-top:7px}#move-blocked{background:#fff3ee;border:1px solid #efcec1;border-radius:8px;padding:15px;margin-bottom:16px;color:#a55340}#move-blocked p{color:inherit;margin:8px 0;font-size:12px}#move-blocked button{margin-right:8px;font-size:11px}

.card-open{width:100%;text-align:left;border:0;padding:0;background:none;border-radius:0;cursor:grab}.card-open:hover{background:none}.dependency-link{border:0;padding:0;background:none;color:var(--blue);font-size:inherit;text-align:left;text-decoration:underline;text-underline-offset:2px;cursor:pointer}.task-relations{border:1px solid var(--line);border-radius:8px;padding:14px;margin:18px 0}.task-relations h3{font-size:12px;margin:0 0 8px}.task-relations p{font-size:11px;line-height:1.5;margin:7px 0}.dependent-row{border-top:1px solid var(--line);padding:10px 0}.dependent-row small{display:block;font-size:10px;margin-top:5px;color:var(--muted)}.dependent-row>.dependency-link{font-size:12px}.dialog-top{gap:10px}

/* The theme applies before first paint; print remains the light palette. */
:root{color-scheme:light}.theme-control{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--muted)}.theme-control select{border:1px solid var(--line);border-radius:6px;padding:6px 8px;background:var(--panel);color:var(--ink);font-size:11px}input,select,textarea{accent-color:var(--blue)}
@media screen {
:root[data-theme="dark"]{color-scheme:dark;--bg:#10151f;--panel:#192130;--ink:#e7edf6;--muted:#a1aec2;--line:#303c50;--blue:#9aaaff;--green:#6bd4ac;--red:#f4a090;--amber:#e5bc74}
[data-theme="dark"] .sidebar,[data-theme="dark"] header,[data-theme="dark"] dialog,[data-theme="dark"] .completion-strip,[data-theme="dark"] .backlog{background:var(--panel)}
[data-theme="dark"] button,[data-theme="dark"] input,[data-theme="dark"] textarea,[data-theme="dark"] select{background:#202b3b;color:var(--ink);border-color:var(--line)}
[data-theme="dark"] button:hover{background:#2a3750;border-color:#7589b0}
[data-theme="dark"] .nav,[data-theme="dark"] .tabs button,[data-theme="dark"] .period button,[data-theme="dark"] .link,[data-theme="dark"] .text-button,[data-theme="dark"] .card-open,[data-theme="dark"] .dependency-link{background:transparent}
[data-theme="dark"] .nav.active,[data-theme="dark"] .period button.selected{background:#2b3555;color:var(--blue)}
[data-theme="dark"] .link,[data-theme="dark"] .dependency-link,[data-theme="dark"] .tabs button.selected{color:var(--blue)}
[data-theme="dark"] .primary,[data-theme="dark"] .logo{background:#5869d9;color:#fff;border-color:#5869d9}
[data-theme="dark"] .primary:hover{background:#6879ec}
[data-theme="dark"] .lane{background:#141c29;border-color:var(--line)}
[data-theme="dark"] .lane.at-limit{border-color:#b58c48}
[data-theme="dark"] .card{background:#202b3b;border-color:#36445a;box-shadow:none}
[data-theme="dark"] .avatar{background:#303d61;color:#bdc8ff}
[data-theme="dark"] .avatar.human{background:#483f31;color:#e4c58d}
[data-theme="dark"] .tag,[data-theme="dark"] .badge,[data-theme="dark"] .points,[data-theme="dark"] .selected-dependency{background:#2b374a;color:#c0ccde}
[data-theme="dark"] .breadcrumb b,[data-theme="dark"] .card-id,[data-theme="dark"] .metric-label,[data-theme="dark"] dialog label,[data-theme="dark"] .nav,[data-theme="dark"] footer{color:var(--muted)}
[data-theme="dark"] .toolbar{border-color:var(--line)}
[data-theme="dark"] .progress,[data-theme="dark"] .bar{background:#303d54}
[data-theme="dark"] .completion-strip .progress{background:#243e39}
[data-theme="dark"] .completion-strip .progress i{background:#52bf96}
[data-theme="dark"] .gate{color:#8290a6}[data-theme="dark"] .gate.passed{color:var(--green)}
[data-theme="dark"] .blocked-tag,[data-theme="dark"] .badge.alert,[data-theme="dark"] .bottleneck-mark,[data-theme="dark"] #error,[data-theme="dark"] #move-blocked{background:#3d292c;color:#f4b1a3;border-color:#714b4d}
[data-theme="dark"] .dependency-wait,[data-theme="dark"] #demo-banner{background:#342e22;color:#e2c795;border-color:#62533b}
[data-theme="dark"] #demo-banner span{color:#d4bf98}
[data-theme="dark"] .notice{background:#28334d;color:#bdc9ea}
[data-theme="dark"] .chart text{fill:var(--muted)}
[data-theme="dark"] .chart line{stroke:var(--line)}
[data-theme="dark"] .chart polygon{fill:#283554}
[data-theme="dark"] .chart polyline{stroke:var(--blue)}
[data-theme="dark"] .chart polyline[stroke-dasharray]{stroke:#8c9ab6}
[data-theme="dark"] .legend i.scope{background:#8c9ab6}
[data-theme="dark"] dialog::backdrop{background:#050810aa}
}
@media(max-width:600px){.header-right{gap:9px}.header-right #sync{display:none}.theme-control{font-size:10px}.theme-control select{max-width:85px}}

/* Dependency map uses the shared theme palette. */
.graph-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:20px}.graph-canvas{overflow:auto;max-height:650px;border:1px solid var(--line);border-radius:12px;background:var(--bg)}.graph-surface{position:relative}.graph-surface>svg{position:absolute;inset:0;pointer-events:none;color:var(--muted)}.graph-edge{fill:none;stroke-width:2;stroke:var(--muted)}.graph-edge.waiting{stroke:var(--amber,#b77826)}.graph-edge.cleared{stroke-dasharray:6 5;opacity:.5}.graph-node{position:absolute;width:246px;height:88px;text-align:left;background:var(--panel);color:var(--ink);border:1px solid var(--line);border-left:4px solid var(--blue);padding:12px;white-space:normal}.graph-node strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.35}.graph-node small{display:block;color:var(--muted);font-size:11px;margin-top:7px}.graph-node.blocked{border-left-color:var(--amber,#b77826)}.graph-node.done{border-left-color:var(--green)}.graph-node.chosen{outline:3px solid var(--blue);outline-offset:2px}.graph-detail{max-height:650px;overflow:auto;border-left:1px solid var(--line);padding-left:20px}.graph-detail h3{font-size:13px;margin:24px 0 10px}.graph-detail p{font-size:12px;color:var(--muted);line-height:1.6}.graph-related{display:block;text-align:left;width:100%;margin:6px 0;color:var(--blue);background:var(--panel);white-space:normal}.graph-related small{display:block;color:var(--muted);margin-top:4px}.graph-results{max-height:230px;overflow:auto}.graph-panel>label{display:block;max-width:450px}.graph-panel>label input{width:100%;margin-top:8px}.tabs{flex-wrap:wrap}@media(max-width:1000px){.graph-layout{grid-template-columns:1fr}.graph-detail{border-left:0;border-top:1px solid var(--line);padding:20px 0 0}.graph-canvas{max-height:450px}}@media screen{[data-theme="dark"] .graph-node,[data-theme="dark"] .graph-related{background:var(--panel)}}
#graph-search{padding:11px 13px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--ink);font:inherit}.graph-node:focus-visible,.graph-related:focus-visible{outline:3px solid var(--blue);outline-offset:2px}
.graph-canvas{height:520px;cursor:grab;touch-action:none}.graph-canvas.panning{cursor:grabbing;user-select:none}.graph-extent{position:relative;overflow:hidden;min-width:0}.graph-surface{transform-origin:0 0}.graph-node{cursor:pointer}.graph-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:18px 0}.graph-tools output{min-width:45px;text-align:center;color:var(--ink)}.graph-tools small{color:var(--muted)}.graph-tools [aria-pressed="true"]{outline:2px solid var(--blue)}.critical-summary{padding:14px 16px;border:1px solid var(--line);border-left:4px solid var(--red);border-radius:8px;margin:16px 0}.critical-summary p{font-size:12px;line-height:1.6;color:var(--muted);margin:8px 0}.critical-summary span{font-size:12px}.graph-node.critical{border:2px solid var(--red);border-left-width:5px}.graph-edge.critical{stroke:var(--red);stroke-width:3.5;color:var(--red)}@media(max-width:1000px){.graph-canvas{height:450px}}
.onboarding label{display:block;font-size:13px;color:var(--ink);margin:16px 0}.onboarding input,.onboarding textarea{display:block;width:100%;box-sizing:border-box;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--ink);font:inherit;margin-top:8px}.onboarding-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}#onboard-prompt{font:12px/1.6 ui-monospace,monospace;resize:vertical}.onboarding .panel-head{margin-top:24px}.onboarding a{color:var(--blue)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@media(max-width:700px){.onboarding-fields{grid-template-columns:1fr;gap:0}}
.agent-presence-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:16px}.agent-presence{border:1px solid var(--line);border-radius:10px;padding:18px;background:var(--bg)}.agent-presence h3{margin:0;font-size:16px}.agent-presence h4{font-size:13px;margin:18px 0 10px}.agent-presence p,.agent-presence small{font-size:12px;color:var(--muted)}.agent-presence details{border-top:1px solid var(--line);padding:12px 0}.agent-presence summary{cursor:pointer;font-size:13px}.agent-task{padding:8px 0}.agent-task small{display:block;margin-top:4px}.agent-presence .panel-head{gap:10px}
#project-switcher{display:block;width:100%;margin:10px 0;padding:9px 6px;background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:6px;font:inherit;text-transform:none;letter-spacing:normal}.workspace #new-project{font-size:12px;margin:0;padding:4px 0}.workspace{margin-bottom:16px}
.handoff-timeline{list-style:none;margin:16px 0;padding:0 0 0 14px;border-left:2px solid var(--line)}
.handoff-timeline li{padding:0 0 18px 12px;overflow-wrap:anywhere}
.handoff-timeline li:last-child{padding-bottom:0}
.handoff-timeline small{display:block;margin:5px 0;color:var(--muted)}
.handoff-timeline p{white-space:pre-wrap;margin:6px 0}

#handoff-picker{padding:18px;border:1px solid var(--line);border-radius:10px;background:var(--panel)}
#handoff-picker[hidden]{display:none}
#handoff-workload li{margin:6px 0;overflow-wrap:anywhere}
#handoff-error{color:var(--red)}

#access-history{max-height:320px;overflow:auto;overflow-wrap:anywhere}

body.auth-locked > .sidebar,body.auth-locked > main{display:none!important}body:not(.auth-locked) #login-screen{display:none}#login-screen{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:100%;max-width:440px;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:36px}.login-card h1{font-size:27px;margin:30px 0 12px}.login-card p{color:var(--muted);line-height:1.6}.login-card label{display:block;margin-top:26px;margin-bottom:8px}.login-card input{width:100%;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--ink)}.login-card button{width:100%;margin-top:10px}.login-card .login-hint{font-size:12px;margin-top:24px}#login-error{color:var(--red)}
#tokens-dialog{max-width:700px;width:calc(100% - 32px)}#tokens-dialog input{width:100%;margin:8px 0 14px}.token-agent{padding:16px 0;border-top:1px solid var(--line)}.token-agent span{margin-left:14px;color:var(--muted)}.token-agent button,#token-result button{margin:8px 8px 0 0}#token-result{padding:18px;border:1px solid var(--line);border-radius:10px;margin:18px 0}.login-hint code{overflow-wrap:anywhere}
.login-options{display:grid;grid-template-columns:repeat(2,minmax(0,440px));gap:24px;align-items:start;max-width:920px;width:100%}.login-options .login-card{max-width:none}.login-options [hidden]{display:none!important}.login-options button:disabled{cursor:not-allowed;opacity:.55}.login-options h2{font-size:19px}@media(max-width:760px){.login-options{grid-template-columns:1fr;max-width:440px}}#account-availability{font-size:12px;padding:10px;background:var(--bg);border-radius:8px}

/* One focused authentication screen, with progressive disclosure. */
#login-screen{padding:40px 20px}.login-options{display:block;max-width:440px;margin:auto}.login-options .login-card{padding:36px;width:100%;box-sizing:border-box}.login-card h1{font-size:28px;letter-spacing:-.8px;margin:28px 0 8px}.login-card #account-subtitle{margin:0 0 28px;font-size:14px}.login-card .brand{font-size:28px}.login-card .logo{width:36px;height:38px;font-size:30px}.login-card label{font-size:13px;margin-top:20px}.login-card input{box-sizing:border-box;min-height:46px}.login-card button{min-height:44px}.login-card .auth-link{background:none;border:0;color:var(--muted);font-size:12px;min-height:32px;margin-top:18px}.login-card .auth-link:hover{color:var(--ink);text-decoration:underline}.auth-legal{font-size:11px;text-align:center;margin-top:20px}.auth-legal a{color:inherit;text-underline-offset:3px}#account-message:empty{display:none}#account-message{font-size:13px}#account-access-note{text-align:center;font-size:12px;margin-top:20px}#account-code{font-size:24px;letter-spacing:8px;text-align:center}#account-phone-form p{font-size:12px}#account-availability[hidden]{display:none}#login-form[hidden]{display:none!important}@media(max-width:480px){#login-screen{padding:24px 16px}.login-options .login-card{padding:28px 24px}.login-card h1{font-size:26px}}

.connection-page .connection-shell{max-width:620px;margin:48px auto;padding:32px;background:var(--panel);border:1px solid var(--line);border-radius:18px;width:calc(100% - 32px);box-sizing:border-box}.connection-shell h1{font-size:28px;margin:24px 0}.connection-shell h2{font-size:19px;margin:24px 0 12px}.connection-shell p{font-size:14px;color:var(--muted);line-height:1.7;margin:16px 0}.connection-shell dl{display:grid;grid-template-columns:150px minmax(0,1fr);gap:14px;padding:20px;background:var(--bg);border-radius:12px;margin:22px 0}.connection-shell dt{color:var(--muted);font-size:13px}.connection-shell dd{margin:0;overflow-wrap:anywhere;font-size:14px}.connection-shell button{padding:12px 16px;margin:6px 6px 6px 0}.connection-shell input{display:block;width:100%;box-sizing:border-box;margin:10px 0 20px;padding:12px;background:var(--bg);color:var(--ink);border:1px solid var(--line);border-radius:8px}.connection-shell a{color:var(--accent);text-underline-offset:3px}.connection-shell #teams{margin-top:30px;padding-top:8px;border-top:1px solid var(--line)}.connection-shell article{border-bottom:1px solid var(--line);padding-bottom:14px}@media(max-width:500px){.connection-page .connection-shell{padding:22px;margin:20px auto}.connection-shell dl{grid-template-columns:1fr;gap:8px}.connection-shell dd{margin-bottom:8px}}