:root{font-family:Inter,"Segoe UI",system-ui,sans-serif;color-scheme:dark;--bg:#161a20;--surface:#1d222b;--raised:#252c36;--line:#343d49;--text:#edf0f5;--muted:#9aa6b7;--accent:#d7ef90;--accent-text:#24311a;--shadow:0 18px 50px #0003;--dot:#333c47;--yellow:#39382b;--blue:#273641;--pink:#3c2d39;--green:#2b3c35;--note-text:#f3f1e8;--danger:#ffaaaa;font-size:14px;line-height:1.45;background:var(--bg);color:var(--text)}
:root[data-theme=light]{color-scheme:light;--bg:#f5f5f0;--surface:#fff;--raised:#eeeFE8;--line:#dfe2d7;--text:#293128;--muted:#747d71;--accent:#526c2a;--accent-text:#fff;--shadow:0 18px 50px #29312812;--dot:#d8ded2;--yellow:#fff2bd;--blue:#dceef9;--pink:#f6e1ed;--green:#e0edda;--note-text:#30332a;--danger:#9d2931}
*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,input,textarea,select{color:inherit}button{border:1px solid var(--line);border-radius:9px;padding:9px 13px;background:var(--raised);cursor:pointer;font-weight:550;transition:background .15s,transform .15s}button:hover{filter:brightness(1.1)}button:active{transform:translateY(1px)}button:disabled{opacity:.55;cursor:wait}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}input,textarea,select{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:11px 12px;min-width:0}input::placeholder,textarea::placeholder{color:var(--muted);opacity:.75}textarea{resize:vertical;line-height:1.55}label{display:grid;gap:7px;font-weight:500}h1,h2,p{margin:0}h1{font-size:30px;line-height:1.17;letter-spacing:-1px}h2{font-size:18px;letter-spacing:-.3px}[hidden]{display:none!important}.primary{background:var(--accent);color:var(--accent-text);border-color:transparent}.quiet{background:transparent;border-color:transparent;color:var(--muted)}.full{width:100%}.muted,.fine-print{color:var(--muted)}.fine-print{font-size:12px;line-height:1.6;margin-top:10px}.eyebrow{letter-spacing:1.6px;font-size:10px;font-weight:750;color:var(--muted)}.brand-mark{width:48px;height:48px;display:grid;place-items:center;background:var(--accent);color:var(--accent-text);font-size:30px;font-weight:850;border-radius:13px 13px 4px 13px;transform:rotate(-5deg)}.brand-mark.small{width:30px;height:30px;border-radius:8px 8px 3px 8px;font-size:20px}.login-screen{min-height:100dvh;padding:40px 20px;display:grid;place-items:center;background:radial-gradient(ellipse at 65% 25%,#76914a12,transparent 60%)}.login-card{width:min(100%,390px)}.login-card .brand-mark{margin-bottom:24px}.login-card .eyebrow{margin-bottom:14px}.login-card>.muted{margin-top:14px}.login-card form{display:grid;gap:16px;margin-top:32px}.login-card>.quiet{margin-top:12px}.error-message{color:var(--danger);font-size:13px;white-space:pre-line}.error-message:empty{display:none}#workspace{max-width:2000px;margin:0 auto;padding:0 28px}.topbar{height:72px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:10px}.brand,.top-actions{display:flex;align-items:center;gap:12px}.brand strong{font-size:18px;letter-spacing:-.6px}.badge{font-size:9px;letter-spacing:1px;border:1px solid var(--line);padding:3px 6px;border-radius:5px;color:var(--muted)}.icon-button{width:34px;height:34px;display:grid;place-items:center;padding:0;font-size:20px;background:transparent;border-color:transparent}.workspace-head{display:flex;align-items:center;justify-content:space-between;padding:25px 0 23px;gap:16px}.room-heading{min-width:0;flex:1}.room-heading>input{width:100%;font-size:27px;font-weight:670;letter-spacing:-.8px;border-color:transparent;background:transparent;padding:0;border-radius:4px}.room-heading>input:hover{border-color:var(--line)}.room-label{font-size:12px;margin-top:3px}.sync-status{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:12px;max-width:330px}.sync-status i{height:7px;width:7px;border-radius:100%;background:#dcae6d;flex:none}.sync-status[data-state=online] i{background:#9ebf71}.sync-status[data-state=local] i{background:#8eb5e7}.sync-status[data-state=error] i{background:#e58181}.people{display:flex;padding-left:6px}.person{border:2px solid var(--bg);width:28px;height:28px;border-radius:50%;margin-left:-6px;display:grid;place-items:center;font-size:10px;font-weight:700;color:#202620;background:#ccdfa7}.toolbar{display:flex;justify-content:space-between;gap:16px;align-items:center;padding-bottom:16px}.tabs{display:flex;gap:4px}.tabs button{border-color:transparent;background:transparent;color:var(--muted);white-space:nowrap;padding:9px 12px}.tabs button[aria-selected=true]{background:var(--raised);color:var(--text)}.count{font-size:10px;padding:1px 5px;background:var(--line);border-radius:4px;margin-left:5px}.tools{display:flex;align-items:center;gap:10px}.search{display:flex;align-items:center;gap:4px;padding:0 8px;color:var(--muted);font-size:20px}.search input{background:transparent;border:none;font-size:12px;width:170px;padding:8px 0}.panel{border:1px solid var(--line);border-radius:15px;background:var(--surface);overflow:hidden}.board-scroll{height:calc(100dvh - 281px);min-height:380px;position:relative;overflow:auto;overscroll-behavior:contain;background-image:radial-gradient(var(--dot) 1px,transparent 1px);background-size:22px 22px}.board-canvas{position:relative;min-width:100%;min-height:100%;width:1200px;height:900px}.board-footer{display:flex;gap:16px;justify-content:space-between;padding:9px 14px;color:var(--muted);font-size:10px;border-top:1px solid var(--line)}.empty-state{position:absolute;top:70px;left:0;width:100%;text-align:center;pointer-events:none;padding:0 20px}.empty-state button{pointer-events:auto;margin-top:22px}.empty-state h2{margin-top:16px;font-size:22px}.empty-state p{margin:9px auto 0;max-width:280px;color:var(--muted);font-size:13px}.empty-symbol{display:inline-grid;place-items:center;width:52px;height:52px;border:1px dashed var(--line);border-radius:13px;color:var(--muted);font-size:30px}.card{border:1px solid #ffffff0b;border-radius:11px;padding:0 15px 13px;background:var(--yellow);color:var(--note-text);box-shadow:0 4px 12px #00000012;min-width:0;transition:box-shadow .15s}.board-canvas>.card{position:absolute;width:250px}.card[data-color=blue]{background:var(--blue)}.card[data-color=pink]{background:var(--pink)}.card[data-color=green]{background:var(--green)}.card.dragging{z-index:10;box-shadow:var(--shadow);cursor:grabbing}.card-top{height:28px;display:flex;align-items:center;justify-content:space-between}.drag-handle{cursor:grab;touch-action:none;border:none;background:transparent;padding:0 7px;color:inherit;opacity:.45;letter-spacing:2px;font-size:15px}.drag-handle:active{cursor:grabbing}.card-kind{font-size:9px;letter-spacing:1px;text-transform:uppercase;opacity:.55}.card textarea{display:block;width:100%;border:none;border-radius:3px;background:transparent;color:inherit;padding:2px 0;outline-offset:2px;resize:vertical;overflow-y:auto}.card-title{font-size:15px;font-weight:650;line-height:1.35;height:43px;min-height:24px}.card-body{font-size:13px;min-height:90px;height:100px;margin-top:6px}.card textarea::placeholder{color:inherit;opacity:.4}.card-footer{display:flex;gap:5px;justify-content:space-between;align-items:center;margin-top:13px;min-height:23px}.card-footer select{font-size:10px;background:#00000009;border-color:#00000010;max-width:130px;padding:4px 5px;color:inherit}.card-footer button{border:none;padding:2px 5px;background:transparent;font-size:13px;color:inherit;opacity:.55}.card-footer button:hover{opacity:1}.color-chip{display:block;width:12px;height:12px;border:1px solid currentColor;border-radius:100%;opacity:.5}.card-actions{display:flex;gap:4px;margin-left:auto}.tasks-panel{padding:20px;display:grid;grid-template-columns:repeat(3,minmax(220px,1fr));gap:22px;min-height:450px;overflow-x:auto}.kanban-column>header{display:flex;align-items:center;gap:8px;margin:1px 1px 16px}.kanban-column h2{font-size:13px}.column-count{margin-left:auto;color:var(--muted);font-size:11px}.status-dot{width:7px;height:7px;border-radius:50%;background:#9aa6b7}.status-dot.doing{background:#d7b86d}.status-dot.done{background:#93b97c}.card-list{display:grid;gap:12px;align-content:start}.kanban-column>.quiet{width:100%;margin-top:10px;text-align:left;font-size:12px}.kanban-column .card{box-shadow:none}.kanban-column .drag-handle{display:none}.notes-panel{padding:28px;max-width:1050px;margin:auto}.notes-caption{display:flex;align-items:center;justify-content:space-between;gap:15px}.notes-caption h2{font-size:24px;margin-top:9px}.notes-caption>.muted{font-size:11px;white-space:nowrap}#shared-notes{width:100%;margin-top:24px;min-height:calc(100dvh - 425px);height:400px;border:0;background:transparent;padding:0;resize:vertical;font-size:15px;line-height:1.8}.notice{padding:10px 13px;border-radius:8px;font-size:12px;line-height:1.6;margin-bottom:15px}.warning{background:#b7983420;border:1px solid #b7983455}.notice button{font-size:12px;padding:2px 6px;margin-left:5px}.toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:var(--text);color:var(--bg);border-radius:9px;padding:12px 18px;box-shadow:var(--shadow);max-width:calc(100vw - 24px);z-index:1000;font-size:13px}dialog{width:min(440px,calc(100vw - 28px));border:1px solid var(--line);border-radius:16px;padding:25px;color:var(--text);background:var(--surface);box-shadow:var(--shadow)}dialog::backdrop{background:#0008;backdrop-filter:blur(4px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.dialog-heading h2{font-size:23px}dialog .primary.full{margin-top:17px}hr{border:0;border-top:1px solid var(--line);margin:23px 0}.settings-buttons{display:flex;gap:8px;margin-top:12px}.settings-buttons button{flex:1}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:25px}#confirm-message{margin-top:12px;color:var(--muted);white-space:pre-line}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(max-width:850px){#workspace{padding:0 16px}.toolbar{flex-wrap:wrap;gap:10px}.tools{width:100%;justify-content:space-between}.search{flex:1;padding-left:10px}.search input{width:100%}.workspace-head{align-items:flex-start;flex-direction:column;gap:10px;padding:20px 0 15px}.room-heading{width:100%}.room-heading>input{font-size:24px}.board-scroll{height:calc(100dvh - 322px)}.sync-status{max-width:100%}.board-footer span:last-child{display:none}.tasks-panel{gap:14px;padding:14px;grid-template-columns:repeat(3,minmax(220px,1fr))}}
@media(max-width:550px){#workspace{padding:0 10px}.topbar{height:60px}.brand,.top-actions{gap:8px}.brand strong{font-size:16px}.badge{display:none}.people .person:nth-child(n+3){display:none}.tabs{width:100%;justify-content:space-between}.tabs button{padding:8px 9px;font-size:12px}.search input{font-size:12px}.board-scroll{height:calc(100dvh - 294px);min-height:350px}.board-canvas>.card{width:248px}.tasks-panel{grid-template-columns:1fr;gap:28px}.notes-panel{padding:20px}.notes-caption{align-items:flex-start;flex-direction:column;gap:8px}.notes-caption h2{font-size:21px}#shared-notes{min-height:350px}.board-footer{padding:9px;font-size:9px}.login-screen{padding:30px 22px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.project-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.project-picker{display:flex;align-items:center;gap:12px;min-width:0}.project-picker select{max-width:min(360px,50vw);font-weight:600;background:transparent;padding:6px 10px}.project-bar>.muted{font-size:11px}.toolbar{flex-wrap:wrap}.tabs{flex-wrap:wrap}.project-address{font-size:10px;line-height:1.7;word-break:break-all;color:var(--muted);cursor:copy}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.section-heading h2{font-size:25px;margin-top:8px;line-height:1.25;letter-spacing:-.7px}.section-heading .muted{font-size:12px;max-width:570px;margin-top:9px}.hq-panel,.team-panel{padding:28px;min-height:500px}.hq-stats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:11px;margin:26px 0}.hq-stats>div{padding:15px 20px;display:flex;align-items:center;gap:11px}.hq-stats>div+div{border-left:1px solid var(--line)}.hq-stats strong{font-size:27px;font-weight:550;letter-spacing:-1px}.hq-stats span{font-size:11px;color:var(--muted)}.pipeline-list{display:grid;gap:10px}.pipeline-stage{display:flex;align-items:center;gap:17px;padding:17px;border:1px solid var(--line);border-radius:12px;background:var(--bg)}.stage-number{align-self:flex-start;font-size:12px;letter-spacing:1px;color:var(--muted);padding-top:4px}.stage-info{flex:1;min-width:0}.stage-title-button{display:block;border:0;padding:0;text-align:left;background:transparent;font-size:15px;line-height:1.5;color:var(--text);overflow-wrap:anywhere}.stage-meta{display:flex;flex-wrap:wrap;gap:7px 14px;margin-top:7px;color:var(--muted);font-size:10px}.approval-badge{color:#b6bb82}.stage-deps{font-size:11px;color:var(--muted);margin-top:8px;overflow-wrap:anywhere}.stage-actions{display:flex;align-items:center;gap:6px;flex:none}.stage-actions button{font-size:11px;padding:7px 10px}.inline-empty{text-align:center;color:var(--muted);padding:35px 15px;font-size:13px}.inline-empty h3{font-size:16px;color:var(--text);margin:0 0 8px}.inline-empty p{max-width:380px;margin:auto;line-height:1.6}.queue-heading{border-top:1px solid var(--line);margin-top:32px;padding-top:28px}.queue-heading h2{font-size:20px}.queue-empty{padding:23px 0;font-size:12px}.jobs-list{display:grid;gap:12px;margin-top:15px}.job-row{padding:16px;border:1px solid var(--line);border-radius:10px}.job-head{display:flex;justify-content:space-between;gap:15px;align-items:flex-start}.job-head strong{font-size:13px;overflow-wrap:anywhere}.job-head .fine-print{font-size:10px;word-break:break-all;margin-top:5px}.job-state{font-size:10px;padding:4px 8px;border:1px solid var(--line);border-radius:5px;flex:none;color:var(--muted)}.state-running{color:#95b7e5;border-color:#95b7e54a}.state-awaiting_approval{color:#d5bb73;border-color:#d5bb734a}.state-completed{color:#95bf78;border-color:#95bf784a}.state-failed,.state-interrupted{color:#d99b9b;border-color:#d99b9b4a}.job-actions{display:flex;gap:6px;justify-content:flex-end}.job-actions:not(:empty){margin-top:12px}.job-actions button{font-size:11px;padding:6px 10px}.job-result{font-size:12px;margin-top:12px}.job-result summary{cursor:pointer;color:var(--muted)}.job-result pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:350px;overflow:auto;background:var(--bg);padding:12px;border-radius:7px;font-size:11px}.form-stack{display:grid;gap:16px}.checkbox-line{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:400}.checkbox-line input{padding:0;flex:none;accent-color:var(--accent)}.dependency-options{display:grid;gap:9px;margin-top:12px;max-height:160px;overflow:auto}.team-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin:25px 0}.person-card{padding:22px;border:1px solid var(--line);border-radius:12px}.person-symbol{width:35px;height:35px;display:grid;place-items:center;border:1px solid var(--line);border-radius:10px;font-size:22px;color:var(--accent)}.person-card h3{margin:14px 0 6px;font-size:16px}.person-card p{font-size:12px;overflow-wrap:anywhere}.person-card button{font-size:10px;margin:15px 0 0 -10px}.chat-panel{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(270px,1fr)}.chat-main,.mailbox{min-width:0;padding:25px}.mailbox{border-left:1px solid var(--line);background:var(--bg)}.mailbox h2{font-size:20px}.message-list{height:350px;overflow:auto;overscroll-behavior:contain;margin-top:25px;padding-right:5px}.message{margin-bottom:20px}.message-heading{display:flex;align-items:center;gap:11px;font-size:11px;flex-wrap:wrap}.message-heading strong{font-weight:600}.message-heading time{color:var(--muted);font-size:9px}.message-body{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.7;margin-top:7px}.message-recipient{font-size:10px;color:var(--accent);margin-top:6px}.message button{font-size:10px;margin:6px 0 0 -10px;padding:4px 10px}.message-composer{display:grid;gap:10px;padding-top:14px;border-top:1px solid var(--line)}.message-composer label{font-size:11px}.message-composer button{justify-self:end;font-size:12px}.message-composer textarea{font-size:13px;min-height:80px;max-height:250px}.message-composer select{padding:7px 10px;font-size:12px}.mailbox .message-list{height:265px}.mailbox .message-body{font-size:12px}.mailbox .message-composer textarea{min-height:90px}.tabs button{padding-left:10px;padding-right:10px}.board-scroll{height:calc(100dvh - 349px)}
@media(max-width:950px){.hq-panel,.team-panel{padding:22px}.pipeline-stage{gap:12px}.stage-actions{flex-direction:column;align-items:stretch}.hq-stats>div{padding:14px}.chat-panel{grid-template-columns:1fr}.mailbox{border-left:0;border-top:1px solid var(--line)}.chat-main,.mailbox{padding:22px}.mailbox .message-list{height:220px}.project-bar{align-items:flex-start;flex-direction:column;gap:7px}.project-picker{width:100%}.project-picker select{max-width:none;flex:1}.project-bar>.muted{padding-left:2px}.board-scroll{height:calc(100dvh - 408px)}}
@media(max-width:550px){.hq-panel,.team-panel{padding:18px 13px}.section-heading{gap:12px;align-items:flex-start}.section-heading h2{font-size:21px}.section-heading>.primary{font-size:11px;padding:8px;white-space:nowrap}.hq-stats{grid-template-columns:repeat(2,1fr);margin:20px 0}.hq-stats>div{padding:12px}.hq-stats>div:nth-child(3){border-left:0;border-top:1px solid var(--line)}.hq-stats>div:nth-child(4){border-top:1px solid var(--line)}.hq-stats strong{font-size:23px}.pipeline-stage{padding:13px 11px;flex-wrap:wrap;gap:8px}.stage-info{flex-basis:80%}.stage-actions{flex-direction:row;justify-content:flex-end;width:100%}.stage-number{font-size:10px}.stage-title-button{font-size:14px}.job-head{flex-direction:column;gap:10px}.job-row{padding:12px}.project-bar{margin-bottom:14px}.project-picker .eyebrow{font-size:9px}.project-picker{gap:6px}.project-picker select{font-size:12px;max-width:calc(100vw - 108px)}.tabs{justify-content:flex-start;gap:2px}.tabs button{padding:8px;font-size:11px}.chat-main,.mailbox{padding:19px 14px}.message-list{height:330px}.board-scroll{height:calc(100dvh - 433px)}.hq-stats span{font-size:10px}.team-list{grid-template-columns:1fr}.queue-heading .quiet{font-size:11px}}
.workspace-body{display:grid;grid-template-columns:215px minmax(0,1fr);gap:20px;align-items:start;padding-bottom:24px}.workspace-content{min-width:0}.decision-sidebar{border-right:1px solid var(--line);padding:10px 17px 15px 0;position:sticky;top:12px;max-height:calc(100dvh - 30px);overflow:auto}.decision-sidebar>details>summary{font-size:13px;font-weight:650;cursor:pointer}.decision-item{border-left:2px solid var(--line);padding:1px 0 13px 11px;margin-top:18px;position:relative}.decision-item:before{content:"";width:6px;height:6px;position:absolute;left:-4px;top:6px;background:var(--accent);border-radius:50%}.decision-item>strong,.decision-item>span,.decision-item>small{display:block}.decision-item>strong{font-size:11px;font-weight:550;overflow-wrap:anywhere}.decision-item>span{color:var(--muted);font-size:10px;margin-top:4px}.decision-item>small{font-size:9px;margin-top:5px;color:var(--accent)}.decision-item>p,.decision-item details{color:var(--muted);font-size:9px;margin-top:6px;overflow-wrap:anywhere}.decision-result{white-space:pre-wrap;max-height:250px;overflow:auto;line-height:1.7}.sidebar-files-label{margin:25px 0 10px;font-size:9px}.artifact-path{display:block;padding:7px 8px;width:100%;border:1px solid var(--line);font-size:10px;font-weight:400;text-align:left;overflow-wrap:anywhere;user-select:text}.artifact-source{font-size:9px;color:var(--muted);margin:4px 0 14px;overflow-wrap:anywhere}.pipeline-visual{overflow:auto;border:1px solid var(--line);border-radius:11px;background-image:radial-gradient(var(--dot) 1px,transparent 1px);background-size:18px 18px;margin-bottom:20px;max-height:480px;overscroll-behavior:contain}.pipeline-diagram{position:relative}.pipeline-wires{position:absolute;top:0;left:0;pointer-events:none}.pipeline-wires path{stroke:#71835b;fill:none;stroke-width:2}.pipeline-node{position:absolute;width:216px;height:112px;border-radius:9px;background:var(--surface);border-color:var(--line);text-align:left;display:flex;flex-direction:column;gap:7px;padding:11px 13px;overflow:hidden;box-shadow:0 3px 8px #0001}.pipeline-node strong{font-size:12px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.node-actor{font-size:10px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.node-state{font-size:9px;margin-top:auto;color:var(--accent)}.actor-human{border-top:3px solid #d1b369}.actor-agent{border-top:3px solid #80a1c2}.actor-tool{border-top:3px solid #b28ac4}.tool-catalog{padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:20px}.tool-catalog>div{display:flex;flex-wrap:wrap;gap:8px;margin-top:13px}.tool-catalog button{font-size:12px}.hq-panel .section-heading>.primary{flex-shrink:0}
@media(max-width:1150px){.workspace-body{grid-template-columns:180px minmax(0,1fr);gap:15px}.hq-stats{grid-template-columns:repeat(2,1fr)}.hq-stats>div:nth-child(3){border-left:0;border-top:1px solid var(--line)}.hq-stats>div:nth-child(4){border-top:1px solid var(--line)}.pipeline-stage{flex-wrap:wrap}.stage-actions{flex-direction:row;width:100%;justify-content:flex-end}.stage-info{flex-basis:75%}.tasks-panel{grid-template-columns:1fr}.chat-panel{grid-template-columns:1fr}}
@media(max-width:760px){.workspace-body{grid-template-columns:minmax(0,1fr)}.decision-sidebar{position:static;max-height:210px;border:1px solid var(--line);border-radius:10px;padding:11px 13px;background:var(--surface)}.decision-sidebar>details>summary{font-size:12px}.decision-sidebar>details[open] #decision-list{display:flex;gap:14px;overflow:auto;padding-bottom:8px}.decision-item{min-width:160px;max-width:200px;margin-top:14px;flex:none}.decision-sidebar .sidebar-files-label{margin-top:12px}.decision-sidebar #artifact-list{display:flex;gap:8px;overflow:auto}.decision-sidebar .artifact-path{min-width:180px;max-width:250px}.decision-sidebar .artifact-source{display:none}.pipeline-visual{max-height:350px}.project-bar>div:last-child{max-width:100%}.project-address{font-size:9px}.hq-panel .section-heading h2{font-size:20px}}
.human-stage-context{padding-bottom:18px;margin-bottom:18px;border-bottom:1px solid var(--line)}.human-stage-context h3{font-size:15px;margin:0}.human-stage-context>.fine-print{white-space:pre-wrap;overflow-wrap:anywhere}
.canvas-controls{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.canvas-controls button{white-space:nowrap}
body.hq-canvas-fullscreen{overflow:hidden}
body.hq-canvas-fullscreen #hq-panel{position:fixed;inset:0;z-index:100;display:flex;flex-direction:column;padding:14px;border:0;border-radius:0;min-height:0;background:var(--bg)}
body.hq-canvas-fullscreen #hq-panel> :not(.section-heading:first-child):not(#pipeline-visual){display:none}
body.hq-canvas-fullscreen #hq-panel>.section-heading:first-child{flex:none;padding-bottom:12px;gap:12px}
body.hq-canvas-fullscreen #hq-panel>.section-heading:first-child .eyebrow,body.hq-canvas-fullscreen #hq-panel>.section-heading:first-child .muted{display:none}
body.hq-canvas-fullscreen #hq-panel>.section-heading:first-child h2{margin:0;font-size:18px}
body.hq-canvas-fullscreen #pipeline-visual{display:block;flex:1;min-height:0;max-height:none;width:100%;margin:0}
body.hq-canvas-fullscreen #pipeline-diagram{min-width:100%;min-height:100%}
body.hq-canvas-fullscreen .decision-sidebar{display:none;position:fixed;inset:70px auto 12px 12px;z-index:110;width:min(380px,calc(100vw - 24px));max-height:none;overflow:auto;padding:18px;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:5px 0 30px #0005}
body.hq-canvas-fullscreen.hq-files-open .decision-sidebar{display:block}
body.hq-canvas-fullscreen .decision-sidebar #decision-list,body.hq-canvas-fullscreen .decision-sidebar #artifact-list{display:block}
body.hq-canvas-fullscreen .decision-sidebar .decision-item{min-width:0;max-width:none}
@media(max-width:700px){body.hq-canvas-fullscreen #hq-panel>.section-heading:first-child{flex-wrap:wrap}.canvas-controls{gap:5px}.canvas-controls button{font-size:11px;padding:8px}}
body.hq-canvas-fullscreen #workspace>:not(.workspace-body),body.hq-canvas-fullscreen .workspace-content>:not(#hq-panel){display:none}
/* v1.23: roles, team agent boards, users admin */
.brand .role-badge{display:inline-block;margin-left:8px;font-size:10px;letter-spacing:.5px;color:var(--accent);border-color:var(--accent)}
.brand .role-badge[hidden]{display:none}
body[data-role=guest] #add-card,body[data-role=guest] #empty-add,body[data-role=guest] .add-task,body[data-role=guest] #add-stage,body[data-role=guest] #add-person,body[data-role=guest] #add-project,body[data-role=guest] .delete-button,body[data-role=guest] .color-button,body[data-role=guest] #chat-form,body[data-role=guest] #mail-form,body[data-role=guest] .tool-catalog,body[data-role=guest] .stage-actions button:not(.quiet),body[data-role=guest] .person-card button,body[data-role=guest] .message button,body[data-role=guest] #import-button{display:none}
body[data-role=guest] .drag-handle{cursor:default;opacity:.4}
.agents-panel,.users-panel{padding:22px;overflow:auto}
.team-boards{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px;margin:14px 0 26px}
.team-board{border:1px solid var(--line);border-radius:12px;background:var(--raised);padding:14px;display:flex;flex-direction:column;gap:10px;min-width:0}
.team-board-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.team-board-head h3{margin:0;font-size:16px}
.phase-counts{display:flex;flex-wrap:wrap;gap:4px;justify-content:flex-end}
.agent-node{border-top:1px solid var(--line);padding-top:9px;display:flex;flex-direction:column;gap:7px}
.agent-node-head{display:flex;align-items:center;gap:8px}
.agent-node-head strong{flex:1;overflow-wrap:anywhere}
.agent-node-head button{padding:5px 10px;font-size:12px}
.tool-badge{font-size:10px;border:1px solid var(--line);border-radius:5px;padding:2px 6px;color:var(--muted)}
.agent-task{border:1px solid var(--line);border-left:4px solid var(--phase,#8a8f98);border-radius:8px;padding:8px 10px;background:var(--surface);display:flex;flex-direction:column;gap:4px;min-width:0}
.agent-task-head{display:flex;gap:8px;align-items:baseline}
.agent-task-head strong{overflow-wrap:anywhere}
.agent-task p{margin:0}
.agent-task .artifact-path{max-width:none;min-width:0}
.agent-result{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px}
.agent-ask{font-size:12px;color:var(--danger)}
.phase-chip{flex:none;font-size:10px;padding:2px 7px;border-radius:10px;color:#fff;background:var(--phase,#8a8f98);white-space:nowrap}
.phase-work{--phase:#3b82f6}.phase-blocked{--phase:#dc2626}.phase-stalled{--phase:#d97706}.phase-done{--phase:#16a34a}.phase-failed{--phase:#ea580c}.phase-queued{--phase:#7c3aed}.phase-draft{--phase:#6b7280}.phase-paused{--phase:#64748b}
.request-list,.users-list{display:flex;flex-direction:column;gap:8px;margin-top:10px}
.request-row,.user-row{border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:var(--raised);display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline}
.request-row p{margin:0;flex-basis:100%}
.request-status{margin-left:auto;font-size:11px;padding:2px 8px;border-radius:10px;border:1px solid var(--line)}
.request-accepted .request-status{border-color:#3b82f6}.request-done .request-status{border-color:#16a34a}.request-rejected .request-status{border-color:#dc2626}
.requests-heading{margin-top:8px}
.user-create{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;margin:14px 0}
.user-create label{display:flex;flex-direction:column;gap:4px;font-size:12px}
.user-row{justify-content:space-between;align-items:center}
.user-row.user-disabled{opacity:.6}
.user-info p{margin:2px 0 0}
.user-actions{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.user-actions input{width:190px;padding:7px 9px}
.user-actions select{padding:7px 9px}
.user-actions button{padding:7px 10px;font-size:12px}
.secret-box{border:2px solid var(--danger);border-radius:12px;padding:14px;margin:10px 0;display:flex;flex-direction:column;gap:8px;background:var(--raised)}
.secret-warning{margin:0;color:var(--danger);font-weight:650}
.secret-row{display:grid;grid-template-columns:170px 1fr auto;gap:4px 10px;align-items:center}
.secret-row small{grid-column:2/4}
.secret-value{font-family:Consolas,monospace;font-size:12px;overflow-wrap:anywhere;user-select:all;background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:6px 8px}
@media(max-width:700px){.secret-row{grid-template-columns:1fr}.secret-row small{grid-column:auto}}