.live-activity{position:relative;overflow:hidden;background:linear-gradient(135deg,color-mix(in srgb,var(--admin-accent) 5%,var(--admin-panel)),var(--admin-panel))}.live-activity-actions{display:flex;align-items:center;gap:9px}.live-activity-actions .live-admin-icon-button{flex:none}.live-activity-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.live-activity-session{min-width:0;padding:16px;border:1px solid var(--admin-line);border-radius:13px;background:#ffffff03}.live-activity-session-head{display:flex;align-items:center;gap:11px;min-width:0}.live-activity-device-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;color:var(--admin-accent);background:color-mix(in srgb,var(--admin-accent) 11%,transparent);flex:none}.live-activity-device-icon .icon{width:18px;height:18px}.live-activity-identity{min-width:0;flex:1}.live-activity-identity h3{margin:0;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live-activity-identity p{margin:4px 0 0;color:var(--muted,#8e9bae);font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live-activity-presence{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--admin-line);border-radius:999px;padding:5px 8px;color:#8ee1b0;font-size:10px;white-space:nowrap}.live-activity-presence i{display:block;width:6px;height:6px;border-radius:50%;background:currentColor}.live-activity-presence.hidden{color:#d1b989}.live-activity-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:16px 0 0;padding:13px 0;border-top:1px solid var(--admin-line);border-bottom:1px solid var(--admin-line)}.live-activity-meta div{min-width:0}.live-activity-meta dt{margin:0 0 4px;color:var(--muted,#8e9bae);font-size:9px}.live-activity-meta dd{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.live-activity-session-body{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:15px;margin-top:14px}.live-activity-kicker{display:block;margin-bottom:7px;color:var(--admin-accent);font-size:9px;letter-spacing:.14em;text-transform:uppercase}.live-activity-playback{display:grid;gap:4px;min-width:0}.live-activity-playback strong,.live-activity-playback span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live-activity-playback strong{font-size:12px}.live-activity-playback>span{color:var(--muted,#8e9bae);font-size:10px}.live-activity-playback-state{font-variant-numeric:tabular-nums}.live-activity-playback meter{display:block;width:100%;height:5px;margin-top:5px;appearance:none;border:0;border-radius:9px;overflow:hidden;background:var(--admin-line)}.live-activity-playback meter::-webkit-meter-bar{height:5px;border:0;border-radius:9px;background:var(--admin-line)}.live-activity-playback meter::-webkit-meter-optimum-value{border-radius:9px;background:var(--admin-accent)}.live-activity-playback meter::-moz-meter-bar{border-radius:9px;background:var(--admin-accent)}.live-activity-seen{display:grid;align-content:start;justify-items:end;gap:3px;min-width:124px}.live-activity-seen span{color:var(--muted,#8e9bae);font-size:9px}.live-activity-seen time{font-size:10px;white-space:nowrap;font-variant-numeric:tabular-nums}.live-activity-muted{color:var(--muted,#8e9bae);font-size:11px}.live-activity[data-activity-state="stale"]{border-color:#806c3c66}.live-activity[data-activity-state="stale"] .live-activity-list{opacity:.8}.live-activity .live-admin-empty{grid-column:1/-1;min-height:94px}
@media(max-width:900px){.live-activity-list{grid-template-columns:1fr}}
@media(max-width:700px){.live-activity-actions{align-items:flex-end;flex-direction:column-reverse;gap:6px}.live-activity-actions .live-admin-status{max-width:160px;overflow:hidden;text-overflow:ellipsis}.live-activity-session-body{grid-template-columns:1fr}.live-activity-seen{justify-items:start;grid-template-columns:auto 1fr;column-gap:8px;min-width:0}.live-activity-seen time{white-space:normal}.live-activity-meta{grid-template-columns:1fr 1fr}.live-activity-meta div:last-child{grid-column:1/-1}}
.tv .live-activity-session{min-height:220px}.tv .live-activity-session:focus-within,.tv .live-activity-session:hover{border-color:var(--admin-accent)}.tv .live-activity .live-admin-icon-button{min-width:48px;min-height:48px}
@media(prefers-reduced-motion:reduce){.live-activity *{transition:none!important;animation:none!important}}