.vo-group-office{min-width:0}.vo-group-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin:0 0 14px}.vo-group-heading h2{font-size:22px;line-height:1.3;margin:3px 0 6px}.vo-group-heading p{font-size:13px;line-height:1.6;margin:0;color:var(--adm-text-soft)}.vo-group-heading>button{flex:0 0 36px;width:36px;height:36px}.vo-group-legend{display:flex;gap:12px 22px;flex-wrap:wrap;font-size:12px;color:var(--adm-text-soft);margin:0 0 14px}.vo-group-legend>span{display:flex;align-items:center;gap:7px}.vo-group-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--adm-success,#00a65a)}.vo-group-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:14px;align-items:start}.vo-group-map-panel{min-width:0;border:1px solid var(--adm-border);border-radius:5px;background:var(--adm-surface);overflow:hidden}.vo-group-map-title{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--adm-border);font-size:14px}.vo-group-map-title label{display:grid;gap:5px;max-width:250px;font-size:11px;color:var(--adm-text-soft);font-weight:600}.vo-group-map-title select{width:100%}.vo-group-pan-hint{font-size:11px;padding:0 14px;color:var(--adm-text-soft);line-height:1.5}.vo-group-scroll{max-width:100%;overflow:auto;scrollbar-color:var(--adm-border) transparent;overscroll-behavior-x:contain;overscroll-behavior-y:auto;padding:8px;background:var(--adm-surface-2)}.vo-group-plan{width:100%;min-width:1000px;position:relative;aspect-ratio:1285/1035}.vo-group-floor{display:block;width:100%;height:auto}body[data-office-mode="live"] #virtual-office button.vo-group-room{position:absolute;left:var(--room-x);top:var(--room-y);width:var(--room-w);height:var(--room-h,21.739%);display:block!important;padding:0!important;border-radius:0!important;background:transparent!important;border:3px solid transparent!important;box-sizing:border-box;overflow:hidden;color:#314c43!important;text-align:center;cursor:pointer}body[data-office-mode="live"] #virtual-office button.vo-group-room:hover,body[data-office-mode="live"] #virtual-office button.vo-group-room:focus-visible{background:rgba(60,141,188,.07)!important;border-color:#267dab!important}body[data-office-mode="live"] #virtual-office button.vo-group-room[aria-pressed=true]{border-color:#287da8!important;background:rgba(60,141,188,.04)!important}body[data-office-mode="live"] #virtual-office .vo-group-room-title{position:absolute;top:14px;left:9px;right:9px;display:block;font-size:13px;font-weight:700;line-height:1.3;color:#314c43!important}.vo-group-room-status{position:absolute;bottom:4px;left:9px;right:9px;display:block;width:fit-content;max-width:calc(100% - 18px);margin:auto;background:#f9fbf1ed;border:1px solid #a7baac;border-radius:3px;padding:3px 7px;font-size:10px;line-height:1.2;color:#3a5549}body[data-office-mode="live"] #virtual-office .vo-group-agent-name{display:block;position:static;font-size:10px;line-height:1.2;color:#314c43!important;font-weight:700;margin-bottom:2px}.vo-group-detail{position:sticky;top:14px;max-height:none;overflow:visible}.vo-group-detail h2{font-size:19px;line-height:1.3;margin:4px 0 9px}.vo-group-detail .vo-card h3{margin:0 0 8px}.vo-group-detail .vo-card p{font-size:12px}.vo-group-next h3{margin:18px 0 6px}.vo-group-next p{font-size:12px}.vo-group-next>button{width:100%;margin-top:5px}.vo-group-details{border-top:1px solid var(--adm-border);padding-top:12px;margin-top:16px;font-size:12px;line-height:1.6}.vo-group-details summary{cursor:pointer;font-weight:600;min-height:34px}.vo-group-message:empty{display:none}.vo-group-office :focus-visible{outline:3px solid var(--adm-primary,#3c8dbc);outline-offset:3px}.vo-group-updated{margin-bottom:0}.vo-group-room .vo-group-person{pointer-events:none}
@media(max-width:1250px){.vo-group-layout{grid-template-columns:minmax(0,1fr)}.vo-group-detail{position:static;max-height:none;display:block}.vo-group-map-title{flex-wrap:wrap}.vo-group-map-title label{max-width:100%;min-width:220px}.vo-group-room-title{font-size:12px}}
@media(max-width:520px){.vo-group-heading h2{font-size:19px}.vo-group-heading p{font-size:12px}.vo-group-map-title{align-items:stretch}.vo-group-map-title label{width:100%}.vo-group-legend{font-size:11px}.vo-group-scroll{padding:4px}.vo-group-room-title{font-size:12px}.vo-group-detail{padding:12px}}
@media(prefers-reduced-motion:reduce){.vo-group-office *{scroll-behavior:auto!important}}
body[data-office-mode=live] #virtual-office button.vo-group-agent{position:absolute;z-index:3;transform:translateX(-50%);display:flex!important;flex-direction:column;align-items:center;justify-content:flex-start;padding:0 2px!important;gap:1px;border:1px solid transparent!important;border-radius:4px!important;background:transparent!important;color:#203d35!important;font:10px/1.2 Arial,sans-serif;white-space:normal;height:auto;min-height:0;box-shadow:none!important;overflow:visible;cursor:pointer}.vo-group-agent-portrait{display:block;height:54px;width:48px;flex:0 0 54px}.vo-group-agent-portrait .vo-office-avatar{position:static;width:48px;height:54px;display:block;max-width:100%;filter:drop-shadow(0 2px 1px #243f322b)}.vo-group-agent strong{display:block;font-size:10px!important;line-height:1.2!important;color:#203d35!important;background:#f9fbf2f0;border-radius:2px;padding:2px 3px;max-width:100%;overflow-wrap:anywhere}.vo-group-agent-badge{display:block;font-size:10px;line-height:1.3;background:#fff9ef;color:#263b35;border:1px solid #657a70;border-radius:3px;padding:2px 4px}.vo-group-agent[data-agent-state=connected] .vo-group-agent-badge{border:2px solid #008749;background:#effbf2}.vo-group-agent[data-agent-state=planned] .vo-group-agent-badge{border-style:dashed;background:#f6f4ee}.vo-group-agent[data-agent-state=verify] .vo-group-agent-badge{border:2px solid #a36500;background:#fff6de}.vo-group-agent[data-agent-state=diagnostic] .vo-group-agent-badge{border:2px solid #287da8;background:#edf7ff}body[data-office-mode=live] #virtual-office button.vo-group-agent:hover,body[data-office-mode=live] #virtual-office button.vo-group-agent[aria-pressed=true],body[data-office-mode=live] #virtual-office button.vo-group-agent:focus-visible{border-color:#287da8!important;background:#ffffff55!important}.vo-group-team{display:grid;gap:7px}.vo-group-team button{text-align:left;min-height:44px;padding:7px;color:var(--adm-text);background:var(--adm-surface-2);border:1px solid var(--adm-border)}.vo-group-team button strong{display:block;font-size:12px;margin-bottom:5px}.vo-group-team button[aria-pressed=true]{outline:2px solid var(--adm-primary,#3c8dbc)}.vo-group-team .vo-group-agent-badge{font-size:11px;width:fit-content}.vo-group-legend b{font-size:14px}.vo-group-legend [data-roster-state=planned] b{border:1px dashed currentColor;padding:0 3px}.vo-group-legend [data-roster-state=connected] b{color:var(--adm-success,#008749)}.vo-group-legend [data-roster-state=verify] b{color:var(--adm-warning,#a36500)}
.vo-group-plan{min-width:1285px}
.vo-group-assignment-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.vo-group-assignment-heading h3{margin:0}.vo-group-assignment-heading button{min-width:36px;min-height:36px;flex-shrink:0}.vo-group-assignment p{overflow-wrap:anywhere}
/* Empty chairs are hiring targets; characters only represent saved assignments. */
body[data-office-mode=live] #virtual-office button.vo-group-vacancy{position:absolute;z-index:3;transform:translateX(-50%);display:flex!important;flex-direction:column;align-items:center;justify-content:flex-start;gap:3px;padding:0 3px!important;min-height:44px;border:1px dashed transparent!important;border-radius:5px!important;background:transparent!important;box-shadow:none!important;color:#28473e!important;white-space:normal;cursor:pointer}
.vo-group-vacancy-plus{display:grid;place-items:center;width:30px;height:30px;margin:4px 0 15px;border:2px dashed #52766c;border-radius:50%;background:#f5fbf0e8;font:bold 22px/1 Arial,sans-serif;color:#315f52}.vo-group-vacancy strong,.vo-group-vacancy small{font-size:10px;line-height:1.2;background:#f9fbf2f0;padding:2px 4px;border-radius:2px}.vo-group-vacancy small{color:#426258}body[data-office-mode=live] #virtual-office button.vo-group-vacancy:hover:not(:disabled),body[data-office-mode=live] #virtual-office button.vo-group-vacancy:focus-visible{border-color:#287da8!important;background:#ffffff55!important}body[data-office-mode=live] #virtual-office button.vo-group-vacancy:disabled{opacity:.75;cursor:default}.vo-group-vacancy:disabled .vo-group-vacancy-plus{border-style:solid;color:#657a70}

.vo-roster-tabs { display:flex; flex-wrap:wrap; gap:6px; margin:12px 0; }
.vo-roster-systems:not([hidden]) { display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:14px; margin:14px 0; }
.vo-roster-intro { grid-column:1/-1; }
.vo-roster-retired { margin:14px 0; }
.vo-roster-retired ul { list-style:none; padding:0; margin:10px 0; }
.vo-roster-retired li { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:8px 0; border-bottom:1px solid var(--adm-border,#ccd4da); }
.vo-roster-retired li>span { min-width:0; overflow-wrap:anywhere; }
.vo-roster-retired li>span:last-child { display:flex; gap:6px; flex-shrink:0; }
.vo-roster-retired button,.vo-roster-systems button { width:36px; min-height:34px; }
.vo-roster-history { overflow-wrap:anywhere; }
.vo-group-office .vo-group-layout[hidden],.vo-group-office .vo-roster-systems[hidden],.vo-group-office .vo-roster-retired[hidden],.vo-group-office .vo-roster-history[hidden],.vo-group-office .vo-group-legend[hidden],.vo-group-office .vo-group-support[hidden] { display:none!important; }
