/* A single animated canvas, with every control inside the office viewport. */
.highrise-office .scene-top{display:none}.office-environment{position:absolute;right:28px;top:98px;z-index:7;width:212px;border-radius:14px;padding:15px 17px;color:#405467;background:rgba(248,252,255,.9)}.environment-location{font-size:8px;letter-spacing:1.5px;color:#8192a1}.office-environment strong{display:block;font-size:21px;letter-spacing:-.5px;margin:9px 0 5px;font-weight:500}.environment-shift{font-size:10px;color:#8093a0}.office-environment label{display:flex;align-items:center;gap:10px;font-size:9px;margin-top:14px;color:#91a1ac}.office-environment select{width:130px;min-width:0;flex:1;border:1px solid #dbe4e8;background:#f9fcfd;border-radius:6px;padding:7px 5px;font:9px 'Segoe UI',sans-serif;color:#637f91}.office-environment small{display:block;font-size:7px;color:#95a6af;line-height:1.6;margin-top:9px}.environment-night .office-hud .brand{color:#f2f1e9}.environment-night .office-hud .brand-sub,.environment-night .office-identity>span{color:#bac9d7}.environment-night .office-identity b,.environment-night .office-hint{color:#e1e8ec}.environment-night .office-hint small,.environment-night .public-view-label{color:#bccddc}.highrise-office .office-hint{text-shadow:0 1px 8px #0003}.highrise-office #scene-wrap{background:#a3bed3}.highrise-office .agent-label{background:rgba(255,255,252,.94);color:#4a5a65;border-color:#ffffffaa}.highrise-office .agent-label.selected small{color:#657d8b}.highrise-office .office-hud .brand,.highrise-office .office-identity{text-shadow:0 1px 8px #fff1}@media(max-width:720px){.office-environment{top:78px;right:14px;width:171px;padding:11px 13px}.office-environment strong{font-size:17px;margin-top:7px}.environment-location{font-size:7px;letter-spacing:1px}.environment-shift{font-size:8px}.office-environment label{font-size:8px;gap:5px;margin-top:10px}.office-environment select{font-size:8px;padding:6px 2px}.office-environment small{font-size:6px}.highrise-office .office-overview{width:146px}.highrise-office .public-presence{max-width:165px;gap:6px;font-size:8px}.highrise-office .public-presence button{margin-left:1px}.highrise-office .office-hint{bottom:150px}.environment-night .office-hud .brand{font-size:17px}}
body.immersive-office{height:100dvh;overflow:hidden;background:#e8e9e4}
.immersive-office main{margin:0;width:100%;height:100dvh}
#office-shell{position:relative;isolation:isolate;width:100%;height:100dvh;overflow:hidden}
.immersive-office #scene-wrap{position:absolute;inset:0;height:100%;width:100%;border:0;border-radius:0;touch-action:none}
.immersive-office #scene{display:block;width:100%;height:100%;outline-offset:-5px}
.immersive-office #office-2d{position:absolute;inset:0;overflow:auto;padding:130px 12vw 150px;align-content:center;grid-template-columns:repeat(3,1fr)}
.floating-glass{background:rgba(255,255,252,.92);border:1px solid rgba(255,255,255,.9);box-shadow:0 12px 42px #26302212,0 1px 4px #26302208;backdrop-filter:blur(20px)}
.office-hud{position:absolute;z-index:25;top:24px;left:28px;right:28px;display:flex;align-items:center;gap:20px;pointer-events:none}
.office-hud>*{pointer-events:auto}.office-hud .brand{display:flex;gap:9px;margin:0;color:#262c30;font-size:22px;letter-spacing:1px}.office-hud .brand img{width:39px;height:39px}.office-hud .brand>span{display:block}.office-hud .brand-sub{font-size:7px;color:#8b9290;letter-spacing:2.8px}
.office-identity{padding-left:20px;border-left:1px solid #abb3a450;display:flex;flex-direction:column;gap:5px}.office-identity>span{font-size:8px;letter-spacing:1.8px;color:#8d978a}.office-identity b{font-size:12px;font-weight:500;color:#596452}
.office-status{margin-left:auto;display:flex;align-items:center;gap:18px}.office-status>.source-badge{font-size:10px;padding:10px 13px;background:#ffffff99;border-radius:22px}
.office-settings{position:relative;border-radius:12px}.office-settings>summary{list-style:none;padding:12px 15px;font-size:15px;cursor:pointer;color:#596452}.office-settings>summary span{font-size:10px;margin-left:5px}.office-settings>summary::-webkit-details-marker{display:none}
.office-settings-body{position:absolute;top:54px;right:0;width:330px;background:#fffffc;box-shadow:0 15px 60px #25302022;border:1px solid #ecefe7;border-radius:15px;padding:20px;max-height:calc(100dvh - 180px);overflow:auto}.office-settings h2{font-size:16px;margin:0 0 18px}.office-settings .top-actions{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.office-settings .top-avatar{display:none}.office-settings .intro-actions{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px}.office-settings .office-tools{margin:22px 0}.office-settings .connection-note{margin:0 0 14px;font-size:10px}.office-settings .motion-note{padding:12px;border-radius:8px;font-size:10px}.office-settings footer{padding:16px 0 0;display:block;font-size:8px}.office-settings footer>span{display:block;margin-top:6px}
.office-overview{position:absolute;z-index:22;top:98px;left:28px;border-radius:13px;width:204px}.office-overview>summary{padding:14px 15px;list-style:none;cursor:pointer;display:flex;align-items:center;gap:9px;color:#7e8d76;font-size:13px}.office-overview summary span{font-size:10px;color:#65715f}.office-overview summary .overview-arrow{margin-left:auto}.office-overview>summary::-webkit-details-marker{display:none}.office-overview[open]{width:360px;max-height:calc(100dvh - 230px);overflow:auto}.overview-body{padding:0 15px 15px}.office-overview .stats{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:8px}.office-overview .stat{padding:12px 9px;min-width:0;gap:9px;border:1px solid #e8ece2;box-shadow:none}.office-overview .stat strong{font-size:23px}.office-overview .stat-icon{display:none}.office-overview .stat-extra{display:none}.office-overview .stat span{font-size:9px}.office-overview .stat small{font-size:8px}.office-overview .lower-grid{display:block;margin-top:12px}.office-overview .panel{margin-top:10px;border:1px solid #e8ece2;box-shadow:none}.office-overview .card-heading{padding:13px 12px}.office-overview .card-heading h2{font-size:11px}.office-overview .upcoming-row,.office-overview .event-row{margin:0 12px}.office-overview .upcoming-row{gap:8px}.office-overview .upcoming-title{font-size:10px}
.office-hint{position:absolute;z-index:5;left:29px;bottom:125px;font-size:12px;font-weight:500;color:#667360;pointer-events:none;line-height:1.8}.office-hint>.live-dot{display:inline-block;margin-right:6px}.office-hint small{display:block;font-size:10px;color:#8b9785;font-weight:400}
.immersive-office .scene-top{top:103px;left:auto;right:29px;font-size:9px;gap:5px;pointer-events:none}.immersive-office .scene-caption{display:none}.immersive-office .scene-controls{bottom:126px;right:28px;display:flex;gap:6px}.immersive-office .scene-controls button{width:36px;height:36px;border:1px solid #ffffffaa;background:#ffffffb8;border-radius:10px;box-shadow:0 3px 10px #2630220a;font-size:17px}.immersive-office .scene-legend{display:none}
.office-dock{position:absolute;z-index:40;bottom:24px;left:50%;transform:translateX(-50%);border-radius:20px;padding:8px;max-width:calc(100% - 40px)}
.office-dock nav{display:flex;align-items:stretch;gap:4px;overflow:auto;scrollbar-width:thin;scrollbar-color:#bfc8b9 transparent}.office-dock .nav{position:relative;display:flex;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:7px;width:auto;min-width:110px;padding:10px 13px;border-radius:13px;margin:0;color:#88917f;font-size:10px;white-space:nowrap;line-height:1.3}.office-dock .nav>span{width:auto;font-size:21px;line-height:1.1}.office-dock .nav:hover{background:#eef1e9;color:#4f6048}.office-dock .nav.active{background:#e9384e;color:white;box-shadow:0 4px 12px #e9384e30}.office-dock .nav em,.office-dock .nav b{display:block;position:absolute;right:7px;top:6px;margin:0;font-size:6px;padding:2px 3px;background:#e7eade;color:#7e8b73}.office-dock .nav.active em,.office-dock .nav.active b{background:#ffffff26;color:white}
.office-workspace{position:absolute;z-index:30;inset:90px 30px 124px;border-radius:19px;display:flex;flex-direction:column;overflow:hidden;background:rgba(253,254,249,.97)}
.workspace-heading{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:20px 25px;border-bottom:1px solid #e6eadf}.workspace-heading small{font-size:8px;letter-spacing:1.8px;color:#9aa48f}.workspace-heading h1{font-size:20px;font-weight:600;margin:6px 0 0;color:#424d3b}.panel-close{flex-shrink:0;display:grid;place-items:center;border:1px solid #dfe5d7;background:#f9fbf4;color:#89967e;border-radius:50%;width:31px;height:31px;font-size:13px}.panel-close:hover{color:#ce3850;background:#fff1f3}.workspace-content{overflow:auto;overscroll-behavior:contain;flex:1;padding:22px}.office-workspace .view{margin:0}.office-workspace .panel{box-shadow:none;border-color:#e4e9dc;border-radius:12px}.office-workspace .calendar-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.office-workspace .gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.office-workspace .assets-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.office-workspace .team-table{min-width:900px}
.immersive-office .inspector{position:absolute;z-index:31;top:92px;right:28px;bottom:124px;width:335px;max-height:none;overflow:auto;border-radius:17px;display:block;background:rgba(255,255,251,.96)}
.immersive-office .inspector .card-heading{position:sticky;top:0;background:#fcfdf8;z-index:1;gap:10px;padding:15px 20px}.immersive-office .inspector .card-heading h2{font-size:13px;flex:1}.immersive-office .inspector #agent-detail{display:block;padding:20px}.immersive-office .inspector .agent-portrait{width:50px;height:55px;font-size:24px;margin-bottom:16px}.immersive-office .inspector .agent-name{font-size:23px}.immersive-office .inspector .agent-role{font-size:11px}.immersive-office .inspector-bottom{display:block}.office-roster{padding:18px 20px;border-top:1px solid #edf0e7}.office-roster summary{font-size:10px;color:#8c9a80;cursor:pointer}.office-roster .team-list{display:block;max-height:260px;margin-top:12px}.office-roster .team-member{color:#68745f}.office-roster .team-member:hover{background:#edf2e7}
.immersive-office #toast{z-index:80;bottom:126px;transform:translateX(-50%)}.immersive-office .agent-label{box-shadow:0 3px 12px #2730200c}
@media(min-width:1600px){.office-workspace{left:8vw;right:8vw}.office-dock .nav{min-width:130px}.office-hud{top:28px;left:36px;right:36px}}
@media(max-width:1050px){.office-identity{display:none}.office-dock .nav{min-width:90px;padding:10px 8px;font-size:9px}.office-workspace .calendar-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.office-workspace .assets-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.office-workspace .gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.office-hint{font-size:10px}.office-hint small{font-size:8px}}
@media(max-width:720px){.office-hud{top:16px;left:15px;right:15px;gap:8px}.office-hud .brand{font-size:17px;gap:6px}.office-hud .brand img{width:30px;height:30px}.office-hud .brand-sub{font-size:5px;letter-spacing:2px}.office-status{gap:7px}.office-status>.source-badge{font-size:8px;padding:8px}.office-settings>summary{padding:9px 10px}.office-settings>summary span{display:none}.office-settings-body{width:min(330px,calc(100vw - 30px));top:44px}.office-overview{top:78px;left:15px;width:175px}.office-overview>summary{padding:11px 12px}.office-overview[open]{width:min(350px,calc(100vw - 30px));max-height:calc(100dvh - 200px)}.immersive-office .scene-top{top:124px;left:18px;right:auto}.office-dock{bottom:14px;max-width:calc(100% - 20px);padding:5px;border-radius:16px}.office-dock .nav{min-width:76px;padding:9px 8px;font-size:8px;gap:5px}.office-dock .nav>span{font-size:19px}.office-dock nav{max-width:calc(100vw - 32px)}.office-hint{left:18px;bottom:143px;font-size:9px}.office-hint small{max-width:180px;font-size:8px}.immersive-office .scene-controls{right:15px;bottom:105px;gap:4px}.immersive-office .scene-controls button{width:30px;height:31px;font-size:15px}.office-workspace{inset:74px 10px 104px;border-radius:14px}.workspace-heading{padding:14px 16px}.workspace-heading h1{font-size:17px}.workspace-content{padding:10px}.office-workspace .calendar-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.office-workspace .assets-grid,.office-workspace .gallery-grid{grid-template-columns:1fr}.immersive-office .inspector{top:74px;right:10px;bottom:104px;width:min(335px,calc(100% - 20px))}.immersive-office #office-2d{padding:160px 15px 160px;grid-template-columns:repeat(2,1fr)}.immersive-office #toast{bottom:112px;width:calc(100% - 40px);font-size:11px}}
@media(max-height:530px){.office-hint{display:none}.office-hud{top:10px}.office-overview{top:64px}.office-workspace,.immersive-office .inspector{top:64px;bottom:90px}.office-dock{bottom:8px}.office-dock .nav{padding:6px 9px;gap:3px}.office-dock .nav>span{font-size:17px}.immersive-office .scene-controls{bottom:92px}.immersive-office .scene-top{top:70px}}

/* Readable office overlays and names, 19 October 2026. */
.highrise-office .agent-label{left:0;top:0;background:#fffefb;color:#253746;border:1px solid #bac8cf;padding:5px 9px;font-size:11px;font-weight:650;line-height:1.35;border-radius:7px;box-shadow:0 2px 7px #172b3b26;will-change:transform}
.highrise-office .agent-label .dot{width:5px;height:5px}
.highrise-office .agent-label.selected,.highrise-office .agent-label.motion-preview{max-width:200px;border-color:#d43149;background:#fff8f5;color:#9f2137}
.highrise-office .agent-label small,.highrise-office .agent-label.selected small{font-size:10px;line-height:1.5;color:#455966;max-width:180px}
.highrise-office .agent-label.selected small{display:none}
.highrise-office .agent-label:hover,.highrise-office .agent-label:focus-visible{z-index:3;flex-wrap:wrap;max-width:200px;justify-content:center}
.highrise-office .agent-label:hover small,.highrise-office .agent-label:focus-visible small,.highrise-office .agent-label.motion-preview small{display:block;width:100%}
.highrise-office .office-environment{width:232px;color:#273e50;background:#fffefb;border-color:#dbe3e7;backdrop-filter:none}
.highrise-office .environment-location{font-size:10px;letter-spacing:1px;color:#4c6171;font-weight:650}
.highrise-office .office-environment strong{font-size:23px;font-weight:650;color:#223a4b}
.highrise-office .environment-shift{font-size:12px;color:#425b6a;line-height:1.55}
.highrise-office .office-environment label{font-size:11px;color:#435a68}
.highrise-office .office-environment select{font-size:11px;color:#293f50;background:#f4f7f9;min-height:32px}
.highrise-office .office-environment small{font-size:10px;color:#526774;line-height:1.5}
.highrise-office .office-hud .brand,.highrise-office .office-identity b{color:#fff;text-shadow:0 1px 4px #102534}
.highrise-office .office-hud{padding:10px 13px;top:14px;left:15px;right:15px;border:1px solid #ffffff30;border-radius:14px;background:linear-gradient(100deg,#183345f0,#203747d9);box-shadow:0 3px 14px #1025351a}
.highrise-office .office-hud .brand-sub{font-size:9px;color:#e5edf2;letter-spacing:2px}
.highrise-office .office-identity>span{font-size:10px;color:#dfebf2;letter-spacing:1.2px}
.highrise-office .office-identity b{font-size:14px;font-weight:600}
.highrise-office .office-hint{color:#fff;background:#193448e8;border:1px solid #ffffff38;border-radius:10px;padding:10px 13px;font-size:13px;text-shadow:none;max-width:calc(100% - 58px)}
.highrise-office .office-hint small{color:#e4edf4;font-size:12px;line-height:1.6}
.highrise-office .office-dock .nav{color:#40545f;font-size:12px;font-weight:600}
.highrise-office .office-dock .nav.active{color:white}
.highrise-office .office-dock .nav em,.highrise-office .office-dock .nav b{font-size:8px}
.highrise-office .scene-controls button{color:#314b5d;background:#fffefb;border-color:#cbd6dd}
@media(max-width:720px){
 .highrise-office .agent-label{font-size:10px;padding:4px 7px;gap:4px}
 .highrise-office .agent-label small,.highrise-office .agent-label.selected small{font-size:9px;max-width:146px}
 .highrise-office .agent-label.selected{max-width:165px}
 .highrise-office .office-hud{top:10px;left:10px;right:10px;padding:8px 10px}
 .highrise-office .office-hud .brand-sub{font-size:7px;letter-spacing:1.4px}
 .highrise-office .office-environment{top:86px;right:12px;width:176px;padding:10px 12px}
 .highrise-office .environment-location{font-size:9px;letter-spacing:.5px}
 .highrise-office .office-environment strong{font-size:20px}
 .highrise-office .environment-shift{font-size:11px}
 .highrise-office .office-environment label{font-size:10px;gap:5px;margin-top:8px}
 .highrise-office .office-environment select{font-size:10px;padding:5px 3px}
 .highrise-office .office-environment small{font-size:9px}
 .highrise-office .office-hint{left:12px;bottom:144px;font-size:11px;padding:8px 10px;max-width:calc(100% - 24px)}
 .highrise-office .office-hint small{font-size:10px;max-width:230px}
 .highrise-office .office-dock .nav{font-size:11px}
}
@media(max-width:390px){.highrise-office .office-environment{width:163px}.highrise-office .office-hud .brand{font-size:16px;gap:5px}.highrise-office .office-hud .brand img{width:27px;height:27px}}
@media(max-height:530px){.highrise-office .office-hint{display:none}}