body.office-view{background:#fcfcfb}body.office-view .agent-heading,body.office-view .app-footer{display:none}body.office-view main{padding:30px 32px 24px;max-width:none}body.office-view .topbar{padding:0 32px}body.office-view .agent-row.selected{background:transparent}.office-nav{display:flex;align-items:center;gap:11px;margin:0 0 20px;padding:11px 12px;border:1px solid #e2e6e3;border-radius:8px;font-size:13px;font-weight:600;color:#3d4c47}.office-nav>span:last-child{margin-left:auto;font-size:8px;letter-spacing:.06em;color:#81938a}.office-nav.active{background:#e8eeea;color:#254f45;border-color:#d8e2dc}.office-nav .icon{width:17px;height:17px}.of-page{--of-ink:#21382f;--of-muted:#839088;--of-line:#e5e9e4;--of-green:#3a6354}.of-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.of-eyebrow{font-size:9px;font-weight:700;letter-spacing:1.7px;color:#81938b;line-height:1.7}.of-heading h1{font-size:33px;letter-spacing:-1.3px;font-weight:600;display:flex;align-items:center;gap:13px;margin:6px 0 7px;color:#172c24}.of-heading p{font-size:12px;color:#86928b}.of-beta{border:1px solid #dbe4dd;padding:4px 6px;font-size:8px;letter-spacing:1px;border-radius:4px;color:#7b9182;font-weight:600}.of-heading .btn-primary{background:#294d40;border-color:#294d40;font-size:12px;padding:12px 17px;border-radius:7px}.of-toolbar{display:flex;align-items:center;gap:16px;margin-bottom:16px;min-width:0}.of-scope{display:flex;align-items:center;gap:8px;border:1px solid var(--of-line);border-radius:7px;background:white;padding:9px 11px;position:relative}.of-scope .icon{width:15px;height:15px;color:#81988b}.of-scope select{appearance:none;border:0;background:transparent;font:600 11px Manrope,sans-serif;padding-right:15px;color:#3f5147;max-width:220px;cursor:pointer}.of-scope>.icon:last-child{position:absolute;right:10px;pointer-events:none;width:12px}.of-scope-note{font-size:10px;color:#8a948f}.of-sim{margin-left:auto;display:flex;gap:6px;align-items:center;font-size:10px;color:#7b8980;white-space:nowrap}.of-sim i{width:5px;height:5px;border-radius:50%;background:#7b9d83}.of-workspace{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:18px;align-items:start}.of-map-card{position:relative;border:1px solid #dce4dc;border-radius:12px;overflow:hidden;background:#e9eeec;box-shadow:0 5px 18px #25392c05}.of-map-bar{background:#f8faf7;min-height:48px;display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:1px solid #e0e6de;gap:8px}.of-map-bar>span{display:flex;align-items:center;gap:7px;font-size:10px;color:#718278;white-space:nowrap}.of-map-bar>span>i{width:5px;height:5px;border-radius:50%;background:#689c78;box-shadow:0 0 0 3px #689c7815}.of-map-bar b{font-weight:500}.of-map-bar>div{display:flex;gap:14px}.of-small{border:0;background:none;padding:0;display:flex;align-items:center;gap:5px;font:500 9px Manrope,sans-serif;color:#839087;cursor:pointer}.of-small:hover{color:#284a3a}.of-small .icon{width:13px;height:13px}.of-map-scroll{overflow:auto}.of-map{position:relative;aspect-ratio:960/600;min-width:560px;isolation:isolate}.of-map>svg{width:100%;height:100%;display:block}.of-hit-areas{position:absolute;inset:0}.of-desk-hit,.of-room-hit{position:absolute;background:transparent;border:2px solid transparent;cursor:pointer;border-radius:4px;transition:background .2s,border-color .2s}.of-room-hit:hover,.of-room-hit:focus-visible{border-color:#486f5a80;background:#c7dcc72b}.of-desk-hit:hover,.of-desk-hit:focus-visible{border-color:#486f5a80;background:#fff2}.of-scene-stamp{position:absolute;bottom:2.2%;right:4.7%;font:8px monospace;letter-spacing:2px;color:#8da299}.of-actor{position:absolute;width:36px;height:53px;padding:0;background:none;border:0;cursor:pointer;transform:translate(-50%,-100%);transition:left var(--travel,0ms) linear,top var(--travel,0ms) linear;z-index:4;outline-offset:8px}.of-sprite{display:block;width:32px;height:44px;margin:auto;filter:drop-shadow(1px 3px 0 #29443125);transform-origin:bottom}.of-sprite svg{width:100%;height:100%;display:block;image-rendering:pixelated}.of-actor:before{content:'';position:absolute;bottom:3px;width:31px;height:9px;border:1px solid transparent;background:#36554015;left:3px;border-radius:50%}.of-actor.selected:before{border-color:var(--agent-color);background:#fafff555;box-shadow:0 0 0 3px #ffffff33}.of-name{position:absolute;top:100%;left:50%;transform:translateX(-50%);display:flex;gap:4px;align-items:center;background:#fffffff0;border:1px solid #d0dcd3;border-radius:4px;padding:3px 6px;font:600 9px Manrope,sans-serif;color:#405348;white-space:nowrap;box-shadow:0 2px 3px #283d3010}.of-name i{width:4px;height:4px;border-radius:50%;background:var(--agent-color)}.of-bubble{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);font:500 9px Manrope,sans-serif;line-height:1.5;color:#4c6154;background:#fffef7;border:1px solid #d3ddd2;border-radius:5px;padding:6px 8px;width:max-content;max-width:145px;text-align:center;box-shadow:0 3px 6px #334b3310;opacity:0;transition:opacity .2s;pointer-events:none}.of-bubble:after{content:'';position:absolute;bottom:-4px;left:calc(50% - 3px);width:6px;height:6px;background:#fffef7;border-right:1px solid #d3ddd2;border-bottom:1px solid #d3ddd2;transform:rotate(45deg)}.of-actor.selected .of-bubble,.of-actor:hover .of-bubble,.of-actor.walking .of-bubble{opacity:1}.of-actor.walking .of-sprite{animation:of-walk .25s steps(2) infinite}.of-actor.face-left .of-sprite svg{transform:scaleX(-1)}@keyframes of-walk{50%{transform:translateY(-3px) rotate(4deg)}}.of-map-footer{background:#f8faf7;border-top:1px solid #e0e6de;display:flex;justify-content:space-between;gap:12px;padding:13px 16px;color:#829087;font-size:9px}.of-map-footer>span,.of-map-footer>div{display:flex;align-items:center;gap:6px}.of-map-footer .icon{width:13px;height:13px}.of-legend{width:5px;height:5px;border-radius:50%;margin-left:5px}.of-legend.work{background:#6b947c}.of-legend.meet{background:#aa8eb4}.of-tour{position:absolute;top:55px;right:12px;left:12px;max-width:370px;margin-left:auto;border:1px solid #d6e0d5;border-radius:10px;background:#fffef8f7;padding:23px;z-index:10;box-shadow:0 10px 35px #243f2825}.of-tour[hidden]{display:none}.of-tour>strong{font-size:14px;color:#2e4b38}.of-tour>.icon-btn{position:absolute;right:7px;top:7px}.of-tour p{font-size:12px;line-height:2;margin:13px 0}.of-tour small{font-size:10px;line-height:1.7;color:#7b8b80;display:block}.of-panel{border:1px solid #e2e7df;border-radius:12px;background:#fff;overflow:hidden;box-shadow:0 5px 18px #25392c04;min-height:510px}.of-panel-tabs{display:flex;height:49px;border-bottom:1px solid var(--of-line);padding:0 18px;gap:23px}.of-panel-tabs button{display:flex;align-items:center;gap:6px;border:0;background:none;border-bottom:2px solid transparent;font:600 11px Manrope,sans-serif;color:#8b968e;cursor:pointer;padding:0 0 2px}.of-panel-tabs button.active{color:#345845;border-color:#50725e}.of-panel-tabs .icon{width:14px;height:14px}.of-roster{display:flex;gap:6px;padding:18px 16px 15px;border-bottom:1px solid #edf0eb}.of-roster-item{border:1px solid #e7ebe4;border-radius:7px;background:#fff;padding:9px 5px;display:flex;flex-direction:column;align-items:center;gap:5px;flex:1;min-width:0;cursor:pointer;color:#6e7c72}.of-roster-item.active{background:#f3f6f0;border-color:#9eaf9d;color:#2e513c}.of-roster-item>span:nth-child(2){display:flex;flex-direction:column;align-items:center}.of-roster-item strong{font-size:10px}.of-roster-item small{font-size:8px;color:#94a08e;margin-top:2px}.of-roster-item>i{display:none}.of-mini-avatar{width:35px;height:35px;display:flex;align-items:center;justify-content:center;background:#f0f3ed;border-radius:50%;overflow:hidden;flex-shrink:0}.of-mini-avatar svg{width:24px;height:33px;transform:translateY(4px);image-rendering:pixelated}.of-agent-info{padding:17px 18px 12px;display:flex;align-items:center;justify-content:space-between;gap:5px}.of-agent-info .of-eyebrow{font-size:7px;letter-spacing:.9px}.of-agent-info h2{font-size:22px;font-weight:600;letter-spacing:-.7px;margin:3px 0}.of-agent-info p{font-size:10px;color:#9aa396}.of-agent-chip{font-size:8px;border:1px solid #dce8d6;background:#f2f7ef;border-radius:4px;color:#7a9273;padding:4px 6px}.of-chat-log{padding:5px 17px 12px;max-height:245px;min-height:115px;overflow-y:auto;scrollbar-width:thin}.of-message{padding:11px 12px;border-radius:8px;border:1px solid #e5eae0;background:#f7f9f4;margin-bottom:10px;overflow-wrap:anywhere}.of-message strong{font-size:9px;color:#607457}.of-message p{font-size:11px;line-height:1.8;color:#70816a;margin:4px 0 0}.of-message.human{background:#f4f5f5;border-color:#e7e9e9;margin-left:20px}.of-message.human strong,.of-message.human p{color:#74818a}.of-compose{margin:0 17px 12px;display:flex;border:1px solid #dfe5da;border-radius:7px;background:#fff;align-items:center;padding:3px}.of-compose input{font:11px Manrope,sans-serif;padding:8px;border:0;min-width:0;flex:1;background:none;color:#40513e}.of-compose input:focus{outline:0}.of-compose:focus-within{outline:2px solid #8ba282}.of-compose input::placeholder{color:#adb5a7}.of-compose .icon-btn{width:30px;height:30px;border-radius:5px;background:#edf2e8;color:#718464}.of-compose .icon{width:15px;height:15px}.of-agent-actions{padding:5px 17px 17px;display:flex;flex-direction:column;gap:7px}.of-agent-actions .btn{font-size:10px;justify-content:center;min-height:34px;color:#53694b;border-color:#e3e8de;background:#fafbf8}.of-agent-actions .icon{width:13px;height:13px}.of-agent-actions small{font-size:8px;text-align:center;color:#a2ac9a;line-height:1.6;margin-top:3px}.of-profile-link{text-align:center;font-size:10px;color:#86977a;padding:6px}.of-panel-title{padding:22px 19px 17px}.of-panel-title h2{font-size:20px;font-weight:600;letter-spacing:-.5px;line-height:1.4;color:#34503a;margin:5px 0 7px;overflow-wrap:anywhere}.of-panel-title p{font-size:10px;color:#95a18b;line-height:1.7}.of-panel-title .of-eyebrow{font-size:8px}.of-empty{padding:30px 22px;text-align:center}.of-empty>.icon{width:28px;height:28px;color:#8d9c81}.of-empty h3{font-size:14px;line-height:1.6;margin:15px 0 8px;color:#718366}.of-empty p{font-size:11px;color:#99a38f;line-height:1.8;margin-bottom:20px}#of-meeting-form{padding:0 19px 18px}#of-meeting-form .field{font-size:11px;gap:8px;color:#6a7b60}#of-meeting-form .field input{font-size:12px;border-color:#dfe5d7;color:#43583c}#of-meeting-form .btn-primary,.of-meeting-actions .btn-primary,.of-summary>.btn-primary{width:100%;justify-content:center;background:#385c42;border-color:#385c42;font-size:11px;padding:11px}.of-participants{border:0;padding:10px 0;margin:0}.of-participants legend{font-size:11px;color:#6a7b60;margin-bottom:7px}.of-participants label{display:flex;align-items:center;gap:10px;padding:10px 0;cursor:pointer}.of-participants input{accent-color:#446b4a}.of-participants label>span:last-child{display:flex;flex-direction:column;gap:3px}.of-participants strong{font-size:12px;font-weight:600;color:#586e4c}.of-participants small{font-size:9px;color:#9da88f}.of-form-note{font-size:10px;color:#92a085;line-height:1.8;padding:10px 0 16px}.of-text-button{border:0;background:none;font:10px Manrope,sans-serif;display:block;padding:13px 0 2px;color:#889c78;cursor:pointer;width:100%}.of-live-dot{display:inline-block;width:5px;height:5px;background:#6e9864;border-radius:50%;margin-right:3px}.of-turn-note{font-size:9px;color:#98a68b;margin:2px 18px 12px;line-height:1.6}.of-meeting-actions{padding:0 17px 18px}.of-summary{padding:0 19px 20px}.of-success{display:flex;align-items:center;gap:6px;color:#79916a;font-size:10px;margin-bottom:20px}.of-success .icon{width:16px;height:16px}.of-summary h3{font-size:11px;color:#667d57;margin:18px 0 8px}.of-summary>p{font-size:11px;line-height:1.9;color:#92a083}.of-summary-task{display:flex;align-items:start;gap:8px;padding:11px 0;border-bottom:1px solid #eef1e9}.of-task-box{width:12px;height:12px;border:1px solid #cbd6bf;border-radius:2px;flex-shrink:0;margin-top:3px}.of-summary-task strong{font-size:10px;color:#738865}.of-summary-task p{font-size:10px;line-height:1.7;color:#9aa68e;margin-top:4px}.of-summary details{font-size:10px;color:#748d62;margin-bottom:20px}.of-summary summary{cursor:pointer;margin-bottom:12px}.of-history{padding:0 18px 20px}.of-history>button{width:100%;display:grid;grid-template-columns:28px 1fr 14px;gap:6px;text-align:left;background:#fafbf7;border:1px solid #e7ecdf;border-radius:7px;padding:14px;margin-bottom:10px;cursor:pointer}.of-history>button>span{grid-row:span 2;color:#9bad89}.of-history strong{font-size:11px;color:#6f825e;overflow-wrap:anywhere}.of-history small{grid-column:2;font-size:9px;line-height:1.7;color:#9ba78d}.of-history>button>.icon{grid-column:3;grid-row:1/3;align-self:center;width:13px;color:#a1af95}.of-activity{margin-top:27px}.of-section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;gap:10px}.of-section-title .of-eyebrow{font-size:8px;letter-spacing:1.3px}.of-section-title h2{font-size:16px;font-weight:600;color:#40573e;margin-top:4px;letter-spacing:-.3px}.of-section-title>span{font-size:9px;color:#9ba98d}#of-feed{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;min-height:78px}.of-event{display:flex;align-items:start;gap:10px;border:1px solid #e6ebdf;border-radius:8px;background:white;padding:15px}.of-event-dot{width:5px;height:5px;border-radius:50%;background:#8aa578;flex-shrink:0;margin-top:5px}.of-event strong{font-size:10px;font-weight:600;color:#6b805d}.of-event p{font-size:10px;color:#9ba98e;margin-top:5px;line-height:1.7;overflow-wrap:anywhere}.of-event time{font-size:8px;color:#abb59d;margin-left:auto;white-space:nowrap}.of-disclaimer{display:flex;align-items:start;gap:6px;font-size:9px;line-height:1.8;color:#9da993;margin:18px 0 0}.of-disclaimer .icon{width:12px;height:12px;flex-shrink:0;margin-top:2px}.of-page button:disabled{opacity:.45;cursor:wait}.of-page a:focus-visible,.of-page button:focus-visible,.of-page select:focus-visible{outline:2px solid #5d8266;outline-offset:3px}
@media(min-width:1550px){.of-workspace{grid-template-columns:minmax(0,1fr) 340px}.of-map{min-height:510px}.of-actor{width:44px;height:59px}.of-sprite{width:36px;height:49px}.of-map-bar{min-height:52px}.of-panel{min-height:580px}.of-chat-log{min-height:180px}}
@media(max-width:1180px){.of-workspace{grid-template-columns:minmax(0,1fr)}.of-panel{min-height:0}.of-panel #of-panel-body{max-width:720px;margin:auto}.of-roster{max-width:400px;margin:auto}.of-chat-log{max-height:220px}.of-scope-note{display:none}.of-actor{width:38px;height:54px}.of-map-footer{font-size:10px}}
@media(max-width:650px){body.office-view main{padding:24px 14px}body.office-view .topbar{padding:0 15px}.of-heading{align-items:start;margin-bottom:20px;gap:10px}.of-heading h1{font-size:27px}.of-heading p{font-size:11px;max-width:220px;line-height:1.7}.of-heading .of-eyebrow{font-size:8px;letter-spacing:1px}.of-heading .btn-primary{font-size:0;padding:11px}.of-heading .btn-primary .icon{width:20px;height:20px}.of-toolbar{gap:8px;flex-wrap:wrap}.of-scope select{font-size:10px}.of-sim{font-size:8px}.of-map-bar{padding:10px;font-size:9px}.of-map-bar>span{font-size:9px}.of-map-bar>div{gap:10px}.of-small span{display:none}.of-small{font-size:8px}.of-map{min-width:600px}.of-map-footer{font-size:9px;padding:12px;line-height:1.6}.of-map-footer>div{display:none}.of-activity{margin-top:22px}#of-feed{grid-template-columns:1fr}.of-section-title>span{display:none}.of-disclaimer{font-size:9px}.of-panel-title h2{font-size:21px}.of-message p{font-size:12px}.of-compose input{font-size:13px}.of-agent-info h2{font-size:24px}.of-roster-item strong{font-size:12px}.of-roster-item small{font-size:10px}.of-agent-actions .btn{font-size:12px}.of-agent-actions small{font-size:10px}.office-nav{margin-bottom:14px}}
@media(prefers-reduced-motion:reduce){.of-actor{transition:none}.of-actor.walking .of-sprite{animation:none}}