.office-panel{margin:18px 0;padding:22px;overflow:hidden;background:radial-gradient(ellipse at top right,#153b5555,transparent 65%),#0c1320}.office-panel header h3{font-size:23px;margin-top:5px;letter-spacing:-.6px}.office-panel button{width:auto;margin:0;padding:9px 14px;font-size:11px}.office-caption{font-size:11px;margin:12px 0!important}.office-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:10px;color:#78dec5}.office-toolbar b{color:#f1c784}.office-toolbar label{display:flex;align-items:center;gap:12px;margin:0}.office-toolbar input{width:120px;padding:0;accent-color:#55c8ff}.office-room{margin:20px 0;border:1px solid #24364b;border-radius:14px;overflow:hidden;background:linear-gradient(130deg,#111e30,#0a101a)}.office-room-title{display:flex;justify-content:space-between;gap:15px;padding:14px 20px;border-bottom:1px solid #233247}.office-room-title strong{font-size:13px;letter-spacing:.08em}.office-room-title span{font-size:10px;color:#89a5be}.office-room canvas{display:block;width:100%;height:330px;touch-action:pan-y}.office-desks{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding:0 16px 16px}.office-seat{padding:11px;border:1px solid #263950;border-radius:9px;background:#101b2b;min-width:0}.office-seat strong{display:block;font-size:11px;overflow-wrap:anywhere}.office-seat small{font-size:9px;margin:5px 0;overflow-wrap:anywhere}.office-seat b{font-size:12px;color:#8cddff}.office-seat .recording{color:#74e6c2}.office-seat .idle{color:#f1c784}.office-seat .offline{color:#8893a4}.office-rankings{display:grid;grid-template-columns:1.2fr 1fr;gap:20px;margin-top:25px}.office-rankings article{min-width:0}.office-rankings h3{margin-bottom:12px}.office-rank-row{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:10px;padding:12px 0;border-bottom:1px solid #213047;align-items:center;font-size:11px}.office-rank-row>span{color:#55c8ff;font-size:15px}.office-rank-row strong{overflow-wrap:anywhere}.office-rank-row small{font-size:9px}.office-rank-row>b{text-align:right;color:#9bddff;font-variant-numeric:tabular-nums}#office-update{font-size:10px;margin-top:16px}.general-bars{max-height:440px;overflow:auto;padding-right:8px}.general-bar span{overflow-wrap:anywhere}.general-bar strong{white-space:nowrap}@media(max-width:700px){.office-panel{padding:12px}.office-panel header h3{font-size:18px}.office-toolbar{flex-wrap:wrap}.office-desks{grid-template-columns:repeat(2,minmax(0,1fr))}.office-room canvas{height:260px}.office-rankings{grid-template-columns:1fr}.office-room-title{padding:12px}.office-panel button{font-size:9px;padding:9px}}

.office-scene-viewport{overflow-x:auto}.office-room canvas{min-width:680px;touch-action:pan-x pan-y}.office-panel header{gap:15px}.office-panel header>div{min-width:0}
.portal,.office-panel,.office-room{min-width:0;max-width:100%}.office-scene-viewport{width:100%;min-width:0}.office-toolbar>span{min-width:0}.office-caption{overflow-wrap:anywhere}@media(max-width:700px){.office-panel header{flex-wrap:wrap}.office-room-title{flex-wrap:wrap}.office-scene-viewport:after{content:"Deslize para ver os cinco lugares →";display:block;position:sticky;left:0;color:#7893ad;font-size:10px;padding:8px 12px}.office-toolbar>span{line-height:1.8}}

/* Shared scene: all rows live on one continuous floor. */
.office-stage{position:relative;height:clamp(760px,85vh,1000px);overflow:hidden;background:#091019}
.office-unified canvas{position:absolute;inset:0;display:block;width:100%;height:100%;min-width:0;touch-action:none}
#office-world{cursor:grab}#office-world:active{cursor:grabbing}#office-world:focus-visible{outline:2px solid #7bdeff;outline-offset:-3px}
#office-labels{pointer-events:none}.office-gesture-hint{position:absolute;bottom:12px;left:12px;right:12px;width:max-content;max-width:calc(100% - 24px);padding:7px 12px;border:1px solid #2e485a;border-radius:8px;background:#0b1726df;color:#9cbbce;font-size:10px;pointer-events:none}
.office-camera-controls{display:flex;flex-wrap:wrap;align-items:center;gap:18px}.office-camera-controls label{color:#91b8cb}.office-camera-controls button{background:#20374a;border:1px solid #385b70;color:#b8eaff;box-shadow:none}.office-toolbar{flex-wrap:wrap}
#office-selection{padding:14px 18px;border-top:1px solid #293e53;font-size:12px;color:#a5c6db;min-height:49px}
.office-roster{border:1px solid #253a4d;border-radius:12px;background:#0c1725}.office-roster summary{cursor:pointer;padding:15px 18px;font-size:12px;color:#9edfff}.office-roster h4{margin:16px;font-size:13px}.office-roster button.office-seat{display:block;width:100%;margin:0;padding:11px;text-align:left;background:#101b2b;box-shadow:none;color:#d3e5f1}.office-roster button.office-seat:hover{border-color:#70cfff;transform:none}.office-rankings{margin-top:22px}
@media(max-width:700px){.office-stage{height:580px}.office-camera-controls{gap:10px}.office-toolbar input{width:95px}.office-gesture-hint{font-size:9px}.office-unified .office-room-title{gap:6px}.office-camera-controls button{padding:8px}.office-roster .office-seat b{font-size:11px}}

.office-animation-note{color:#7e9cae;font-size:10px;margin:10px 0!important}.office-stage{background:radial-gradient(ellipse at center,#162b37,#0a141f)}

.office-area-nav{display:flex;flex-wrap:wrap;gap:7px;padding:10px 14px;border-bottom:1px solid #2c4354}.office-area-nav button{margin:0;padding:7px 12px;background:#20394a;color:#badde7;border:1px solid #365566;box-shadow:none;font-size:10px}.office-area-nav button:hover{background:#315668}
.office-live-layout{display:grid;grid-template-columns:210px minmax(0,1fr) 260px;align-items:stretch;background:#091019}.office-side{padding:20px 16px;background:#0b1520;border-right:1px solid #263c50;min-width:0}.office-side-right{border-right:0;border-left:1px solid #263c50}.office-side h3{font-size:14px;margin:0;color:#e0f2ff}.office-side p{font-size:10px;margin:5px 0 14px;color:#7e9eb4}.office-side>small{display:block;font-size:10px;color:#849caf;margin-top:20px}.office-side section+section{margin-top:26px}.owner-card{border:1px solid #2d5062;background:linear-gradient(140deg,#153443,#0c1a28);padding:13px;margin:10px 0;border-radius:10px}.owner-card strong,.owner-card b,.owner-card span,.owner-card small{display:block}.owner-card strong{font-size:12px;color:#b9e4f1}.owner-card b{font-size:22px;color:#88edd1;margin:5px 0;font-variant-numeric:tabular-nums}.owner-card span{font-size:11px;color:#d1e5ef}.owner-card small{font-size:9px;color:#8dabbc;margin-top:5px}.owner-card .partial{color:#efc985}.office-side .office-rank-row{grid-template-columns:18px minmax(0,1fr);gap:5px 8px;padding:13px 0}.office-side .office-rank-row>b{grid-column:2;text-align:left;font-size:12px}.office-side .office-rank-row:first-child>span,.office-side .office-rank-row:first-child strong{color:#f7d38b}.office-side .office-rank-row small{display:block;color:#8cabbf;margin:3px 0;font-size:9px}.office-side .office-rank-row strong{display:block;font-size:11px;overflow-wrap:anywhere}
@media(max-width:1100px){.office-live-layout{grid-template-columns:180px minmax(0,1fr) 210px}.office-side{padding:15px 11px}.owner-card b{font-size:19px}}
@media(max-width:850px){.office-live-layout{grid-template-columns:1fr 1fr}.office-live-layout>.office-stage{grid-column:1/-1;grid-row:1;height:650px}.office-side{border-top:1px solid #263c50}.office-side-left{grid-column:1}.office-side-right{grid-column:2}.office-stage .office-gesture-hint{width:auto;font-size:9px}}
@media(max-width:480px){.office-live-layout{display:flex;flex-direction:column}.office-live-layout>.office-stage{order:-1;height:560px}.office-side{border-right:0;border-left:0}}
#office-ban-alerts{margin:12px 0;padding:16px 18px;border:1px solid #ef5367;border-left:5px solid #ef5367;border-radius:10px;background:#371d2a;color:#ffd3d9;overflow-wrap:anywhere}#office-ban-alerts[hidden]{display:none}#office-ban-alerts strong{font-size:15px;color:#ff9eaa}#office-ban-alerts p{margin:10px 0}#office-ban-alerts small{color:#dbaab6}.office-seat:has(.banned){border-color:#ef5367;background:#371d2a}.office-seat .banned{color:#ff8691;font-weight:700}

#office-status-rail{position:absolute;z-index:3;left:10px;top:12px;bottom:48px;width:234px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#446179 transparent;padding-right:5px;box-sizing:border-box}
.office-status-card{--tone:#9aaec4;--tint:#172534;margin-bottom:9px;padding:12px 13px;border:1px solid color-mix(in srgb,var(--tone) 35%,#142537);border-left:4px solid var(--tone);border-radius:11px;background:linear-gradient(120deg,var(--tint),#0c1825f5);box-shadow:0 4px 14px #0003;font-variant-numeric:tabular-nums}
.office-status-card.recording{--tone:#65e2b9;--tint:#153b35}.office-status-card.preparing{--tone:#f5c269;--tint:#3c3020}.office-status-card.saving{--tone:#bca1ff;--tint:#2c2440}.office-status-card.banned,.office-status-card.error{--tone:#ff8193;--tint:#422331}.office-status-card.offline{--tone:#8995a8;--tint:#252c38}
.office-card-heading{display:flex;align-items:center;gap:8px;color:#e3f1ff;font-size:12px;line-height:1.35}.office-card-heading strong{overflow-wrap:anywhere}.office-card-heading i{width:7px;height:7px;flex-shrink:0;border-radius:50%;background:var(--tone);box-shadow:0 0 9px color-mix(in srgb,var(--tone) 45%,transparent)}
.office-card-main{font-size:16px;font-weight:750;color:var(--tone);margin:7px 0 4px;line-height:1.25}.office-status-card>small{display:block;font-size:10px;color:#a9bdcd}.office-card-metrics{display:grid;gap:5px;margin-top:8px;font-size:10px;color:#adc1d1}.office-card-metrics:empty{display:none}.office-card-metrics span{display:flex;justify-content:space-between;gap:4px}.office-card-metrics b{font-size:11px;color:#e3eef6}.office-status-card em{display:block;font-size:10px;margin-top:5px;color:#ffabb7;font-style:normal}.office-seat .preparing{color:#f5c269}.office-seat .saving{color:#bca1ff}.office-seat .error{color:#ff8193}
@media(max-width:620px){#office-status-rail{top:auto;bottom:45px;left:8px;right:8px;width:auto;display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;align-items:stretch}.office-status-card{flex:0 0 205px;margin:0;padding:10px}.office-card-main{font-size:15px}}

/* Compact desk-linked badges; expanded diagnostics live below the scene. */
#office-status-rail{inset:0 auto 0 0;width:202px;overflow:visible;padding:0;pointer-events:none}
.office-panel .office-status-card{position:absolute;left:8px;width:190px;height:58px;box-sizing:border-box;margin:0;padding:5px 8px;text-align:left;border-radius:3px;border-left-width:3px;box-shadow:none;pointer-events:auto;cursor:pointer;display:block;min-width:0}
.office-status-card[hidden]{display:none!important}.office-status-card>strong{display:block;font-size:10px;color:#d7ebf7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.office-status-card .office-card-main{display:block;font-size:11px;line-height:14px;font-weight:600;margin:3px 0 1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.office-status-card>small{font-size:9px;line-height:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.office-status-card:focus-visible{outline:2px solid var(--tone);outline-offset:2px}#office-selection{line-height:1.65;overflow-wrap:anywhere}
@media(max-width:620px){#office-status-rail{inset:auto 8px 45px 8px;width:auto;overflow-x:auto;pointer-events:auto;padding:0 0 3px;display:flex}.office-panel .office-status-card{position:relative;left:auto;flex:0 0 190px}}