@font-face{font-family:OfficeMono;src:local('DejaVu Sans Mono'),local('Consolas');font-display:swap}
:root{color-scheme:dark;--bg:#151a20;--panel:#1d232b;--line:#303842;--muted:#98a3b0;--text:#ecede9;--accent:#c5ee91;--amber:#efc483;--mono:OfficeMono,monospace}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,'Segoe UI',Arial,sans-serif;font-size:14px}button,select{font:inherit}button,select,a{-webkit-tap-highlight-color:transparent}button,select{color:var(--text);background:transparent;border:1px solid var(--line);border-radius:6px;padding:9px 12px;cursor:pointer}button:hover,select:hover{background:#2b333c}button:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}select{background:#20262e;font-size:12px}button{transition:background .15s}button:disabled{opacity:.5;cursor:wait}.sidebar{width:210px;position:fixed;inset:0 auto 0 0;border-right:1px solid var(--line);padding:28px 16px;background:#191f26;display:flex;flex-direction:column;z-index:2}.brand{display:flex;gap:12px;align-items:center;color:var(--text);font-size:17px;font-weight:750;letter-spacing:2px;text-decoration:none;padding:0 8px}.brand-icon{background:var(--accent);color:#253329;width:34px;height:36px;text-align:center;font:32px var(--mono);border-radius:3px;letter-spacing:0}.brand-sub{display:block;font:8px var(--mono);letter-spacing:1.3px;margin-top:6px;color:var(--muted)}.nav-label{font:10px var(--mono);letter-spacing:1.3px;color:var(--muted);margin:46px 12px 16px}.current-page{display:flex;align-items:center;gap:10px;background:#2d3931;border:1px solid #41543e;border-radius:6px;padding:13px;color:#d2f3ab}.current-page>span:first-child{font-size:19px}.tiny-pill{font:8px var(--mono);color:var(--accent);border:1px solid #526b44;border-radius:3px;padding:3px;margin-left:auto}.department-label{display:flex;justify-content:space-between;margin-top:35px}.department-label span{color:#73816f}.department-button{display:flex;width:100%;align-items:center;text-align:left;gap:11px;padding:12px 11px;border-color:transparent;font-size:12px;margin:3px 0;color:#b6bec7}.department-button[aria-pressed=true]{background:#2a313b;color:#fff;border-color:#3d4754}.department-icon{width:20px;height:20px;image-rendering:pixelated;flex-shrink:0}.department-button .state-dot{margin-left:auto;width:5px;height:5px}.sidebar-bottom{margin-top:auto;display:flex;gap:11px;border-top:1px solid var(--line);padding:24px 8px 2px;font-size:11px;color:#c6cfcb}.sidebar-bottom small{display:block;color:#84918e;font-size:10px;margin-top:6px}.readonly-icon{color:var(--accent);font-size:22px}main{margin-left:210px;padding:34px 32px 20px;max-width:1880px}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:29px}.eyebrow{font:9px var(--mono);letter-spacing:1.5px;color:var(--muted)}h1{font-size:38px;letter-spacing:-1.7px;font-weight:600;margin:9px 0}.title-dot{color:var(--accent)}.page-header p{color:var(--muted);font-size:12px;margin:8px 0 0}.header-right{text-align:right}.connection{font:10px var(--mono);text-transform:uppercase;letter-spacing:1px;color:var(--accent)}.connection:before{content:'';display:inline-block;width:6px;height:6px;background:currentColor;margin-right:9px;box-shadow:0 0 10px #c5ee9120}.connection.stale{color:var(--amber)}.connection.demo{color:#c2b4f2}.updated{font:10px var(--mono);color:var(--muted);margin-top:10px}.toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;gap:12px}.source-control{display:flex;align-items:center;gap:14px}.source-control label{font:9px var(--mono);letter-spacing:1.4px;color:var(--muted)}.source-control select{min-width:175px}.toolbar-actions{display:flex;gap:8px}.toolbar-actions button{font-size:11px;color:#c0c8cf}.toolbar-actions button:first-child{min-width:143px}.notice{border:1px solid #6c573c;background:#342d23;color:#f2d3a1;padding:11px 14px;border-radius:6px;margin-bottom:14px;font-size:12px;line-height:1.6}.notice[hidden]{display:none}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:18px;align-items:start}.office-panel,.agent-panel,.activity-panel{border:1px solid var(--line);border-radius:9px;overflow:hidden;background:var(--panel)}.panel-heading{display:flex;justify-content:space-between;align-items:center;padding:16px 17px;border-bottom:1px solid var(--line);font:9px var(--mono);letter-spacing:1px;color:#c5cdd2}.panel-heading .muted{color:#596674;margin:0 8px}.small-square{display:inline-block;width:6px;height:6px;background:var(--accent);margin-right:8px}#floor-status{color:#98aa94;font-size:8px}.canvas-wrap{position:relative;background:#1a2229;line-height:0}#office{display:block;width:100%;height:auto;image-rendering:pixelated;cursor:pointer;touch-action:manipulation}.map-hint{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);background:#202830de;padding:7px 12px;border:1px solid #525a5b;color:#d6d8cc;line-height:1;font:7px var(--mono);white-space:nowrap;letter-spacing:1px}.map-hint span{color:var(--accent);margin-left:12px}.map-footer{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;gap:10px}.legend{display:flex;gap:16px;font-size:9px;color:#b9c3c9}.legend>span{display:flex;align-items:center;gap:6px}.state-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#727e89;flex-shrink:0}.working{background:#efc483}.complete{background:#b1d78f}.waiting{background:#788592}.uncertain,.failed,.rejected{background:#ed8b86}.pixel-note{font:7px var(--mono);letter-spacing:1px;color:#76838d}.agent-identity{display:flex;align-items:center;gap:14px;padding:22px 18px 16px}.agent-identity canvas{width:65px;height:65px;border-radius:7px;border:1px solid #4a5057;background:#313c40;image-rendering:pixelated}.agent-identity .eyebrow{font-size:8px}.agent-identity h2{font-size:20px;font-weight:550;letter-spacing:-.5px;margin:8px 0}.state-tag{font:9px var(--mono);color:var(--accent)}.agent-meta{display:flex;justify-content:space-between;gap:12px;margin:0 18px;padding:10px 0;border-bottom:1px solid #2c343e;font:9px var(--mono)}.agent-meta>span{color:#83909d;font-size:8px}.agent-meta strong{font-weight:400;text-align:right;color:#c6ced5;overflow-wrap:anywhere}.agent-tabs{display:flex;margin:20px 18px 0;border-bottom:1px solid var(--line);gap:16px}.agent-tabs button{font-size:11px;border:none;border-radius:0;padding:0 0 12px;color:var(--muted)}.agent-tabs button[aria-selected=true]{color:var(--accent);border-bottom:2px solid var(--accent)}#agent-content{height:252px;overflow:auto;padding:18px;font-size:12px;line-height:1.75;scrollbar-width:thin;scrollbar-color:#4d5863 transparent}.report-label{font:8px var(--mono);color:var(--amber);letter-spacing:1px;margin-bottom:12px}.report-text{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;color:#cbd3d7;font-family:inherit}.empty-report{color:#a3aeb9}.empty-report strong{display:block;color:#e2e6df;font-size:13px;font-weight:500;margin-bottom:10px}.evidence-item{margin:0 0 14px;padding-left:13px;border-left:2px solid #52634d;overflow-wrap:anywhere}.handoff-item{padding:10px 0;border-bottom:1px solid var(--line);font-size:11px;display:flex;align-items:center;gap:10px}.handoff-item button{padding:4px 8px;font-size:10px}.agent-footnote{border-top:1px solid var(--line);padding:13px 18px;font-size:9px;line-height:1.7;color:#8c99a4;background:#1a2027}.activity-panel{margin-top:21px}.activity-header{padding:20px;display:flex;justify-content:space-between;gap:16px;align-items:center;border-bottom:1px solid var(--line)}.activity-header h2{font-size:16px;font-weight:550;margin:0;letter-spacing:-.2px}.activity-header h2 span{display:inline-block;font:9px var(--mono);color:var(--accent);background:#324032;padding:4px 7px;margin-left:8px;border-radius:4px}.activity-header p{color:#8e9ba7;font-size:10px;margin:8px 0 0}.feed-controls{display:flex;gap:8px}.feed-controls select{font-size:10px;padding:8px}.activity-feed{max-height:350px;overflow:auto;scrollbar-width:thin;scrollbar-color:#4d5863 transparent}.event-row{display:grid;grid-template-columns:42px minmax(0,1fr) 60px;gap:12px;padding:18px 20px;border-bottom:1px solid #2d353e;align-items:start}.event-row:last-child{border-bottom:0}.event-avatar{width:34px;height:36px;image-rendering:pixelated;background:#303b42;border:1px solid #48535e;border-radius:5px}.event-name{font-size:11px;color:#e2e9df}.event-name button{font:inherit;border:0;padding:0;color:inherit}.event-target{font:9px var(--mono);color:#8c9eaa;margin-left:9px}.event-text{font-size:11px;color:#aebac4;line-height:1.75;margin:7px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}.event-time{font:9px var(--mono);color:#7f909e;text-align:right}.event-type{font:8px var(--mono);color:#b9d296;margin-top:8px;text-transform:uppercase}.event-row details summary{cursor:pointer;font:9px var(--mono);color:var(--accent);margin-top:8px}.empty-state{padding:35px 20px;color:#98a5b0;font-size:12px;line-height:1.8}.page-footer{display:flex;justify-content:space-between;gap:15px;font:8px var(--mono);line-height:1.8;color:#778793;margin-top:17px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(min-width:1650px){.workspace{grid-template-columns:minmax(0,1fr) 350px}#agent-content{height:320px}}
@media(max-width:1270px){.sidebar{width:180px;padding-left:10px;padding-right:10px}.brand{font-size:15px;gap:8px}.brand-sub{font-size:7px}main{margin-left:180px;padding:28px 20px}.workspace{grid-template-columns:minmax(0,1fr) 280px}.pixel-note{display:none}.legend{gap:10px;font-size:8px}.agent-identity{gap:10px}.agent-identity h2{font-size:17px}.agent-identity canvas{width:52px;height:56px}#agent-content{height:230px}}
@media(max-width:1080px){.workspace{grid-template-columns:minmax(0,1fr)}.agent-panel{display:grid;grid-template-columns:250px 1fr}.agent-panel .panel-heading{grid-column:1/-1}.agent-identity{grid-column:1;grid-row:2/5}.agent-meta{grid-column:2}.agent-tabs{grid-column:2;grid-row:4;margin-top:12px}#agent-content{grid-column:1/-1;height:180px}.agent-footnote{grid-column:1/-1}.pixel-note{display:block}.activity-header{flex-wrap:wrap}}
@media(max-width:700px){.sidebar{position:static;width:auto;padding:16px;border-right:0;border-bottom:1px solid var(--line)}.brand{font-size:14px}.brand-icon{width:28px;height:28px;font-size:25px}.brand-sub{font-size:7px}.nav-label,.current-page,.sidebar-bottom{display:none}#departments{display:flex;gap:6px;overflow:auto;padding-top:14px}.department-button{width:auto;flex-shrink:0;padding:8px;gap:6px;font-size:10px}.department-button .state-dot{display:none}.department-icon{width:15px;height:17px}main{margin-left:0;padding:23px 13px}.page-header{margin-bottom:24px}.eyebrow{font-size:7px}h1{font-size:32px}.page-header p{font-size:10px}.header-right{max-width:145px}.connection{font-size:8px;line-height:1.5}.updated{font-size:8px;line-height:1.5}.source-control label{display:none}.source-control select{min-width:140px;font-size:10px}.toolbar-actions button span{display:none}.toolbar-actions button:first-child{min-width:auto}.toolbar-actions button{font-size:15px;padding:6px 10px}.panel-heading{font-size:8px;padding:13px}.map-footer{padding:12px}.pixel-note{display:none}.legend{font-size:8px;gap:12px}.map-hint{font-size:6px;bottom:6px;padding:5px 7px}.agent-panel{grid-template-columns:160px 1fr}.agent-identity{flex-direction:column;align-items:start;padding:16px}.agent-identity canvas{width:48px;height:48px}.agent-identity h2{font-size:16px}.agent-meta{margin:0 14px;padding:14px 0;font-size:8px}.agent-tabs{gap:10px;margin:12px 14px 0}.agent-tabs button{font-size:10px}.activity-header{padding:16px}.feed-controls{width:100%}.feed-controls select{flex:1;min-width:0;font-size:9px}.event-row{grid-template-columns:30px minmax(0,1fr) 45px;padding:16px 12px;gap:9px}.event-avatar{width:28px;height:30px}.event-target{display:block;margin:6px 0 0;font-size:8px}.event-time{font-size:8px}.page-footer{flex-direction:column;gap:7px;font-size:8px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* Sector 07: institutional green, aging cream, fluorescent restraint. */
:root{--bg:#202a24;--panel:#29362c;--line:#4b5845;--muted:#a3ad92;--text:#e6e3cc;--accent:#d8d3a3;--amber:#c9b87f}
body{background:repeating-linear-gradient(0deg,#202a24 0,#202a24 3px,#222c26 4px);font-family:'Segoe UI',Arial,sans-serif}
.sidebar{background:#19271f;border-color:#5a644a}.brand{color:#e4dfbd}.brand-icon{background:#d5d0a0;color:#29412c;border-radius:0}.brand-sub{color:#a6af92}
.current-page{background:#3c4c35;border-color:#71805b;color:#e1ddba;border-radius:2px}.tiny-pill{border-color:#839369;color:#d7dba8}
.department-button{color:#c2c9af;border-radius:2px}.department-button[aria-pressed=true]{background:#3c4b39;border-color:#778564;color:#f0ecd2}.department-button:hover{background:#354532}
.sidebar-bottom{color:#d6d5b9}.sidebar-bottom small{color:#9fae8e}.nav-label{color:#acb897}
.page-header{border-bottom:1px solid #56634a;padding-bottom:25px}.page-header .eyebrow{color:#c7c79a;letter-spacing:2px}h1{font-weight:400;letter-spacing:-1.3px}.page-header p{font-family:var(--mono);font-size:10px;letter-spacing:1.2px;text-transform:uppercase}
.office-panel,.agent-panel,.activity-panel{border-radius:2px;border-color:#58644c}.panel-heading{color:#d5d7b9;background:#354432;border-bottom-color:#5d694c}.panel-heading .muted{color:#8b9976}#floor-status{color:#c1cda6}
button,select{border-radius:2px;border-color:#5c684e}select{background:#29392a;color:#e2e0c4}button:hover,select:hover{background:#40533a}.toolbar-actions button{color:#d2d8b8}.toolbar-actions form{margin:0;display:flex}
.canvas-wrap{background:#202d25}.map-hint{color:#e0dfbb;background:#263d2ce8;border-color:#77825e;bottom:13px;letter-spacing:1px}
.map-footer{background:#253528}.legend{color:#c4cfb1}.pixel-note{color:#98aa87}.agent-identity canvas,.event-avatar{border-color:#7c8d6b;border-radius:1px;background:#526447}
.agent-meta{border-color:#45563f}.agent-meta>span{color:#a5b395}.agent-meta strong{color:#d8dec4}.agent-tabs{border-color:#5b6b4d}.report-text{color:#d8ddc7}.agent-footnote{background:#243526;color:#a4b393;border-color:#52634a}
.report-label{color:#d0c491}.event-row{border-color:#475640}.event-name{color:#e1e6cb}.event-text{color:#bdc9b0}.event-target,.event-time{color:#a1b394}.event-type{color:#d0d3a2}.activity-header{border-color:#516346}.activity-header p{color:#aab69b}.activity-header h2 span{background:#485c3d;color:#ddd9a9}
.notice{background:#44452e;border-color:#83815a;color:#e6dcad;border-radius:2px}.connection{color:#d7dfad}.connection.stale{color:#d5bb84}.page-footer{color:#a5b592}.toolbar,.toolbar-actions{flex-wrap:wrap}.toolbar-actions form button{min-width:auto!important}
.breakroom-strip{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:19px 21px;margin-top:16px;background:#303f2c;border:1px solid #647252;border-left:4px solid #c5c48e}.breakroom-strip .eyebrow{color:#d8d5a3;font-size:9px}.breakroom-strip p{color:#d5ddc4;font-size:11px;line-height:1.8;margin:10px 0 5px}.breakroom-strip small{font-size:9px;color:#a6b394}.breakroom-strip button{white-space:nowrap;font-size:10px;color:#d3d9b6}#agent-location{color:#d2c994}
.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:repeating-linear-gradient(90deg,#6f7755 0,#6f7755 2px,#747b58 2px,#747b58 17px)}
.login-card{width:min(440px,100%);padding:42px;background:#263a2b;border:1px solid #a7ab7e;box-shadow:12px 12px 0 #24362860}.login-card .eyebrow{color:#d2d0a1;line-height:1.8}.login-card h1{font-size:40px;margin:25px 0 8px}.login-card p{color:#bac7ac;line-height:1.8;font-size:12px}.login-card label{display:block;font:10px var(--mono);color:#d2d4b1;letter-spacing:1px;margin:28px 0 10px}.login-card input{width:100%;border:1px solid #8f9b75;background:#1d2e21;color:#ece8c9;font:16px var(--mono);padding:13px;outline-offset:4px}.login-card button{width:100%;background:#c5c696;color:#243728;padding:14px;margin-top:18px;font:11px var(--mono);letter-spacing:1px}.login-card footer{color:#96a885;font:8px var(--mono);letter-spacing:1px;margin-top:28px;line-height:1.8}.login-message{color:#e4c893!important;min-height:22px}
@media(min-width:1081px){#agent-content{height:340px}.agent-panel{position:sticky;top:20px}}
@media(max-width:700px){.toolbar{flex-wrap:wrap}.toolbar-actions{gap:6px}.toolbar-actions button:first-child{font-size:10px;padding:7px}.toolbar-actions form button{padding:6px 9px}.breakroom-strip{align-items:start;flex-direction:column;gap:12px;padding:16px}.map-hint{font-size:5px;padding:4px;bottom:5px}.login-card{padding:28px}.page-header .eyebrow{font-size:6px;letter-spacing:1px}.page-header p{font-size:8px}}

/* Recorded department mail */
.agent-tabs{gap:14px;flex-wrap:wrap}.agent-tabs button{font-size:11px}
.message-card{padding:14px 0;border-bottom:1px solid var(--line)}
.message-card small{color:var(--muted);font-size:10px;line-height:1.6}
.message-card .report-text{margin:10px 0;white-space:pre-wrap;overflow-wrap:anywhere}
.reply-context{border-left:2px solid #7f9270;padding-left:10px;color:#aebb9e;font-size:11px;line-height:1.6;overflow-wrap:anywhere}
@media(max-width:600px){.agent-tabs{gap:9px}.agent-tabs button{font-size:10px}}

/* Shared company work, meetings, and public decision records. */
.company-panel{border:1px solid #52634a;background:#243526;margin:24px 0;border-radius:3px;overflow:hidden}
.company-panel h2{font-size:20px;margin:9px 0}.company-panel h3{font:11px var(--mono);color:#c4cfaa;line-height:1.5}
.company-filter{display:flex;align-items:center;gap:10px;font:10px var(--mono);color:var(--muted)}
.company-empty{padding:28px;color:#b4bea6;line-height:1.8;border-top:1px solid var(--line)}
.company-metrics{display:flex;flex-wrap:wrap;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.company-metric{padding:16px 24px;display:flex;align-items:baseline;gap:10px;border-right:1px solid var(--line)}
.company-metric strong{font:24px var(--mono);color:#e4ddad}.company-metric span{font-size:11px;color:#adbb9f}
.company-board{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;padding:20px;align-items:start}
.board-column{min-width:0}.board-column>h3{margin:0 0 12px;text-transform:uppercase}.board-column[data-state=blocked]>h3{color:#d5ad86}
.board-empty{font-size:11px;color:#889a80;padding:12px 0}.work-card{border:1px solid #53664a;background:#2e402d;margin-bottom:10px;border-radius:3px;overflow:hidden}
.work-card>summary{cursor:pointer;padding:12px;list-style:none;display:flex;flex-direction:column;gap:8px}
.work-card>summary:hover{background:#384b32}.work-card strong{font-size:12px;line-height:1.6;font-weight:500;overflow-wrap:anywhere}.card-priority{font:8px var(--mono);color:#d8cf9d;letter-spacing:1px}.card-owner{font-size:10px;color:#b3c49c}
.work-card-body{padding:0 12px 12px;border-top:1px solid #4b5e42;font-size:11px;line-height:1.7;color:#c4cfb7;overflow-wrap:anywhere}.work-card-body button{font-size:10px;padding:7px;margin-top:8px}.work-card-body .report-label{font-size:8px}
.company-bottom{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:0 20px 20px}.company-bottom>section{min-width:0}
.meeting-card,.company-decision{border-top:1px solid #465b40;padding:14px 0}.meeting-card h4{margin:8px 0;font-size:14px;color:#e2dfc6}.meeting-card p,.company-decision p{font-size:12px;line-height:1.7;color:#b5c2a8;overflow-wrap:anywhere}.company-decision strong{font-size:11px;font-weight:500;color:#d5dcbd}.company-decision p{margin:7px 0 0}
.attendees{display:flex;gap:6px;flex-wrap:wrap}.attendee{padding:6px 8px;font-size:9px;border-color:#52664a}.attendee.accepted{color:#c8d9a3}.attendee.declined{color:#c5a388}.attendee.invited{color:#b5b79e}
.company-footnote{padding:14px 20px;margin:0;border-top:1px solid #4e6145;color:#9caf93;font-size:10px;line-height:1.8}
@media(max-width:1100px){.company-board{grid-template-columns:repeat(3,minmax(0,1fr))}.company-metric{padding:14px 16px}}
@media(max-width:600px){.company-panel h2{font-size:17px}.company-board{grid-template-columns:1fr 1fr;padding:14px;gap:10px}.company-bottom{grid-template-columns:1fr;padding:0 14px 14px;gap:12px}.company-metric{width:50%;padding:12px}.company-metric strong{font-size:20px}.company-metric span{font-size:9px}.company-filter{width:100%}.work-card>summary{padding:10px}}
.company-board .board-column{max-height:420px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#617352 #243526;padding-right:3px}
.company-board .board-column>h3{position:sticky;top:0;background:#243526;padding-bottom:8px;z-index:1}
