/* v0.10.5.31: Only active viewers. All server wide metrics remain in Server Overview. */
#serverDashboardModal .serverPerformanceCard{width:min(1180px,94vw);max-width:1180px;max-height:92dvh;overflow:auto}
#serverDashboardModal .serverPerformanceCard>h2{font-size:clamp(21px,2.5vw,31px);margin:5px 0}
.eliteNowPlayingGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,450px),1fr));gap:14px;margin:20px 0}
.eliteNowCard{background:linear-gradient(145deg,rgba(37,59,84,.55),rgba(18,29,46,.75));border:1px solid rgba(136,172,210,.19);border-radius:13px;overflow:hidden;padding:16px;min-width:0;box-shadow:0 7px 24px rgba(0,0,0,.12)}
.eliteNowPrimary{display:flex;align-items:flex-start;gap:15px;min-height:92px}
.eliteNowArt{flex:0 0 64px;width:64px;height:90px;border-radius:8px;overflow:hidden;background:rgba(123,156,192,.15);display:flex;align-items:center;justify-content:center;color:#9ecff1}
.eliteNowArt>img{width:100%;height:100%;object-fit:cover}
.eliteNowArtFallback{font-size:25px}
.eliteNowDetails{min-width:0;flex:1}
.eliteNowHeadline{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
.eliteNowHeadline strong{font-size:15px;overflow-wrap:anywhere;line-height:1.3}
.eliteNowHeadline .elitePlaybackState{flex-shrink:0}
.eliteNowViewer{font-size:12px;color:#c1d1e3;margin:9px 0;overflow-wrap:anywhere}
.eliteNowViewer strong{color:#eff6ff}
.eliteNowChips{display:flex;gap:6px;flex-wrap:wrap}
.eliteNowChips span{background:rgba(108,157,202,.14);border:1px solid rgba(122,174,211,.2);border-radius:5px;padding:4px 7px;font-size:11px;color:#c3d7e6}
.eliteNowMore{margin-top:14px;border-top:1px solid rgba(138,170,208,.17);padding-top:9px}
.eliteNowMore summary{cursor:pointer;font-size:12px;font-weight:600;padding:7px 2px;color:#b7dafa}
.eliteNowMetrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:12px 0}
.eliteNowMetrics>div{border-radius:8px;padding:10px;background:rgba(118,157,202,.08)}
.eliteNowMetrics small,.eliteNowMetrics strong{display:block;overflow-wrap:anywhere}
.eliteNowMetrics small{font-size:10px;color:#96adc6;margin-bottom:5px}
.eliteNowMetrics strong{font-size:12px}
.eliteNowFine{font-size:11px;color:#aabed2;margin:7px 0;overflow-wrap:anywhere}
.eliteNowMore .eliteStreamActions{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin-top:14px}
.eliteNowMore .eliteStreamActions button,.eliteNowMore .eliteStreamActions select{font-size:12px;min-height:34px}
.eliteNowMore .eliteStreamActions label{display:flex;align-items:center;gap:6px;font-size:11px}
.eliteNowEmpty{grid-column:1/-1;min-height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;border-radius:12px;border:1px dashed rgba(130,170,210,.35);color:#b5c9df}
.eliteNowEmpty strong{font-size:15px}.eliteNowEmpty small{font-size:12px}
@media(max-width:560px){#serverDashboardModal .serverPerformanceCard{width:98vw;padding:12px}.eliteNowCard{padding:12px}.eliteNowArt{flex-basis:52px;width:52px;height:73px}.eliteNowMetrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Prevent fullscreen/player layers from hiding the Cast dialog. */
#eliteCastModal:not([hidden]){z-index:9999!important;position:fixed;inset:0}
#eliteCastModal>.modalCard{max-height:88dvh;overflow-y:auto}
