:root{--bg:#0c111b;--panel:#121a27;--edge:#253144;--text:#e9edf7;--muted:#8393ad;--red:#f2655d;--purple:#b895f7;--green:#6dd2b1;--yellow:#eac274;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-size:13px}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button,a{transition:background .18s,border-color .18s,transform .18s}button:disabled{opacity:.55;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--purple);outline-offset:3px}button{color:inherit}h1,h2,h3,p{margin:0}h2{font-size:18px;letter-spacing:-.5px}small{font-size:11px}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.app-shell{display:grid;grid-template-columns:224px minmax(0,1fr);min-height:100vh}.side{border-right:1px solid var(--edge);padding:26px 14px 15px;background:#101722;position:sticky;top:0;height:100vh;display:flex;flex-direction:column}.logo-head{display:flex;align-items:center;gap:10px;padding:0 7px 27px;white-space:nowrap}.brand-icon{background:var(--red);color:#111a25;font-size:29px;font-weight:900;border-radius:12px;width:39px;height:41px;display:flex;align-items:center;justify-content:center;letter-spacing:-4px;padding-right:4px;box-shadow:0 5px 24px #f2655d18}.brand-icon span{color:white}.logo-head b{font-size:14px;letter-spacing:.5px}.logo-head b span{color:var(--red)}.logo-head small{display:block;font-size:8px;letter-spacing:1.4px;color:var(--muted);margin-top:5px}.side-caption{color:#60718d;font-size:9px;letter-spacing:1.5px;font-weight:700;padding:0 13px;margin:8px 0 13px}.nav-item{width:100%;display:flex;align-items:center;gap:11px;border:1px solid transparent;background:transparent;padding:12px;border-radius:8px;color:#98a7bd;text-align:left;margin-bottom:4px;font-size:14px}.nav-item span{font-size:12px}.nav-item.active{background:#f2655d13;border-color:#f2655d22;color:var(--red)}.nav-item em,.nav-item i{margin-left:auto;font-style:normal;font-size:9px;background:#233045;border-radius:5px;padding:3px 5px;color:#a8b7ce}.nav-item i{background:#f2655d22;color:var(--red)}.agent-head{display:flex;justify-content:space-between;margin-top:30px}.agent-list{display:grid;gap:3px;overflow-y:auto}.agent-row{border:1px solid transparent;background:transparent;display:flex;align-items:center;gap:10px;border-radius:8px;padding:9px;color:#a4b1c8;text-align:left;min-width:0}.agent-row.selected{background:#b895f710;border-color:#b895f72e;color:white}.agent-icon{width:30px;height:31px;border-radius:8px;background:#202b3d;color:var(--agent);display:grid;place-items:center;font-size:17px;flex-shrink:0}.agent-row b{display:block;font-size:11px;font-weight:500}.agent-row small{display:block;color:#788aa4;font-size:9px;margin-top:3px}.agent-status{margin-left:auto;width:5px;height:5px;border-radius:50%;background:#50617b;flex-shrink:0}.agent-status.running{background:var(--green);box-shadow:0 0 9px #6dd2b164}.agent-status.review{background:var(--yellow)}.side-footer{margin-top:auto;display:flex;align-items:center;gap:8px;border-top:1px solid var(--edge);padding:15px 5px 0;font-size:10px}.side-footer small{display:block;color:var(--muted);font-size:9px;margin-top:5px}.side-footer button{background:none;border:0;color:var(--muted);margin-left:auto;font-size:19px}.status-dot,.tiny-led,.live-circle{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green)}.workarea{padding:0 28px;min-width:0;max-width:2000px}.topbar{height:67px;border-bottom:1px solid var(--edge);display:flex;align-items:center;justify-content:space-between;gap:10px}.breadcrumb{font-size:9px;letter-spacing:1.2px;color:#687d99}.breadcrumb span{margin:0 10px;color:#43536d}.breadcrumb strong{color:#b9c7dc;font-weight:500}.top-actions{display:flex;align-items:center;gap:14px;font-size:11px;color:var(--muted);white-space:nowrap}.avatar-boss{background:#2d2e43;border:1px solid #424059;color:#cfc6e8;display:grid;place-items:center;width:31px;height:31px;border-radius:10px;font-size:10px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:29px 0 25px}.eyebrow,.overline{font-size:9px;letter-spacing:1.7px;font-weight:700;color:var(--muted)}.eyebrow{color:var(--red);display:flex;gap:7px;align-items:center}.tiny-led{background:var(--red);width:5px;height:5px}.page-heading h1{font-size:29px;letter-spacing:-1.2px;font-weight:650;margin-top:9px}.page-heading h1 span{color:#91a3bc}.page-heading p{color:var(--muted);font-size:11px;margin-top:9px}.headline-right{display:flex;align-items:center;gap:12px}.headline-pill{font-size:8px;letter-spacing:1.1px;background:#6dd2b10c;border:1px solid #6dd2b128;border-radius:20px;color:var(--green);padding:8px 10px;white-space:nowrap}.outline-btn{background:#182233;border:1px solid #2d3a50;border-radius:7px;font-size:10px;color:#b9c6da;padding:9px 12px;white-space:nowrap}.outline-btn:hover{background:#26334a}.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:20px}.kpis article{border:1px solid var(--edge);border-radius:10px;padding:17px 19px;background:linear-gradient(135deg,#17202e,#111925);position:relative;overflow:hidden}.kpis article:after{content:'';position:absolute;right:-13px;top:-21px;width:69px;height:69px;border:14px solid #ffffff02;border-radius:50%}.kpis article>div{font-size:8px;color:#8b9cb6;letter-spacing:1px}.kpis strong{display:block;font-size:30px;letter-spacing:-1px;font-weight:550;margin-top:10px}.kpis article:nth-child(3) strong{color:var(--green)}.kpis article:nth-child(4) strong{color:var(--yellow)}.kpis p{color:#657893;font-size:9px;margin-top:5px}.main-grid{display:grid;grid-template-columns:minmax(0,1fr) 338px;gap:17px;align-items:start}.office-panel,.command-panel,.panel{background:var(--panel);border:1px solid var(--edge);border-radius:11px;overflow:hidden}.office-top{height:79px;display:flex;align-items:center;justify-content:space-between;padding:16px 20px;gap:8px}.office-top h2{font-size:16px;margin-top:7px}.live-circle{width:5px;height:5px;margin-left:6px;vertical-align:middle;background:#6a7e99}.office-toolbar{display:flex;gap:5px}.office-toolbar button{background:#202c3d;border:1px solid #304158;border-radius:6px;width:27px;height:27px;color:#c0cde1;font-size:16px}.office-scene{height:441px;position:relative;background:radial-gradient(ellipse at 50% 45%,#26384d,#111b2a 80%);overflow:hidden}#scene3d{position:absolute;inset:0}#scene3d canvas{display:block;width:100%;height:100%;touch-action:none}#agentLabels{position:absolute;inset:0;pointer-events:none;overflow:hidden}.agent-floating{position:absolute;transform:translate(-50%,-50%);background:#101927de;border:1px solid #61789688;color:#dbe7f7;font-size:8px;padding:4px 7px;border-radius:5px;white-space:nowrap;box-shadow:0 3px 12px #0004;pointer-events:auto;cursor:pointer}.agent-floating.chosen{border-color:var(--red);color:#fff;background:#592b30ed}.agent-floating.running:before{content:'● ';color:var(--green)}.agent-floating.review:before{content:'● ';color:var(--yellow)}.scene-label-top{position:absolute;top:14px;left:20px;font-size:8px;letter-spacing:1.3px;color:#8295b0;pointer-events:none}.floor-dot{display:inline-block;width:5px;height:5px;background:var(--red);border-radius:50%;margin-right:5px}.camera-tip{position:absolute;bottom:13px;left:0;right:0;text-align:center;font-size:8px;color:#a5b8cf;pointer-events:none;text-shadow:0 1px 5px #000}.office-footer{display:flex;gap:15px;align-items:center;padding:14px 19px;font-size:9px;color:#8194b0;border-top:1px solid var(--edge)}.office-footer small{margin-left:auto;font-size:7px;letter-spacing:1px;color:#4d637f}.legend-dot{width:5px;height:5px;border-radius:50%;display:inline-block;background:#627693;margin-right:4px}.legend-dot.work{background:var(--green)}.legend-dot.review{background:var(--yellow)}.command-panel{padding:20px}.panel-title{display:flex;align-items:center;justify-content:space-between}.panel-title h2{margin-top:6px;font-size:17px}.sparkle{color:var(--red);font-size:22px}.selected-agent{display:flex;gap:11px;align-items:center;border-bottom:1px solid var(--edge);padding:20px 0 17px;margin-bottom:17px}.agent-portrait{display:grid;place-items:center;flex-shrink:0;width:42px;height:45px;border-radius:11px;background:#b895f71b;color:var(--purple);font-size:24px}.mini-label{color:#637995;font-size:7px;letter-spacing:1.2px}.selected-agent h3{font-size:12px;margin:5px 0}.selected-agent p{font-size:9px;line-height:1.6;color:#8497b3}.segmented{display:flex;gap:4px;background:#0d1420;padding:4px;border-radius:7px;margin-bottom:18px}.segmented button{flex:1;padding:7px 2px;border:0;background:none;color:#8093ad;font-size:9px;border-radius:4px}.segmented button.active{background:#2b2943;color:#d4b7ff}label{font-size:10px;color:#b6c3d8;display:block;margin-bottom:8px}label small{color:#627994;font-size:8px;margin-left:5px}input,textarea,select{background:#0e1622;color:#c9d5e8;border:1px solid #2b3a50;border-radius:6px;width:100%;padding:10px;outline:none}input,textarea{margin-top:7px;font-size:11px}textarea{resize:vertical;line-height:1.7;margin-bottom:13px}input::placeholder,textarea::placeholder{color:#526780}input:focus,textarea:focus{border-color:#8a6bb4}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.file-drop{border:1px dashed #3d4d68;background:#182132;padding:11px;text-align:center;border-radius:6px;cursor:pointer;margin-top:10px}.file-drop span{color:#ba9be9;font-size:10px}.file-drop small{display:block;margin-top:5px;font-size:8px;overflow-wrap:anywhere}.field-note{font-size:9px;color:#7187a4;line-height:1.7;margin-top:11px;overflow-wrap:anywhere}.primary{width:100%;background:var(--red);border:1px solid #ff8b7f;border-radius:7px;padding:11px 14px;color:#1b202b;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px}.primary:hover{background:#ff8175}.primary span{margin-left:auto}.bottom-grid{display:grid;grid-template-columns:minmax(0,1fr) 338px;gap:17px;margin-top:19px;align-items:start}.panel{padding:19px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:18px}.section-head h2{margin-top:6px;font-size:16px}.section-head select{width:auto;font-size:9px;max-width:130px;padding:7px;color:#97aac4}.text-btn{border:0;background:none;color:var(--purple);font-size:9px;padding:8px 0}.empty-state{text-align:center;padding:26px 18px;color:#657d9d;font-size:11px;line-height:1.8}.empty-icon{font-size:25px;display:block;color:#405772;margin-bottom:8px}.activity-row{display:flex;align-items:center;gap:12px;border-top:1px solid #243044;padding:14px 0;min-width:0}.activity-row:first-child{border-top:0}.activity-row .agent-icon{width:29px;height:31px;font-size:14px}.activity-info{flex:1;min-width:0}.activity-info b{font-size:11px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.activity-info small{display:block;color:#607998;font-size:9px;margin-top:5px}.badge{display:inline-flex;border-radius:15px;padding:5px 7px;font-size:8px;white-space:nowrap;align-items:center;border:1px solid #46577344;color:#8da2bf;background:#46577313}.badge.done{color:var(--green);border-color:#6dd2b12e;background:#6dd2b10a}.badge.running{color:#b6b5ff;border-color:#b6b5ff33;background:#b6b5ff0c}.badge.failed{color:var(--red);border-color:#f2655d33;background:#f2655d0b}.badge.queued{color:var(--yellow)}.report-link{color:#af98d4;background:none;border:0;font-size:10px;white-space:nowrap;padding:8px}.connection-row{display:flex;align-items:center;gap:9px;padding:11px 0;border-top:1px solid #233045}.connection-row:first-child{border-top:0}.connection-icon{width:27px;height:27px;border:1px solid #33425a;border-radius:6px;display:grid;place-items:center;font-weight:700;font-size:12px;color:#c294f7;background:#263044}.connection-row b{font-size:10px;font-weight:500}.connection-row small{display:block;font-size:8px;color:#5f7696;margin-top:4px}.connection-row .badge{margin-left:auto;font-size:7px;padding:4px 6px}.approvals{margin-top:18px}.approvals h2 span{background:#eac27418;color:var(--yellow);border:1px solid #eac27429;padding:3px 7px;border-radius:6px;font-size:9px;margin-left:5px}.approval-row{border-top:1px solid var(--edge);padding:14px 0;display:flex;align-items:center;gap:14px}.approval-row>div{flex:1;min-width:0}.approval-row b{font-size:11px;font-weight:500;overflow-wrap:anywhere}.approval-row p{font-size:9px;color:#7187a5;margin-top:6px}.approval-actions{display:flex;gap:8px;align-items:center}.approval-actions button{background:#233447;border:1px solid #39586a;border-radius:5px;padding:7px 10px;font-size:9px;color:var(--green)}.approval-actions button.reject{background:transparent;border-color:#49343d;color:#dc989c}.approval-actions .report-link{border:0;background:none;color:var(--purple);padding:6px}.app-footer{padding:18px 0 24px;display:flex;justify-content:space-between;color:#465d7b;font-size:8px;letter-spacing:.6px}.fallback-office{position:absolute;inset:0;padding:45px 20px;overflow:auto}.fallback-office p{color:var(--muted);margin-top:10px;font-size:11px}.fallback-agents{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:25px}.fallback-agents button{border:1px solid #405471;border-radius:8px;background:#172537;padding:16px 5px;color:#a7b8d2;font-size:9px}.fallback-agents button.selected{border-color:var(--red)}dialog{width:min(850px,94vw);max-height:88vh;background:#141d2a;color:var(--text);border:1px solid #3d4d65;border-radius:14px;padding:26px;box-shadow:0 20px 100px #000a}dialog::backdrop{background:#050b16ce;backdrop-filter:blur(5px)}.modal-head{display:flex;justify-content:space-between;gap:15px}.modal-head h2{margin-top:10px;font-size:20px}.modal-head p{color:var(--muted);font-size:10px;margin-top:8px}.modal-head button{background:none;border:0;color:var(--muted);font-size:28px;align-self:start}#modalReport{white-space:pre-wrap;word-break:break-word;line-height:1.9;font-family:inherit;font-size:12px;background:#0f1722;padding:23px;border:1px solid var(--edge);border-radius:8px;margin:22px 0;max-height:52vh;overflow:auto}.modal-actions{display:flex;justify-content:flex-end;gap:10px}.modal-actions .primary{width:auto;font-size:10px;padding:9px 12px}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:200;background:#27334a;border:1px solid #53647e;color:#e0e7f3;border-radius:8px;padding:13px 20px;box-shadow:0 8px 40px #0006;max-width:90vw;font-size:12px}.login-screen{position:fixed;inset:0;background:radial-gradient(ellipse at 50% 20%,#263149,#0c111b 70%);display:grid;place-items:center;z-index:150;padding:20px}.login-card{width:min(390px,100%);background:#131d2d;border:1px solid #34445e;border-radius:16px;padding:35px}.login-card .eyebrow{margin-top:25px}.login-card h1{font-size:26px;letter-spacing:-1px;margin-top:12px}.login-card p{color:var(--muted);font-size:12px;line-height:1.8;margin:13px 0 22px}.login-card input{margin:0 0 18px}#loginError{color:#ff9289;font-size:11px;margin-bottom:0}.tv-mode .side,.tv-mode .topbar,.tv-mode .command-panel,.tv-mode .bottom-grid,.tv-mode .approvals,.tv-mode .app-footer{display:none}.tv-mode .app-shell{grid-template-columns:1fr}.tv-mode .workarea{width:100%;max-width:none;padding:0 30px}.tv-mode .main-grid{grid-template-columns:1fr}.tv-mode .office-scene{height:calc(100vh - 380px);min-height:350px}.tv-mode .agent-floating{font-size:12px;padding:6px 10px}.tv-mode .page-heading{padding:22px 0}.tv-mode .kpis article{padding:13px 22px}.tv-mode .kpis strong{font-size:27px}.tv-mode .office-top{height:63px}
@media(min-width:1650px){.office-scene{height:505px}.workarea{padding:0 36px}.main-grid,.bottom-grid{grid-template-columns:minmax(0,1fr) 370px}.command-panel{padding:25px}}
@media(max-width:1200px){.app-shell{grid-template-columns:190px minmax(0,1fr)}.side{padding:22px 10px 13px}.logo-head{padding:0 4px 25px;gap:7px}.logo-head b{font-size:12px}.logo-head small{font-size:7px}.brand-icon{width:32px;height:35px;font-size:24px}.side-caption{font-size:8px;letter-spacing:1px}.agent-row{padding:8px 5px;gap:7px}.agent-row b{font-size:10px}.workarea{padding:0 20px}.main-grid,.bottom-grid{grid-template-columns:minmax(0,1fr) 305px;gap:13px}.command-panel{padding:16px}.page-heading h1{font-size:25px}.headline-right{flex-direction:column;align-items:flex-end;gap:8px}.kpis article{padding:15px}.office-top{padding:14px}.office-top .overline{font-size:7px}.office-top h2{font-size:14px}.office-footer{gap:10px;padding:14px;font-size:8px}.office-footer small{display:none}.agent-floating{font-size:7px;padding:3px 5px}.breadcrumb{font-size:8px;letter-spacing:.7px}.activity-row{gap:8px}.activity-row .agent-icon{display:none}}
@media(max-width:1000px){.app-shell{grid-template-columns:67px minmax(0,1fr)}.side{padding:20px 8px}.logo-head{justify-content:center}.logo-head>div:last-child,.side-caption,.nav-item span,.nav-item i,.nav-item em,.agent-row>span:not(.agent-icon),.agent-row>div,.agent-row .agent-status,.side-footer>div,.side-footer>.status-dot{display:none}.nav-item{justify-content:center;padding:12px}.agent-list{margin-top:20px}.agent-row{justify-content:center;padding:6px}.agent-icon{width:31px;height:31px}.side-footer{justify-content:center;padding-top:8px}.side-footer button{margin:auto}.workarea{padding:0 17px}.kpis{gap:8px}.kpis article>div{font-size:7px;letter-spacing:.4px}.kpis p{font-size:8px}.main-grid,.bottom-grid{grid-template-columns:minmax(0,1fr) 285px;gap:12px}.office-scene{height:470px}.page-heading p{font-size:10px}.command-panel{padding:14px}.overline{font-size:8px}.office-toolbar{gap:3px}.office-toolbar button{width:23px;height:25px}.activity-info b{font-size:10px}.activity-row .badge{display:none}}
@media(max-width:820px){.main-grid,.bottom-grid{grid-template-columns:1fr}.office-scene{height:440px}.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.kpis article{padding:14px}.kpis strong{font-size:27px;margin-top:8px}.topbar .breadcrumb{display:none}.topbar{justify-content:flex-end;height:48px}.page-heading{padding:22px 0}.page-heading h1{font-size:25px}.headline-pill{display:none}.headline-right{align-self:flex-start}.agent-floating{font-size:9px;padding:4px 7px}.command-panel{padding:20px}.command-panel .selected-agent{padding:15px 0}.bottom-grid{gap:16px}.activity-row .badge{display:inline-flex}.approval-row{flex-wrap:wrap}.approval-actions{margin-left:auto}.tv-mode .office-scene{min-height:340px;height:calc(100vh - 440px)}.tv-mode .agent-floating{font-size:9px}}
@media(max-width:520px){.app-shell{grid-template-columns:53px minmax(0,1fr)}.side{padding:15px 5px}.brand-icon{width:30px;height:32px}.logo-head{padding:0 0 18px}.agent-row .agent-icon{width:28px;height:29px;font-size:15px}.nav-item{padding:10px 0}.workarea{padding:0 11px}.page-heading{align-items:flex-start;gap:8px}.page-heading h1{font-size:22px}.page-heading h1 span{display:block;margin-top:3px}.page-heading .eyebrow{font-size:7px;letter-spacing:.6px}.page-heading p{font-size:10px;line-height:1.7}.headline-right .outline-btn{font-size:8px;padding:7px}.kpis article{padding:12px}.kpis p{line-height:1.5}.office-top{height:77px;align-items:flex-start}.office-top h2{font-size:12px}.office-toolbar{flex-wrap:wrap;max-width:53px}.office-toolbar button{width:23px;height:23px}.office-scene{height:380px}.agent-floating{font-size:7px;padding:3px 4px}.office-footer{font-size:7px;gap:8px}.camera-tip{font-size:6px}.scene-label-top{font-size:7px;left:13px}.panel{padding:15px}.section-head h2{font-size:15px}.section-head select{font-size:8px;max-width:113px}.activity-row{gap:5px}.activity-info b{font-size:10px}.activity-info small{font-size:8px}.report-link{font-size:9px;padding:6px}.approval-row b{font-size:10px}.approval-actions button{padding:7px}.app-footer{gap:10px;font-size:6px}.app-footer span{line-height:1.7}.tv-mode .workarea{padding:0 10px}.tv-mode .page-heading h1{font-size:23px}.tv-mode .agent-floating{font-size:7px}.modal-head h2{font-size:17px}dialog{padding:18px}#modalReport{padding:14px;font-size:11px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.fallback-office{padding:0;background:radial-gradient(ellipse at 50% 50%,#263a51,#111b2a 80%)}.fallback-office>.eyebrow,.fallback-office>p{display:none}.fallback-agents{position:absolute;inset:0;display:block;margin:0}.fallback-agents svg{width:100%;height:100%;display:block}.fallback-agents g:focus-visible{outline:none;filter:drop-shadow(0 0 5px #f2655d)}
.decision-row{display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--edge);padding:10px 0;color:#9cacc3;font-size:10px}.decision-row small{color:#607997;font-size:9px}.approvals .overline{margin:15px 0 10px}
/* Department hierarchy and team workspaces. */
.side{padding-top:24px}.agent-list{overflow:auto;flex:1;min-height:150px;gap:5px;margin-bottom:14px}.department-tree{border-top:1px solid #243249;margin-top:7px;padding-top:7px}.department-tree summary{list-style:none;display:flex;align-items:center;gap:8px;cursor:pointer;padding:10px 8px;color:#98aac3}.department-tree summary::-webkit-details-marker{display:none}.department-tree summary>span{color:var(--department);font-size:16px}.department-tree summary b{font-size:11px;font-weight:500}.department-tree summary small{margin-left:auto;border:1px solid #35425c;border-radius:4px;color:#7188a8;padding:1px 5px;font-size:8px}.department-tree[open] summary{color:#e5edf9}.department-tree[open] summary small{color:var(--department)}.department-tree .agent-row{margin:2px 0;width:100%;padding:8px 6px}.department-tree .agent-row b{font-size:10px}.department-tree .agent-row small{font-size:8px}.department-tree .agent-icon{width:25px;height:26px;font-size:13px}.agent-row.restricted{opacity:.4}.agent-status.waiting{background:#b1a1eb}.agent-status.queued{background:#d2b37d}.hierarchy-strip{border:1px solid var(--edge);border-radius:10px;background:linear-gradient(100deg,#192333,#121c2b);display:flex;align-items:center;gap:20px;padding:16px 22px;margin-bottom:17px}.direction-people{display:flex;align-items:center}.person-avatar{width:32px;height:34px;background:#dcb77220;border:1px solid #dcb77244;color:#e4c58a;font-size:9px;display:grid;place-items:center;border-radius:10px}.person-avatar.nadia{background:#b895f720;border-color:#b895f744;color:#bfa4ec;margin-left:-7px;margin-right:12px}.hierarchy-strip b{font-size:11px;font-weight:550;display:block}.hierarchy-strip small{font-size:9px;color:#7b91b0;display:block;margin-top:5px}.hierarchy-arrow{font-size:20px;color:#536987}.hierarchy-general{border:0;background:none;text-align:left;display:flex;gap:10px;align-items:center;padding:3px;color:#e6d3af}.hierarchy-general>span{font-size:22px;color:#e2b15f}.hierarchy-teams b{color:#bbcbe1}.scope-badge{margin-left:auto;border:1px solid #6dd2b12b;border-radius:20px;background:#6dd2b108;color:#78b9a6;font-size:9px;padding:8px 10px;white-space:nowrap}.office-toolbar select{width:141px;padding:6px 7px;font-size:9px;margin-right:5px;background:#172436;border-color:#354963;color:#a3b8d2}.office-scene{height:530px}.office-top{height:78px}.department-summary{border-top:1px solid var(--edge);padding:15px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.department-mini{background:#172131;border:1px solid #2b3c53;border-radius:6px;padding:10px 7px;text-align:left;color:#adbfd6;display:grid;grid-template-columns:18px 1fr;gap:4px}.department-mini>span{color:var(--department);grid-row:1/3;font-size:13px}.department-mini b{font-size:9px;font-weight:500}.department-mini small{font-size:7px;color:#607b9d}.department-mini:hover{border-color:var(--department)}.department-summary>p{grid-column:1/-1;color:#8399b6;font-size:10px;line-height:1.8}.department-summary>.text-btn{grid-column:1/-1;text-align:left}.check-label{display:flex;align-items:center;gap:8px;margin:13px 0 17px}.check-label input{width:13px;height:13px;margin:0;accent-color:var(--purple)}.check-label span{font-size:10px;color:#a6b8d0}.check-label small{display:block;margin:4px 0 0;font-size:8px}#targetDepartmentLabel select{margin-top:7px;font-size:10px}.command-panel .primary{margin-top:14px}.selected-agent{padding-top:17px}.task-tree{border-top:1px solid var(--edge);padding:9px 0}.task-tree:first-child{border-top:0}.task-tree summary{list-style:none;display:flex;align-items:center;gap:10px;cursor:pointer;padding:8px 0}.task-tree summary::-webkit-details-marker{display:none}.tree-toggle{font-size:19px;color:#967fb9}.task-tree[open] .tree-toggle{transform:rotate(90deg)}.tree-prompt{flex:1;font-size:11px;color:#c3d1e5;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-tree summary>small{font-size:8px;color:#607b9d;white-space:nowrap}.root-task-meta{display:flex;align-items:center;justify-content:space-between;padding:2px 0 8px 22px;color:#708bad}.root-task-meta small{font-size:9px}.activity-row.child-task{padding:10px 0 10px 21px;border-left:1px solid #34405b;margin-left:6px}.child-task .activity-info b{font-size:10px}.child-task .activity-info small{font-size:8px}.badge.waiting{color:#baa4e8;background:#b895f70d;border-color:#b895f729}.agent-floating.waiting:before{content:'◷ ';color:#b895f7}.department-floating{font-size:10px;font-weight:600;background:#102034ec;padding:6px 11px;border-color:#677ea7}.modal-children{display:grid;gap:5px;margin-top:15px}.modal-child{display:flex;gap:10px;align-items:center;background:#192638;border:1px solid var(--edge);border-radius:6px;padding:6px 10px;font-size:10px}.modal-child>span:first-child{flex:1}.tv-mode .hierarchy-strip{padding:12px 20px;margin-bottom:12px}.tv-mode .department-summary{padding:10px;grid-template-columns:repeat(6,minmax(0,1fr))}.tv-mode .office-scene{height:calc(100vh - 450px);min-height:350px}.tv-mode .department-mini{padding:7px}.tv-mode .office-toolbar select{font-size:11px}.tv-mode .office-top{height:62px}.tv-mode .hierarchy-strip .scope-badge{font-size:9px}
@media(min-width:1650px){.office-scene{height:570px}.main-grid,.bottom-grid{grid-template-columns:minmax(0,1fr) 360px}}
@media(max-width:1200px){.hierarchy-strip{gap:13px;padding:14px 15px}.scope-badge{font-size:8px}.office-toolbar{flex-wrap:wrap;justify-content:flex-end}.office-toolbar select{width:120px}.office-top{height:87px}.office-top h2{font-size:13px}.office-scene{height:540px}.department-summary{padding:11px}.hierarchy-strip b{font-size:10px}.hierarchy-strip small{font-size:8px}.task-tree summary>small{display:none}}
@media(max-width:1000px){.department-tree summary{justify-content:center;padding:10px 0}.department-tree summary b,.department-tree summary small{display:none}.department-tree .agent-row{padding:5px}.department-tree .agent-icon{width:27px;height:27px}.department-tree .agent-row>div{display:none}.hierarchy-strip{gap:10px}.direction-people .person-avatar{width:25px;height:29px}.hierarchy-strip b{font-size:9px}.hierarchy-strip small{font-size:7px}.scope-badge{display:none}.office-scene{height:510px}.office-toolbar select{width:113px}.office-toolbar{max-width:128px}.office-toolbar button{width:23px}.office-top{height:95px}.office-top .overline{font-size:6px}.office-top h2{font-size:12px;max-width:130px;line-height:1.4}.department-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.tv-mode .department-summary{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:820px){.hierarchy-strip{flex-wrap:wrap;justify-content:space-between;gap:9px}.hierarchy-strip .person-avatar{width:29px;height:31px}.hierarchy-strip b{font-size:10px}.hierarchy-strip small{font-size:8px}.hierarchy-arrow{font-size:14px}.office-scene{height:480px}.office-toolbar{max-width:none;flex-wrap:nowrap}.office-top{height:76px}.office-top h2{max-width:none;font-size:14px}.office-toolbar select{width:137px}.department-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.agent-list{margin-top:10px}.tv-mode .office-scene{min-height:330px}}
@media(max-width:520px){.hierarchy-strip{padding:12px 10px;gap:8px}.hierarchy-teams{display:none}.hierarchy-strip>.hierarchy-arrow:last-of-type{display:none}.hierarchy-general{gap:6px}.hierarchy-general b{font-size:8px}.hierarchy-general small{font-size:7px}.direction-people>div b{font-size:8px}.person-avatar.nadia{margin-right:7px}.office-toolbar{flex-wrap:wrap;max-width:116px}.office-toolbar select{width:110px;margin:0;font-size:8px}.office-toolbar button{width:23px;height:22px}.office-top{height:83px}.office-top h2{font-size:12px;max-width:125px}.office-scene{height:360px}.department-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.department-mini{padding:9px 6px}.department-mini b{font-size:8px}.department-mini small{font-size:6px}.task-tree summary{gap:6px}.tree-prompt{font-size:10px}.activity-row.child-task{padding-left:10px}.hierarchy-strip .scope-badge{display:none}.tv-mode .hierarchy-teams{display:block}.tv-mode .hierarchy-strip b{font-size:8px}.tv-mode .office-scene{height:380px}.tv-mode .department-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
