/* The game-like floor is an illustration; controls keep the active One theme. */
#virtual-office .vo-office-scroll{overflow:auto;scrollbar-color:var(--adm-border,#bbc6cb) transparent;background:#e8ede6;border-radius:7px;overscroll-behavior-inline:contain}
#virtual-office .vo-office-scene{position:relative;min-width:620px;width:100%;aspect-ratio:1000/620;isolation:isolate;background:radial-gradient(ellipse at 50% 40%,#f5f6ed,#dce5dc);overflow:hidden;font-family:var(--adm-font,'Segoe UI',sans-serif)}
#virtual-office .vo-office-pan-hint{display:none;margin:0;padding:8px 12px;background:var(--adm-surface-2,#f9fafb);color:var(--adm-text-soft,#60716b);border-bottom:1px solid var(--adm-border,#d5ddd8);font-size:11px;line-height:1.5}
#virtual-office .vo-office-pan-hint>span{margin-right:5px;font-size:16px;color:var(--adm-primary,#3c8dbc)}
#virtual-office .vo-office-floor{display:block;position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
#virtual-office .vo-office-room-name{font:700 12px 'Segoe UI',sans-serif;letter-spacing:1.2px;fill:#425d53}
#virtual-office .vo-office-room-sub{font:11px 'Segoe UI',sans-serif;fill:#5c7569}
#virtual-office .vo-office-place,#virtual-office .vo-office-person,#virtual-office .vo-office-walker{position:absolute;margin:0!important;padding:0!important;min-height:0!important;border:0!important;border-radius:6px!important;background:transparent!important;box-shadow:none!important;outline-offset:5px;line-height:1.3;text-align:center;cursor:pointer;color:#2c4843!important;overflow:visible;touch-action:manipulation}
#virtual-office .vo-office-place:hover,#virtual-office .vo-office-person:hover,#virtual-office .vo-office-walker:hover{background:transparent!important;filter:none!important}
#virtual-office .vo-office-place{width:17%;transform:translate(-50%,-50%);background:#f6f6edee!important;padding:7px 10px!important;border:1px solid #9bb5a4!important;box-shadow:0 3px 0 #78938420!important;border-radius:5px!important}
#virtual-office .vo-office-place:hover{background:#fffdf5!important;border-color:#3c8dbc!important}
#virtual-office .vo-office-place strong,#virtual-office .vo-office-place span{display:block;font-size:12px}
#virtual-office .vo-office-place span{font-size:10px;color:#567164;margin-top:2px}
#virtual-office .vo-office-portal{left:16%;top:42%}
#virtual-office .vo-office-home{left:37%;top:88%}
#virtual-office .vo-office-person{width:5.8%;min-width:44px;transform:translate(-50%,-87%);z-index:3}
#virtual-office .vo-office-simon{left:84%;top:30%}
#virtual-office .vo-office-you{left:87%;top:74%}
#virtual-office .vo-office-avatar{display:block;width:100%;height:auto;filter:drop-shadow(0 3px 1px #324b3c14);transition:filter .15s}
#virtual-office .vo-office-person:hover .vo-office-avatar,#virtual-office .vo-office-walker:hover .vo-office-avatar{filter:drop-shadow(0 0 5px #3c8dbc80)}
#virtual-office .vo-office-person-label{position:absolute;display:block;left:50%;top:100%;min-width:116px;max-width:170px;transform:translate(-50%,-5px);padding:5px 9px!important;background:#fffdf4f2;border:1px solid #c6cfc0;border-radius:5px;box-shadow:0 3px 8px #34534612;white-space:nowrap;pointer-events:none}
#virtual-office .vo-office-person-label strong{display:block;color:#304d44;font-size:11px;font-weight:700}
#virtual-office .vo-office-person-label small{display:block;color:#5e7166;font-size:9px;margin-top:2px}
#virtual-office .vo-office-walker{left:var(--walk-x,37%);top:var(--walk-y,70%);width:5.8%;min-width:44px;transform:translate(-50%,-87%);z-index:5;will-change:left,top;transition:left .5s linear,top .5s linear}
#virtual-office .vo-office-walker .vo-office-person-label{border-color:#8eb7a7;background:#eef8ef}
#virtual-office .vo-office-speech{display:block;position:absolute;left:50%;bottom:calc(100% + 8px);width:max-content;max-width:228px;transform:translateX(-50%);padding:9px 12px;border:1px solid #a6c2b3;border-radius:11px 11px 11px 2px;background:#fffef4;box-shadow:0 4px 14px #324f3f16;color:#304e42;font-size:11px;font-weight:500;line-height:1.45;white-space:normal;pointer-events:none;text-align:left}
#virtual-office .vo-office-speech::after{content:'';position:absolute;left:50%;top:100%;width:9px;height:9px;transform:translate(-50%,-4px) rotate(45deg);border-right:1px solid #a6c2b3;border-bottom:1px solid #a6c2b3;background:#fffef4}
#virtual-office .vo-office-walker[data-moving="true"] .vo-office-avatar-body,#virtual-office .vo-office-walker.is-moving .vo-office-avatar-body{animation:vo-office-step .33s ease-in-out infinite alternate;transform-origin:45px 90px}
#virtual-office .vo-office-walker[data-moving="true"] .vo-office-leg-left,#virtual-office .vo-office-walker.is-moving .vo-office-leg-left{animation:vo-office-leg .33s ease-in-out infinite alternate;transform-origin:35px 76px}
#virtual-office .vo-office-walker[data-moving="true"] .vo-office-leg-right,#virtual-office .vo-office-walker.is-moving .vo-office-leg-right{animation:vo-office-leg .33s ease-in-out infinite alternate-reverse;transform-origin:54px 76px}
#virtual-office .vo-office-attention-count{display:inline-block;margin-left:3px;border-radius:10px;background:#f1bd67;color:#593e16;min-width:16px;padding:1px 4px;font-size:10px}
#virtual-office .vo-office-replay-mark{position:absolute;left:24px;bottom:16px;padding:5px 9px;background:#fffcf3e8;border:1px solid #c4cdbe;border-radius:4px;color:#536a5b;font-size:10px}
#virtual-office .vo-office-place:focus-visible,#virtual-office .vo-office-person:focus-visible,#virtual-office .vo-office-walker:focus-visible{outline:3px solid #2780b2!important;filter:drop-shadow(0 0 3px #fff)}
html[data-theme="dark"] #virtual-office .vo-office-scene,html[data-theme="sysimple"] #virtual-office .vo-office-scene,html[data-theme="midnight"] #virtual-office .vo-office-scene{background:radial-gradient(ellipse at 50% 40%,#71847b,#526a61)}
html[data-theme="dark"] #virtual-office .vo-office-scroll,html[data-theme="sysimple"] #virtual-office .vo-office-scroll,html[data-theme="midnight"] #virtual-office .vo-office-scroll{background:#526a61}
@keyframes vo-office-step{from{transform:translateY(0) rotate(-2deg)}to{transform:translateY(-3px) rotate(2deg)}}
@keyframes vo-office-leg{from{transform:rotate(-10deg)}to{transform:rotate(10deg)}}
@media(max-width:850px){#virtual-office .vo-office-person-label{min-width:98px;padding:4px 6px!important}#virtual-office .vo-office-walker .vo-office-person-label{left:-12px;top:16%;transform:translate(-100%,0)}#virtual-office .vo-office-scene[data-phase="0"] .vo-office-walker .vo-office-person-label{left:50%;top:100%;transform:translate(-50%,-5px)}#virtual-office .vo-office-place{width:18%;padding:5px 7px!important}#virtual-office .vo-office-place strong{font-size:11px}#virtual-office .vo-office-place span{font-size:9px}#virtual-office .vo-office-speech{font-size:10px;max-width:190px}}
@media(max-width:650px){#virtual-office .vo-office-pan-hint{display:block}}
@media(max-width:600px){#virtual-office .vo-office-scroll{border-radius:4px}#virtual-office .vo-office-scene{min-width:620px}}
@media(prefers-reduced-motion:reduce){#virtual-office .vo-office-walker,#virtual-office .vo-office-avatar,#virtual-office .vo-office-avatar-body,#virtual-office .vo-office-leg{animation:none!important;transition:none!important}}
/* Incidents describe recorded failures; no visual state claims that a repair happened. */
#virtual-office .vo-office-scene[data-incident-state] .vo-office-walker{left:var(--incident-x)!important;top:var(--incident-y)!important;transition:none!important;will-change:auto}
#virtual-office .vo-office-scene[data-incident-state] .vo-office-walker .vo-office-avatar-body,#virtual-office .vo-office-scene[data-incident-state] .vo-office-walker .vo-office-leg{animation:none!important;transition:none!important}
#virtual-office .vo-office-scene[data-incident-state] .vo-office-walker .vo-office-person-label{background:#fff6df;border-color:#ad8750}
#virtual-office .vo-office-scene[data-incident-state] .vo-office-walker .vo-office-person-label small{color:#775420;font-weight:700}
#virtual-office .vo-office-scene[data-incident-state] .vo-office-speech{border-color:#ad8750;background:#fff9ec;max-width:240px;max-height:106px;overflow:hidden;color:#59462c}
#virtual-office .vo-office-incident-title{display:block;font-size:11px;line-height:1.4;margin-bottom:4px;color:#765320}
#virtual-office .vo-office-incident-title>span{display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;border:1px solid currentColor;border-radius:50%;font-weight:800}
#virtual-office .vo-office-helper{position:absolute;width:5.8%;min-width:44px;transform:translate(-50%,-87%);z-index:6;margin:0;pointer-events:none;text-align:center;color:#304d44}
#virtual-office .vo-office-helper .vo-office-person-label{background:#eef5fa;border-color:#9bb6c8;min-width:124px;max-width:165px;white-space:normal}
#virtual-office .vo-office-helper .vo-office-person-label strong{color:#365d78}
#virtual-office .vo-office-helper .vo-office-person-label small{color:#3c5d70;line-height:1.35}
#virtual-office .vo-office-support-kit{position:absolute;width:57%;right:-12%;bottom:0;filter:drop-shadow(0 2px 1px #263f4920)}
#virtual-office .vo-office-incident-summary{padding:12px 14px;border-top:1px solid var(--adm-border,#d5ddd8);border-left:3px solid var(--adm-warning,#f39c12);background:var(--adm-surface-2,#f9fafb);color:var(--adm-text,#263238);font-size:12px;line-height:1.6;overflow-wrap:anywhere}
#virtual-office .vo-office-incident-summary p{margin:5px 0 0}
@media(max-width:850px){#virtual-office .vo-office-scene[data-incident-state] .vo-office-walker .vo-office-person-label{left:50%;top:100%;transform:translate(-50%,-5px);min-width:106px;white-space:normal}#virtual-office .vo-office-helper .vo-office-person-label{min-width:112px;font-size:10px;transform:translate(-50%,32px)}#virtual-office .vo-office-scene[data-incident-state] .vo-office-speech{max-width:190px}}