html body .actions-bar,
html body .actions-bar:has(#tvMorePanel){
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    gap:0!important;
    padding:8px 10px!important;
    min-height:0!important;
    background:#0d1727!important;
    border:0!important;
    border-top:1px solid #26364b!important;
    position:relative!important;
    box-sizing:border-box!important;
}

/* Información del canal, separada de las acciones. */
html body #nowPlaying.now-playing{
    display:flex!important;
    align-items:center!important;
    flex:0 0 168px!important;
    width:168px!important;
    min-width:0!important;
    max-width:168px!important;
    gap:9px!important;
    margin:0 10px 0 0!important;
    padding:0 12px 0 0!important;
    border-right:1px solid #33445a!important;
    box-sizing:border-box!important;
}
html body #nowPlaying .channel-logo{
    display:block!important;
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    flex:0 0 34px!important;
    border-radius:7px!important;
}
html body #nowPlaying .channel-logo img{
    width:34px!important;
    height:34px!important;
    object-fit:contain!important;
}
html body #nowPlaying h3{
    display:inline-block!important;
    max-width:100%!important;
    margin:0!important;
    font-size:13px!important;
    line-height:1.3!important;
    vertical-align:middle;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
html body #nowPlaying small{
    display:inline!important;
    margin-left:5px!important;
    font-size:10px!important;
    color:#aab9cb!important;
}
html body #nowPlaying .tv-playback-status{
    margin-top:2px!important;
    font-size:11px!important;
    line-height:1.3!important;
}
html body #nowPlaying .tv-connection-details{
    position:relative;
    margin:0!important;
    font-size:10px!important;
    line-height:1.3!important;
}
html body #nowPlaying .tv-connection-details summary{
    padding:3px 0!important;
    white-space:nowrap;
}
html body #nowPlaying .tv-connection-details[open]>.stream-status{
    position:absolute;
    top:100%;
    left:0;
    z-index:100;
    min-width:210px;
    max-width:calc(100vw - 32px);
    padding:10px;
    background:#122237;
    border:1px solid #40536b;
    border-radius:9px;
    box-shadow:0 8px 24px #0005;
}

/* Una única fila de acciones; desplazamiento solo si hace falta. */
html body #nowPlaying + .actions-group{
    display:flex!important;
    flex:1 1 0!important;
    width:auto!important;
    min-width:0!important;
    max-width:100%!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:3px!important;
    margin:0!important;
    padding:2px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    overscroll-behavior-x:contain;
    scrollbar-width:thin;
    scrollbar-color:#405b72 transparent;
    box-sizing:border-box!important;
}
html body #nowPlaying + .actions-group .action-btn{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 auto!important;
    gap:6px!important;
    min-height:40px!important;
    padding:8px 10px!important;
    margin:0!important;
    background:transparent!important;
    color:#dce7f3!important;
    border:0!important;
    border-right:1px solid #2c3d52!important;
    border-radius:0!important;
    box-shadow:none!important;
    font-size:12px!important;
    white-space:nowrap!important;
    transform:none!important;
}
html body #nowPlaying + .actions-group .action-btn[hidden]{
    display:none!important;
}
html body #nowPlaying + .actions-group .action-btn:last-child{
    border-right:0!important;
}
html body #nowPlaying + .actions-group .action-btn:hover{
    background:#1b3046!important;
    border-radius:7px!important;
}
html body #nowPlaying + .actions-group #tvGuideButton{
    background:#14546a!important;
    color:#f0fdff!important;
    border:1px solid #40bdd2!important;
    border-radius:8px!important;
    margin-inline:3px!important;
}
html body #nowPlaying + .actions-group .action-btn:focus-visible{
    outline:2px solid #67e8f9!important;
    outline-offset:-2px!important;
    border-radius:7px!important;
}

/* Compatibilidad con el menú anterior si aún está dentro de la barra. */
html body .actions-bar > #tvMorePanel:not([hidden]){
    position:absolute!important;
    inset:auto 8px calc(100% + 6px) auto!important;
    width:220px!important;
    padding:8px!important;
    flex-direction:column!important;
    background:#122237!important;
    border:1px solid #40536b!important;
    border-radius:10px!important;
    z-index:100!important;
}
@media(max-width:600px){
    html body .actions-bar{
        padding:7px 6px!important;
    }
    html body #nowPlaying.now-playing{
        flex-basis:128px!important;
        width:128px!important;
        max-width:128px!important;
        margin-right:6px!important;
        padding-right:8px!important;
        gap:6px!important;
    }
    html body #nowPlaying .channel-logo,
    html body #nowPlaying .channel-logo img{
        width:28px!important;
        height:28px!important;
        min-width:28px!important;
    }
    html body #nowPlaying .channel-logo{
        flex-basis:28px!important;
    }
    html body #nowPlaying h3{
        font-size:12px!important;
    }
    html body #nowPlaying + .actions-group .action-btn{
        padding:8px!important;
    }
}