/* Ambiente e personagens em canvas; popup e autenticação mantêm os controles HTML. */
.office-scene{display:flex;align-items:center;justify-content:center;background:#28263e;isolation:isolate}
.office-art-loading{position:absolute;color:#dbd7bd;font:12px monospace;letter-spacing:1px}
.office-stage{position:relative;width:min(100vw,calc(100dvh * 1.6));aspect-ratio:8/5;flex-shrink:0}
.pixel-office{display:block;width:100%;height:auto;aspect-ratio:8/5;image-rendering:pixelated;image-rendering:crisp-edges}
.office-nameplates{position:absolute;inset:0;pointer-events:none}
.office-nameplate{position:absolute;display:flex;align-items:center;gap:4px;transform:translateX(-50%);white-space:nowrap;max-width:180px;padding:3px 6px;border-radius:6px;background:#28243feb;color:#fff;font:600 clamp(9px,1vw,12px)/1.25 "Segoe UI",Arial,sans-serif;letter-spacing:normal;-webkit-font-smoothing:antialiased}
.office-nameplate>span{overflow:hidden;text-overflow:ellipsis}
.office-status-dot{display:block;width:7px;height:7px;border-radius:50%;flex-shrink:0}
.office-identity{color:#e4def9;top:16px;left:22px;font-size:9px;letter-spacing:2px;text-shadow:0 1px #242035}
.office-identity>span{color:#b5a2f4;font-size:23px}
.corner-control{background:#f0eafced;border:2px solid #ad96e3;color:#675293;width:39px;height:39px;top:13px;right:18px;box-shadow:3px 3px #221d3e50}
#connection{color:#ddd6f6;background:#29233ede;border:1px solid #8172aa;padding:7px 10px;border-radius:4px;bottom:13px;left:20px;font-size:9px}
#scene-empty{z-index:2;inset:auto auto 14% 50%;transform:translateX(-50%);width:max-content;max-width:85%;padding:13px 23px;background:#302740ed;border:1px solid #a48ac8;color:#eee4fb;box-shadow:3px 3px #231b3450;border-radius:5px;font-size:12px}
#scene-empty small{color:#cbbde2;font-size:10px}
#admin-popup{background:#fbf8ff;border-color:#d2c4e5}
#admin-popup .agent-row{background:transparent}
.badge.working{background:#fff1c5;color:#88661b}.badge.idle{background:#e8f4e7;color:#377a49}
dialog{background:#fbf8ff;color:#44365c;border-color:#d2c4e5}dialog::backdrop{background:#211c3980}.primary{background:#7660b5;color:#fff}.button{color:#6d578d;border-color:#d7c9e7}.primary{color:#fff}.eyebrow{color:#9279ae}.filters .selected{background:#ede5fa;color:#76559f}.agent-icon{background:#eee6f7;color:#8a6caa}dialog input{border-color:#ccbadf}dialog input:focus{outline:2px solid #a28ada;outline-offset:2px}button:focus-visible,a:focus-visible{outline-color:#a28ada}.corner-control:hover{background:#f7f0ff}#admin-summary{border-color:#e4d9ef;color:#8c7b9f}#admin-tools{border-color:#e4d9ef}.agent-row:hover{background:#f4edfb}#admin-popup h2{color:#60447e}
@media(max-width:650px){.office-identity{font-size:8px;left:14px;top:18px}.corner-control{right:13px}.pixel-office{width:100vw;max-height:100dvh}.office-scene{background:radial-gradient(ellipse at center,#3c3454,#252238)}#connection{left:12px;bottom:14px;max-width:80vw}#scene-empty{bottom:calc(50% - 130px);font-size:10px;padding:10px 15px}#scene-empty small{font-size:8px}}