/* Wexon Office — visual design layer v4, measured from the TARGET UI (1672×941 → 1600×900 = ×0.957).
   Tokens + breakpoints live in system.css; this file only styles surfaces. */
body{background:var(--bg)!important;color:var(--text)!important;font-size:var(--fs-md)}
:root{--surface-0:#0d1114;--line:rgba(255,255,255,.09);--glass:rgba(14,18,21,.92)}
:where(button,a,input,select,[tabindex]):focus-visible{outline:2px solid var(--accent);outline-offset:2px}

/* ================= Header ================= */
html body .topbar{height:var(--header-h)!important;background:var(--surface-0)!important;border-bottom:1px solid var(--line)!important;box-shadow:none!important;backdrop-filter:none;padding:0 clamp(14px,1.6vw,26px)!important;gap:0!important}
html body .brand{gap:10px!important;margin-right:clamp(20px,2.6vw,42px)}
html body .brand-mark{width:44px!important;height:30px!important;color:#fff;filter:none}
html body .brand-mark svg{width:100%;height:100%}
html body .brand-word{font-size:clamp(24px,1.95vw,30px)!important;font-weight:500!important;letter-spacing:-.045em!important;color:#f4f7f5}
html body .brand-word span{color:var(--accent)!important;font-weight:500}
html body .topnav{gap:6px!important;margin-left:0!important}
html body .topnav .nav-item{height:40px!important;min-height:40px;padding:0 clamp(10px,1vw,16px)!important;border-radius:10px!important;border:1px solid transparent!important;background:transparent!important;color:#aeb7b3!important;font-size:clamp(13px,.95vw,15px)!important;font-weight:500;gap:9px!important;box-shadow:none!important;transition:background .15s,color .15s,border-color .15s}
html body .topnav .nav-item small{font-size:inherit!important;letter-spacing:0!important}
html body .topnav .nav-item .wx-icon{width:18px;height:18px}
html body .topnav .nav-item:hover{background:rgba(255,255,255,.055)!important;color:#fff!important}
html body .topnav .nav-item.active{background:#123222!important;border-color:rgba(60,214,124,.55)!important;color:#fff!important}
html body .topnav .nav-item.active .wx-icon{color:#3ee08a}
html body .global-search{flex:0 1 clamp(230px,20.5vw,330px)!important;height:40px!important;margin-left:auto!important;margin-right:clamp(14px,2.4vw,44px);border-radius:12px!important;background:#101418!important;border:1px solid #2a3037!important;box-shadow:none!important;padding:0 8px 0 14px!important;gap:10px;transition:border-color .15s}
html body .global-search:hover,html body .global-search:focus-within{border-color:rgba(60,214,124,.5)!important}
html body .global-search input{font-size:clamp(13px,.9vw,14.5px)!important;color:#f4f7f5!important}
html body .global-search input::placeholder{color:#8a948f}
html body .global-search .wx-icon{width:20px;height:20px;color:#b7c0bb}
html body .global-search kbd{font-size:11px;padding:3px 7px;border-radius:6px;background:#1d2329;color:#a9b3ae;border:0;font-family:inherit;white-space:nowrap}
html body .top-actions{gap:clamp(12px,1.6vw,26px)!important}
html body #notificationBtn{width:40px!important;height:40px!important;border-radius:10px!important;background:transparent!important;border:0!important;color:#e3e9e6;position:relative}
html body #notificationBtn:hover{background:rgba(255,255,255,.06)!important}
html body #notificationBtn .wx-icon{width:24px;height:24px}
html body #notificationBtn .notify-dot{position:absolute;right:7px;top:6px;width:9px;height:9px;border-radius:50%;background:#3ee08a;border:2px solid var(--surface-0);box-shadow:none}
html body .founder-chip{height:44px!important;padding:0 4px 0 0!important;border:0!important;background:transparent!important;gap:12px!important;border-radius:10px!important}
html body .founder-chip:hover{background:rgba(255,255,255,.05)!important}
html body .founder-avatar{width:40px!important;height:40px!important;font-size:15px!important;background:linear-gradient(140deg,#39434b,#1b2126)!important;border:1px solid #3a444c}
html body .founder-copy b{font-size:clamp(13px,.95vw,15px)!important;font-weight:600;color:#fff}
html body .founder-copy small{font-size:11.5px!important;color:#9aa5a0!important}
html body .founder-chip>i{color:#9aa5a0;font-size:12px}

/* ================= Office stage ================= */
.wx-office{background:#171614}
html body .wx-stage{right:0!important}
@media(min-width:1280px){html body.office-drawer-open .wx-stage{right:var(--drawer-w)!important}}
.wx-scene-img{position:absolute;inset:0;width:100%;height:100%;display:block;user-select:none;pointer-events:none;-webkit-user-drag:none;filter:contrast(1.06) saturate(1.06) brightness(1.04);-webkit-mask-image:none;mask-image:none}
.wx-office::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;background:radial-gradient(ellipse 100% 100% at 50% 50%,transparent 62%,rgba(8,9,10,.42) 100%)}
.wx-status,.wx-events,.wx-dock,.wx-camera,.wx-hud-tab{z-index:120}

/* ---- glass cards ---- */
.wx-glass{background:var(--glass)!important;border:1px solid var(--line)!important;border-radius:14px!important;box-shadow:0 18px 40px rgba(0,0,0,.42)!important;backdrop-filter:blur(16px)}
.wx-panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 clamp(8px,.9vw,14px)!important}
.wx-panel-head h2{display:flex;align-items:center;gap:10px!important;margin:0;font-size:clamp(14px,1.02vw,16.5px)!important;font-weight:600!important;letter-spacing:-.01em!important;color:#f3f6f4}
.wx-ring{width:15px;height:15px;border-radius:50%;border:2.5px solid #3ee08a;flex:none}
.wx-online{display:flex;align-items:center;gap:8px;font-size:clamp(12px,.88vw,14px)!important;color:#dfe5e2!important;white-space:nowrap}
.wx-dot{display:inline-block;width:9px!important;height:9px!important;border-radius:50%;background:#3ee08a!important;box-shadow:0 0 8px rgba(62,224,138,.55)!important;flex:none}
.wx-dot.off{background:#c8cdd0!important;box-shadow:none!important}

/* ---- Ofis Durumu: 315×193 in target ---- */
html body .wx-status{left:clamp(14px,1.25vw,20px)!important;top:clamp(14px,1.3vw,21px)!important;bottom:auto!important;width:clamp(240px,19.6vw,315px)!important;padding:clamp(12px,1vw,16px) clamp(14px,1.1vw,18px) clamp(10px,.8vw,13px)!important}
.wx-status-row{display:grid!important;grid-template-columns:clamp(20px,1.5vw,24px) 1fr auto;align-items:center;gap:clamp(10px,.9vw,14px)!important;padding:clamp(4px,.42vw,7px) 0!important;border:0!important;font-size:clamp(12.5px,.9vw,14.5px)!important;color:#e6ebe8}
.wx-status-row.wx-prod{grid-template-columns:clamp(20px,1.5vw,24px) auto 1fr auto}
.wx-status-row.wx-prod .wx-meter{margin-left:clamp(4px,.5vw,10px);width:auto}
.wx-tile{width:clamp(20px,1.5vw,24px);height:clamp(20px,1.5vw,24px);border-radius:6px;display:grid;place-items:center;flex:none}
.wx-tile .wx-icon{width:75%;height:75%}
.t-green{background:rgba(62,224,138,.14);color:#3ee08a}.t-blue{background:rgba(118,150,255,.16);color:#9db4ff}.t-indigo{background:rgba(134,140,255,.16);color:#a4a8ff}.t-violet{background:rgba(180,132,255,.16);color:#c39bff}
.wx-status-row strong{font-weight:400;color:#cfd7d3;font-variant-numeric:tabular-nums;white-space:nowrap;text-align:right}
.wx-status-row strong em{font-style:normal}
.wx-status-row strong.g{color:#3ee08a;font-weight:500}
.wx-meter{display:block;height:5px!important;border-radius:99px;background:rgba(255,255,255,.1)!important;overflow:hidden}
.wx-meter b{display:block;height:100%;background:#3ee08a!important;border-radius:99px;box-shadow:none!important}

/* ---- Son Olaylar: 330×240 in target ---- */
html body .wx-events{left:clamp(14px,1.25vw,20px)!important;bottom:clamp(14px,1.4vw,23px)!important;top:auto!important;width:clamp(260px,20.6vw,330px)!important;padding:clamp(12px,1vw,16px) clamp(12px,1vw,16px) clamp(6px,.6vw,10px)!important}
.wx-panel-head button{display:flex;align-items:center;gap:6px;font-size:clamp(11.5px,.82vw,13px)!important;color:#3ee08a!important;background:transparent;border:0;cursor:pointer;padding:4px 0}
.wx-panel-head button .wx-icon{width:14px;height:14px}
.wx-panel-head button:hover{text-decoration:underline}
.wx-event-list{display:block;max-height:none;overflow:visible;margin:0;padding:0}
.wx-event-list article{display:grid!important;grid-template-columns:8px clamp(28px,2.2vw,36px) minmax(0,1fr) auto;align-items:center;gap:clamp(8px,.7vw,11px)!important;padding:clamp(5px,.5vw,8px) 0!important;border:0!important}
.wx-event-icon{width:clamp(28px,2.2vw,36px)!important;height:clamp(28px,2.2vw,36px)!important;border-radius:50%!important;background:#1a2126!important;border:1px solid #2b343a;display:grid;place-items:center}
.wx-event-icon .wx-icon{width:52%;height:52%;color:#d5dcd9}
.wx-ev-text{min-width:0}
.wx-ev-text b{display:block;font-size:clamp(11.5px,.83vw,13.5px);font-weight:500;color:#f1f5f3;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wx-ev-text small{display:block;font-size:clamp(10.5px,.75vw,12px);color:#8f9a95;line-height:1.3;margin-top:1px}
.wx-event-list article time{font-size:clamp(11px,.8vw,13px);color:#c2cbc7;white-space:nowrap;align-self:start;margin-top:3px}
.wx-empty{font-size:12.5px;color:#8f9a95}
@media(max-height:820px) and (min-width:1280px){.wx-event-list article:nth-child(n+4){display:none!important}}

/* ================= Room labels ================= */
html body .wx-room{display:flex;align-items:center;gap:clamp(8px,.7vw,11px)!important;padding:clamp(6px,.6vw,9px) clamp(11px,.9vw,15px) clamp(6px,.6vw,9px) clamp(6px,.6vw,9px)!important;min-width:0!important;border-radius:clamp(9px,.8vw,13px)!important;background:rgba(19,23,26,.9)!important;border:1px solid rgba(255,255,255,.1)!important;box-shadow:0 10px 24px rgba(0,0,0,.5)!important;backdrop-filter:blur(8px);transition:border-color .15s,box-shadow .15s}
html body .wx-room>.wx-icon{box-sizing:content-box;width:clamp(15px,1.3vw,20px)!important;height:clamp(15px,1.3vw,20px)!important;padding:clamp(7px,.6vw,10px);border-radius:clamp(8px,.7vw,11px);background:#1c2f27;color:#4be590;flex:none}
html body .wx-room b{font-size:clamp(11.5px,.9vw,15px)!important;font-weight:600!important;line-height:1.2;color:#fff;letter-spacing:-.005em;white-space:nowrap}
html body .wx-room small{font-size:clamp(10px,.78vw,12.5px)!important;color:#a5afaa!important;margin-top:2px!important;line-height:1.2;white-space:nowrap}
html body .wx-room:hover,html body .wx-room.selected{border-color:rgba(75,229,144,.6)!important;box-shadow:0 10px 24px rgba(0,0,0,.5),0 0 0 3px rgba(75,229,144,.1)!important}

/* ================= Dock / zoom / fullscreen (three separate pills) ================= */
html body .wx-dock,html body .wx-zoom,html body .wx-fs{background:rgba(13,17,20,.94)!important;border:1px solid var(--line)!important;border-radius:14px!important;box-shadow:0 14px 34px rgba(0,0,0,.5)!important;backdrop-filter:blur(14px)}
html body .wx-dock{height:var(--dock-h)!important;padding:5px!important;gap:6px!important}
html body .wx-dock button{height:calc(var(--dock-h) - 12px)!important;padding:0 clamp(12px,1.05vw,18px)!important;border-radius:10px!important;color:#c1c9c5!important;font-size:clamp(12.5px,.9vw,14.5px)!important;font-weight:500;background:transparent!important;gap:9px!important;transition:background .15s,color .15s}
html body .wx-dock button .wx-icon{width:clamp(16px,1.15vw,19px);height:clamp(16px,1.15vw,19px)}
html body .wx-dock button:hover:not(.active){background:rgba(255,255,255,.07)!important;color:#fff!important}
html body .wx-dock button.active{background:linear-gradient(180deg,#43f08f,#25d572)!important;color:#03200f!important;font-weight:600;box-shadow:0 0 22px rgba(62,224,138,.28)!important}
html body .wx-camera{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;gap:clamp(10px,.9vw,15px)!important;height:var(--dock-h)!important;display:flex;align-items:center}
html body .wx-zoom{display:flex;align-items:center;height:var(--dock-h);padding:0 6px}
html body .wx-zoom button{background:transparent;border:0;color:#d8dfdc!important;min-width:clamp(30px,2.4vw,38px);height:100%;cursor:pointer;font-size:19px;padding:0;border-radius:8px}
html body .wx-zoom [data-wx-reset]{font-size:clamp(12.5px,.9vw,14.5px);min-width:clamp(46px,3.6vw,58px);font-variant-numeric:tabular-nums;color:#fff!important}
html body .wx-zoom button:hover{background:rgba(255,255,255,.07)}
html body .wx-fs{width:var(--dock-h);height:var(--dock-h);display:grid;place-items:center;color:#d8dfdc;cursor:pointer;padding:0}
html body .wx-fs .wx-icon{width:20px;height:20px}
html body .wx-fs:hover{background:rgba(255,255,255,.08)!important}
@media(min-width:1280px){
  html body .wx-dock{left:calc(50% + clamp(50px,5vw,80px))!important;bottom:clamp(14px,1.3vw,20px)!important}
  html body .wx-camera{right:clamp(16px,1.6vw,26px)!important;bottom:clamp(14px,1.3vw,20px)!important}
}
.wx-scene-help{display:none!important}
.wx-hud-tab{background:var(--glass)!important;border-color:var(--line)!important;font-size:12.5px!important}

/* ================= Agents ================= */
.wx-agent-ground{position:absolute;left:50%;bottom:calc(-2px*var(--wx-s,1));width:calc(26px*var(--wx-s,1));height:calc(8px*var(--wx-s,1));transform:translateX(-50%);border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.85),rgba(0,0,0,.4) 60%,transparent)}
.wx-agent-ring{position:absolute;left:50%;bottom:calc(-4px*var(--wx-s,1));width:calc(30px*var(--wx-s,1));height:calc(10px*var(--wx-s,1));transform:translateX(-50%);border-radius:50%;border:1.5px solid rgba(75,229,144,.95);box-shadow:0 0 8px rgba(75,229,144,.35);opacity:0;transition:opacity .2s}
.wx-scene-agent.selected{z-index:900!important}
.wx-scene-agent.selected .wx-agent-ring{opacity:1}
.wx-scene-agent .wx-pix{transition:filter .15s,translate .15s}
.wx-scene-agent:hover .wx-pix{translate:0 -1px;filter:drop-shadow(0 0 3px rgba(255,255,255,.35)) drop-shadow(0 1px 0 rgba(0,0,0,.6))}
.wx-scene-agent:hover .wx-agent-ring{opacity:.5}
.wx-scene-agent.selected .wx-pix{filter:drop-shadow(0 0 3px rgba(75,229,144,.65)) drop-shadow(0 1px 0 rgba(0,0,0,.6))}
.wx-scene-agent .wx-agent-tooltip{bottom:calc(100% + 6px)!important;min-width:0!important;width:max-content;max-width:210px;padding:7px 10px!important;background:var(--glass)!important;border:1px solid var(--line)!important;border-radius:8px!important;box-shadow:0 12px 30px rgba(0,0,0,.5);transition:opacity .15s}
.wx-scene-agent .wx-agent-tooltip b{font-size:12.5px!important;font-weight:600}
.wx-scene-agent .wx-agent-tooltip small{font-size:11px!important;color:#9aa5a0!important;margin-top:2px!important;white-space:normal!important;max-width:190px}
.wx-scene-agent:hover,.wx-scene-agent:focus-visible{z-index:990!important}

/* ================= Agent drawer: flat docked panel (344px in target) ================= */
html body .inspector{background:#0e1216!important;border:0!important;border-left:1px solid var(--line)!important;border-radius:0!important;box-shadow:none!important;padding:0!important;overflow:hidden!important;display:flex;flex-direction:column}
@media(min-width:1280px){html body .inspector{top:var(--header-h)!important;right:0!important;bottom:0!important;width:var(--drawer-w)!important}}
html body .inspector #inspectorRoot{padding:clamp(16px,1.4vw,22px) clamp(16px,1.4vw,22px) 0!important;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.14) transparent}
.wx-person-panel{position:relative;padding:0!important;display:flex;flex-direction:column;min-height:100%}
.wx-close{position:absolute;top:-4px;right:-6px;width:32px!important;height:32px!important;border-radius:8px!important;border:0!important;background:transparent!important;color:#e5ebe8!important;display:grid;place-items:center;cursor:pointer;z-index:2}
.wx-close:hover{background:rgba(255,255,255,.08)!important}
.wx-close .wx-icon{width:18px;height:18px}
.wx-person-head{display:grid!important;grid-template-columns:clamp(88px,7.4vw,118px) minmax(0,1fr);gap:clamp(12px,1.1vw,18px)!important;align-items:center;padding-right:26px}
.wx-portrait{width:clamp(88px,7.4vw,118px)!important;height:clamp(98px,8.3vw,132px)!important;border-radius:8px!important;border:0;background:linear-gradient(160deg,#1d2a30,#0f171b)!important;overflow:hidden;position:relative;display:block!important}
.wx-portrait svg{position:absolute;left:50%;bottom:0;height:96%;width:auto;transform:translateX(-50%)}
.wx-person-head h2{font-size:clamp(20px,1.5vw,24px)!important;line-height:1.15;font-weight:600;letter-spacing:-.02em;margin:0;color:#fff}
.wx-presence{display:inline-flex;align-items:center;gap:9px;font-size:clamp(13px,.95vw,15px)!important;color:#e6ebe8;margin-top:6px}
.wx-person-head p{margin:6px 0 0!important;font-size:clamp(12.5px,.9vw,14.5px)!important;color:#b5beb9}
.wx-tags{display:flex;flex-wrap:wrap;gap:8px!important;margin-top:10px!important}
.wx-tags span{font-size:clamp(11.5px,.83vw,13px)!important;padding:4px 10px!important;border-radius:7px!important;background:#1c242a!important;color:#c5cec9!important;border:0}
.wx-tags span:first-child{background:#173323!important;color:#52e68f!important;border:1px solid rgba(62,224,138,.35)}
.wx-person-panel blockquote{position:relative;margin:clamp(14px,1.3vw,20px) 0 0!important;padding:clamp(12px,1vw,16px) clamp(14px,1.1vw,18px)!important;border-radius:10px!important;background:#171d22!important;border:0;font-size:clamp(12.5px,.9vw,14.5px)!important;line-height:1.5;color:#c9d2ce;display:flex;gap:10px}
.wx-person-panel blockquote span{font-size:inherit!important;color:#c9d2ce!important;padding:0!important}
.wx-detail{margin-top:clamp(16px,1.5vw,24px)!important;padding:0;border:0}
.wx-detail+.wx-detail{padding-top:clamp(14px,1.3vw,20px);border-top:1px solid var(--line)}
.wx-detail h3{display:flex;align-items:center;gap:10px;margin:0 0 clamp(10px,1vw,14px)!important;font-size:clamp(13px,.95vw,15px)!important;font-weight:600!important;letter-spacing:0!important;text-transform:none!important;color:#fff!important}
.wx-detail h3 .wx-icon{width:18px;height:18px;color:#e5ebe8}
.wx-detail p,.wx-feature p{font-size:clamp(12px,.86vw,13.5px)!important;line-height:1.5;color:#b5beb9;margin:3px 0 0!important}
.wx-feature{display:grid;grid-template-columns:clamp(40px,3.5vw,52px) minmax(0,1fr);gap:14px;align-items:start;padding:clamp(10px,.9vw,14px);border-radius:10px;background:#171d22}
.wx-feature>i{width:clamp(40px,3.5vw,52px);height:clamp(40px,3.5vw,52px);border-radius:9px;background:#20282e;display:grid;place-items:center;color:#8ea0aa}
.wx-feature>i .wx-icon{width:50%;height:50%}
.wx-feature b{font-size:clamp(13px,.95vw,15px);font-weight:600;display:flex;align-items:center;gap:8px;line-height:1.3;color:#fff}
.wx-vitals{display:grid;gap:clamp(10px,.9vw,14px);margin-top:clamp(16px,1.5vw,24px)!important}
.wx-vitals>div{display:grid!important;grid-template-columns:20px clamp(46px,4vw,60px) minmax(0,1fr) 40px;align-items:center;gap:12px;font-size:clamp(12.5px,.9vw,14.5px);color:#e6ebe8}
.wx-vitals .wx-icon{width:20px;height:20px;color:#e5ebe8}
.wx-vitals .wx-meter{height:7px!important}
.wx-vitals strong{text-align:right;font-weight:500;font-variant-numeric:tabular-nums;color:#fff}
.wx-location{display:grid;grid-template-columns:minmax(0,1fr) clamp(84px,7.2vw,116px);gap:14px;align-items:center}
.wx-location b{font-size:clamp(13px,.95vw,15px);font-weight:600;color:#fff}
.wx-location-map{width:100%;height:clamp(56px,4.8vw,76px);border-radius:8px;overflow:hidden;border:0;background-color:#111}
.wx-current-task{display:grid;grid-template-columns:clamp(24px,2vw,34px) minmax(0,1fr);gap:14px;align-items:start}
.wx-current-task b{font-size:clamp(13px,.95vw,15px);font-weight:500;line-height:1.35;color:#fff}
.wx-current-task .wx-meter{margin-top:10px}
.wx-current-task small{font-size:12px;color:#9aa5a0}
.wx-task-ring{width:clamp(22px,1.9vw,30px)!important;height:clamp(22px,1.9vw,30px)!important;border:3px solid #3ee08a!important;border-right-color:#22302a!important;border-radius:50%}
.wx-person-actions{position:sticky;bottom:0;display:grid!important;grid-template-columns:1fr 1fr;gap:8px!important;margin:18px calc(-1*clamp(16px,1.4vw,22px)) 0!important;padding:12px clamp(16px,1.4vw,22px) calc(12px + var(--safe-b));background:linear-gradient(180deg,rgba(14,18,22,0),#0e1216 26%)}
.wx-person-actions button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:38px;font:inherit;font-size:12.5px;border-radius:9px;border:1px solid var(--line);background:#161c21;color:#e5ebe8;cursor:pointer}
.wx-person-actions button:first-child{border-color:rgba(62,224,138,.4);color:#4be590}
.wx-person-actions button:hover{border-color:rgba(62,224,138,.6)}
.wx-person-actions .wx-icon{width:15px;height:15px}

/* ================= shared buttons (other pages keep working) ================= */
.wxp-primary{background:var(--accent)!important;color:#04210f!important;border:0!important;border-radius:9px!important;font-weight:650;height:36px}
.wxp-move button,.wxp-actions button{font:inherit;font-size:12px;min-height:36px;border-radius:8px;border:1px solid var(--border);background:rgba(255,255,255,.035);color:var(--text);cursor:pointer}
.wxp-move button:not(:disabled):hover,.wxp-actions button:hover{border-color:var(--border-hover)}
@media(prefers-reduced-motion:reduce){.wx-room,.wx-scene-agent .wx-pix,.wx-dock button{transition:none!important}}

/* ===== correction pass 1 ===== */
html body .wx-status{width:clamp(236px,18.8vw,301px)!important}
.wx-status-row{padding:clamp(3px,.34vw,6px) 0!important}
html body .wx-events{width:clamp(250px,19.8vw,316px)!important}
.wx-event-list article{padding:clamp(4px,.4vw,7px) 0!important}
html body .wx-room{padding:clamp(4px,.4vw,7px) clamp(10px,.8vw,13px) clamp(4px,.4vw,7px) clamp(5px,.45vw,7px)!important}
html body .wx-room>.wx-icon{padding:clamp(6px,.55vw,9px)}
html body .wx-room b{font-size:clamp(11.5px,.86vw,14px)!important}
html body .wx-dock button{padding:0 clamp(10px,.9vw,15px)!important}
.wx-person-head{grid-template-columns:clamp(84px,6.4vw,104px) minmax(0,1fr);padding-right:0!important}
.wx-portrait{width:clamp(84px,6.4vw,104px)!important;height:clamp(96px,7.4vw,118px)!important}
.wx-person-head h2{padding-right:30px}
.wx-tags{flex-wrap:nowrap;gap:6px!important}
.wx-tags span{font-size:clamp(11px,.78vw,12.5px)!important;padding:4px 8px!important;white-space:nowrap}
.wx-person-panel blockquote{margin-top:clamp(12px,1vw,16px)!important;padding:clamp(10px,.8vw,13px) clamp(12px,1vw,16px)!important}
.wx-detail{margin-top:clamp(12px,1.1vw,18px)!important}
.wx-detail+.wx-detail{padding-top:clamp(12px,1vw,16px)}
.wx-detail h3{margin-bottom:clamp(8px,.75vw,12px)!important}
.wx-feature{background:transparent;padding:0;grid-template-columns:clamp(38px,3.2vw,50px) minmax(0,1fr);gap:12px}
.wx-feature>i{width:clamp(38px,3.2vw,50px);height:clamp(38px,3.2vw,50px);background:#1a2126;border:1px solid #2b343a}
.wx-vitals{margin-top:clamp(12px,1.1vw,18px)!important;gap:clamp(8px,.75vw,12px)}
@media(min-width:1280px){
  html body .wx-dock{left:calc((100vw - 0px)*.5)!important}
  html body.office-drawer-open .wx-dock{left:calc((100vw - var(--drawer-w))*.545)!important}
  html body .wx-camera{right:clamp(16px,1.5vw,24px)!important}
  html body.office-drawer-open .wx-camera{right:calc(var(--drawer-w) + clamp(16px,1.5vw,24px))!important}
}
html body .inspector #inspectorRoot{flex:1 1 0!important;min-height:0!important;max-height:100%!important;height:auto!important}
html body .inspector{box-sizing:border-box}
@media(min-width:1280px){html body.office-drawer-open .wx-dock{left:calc((100vw - var(--drawer-w))*.58)!important}}
@media(min-width:1280px) and (max-width:1499px){html body .wx-dock button:not(.active) span{display:none}html body .wx-dock button:not(.active){padding:0 12px!important}html body.office-drawer-open .wx-dock{left:calc((100vw - var(--drawer-w))*.56)!important}}
html body .brand-mark{flex:none}
@media(max-width:1279px){
  html body .global-search{flex:none!important;width:44px!important;height:44px!important;padding:0!important;margin:0 0 0 auto!important;justify-content:center;border-radius:12px!important}
  html body .global-search:focus-within{position:fixed!important;width:auto!important;margin:0!important;padding:0 14px!important;justify-content:flex-start}
  html body .top-actions{gap:6px!important}
  html body .brand{margin-right:8px}
  html body .wx-camera{height:44px!important}
  html body .wx-zoom{height:44px}
  html body .wx-fs{width:44px;height:44px}
}
@media(max-width:599px){html body .wx-zoom button{min-width:34px}html body .wx-zoom [data-wx-reset]{min-width:44px}}
/* ---- framing pass: tighter mobile scene, balanced mobile drawer ---- */
@media(max-width:599px){
  html body .inspector{bottom:auto!important;height:auto!important;max-height:calc(100dvh - var(--header-h) - 14px - var(--safe-b))!important}
  html body .inspector #inspectorRoot{flex:0 1 auto!important;max-height:calc(100dvh - var(--header-h) - 16px - var(--safe-b))!important;padding-bottom:0!important}
  .wx-detail{margin-top:20px!important}.wx-detail+.wx-detail{padding-top:18px}
  .wx-person-actions{margin-top:22px!important}
}
/* work-evidence + stage chips */
.wx-worktag{display:inline-flex;align-items:center;gap:6px;margin-top:8px;font-size:11.5px;color:#9aa5a0;padding:3px 8px;border-radius:6px;background:rgba(255,255,255,.04)}
.wx-worktag.live{color:#4be590;background:rgba(62,224,138,.1)}
.wxp-person .wx-tags span.live{background:rgba(62,224,138,.12)!important;color:#4be590!important}
.wxp-task .stage,.wxp-drawer .stage{font-size:10.5px;padding:2px 8px;border-radius:99px;background:rgba(242,200,90,.14);color:#f2c85a}
.wxp-task .stage.blocked{background:rgba(255,97,109,.16);color:#ff8f98}
.wxp-task .stage.final_qa,.wxp-task .stage.manager_review{background:rgba(118,150,255,.16);color:#a9bcff}
/* shared state card (API down / unauthorized / empty) */
.wx-state-card{max-width:440px;margin:clamp(40px,12vh,120px) auto;padding:24px;border-radius:14px;border:1px solid var(--line);background:var(--glass);text-align:center;color:var(--text)}
.wx-state-card h2{margin:0 0 8px;font-size:17px;font-weight:600}.wx-state-card p{margin:0 0 16px;color:#9aa5a0;font-size:13px;line-height:1.5}
.wx-state-card .wxp-primary{padding:0 18px;cursor:pointer}

/* ================= Inspector chat mode (wx/chat.js) ================= */
html body #wxOfficeChatBtn{display:inline-grid!important;place-items:center;width:40px!important;height:40px!important;border-radius:10px!important;background:transparent!important;border:0!important;color:#e3e9e6}
html body #wxOfficeChatBtn:hover{background:rgba(255,255,255,.06)!important}
html body #wxOfficeChatBtn .wx-icon{width:22px;height:22px}
html body.wx-chat-mode .inspector{display:flex!important;flex-direction:column!important}
html body.wx-chat-mode .inspector #inspectorRoot{padding:0!important;overflow:hidden!important;display:flex!important;flex-direction:column}
html body.wx-chat-mode .wxp-inspect-close{display:none!important}
.wxc{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;background:transparent;color:var(--text)}
.wxc-head{flex:none;display:grid;grid-template-columns:36px 40px minmax(0,1fr) 36px;align-items:center;gap:10px;padding:14px 14px 12px;border-bottom:1px solid var(--line)}
.wxc-icon-btn{width:36px;height:36px;border-radius:9px;border:0;background:transparent;color:#d8dfdc;display:grid;place-items:center;cursor:pointer}
.wxc-icon-btn:hover{background:rgba(255,255,255,.07);color:#fff}
.wxc-icon-btn .wx-icon{width:18px;height:18px}
[data-wxc-back] .wx-icon{transform:rotate(180deg)}
.wxc-avatar{width:40px;height:40px;border-radius:10px;background:linear-gradient(150deg,#1d272c,#0f171b);overflow:hidden;position:relative;display:block}
.wxc-avatar .sprite{transform:scale(.8);transform-origin:top left;left:8px;top:3px}
.wxc-avatar.icon{display:grid;place-items:center;background:rgba(62,224,138,.12);color:#4be590}
.wxc-avatar.icon .wx-icon{width:20px;height:20px}
.wxc-title{min-width:0;display:flex;flex-direction:column;gap:2px}
.wxc-title b{font-size:15px;font-weight:600;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wxc-title>span{display:flex;align-items:center;gap:8px;min-width:0;font-size:12px;color:#b5beb9}
.wxc-title small{font-size:11.5px;color:#8f9a95;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wxc-presence{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.wxc-presence i{width:7px;height:7px;border-radius:50%;background:#3ee08a}
.wxc-presence.off i{background:#6c7773}
.wxc-switch{flex:none;display:flex;gap:4px;padding:8px 14px;border-bottom:1px solid var(--line)}
.wxc-switch button{flex:1;height:32px;border-radius:8px;border:1px solid transparent;background:transparent;color:#aeb7b3;font:inherit;font-size:12.5px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px}
.wxc-switch button[aria-selected="true"]{background:rgba(62,224,138,.1);border-color:rgba(62,224,138,.3);color:#e9f5ee}
.wxc-switch em{font-style:normal;font-size:10.5px;padding:0 6px;border-radius:99px;background:rgba(242,200,90,.18);color:#f2c85a}
.wxc-list{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:14px 14px 8px;display:flex;flex-direction:column;gap:8px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.14) transparent}
.wxc-msg{display:flex}
.wxc-msg.me{justify-content:flex-end}
.wxc-bubble{max-width:84%;padding:8px 11px 9px;border-radius:12px 12px 12px 4px;background:#171d22;border:1px solid rgba(255,255,255,.06)}
.wxc-msg.me .wxc-bubble{border-radius:12px 12px 4px 12px;background:#12261c;border-color:rgba(62,224,138,.22)}
.wxc-bubble header{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:3px}
.wxc-bubble header b{font-size:11.5px;font-weight:600;color:#cfd7d3}
.wxc-msg.me .wxc-bubble header b{color:#7fe8ad}
.wxc-bubble time{font-size:10.5px;color:#7f8a86;white-space:nowrap}
.wxc-bubble p{margin:0;font-size:13px;line-height:1.45;color:#e6ebe8;white-space:pre-wrap;overflow-wrap:anywhere}
.wxc-sys{align-self:center;display:flex;gap:8px;align-items:center;font-size:11.5px;color:#8f9a95;padding:2px 10px}
.wxc-sys time{font-size:10.5px;color:#6c7773}
.wxc-card{border-radius:10px;border:1px solid rgba(242,200,90,.25);background:rgba(242,200,90,.05);padding:10px 12px}
.wxc-card.blocked{border-color:rgba(255,97,109,.3);background:rgba(255,97,109,.05)}
.wxc-card header{display:flex;justify-content:space-between;gap:10px;margin-bottom:4px}.wxc-card header b{font-size:12.5px}.wxc-card time{font-size:10.5px;color:#8f9a95}
.wxc-card p{margin:0 0 8px;font-size:12.5px;line-height:1.45;color:#cfd7d3;white-space:pre-wrap}
.wxc-card footer{display:flex;gap:6px;justify-content:flex-end}
.wxc-card button{height:30px;padding:0 10px;border-radius:8px;border:1px solid var(--line);background:rgba(255,255,255,.04);color:#e6ebe8;font:inherit;font-size:12px;cursor:pointer}
.wxc-typing{font-size:11.5px;color:#8f9a95;padding:2px 2px 0}
.wxc-empty{margin:auto;max-width:280px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px;padding:24px 8px}
.wxc-empty-icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:rgba(255,255,255,.05);color:#aeb7b3}
.wxc-empty-icon .wx-icon{width:22px;height:22px}
.wxc-empty b{font-size:15px;font-weight:600}
.wxc-empty p{margin:0;font-size:12.5px;line-height:1.5;color:#9aa5a0}
.wxc-empty .wxp-primary{margin-top:6px;padding:0 16px;cursor:pointer}
.wxc-empty.soft{padding:32px 8px}
.wxc-note{flex:none;margin:0;padding:6px 14px;font-size:11px;color:#c9a95b;border-top:1px solid var(--line)}
.wxc-compose{flex:none;display:flex;align-items:flex-end;gap:8px;padding:10px 14px calc(12px + var(--safe-b));border-top:1px solid var(--line);background:#0e1216}
.wxc-compose textarea{flex:1;min-width:0;min-height:40px;max-height:140px;resize:none;padding:10px 12px;border-radius:10px;border:1px solid #2a3037;background:#101418;color:#f4f7f5;font:inherit;font-size:13.5px;line-height:1.4}
.wxc-compose textarea:focus{outline:none;border-color:rgba(62,224,138,.5)}
.wxc-send{flex:none;width:40px;height:40px;border-radius:10px;border:0;background:#3ee08a;color:#03200f;display:grid;place-items:center;cursor:pointer}
.wxc-send:disabled{opacity:.5}
.wxc-send .wx-icon{width:18px;height:18px}
@media(max-width:599px){
  html body.wx-chat-mode[data-view] .app .inspector,html body.wx-chat-mode .inspector{position:fixed!important;inset:0!important;top:0!important;bottom:0!important;left:0!important;right:0!important;width:auto!important;max-width:none!important;height:auto!important;max-height:none!important;border-radius:0!important;border:0!important;z-index:900!important;transform:none!important}
  html body.wx-chat-mode .inspector #inspectorRoot{max-height:none!important;flex:1 1 auto!important}
  html body.wx-chat-mode .topbar,html body.wx-chat-mode .wx-dock,html body.wx-chat-mode .wx-camera{visibility:hidden!important}
  .wxc-head{grid-template-columns:44px 36px minmax(0,1fr) 44px;padding:calc(8px + env(safe-area-inset-top,0px)) 8px 8px}
  .wxc-icon-btn{width:44px;height:44px}
  .wxc-avatar{width:36px;height:36px}
  .wxc-compose textarea{font-size:16px}
  .wxc-send{width:44px;height:44px}
}
@media(prefers-reduced-motion:reduce){.wxc-list{scroll-behavior:auto}}
.wxc-list>:first-child{margin-top:auto}