.vo-contact-room{--room-surface:var(--adm-surface,#fff);--room-text:var(--adm-text,#263238);--room-line:var(--adm-border,#d5dde3);color:var(--room-text);background:var(--room-surface);border:1px solid var(--room-line);margin:12px 0;position:relative}
.vo-contact-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid var(--room-line)}
.vo-contact-toolbar h2{font-size:18px;margin:3px 0}.vo-contact-toolbar>div:last-child{display:flex;gap:6px;flex-wrap:wrap}
.vo-contact-room button{font:inherit;color:inherit;cursor:pointer}.vo-contact-toolbar button{min-width:36px;min-height:36px;background:var(--room-surface);border:1px solid var(--room-line);border-radius:4px}
.vo-contact-room button:focus-visible{outline:3px solid #3c8dbc;outline-offset:3px}.vo-contact-room button:disabled{cursor:default;opacity:.65}
.vo-contact-metrics{display:flex;flex-wrap:wrap;padding:8px;gap:6px;background:var(--room-surface)}.vo-contact-metrics button{flex:1;min-width:84px;display:flex;gap:8px;align-items:center;justify-content:center;padding:8px;border:1px solid var(--room-line);background:transparent;border-radius:4px}.vo-contact-metrics b{font-size:20px}.vo-contact-metrics span{font-size:12px}
.vo-contact-world{position:relative;isolation:isolate;min-height:530px;height:clamp(530px,58vh,800px);overflow:hidden;background:repeating-linear-gradient(0deg,transparent 0 39px,#a6896526 39px 40px),repeating-linear-gradient(90deg,#e1c8a6 0 95px,#c7ad89 95px 96px);border:12px solid #a5b6b2;border-top:22px solid #becbc6;color:#233c40;box-shadow:inset 0 10px 25px #26323819}
.vo-contact-world:after{content:'';position:absolute;inset:22% 5% 10%;border:2px dashed #9c87652e;pointer-events:none;z-index:-1}.vo-contact-windows{position:absolute;inset:-18px 10% auto;display:flex;justify-content:space-between}.vo-contact-windows span{width:20%;height:35px;background:linear-gradient(135deg,#cee7ec,#87bacb);border:5px solid #eef4ee;box-shadow:0 4px #7f9995}
.vo-contact-zone{position:absolute;top:9%;text-align:center;width:23%}.vo-contact-zone h3{font-size:16px;margin:0 0 3px}.vo-contact-zone>span{font-size:11px}.zone-reception{left:0}.zone-agent{left:25%}.zone-simon{left:52%}.zone-direction{left:76%;top:62%}
.vo-contact-rug{position:absolute;left:24%;top:60%;width:46%;height:27%;display:grid;place-items:center;border:9px solid #668b8d;border-radius:8px;background:#7da1a0;color:#d7e4dc;font-size:clamp(12px,2vw,25px);letter-spacing:5px;box-shadow:0 3px 8px #354e4930;transform:skewX(-5deg)}
.vo-contact-desk{position:absolute;width:19%;height:18%;top:36%;border:4px solid #b08d66;border-bottom:12px solid #a27b56;border-radius:8px;background:linear-gradient(105deg,#e2bf92,#d4ab79);box-shadow:8px 12px 0 #685b4526;z-index:3}.desk-agent{left:27%}.desk-simon{left:54%}.desk-direction{left:77%;top:77%}
.room-monitor{position:absolute;left:30%;top:10%;width:40%;height:40%;border:5px solid #365363;border-bottom-width:10px;border-radius:4px;background:linear-gradient(130deg,#b4e0df,#6fa7b1)}.room-keyboard{position:absolute;left:30%;top:68%;width:40%;height:12%;background:#eef1e6;border:1px solid #95aaa8;border-radius:2px}.room-cup{position:absolute;right:8%;top:50%;width:15px;height:15px;border:4px solid #f7f0da;background:#785b44;border-radius:50%}
.room-person{position:absolute;width:8%;z-index:2;text-align:center;top:22%}.room-person svg{width:100%;height:100px;filter:drop-shadow(3px 4px 1px #26323820)}.room-person strong{display:block;font-size:11px;white-space:nowrap;background:#f6f4e6eb;border:1px solid #9dad9e;padding:3px;border-radius:3px}.person-accueil{left:7%;top:30%}.person-commercial{left:32%}.person-simon{left:59%}
.vo-contact-plant{position:absolute;color:#488572;font-size:80px;text-shadow:3px 4px #416b5530}.plant-one{left:1%;bottom:3%}.plant-two{right:3%;top:16%}
.room-stack{position:absolute;display:flex;flex-direction:column;align-items:center;width:18%;padding:4px;border:0;background:transparent;z-index:5;font-size:11px!important}.room-stack strong{min-width:25px;padding:3px 7px;background:#fffdf1;border:1px solid #95aaa1;border-radius:3px;font-size:15px}.room-stack>span:last-child{padding:3px;background:#fffdf1e8;border-radius:3px}.room-papers{position:relative;width:56px;height:45px;display:block}.room-papers i{position:absolute;inset:auto 0 calc(var(--sheet)*4px) auto;width:47px;height:25px;border:1px solid #a7b1af;border-radius:2px;background:repeating-linear-gradient(0deg,#fffdf4 0 5px,#b6cfcc 5px 6px);transform:rotate(calc((var(--sheet) - 3)*2deg));box-shadow:1px 2px #334e4820}
.stack-waiting{left:2%;top:55%}.stack-writing{left:27%;top:43%}.stack-review{left:54%;top:43%}.stack-attention{left:77%;top:77%}.stack-ready{left:48%;top:78%}.stack-accepted{left:24%;top:78%}
.vo-contact-question{position:absolute;right:3%;top:47%;width:27%;z-index:6}.vo-contact-question button{display:flex;gap:8px;align-items:center;width:100%;padding:10px;background:#fff9e6;border:2px solid #c99333;border-radius:10px 10px 0 10px;color:#594013;box-shadow:3px 5px #79582022;font-size:12px}.vo-contact-question b{display:grid;place-items:center;flex-shrink:0;width:26px;height:26px;border-radius:50%;background:#e9b94f;font-size:20px}.vo-contact-question small{display:block;margin-top:5px}
.vo-contact-walker{display:none;position:absolute;width:70px;height:90px;left:10%;top:65%;z-index:7;filter:drop-shadow(4px 6px 2px #26323835)}.vo-contact-walker svg{height:100%;width:100%}.vo-contact-walker.is-moving{display:block;animation:contact-walk 3.2s linear both}.vo-contact-walker[data-destination=review]{--destination:60%}.vo-contact-walker[data-destination=attention]{--destination:82%}.vo-contact-walker[data-destination=accepted],.vo-contact-walker[data-destination=ready]{--destination:45%}
@keyframes contact-walk{0%{left:10%;top:57%;transform:translateY(0)}25%{top:59%;transform:translateY(-3px)}50%{top:57%;transform:translateY(0)}75%{top:59%;transform:translateY(-3px)}100%{left:var(--destination,33%);top:57%;transform:translateY(0)}}
.vo-contact-world:has(.vo-contact-walker.is-moving) .person-commercial{visibility:hidden}
#virtual-office .vo-contact-toolbar button,#virtual-office .vo-contact-selection button{color:var(--room-text);background:var(--room-surface);border:1px solid var(--room-line)}
#virtual-office .vo-contact-metrics button{color:var(--room-text);background:transparent;border:1px solid var(--room-line);padding:8px}
#virtual-office .vo-contact-room .room-stack{color:#233c40!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:4px;min-height:44px}
#virtual-office .vo-contact-question button{color:#594013!important;background:#fff9e6!important;border:2px solid #c99333!important;padding:10px;border-radius:10px 10px 0 10px}
#virtual-office .vo-contact-room button:hover{border-color:#3c8dbc;box-shadow:0 0 0 2px #3c8dbc35}
.vo-contact-room-note{padding:10px 14px;font-size:12px;border-top:1px solid var(--room-line)}.vo-contact-scope{padding:0 14px 10px;margin:0;font-size:11px;opacity:.8}.vo-contact-selection{padding:12px;border-top:1px solid var(--room-line)}.vo-contact-selection h3{font-size:14px;margin:0 0 8px}.vo-contact-selection>div{display:flex;flex-wrap:wrap;gap:6px}.vo-contact-selection button{background:var(--room-surface);border:1px solid var(--room-line);padding:10px;text-align:left;max-width:100%;overflow-wrap:anywhere}.vo-contact-selection button span{display:block;font-size:11px}
[data-stale=true] .vo-contact-world{filter:saturate(.3)}[data-stale=true] .vo-contact-room-note{border-left:4px solid #f39c12}
.vo-commercial.vo-contact-fullscreen{position:fixed!important;inset:0!important;z-index:10000!important;overflow:auto!important;background:var(--adm-bg,#f3f5f7);padding:0!important;margin:0!important;width:100%!important;height:100dvh!important}
.vo-contact-fullscreen>.vo-commercial-heading,.vo-contact-fullscreen>.vo-intake,.vo-contact-fullscreen>.vo-commercial-replay,.vo-contact-fullscreen>.vo-commercial-scene,.vo-contact-fullscreen>.vo-commercial-flow,.vo-contact-fullscreen>.vo-commercial-layout,.vo-contact-fullscreen>.vo-commercial-footer,.vo-contact-fullscreen>.vo-commercial-technical,.vo-contact-fullscreen>.vo-commercial-message:empty,.vo-contact-fullscreen>.vo-commercial-error:empty{display:none}
.vo-contact-fullscreen .vo-contact-room{margin:0;min-height:100dvh;border:0}.vo-contact-fullscreen .vo-contact-world{height:calc(100dvh - 215px);min-height:400px}.vo-contact-fullscreen .vo-contact-selection{max-height:170px;overflow:auto}
.vo-contact-fullscreen.vo-contact-inspect>.vo-commercial-layout,.vo-contact-fullscreen.vo-contact-compose>.vo-commercial-layout{display:block;position:absolute;top:135px;right:12px;bottom:15px;width:min(480px,calc(100% - 24px));overflow:auto;background:var(--adm-surface,#fff);color:var(--adm-text,#263238);z-index:10;padding:16px;border:1px solid var(--adm-border,#b6c6ce);box-shadow:0 8px 40px #101c3440}
.vo-contact-fullscreen.vo-contact-inspect .vo-commercial-compose,.vo-contact-fullscreen.vo-contact-compose .vo-commercial-work{display:none}.vo-contact-fullscreen.vo-contact-settings>.vo-intake{display:block;position:absolute;top:135px;right:12px;bottom:15px;width:min(480px,calc(100% - 24px));box-sizing:border-box;overflow:auto;z-index:10;padding:16px;background:var(--adm-surface,#fff);color:var(--adm-text,#263238);box-shadow:0 8px 40px #101c3440}
.vo-contact-fullscreen .vo-commercial-error:not(:empty),.vo-contact-fullscreen .vo-commercial-message:not(:empty){position:relative;z-index:12;margin:0;padding:8px;background:var(--adm-surface,#fff)}
.vo-contact-history{padding:10px 0;border-bottom:1px solid var(--adm-border,#d5dde3);margin-bottom:12px}.vo-contact-history summary{cursor:pointer;font-size:12px}.vo-contact-fullscreen>.vo-contact-history{display:none}
@media(prefers-reduced-motion:reduce){.vo-contact-walker.is-moving{display:none;animation:none}}
@media(max-width:650px){.vo-contact-toolbar{align-items:flex-start;padding:10px}.vo-contact-toolbar h2{font-size:15px}.vo-contact-toolbar .vo-eyebrow{font-size:9px}.vo-contact-metrics{gap:4px}.vo-contact-metrics button{min-width:78px;padding:5px;flex-direction:column;gap:1px}.vo-contact-world{min-height:460px;border-width:5px;border-top-width:18px}.vo-contact-zone h3{font-size:12px}.vo-contact-zone>span{display:none}.room-person{width:14%}.person-commercial{left:29%}.person-simon{left:56%}.room-person strong{font-size:9px;white-space:normal}.vo-contact-rug{letter-spacing:1px;font-size:12px}.room-stack{font-size:9px!important;width:22%}.room-papers{transform:scale(.75);transform-origin:bottom}.vo-contact-question{width:45%;right:2%;top:58%}.vo-contact-question button{padding:6px;font-size:11px}.zone-direction{top:73%}.desk-direction{top:85%}.stack-attention{top:84%}.stack-ready,.stack-accepted{top:80%}.vo-contact-plant{font-size:45px}.room-monitor{border-width:3px}.room-cup{display:none}.vo-contact-fullscreen .vo-contact-world{min-height:450px;height:calc(100dvh - 295px)}.vo-contact-fullscreen.vo-contact-inspect>.vo-commercial-layout,.vo-contact-fullscreen.vo-contact-compose>.vo-commercial-layout,.vo-contact-fullscreen.vo-contact-settings>.vo-intake{top:180px}.vo-contact-scope{font-size:10px}}
