.live-dashboard{max-width:1100px}.live-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:26px}.live-heading h1{letter-spacing:-.7px}.live-heading p{margin:0}.live-update{text-align:right;font-size:12px;color:#ddd;line-height:1.9}.live-update #liveFreshness{color:#999;font-size:11px}.live-update .button{margin-top:8px}.live-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:30px}.live-stats section{background:var(--surface);border:1px solid var(--border2);border-radius:9px;padding:18px 16px;min-width:0}.live-stats section>div{font-size:11px;color:var(--text2)}.live-stats strong{display:block;font-size:29px;font-weight:600;letter-spacing:-.7px;font-variant-numeric:tabular-nums;margin:12px 0 7px}.live-stats strong.online{color:#75dda0}.live-stats strong.offline{color:#edb878}.live-stats small{font-size:11px;color:var(--text2);line-height:1.5}.live-stats em{font-size:12px;font-style:normal;color:var(--text2);letter-spacing:0}.live-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.live-section-heading h2{font-size:17px;font-weight:600}.live-section-heading>span,.live-section-heading h2 span{font-size:11px;color:var(--text3)}.live-section-heading h2 span{margin-left:8px}.live-sessions{display:grid;gap:12px}.live-stream{display:flex;gap:20px;background:var(--surface);border:1px solid var(--border2);border-radius:9px;padding:17px;min-width:0}.live-cover{width:88px;height:132px;flex-shrink:0;border-radius:5px;overflow:hidden;background:#242424;display:flex;align-items:center;justify-content:center;color:#aaa;font-size:20px}.live-cover img{width:100%;height:100%;object-fit:cover}.live-content{flex:1;min-width:0}.live-title-row{display:flex;justify-content:space-between;align-items:start;gap:12px}.live-user{font-size:11px;color:#ddd;overflow-wrap:anywhere}.live-user span{color:#999}.live-stream h3{font-size:18px;font-weight:600;margin:7px 0 4px;overflow-wrap:anywhere}.live-content p{font-size:11px;margin:0;line-height:1.5;overflow-wrap:anywhere}.live-state{font-size:11px;white-space:nowrap;color:#78dda0;padding-top:2px}.live-state.paused,.live-state.unknown{color:#bbb}.live-state.buffering{color:#eabc77}.live-tags{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0}.live-tags span{font-size:10px;padding:4px 7px;border-radius:4px;background:#242424;color:#c2c2c2}.live-tags .transcode{background:#382916;color:#eabc77}.live-progress{height:4px;background:#303030;border-radius:3px;overflow:hidden}.live-progress>div{height:100%;background:var(--red)}.live-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px;font-size:11px;font-variant-numeric:tabular-nums}.live-bottom span span{color:#999;margin-left:4px}.live-details{margin-top:10px;font-size:11px;color:#aaa;line-height:1.6}.live-details summary{cursor:pointer;display:list-item;width:fit-content;padding:4px 0;min-height:28px}.live-details dl{display:grid;grid-template-columns:60px minmax(0,1fr);gap:7px 10px;font-size:12px;padding-top:8px;margin:0}.live-details dt{color:#999}.live-details dd{margin:0;overflow-wrap:anywhere}.live-footer{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:22px;font-size:11px;color:#888}.live-empty{text-align:center;padding:42px 16px;color:#aaa;background:var(--surface);border:1px solid var(--border2);border-radius:9px}.live-empty h3{font-size:17px;color:#eee;margin-bottom:8px}.live-empty p{margin:0}.live-dashboard.stale .live-sessions{opacity:.6}.live-dashboard.stale .live-section-heading h2:after{content:' · Last snapshot';font-size:11px;color:#eabc77}@media(max-width:760px){.live-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.live-heading{flex-direction:column;align-items:start;gap:12px}.live-update{text-align:left}.live-cover{width:62px;height:93px}.live-stream{padding:12px;gap:12px}.live-title-row{flex-wrap:wrap;gap:5px}.live-stats section{padding:14px 12px}.live-stats strong{font-size:26px}.live-details dl{grid-template-columns:1fr;gap:3px}.live-details dd{margin-bottom:6px}}@media(pointer:coarse){.live-details summary{min-height:44px}}
