/* Nombre único visible: el de la información del canal. */
.tv-zap {
    padding:4px 12px!important;
    gap:8px!important;
    min-height:44px;
    box-sizing:border-box;
}
.tv-zap button {
    min-height:36px!important;
    padding:6px 12px!important;
    border-radius:10px!important;
    font-size:12px!important;
}
.tv-zap [role="status"] {
    position:absolute!important;
    width:1px!important;height:1px!important;
    padding:0!important;margin:-1px!important;
    overflow:hidden!important;
    clip-path:inset(50%)!important;
    white-space:nowrap!important;
}
.tv-zap::before {
    content:"Desliza para cambiar";
    order:1;
    flex:1;
    text-align:center;
    font-size:11px;
    color:#a9bad0;
}
.tv-zap button:first-child {order:0}
.tv-zap button:last-child {order:2}

html body .actions-bar {
    padding:7px 12px!important;
    gap:12px!important;
    min-height:0!important;
}
.now-playing {
    flex:0 1 230px!important;
    gap:9px!important;
    min-width:140px!important;
}
.now-playing .channel-logo {
    width:36px!important;height:36px!important;
    min-width:36px!important;
    flex:0 0 36px!important;
}
.now-playing .channel-logo img {
    width:36px!important;height:36px!important;
    object-fit:contain!important;
}
.now-playing h3 {font-size:14px!important;margin:0!important}
.now-playing small {font-size:10px!important}
.stream-status {font-size:10px!important;gap:5px!important}
.stream-status__metrics {display:none!important}

.actions-group {
    flex:1 1 auto!important;
    min-width:0!important;
    max-width:100%!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    flex-wrap:nowrap!important;
    justify-content:flex-start!important;
    gap:6px!important;
    padding:3px!important;
    overscroll-behavior-x:contain;
    touch-action:pan-x pan-y!important;
    scrollbar-width:thin;
    -webkit-overflow-scrolling:touch;
}
.actions-group .action-btn {
    flex:0 0 auto!important;
    min-height:40px!important;
    padding:8px 11px!important;
    font-size:12px!important;
    border-radius:10px!important;
}
.quick-links {
    flex-wrap:nowrap!important;
    overflow-x:auto!important;
    justify-content:flex-start!important;
    scrollbar-width:thin;
    overscroll-behavior-x:contain;
}
.quick-links a {flex-shrink:0!important}

/* Conservar encabezado y descripción para accesibilidad e indexación. */
.tv-seo {
    padding:5px 16px!important;
    margin:0!important;
}
.tv-seo > h1,
.tv-seo > p {
    position:absolute!important;
    width:1px!important;height:1px!important;
    padding:0!important;margin:-1px!important;
    overflow:hidden!important;
    clip-path:inset(50%)!important;
    white-space:nowrap!important;
}
.tv-seo summary {
    min-height:32px!important;
    display:flex;align-items:center;
    font-size:11px!important;
}
@media(max-width:700px) {
    html body .actions-bar {
        flex-wrap:nowrap!important;
        align-items:center!important;
        padding:6px 8px!important;
        gap:8px!important;
    }
    .now-playing {
        flex:0 0 125px!important;
        min-width:0!important;
    }
    .now-playing .channel-logo {display:none!important}
    .now-playing h3 {font-size:12px!important}
    .stream-status {font-size:9px!important}
    .actions-group .action-btn {
        min-width:40px!important;
        min-height:40px!important;
        padding:8px!important;
    }
    .tv-zap::before {font-size:10px}
}