:root{font-family:"Segoe UI Variable","Segoe UI",Inter,Arial,sans-serif;font-synthesis:none;color:#17202a;background:#edf0f4;--ink:#17202a;--muted:#5b6572;--line:#bac4d03d;--glass:#ffffffa8;--graphite:#202630;--working:#667f80;--waiting:#a38b67;--blocked:#a47676;--idle:#98a4b0}
*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;min-width:0;background:radial-gradient(ellipse at 4% 0%,#fff 0,#ffffff00 38%),radial-gradient(ellipse at 94% 22%,#cbd5e366 0,#cbd5e300 43%),linear-gradient(135deg,#edf0f4,#e4e9ef 48%,#f4f6f8)}a{color:inherit}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #74869a;outline-offset:4px}svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.skip-link{position:fixed;z-index:100;left:20px;top:-100px;padding:14px;background:#fff;border-radius:12px}.skip-link:focus{top:10px}
/* Neutral studio surfaces: glass catches soft light, without luminous accents. */
.office-header{height:86px;padding:0 32px;display:flex;align-items:center;gap:26px;border-bottom:1px solid #ffffffc4;background:#ffffff80;backdrop-filter:blur(18px) saturate(1.15);box-shadow:0 1px 0 #9caabb20}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;color:var(--ink);font-size:16px;font-weight:750;letter-spacing:1.7px}.brand small{display:block;font-size:8px;font-weight:500;color:#667484;letter-spacing:1.7px;margin-top:6px}.brand-sign,.brand-sign svg{width:46px;height:46px;display:block;stroke:none}.brand-sign{filter:drop-shadow(0 5px 8px #1c28351f)}.header-divider{width:1px;height:30px;background:#a0acb533}.header-caption{color:var(--muted);font-size:11px;line-height:1.8}.header-caption strong{color:#354251;font-weight:600}.header-actions{margin-left:auto;display:flex;gap:14px;align-items:center}.mode-badge{border:1px solid #fff;border-radius:100px;padding:8px 11px;font-size:9px;letter-spacing:1.1px;color:#596a7c;background:linear-gradient(145deg,#ffffffaf,#c7d1de33);box-shadow:inset 0 1px 0 #fff}.connection{font-size:11px;color:#5c6b7b;display:inline-flex;align-items:center;gap:7px}.connection:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--waiting)}.connection.ready:before{background:var(--working)}.connection.error:before{background:var(--blocked)}
.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;border:1px solid #ffffffdc;border-radius:12px;color:#344353;background:linear-gradient(150deg,#ffffffc7,#edf1f682);box-shadow:inset 0 1px 0 #fff,0 3px 8px #24354707;font-size:12px;font-weight:600;line-height:1.5;white-space:nowrap;text-decoration:none;transition:background .18s,border-color .18s}.button:hover{background:#fff;border-color:#a5b3c469}.button.primary{color:#f8fafc;border-color:#3e4855;background:linear-gradient(155deg,#414c5a,#202630);box-shadow:inset 0 1px 0 #ffffff25,0 5px 12px #22314316}.button.primary:hover{background:linear-gradient(155deg,#4b5765,#2b323e)}.button.small{font-size:11px;padding:8px 11px}.icon-button{padding:8px;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:10px;color:#516171;background:transparent}.icon-button:hover{background:#ffffff8a;border-color:#fff}
.overview{padding:31px 34px 28px;display:flex;align-items:center;justify-content:space-between;gap:34px}.eyebrow{margin:0 0 10px;color:#6f7c8a;font-size:9px;font-weight:650;text-transform:uppercase;letter-spacing:1.5px}.overview h1{margin:0 0 12px;font-size:clamp(30px,2.8vw,43px);font-weight:600;letter-spacing:-1.7px;line-height:1.15;color:#1b2632}.overview-title>p:last-of-type{font-size:13px;color:#66717e;line-height:1.7;margin:0}.mission-badge{margin-top:16px;display:flex;align-items:center;gap:9px;color:#5d6b7b;font-size:12px;line-height:1.6}.mission-orbit{display:grid;place-items:center;width:16px;height:16px;border-radius:50%;border:1px solid #a0afbc;flex-shrink:0}.mission-orbit:after{content:"";width:5px;height:5px;background:#657a8f;border-radius:50%}.metrics{display:grid;grid-template-columns:repeat(4,minmax(82px,1fr));gap:10px;flex-shrink:0}.metrics>div{padding:15px 19px;border-radius:18px;border:1px solid #ffffffdd;background:linear-gradient(140deg,#ffffff9e,#ffffff33);box-shadow:inset 0 1px 0 #fff,0 7px 22px #2f405308}.metrics span{display:block;color:#6d7885;font-size:9px;letter-spacing:.3px;margin-bottom:10px}.metrics strong{display:block;color:#273440;font-size:29px;font-weight:550;line-height:1;letter-spacing:-.8px}
.office-next-step,.office-floor-overview{border:1px solid #ffffffdd;border-radius:22px;background:linear-gradient(130deg,#ffffffb3,#ffffff72);box-shadow:inset 0 1px 0 #fff,0 8px 26px #33465b07}.office-next-step{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:19px 24px;margin:0 25px 18px}.office-next-step h2{font-size:18px;font-weight:600;line-height:1.35;margin:6px 0;letter-spacing:-.3px}.office-next-step p{max-width:770px;font-size:13px;line-height:1.7;color:#5b6775;margin:0}.office-next-step .button{flex-shrink:0;min-height:44px}
.office-floor-selector{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:0 25px 14px}.office-floor-selector button{position:relative;display:grid;grid-template-columns:33px minmax(0,1fr);gap:4px 11px;padding:15px 17px;min-height:86px;font:inherit;text-align:left;color:#526173;border:1px solid #ffffffdc;border-radius:19px;background:linear-gradient(145deg,#ffffffb0,#f3f6f850);box-shadow:inset 0 1px 0 #fff,0 5px 20px #34475d07}.office-floor-selector button:hover{background:#ffffffc7}.office-floor-selector button>span{align-self:center;grid-row:span 2;font-size:21px;color:#8795a6;font-weight:350}.office-floor-selector strong{font-size:13px;font-weight:600;line-height:1.5}.office-floor-selector small{color:#758291;font-size:10px;line-height:1.5}.office-floor-selector button[aria-pressed=true]{color:#f4f7fa;border-color:#404b5a;background:linear-gradient(135deg,#3a4553,#202630);box-shadow:inset 0 1px 0 #ffffff30,0 8px 22px #2637471b}.office-floor-selector button[aria-pressed=true]>span{color:#c8d3df}.office-floor-selector button[aria-pressed=true] small{color:#b5c0cf}
.office-floor-overview{color:#334252;padding:20px 24px;margin:0 25px 18px}.office-floor-heading{display:flex;align-items:center;justify-content:space-between;gap:24px}.office-floor-heading h2{margin:6px 0;font-size:21px;font-weight:550;letter-spacing:-.4px;line-height:1.35}.office-floor-heading .button{flex-shrink:0;min-height:44px}.office-floor-overview p{font-size:13px;line-height:1.75;overflow-wrap:anywhere;margin:8px 0 0;color:#5f6e7e}.office-lab-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}.office-lab-opportunity{padding:16px;border:1px solid #fff;border-radius:15px;background:#ffffff91}.office-lab-opportunity h3{color:#3b495b;font-size:14px;line-height:1.5;margin:0}.office-lab-opportunity p{font-size:12px}.office-lab-opportunity ul{list-style:none;padding:0;margin:12px 0 0}.office-lab-opportunity li{display:flex;align-items:flex-start;gap:8px;font-size:12px;line-height:1.5;margin-top:7px}.office-filter-status{flex-shrink:0;padding:3px 6px;border-radius:6px;font-size:10px;color:#65738a;background:#e2e8f0}.office-filter-status.passed{color:#46696b;background:#dde8e9}.office-filter-status.failed{color:#8d6565;background:#efe3e3}.office-maintenance-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0 8px}.office-maintenance-stats>span{padding:13px;border:1px solid #fff;border-radius:14px;background:#ffffff87;color:#657488;font-size:10px;letter-spacing:.4px}.office-maintenance-stats strong{display:block;color:#273747;font-size:23px;letter-spacing:-.5px;margin-top:8px}
.office-layout{display:grid;grid-template-columns:224px minmax(0,1fr) 326px;grid-template-rows:minmax(0,1fr);min-height:610px;height:calc(100dvh - 284px);max-height:1000px;margin:0 25px;border:1px solid #fff;border-radius:26px;background:#ffffff8c;box-shadow:inset 0 1px 0 #fff,0 24px 56px #32465b13,0 4px 12px #32465b06;overflow:hidden}.department-rail{padding:23px 12px;display:flex;flex-direction:column;min-width:0;overflow:auto;background:linear-gradient(160deg,#343e4aec,#1d232eed);border-right:1px solid #ffffff20;color:#e2e8f0}.rail-title{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 10px 18px;color:#acb9c9;font-size:10px;letter-spacing:1.2px}.rail-title>span:last-child{padding:3px 7px;color:#c5d1df;letter-spacing:0;border:1px solid #ffffff26;border-radius:7px;background:#ffffff09}.rail-loading{font-size:12px;color:#c0cad7;line-height:1.8;padding:15px 12px}#department-menu{display:flex;flex-direction:column;gap:7px}.department-option{width:100%;min-width:0;position:relative;display:flex;gap:11px;align-items:center;padding:12px 10px;text-align:left;color:#dae3ee;background:transparent;border:1px solid transparent;border-radius:15px;transition:background .18s}.department-option:hover{background:#ffffff0c;border-color:#ffffff13}.department-option.selected{color:#152333;border-color:#ffffffb3;background:linear-gradient(120deg,#f4f7fbe8,#ced9e5da);box-shadow:inset 0 1px 0 #fff,0 6px 14px #050b1333}.department-symbol{display:grid;place-items:center;width:34px;height:37px;flex-shrink:0;border-radius:11px;overflow:hidden;border:1px solid #ffffff25;background:#ffffff11}.department-symbol svg.agent-portrait,.character-avatar svg{width:100%;height:100%;stroke:none}.department-name{flex:1;min-width:0;font-size:13px;font-weight:600;line-height:1.5}.department-name small{display:block;font-weight:400;font-size:10px;color:#a7b5c6;margin-top:3px;line-height:1.5}.department-option.selected .department-name small{color:#596f83}.room-status-dot{display:block;width:6px;height:6px;border-radius:50%;flex-shrink:0}.working{background:var(--working)}.waiting{background:var(--waiting)}.blocked{background:var(--blocked)}.idle{background:var(--idle)}.rail-footer{margin-top:auto;padding:19px 7px 0;display:flex;gap:9px;align-items:flex-start;color:#9daec2;font-size:10px;line-height:1.8}.tiny-dot{margin-top:6px;flex-shrink:0;width:5px;height:5px;border-radius:50%;background:#b7c7d9}
.scene-column{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden;position:relative;background:#dce3eb}.scene-caption{position:relative;display:flex;gap:12px;justify-content:space-between;align-items:center;padding:20px 22px 0;color:#536578;font-size:10px;letter-spacing:.5px;z-index:2}.scene-caption>span:first-child{display:flex;align-items:center;gap:7px}.scene-caption>span:last-child{font-size:10px;letter-spacing:0;color:#718195}.caption-dot{width:4px;height:4px;border-radius:50%;background:#667e96}.scene-stage{flex:1;min-height:340px;position:relative;isolation:isolate;overflow:hidden;touch-action:pan-y pinch-zoom}#office-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;cursor:grab;touch-action:pan-y pinch-zoom}#office-canvas.dragging{cursor:grabbing}.scene-stage.touch-camera-active,.touch-camera-active #office-canvas{touch-action:none}.touch-camera-active #team-bubbles{visibility:hidden}#room-labels,#team-bubbles{position:absolute;inset:0;pointer-events:none;overflow:hidden}.room-label{position:absolute;left:0;top:0;transform:translate(-50%,-50%);display:flex;align-items:center;gap:6px;padding:6px 9px;border:1px solid #ffffffdb;border-radius:9px;color:#43566c;background:#ffffffca;box-shadow:inset 0 1px 0 #fff,0 5px 14px #24394f10;font-size:10px;line-height:1.4;white-space:nowrap;pointer-events:auto}.room-label.selected{background:#263545eb;border-color:#ffffff55;color:#edf2f7}.room-label .room-status-dot{width:5px;height:5px}
.team-bubble{position:absolute;transform:translate(-50%,-100%);max-width:235px;min-width:168px;padding:12px 14px;pointer-events:none;border:1px solid #ffffffef;border-radius:17px;background:linear-gradient(145deg,#fffffff0,#edf3faf0);box-shadow:inset 0 1px 0 #fff,0 10px 28px #283c5119}.team-bubble:after{content:"";position:absolute;bottom:-5px;left:50%;width:9px;height:9px;transform:rotate(45deg);margin-left:-4px;background:#edf3fa;border-bottom:1px solid #fff;border-right:1px solid #fff}.team-bubble strong{display:block;margin-bottom:6px;color:#344a60;font-size:11px;font-weight:650}.team-bubble p{font-size:12px;line-height:1.6;color:#5a6b7e;margin:0;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}.bubble-provenance{display:block;color:#8291a3;font-size:8px;letter-spacing:.7px;line-height:1.6;margin-bottom:6px}.team-bubble.speaking{border-color:#95a6bc;box-shadow:0 10px 28px #283c5126}
.scene-toolbar{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;padding:8px 18px 16px}.camera-tools{display:flex;align-items:center;gap:3px;padding:4px;border:1px solid #ffffffeb;border-radius:15px;background:#ffffff91;box-shadow:inset 0 1px 0 #fff,0 4px 14px #354b6310}.camera-tools .icon-button{padding:8px}.camera-tools svg{width:17px;height:17px}.tool-divider{height:16px;width:1px;background:#9aaabc3d;margin:0 3px}.scene-play-controls{display:flex;align-items:center;gap:7px}.scene-play-controls .button{font-size:11px;padding:8px 10px}.gesture-hint{display:none}.scene-legend{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:11px;padding:14px 13px;border-top:1px solid #ffffff77;background:#ffffff48;color:#596d82;font-size:10px;line-height:1.6}.scene-legend>span{display:flex;gap:6px;align-items:center}.legend-dot{display:block;width:6px;height:6px;border-radius:50%;flex-shrink:0}
.scene-loading,.scene-fallback{position:absolute;inset:0;background:#dce3eb;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;text-align:center;gap:10px;color:#60768d;font-size:12px}.loading-ring{width:29px;height:29px;border:2px solid #aebdd033;border-top-color:#6b7e95;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.scene-fallback{background:radial-gradient(ellipse at center,#f3f7fb,#dce3eb)}.fallback-emblem{font-size:68px;letter-spacing:-8px;color:#8298b1;font-weight:500}.scene-fallback h2{color:#344b63;font-size:24px;font-weight:550;letter-spacing:-.6px;margin:0 0 8px}.scene-fallback p{max-width:350px;font-size:12px;line-height:1.8;margin:0 0 12px}.scene-fallback .fallback-help{font-size:11px;color:#7b8da2;margin-top:15px}
.context-panel{min-width:0;background:linear-gradient(150deg,#ffffffd6,#f0f4f9bd);border-left:1px solid #fff;overflow:auto}.context-head,.context-section,.context-stats,.context-actions{padding:23px}.context-head{border-bottom:1px solid var(--line)}.character-card{display:flex;gap:14px;align-items:center}.character-avatar{width:63px;height:69px;flex-shrink:0;display:grid;place-items:center;background:#dfe7f0;border:1px solid #fff;border-radius:20px;box-shadow:inset 0 1px 0 #fff,0 5px 12px #30465d08;overflow:hidden}.character-identity{min-width:0}.character-identity .eyebrow{font-size:10px;margin-bottom:7px;letter-spacing:.6px}.context-head h2{font-size:27px;font-weight:650;letter-spacing:-.8px;line-height:1.1;color:#223343;margin:0}.context-head>p{font-size:13px;line-height:1.8;color:#637181;margin:18px 0 0}.status-tag{display:inline-flex;align-items:center;gap:5px;font-size:10px;line-height:1.5;color:#647386;border:1px solid #becadb5e;border-radius:7px;background:#eef2f6;padding:4px 7px}.character-identity .status-tag{margin-top:10px;max-width:195px}.status-tag.working{color:#4d6a70;background:#e2e9ed;border-color:#b6cad07d}.status-tag.waiting{color:#8d7454;background:#f0eae1;border-color:#d5c5ad7d}.status-tag.blocked{color:#90676b;background:#f1e7e9;border-color:#d5bfc27d}
.character-quote{position:relative;padding:20px 23px;border-bottom:1px solid var(--line);background:#dce5ef57}.character-quote>span{display:block;color:#6d8197;font-size:10px;font-weight:600;letter-spacing:1px;margin-bottom:11px}.character-quote p{color:#4f657d;font-size:13px;line-height:1.8;margin:0 0 14px}.character-quote .button{font-size:11px;white-space:normal}.character-quote .voice-state{color:#7d8c9e;font-size:11px;line-height:1.7;margin-top:11px}.character-quote .office-operation-note{border-top:1px solid #b1c0d15c;padding-top:12px;font-size:12px;color:#6f8198}.office-operation-note strong{font-size:11px;font-weight:600}.context-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;border-bottom:1px solid var(--line)}.context-stats>div span{display:block;color:#758397;font-size:9px;letter-spacing:.1px;margin-bottom:9px}.context-stats strong{font-size:27px;letter-spacing:-.6px;font-weight:500;color:#43566c}.context-section{border-bottom:1px solid var(--line)}.context-section h3{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px;font-weight:600;letter-spacing:.5px;line-height:1.7;color:#74859a;margin:0 0 16px}.context-section h3 span{padding:2px 6px;font-size:10px;border-radius:6px;border:1px solid #bfccdc59;letter-spacing:0}.context-section>p{font-size:13px;color:#6d7c8e;line-height:1.8;margin:0}.context-job{padding:13px 0;border-bottom:1px solid #bdcad931}.context-job:first-of-type{padding-top:0}.context-job:last-child{padding-bottom:0;border-bottom:0}.context-job h4{font-size:14px;font-weight:600;line-height:1.6;color:#3d536d;margin:0 0 6px}.context-job p{color:#6f7f93;font-size:13px;line-height:1.8;margin:0;overflow-wrap:anywhere}.context-job-meta{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-top:9px;font-size:11px;line-height:1.6;color:#8291a4;overflow-wrap:anywhere}.context-job details{font-size:12px;line-height:1.8;margin-top:9px}.context-job summary{cursor:pointer;color:#647f9b}.context-job pre{padding:12px;margin:8px 0 0;background:#dee7f266;border:1px solid #fff;border-radius:12px;font-family:inherit;font-size:12px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere;max-height:220px;overflow:auto}.context-actions{display:flex;flex-direction:column;gap:10px}.context-actions .button{width:100%;font-size:12px;padding:11px 13px;white-space:normal}.context-model{padding:0 23px 24px;color:#7b8a9c;font-size:12px;line-height:1.8}.context-model strong{color:#566e88;font-weight:600}.context-empty{padding:30px 25px}.context-empty h2{font-size:27px;font-weight:550;letter-spacing:-.7px;color:#354b63}.context-empty p{font-size:13px;color:#76869a;line-height:1.8}
.office-handoff-route{margin-bottom:9px}.office-handoff-route>span{display:block;margin-bottom:5px;font-size:10px;letter-spacing:.6px;color:#7d8fa5}.office-handoff-route>strong{color:#5a7695;font-size:13px;font-weight:550;line-height:1.8}.office-handoff-link{display:inline-block;margin-top:10px;font-size:12px;line-height:1.8;color:#647e9c;text-decoration:none}.office-handoff-link:hover{text-decoration:underline}.office-handoff p{white-space:pre-wrap}.office-incidence-link{display:block;margin-top:9px;font-size:12px;line-height:1.8;color:#967653;text-decoration:none}.office-incidence-link:hover{text-decoration:underline}.office-job-incident{margin-top:12px;padding:12px;border:1px solid #d0bb9d6e;border-radius:12px;background:#f1e9df94;color:#8e765b;font-size:12px;line-height:1.8}.office-job-incident>strong{display:block;font-weight:600;margin-bottom:6px}.context-job .office-job-incident>p,.context-job .job-error{color:#92775e}.office-job-incident .job-retry-note{color:#8d8271}.office-job-incident details{margin-top:9px}.office-job-incident summary{color:#8f775b}.context-job .office-job-incident pre{color:#8d7159;background:#ffffff99;max-height:260px}.office-incident-section{background:#f5f0e833}.office-incident-section>p{font-size:12px;margin-bottom:14px;color:#927f69}.office-incident-section h3{color:#987f63}
.office-footer{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:20px 34px 24px;color:#7a8797;font-size:11px;line-height:1.8}.office-footer>span:first-child{max-width:900px}.office-footer>span:last-child{white-space:nowrap}.network-notice{margin:0 25px 15px;border:1px solid #d7bf9a77;border-radius:14px;padding:12px 16px;color:#947852;background:#fbf6edc9;font-size:12px;line-height:1.8}.access-overlay{position:fixed;z-index:50;inset:86px 0 0;padding:25px;background:#d8e0e9b8;backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:center}.access-card{width:430px;max-width:100%;padding:34px;border:1px solid #fff;border-radius:28px;background:linear-gradient(145deg,#ffffffde,#f1f5fad6);box-shadow:inset 0 1px 0 #fff,0 28px 70px #283e5b20}.access-card h2{font-size:29px;font-weight:600;color:#2c4057;letter-spacing:-.8px;margin:0 0 17px}.access-card>p:not(.eyebrow){font-size:13px;line-height:1.8;color:#738397;margin:0 0 24px}.access-icon{display:grid;place-items:center;height:45px;width:45px;margin-bottom:23px;border:1px solid #fff;border-radius:15px;color:#6a819b;background:linear-gradient(135deg,#fff,#d3deeb)}.access-card label{display:block;font-size:12px;font-weight:600;color:#637991;margin-bottom:8px}.access-card input{width:100%;padding:13px;border:1px solid #b8c8db5f;border-radius:13px;background:#ffffffb0;color:#3f5773;font-size:14px;margin-bottom:18px}.access-card .button{width:100%;font-size:13px}.access-card .access-error{color:#98686d;font-size:12px;line-height:1.8;margin:0 0 18px}.access-link{display:block;margin-top:20px;color:#7c8ea4;font-size:12px;text-align:center;text-decoration:none}.toast{position:fixed;bottom:25px;right:25px;z-index:80;max-width:360px;padding:15px 19px;border:1px solid #ffffff3b;border-radius:17px;color:#e9f0f9;background:#263344ed;box-shadow:inset 0 1px 0 #ffffff20,0 12px 28px #1a2a3e22;font-size:13px;line-height:1.7}.locked .metrics strong{color:#b0bdca}.locked .header-actions>a{display:none}.office-mobile-views,.mobile-camera-controls,.mobile-agent-activity,.manage-short{display:none}.scene-quality-warning{color:#977855!important}
@media(min-width:1700px){.office-layout{grid-template-columns:252px minmax(0,1fr) 372px;margin:0 35px}.office-header{padding:0 45px}.overview{padding:34px 45px}.office-next-step,.office-floor-selector,.office-floor-overview{margin-left:35px;margin-right:35px}.department-option{padding:15px 13px}.department-name{font-size:14px}.context-head,.context-section,.context-stats,.context-actions,.character-quote{padding-left:28px;padding-right:28px}}
@media(max-width:1350px){.office-layout{grid-template-columns:190px minmax(0,1fr) 298px}.mode-badge,.header-caption,.header-divider{display:none}.metrics>div{padding:14px}.metrics{gap:8px}.metrics span{font-size:8px}.office-floor-selector button{padding:14px;grid-template-columns:26px minmax(0,1fr);gap:4px 8px}.office-floor-selector strong{font-size:12px}.department-option{gap:8px;padding:12px 8px}.department-symbol{width:31px;height:34px}.context-head,.context-section,.context-stats,.context-actions,.character-quote{padding-left:20px;padding-right:20px}.character-avatar{width:55px;height:62px}.character-card{gap:12px}.context-head h2{font-size:25px}}
@media(max-width:1050px){.office-layout{grid-template-columns:187px minmax(0,1fr);grid-template-rows:auto;height:auto;max-height:none;min-height:0}.scene-column{min-height:580px}.context-panel{grid-column:1/-1;overflow:visible;border-left:0;border-top:1px solid #fff}.context-panel #department-context{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.context-head{grid-column:1;border-right:1px solid var(--line)}.character-quote{grid-column:2}.context-stats,.context-actions,.context-model{grid-column:1/-1}.context-actions{flex-direction:row}.overview{align-items:center;gap:20px}.metrics{grid-template-columns:repeat(2,minmax(86px,1fr))}.overview-title>p:last-of-type{max-width:320px}.office-floor-heading{align-items:flex-start}.office-floor-heading .button{font-size:11px}}
@media(pointer:coarse) and (min-width:701px){.mobile-camera-controls{display:flex;align-items:center;gap:12px;padding:0 18px 12px}.mobile-camera-controls .button{min-height:44px;font-size:13px}.mobile-camera-controls>span{font-size:12px;color:#62788f;line-height:1.5}}
/* Keep the phone controls opaque enough to read and avoid stacked backdrop blur. */
@media(max-width:700px),(max-width:950px) and (max-height:500px){
html{scroll-padding-top:calc(84px + env(safe-area-inset-top,0px))}.office-header{position:sticky;top:0;z-index:30;height:auto;min-height:72px;padding:calc(10px + env(safe-area-inset-top,0px)) max(12px,env(safe-area-inset-right,0px)) 10px max(12px,env(safe-area-inset-left,0px));gap:8px;backdrop-filter:none;background:#f1f5faed}.brand{font-size:13px;gap:8px;min-width:0;letter-spacing:.7px}.brand-sign,.brand-sign svg{width:36px;height:36px;flex-shrink:0}.brand small{font-size:8px;letter-spacing:0;line-height:1.4;margin-top:4px}.header-caption,.header-divider,.mode-badge,.header-actions .connection,.manage-long{display:none}.manage-short{display:inline}.header-actions{margin-left:auto;gap:4px;flex-shrink:0}.button,.icon-button{min-height:44px;font-size:14px;white-space:normal}.header-actions .button{font-size:13px;padding:8px 12px}.header-actions .icon-button{width:44px;min-width:44px;padding:10px}
.overview{display:block;padding:19px max(16px,env(safe-area-inset-right,0px)) 18px max(16px,env(safe-area-inset-left,0px))}.overview .eyebrow,.overview-title>p:last-of-type{display:none}.overview h1{font-size:30px;line-height:1.2;letter-spacing:-1px;margin-bottom:8px}.mission-badge{font-size:13px;line-height:1.5;margin-top:8px;overflow-wrap:anywhere}.office-incidence-link{font-size:12px;min-height:44px;display:flex;align-items:center;line-height:1.5;overflow-wrap:anywhere;margin-top:2px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px;width:100%;min-width:0}.metrics>div{display:flex;align-items:center;gap:10px;padding:10px 12px;min-width:0;border-radius:14px}.metrics span{font-size:10px;line-height:1.4;letter-spacing:0;margin:0;overflow-wrap:anywhere}.metrics strong{order:-1;font-size:24px;line-height:1.3;flex-shrink:0}
.office-next-step{margin:0 10px 14px;flex-direction:column;align-items:stretch;gap:13px;padding:18px}.office-next-step h2{font-size:18px}.office-next-step p{font-size:14px}.office-next-step .button{font-size:14px;white-space:normal;text-align:center}.office-floor-selector{grid-template-columns:repeat(2,minmax(0,1fr));margin:0 10px 13px;gap:7px}.office-floor-selector button{padding:12px;min-height:78px;grid-template-columns:23px minmax(0,1fr);gap:4px 7px;border-radius:16px}.office-floor-selector button>span{font-size:17px}.office-floor-selector strong{font-size:13px;font-weight:600}.office-floor-selector small{display:none}.office-floor-overview{margin:0 10px 14px;padding:18px;border-radius:20px}.office-floor-heading{display:block}.office-floor-heading h2{font-size:19px}.office-floor-heading .button{margin-top:13px;width:100%;font-size:14px;white-space:normal}.office-floor-overview p{font-size:14px}.office-lab-grid{grid-template-columns:1fr}.office-lab-opportunity h3{font-size:15px}.office-lab-opportunity li{font-size:13px}.office-maintenance-stats{grid-template-columns:1fr}.office-maintenance-stats>span{display:flex;align-items:center;justify-content:space-between;gap:12px}.office-maintenance-stats strong{margin:0}
.office-layout{display:flex;flex-direction:column;height:auto;max-height:none;min-height:0;margin:0 max(10px,env(safe-area-inset-right,0px)) 0 max(10px,env(safe-area-inset-left,0px));border-radius:21px;overflow:visible}.office-mobile-views{display:grid;grid-template-columns:1fr 1fr;position:sticky;top:calc(72px + env(safe-area-inset-top,0px));z-index:25;gap:5px;padding:6px;border-radius:20px 20px 0 0;border-bottom:1px solid #fff;background:#f0f5fa}.office-mobile-views button{border:1px solid transparent;border-radius:13px;min-height:44px;padding:8px;font-size:13px;line-height:1.3;font-weight:600;color:#65778d;background:transparent}.office-mobile-views button[aria-pressed=true]{background:linear-gradient(145deg,#445568,#26313f);color:#f1f5fa;border-color:#ffffff5c;box-shadow:inset 0 1px 0 #ffffff30}.department-rail{padding:13px 0;border-radius:0;border-right:0;overflow:hidden;flex-shrink:0}.rail-title{padding:0 14px 8px;font-size:11px;letter-spacing:.8px}#department-menu{flex-direction:row;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;min-height:0;gap:8px;padding:0 12px 4px;scrollbar-width:thin;touch-action:pan-x pan-y pinch-zoom}.department-option{flex:0 0 142px;min-width:142px;max-width:142px;min-height:64px;padding:10px;border-radius:13px;scroll-snap-align:center;gap:9px;background:#ffffff08;border-color:#ffffff16}.rail-footer{display:none}.department-option .department-symbol{height:34px;width:31px}.department-name{font-size:14px;line-height:1.3}.department-name small{font-size:11px;line-height:1.4;margin-top:4px}
.scene-column{height:auto;min-height:0;overflow:hidden;border-radius:0 0 20px 20px}.scene-caption{font-size:10px;letter-spacing:.3px;padding:12px 14px 0;gap:8px;min-height:30px}.scene-caption>span:last-child{font-size:10px;text-align:right}.scene-stage{flex:none;min-height:0;height:clamp(280px,42svh,370px)}#office-canvas{cursor:default}.room-label:not(.selected){display:none}.room-label{font-size:11px;pointer-events:none}.team-bubble{width:min(220px,72vw);max-width:min(220px,72vw);min-width:0;padding:10px 12px;border-radius:16px}.team-bubble strong{font-size:11px}.team-bubble p{font-size:12px;line-height:1.5;-webkit-line-clamp:3}.bubble-provenance{font-size:9px}.scene-toolbar{padding:10px 12px 8px;gap:10px}.camera-tools{width:100%;max-width:380px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));padding:3px;gap:0}.tool-divider{display:none}.camera-tools .icon-button{min-width:0;min-height:44px;padding:10px}.camera-tools svg{width:20px;height:20px}.scene-play-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:6px}.scene-play-controls .button{min-height:44px;font-size:12px;padding:7px 5px;line-height:1.35;white-space:normal}.mobile-camera-controls{display:flex;align-items:center;gap:10px;padding:0 12px 10px}.mobile-camera-controls .button{flex-shrink:0;font-size:12px;padding:7px 12px}.mobile-camera-controls .button[aria-pressed=true]{color:#f1f5fb;background:#2d4056;border-color:#425c77}.mobile-camera-controls>span{font-size:11px;line-height:1.5;color:#627a94;overflow-wrap:anywhere}.mobile-agent-activity{display:flex;margin:0 12px 12px;width:calc(100% - 24px);min-height:46px;font-size:14px;background:linear-gradient(145deg,#ffffffe8,#dbe6f4c7)}.scene-legend{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));font-size:11px;gap:8px 10px;line-height:1.5;padding:12px 14px}.legend-dot{height:7px;width:7px}
.context-panel{display:none;overflow:visible;border-radius:0 0 20px 20px}.office-layout.mobile-context-active .scene-column{display:none}.office-layout.mobile-context-active .context-panel{display:block}.context-panel #department-context{display:block}.context-head,.character-quote,.context-stats,.context-section,.context-actions{padding:20px}.context-head{border-right:0}.context-head h2{font-size:28px}.character-card{gap:14px}.character-avatar{height:67px;width:60px}.character-identity .eyebrow{font-size:12px;line-height:1.5}.character-identity .status-tag,.status-tag{font-size:11px;line-height:1.5;white-space:normal;max-width:100%}.context-head>p,.character-quote p,.context-job p,.context-section>p,.context-empty p,.character-quote .office-operation-note,.office-incident-section>p{font-size:14px;line-height:1.7;overflow-wrap:anywhere}.character-quote>span,.context-section h3{font-size:11px;line-height:1.6;letter-spacing:.6px}.character-quote .button,.context-actions .button,.context-job .button{min-height:44px;font-size:14px;padding:10px 12px;white-space:normal}.context-stats>div span{font-size:10px}.context-job h4{font-size:15px;line-height:1.5}.context-job-meta,.context-model,.character-quote .voice-state{font-size:12px;line-height:1.7}.office-handoff-route>span{font-size:11px}.office-handoff-route>strong{font-size:14px}.office-handoff-link,.office-incidence-link,.office-footer a{min-height:44px;display:flex;align-items:center;font-size:13px;line-height:1.5}.context-job details,.context-job pre,.context-job .office-job-incident pre{font-size:13px;line-height:1.7}.context-job summary,.office-job-incident summary{min-height:44px;display:flex;align-items:center;font-size:13px}.context-model{padding:0 20px 22px}.context-actions{flex-direction:column}
.office-footer{display:block;padding:18px max(16px,env(safe-area-inset-right,0px)) calc(18px + env(safe-area-inset-bottom,0px));font-size:12px;line-height:1.7}.office-footer>span:first-child{max-width:none}.office-footer>span:last-child{display:block;white-space:normal;margin-top:12px;font-size:12px}.network-notice{margin:0 12px 12px;font-size:14px;line-height:1.6}.scene-fallback{padding:20px}.scene-fallback h2{font-size:22px}.scene-fallback p,.scene-fallback .fallback-help{font-size:13px;line-height:1.6}.scene-fallback .fallback-emblem{display:none}.scene-fallback .button{font-size:14px;min-height:44px}
.access-overlay{inset:0;padding:calc(16px + env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) calc(16px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));overflow-y:auto;align-items:flex-start;overscroll-behavior:contain;backdrop-filter:none;background:#e2e8f1f5}.access-card{flex-shrink:0;margin:auto 0;padding:26px 22px}.access-card h2{font-size:28px;line-height:1.2}.access-card>p:not(.eyebrow),.access-card label,.access-card .access-error{font-size:14px;line-height:1.6}.access-card input{font-size:16px;min-height:48px}.access-card .button{font-size:15px;min-height:48px}.access-link{font-size:13px;min-height:44px;display:flex;align-items:center;justify-content:center}.locked{overflow:hidden}.toast{left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));max-width:none;font-size:14px;line-height:1.6}
}
@media(max-width:360px){.camera-tools{grid-template-columns:repeat(3,minmax(44px,1fr));gap:2px}.brand small{font-size:7px}.scene-caption,.scene-caption>span:last-child{font-size:9px}}
@supports not (backdrop-filter:blur(1px)){.office-header{background:#f3f6fa}.access-overlay{background:#e2e8f1f5}}
@media(prefers-reduced-transparency:reduce){.office-header,.office-floor-overview,.office-next-step,.context-panel,.access-card{background:#f5f7fa;backdrop-filter:none}}
.office-collaboration{margin:0 25px 18px;padding:16px 20px;border:1px solid #ffffffd9;border-radius:22px;background:linear-gradient(145deg,#ffffffc9,#e4edf6b0);box-shadow:inset 0 1px 0 #fff,0 8px 25px #23364e0a;color:#566b83;min-width:0}.collaboration-heading{display:flex;align-items:center;gap:15px;min-width:0}.collaboration-heading>div{min-width:0;flex:1}.collaboration-heading h2{font-size:18px;letter-spacing:-.4px;font-weight:650;color:#344b63;margin:3px 0 4px}.collaboration-heading h2>span{padding:0 5px;color:#8b9db2}.collaboration-heading p{margin:0;font-size:12px;line-height:1.6}.collaboration-avatar{width:46px;height:46px;flex-shrink:0;display:grid;place-items:center;border:1px solid #fff;border-radius:17px;background:linear-gradient(145deg,#faffff,#becfdf);font-size:20px;font-weight:600;color:#476078;position:relative}.collaboration-avatar i{position:absolute;right:-6px;bottom:-3px;width:25px;height:25px;display:grid;place-items:center;border:2px solid #fff;border-radius:10px;background:#647b95;color:#f0f6fc;font-size:11px;font-style:normal}.collaboration-delivery{margin-top:12px;border-top:1px solid #bdcbda66;padding-top:10px;font-size:12px;line-height:1.7}.collaboration-delivery summary{cursor:pointer;color:#526d88;min-height:28px}.collaboration-delivery p{white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0}.collaboration-delivery>span{font-size:11px;color:#75889b}.exchange-bubble{max-width:270px;min-width:200px;box-shadow:inset 0 1px 0 #fff,0 12px 32px #283c5125}.exchange-bubble .bubble-provenance{letter-spacing:.35px}.exchange-bubble p{-webkit-line-clamp:4}
@media(max-width:700px),(max-width:950px) and (max-height:500px){.office-collaboration{margin:0 12px 12px;padding:14px;border-radius:19px}.collaboration-heading{gap:11px;flex-wrap:wrap}.collaboration-heading>div{flex-basis:calc(100% - 60px)}.collaboration-heading .button{width:100%;min-height:44px;text-align:center;justify-content:center}.collaboration-heading h2{font-size:18px}.collaboration-heading p,.collaboration-delivery{font-size:13px}.collaboration-delivery summary{min-height:44px;display:flex;align-items:center}.exchange-bubble{max-width:min(235px,72vw);min-width:0}.exchange-bubble p{-webkit-line-clamp:3}}
/* The office comes first; fuller operational detail follows the scene. */
.office-header{height:64px;padding:0 25px}.access-overlay{inset:64px 0 0}.brand-sign,.brand-sign svg{width:39px;height:39px}.brand{font-size:14px;gap:10px}.brand small{font-size:7px;margin-top:4px}.header-caption{font-size:10px}.overview{padding:12px 25px 10px;gap:20px;min-height:98px}.overview .eyebrow,.overview-title>p:last-of-type{display:none}.overview h1{font-size:24px;letter-spacing:-.7px;margin:0 0 4px}.mission-badge{margin-top:4px;font-size:11px;line-height:1.5}.office-incidence-link{display:flex;align-items:center;min-height:30px;font-size:11px;line-height:1.5;margin-top:2px}.metrics{gap:7px}.metrics>div{padding:9px 12px;border-radius:14px;min-width:90px}.metrics span{font-size:8px;margin-bottom:5px}.metrics strong{font-size:24px}.metrics a{display:block;text-decoration:none;min-height:44px;margin:-9px -12px;padding:9px 12px;border-radius:14px}.metrics a:hover{background:#ffffff7d}.office-floor-selector{margin-bottom:10px;gap:8px}.office-floor-selector button{min-height:54px;padding:9px 13px;grid-template-columns:24px minmax(0,1fr);gap:2px 9px;border-radius:15px}.office-floor-selector button>span{font-size:17px}.office-floor-selector strong{font-size:12px}.office-floor-selector small{font-size:9px}.office-layout{height:clamp(480px,calc(100dvh - 246px),720px);min-height:480px;max-height:720px}.scene-caption{padding:13px 18px 0}.scene-stage{min-height:300px}.camera-tools .icon-button{min-height:44px;min-width:44px}.scene-toolbar{padding:8px 12px 11px;gap:8px}.scene-play-controls .button{min-height:44px}.office-insights{margin-top:18px}.office-insights .office-next-step{padding:16px 20px}.office-insights .office-floor-overview{padding:16px 20px}.office-insights .office-floor-heading h2{font-size:19px}.office-insights .office-floor-overview p{font-size:12px}.office-insights .office-collaboration{padding:16px 20px}
@media(min-width:1700px){.overview{padding-left:35px;padding-right:35px}.office-floor-selector{margin-left:35px;margin-right:35px}.office-layout{max-height:760px;height:clamp(500px,calc(100dvh - 246px),760px)}}
@media(min-width:701px) and (max-width:1050px){.office-layout{height:auto;max-height:none;min-height:0}.scene-column{min-height:500px;height:clamp(480px,calc(100dvh - 240px),650px)}.overview-title{min-width:0}.metrics{grid-template-columns:repeat(4,minmax(65px,1fr))}.metrics>div{min-width:0;padding:8px}.metrics a{margin:-8px;padding:8px}.metrics span{font-size:7px}.metrics strong{font-size:21px}.overview h1{font-size:22px}.office-floor-selector small{display:none}.office-floor-selector button{min-height:50px}}
@media(max-width:700px),(max-width:950px) and (max-height:500px){.office-header{height:auto;min-height:64px;padding:calc(8px + env(safe-area-inset-top,0px)) max(12px,env(safe-area-inset-right,0px)) 8px max(12px,env(safe-area-inset-left,0px))}.brand-sign,.brand-sign svg{width:34px;height:34px}.overview{display:block;padding:10px 14px 8px;min-height:0}.overview h1{font-size:21px;line-height:1.25;letter-spacing:-.55px;margin-bottom:3px}.mission-badge{font-size:11px;line-height:1.5;margin-top:3px}.office-incidence-link{min-height:44px;font-size:11px;line-height:1.4;margin:0}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin-top:7px}.metrics>div{display:block;padding:7px 6px;min-width:0;border-radius:12px}.metrics span{font-size:8px;line-height:1.4;letter-spacing:0;overflow-wrap:anywhere;margin:0 0 3px}.metrics strong{font-size:20px;line-height:1.2}.metrics a{margin:-7px -6px;padding:7px 6px;min-height:44px;border-radius:12px}.office-floor-selector{margin:0 10px 9px;gap:6px;grid-template-columns:repeat(2,minmax(0,1fr))}.office-floor-selector button{min-height:44px;padding:7px 10px;grid-template-columns:19px minmax(0,1fr);gap:3px 7px;border-radius:13px}.office-floor-selector button>span{font-size:15px}.office-floor-selector strong{font-size:12px;line-height:1.3}.office-floor-selector small{display:none}.office-layout{height:auto;min-height:0;max-height:none}.office-mobile-views{order:0;top:calc(64px + env(safe-area-inset-top,0px));padding:5px}.scene-column,.context-panel{order:1;height:auto;min-height:0}.department-rail{order:2;border-radius:0 0 20px 20px;padding:11px 0}.scene-caption{padding:9px 12px 0;min-height:25px}.scene-stage{height:clamp(260px,40svh,350px);min-height:0}.scene-column{border-radius:0}.mobile-agent-activity{margin-bottom:9px}.scene-legend{padding:9px 12px}.office-insights{margin-top:13px}.office-insights .office-next-step,.office-insights .office-floor-overview,.office-insights .office-collaboration{padding:14px;margin-left:10px;margin-right:10px}.office-insights .office-floor-overview p{font-size:13px}.office-footer{padding-top:12px}.access-overlay{inset:0}}
@media(max-width:360px){.metrics span{font-size:7px}.metrics strong{font-size:18px}.overview h1{font-size:20px}.office-floor-selector strong{font-size:11px}.office-floor-selector button{padding-left:8px;padding-right:8px}}
.team-bubble{max-width:200px;min-width:150px;padding:9px 11px;border-radius:15px}.team-bubble strong{font-size:10px;line-height:1.3;margin-bottom:4px}.team-bubble p{font-size:11px;line-height:1.45;-webkit-line-clamp:2}.bubble-provenance{font-size:7px;line-height:1.4;margin-bottom:4px;letter-spacing:.35px}.exchange-bubble{max-width:225px;min-width:170px}.exchange-bubble p{-webkit-line-clamp:3}
@media(max-width:700px),(max-width:950px) and (max-height:500px){.team-bubble{width:min(210px,68vw);max-width:min(210px,68vw);min-width:0;padding:9px 11px}.team-bubble strong{font-size:10px}.team-bubble p{font-size:12px;line-height:1.4;-webkit-line-clamp:2}.bubble-provenance{font-size:8px;line-height:1.35}.exchange-bubble{width:min(225px,70vw);max-width:min(225px,70vw)}.exchange-bubble p{-webkit-line-clamp:3}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}