/* 2026/11/11-01 iStaging VR 全景播放器：全螢幕 + 右下角縮小 */
.ag-vr-overlay[hidden]{display:none!important}
.ag-vr-overlay{position:fixed;inset:0;z-index:1900;background:#06121b;color:#fff;display:flex;flex-direction:column;overflow:hidden}
.ag-vr-overlay *{box-sizing:border-box}
.ag-vr-view{position:relative;flex:1;min-height:0;overflow:hidden;background:#101d28}
.ag-vr-canvas{width:100%;height:100%;background:#14212c}
.ag-vr-poster{position:absolute;inset:0;background:#14212c;z-index:3;display:flex;align-items:center;justify-content:center}
.ag-vr-poster[hidden]{display:none!important}
.ag-vr-poster img{width:100%;height:100%;object-fit:cover;filter:brightness(.67)}
.ag-vr-status{position:absolute;z-index:4;left:50%;bottom:19%;transform:translateX(-50%);color:#fff;background:#101923bb;border:1px solid #ffffff40;border-radius:12px;padding:10px 16px;font-size:15px;text-align:center;max-width:80%;pointer-events:none}
.ag-vr-status:empty{display:none}
.ag-vr-controls{position:absolute;top:max(12px,env(safe-area-inset-top));right:14px;display:flex;gap:8px;z-index:11}
.ag-vr-controls button,.ag-vr-room-toggle,.ag-vr-floor-trigger,.ag-vr-floor-close{border:1px solid #ffffff70;border-radius:11px;background:#07131ed9;color:white;cursor:pointer;font-weight:800;min-width:45px;min-height:45px;padding:10px 13px}
.ag-vr-controls button:hover,.ag-vr-room-toggle:hover,.ag-vr-floor-trigger:hover{background:#143b4b}
.ag-vr-rooms{position:absolute;z-index:10;left:10px;top:max(10px,env(safe-area-inset-top));width:min(158px,39vw);max-height:min(72vh,640px);display:flex;flex-direction:column;border:1px solid #ffffff3d;border-radius:12px;background:rgba(4,17,25,.50);backdrop-filter:blur(3px);overflow:hidden}
.ag-vr-room-toggle{display:flex;align-items:center;justify-content:space-between;gap:3px;min-height:44px;border:0;border-radius:0;background:#091e2c38;text-align:left;font-size:12px;padding:7px}
.ag-vr-room-list{overflow-y:auto;overscroll-behavior:contain;min-height:0;scrollbar-width:thin;display:grid;gap:5px;padding:8px}
.ag-vr-rooms.collapsed .ag-vr-room-list{display:none}
.ag-vr-room{display:flex;align-items:center;gap:5px;border:1px solid #ffffff3b;border-radius:8px;min-height:45px;padding:4px;background:#041a293b;color:#fff;text-align:left;cursor:pointer;font-size:12px;font-weight:750}
.ag-vr-room:hover{background:#27505d95}
.ag-vr-room.active{background:#008a7990;border-color:#bdfdf3}
.ag-vr-room img{flex:none;width:43px;height:34px;object-fit:cover;border-radius:5px;background:#213747}
.ag-vr-room span{line-height:1.35;overflow-wrap:anywhere}
.ag-vr-floor-trigger{position:absolute;z-index:10;right:16px;bottom:max(20px,env(safe-area-inset-bottom));box-shadow:0 3px 15px #0006}
.ag-vr-floor[hidden]{display:none!important}
.ag-vr-floor{position:absolute;z-index:12;right:16px;bottom:78px;width:min(340px,70vw);max-height:55vh;border-radius:14px;border:1px solid #ffffff5a;background:#fff;color:#18313b;padding:13px;box-shadow:0 12px 40px #0007}
.ag-vr-floor-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-weight:850}
.ag-vr-floor-close{background:#24424c;color:#fff;min-width:35px;min-height:35px;padding:4px}
.ag-vr-floor img{display:block;max-width:100%;max-height:calc(55vh - 85px);object-fit:contain;margin:auto}
.ag-vr-external{position:absolute;bottom:18px;left:14px;z-index:5;font-size:12px;color:#d9eff1;background:#071522b8;padding:8px 10px;border-radius:9px;text-decoration:underline}
.ag-vr-overlay.mini{inset:auto 10px max(10px,env(safe-area-inset-bottom)) auto;width:min(50vw,300px);height:auto;aspect-ratio:16/10;border-radius:12px;border:2px solid #e9fdf6;box-shadow:0 10px 38px #0009}
.ag-vr-overlay.mini .ag-vr-rooms,.ag-vr-overlay.mini .ag-vr-floor-trigger,.ag-vr-overlay.mini .ag-vr-floor,.ag-vr-overlay.mini .ag-vr-external{display:none!important}
.ag-vr-overlay.mini .ag-vr-controls{top:7px;right:7px}
.ag-vr-overlay.mini .ag-vr-controls button{min-width:36px;min-height:36px;padding:5px 8px}
.ag-vr-overlay.mini .ag-vr-status{bottom:12%;font-size:12px;padding:6px 8px}
.ag-vr-overlay .pnlm-container{width:100%;height:100%}
@media(max-width:600px){
 .ag-vr-rooms{left:6px;top:max(8px,env(safe-area-inset-top));width:min(132px,38vw);max-height:65vh}
 .ag-vr-controls{right:8px;top:max(8px,env(safe-area-inset-top))}
 .ag-vr-controls button{min-width:42px;min-height:42px;padding:7px}
 .ag-vr-room{font-size:12px;min-height:50px}
 .ag-vr-room img{width:37px;height:30px}
 .ag-vr-floor-trigger{right:10px;bottom:18px}
 .ag-vr-floor{right:10px;bottom:75px}
 .ag-vr-overlay.mini{bottom:max(10px,env(safe-area-inset-bottom));width:50vw;height:auto;aspect-ratio:16/10}
}

/* 2026/11/11-05 VR 格局圖：靠右半寬、70% 透明；房間清單捲軸提高明暗對比 */
.ag-vr-floor{right:0;bottom:78px;width:50%;max-height:73%;padding:0;border:0;border-radius:12px 0 0 12px;background:transparent;box-shadow:none;opacity:.45;pointer-events:none;overflow:hidden}
.ag-vr-floor img{width:100%;height:auto;max-width:100%;max-height:calc(73vh - 5px);object-fit:contain;margin:0 0 0 auto;filter:drop-shadow(0 3px 6px #0007)}
.ag-vr-floor-trigger{z-index:13}
.ag-vr-room-list{scrollbar-width:auto;scrollbar-color:#a6bdb6 #16313b;scrollbar-gutter:stable}
.ag-vr-room-list::-webkit-scrollbar{width:11px}
.ag-vr-room-list::-webkit-scrollbar-track{background:#16313b;border-radius:8px}
.ag-vr-room-list::-webkit-scrollbar-thumb{background:#a6bdb6;border:2px solid #16313b;border-radius:8px}
.ag-vr-room-list::-webkit-scrollbar-thumb:hover{background:#d3e6dd}
.ag-vr-line-icon{width:19px;height:19px;flex:0 0 19px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}
.ag-vr-room-toggle .ag-vr-line-icon{width:16px;height:16px;flex-basis:16px}
.ag-vr-room-toggle .ag-vr-toggle-label{flex:1;text-align:left;white-space:nowrap}
.ag-vr-floor-trigger .ag-vr-line-icon{margin-right:5px}
.ag-vr-floor[hidden]{display:none!important}
@media(max-width:600px){.ag-vr-floor{right:0;bottom:75px;width:50%;max-height:68%}.ag-vr-floor img{max-height:68vh}}

/* 2026/11/11-08 VR 格局圖右側留白，四個角保留圓弧 */
.ag-vr-floor{
 right:14px;
 width:calc(50% - 14px);
 border-radius:14px;
 overflow:hidden;
}
.ag-vr-floor img{border-radius:14px}
@media(max-width:600px){
 .ag-vr-floor{right:10px;width:calc(50% - 10px);border-radius:12px}
 .ag-vr-floor img{border-radius:12px}
}