/* V1 multi-zone PA routing, front-layer globe and unified controls scrolling. */

/* Let the suspended globe escape the background stacking layer. */
.future-scene{z-index:auto}
.future-core{z-index:30}

/* Consoles and PA now share one independent scrolling viewport. */
.operator-desk{height:auto;min-height:0;overflow:visible;overscroll-behavior:auto;scrollbar-gutter:auto;padding-right:0;align-items:stretch}
.controls-scroll{height:min(470px,calc(100vh - 165px));min-height:320px;overflow-y:scroll;overscroll-behavior:contain;scrollbar-gutter:stable;padding-right:8px;scrollbar-color:#5bb8c7 #253337;scrollbar-width:auto}
.controls-scroll::-webkit-scrollbar{width:14px}
.controls-scroll::-webkit-scrollbar-track{background:#253337;border:2px solid #11191b}
.controls-scroll::-webkit-scrollbar-thumb{border:3px solid #253337;border-radius:8px;background:linear-gradient(#86dbe6,#3a8795)}
.controls-scroll::-webkit-scrollbar-thumb:hover{background:linear-gradient(#a4edf5,#4ca3b2)}

/* Multiple selected PA destinations read as one routed group. */
.pa-zones button.active{box-shadow:inset 0 0 0 2px #a9f2fa,0 0 10px #63ddea;background:#2f8594;color:#fff}

@media(max-width:650px){.controls-scroll{height:calc(100vh - 120px);min-height:300px}.operator-desk{height:auto;min-height:0}}