.office-view-picker{display:flex;align-items:center;gap:7px;color:#b8c6d7;font-size:11px}
.office-view-picker>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.office-view-picker select,.atrium-tools select{font:inherit;color:#eaf0f7;background:#172333;border:1px solid #526174;border-radius:6px;padding:8px 10px;max-width:180px}
#scene[data-office-view=atrium]{background:#111a24}
.atrium-canvas{display:block;outline:none;touch-action:none}
.atrium-canvas:focus-visible{outline:1px solid #a6865a;outline-offset:-2px}
.atrium-tools{position:absolute;left:20px;bottom:63px;z-index:5;display:flex;align-items:center;flex-wrap:wrap;gap:6px;max-width:calc(100% - 240px);pointer-events:auto}
.atrium-tools button,.atrium-tools select{font-size:10px;padding:8px 10px;background:#12202bee;color:#ecf1f7;border:1px solid #617078;border-radius:5px;cursor:pointer}
.atrium-tools button[aria-pressed=true]{border-color:#b99b69;background:#354135}
.atrium-tools>span{flex-basis:100%;font-size:10px;color:#c2c9c8;text-shadow:0 1px 3px #000;padding-top:3px}
.atrium-metrics{position:absolute;left:20px;bottom:43px;z-index:4;pointer-events:none;font:10px/1.4 Consolas,monospace;color:#b5c5c8;text-shadow:0 1px 2px #000}
.atrium-labels{inset:0;overflow:hidden;pointer-events:none;position:absolute}
.atrium-label{position:absolute;left:0;top:0;padding:5px 10px;max-width:190px;border:1px solid #9e8c6b80;border-radius:4px;background:#111e29e8;box-shadow:0 2px 9px #0003;color:#f1eee5;pointer-events:auto;cursor:pointer;white-space:nowrap}
.atrium-label strong{font-size:10px;font-weight:600;display:block;overflow:hidden;text-overflow:ellipsis}
.atrium-label small{font-size:8px;display:block;max-width:170px;overflow:hidden;text-overflow:ellipsis;color:#bac7d0}
.atrium-label.agent{padding:3px 6px;border-color:#63757990}
.atrium-label.agent strong{font-size:9px}
.atrium-label.agent.compact strong{font-size:8px}
.atrium-label.agent.compact small{display:none}
.atrium-label[data-state=running]{border-color:#59b99b}
.atrium-label[data-state=waiting_input],.atrium-label[data-state=starting]{border-color:#e0ad5b}
.atrium-label[data-state=error],.atrium-label[data-state=blocked],.atrium-label[data-state=uncertain]{border-color:#e6767d}
.atrium-label.selected{outline:2px solid #c6a66c;outline-offset:2px}
.atrium-label:focus-visible,.atrium-tools button:focus-visible{outline:2px solid #dfcda5;outline-offset:2px}
.office-view-error{position:absolute;top:35%;left:25%;padding:20px;background:#30232c;color:#fff;z-index:15}
@media(max-width:1000px){.office-tools{max-width:calc(100% - 180px);flex-wrap:wrap;justify-content:flex-end}.office-view-picker select{font-size:10px;max-width:145px}.atrium-tools{left:14px;max-width:calc(100% - 170px);bottom:70px}.atrium-tools button,.atrium-tools select{font-size:9px;padding:7px}.atrium-metrics{left:14px;bottom:49px}.atrium-label.room{max-width:145px}}
@media(max-width:600px){.atrium-tools{max-width:calc(100% - 20px);bottom:148px;left:10px}.atrium-tools>span{max-width:95%;font-size:8px}.atrium-metrics{left:10px;bottom:125px;font-size:8px}.atrium-label.room strong{font-size:8px}.atrium-label.agent{max-width:90px}.office-view-picker select{max-width:120px}.office-tools{max-width:145px}}

.atrium-benchmark{flex-basis:100%;font:10px/1.5 Consolas,monospace;color:#d6c9a7;text-shadow:0 1px 3px #000}

.office-view-picker .office-view-loading{position:static;width:auto;height:auto;clip-path:none;max-width:160px;font-size:10px;color:#d4bd8c}

.atrium-tools>span,.atrium-benchmark{background:#111e29df;padding:4px 7px;border-radius:4px;flex-basis:100%}.atrium-metrics{background:#111e29df;padding:2px 6px;border-radius:3px}

.atrium-developer{background:#111e29ed;border:1px solid #526174;border-radius:5px;padding:6px;color:#d0d8df;max-width:600px;font-size:10px}.atrium-developer summary{cursor:pointer}.atrium-developer:not([open])>*:not(summary){display:none}.atrium-developer .atrium-metrics{position:static;display:block;pointer-events:auto}.atrium-developer .atrium-benchmark{display:block;overflow-wrap:anywhere}.atrium-tools{bottom:58px}.atrium-label.room{padding:4px 8px}
/* Confirmed native turn; decorative animation never changes this class. */
.atrium-label.confirmed-running,.atrium-label.confirmed-running:hover,.atrium-label.confirmed-running.selected{background:#62de84!important;color:#07170c!important;border-color:#a5f4b7!important;box-shadow:0 2px 12px #10291b66}
.atrium-label.confirmed-running strong,.atrium-label.confirmed-running small{color:#07170c!important;opacity:1}