:root{font-family:"Avenir Next",Avenir,"Segoe UI",sans-serif;color:#233b3a;background:#f6f7f3;font-size:15px;--line:#dce3df;--muted:#627571;--teal:#126d63}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer;border:1px solid #cbd8d3;border-radius:6px;background:white;color:#254e48;padding:9px 14px}button:hover{background:#edf4ef}button:disabled{opacity:.5;cursor:not-allowed}a{color:var(--teal)}[hidden]{display:none!important}aside{position:fixed;inset:0 auto 0 0;width:224px;background:#e9efeb;border-right:1px solid var(--line);padding:36px 22px;display:flex;flex-direction:column}.brand{text-decoration:none;font-size:34px;font-weight:750;letter-spacing:-2px;color:#194d45}.brand span{display:block;letter-spacing:0;font-size:12px;font-weight:500;margin-top:5px;color:var(--muted)}nav{display:grid;gap:7px;margin-top:50px}nav a{padding:12px 15px;border-radius:6px;text-decoration:none;color:#49615b}nav a.active{background:#fff;color:#145c51;font-weight:650;box-shadow:0 1px 3px #223e3910}.sidebar-bottom{margin-top:auto;font-size:12px;color:#4b655e}.sidebar-bottom p{color:var(--muted)}.dot{display:inline-block;width:7px;height:7px;background:#608778;border-radius:50%;margin-right:6px}main{margin-left:224px;padding:0 42px 60px;max-width:1800px}header{height:86px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:12px}header button{margin-left:14px}h1{font-size:32px;letter-spacing:-1px;font-weight:600;margin:0 0 9px}h2{font-size:18px;font-weight:600;margin:0 0 16px}h3{font-size:15px;margin:0 0 8px}p{line-height:1.6;max-width:80ch}#subtitle,.muted{color:var(--muted);font-size:13px}.page-title{margin:36px 0 28px}.panel{background:#fff;border:1px solid var(--line);border-radius:9px;padding:24px;margin-bottom:20px}.panel-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.panel-top h2{margin:0}.panel-top{margin-bottom:20px}.stats{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:9px;background:white;margin-bottom:26px}.stat{padding:24px;border-right:1px solid var(--line)}.stat:last-child{border:0}.stat strong{display:block;font-size:30px;font-weight:550;letter-spacing:-1px;margin:8px 0}.stat span{font-size:13px;color:var(--muted)}.split{display:grid;grid-template-columns:1.4fr 1fr;gap:20px}.attention{border-left:4px solid #c79539;background:#fffcf5}.item{padding:17px 0;border-bottom:1px solid var(--line)}.item:last-child{border-bottom:0}.item p{margin:7px 0;color:var(--muted);font-size:13px}.badge{display:inline-block;border-radius:4px;padding:4px 8px;font-size:11px;background:#edf0ef;color:#53665f;white-space:nowrap}.badge.good{background:#e0f1e9;color:#28664f}.badge.warn{background:#fbefd1;color:#785b1b}.badge.bad{background:#fae6e1;color:#933e2a}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;text-align:left;font-size:13px}th{font-weight:500;color:var(--muted);font-size:12px;padding:12px 10px;background:#f5f8f5}td{padding:15px 10px;border-bottom:1px solid #e9eeea;vertical-align:top}td small{display:block;margin-top:5px;color:var(--muted)}.link-button{background:none;border:0;padding:0;text-align:left;color:var(--teal);text-decoration:underline;text-underline-offset:3px}.filters{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap}input,select,textarea{border:1px solid #ccd8d2;border-radius:5px;padding:10px;background:#fff;color:#233b3a;max-width:100%}label{display:grid;gap:7px;font-size:13px}textarea{width:100%;min-height:80px}.primary{background:var(--teal);color:white;border-color:var(--teal)}.primary:hover{background:#105c54}.connection-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.connection-grid .panel{margin:0}.empty{padding:24px 0;color:var(--muted)}#error,#login-error{color:#953a26}#error{background:#faece7;padding:15px;border-radius:6px}.intro{margin:70px 0 34px}.intro h1{font-size:44px}.intro p{color:var(--muted)}.login-panel{max-width:490px}.login-panel label{margin:20px 0}.login-panel button{width:100%}dialog{width:min(900px,94vw);max-height:90vh;border:1px solid var(--line);border-radius:12px;padding:28px;color:#233b3a}dialog::backdrop{background:#183c365c}.dialog-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.dialog-head h2{margin:0}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#f3f6f3;padding:16px;border-radius:5px;font:12px/1.65 ui-monospace,monospace}details{margin:14px 0}summary{cursor:pointer}.actions{display:flex;gap:10px;margin-top:12px}.note{font-size:12px;color:var(--muted)}progress{width:100%;height:6px;accent-color:var(--teal)}@media(max-width:1000px){main{padding:0 24px 40px}.split{grid-template-columns:1fr}.connection-grid{grid-template-columns:1fr}}@media(max-width:700px){aside{position:static;width:auto;padding:18px;border-right:0}.brand{font-size:26px}.brand span{display:inline;margin-left:16px}nav{display:flex;overflow-x:auto;margin-top:18px;gap:3px}nav a{white-space:nowrap;padding:9px}.sidebar-bottom{display:none}main{margin:0;padding:0 18px 30px}header{height:66px}#updated{display:none}.stats{grid-template-columns:1fr}.stat{border-right:0;border-bottom:1px solid var(--line);padding:17px}.stat strong{font-size:25px}.panel{padding:18px}h1{font-size:28px}.intro{margin-top:32px}.intro h1{font-size:36px}}

.prose{white-space:pre-wrap;overflow-wrap:anywhere}.result-section{margin:18px 0}.result-section h4{font-size:13px;font-weight:600;margin:12px 0 6px;color:var(--muted)}.result-list{padding-left:22px}.result-list>li{margin:12px 0}.result-section .result-section{padding-left:12px;border-left:2px solid var(--line)}
@media(max-width:700px){header{height:auto;min-height:78px;gap:12px;padding:12px 0}header>div{display:flex;gap:6px;flex-shrink:0}header button{margin:0;padding:8px;font-size:11px}}
/* Cartio office: calm company brief, spatial department rooms, inspectable desks. */
:root{--ink:#163f38;--floor:#edf1ec;--amber:#8c631d;--line:#d8e2db}h1{font-size:36px;color:var(--ink)}.page-title{margin:30px 0 24px}nav{margin-top:34px}nav a{font-size:14px}.button{display:inline-block;padding:10px 15px;border:1px solid #cbd8d3;border-radius:6px;text-decoration:none;background:#fff}.button.primary{background:var(--teal);color:#fff}.briefing{display:grid;grid-template-columns:1fr 260px;gap:34px;padding:30px;background:#e4eee7;border:1px solid #cedfd3;border-radius:12px;margin-bottom:22px}.briefing h2{font-size:29px;letter-spacing:-.7px;margin:12px 0}.briefing-date{font-size:13px;color:#4a6c60}.briefing p{font-size:15px;line-height:1.6}.briefing-scope{border-left:1px solid #bcd1c3;padding-left:25px;align-content:center}.briefing-scope p,.briefing-scope small{font-size:13px;color:#4a6c60}.ceo-stats{display:grid;grid-template-columns:repeat(4,1fr);margin:24px 0 28px;background:white;border:1px solid var(--line);border-radius:9px}.ceo-stats>a{padding:22px;text-decoration:none;color:inherit;border-right:1px solid var(--line)}.ceo-stats>a:last-child{border:0}.ceo-stats>a:hover{background:#f0f6f1}.ceo-stats span{font-size:13px}.ceo-stats strong{display:block;font-size:29px;font-weight:600;margin:10px 0}.ceo-stats small{display:block;color:var(--muted);font-size:11px;line-height:1.6}.health-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 0;border-bottom:1px solid var(--line);font-size:13px}.health-row small{display:block;font-size:11px;color:var(--muted);margin-top:5px}.department-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}.department-summary>a{padding:18px;background:#f1f5ef;border-radius:7px;text-decoration:none;color:var(--ink)}.department-summary>a:hover{background:#e2ede3}.department-summary h3{font-size:16px}.department-summary strong{font-size:13px;font-weight:500}.department-summary p{font-size:12px;margin:8px 0 0;color:var(--muted)}.filters{align-items:end}.reset-link{padding:10px;font-size:13px}.office-caption{display:flex;justify-content:space-between;gap:16px;font-size:12px;color:var(--muted);margin-bottom:18px}.office-layout{display:grid;gap:20px;align-items:start}.office-layout.has-profile{grid-template-columns:minmax(330px,1fr) minmax(330px,400px)}.office-floor{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;padding:22px;background:#e7ece6;border:1px solid #d4ddd1;border-radius:14px}.has-profile .office-floor{grid-template-columns:1fr}.department-room{border:5px solid #d3ded2;outline:1px solid #becdbd;border-radius:7px;background:#fafbf7;min-width:0;position:relative;padding:20px 14px 25px}.department-room::after{content:'';position:absolute;bottom:-6px;left:34px;width:48px;height:7px;background:#e7ece6;border-top:1px solid #abbda8}.room-heading{display:flex;align-items:start;justify-content:space-between;gap:14px;padding:0 6px 18px;border-bottom:1px solid #e0e7dc}.room-heading h2{font-size:17px;margin:0 0 5px}.room-heading span,.room-heading a{font-size:11px;color:var(--muted)}.desks{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-top:20px}.desk{position:relative;display:flex;flex-direction:column;align-items:center;padding:10px 5px 14px;border:1px solid transparent;background:transparent;border-radius:9px;min-width:0}.desk:hover,.desk:focus-visible{background:#e7f0e7;border-color:#88aa96}.desk strong{font-size:12px;line-height:1.4;text-align:center;max-width:160px;margin:10px 0 3px}.desk>small{font-size:10px;color:var(--muted)}.desk-scene{display:block;position:relative;width:110px;height:100px}.desk-top{position:absolute;top:5px;left:5px;width:100px;height:53px;border-radius:9px;background:#dfc8a5;border:2px solid #c4a780;box-shadow:0 3px 0 #bba681}.monitor{position:absolute;top:7px;left:32px;width:32px;height:23px;border:3px solid #52635d;background:#c2ddd0;border-radius:3px}.monitor:after{content:'';position:absolute;left:10px;bottom:-7px;width:7px;height:6px;background:#52635d}.keyboard{position:absolute;left:34px;bottom:5px;width:28px;height:7px;background:#f5eee2;border:1px solid #bdaa8e;border-radius:2px}.chair{position:absolute;bottom:2px;left:36px;width:39px;height:40px;background:#769587;border:3px solid #567565;border-radius:12px 12px 9px 9px}.avatar{position:absolute;bottom:14px;left:42px;width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:#f5e4c9;border:2px solid #806f54;font-size:8px;font-weight:700;color:#554932}.work-state{display:inline-flex;align-items:center;gap:5px;font-size:10px;padding:5px 6px;border-radius:5px;background:#edf1ed;color:#5f7064;white-space:nowrap;margin-top:7px}.work-state i{width:5px;height:5px;border-radius:50%;background:currentColor}.work-state.working{background:#dceee1;color:#245a3a}.work-state.check_activity,.work-state.needs_decision{background:#fbecd0;color:#7e5717}.work-state.in_review,.work-state.queued{background:#e2edf3;color:#315c74}.work-state.paused{background:#eee3e0;color:#864b3d}.employee-profile{position:sticky;top:18px;max-height:calc(100vh - 36px);overflow-y:auto;scroll-margin-top:20px;padding:24px}.employee-profile>h2{font-size:25px;margin:14px 0 8px}.profile-avatar{display:grid;place-items:center;width:58px;height:58px;background:#d4e5d8;border:1px solid #bbd3c1;border-radius:15px;font-size:18px;font-weight:600}.profile-metrics{display:flex;gap:24px;padding:18px 0;margin:12px 0 20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.profile-metrics strong{font-size:20px;display:block}.profile-metrics small{font-size:11px;color:var(--muted)}.assignment{background:#f4f7f1;padding:12px;border-radius:6px;margin:10px 0;font-size:12px}.assignment p{font-size:11px;color:var(--muted)}.history-entry{padding:14px 0;border-bottom:1px solid var(--line);font-size:12px}.history-entry p{margin:7px 0;font-size:11px}.history-entry small{color:var(--muted);font-size:10px}.space-top{margin-top:24px}.report-links{display:flex;gap:6px;flex-wrap:wrap}.report-links button{font-size:11px;padding:6px 9px}.employee-profile details{font-size:12px;margin-top:22px}.employee-profile summary{font-weight:600}.office-layout.has-profile .employee-profile{grid-column:2;grid-row:1}.office-layout.has-profile .office-floor{grid-column:1;grid-row:1}.profile-close{font-size:12px}.desk.working .monitor{background:#8fbfa5}button:focus-visible,a:focus-visible{outline:3px solid #2b8b7a;outline-offset:3px}
@media(min-width:1600px){.office-floor{grid-template-columns:repeat(3,minmax(0,1fr))}.has-profile .office-floor{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1150px){.briefing{grid-template-columns:1fr}.briefing-scope{border-left:0;border-top:1px solid #bcd1c3;padding:16px 0 0}.ceo-stats{grid-template-columns:repeat(2,1fr)}.ceo-stats>a{border-bottom:1px solid var(--line)}.office-floor{grid-template-columns:1fr}.office-layout.has-profile{grid-template-columns:1fr}.office-layout.has-profile .employee-profile{grid-column:1;grid-row:1;position:static;max-height:none}.office-layout.has-profile .office-floor{grid-row:2}}
@media(max-width:700px){h1{font-size:29px}.briefing{padding:20px;gap:15px}.briefing h2{font-size:25px}.ceo-stats>a{padding:16px}.ceo-stats strong{font-size:24px}.office-floor{padding:12px;gap:18px}.department-room{padding:16px 8px}.desks{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.office-caption{display:block;line-height:1.7}.office-caption span{display:block}.room-heading{flex-wrap:wrap}.health-row{align-items:start}.health-row .badge{white-space:normal;max-width:160px}.employee-profile{padding:19px}.actions{flex-wrap:wrap}.filters label{flex:1;min-width:150px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.desk.selected{background:#e0ede2;border:2px solid #36846a}.desk.selected .avatar{background:#c7dfce}.office-caption{flex-wrap:wrap}
