/* Royal Bandits MCC · AIWORK Virtual Operations HQ v3 · local/production additive layer */
.aw3-hq{--aw3-gold:#e5ad3e;--aw3-cyan:#39caff;--aw3-line:#35526b;display:grid;grid-template-columns:minmax(0,1.95fr) minmax(275px,.8fr);gap:13px;background:radial-gradient(ellipse at 52% 0,#1d3a57 0,#0b1724 50%,#060c13 100%);padding:14px;border-top:1px solid #354f60;min-height:580px}
.aw3-hq[hidden]{display:none!important}
.aw3-stage{min-width:0;display:flex;flex-direction:column;gap:10px}
.aw3-scene-top{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.aw3-hq .aw3-eyebrow{font:700 10px/1.4 system-ui;letter-spacing:2px;color:#cba658}
.aw3-hq .aw3-title{font:800 clamp(17px,1.5vw,23px)/1.2 system-ui;color:#ecf5ff;margin:4px 0 0}
.aw3-hq .aw3-controls{display:flex;align-items:center;gap:5px;flex-wrap:wrap}
.aw3-hq button{font-family:inherit}
.aw3-tiny{border:1px solid #35556a;background:#0c2235;color:#d2ebf9;border-radius:8px;min-height:34px;padding:7px 10px;font-size:11px;font-weight:700;cursor:pointer;white-space:nowrap}
.aw3-tiny:hover,.aw3-tiny:focus-visible{border-color:#4ebfee;background:#163d55;outline:none}
.aw3-tiny.active,.aw3-tiny.gold{border-color:#efc35a;background:linear-gradient(135deg,#e8bd59,#92671e);color:#17140d;box-shadow:0 1px 14px #c89d3a44}
.aw3-scene{position:relative;isolation:isolate;overflow:auto;background:radial-gradient(ellipse at 50% 5%,#23466a 0,#0a1d2f 52%,#040d19 100%);border:1px solid #315979;border-radius:13px;box-shadow:inset 0 0 50px #0007,0 6px 35px #0008;max-height:690px}
.aw3-world{position:relative;min-width:720px;min-height:555px;padding:17px 17px 21px;transform:scale(var(--aw3-zoom,1));transform-origin:top left;transition:transform .16s ease}
.aw3-world:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 3%,#21476222 3.1%,transparent 3.2%),repeating-linear-gradient(0deg,transparent 0 29px,#55748a15 30px 31px);opacity:.4;pointer-events:none}
.aw3-world:after{content:"";position:absolute;top:4px;left:25%;width:50%;height:6px;border-radius:0 0 20px 20px;background:#f0c66d;box-shadow:0 0 18px #c8a34d77,0 0 50px #d1b05a22;pointer-events:none}
.aw3-rooms{position:relative;z-index:1;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:10px;align-items:stretch}
.aw3-room{--tint:#40a8de;grid-column:span 4;position:relative;display:flex;flex-direction:column;min-height:154px;border:1px solid color-mix(in srgb,var(--tint) 48%,#1c3450);background:#05111f;border-radius:10px;overflow:hidden;text-align:left;cursor:pointer;padding:0;box-shadow:0 5px 18px #000a,inset 0 0 16px color-mix(in srgb,var(--tint) 15%,transparent);transition:transform .16s ease,border-color .16s ease}
.aw3-room[data-size="quarter"]{grid-column:span 3;min-height:177px}
.aw3-room:hover,.aw3-room:focus-visible,.aw3-room[data-selected="true"]{border-color:var(--aw3-gold);outline:none;box-shadow:0 0 0 1px #e6b84a88,0 0 24px #d4a34122;transform:translateY(-2px)}
.aw3-room .aw3-photo{position:absolute;inset:0;background:radial-gradient(ellipse at 50% -15%,color-mix(in srgb,var(--tint) 21%,transparent),transparent 70%),linear-gradient(180deg,#142e49 0 12%,#071928 12% 63%,#0a1823 64%);pointer-events:none}
.aw3-room .aw3-backwall{position:absolute;top:8%;left:9%;width:82%;height:48%;border:2px solid color-mix(in srgb,var(--tint) 55%,#28364c);border-radius:4px;background:linear-gradient(#061826,#05111b);box-shadow:inset 0 0 20px #030812,0 0 14px color-mix(in srgb,var(--tint) 25%,transparent);pointer-events:none}
.aw3-room .aw3-backwall:before{content:"";position:absolute;inset:12% 9%;background:repeating-linear-gradient(0deg,transparent 0 12px,color-mix(in srgb,var(--tint) 32%,transparent) 13px 14px),linear-gradient(90deg,transparent 0 32%,color-mix(in srgb,var(--tint) 32%,transparent) 33% 34%,transparent 35% 66%,color-mix(in srgb,var(--tint) 25%,transparent) 67% 68%,transparent 69%);opacity:.72}
.aw3-room .aw3-floor{position:absolute;left:-15%;bottom:-22%;width:130%;height:58%;transform:perspective(170px) rotateX(41deg);background:repeating-linear-gradient(90deg,#172c3d 0 35px,#234259 36px 37px),repeating-linear-gradient(0deg,transparent 0 20px,#49758b33 21px 22px);border-top:3px solid #d1aa60;box-shadow:0 -5px 25px #d8b05233;pointer-events:none}
.aw3-room .aw3-monitors{position:absolute;top:24%;left:12%;width:76%;height:34%;display:flex;align-items:stretch;justify-content:center;gap:4px;pointer-events:none}
.aw3-room .aw3-monitor{width:31%;border:2px solid #245e80;background:linear-gradient(125deg,#071a29,#0a344b);border-radius:4px;box-shadow:0 0 13px color-mix(in srgb,var(--tint) 45%,transparent),inset 0 0 5px #000a;position:relative;overflow:hidden}
.aw3-room .aw3-monitor:after{content:"";position:absolute;inset:16% 12%;background:repeating-linear-gradient(0deg,color-mix(in srgb,var(--tint) 50%,transparent) 0 2px,transparent 2px 7px);opacity:.75}
.aw3-room .aw3-desk{position:absolute;top:59%;left:19%;width:62%;height:13%;background:linear-gradient(180deg,#cb9948 0 14%,#302b2a 15% 70%,#121d27 72%);transform:perspective(150px) rotateX(24deg);border-radius:3px;box-shadow:0 6px 12px #000a;pointer-events:none}
.aw3-room .aw3-people{position:absolute;top:47%;left:0;width:100%;display:flex;justify-content:center;gap:14%;pointer-events:none}
.aw3-person{position:relative;width:17px;height:35px;filter:drop-shadow(0 3px 3px #000b)}
.aw3-person:before{content:"";position:absolute;top:0;left:4px;width:9px;height:9px;background:#e5d3bb;border:1px solid #987a5a;border-radius:50%;z-index:2}
.aw3-person:after{content:"";position:absolute;top:9px;left:1px;width:15px;height:23px;border-radius:5px 5px 3px 3px;background:linear-gradient(90deg,#1a3f69,#397eac,#183b5a);border:1px solid #40627e}
.aw3-room .aw3-caption{position:relative;margin-top:auto;z-index:2;background:linear-gradient(180deg,#07131fe8,#06111bfa);border-top:1px solid color-mix(in srgb,var(--tint) 45%,#1f3850);padding:8px 10px;display:flex;justify-content:space-between;gap:7px;align-items:center;min-height:48px}
.aw3-room .aw3-caption b{font:800 12px/1.35 system-ui;letter-spacing:.3px;color:#e6f4fe}
.aw3-room .aw3-caption small{display:block;color:#88a5b6;font-size:10px;margin-top:3px}
.aw3-count{font:800 12px system-ui;border:1px solid #24607b;border-radius:18px;background:#123048;color:#82defa;padding:5px 7px;min-width:31px;text-align:center;flex-shrink:0}
.aw3-room .aw3-statusdot{position:absolute;top:10px;right:10px;z-index:2;width:8px;height:8px;border-radius:50%;background:#e8c263;box-shadow:0 0 12px #e8bf66}
.aw3-room[data-state="working"] .aw3-statusdot{background:#67e8ae;box-shadow:0 0 13px #58edb6}
.aw3-room[data-state="unverified"] .aw3-statusdot{background:#68899e;box-shadow:none}
.aw3-room[data-role="master"]{--tint:#dca944}
.aw3-room[data-role="security"]{--tint:#36bff1}
.aw3-room[data-role="design"]{--tint:#b17de5}
.aw3-room[data-role="investigation"]{--tint:#57aecf}
.aw3-room[data-role="engineering"]{--tint:#66b4da}
.aw3-room[data-role="business"]{--tint:#53bc99}
.aw3-room[data-role="admin"]{--tint:#7cb2d9}
.aw3-room[data-role="personal"]{--tint:#87b9dd}
.aw3-room[data-role="development"]{--tint:#67d0ff}
.aw3-room[data-role="lounge"]{--tint:#d6a453}
.aw3-role-tag{position:absolute;z-index:3;top:8px;left:9px;border:1px solid #96723c;background:#080f19d9;color:#eacf88;border-radius:4px;padding:3px 5px;font-size:9px;letter-spacing:.6px;font-weight:800}
.aw3-sidebar{min-width:0;display:flex;flex-direction:column;gap:12px}
.aw3-panel{border:1px solid #284c69;border-radius:12px;background:linear-gradient(145deg,#0d2335,#07131e);padding:14px;box-shadow:0 6px 22px #0008}
.aw3-panel h3{font-size:15px;color:#eec66e;margin:0 0 10px}
.aw3-panel p{font-size:12px;color:#a9c4d5;margin:5px 0 12px;line-height:1.6}
.aw3-panel-title{font:800 22px system-ui;color:#eaf6ff;margin:0 0 6px}
.aw3-panel-small{font:700 10px system-ui;letter-spacing:1px;color:#92b6cf}
.aw3-agent-list{display:grid;gap:6px;max-height:260px;overflow-y:auto;padding-right:4px}
.aw3-agent-item{display:flex;align-items:center;gap:9px;justify-content:space-between;width:100%;padding:9px 10px;border:1px solid #254560;border-radius:8px;background:#10243a;color:#d8ebf6;cursor:pointer;text-align:left;font-size:12px}
.aw3-agent-item:hover,.aw3-agent-item[aria-pressed="true"]{border-color:#d7a846;background:#234057;color:#fff}
.aw3-agent-item .aw3-pill{font-size:10px;color:#a2d0e2}
.aw3-agent-item .aw3-pill[data-state="working"]{color:#7ee3b5}
.aw3-agent-item .aw3-pill[data-state="offline"]{color:#f3aaa3}
.aw3-agent-item .aw3-pill[data-state="idle"]{color:#bfd4da}
.aw3-current{margin:10px 0;padding:10px;border:1px solid #2b5066;border-radius:9px;background:#081b2b;color:#c8dfef;overflow-wrap:anywhere;font-size:12px;line-height:1.5;max-height:140px;overflow:auto}
.aw3-current strong{display:block;color:#e8c26b;font-size:10px;letter-spacing:.8px;text-transform:uppercase;margin-bottom:5px}
.aw3-summary{display:flex;flex-wrap:wrap;gap:7px}
.aw3-summary span{border:1px solid #284b60;background:#102638;color:#acc8da;padding:6px 8px;border-radius:7px;font-size:11px}
.aw3-toast{font:600 11px system-ui;color:#a9bec9;margin:3px 0 0}
.aw3-modern #vhqViewport{display:none!important}
.aw3-modern .vhq-head .chips{display:none}
.aw3-hero-image{width:100%;border-radius:8px;border:1px solid #405b65;margin:0 0 9px;max-height:120px;object-fit:cover;display:none}
@media (max-width:1250px){.aw3-hq{grid-template-columns:1fr}.aw3-sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.aw3-scene{max-height:630px}}
@media (max-width:780px){
 .aw3-hq{padding:8px;gap:10px;grid-template-columns:1fr;min-height:auto}
 .aw3-sidebar{grid-template-columns:1fr}
 .aw3-scene{max-height:580px}
 .aw3-world{min-width:620px;min-height:505px;padding:10px}
 .aw3-rooms{gap:7px}
 .aw3-room{min-height:142px}
 .aw3-room[data-size="quarter"]{min-height:157px}
 .aw3-room .aw3-caption{padding:6px;min-height:43px}
 .aw3-room .aw3-caption b{font-size:10px}
 .aw3-room .aw3-caption small{font-size:9px}
 .aw3-tiny{min-height:39px}
 .aw3-scene-top{align-items:flex-start}
 .aw3-controls{flex-wrap:wrap;gap:5px}
 .p1-chips{max-height:90px;overflow:auto}
 .vhq-head{gap:7px}
 .vhq-head .brand p{max-width:200px}
 .vhq-hero-card .vhq-head .brand h2{font-size:13px}
 #aw2InOffice{font-size:10px;padding:7px}
}
@media(prefers-reduced-motion:reduce){.aw3-world,.aw3-room{transition:none}}

/* Mobile HQ priority + fixed bottom-navigation touch-safe spacing. */
@media(max-width:780px){
 .main{padding-bottom:140px!important}
 .p1-hero{margin-bottom:8px!important}
 .p1-hero .p1-title{font-size:23px!important}
 .p1-sub{display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;max-height:38px}
 .p1-chips{display:none!important}
 .p1-hero-r{display:flex!important;gap:6px!important;margin:5px 0 7px!important}
 .p1-hero-r .btn{min-height:38px!important;font-size:11px!important;padding:6px 10px!important}
 .stats{display:flex!important;grid-template-columns:none!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;scrollbar-width:thin!important;gap:8px!important;padding-bottom:7px!important;margin-bottom:10px!important}
 .stats>.stat{flex:0 0 133px!important;width:133px!important;min-height:73px!important;scroll-snap-align:start!important;padding:8px 10px!important}
 .stats>.stat .val{font-size:19px!important}
 .stats>.stat .lbl{font-size:9px!important}
 .aw3-hq{scroll-margin-top:70px}
 .aw3-sidebar .aw3-panel:last-child{padding-bottom:100px!important}
 #aw3EnterAgent{min-height:48px;position:relative;z-index:3;scroll-margin-bottom:170px}
 #aw3Focus{scroll-margin-bottom:170px;scroll-margin-top:75px}
 .aw3-scene{overscroll-behavior:contain}
 .aw3-scene-top .aw3-controls{max-width:100%}
 .bottom-nav,.m-bottom-nav{isolation:isolate}
}