/* LUZMU V16 — Top Resets usa exactamente el mismo marco gráfico */

/* The outer dashboard card owns the premium SVG frame. */
.dashboard-grid > .topresets-frame-card{
    position:relative!important;
    min-height:430px!important;
    height:100%!important;
    overflow:hidden!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    isolation:isolate!important;
}

/* Force the same graphical frame used by the other cards. */
.dashboard-grid > .topresets-frame-card::before{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    z-index:-2!important;
    display:block!important;
    width:auto!important;
    height:auto!important;
    opacity:1!important;
    border:0!important;
    transform:none!important;
    background:url('../assets/ui/frame-card-premium.svg?v=15') center/100% 100% no-repeat!important;
    pointer-events:none!important;
}

.dashboard-grid > .topresets-frame-card::after{
    content:""!important;
    position:absolute!important;
    inset:24px!important;
    z-index:-1!important;
    display:block!important;
    width:auto!important;
    height:auto!important;
    opacity:1!important;
    border:0!important;
    transform:none!important;
    background:linear-gradient(160deg,rgba(8,20,29,.96),rgba(2,8,12,.985))!important;
    pointer-events:none!important;
}

/* The PHP ranking section must not cover the graphic frame. */
.topresets-frame-card .ranking-panel,
.topresets-frame-card .ranking-panel-v13,
.topresets-frame-card .premium-panel{
    position:relative!important;
    z-index:2!important;
    width:100%!important;
    height:100%!important;
    min-height:430px!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    background:transparent!important;
    background-image:none!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
}

/* Suppress any old fake border/corner layers from the nested ranking panel. */
.topresets-frame-card .ranking-panel::before,
.topresets-frame-card .ranking-panel::after,
.topresets-frame-card .premium-panel::before,
.topresets-frame-card .premium-panel::after{
    display:none!important;
    content:none!important;
}

/* Use the same premium header ornament as the other cards. */
.topresets-frame-card .section-heading{
    position:relative!important;
    min-height:72px!important;
    margin:10px 18px 0!important;
    padding:0 28px!important;
    display:grid!important;
    grid-template-columns:minmax(60px,1fr) auto minmax(60px,1fr)!important;
    align-items:center!important;
    border:0!important;
    background:transparent!important;
}

.topresets-frame-card .section-heading::before{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    z-index:-1!important;
    display:block!important;
    background:url('../assets/ui/heading-ornament.svg?v=15') center/100% 100% no-repeat!important;
}

.topresets-frame-card .section-heading::after{
    display:none!important;
    content:none!important;
}

.topresets-frame-card .section-heading > span:first-child{
    grid-column:1!important;
}

.topresets-frame-card .section-heading h2{
    grid-column:2!important;
    justify-self:center!important;
    margin:0!important;
    padding:0 14px!important;
    color:#f0c762!important;
    text-align:center!important;
    font:700 18px/1 Georgia,"Times New Roman",serif!important;
    letter-spacing:.5px!important;
    white-space:nowrap!important;
    text-shadow:0 3px 10px rgba(0,0,0,.85)!important;
}

.topresets-frame-card .section-heading a{
    grid-column:3!important;
    justify-self:end!important;
    margin:0!important;
    padding:8px!important;
    color:#e9b94d!important;
    font:700 9px Arial,sans-serif!important;
    text-decoration:none!important;
}

/* Keep the list aligned with the other card contents. */
.topresets-frame-card .top-resets-list-v13{
    position:relative!important;
    z-index:2!important;
    padding:4px 30px 28px!important;
}

.topresets-frame-card .top-reset-row-v13{
    min-height:58px!important;
    background:transparent!important;
    border-bottom:1px solid rgba(255,255,255,.065)!important;
}

@media(max-width:900px){
    .dashboard-grid > .topresets-frame-card{
        min-height:auto!important;
    }

    .topresets-frame-card .ranking-panel,
    .topresets-frame-card .ranking-panel-v13,
    .topresets-frame-card .premium-panel{
        min-height:auto!important;
    }

    .topresets-frame-card .section-heading{
        grid-template-columns:48px auto 48px!important;
        margin-inline:12px!important;
        padding-inline:12px!important;
    }
}