@import '_content/BlazorColorPicker/BlazorColorPicker.pt2dpl02or.bundle.scp.css';
@import '_content/BlazorDatasheet/BlazorDatasheet.mymudobx2n.bundle.scp.css';
@import '_content/Microsoft.FluentUI.AspNetCore.Components/Microsoft.FluentUI.AspNetCore.Components.3eliywa438.bundle.scp.css';
@import '_content/WMBlazorOverlayScrollbars/WMBlazorOverlayScrollbars.bundle.scp.css';
@import '_content/WMBlazorSlickCarousel/WMBlazorSlickCarousel.bundle.scp.css';

/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-ahcj0lxtvs] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-ahcj0lxtvs] {
    flex: 1;
}

.sidebar[b-ahcj0lxtvs] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-ahcj0lxtvs] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-ahcj0lxtvs]  a, .top-row[b-ahcj0lxtvs]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-ahcj0lxtvs]  a:hover, .top-row[b-ahcj0lxtvs]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-ahcj0lxtvs]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row[b-ahcj0lxtvs] {
        justify-content: space-between;
    }

    .top-row[b-ahcj0lxtvs]  a, .top-row[b-ahcj0lxtvs]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-ahcj0lxtvs] {
        flex-direction: row;
    }

    .sidebar[b-ahcj0lxtvs] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-ahcj0lxtvs] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-ahcj0lxtvs]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-ahcj0lxtvs], article[b-ahcj0lxtvs] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

#blazor-error-ui[b-ahcj0lxtvs] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-ahcj0lxtvs] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-vrq28yf8fl] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: white;
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
}

    .navbar-toggler:checked[b-vrq28yf8fl] {
        background-color: rgba(255, 255, 255, 0.5);
    }

.top-row[b-vrq28yf8fl] {
    height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-vrq28yf8fl] {
    font-size: 1.1rem;
}

.bi[b-vrq28yf8fl] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-house-door-fill-nav-menu[b-vrq28yf8fl] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-vrq28yf8fl] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-vrq28yf8fl] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.nav-item[b-vrq28yf8fl] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-vrq28yf8fl] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-vrq28yf8fl] {
        padding-bottom: 1rem;
    }

    .nav-item[b-vrq28yf8fl]  .nav-link {
        color: #d7d7d7;
        background: none;
        border: none;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
        width: 100%;
    }

    .nav-item[b-vrq28yf8fl]  a.active {
        background-color: rgba(255,255,255,0.37);
        color: white;
    }

    .nav-item[b-vrq28yf8fl]  .nav-link:hover {
        background-color: rgba(255,255,255,0.1);
        color: white;
    }

.nav-scrollable[b-vrq28yf8fl] {
    display: none;
}

.navbar-toggler:checked ~ .nav-scrollable[b-vrq28yf8fl] {
    display: block;
}

@media (min-width: 641px) {
    .navbar-toggler[b-vrq28yf8fl] {
        display: none;
    }

    .nav-scrollable[b-vrq28yf8fl] {
        /* Never collapse the sidebar for wide screens */
        display: block;
        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* /Components/Meteo/WeatherDashboard.razor.rz.scp.css */

/* HEADER Y BARRA DE SINCRONIZACIÓN */
.glass-header[b-tedplm719n] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 25px;
    background: #000;
    border-bottom: 1px solid #222;
    margin-bottom: 20px;
}

.sync-container[b-tedplm719n] {
    width: 250px;
}

.sync-labels[b-tedplm719n] {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 4px;
}

.sync-text[b-tedplm719n] {
    font-size: 0.75rem;
    color: #fff;
    font-weight: bold;
    letter-spacing: 1px;
}

.sync-track[b-tedplm719n] {
    height: 4px;
    background: #1a1a1a;
    width: 100%;
    border-radius: 2px;
    overflow: hidden;
}

.sync-bar-progress[b-tedplm719n] {
    height: 100%;
    background: #00ff00; /* Verde neón para el sistema */
    box-shadow: 0 0 8px #00ff00;
    transition: width 1s linear;
}

/* TARJETAS DE ALERTA */
.alert-card[b-tedplm719n] {
    background: #0d1117;
    border: 1px solid #21262d;
    border-radius: 6px;
    padding: 1.5rem;
    position: relative;
    overflow: hidden;
}

.alert-period-banner[b-tedplm719n] {
    background: #161b22;
    border-radius: 4px;
    padding: 12px 16px;
    border-left: 3px solid #30363d;
}

.time-val[b-tedplm719n] {
    color: #00d2ff; /* Cyan para las fechas y horas */
    font-weight: 800;
    font-size: 1.1rem;
    text-shadow: 0 0 10px rgba(0, 210, 255, 0.3);
}

.time-remaining-val[b-tedplm719n] {
    color: #00d2ff;
    font-weight: 800;
    font-size: 1.1rem;
}

/* BARRA DE PROGRESO DE ALERTA */
.alert-progress-track[b-tedplm719n] {
    height: 8px;
    background: #1a1f26;
    border-radius: 4px;
    width: 100%;
    border: 1px solid #2d333b;
}

.alert-progress-fill[b-tedplm719n] {
    height: 100%;
    background: #00d2ff;
    border-radius: 4px;
    box-shadow: 0 0 10px rgba(0, 210, 255, 0.5);
    transition: width 1s linear;
}

    .alert-progress-fill.urgent[b-tedplm719n] {
        background: #ff3e3e;
        box-shadow: 0 0 12px rgba(255, 62, 62, 0.6);
    }

.region-name[b-tedplm719n] {
    font-size: 1.8rem;
    font-weight: 800;
    color: #fff;
    margin: 5px 0;
}

/* CONTENEDOR PRINCIPAL */
.dashboard-container[b-tedplm719n] {
    background-color: #000000;
    min-height: 100vh;
    padding: 20px;
    font-family: 'JetBrains Mono', 'Segoe UI Mono', monospace;
    color: #ffffff;
}

/* CABECERA ESTILO GLASS */
.glass-header[b-tedplm719n] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 25px;
    background: rgba(20, 20, 20, 0.8);
    border-bottom: 1px solid #333;
    margin-bottom: 30px;
}

.brand h1[b-tedplm719n] {
    font-size: 1.5rem;
    font-weight: 800;
    margin: 0;
    letter-spacing: -1px;
}

.v-tag[b-tedplm719n] {
    font-size: 0.7rem;
    background: #333;
    padding: 2px 6px;
    border-radius: 4px;
    vertical-align: middle;
}

/* PUNTO DE PULSO */
.logo-dot.pulse[b-tedplm719n] {
    height: 10px;
    width: 10px;
    background-color: #00ff00;
    border-radius: 50%;
    display: inline-block;
    margin-right: 10px;
    box-shadow: 0 0 10px #00ff00;
    animation: pulse-gfx-b-tedplm719n 2s infinite;
}

@keyframes pulse-gfx-b-tedplm719n {
    0% {
        transform: scale(0.95);
        opacity: 0.7;
    }

    50% {
        transform: scale(1.1);
        opacity: 1;
    }

    100% {
        transform: scale(0.95);
        opacity: 0.7;
    }
}

/* GRID DE ALERTAS */
.alert-grid[b-tedplm719n] {
    display: grid;
    gap: 25px;
    grid-template-columns: repeat(auto-fill, minmax(500px, 1fr));
}

/* TARJETA DE ALERTA */
.alert-card[b-tedplm719n] {
    background: #0d1117;
    border: 1px solid #21262d;
    border-radius: 8px;
    padding: 0;
    position: relative;
    overflow: hidden;
    transition: transform 0.2s ease;
}

/* LÍNEA DE SEVERIDAD LATERAL */
.severity-line[b-tedplm719n] {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 6px;
    background: #444;
}

.card-inner[b-tedplm719n] {
    padding: 20px 20px 20px 26px;
}

/* COLORES POR SEVERIDAD */
.alert-card.extreme[b-tedplm719n] {
    border-color: #ff0000;
    box-shadow: inset 0 0 15px rgba(255, 0, 0, 0.1);
}

    .alert-card.extreme .severity-line[b-tedplm719n] {
        background: #ff0000;
        box-shadow: 0 0 15px #ff0000;
    }

    .alert-card.extreme .time-val[b-tedplm719n] {
        color: #ff4d4d;
    }

.alert-card.severe[b-tedplm719n] {
    border-color: #ff6600;
}

    .alert-card.severe .severity-line[b-tedplm719n] {
        background: #ff6600;
        box-shadow: 0 0 15px #ff6600;
    }

.alert-card.moderate[b-tedplm719n] {
    border-color: #ffcc00;
}

    .alert-card.moderate .severity-line[b-tedplm719n] {
        background: #ffcc00;
    }

/* CABECERA DE TARJETA */
.card-top[b-tedplm719n] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
}

.region-code[b-tedplm719n] {
    font-size: 0.75rem;
    color: #8b949e;
    letter-spacing: 1px;
}

.status-badge[b-tedplm719n] {
    background: #21262d;
    font-size: 0.7rem;
    padding: 3px 10px;
    border-radius: 4px;
    border: 1px solid #30363d;
}

/* CONTENIDO PRINCIPAL */
.region-name[b-tedplm719n] {
    font-size: 1.8rem;
    font-weight: 800;
    margin-bottom: 5px;
    color: #ffffff;
}

.phenomenon-row[b-tedplm719n] {
    display: flex;
    align-items: center;
    color: #00d2ff;
    font-weight: bold;
    margin-bottom: 15px;
}

.desc[b-tedplm719n] {
    color: #8b949e;
    font-size: 0.95rem;
    line-height: 1.5;
    margin-bottom: 20px;
}

/* BANNER DE PERIODO (UNA SOLA LÍNEA) */
.alert-period-banner[b-tedplm719n] {
    background: #161b22;
    border-radius: 4px;
    padding: 12px 16px;
    border: 1px solid #30363d;
}

.label-muted[b-tedplm719n] {
    color: #8b949e;
}

.time-val[b-tedplm719n] {
    color: #00d2ff;
    font-weight: 700;
}

.source-tag[b-tedplm719n] {
    font-size: 0.7rem;
    background: #21262d;
    padding: 2px 8px;
    border-radius: 3px;
    color: #8b949e;
}

/* SECCIÓN DE PROGRESO (VISIBILIDAD REFORZADA) */
.progress-section[b-tedplm719n] {
    position: relative;
    z-index: 1;
}

.time-remaining-val[b-tedplm719n] {
    color: #00d2ff;
    font-weight: 800;
    font-size: 1rem;
}

.progress-track-bg[b-tedplm719n] {
    height: 10px;
    background: #1a1f26; /* Color de fondo del carril para contraste */
    border-radius: 10px;
    width: 100%;
    overflow: hidden;
    border: 1px solid #2d333b;
    margin-top: 8px;
}

.progress-fill-bar[b-tedplm719n] {
    height: 100%;
    background: #00d2ff; /* Cyan por defecto */
    box-shadow: 0 0 10px rgba(0, 210, 255, 0.5);
    transition: width 0.5s ease-in-out;
    min-width: 4px; /* Asegura que se vea el inicio */
}

    .progress-fill-bar.urgent[b-tedplm719n] {
        background: #ff3e3e; /* Rojo para urgencia */
        box-shadow: 0 0 12px rgba(255, 62, 62, 0.6);
    }

/* ESTADO DE CARGA */
.loading-state[b-tedplm719n] {
    text-align: center;
    padding: 100px;
    color: #00d2ff;
}

.scanner[b-tedplm719n] {
    width: 100px;
    height: 2px;
    background: #00d2ff;
    margin: 0 auto 20px;
    box-shadow: 0 0 15px #00d2ff;
    animation: scan-b-tedplm719n 2s infinite ease-in-out;
}

@keyframes scan-b-tedplm719n {
    0% {
        transform: scaleX(0);
        opacity: 0;
    }

    50% {
        transform: scaleX(1);
        opacity: 1;
    }

    100% {
        transform: scaleX(0);
        opacity: 0;
    }
}
/* /Components/Pages/Fetri/AthletesPhotos.razor.rz.scp.css */
/* /Components/Pages/Fetri/CategoryItem.razor.rz.scp.css */
/* /Components/Pages/Fetri/ConfimaationClient.razor.rz.scp.css */
/* /Components/Pages/Fetri/ConfirmationsSettingsrazor.razor.rz.scp.css */
/* /Components/Pages/Fetri/ImportInscriptionsConersysrazor.razor.rz.scp.css */
/* /Components/Pages/Fetri/PanelTimetablerazor.razor.rz.scp.css */
/* /Components/Pages/Fetri/RankingsMain.razor.rz.scp.css */
/* /Components/Pages/Inscriptions/ClubSportInscription.razor.rz.scp.css */
:root[b-hjejg3ii9p] {
        --ci-bg: #f5f5f7;
        --ci-surface: #ffffff;
        --ci-text: #1d1d1f;
        --ci-text2: #6e6e73;
        --ci-text3: #86868b;
        --ci-border: rgba(0,0,0,.06);
        --ci-radius: 16px;
        --ci-radius-sm: 10px;
        --ci-shadow: 0 1px 3px rgba(0,0,0,.04), 0 4px 12px rgba(0,0,0,.06);
        --ci-primary: rgb(92, 103, 247);
        --ci-primary-light: rgba(92, 103, 247, 0.1);
        --ci-secondary: rgb(158, 92, 247);
        --ci-gradient-start: #5c67f7;
        --ci-gradient-end: #9e5cf7;
        --ci-green: #34c759;
        --ci-orange: #ff9500;
        --ci-red: #ff3b30;
    }

    .ci-page[b-hjejg3ii9p] {
        min-height: 100vh;
        background: var(--ci-bg);
        font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Segoe UI', Roboto, sans-serif;
        -webkit-font-smoothing: antialiased;
        padding: 0 0 3rem;
    }

    /* ── Hero with image ── */
    .ci-hero[b-hjejg3ii9p] {
        position: relative;
        overflow: hidden;
    }

    .ci-hero-img[b-hjejg3ii9p] {
        height: 220px;
        background-size: cover;
        background-position: center;
    }

    .ci-hero-img-placeholder[b-hjejg3ii9p] {
        height: 220px;
        background: linear-gradient(135deg, var(--ci-gradient-start) 0%, #7c6cf7 50%, var(--ci-gradient-end) 100%);
    }

    .ci-hero-overlay[b-hjejg3ii9p] {
        position: absolute;
        inset: 0;
        background: linear-gradient(transparent 30%, rgba(0,0,0,.6) 100%);
    }

    .ci-hero-content[b-hjejg3ii9p] {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        padding: 1.5rem 0 2.5rem;
        z-index: 2;
    }

    .ci-hero-back[b-hjejg3ii9p] {
        display: inline-flex;
        align-items: center;
        gap: 0.3rem;
        color: rgba(255,255,255,.75);
        text-decoration: none;
        font-size: 0.78rem;
        font-weight: 500;
        margin-bottom: 0.5rem;
        transition: color .15s;
    }

        .ci-hero-back:hover[b-hjejg3ii9p] {
            color: #fff;
        }

    .ci-hero-row[b-hjejg3ii9p] {
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
        gap: 1rem;
        flex-wrap: wrap;
    }

    .ci-hero h1[b-hjejg3ii9p] {
        font-size: 1.5rem;
        font-weight: 700;
        color: #fff;
        letter-spacing: -0.02em;
        margin: 0;
        line-height: 1.25;
    }

    .ci-hero-meta[b-hjejg3ii9p] {
        display: flex;
        align-items: center;
        gap: 0.75rem;
        margin-top: 0.25rem;
        font-size: 0.8rem;
        color: rgba(255,255,255,.75);
        flex-wrap: wrap;
    }

    .ci-hero-meta-item[b-hjejg3ii9p] {
        display: inline-flex;
        align-items: center;
        gap: 0.25rem;
    }

    .ci-hero-right[b-hjejg3ii9p] {
        text-align: right;
    }

    .ci-club-name[b-hjejg3ii9p] {
        font-size: 0.95rem;
        font-weight: 650;
        color: #fff;
    }

    .ci-club-badges[b-hjejg3ii9p] {
        display: flex;
        gap: 0.4rem;
        justify-content: flex-end;
        margin-top: 0.35rem;
        flex-wrap: wrap;
        align-items: center;
    }

    .ci-club-badge[b-hjejg3ii9p] {
        display: inline-flex;
        align-items: center;
        gap: 0.3rem;
        padding: 0.3rem 0.6rem;
        border-radius: 20px;
        font-size: 0.7rem;
        font-weight: 650;
        backdrop-filter: blur(12px);
        border: 1px solid rgba(255,255,255,.2);
    }

    .ci-club-badge--registered[b-hjejg3ii9p] {
        background: rgba(52,199,89,.25);
        border-color: rgba(52,199,89,.4);
        color: #fff;
    }

    .ci-club-badge--external[b-hjejg3ii9p] {
        background: rgba(217,119,6,.25);
        border-color: rgba(217,119,6,.4);
        color: #fff;
    }

    .ci-club-badge--count[b-hjejg3ii9p] {
        background: rgba(255,255,255,.18);
        color: #fff;
    }

    /* ── Info bar (floating) ── */
    .ci-info-bar[b-hjejg3ii9p] {
        margin-top: -1.75rem;
        position: relative;
        z-index: 10;
        margin-bottom: 1.25rem;
    }

    .ci-info-card[b-hjejg3ii9p] {
        background: var(--ci-surface);
        border-radius: var(--ci-radius);
        box-shadow: 0 2px 8px rgba(0,0,0,.06), 0 8px 24px rgba(0,0,0,.08);
        overflow: hidden;
    }

    /* ── Steps ── */
    .ci-steps[b-hjejg3ii9p] {
        display: flex;
    }

    .ci-step[b-hjejg3ii9p] {
        flex: 1;
        text-align: center;
        padding: 0.7rem 1rem;
        font-size: 0.8rem;
        font-weight: 500;
        color: var(--ci-text3);
        background: rgba(142,142,147,.04);
        border-bottom: 3px solid transparent;
        transition: all .2s;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 0.4rem;
    }

        .ci-step + .ci-step[b-hjejg3ii9p] {
            border-left: 1px solid var(--ci-border);
        }

    .ci-step-num[b-hjejg3ii9p] {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 22px;
        height: 22px;
        border-radius: 50%;
        background: rgba(142,142,147,.1);
        font-size: 0.7rem;
        font-weight: 700;
        flex-shrink: 0;
    }

    .ci-step.active[b-hjejg3ii9p] {
        background: var(--ci-surface);
        color: var(--ci-primary);
        font-weight: 600;
        border-bottom-color: var(--ci-primary);
    }

        .ci-step.active .ci-step-num[b-hjejg3ii9p] {
            background: var(--ci-primary);
            color: #fff;
        }

    .ci-step.done[b-hjejg3ii9p] {
        background: rgba(52,199,89,.04);
        color: #1b8a38;
        border-bottom-color: var(--ci-green);
    }

        .ci-step.done .ci-step-num[b-hjejg3ii9p] {
            background: var(--ci-green);
            color: #fff;
        }

    /* ── Cards ── */
    .ci-card[b-hjejg3ii9p] {
        background: var(--ci-surface);
        border-radius: var(--ci-radius);
        box-shadow: var(--ci-shadow);
        margin-bottom: 1rem;
        overflow: hidden;
    }

    .ci-card-head[b-hjejg3ii9p] {
        padding: 0.85rem 1.25rem;
        border-bottom: 1px solid var(--ci-border);
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
        gap: 0.5rem;
    }

    .ci-card-title[b-hjejg3ii9p] {
        font-size: 0.88rem;
        font-weight: 650;
        color: var(--ci-text);
        display: flex;
        align-items: center;
        gap: 0.4rem;
    }

        .ci-card-title svg[b-hjejg3ii9p] {
            color: var(--ci-primary);
            flex-shrink: 0;
        }

    .ci-card-body[b-hjejg3ii9p] {
        padding: 1.15rem 1.25rem;
    }

    /* ── Filters ── */
    .ci-filters[b-hjejg3ii9p] {
        display: flex;
        gap: 0.5rem;
        flex-wrap: wrap;
        margin-bottom: 1rem;
    }

    .ci-filter-input[b-hjejg3ii9p] {
        flex: 1;
        min-width: 180px;
        position: relative;
    }

        .ci-filter-input svg[b-hjejg3ii9p] {
            position: absolute;
            left: 0.65rem;
            top: 50%;
            transform: translateY(-50%);
            color: var(--ci-text3);
            pointer-events: none;
        }

        .ci-filter-input input[b-hjejg3ii9p] {
            width: 100%;
            border: 1px solid rgba(0,0,0,.08);
            border-radius: var(--ci-radius-sm);
            padding: 0.45rem 0.7rem 0.45rem 2rem;
            font-size: 0.82rem;
            background: rgba(142,142,147,.06);
            color: var(--ci-text);
            transition: border-color .2s, box-shadow .2s;
        }

            .ci-filter-input input:focus[b-hjejg3ii9p] {
                outline: none;
                border-color: var(--ci-primary);
                box-shadow: 0 0 0 3px var(--ci-primary-light);
                background: #fff;
            }

    .ci-filter-select[b-hjejg3ii9p] {
        border: 1px solid rgba(0,0,0,.08);
        border-radius: var(--ci-radius-sm);
        padding: 0.45rem 1.6rem 0.45rem 0.65rem;
        font-size: 0.82rem;
        background-color: rgba(142,142,147,.06);
        color: var(--ci-text);
        cursor: pointer;
        appearance: none;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' fill='none'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%2386868b' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: right 0.5rem center;
        min-width: 130px;
    }

        .ci-filter-select:focus[b-hjejg3ii9p] {
            outline: none;
            border-color: var(--ci-primary);
            box-shadow: 0 0 0 3px var(--ci-primary-light);
        }

    /* ── Event cards (step 1) ── */
    .ci-event[b-hjejg3ii9p] {
        border: 1.5px solid rgba(0,0,0,.06);
        border-radius: var(--ci-radius-sm);
        padding: 0.75rem 0.9rem;
        margin-bottom: 0.4rem;
        cursor: pointer;
        transition: all .2s;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        gap: 0.5rem;
    }

        .ci-event:hover[b-hjejg3ii9p] {
            border-color: var(--ci-primary);
            background: rgba(92,103,247,.02);
        }

        .ci-event.selected[b-hjejg3ii9p] {
            border-color: var(--ci-primary);
            background: var(--ci-primary-light);
            box-shadow: 0 2px 8px rgba(92,103,247,.12);
        }

    .ci-event-name[b-hjejg3ii9p] {
        font-size: 0.85rem;
        font-weight: 600;
        color: var(--ci-text);
    }

    .ci-event-badges[b-hjejg3ii9p] {
        display: flex;
        gap: 0.25rem;
        flex-wrap: wrap;
        margin-top: 0.25rem;
    }

    /* ── Pills ── */
    .ci-pill[b-hjejg3ii9p] {
        padding: 0.12rem 0.45rem;
        border-radius: 5px;
        font-size: 0.65rem;
        font-weight: 600;
        display: inline-flex;
        align-items: center;
        gap: 0.2rem;
    }

    .ci-pill--male[b-hjejg3ii9p] {
        background: rgba(0,122,255,.08);
        color: #0066d6;
    }

    .ci-pill--female[b-hjejg3ii9p] {
        background: rgba(219,39,119,.08);
        color: #db2777;
    }

    .ci-pill--mixed[b-hjejg3ii9p] {
        background: rgba(67,56,202,.08);
        color: #4338ca;
    }

    .ci-pill--cat[b-hjejg3ii9p] {
        background: rgba(124,58,237,.08);
        color: #7c3aed;
    }

    .ci-pill--equip[b-hjejg3ii9p] {
        background: rgba(5,150,105,.08);
        color: #059669;
    }

    .ci-pill--dist[b-hjejg3ii9p] {
        background: rgba(234,88,12,.08);
        color: #ea580c;
    }

    .ci-pill--count[b-hjejg3ii9p] {
        background: rgba(142,142,147,.08);
        color: var(--ci-text3);
    }

    .ci-pill--ext[b-hjejg3ii9p] {
        background: rgba(217,119,6,.08);
        color: #d97706;
    }

    .ci-pill--ok[b-hjejg3ii9p] {
        background: rgba(52,199,89,.08);
        color: #1b8a38;
    }

    .ci-pill--primary[b-hjejg3ii9p] {
        background: var(--ci-primary-light);
        color: var(--ci-primary);
    }

    /* ── Athlete rows (step 2) ── */
    .ci-athlete[b-hjejg3ii9p] {
        border: 1.5px solid rgba(0,0,0,.06);
        border-radius: var(--ci-radius-sm);
        padding: 0.6rem 0.85rem;
        margin-bottom: 0.35rem;
        cursor: pointer;
        transition: all .2s;
        display: flex;
        align-items: center;
        gap: 0.5rem;
    }

        .ci-athlete:hover[b-hjejg3ii9p] {
            border-color: var(--ci-primary);
        }

        .ci-athlete.selected[b-hjejg3ii9p] {
            border-color: var(--ci-primary);
            background: var(--ci-primary-light);
        }

    .ci-ath-check[b-hjejg3ii9p] {
        width: 18px;
        height: 18px;
        border-radius: 5px;
        border: 2px solid rgba(0,0,0,.15);
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        transition: all .15s;
    }

    .ci-athlete.selected .ci-ath-check[b-hjejg3ii9p] {
        background: var(--ci-primary);
        border-color: var(--ci-primary);
    }

    .ci-ath-name[b-hjejg3ii9p] {
        font-size: 0.84rem;
        font-weight: 600;
        color: var(--ci-text);
    }

    .ci-ath-meta[b-hjejg3ii9p] {
        font-size: 0.72rem;
        color: var(--ci-text3);
        display: flex;
        align-items: center;
        gap: 0.3rem;
        flex-wrap: wrap;
    }

    /* ── External form ── */
    .ci-ext-form[b-hjejg3ii9p] {
        border: 1.5px solid rgba(217,119,6,.2);
        border-radius: var(--ci-radius-sm);
        padding: 1rem;
        background: rgba(254,243,199,.15);
        margin-bottom: 1rem;
    }

    .ci-ext-title[b-hjejg3ii9p] {
        font-size: 0.85rem;
        font-weight: 600;
        color: #92400e;
        display: flex;
        align-items: center;
        gap: 0.35rem;
        margin-bottom: 0.75rem;
    }

    .ci-ext-form label[b-hjejg3ii9p] {
        font-weight: 600;
        color: var(--ci-text2);
        font-size: 0.76rem;
        margin-bottom: 0.2rem;
        display: block;
    }

    .ci-ext-form input[b-hjejg3ii9p], .ci-ext-form select[b-hjejg3ii9p] {
        width: 100%;
        border: 1px solid rgba(0,0,0,.1);
        border-radius: 8px;
        padding: 0.42rem 0.7rem;
        font-size: 0.82rem;
        color: var(--ci-text);
    }

        .ci-ext-form input:focus[b-hjejg3ii9p], .ci-ext-form select:focus[b-hjejg3ii9p] {
            outline: none;
            border-color: var(--ci-primary);
            box-shadow: 0 0 0 3px var(--ci-primary-light);
        }

    .ci-form-grid[b-hjejg3ii9p] {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 0.65rem;
        margin-bottom: 0.5rem;
    }

    .ci-form-grid-3[b-hjejg3ii9p] {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        gap: 0.65rem;
        margin-bottom: 0.5rem;
    }

    /* ── Pre-inscription lines (step 3) ── */
    .ci-preinsc-group[b-hjejg3ii9p] {
        border: 1px solid var(--ci-border);
        border-radius: var(--ci-radius-sm);
        margin-bottom: 0.65rem;
        overflow: hidden;
    }

    .ci-preinsc-group-head[b-hjejg3ii9p] {
        background: rgba(142,142,147,.04);
        padding: 0.55rem 0.85rem;
        border-bottom: 1px solid var(--ci-border);
        display: flex;
        align-items: center;
        gap: 0.5rem;
    }

        .ci-preinsc-group-head strong[b-hjejg3ii9p] {
            font-size: 0.82rem;
            color: var(--ci-text);
        }

    .ci-preinsc-line[b-hjejg3ii9p] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0.45rem 0.85rem;
        font-size: 0.82rem;
    }

        .ci-preinsc-line + .ci-preinsc-line[b-hjejg3ii9p] {
            border-top: 1px solid rgba(0,0,0,.03);
        }

        .ci-preinsc-line strong[b-hjejg3ii9p] {
            color: var(--ci-text);
        }

    .ci-preinsc-meta[b-hjejg3ii9p] {
        font-size: 0.72rem;
        color: var(--ci-text3);
        margin-left: 0.4rem;
    }

    /* ── Buttons ── */
    .ci-btn[b-hjejg3ii9p] {
        padding: 0.45rem 0.9rem;
        border-radius: var(--ci-radius-sm);
        font-weight: 600;
        border: none;
        cursor: pointer;
        font-size: 0.82rem;
        display: inline-flex;
        align-items: center;
        gap: 0.3rem;
        transition: all .2s;
        text-decoration: none;
    }

    .ci-btn--primary[b-hjejg3ii9p] {
        background: linear-gradient(135deg, var(--ci-gradient-start), var(--ci-gradient-end));
        color: #fff;
    }

        .ci-btn--primary:hover[b-hjejg3ii9p] {
            transform: translateY(-1px);
            box-shadow: 0 4px 14px rgba(92,103,247,.35);
        }

    .ci-btn--outline[b-hjejg3ii9p] {
        background: var(--ci-surface);
        color: var(--ci-primary);
        border: 1.5px solid rgba(92,103,247,.25);
    }

        .ci-btn--outline:hover[b-hjejg3ii9p] {
            background: var(--ci-primary-light);
        }

    .ci-btn--success[b-hjejg3ii9p] {
        background: rgba(52,199,89,.1);
        color: #1b8a38;
    }

        .ci-btn--success:hover[b-hjejg3ii9p] {
            background: rgba(52,199,89,.18);
        }

    .ci-btn--danger[b-hjejg3ii9p] {
        background: rgba(255,59,48,.08);
        color: #d42a21;
    }

        .ci-btn--danger:hover[b-hjejg3ii9p] {
            background: rgba(255,59,48,.15);
        }

    .ci-btn--disabled[b-hjejg3ii9p] {
        background: rgba(142,142,147,.08);
        color: var(--ci-text3);
        cursor: not-allowed;
    }

    /* ── Sidebar ── */
    .ci-sidebar[b-hjejg3ii9p] {
        position: sticky;
        top: 20px;
    }

    /* ── Empty ── */
    .ci-empty[b-hjejg3ii9p] {
        text-align: center;
        padding: 2.5rem 1.5rem;
        color: var(--ci-text3);
    }

    .ci-empty-icon[b-hjejg3ii9p] {
        width: 48px;
        height: 48px;
        border-radius: 12px;
        background: rgba(142,142,147,.08);
        display: inline-flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 0.6rem;
    }

    .ci-empty h5[b-hjejg3ii9p] {
        font-size: 0.9rem;
        font-weight: 650;
        color: var(--ci-text);
        margin: 0 0 0.2rem;
    }

    .ci-empty p[b-hjejg3ii9p] {
        font-size: 0.8rem;
        margin: 0;
    }

    /* ── Fare filter chip ── */
    .ci-fare-chip[b-hjejg3ii9p] {
        display: inline-flex;
        align-items: center;
        gap: 0.3rem;
        padding: 0.3rem 0.65rem;
        border-radius: 20px;
        font-size: 0.72rem;
        font-weight: 600;
        background: var(--ci-primary-light);
        color: var(--ci-primary);
    }

        .ci-fare-chip button[b-hjejg3ii9p] {
            background: none;
            border: none;
            color: var(--ci-primary);
            cursor: pointer;
            padding: 0;
            line-height: 1;
            font-size: 0.8rem;
            opacity: .7;
            transition: opacity .15s;
        }

            .ci-fare-chip button:hover[b-hjejg3ii9p] {
                opacity: 1;
            }

    @media (max-width: 768px) {
        .ci-hero[b-hjejg3ii9p] {
            padding: 1.25rem 0 2.5rem;
        }

        .ci-hero-img[b-hjejg3ii9p], .ci-hero-img-placeholder[b-hjejg3ii9p] {
            height: 160px;
        }

            .ci-hero h1[b-hjejg3ii9p] {
                font-size: 1.25rem;
            }

        .ci-hero-row[b-hjejg3ii9p] {
            flex-direction: column;
        }

        .ci-hero-right[b-hjejg3ii9p] {
            text-align: left;
        }

        .ci-club-badges[b-hjejg3ii9p] {
            justify-content: flex-start;
        }

        .ci-filters[b-hjejg3ii9p] {
            flex-direction: column;
        }

        .ci-step[b-hjejg3ii9p] {
            font-size: 0.72rem;
            padding: 0.6rem 0.5rem;
        }

        .ci-form-grid[b-hjejg3ii9p], .ci-form-grid-3[b-hjejg3ii9p] {
            grid-template-columns: 1fr;
        }
    }

    .ci-form-grid-3[b-hjejg3ii9p] {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        gap: 0.65rem;
        margin-bottom: 0.5rem;
    }

    /* ── Numeric quantity form ── */
    .ci-numeric-form[b-hjejg3ii9p] {
        border: 1.5px solid rgba(92,103,247,.15);
        border-radius: var(--ci-radius-sm);
        padding: 1.25rem;
        background: rgba(92,103,247,.02);
        text-align: center;
    }

    .ci-numeric-title[b-hjejg3ii9p] {
        font-size: 0.85rem;
        font-weight: 600;
        color: var(--ci-text);
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 0.35rem;
        margin-bottom: 0.75rem;
    }

    .ci-numeric-row[b-hjejg3ii9p] {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 0.5rem;
        margin-bottom: 1rem;
    }

    .ci-numeric-btn[b-hjejg3ii9p] {
        width: 36px;
        height: 36px;
        border-radius: 50%;
        border: 1.5px solid rgba(0,0,0,.08);
        background: var(--ci-surface);
        font-size: 1.1rem;
        font-weight: 700;
        color: var(--ci-primary);
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all .15s;
    }

        .ci-numeric-btn:hover[b-hjejg3ii9p] {
            background: var(--ci-primary-light);
            border-color: var(--ci-primary);
        }

    .ci-numeric-input[b-hjejg3ii9p] {
        width: 80px;
        text-align: center;
        border: 1.5px solid rgba(0,0,0,.1);
        border-radius: var(--ci-radius-sm);
        padding: 0.45rem;
        font-size: 1.25rem;
        font-weight: 700;
        color: var(--ci-text);
    }

        .ci-numeric-input:focus[b-hjejg3ii9p] {
            outline: none;
            border-color: var(--ci-primary);
            box-shadow: 0 0 0 3px var(--ci-primary-light);
        }

    .ci-numeric-pricing[b-hjejg3ii9p] {
        font-size: 0.78rem;
        color: var(--ci-text2);
        margin-bottom: 0.75rem;
        line-height: 1.6;
    }

    .ci-numeric-total[b-hjejg3ii9p] {
        font-size: 1.1rem;
        font-weight: 800;
        color: var(--ci-text);
        letter-spacing: -0.02em;
    }

        /* ── Pagination ── */
    .ci-pagination[b-hjejg3ii9p] {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 0.3rem;
        margin-top: 0.85rem;
        padding-top: 0.75rem;
        border-top: 1px solid var(--ci-border);
        flex-wrap: wrap;
    }

    .ci-pagination-info[b-hjejg3ii9p] {
        width: 100%;
        text-align: center;
        font-size: 0.72rem;
        color: var(--ci-text3);
        margin-bottom: 0.3rem;
    }

    .ci-page-btn[b-hjejg3ii9p] {
        min-width: 32px;
        height: 32px;
        padding: 0 0.35rem;
        border-radius: 8px;
        border: 1px solid rgba(0,0,0,.08);
        background: var(--ci-surface);
        color: var(--ci-text2);
        font-size: 0.76rem;
        font-weight: 600;
        cursor: pointer;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        transition: all .15s;
    }

        .ci-page-btn:hover:not(:disabled)[b-hjejg3ii9p] {
            border-color: var(--ci-primary);
            color: var(--ci-primary);
            background: var(--ci-primary-light);
        }

        .ci-page-btn:disabled[b-hjejg3ii9p] {
            opacity: 0.35;
            cursor: not-allowed;
        }

        .ci-page-btn.active[b-hjejg3ii9p] {
            background: var(--ci-primary);
            color: #fff;
            border-color: var(--ci-primary);
        }

    /* ── Sticky action bar ── */
    .ci-sticky-bar[b-hjejg3ii9p] {
        position: fixed;
        bottom: 0;
        left: 15rem; /* sidebar width */
        right: 0;
        z-index: 100;
        background: rgba(255, 255, 255, .88);
        backdrop-filter: saturate(180%) blur(20px);
        -webkit-backdrop-filter: saturate(180%) blur(20px);
        border-top: 1px solid rgba(0,0,0,.08);
        box-shadow: 0 -4px 20px rgba(0,0,0,.06);
        padding: 0.7rem 0;
        animation: ci-slideUp-b-hjejg3ii9p .25s ease-out;
    }

    @media (max-width: 991.98px) {
        .ci-sticky-bar[b-hjejg3ii9p] {
            left: 0;
        }
    }

    @keyframes ci-slideUp-b-hjejg3ii9p {
        from { transform: translateY(100%); opacity: 0; }
        to { transform: translateY(0); opacity: 1; }
    }

    .ci-sticky-inner[b-hjejg3ii9p] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 0.75rem;
        flex-wrap: wrap;
    }

    .ci-sticky-info[b-hjejg3ii9p] {
        display: flex;
        align-items: center;
        gap: 0.5rem;
    }

    .ci-sticky-badge[b-hjejg3ii9p] {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 30px;
        height: 30px;
        border-radius: 9px;
        background: var(--ci-primary);
        color: #fff;
        font-size: 0.78rem;
        font-weight: 700;
        flex-shrink: 0;
    }

    .ci-sticky-text[b-hjejg3ii9p] {
        font-size: 0.84rem;
        font-weight: 600;
        color: var(--ci-text);
    }

    .ci-sticky-sub[b-hjejg3ii9p] {
        font-size: 0.72rem;
        color: var(--ci-text3);
        font-weight: 400;
    }

    .ci-sticky-total[b-hjejg3ii9p] {
        font-size: 1.1rem;
        font-weight: 800;
        color: var(--ci-text);
        letter-spacing: -0.02em;
    }

    .ci-sticky-actions[b-hjejg3ii9p] {
        display: flex;
        gap: 0.5rem;
        align-items: center;
    }

    @media (max-width: 768px) {
        .ci-sticky-inner[b-hjejg3ii9p] {
            flex-direction: column;
            gap: 0.5rem;
        }

        .ci-sticky-actions[b-hjejg3ii9p] {
            width: 100%;
        }

            .ci-sticky-actions .ci-btn[b-hjejg3ii9p] {      
                flex: 1;
                justify-content: center;
            }

        .ci-pagination[b-hjejg3ii9p] {
            gap: 0.2rem;
        }

        .ci-page-btn[b-hjejg3ii9p] {
            min-width: 28px;
            height: 28px;
            font-size: 0.7rem;
        }
    }
/* /Components/Pages/Licenses/Dashboard/Licenses.razor.rz.scp.css */
/* ══════════════════════════════════════════════════
   Licenses Dashboard — Apple Design System (p-*)
   Consistent with PersonList / PersonDetail
   ══════════════════════════════════════════════════ */

/* ── Design Tokens ── */
:root[b-pq66mk13mr] {
    --p-font: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Segoe UI', system-ui, sans-serif;
    --p-bg: #f2f2f7;
    --p-elevated: #fff;
    --p-surface: #f9f9fb;
    --p-fill: rgba(120,120,128,.08);
    --p-fill2: rgba(120,120,128,.16);
    --p-sep: rgba(60,60,67,.12);
    --p-sep-solid: rgba(60,60,67,.18);
    --p-text: #1c1c1e;
    --p-text2: #3a3a3c;
    --p-text3: #636366;
    --p-text4: #aeaeb2;
    --p-accent: #007aff;
    --p-accent-light: rgba(0,122,255,.12);
    --p-green: #34c759;
    --p-orange: #ff9500;
    --p-red: #ff3b30;
    --p-purple: #af52de;
    --p-r-lg: 16px;
    --p-r-md: 12px;
    --p-shadow: 0 2px 12px rgba(0,0,0,.08);
    --p-shadow-sm: 0 1px 4px rgba(0,0,0,.06);
}

/* ── Page ── */
[b-pq66mk13mr] .p-page {
    min-height: 100vh;
    background: var(--p-bg);
    font-family: var(--p-font);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* ── Top Bar ── */
[b-pq66mk13mr] .p-topbar {
    background: linear-gradient(135deg, #1c1c1e 0%, #2c2c2e 100%);
    padding: 1.5rem 0 3.25rem;
    position: relative;
    overflow: hidden;
}

    [b-pq66mk13mr] .p-topbar::after {
        content: '';
        position: absolute;
        inset: 0;
        background: radial-gradient(ellipse at 20% 0%, rgba(0,122,255,.12), transparent 60%), radial-gradient(ellipse at 80% 100%, rgba(175,82,222,.08), transparent 50%);
        pointer-events: none;
    }

[b-pq66mk13mr] .p-topbar-inner {
    position: relative;
    z-index: 2;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 1rem;
    flex-wrap: wrap;
}

[b-pq66mk13mr] .p-topbar-text h1 {
    font-size: 1.6rem;
    font-weight: 700;
    color: #fff;
    margin: 0;
    letter-spacing: -.025em;
    line-height: 1.15;
}

[b-pq66mk13mr] .p-topbar-text p {
    color: rgba(255,255,255,.5);
    font-size: .78rem;
    font-weight: 450;
    margin: .15rem 0 0;
}

[b-pq66mk13mr] .p-topbar-actions {
    display: flex;
    gap: .35rem;
    flex-wrap: wrap;
}

/* ── Buttons ── */
[b-pq66mk13mr] .p-btn {
    font-family: var(--p-font);
    font-size: .76rem;
    font-weight: 600;
    padding: .4rem .82rem;
    border-radius: 10px;
    border: none;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    transition: all .18s;
    white-space: nowrap;
    text-decoration: none;
    letter-spacing: -.005em;
}

    [b-pq66mk13mr] .p-btn:active {
        transform: scale(.97);
    }

    [b-pq66mk13mr] .p-btn:disabled {
        opacity: .45;
        pointer-events: none;
    }

[b-pq66mk13mr] .p-btn--glass {
    background: rgba(255,255,255,.12);
    color: rgba(255,255,255,.9);
    backdrop-filter: blur(20px);
    border: .5px solid rgba(255,255,255,.15);
}

    [b-pq66mk13mr] .p-btn--glass:hover {
        background: rgba(255,255,255,.2);
        color: #fff;
    }

[b-pq66mk13mr] .p-btn--white {
    background: #fff;
    color: var(--p-accent);
    box-shadow: 0 1px 3px rgba(0,0,0,.1);
}

    [b-pq66mk13mr] .p-btn--white:hover {
        box-shadow: 0 2px 8px rgba(0,0,0,.15);
        transform: translateY(-.5px);
    }

[b-pq66mk13mr] .p-btn--accent {
    background: var(--p-accent);
    color: #fff;
}

    [b-pq66mk13mr] .p-btn--accent:hover {
        background: #0071e3;
    }

[b-pq66mk13mr] .p-btn--green {
    background: var(--p-green);
    color: #fff;
}

    [b-pq66mk13mr] .p-btn--green:hover {
        filter: brightness(1.08);
    }

[b-pq66mk13mr] .p-btn--red {
    background: var(--p-red);
    color: #fff;
}

    [b-pq66mk13mr] .p-btn--red:hover {
        filter: brightness(1.08);
    }

[b-pq66mk13mr] .p-btn--soft {
    background: var(--p-fill);
    color: var(--p-text2);
}

    [b-pq66mk13mr] .p-btn--soft:hover {
        background: var(--p-fill2);
    }

[b-pq66mk13mr] .p-btn--outline {
    background: transparent;
    border: 1px solid rgba(255,255,255,.25);
    color: rgba(255,255,255,.8);
}

    [b-pq66mk13mr] .p-btn--outline:hover {
        background: rgba(255,255,255,.08);
    }

[b-pq66mk13mr] .p-btn--sm {
    padding: .3rem .55rem;
    font-size: .7rem;
    border-radius: 8px;
}

[b-pq66mk13mr] .p-btn-group {
    display: flex;
    gap: .2rem;
}

/* ── Metrics Strip ── */
[b-pq66mk13mr] .p-metrics {
    margin-top: -1.5rem;
    position: relative;
    z-index: 10;
    margin-bottom: .75rem;
}

[b-pq66mk13mr] .p-metrics-card {
    background: #fff;
    border-radius: var(--p-r-lg);
    box-shadow: var(--p-shadow);
    padding: 0;
    display: flex;
    overflow: hidden;
}

[b-pq66mk13mr] .p-metric {
    flex: 1;
    padding: .75rem .9rem;
    display: flex;
    align-items: center;
    gap: .6rem;
    min-width: 0;
    position: relative;
    cursor: default;
    transition: background .12s;
}

    [b-pq66mk13mr] .p-metric:hover {
        background: var(--p-fill);
    }

    [b-pq66mk13mr] .p-metric + .p-metric::before {
        content: '';
        position: absolute;
        left: 0;
        top: 20%;
        height: 60%;
        width: .5px;
        background: var(--p-sep-solid);
    }

[b-pq66mk13mr] .p-metric-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    flex-shrink: 0;
}

[b-pq66mk13mr] .p-metric-num {
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--p-text);
    line-height: 1;
    letter-spacing: -.02em;
}

[b-pq66mk13mr] .p-metric-lbl {
    font-size: .62rem;
    color: var(--p-text3);
    font-weight: 500;
    letter-spacing: .01em;
}

/* ── Card / Section ── */
[b-pq66mk13mr] .p-card {
    background: #fff;
    border-radius: var(--p-r-lg);
    box-shadow: var(--p-shadow-sm);
    overflow: visible;
    margin-bottom: .75rem;
}

[b-pq66mk13mr] .p-card-head {
    padding: .65rem .9rem;
    border-bottom: .5px solid var(--p-sep-solid);
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #fff;
    border-radius: var(--p-r-lg) var(--p-r-lg) 0 0;
}

[b-pq66mk13mr] .p-card-title {
    font-size: .78rem;
    font-weight: 650;
    color: var(--p-text);
    margin: 0;
    display: flex;
    align-items: center;
    gap: .35rem;
    letter-spacing: -.01em;
}

[b-pq66mk13mr] .p-card-body {
    padding: .85rem .9rem;
}

[b-pq66mk13mr] .p-card-foot {
    padding: .6rem .9rem;
    border-top: .5px solid var(--p-sep-solid);
    background: rgba(120,120,128,.02);
}

/* ── Toolbar ── */
[b-pq66mk13mr] .p-toolbar {
    background: var(--p-fill);
    border-radius: 12px;
    padding: .5rem .75rem;
    margin: .5rem .9rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .5rem;
}

[b-pq66mk13mr] .p-toolbar-left {
    display: flex;
    align-items: center;
    gap: .65rem;
}

/* ── Table ── */
[b-pq66mk13mr] .p-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
}

    [b-pq66mk13mr] .p-table th {
        font-size: .62rem;
        font-weight: 650;
        color: var(--p-text3);
        text-transform: uppercase;
        letter-spacing: .04em;
        padding: .55rem .7rem;
        border-bottom: .5px solid var(--p-sep-solid);
        white-space: nowrap;
        background: #fafafa;
    }

    [b-pq66mk13mr] .p-table td {
        font-size: .76rem;
        padding: .6rem .7rem;
        border-bottom: .5px solid var(--p-sep);
        vertical-align: middle;
        color: var(--p-text);
    }

    [b-pq66mk13mr] .p-table tbody tr {
        cursor: pointer;
        transition: background .1s;
    }

        [b-pq66mk13mr] .p-table tbody tr:hover {
            background: rgba(0,122,255,.03);
        }

        [b-pq66mk13mr] .p-table tbody tr.is-expanded {
            background: rgba(0,122,255,.06);
        }

        [b-pq66mk13mr] .p-table tbody tr.is-selected {
            background: rgba(0,122,255,.05);
        }

        [b-pq66mk13mr] .p-table tbody tr:last-child td {
            border-bottom: none;
        }

/* ── Tags ── */
[b-pq66mk13mr] .p-tag {
    padding: .15rem .45rem;
    border-radius: 6px;
    font-size: .6rem;
    font-weight: 600;
    letter-spacing: .01em;
    display: inline-flex;
    align-items: center;
    gap: .15rem;
    line-height: 1.5;
}

[b-pq66mk13mr] .p-tag--accent {
    background: rgba(0,122,255,.08);
    color: var(--p-accent);
}

[b-pq66mk13mr] .p-tag--green {
    background: rgba(52,199,89,.1);
    color: #1b8a38;
}

[b-pq66mk13mr] .p-tag--orange {
    background: rgba(255,149,0,.1);
    color: #c97000;
}

[b-pq66mk13mr] .p-tag--red {
    background: rgba(255,59,48,.1);
    color: #d42a21;
}

[b-pq66mk13mr] .p-tag--purple {
    background: rgba(175,82,222,.1);
    color: #8b45b6;
}

[b-pq66mk13mr] .p-tag--muted {
    background: var(--p-fill);
    color: var(--p-text3);
}

[b-pq66mk13mr] .p-tag--info {
    background: rgba(90,200,250,.1);
    color: #0891b2;
}

/* ── Status Pill ── */
[b-pq66mk13mr] .p-status {
    padding: .2rem .55rem;
    border-radius: 8px;
    font-size: .58rem;
    font-weight: 650;
    display: inline-block;
    text-align: center;
    min-width: 68px;
    letter-spacing: .01em;
    line-height: 1.4;
}

[b-pq66mk13mr] .p-status--ok {
    background: #34c759;
    color: #fff;
}

[b-pq66mk13mr] .p-status--pending {
    background: #ff9500;
    color: #fff;
}

[b-pq66mk13mr] .p-status--denied {
    background: #ff3b30;
    color: #fff;
}

[b-pq66mk13mr] .p-status--payment {
    background: #af52de;
    color: #fff;
}

[b-pq66mk13mr] .p-status--canceled {
    background: #8e8e93;
    color: #fff;
}

[b-pq66mk13mr] .p-status--default {
    background: #e5e5ea;
    color: #3a3a3c;
}

/* ── Action Icons ── */
[b-pq66mk13mr] .p-act {
    width: 28px;
    height: 28px;
    border-radius: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    background: transparent;
    color: var(--p-text3);
    cursor: pointer;
    transition: all .12s;
    padding: 0;
    font-size: .78rem;
}

    [b-pq66mk13mr] .p-act:hover {
        background: var(--p-fill2);
    }

[b-pq66mk13mr] .p-act--view:hover {
    color: var(--p-accent);
}

[b-pq66mk13mr] .p-act--edit:hover {
    color: var(--p-orange);
}

[b-pq66mk13mr] .p-act--del:hover {
    color: var(--p-red);
}

[b-pq66mk13mr] .p-act--send:hover {
    color: #0891b2;
}

[b-pq66mk13mr] .p-act--success:hover {
    color: var(--p-green);
}

[b-pq66mk13mr] .p-act-group {
    display: flex;
    gap: .15rem;
}

/* ── Expand Arrow ── */
[b-pq66mk13mr] .p-expand {
    transition: transform .2s;
    font-size: .8rem;
    color: var(--p-accent);
}

    [b-pq66mk13mr] .p-expand.is-open {
        transform: rotate(90deg);
    }

/* ── Details Row ── */
[b-pq66mk13mr] .p-details-row td {
    background: #f8f8fa;
    border-left: 3px solid var(--p-accent);
    padding: 0 !important;
}

[b-pq66mk13mr] .p-details-inner {
    animation: p-slide-b-pq66mk13mr .2s ease;
}

@keyframes p-slide-b-pq66mk13mr {
    from {
        opacity: 0;
        transform: translateY(-6px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ── Checkbox ── */
[b-pq66mk13mr] .p-check {
    width: 16px;
    height: 16px;
    border-radius: 4px;
    accent-color: var(--p-accent);
    cursor: pointer;
}

/* ── Select ── */
[b-pq66mk13mr] .p-select {
    padding: .38rem .55rem;
    border-radius: 10px;
    border: .5px solid var(--p-sep-solid);
    background: #fff;
    font-family: var(--p-font);
    font-size: .72rem;
    font-weight: 500;
    color: var(--p-text2);
    cursor: pointer;
    outline: none;
    transition: background .15s;
    -webkit-appearance: none;
    appearance: none;
}

    [b-pq66mk13mr] .p-select:focus {
        background: #fff;
        box-shadow: 0 0 0 3px var(--p-accent-light);
    }

/* ── Badge ── */
[b-pq66mk13mr] .p-badge {
    padding: .15rem .45rem;
    border-radius: 6px;
    font-size: .6rem;
    font-weight: 650;
    display: inline-flex;
    align-items: center;
    gap: .2rem;
}

[b-pq66mk13mr] .p-badge--accent {
    background: var(--p-accent);
    color: #fff;
}

[b-pq66mk13mr] .p-badge--count {
    background: var(--p-fill);
    color: var(--p-text2);
    font-family: var(--p-font);
}

/* ── Pagination ── */
[b-pq66mk13mr] .p-pager {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .6rem .9rem;
    border-top: .5px solid var(--p-sep-solid);
    background: #fafafa;
}

[b-pq66mk13mr] .p-pager-info {
    font-size: .68rem;
    color: var(--p-text3);
    font-weight: 450;
}

    [b-pq66mk13mr] .p-pager-info strong {
        color: var(--p-text2);
        font-weight: 600;
    }

[b-pq66mk13mr] .p-pager-btns {
    display: flex;
    gap: .15rem;
    align-items: center;
}

[b-pq66mk13mr] .p-pg {
    min-width: 30px;
    height: 30px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    background: transparent;
    color: var(--p-text2);
    cursor: pointer;
    font-size: .74rem;
    font-weight: 600;
    font-family: var(--p-font);
    transition: all .12s;
    padding: 0;
}

    [b-pq66mk13mr] .p-pg:hover:not(:disabled):not(.p-pg--active) {
        background: var(--p-fill);
    }

[b-pq66mk13mr] .p-pg--active {
    background: var(--p-accent);
    color: #fff;
}

[b-pq66mk13mr] .p-pg:disabled {
    opacity: .25;
    cursor: default;
}

/* ── Empty State ── */
[b-pq66mk13mr] .p-empty {
    text-align: center;
    padding: 3rem 2rem;
}

[b-pq66mk13mr] .p-empty-icon {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: var(--p-fill);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: .6rem;
    color: var(--p-text4);
    font-size: 1.3rem;
}

[b-pq66mk13mr] .p-empty h4 {
    font-size: .92rem;
    font-weight: 650;
    color: var(--p-text);
    margin: 0 0 .15rem;
}

[b-pq66mk13mr] .p-empty p {
    font-size: .78rem;
    color: var(--p-text3);
    margin: 0;
}

/* ── Loading ── */
[b-pq66mk13mr] .p-spinner {
    width: 24px;
    height: 24px;
    border: 2.5px solid #e5e5ea;
    border-top-color: var(--p-accent);
    border-radius: 50%;
    animation: p-spin-b-pq66mk13mr .7s linear infinite;
    display: inline-block;
}

@keyframes p-spin-b-pq66mk13mr {
    to {
        transform: rotate(360deg);
    }
}

/* ── Filter Pills ── */
[b-pq66mk13mr] .p-filter-pill {
    padding: .2rem .5rem;
    border-radius: 20px;
    background: rgba(0,122,255,.08);
    color: var(--p-accent);
    font-size: .62rem;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: .2rem;
}

/* ══════════════════════════════════════════
   Responsive
   ══════════════════════════════════════════ */
@media (max-width: 992px) {
    [b-pq66mk13mr] .p-metrics-card {
        flex-wrap: wrap;
    }

    [b-pq66mk13mr] .p-metric {
        min-width: 33%;
    }

    [b-pq66mk13mr] .p-table [data-col="org"],
    [b-pq66mk13mr] .p-table [data-col="category"] {
        display: none;
    }
}

@media (max-width: 768px) {
    [b-pq66mk13mr] .p-topbar {
        padding: 1.25rem 0 2.75rem;
    }

    [b-pq66mk13mr] .p-topbar-inner {
        flex-direction: column;
        align-items: flex-start;
    }

    [b-pq66mk13mr] .p-topbar-text h1 {
        font-size: 1.25rem;
    }

    [b-pq66mk13mr] .p-metrics-card {
        flex-direction: column;
    }

    [b-pq66mk13mr] .p-metric + .p-metric::before {
        width: 80%;
        height: .5px;
        left: 10%;
        top: 0;
    }

    [b-pq66mk13mr] .p-table th, [b-pq66mk13mr] .p-table td {
        font-size: .65rem;
        padding: .4rem .45rem;
    }

    [b-pq66mk13mr] .p-table [data-col="scope"],
    [b-pq66mk13mr] .p-table [data-col="type"] {
        display: none;
    }

    [b-pq66mk13mr] .p-act-group {
        gap: .08rem;
    }
}
/* /Components/Pages/RankingsNew/AddResultToRanking.razor.rz.scp.css */
.wiz-page[b-j7u3xb6u7n] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    padding-bottom: 2rem;
}

.wiz-meta-note[b-j7u3xb6u7n] {
    font-size: .7813rem;
    line-height: 1rem;
    letter-spacing: .0188rem;
    color: rgb(255 255 255 / .72);
}

.wiz-meta-strong[b-j7u3xb6u7n] {
    font-weight: 600;
    color: #fff;
}

.wiz-filters[b-j7u3xb6u7n] {
    display: grid;
    grid-template-columns: 1fr;
    gap: .75rem;
}

@media (min-width: 640px) {
    .wiz-filters[b-j7u3xb6u7n] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1280px) {
    .wiz-filters[b-j7u3xb6u7n] {
        grid-template-columns: repeat(3, 1fr);
    }
}

.wiz-search[b-j7u3xb6u7n] {
    display: flex;
    align-items: center;
    gap: .5rem;
}

.wiz-search__input[b-j7u3xb6u7n] {
    flex: 1;
    min-width: 0;
}

.wiz-section[b-j7u3xb6u7n] {
    margin-top: .75rem;
}

.wiz-loading[b-j7u3xb6u7n] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    margin-top: .75rem;
    padding: .75rem 0;
}

.wiz-loading__label[b-j7u3xb6u7n] {
    font-size: .875rem;
    line-height: 1.25rem;
    color: var(--rk-muted);
}

.wiz-spinner[b-j7u3xb6u7n] {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    flex-shrink: 0;
    border: 2px solid var(--rk-primary-soft);
    border-top-color: var(--rk-primary);
    border-radius: 999px;
    animation: wiz-spin-b-j7u3xb6u7n .6s linear infinite;
}

.wiz-spinner--inline[b-j7u3xb6u7n] {
    width: .875rem;
    height: .875rem;
}

@keyframes wiz-spin-b-j7u3xb6u7n {
    to {
        transform: rotate(360deg);
    }
}

.wiz-selected[b-j7u3xb6u7n] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    margin-top: .75rem;
    padding: .75rem;
    border-radius: var(--rk-radius-sm);
    background: var(--rk-surface);
}

.wiz-selected__main[b-j7u3xb6u7n] {
    min-width: 0;
}

.wiz-title[b-j7u3xb6u7n] {
    font-size: .9063rem;
    line-height: 1.125rem;
    font-weight: 600;
    letter-spacing: -.0125rem;
    color: var(--rk-ink);
}

.wiz-meta-row[b-j7u3xb6u7n] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .5rem;
    margin-top: .25rem;
    font-size: .7813rem;
    line-height: 1rem;
    letter-spacing: .0188rem;
    color: var(--rk-muted);
}

.wiz-events[b-j7u3xb6u7n] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    margin-top: .75rem;
}

.wiz-list[b-j7u3xb6u7n] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    overflow-y: auto;
}

.wiz-list--events[b-j7u3xb6u7n] {
    max-height: 320px;
}

.wiz-list--champs[b-j7u3xb6u7n] {
    max-height: 450px;
    margin-top: .75rem;
    scrollbar-width: thin;
}

.wiz-pick-row[b-j7u3xb6u7n] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
}

.wiz-pick__info[b-j7u3xb6u7n] {
    min-width: 0;
}

.wiz-pick-head[b-j7u3xb6u7n] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .5rem;
}

.wiz-list  .rk-card[data-state="selected"][b-j7u3xb6u7n],
.wiz-formulas  .rk-card[data-state="selected"][b-j7u3xb6u7n] {
    background: var(--rk-primary-soft);
}

.wiz-page  .wiz-check[b-j7u3xb6u7n] {
    width: 1rem;
    height: 1rem;
    flex-shrink: 0;
    color: var(--rk-primary);
}

.wiz-check-spacer[b-j7u3xb6u7n] {
    width: 1rem;
    height: 1rem;
    flex-shrink: 0;
}

.wiz-picker[b-j7u3xb6u7n] {
    width: 100%;
    margin-top: .75rem;
}

.wiz-programs[b-j7u3xb6u7n] {
    display: flex;
    flex-direction: column;
    gap: .25rem;
}

.wiz-program[b-j7u3xb6u7n] {
    display: flex;
    width: 100%;
    align-items: center;
    gap: .625rem;
    padding: .5rem .75rem;
    border: 0;
    border-radius: var(--rk-radius-sm);
    background: transparent;
    font-family: inherit;
    font-size: .9063rem;
    line-height: 1.125rem;
    letter-spacing: .0188rem;
    color: var(--rk-ink);
    text-align: left;
    cursor: pointer;
    transition: background-color 150ms ease-out;
}

.wiz-program:hover[b-j7u3xb6u7n] {
    background: var(--rk-surface);
}

.wiz-program[data-state="selected"][b-j7u3xb6u7n] {
    background: var(--rk-primary-soft);
}

.wiz-program:focus-visible[b-j7u3xb6u7n] {
    outline: none;
    box-shadow: var(--rk-focus);
}

.wiz-program__name[b-j7u3xb6u7n] {
    min-width: 0;
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 500;
}

.wiz-program__time[b-j7u3xb6u7n] {
    font-size: .7813rem;
    line-height: 1rem;
    letter-spacing: .0188rem;
    color: var(--rk-muted);
    white-space: nowrap;
}

.wiz-picker-actions[b-j7u3xb6u7n] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: .5rem;
    margin-top: .75rem;
}

.wiz-actions-end[b-j7u3xb6u7n] {
    display: flex;
    justify-content: flex-end;
}

.wiz-actions-end--spaced[b-j7u3xb6u7n] {
    margin-top: 1rem;
}

.wiz-card-head[b-j7u3xb6u7n] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
}

.wiz-card-head__left[b-j7u3xb6u7n] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .5rem;
}

.wiz-card-head__title[b-j7u3xb6u7n] {
    font-size: 1.1875rem;
    line-height: 1.5rem;
    font-weight: 600;
    letter-spacing: -.0375rem;
    color: var(--rk-ink);
}

.wiz-summary[b-j7u3xb6u7n] {
    display: flex;
    flex-direction: column;
    gap: .25rem;
    margin-bottom: 1rem;
    padding: .75rem;
    border-radius: var(--rk-radius-sm);
    background: var(--rk-surface);
}

.wiz-summary__title[b-j7u3xb6u7n] {
    font-size: .9063rem;
    line-height: 1.125rem;
    font-weight: 600;
    letter-spacing: -.0125rem;
    color: var(--rk-ink);
}

.wiz-summary__meta[b-j7u3xb6u7n] {
    font-size: .7813rem;
    line-height: 1rem;
    letter-spacing: .0188rem;
    color: var(--rk-muted);
}

.wiz-formulas[b-j7u3xb6u7n] {
    display: grid;
    grid-template-columns: 1fr;
    gap: .75rem;
}

@media (min-width: 640px) {
    .wiz-formulas[b-j7u3xb6u7n] {
        grid-template-columns: repeat(3, 1fr);
    }
}

.wiz-formula[b-j7u3xb6u7n] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .5rem;
}

.wiz-formula__main[b-j7u3xb6u7n] {
    min-width: 0;
}

.wiz-resumen[b-j7u3xb6u7n] {
    display: grid;
    grid-template-columns: 1fr;
    gap: .75rem;
    margin-bottom: .75rem;
    padding: .75rem;
    border-radius: var(--rk-radius-sm);
    background: var(--rk-surface);
}

@media (min-width: 640px) {
    .wiz-resumen[b-j7u3xb6u7n] {
        grid-template-columns: repeat(3, 1fr);
    }
}

.wiz-resumen__label[b-j7u3xb6u7n] {
    font-size: .7813rem;
    line-height: 1rem;
    letter-spacing: .0188rem;
    color: var(--rk-muted);
}

.wiz-resumen__value[b-j7u3xb6u7n] {
    margin-top: .25rem;
    font-size: .9063rem;
    line-height: 1.125rem;
    font-weight: 600;
    letter-spacing: -.0125rem;
    color: var(--rk-ink);
}

.wiz-muted[b-j7u3xb6u7n] {
    color: var(--rk-muted);
}

.wiz-strong[b-j7u3xb6u7n] {
    font-weight: 600;
}

.wiz-td--right[b-j7u3xb6u7n] {
    text-align: right;
}

.wiz-bold[b-j7u3xb6u7n] {
    font-weight: 700;
}

.rk-td  .wiz-badge-gap[b-j7u3xb6u7n] {
    margin-left: .5rem;
}

.wiz-footer-action[b-j7u3xb6u7n] {
    position: relative;
    z-index: 5;
}

.wiz-footer-action  .rk-btn[b-j7u3xb6u7n] {
    width: 100%;
}
/* /Components/Pages/RankingsNew/ChampionshipWeightConfig.razor.rz.scp.css */
/* Configuración de pesos (página completa): carga, aviso, filtros y la
   tabla paginada de pruebas puntuables. */

.rk-page[b-pk9ek4g741] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    padding-bottom: 2rem;
}

.cw-loading[b-pk9ek4g741] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    padding: 3rem 0;
}

.cw-loading__label[b-pk9ek4g741] {
    font-size: .875rem;
    line-height: 1.25rem;
    color: var(--rk-muted);
}

.cw-spinner[b-pk9ek4g741] {
    width: .875rem;
    height: .875rem;
    flex-shrink: 0;
    border: 2px solid var(--rk-primary-soft);
    border-top-color: var(--rk-primary);
    border-radius: 999px;
    animation: cw-spin-b-pk9ek4g741 .6s linear infinite;
}

@keyframes cw-spin-b-pk9ek4g741 {
    to {
        transform: rotate(360deg);
    }
}

.cw-note-sm[b-pk9ek4g741] {
    margin-top: .25rem;
    font-size: .7813rem;
    line-height: 1.125rem;
    letter-spacing: .0125rem;
}

/* Filtros: buscador + selects + recuentos. */
.cw-grid[b-pk9ek4g741] {
    display: grid;
    gap: .75rem;
    grid-template-columns: minmax(0, 1fr);
}

@media (min-width: 640px) {
    .cw-grid--3[b-pk9ek4g741] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

.cw-badges[b-pk9ek4g741] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: flex-start;
    gap: .5rem;
}

@media (min-width: 640px) {
    .cw-badges[b-pk9ek4g741] {
        justify-content: flex-end;
        align-self: end;
    }
}

.cw-title[b-pk9ek4g741] {
    margin: 0;
    font-size: 1.1875rem;
    line-height: 1.5rem;
    font-weight: 600;
    letter-spacing: -.0375rem;
    color: var(--rk-ink);
}

.cw-block[b-pk9ek4g741] {
    margin-top: 1rem;
}

.cw-strong[b-pk9ek4g741] {
    font-weight: 600;
    color: var(--rk-ink);
}

.cw-meta[b-pk9ek4g741] {
    font-size: .7813rem;
    line-height: 1rem;
    letter-spacing: .0125rem;
    color: var(--rk-muted);
}

/* Celda de peso: selector + insignia del peso elegido. */
.cw-weight[b-pk9ek4g741] {
    display: flex;
    align-items: center;
    gap: .5rem;
}

.cw-select[b-pk9ek4g741] {
    display: block;
    width: 11rem;
    height: 2.5rem;
    padding: .5rem .75rem;
    border: 1px solid var(--rk-track);
    border-radius: var(--rk-radius-sm);
    font-family: inherit;
    font-size: .875rem;
    line-height: 1.25rem;
    color: var(--rk-ink);
    background-color: var(--rk-surface);
    transition: border-color 150ms ease-out, box-shadow 150ms ease-out;
}

.cw-select:hover:not(:disabled)[b-pk9ek4g741] {
    border-color: var(--rk-muted);
}

.cw-select:focus-visible[b-pk9ek4g741] {
    outline: none;
    border-color: var(--rk-primary);
    box-shadow: 0 0 0 3px var(--rk-primary-soft);
}

.cw-select:disabled[b-pk9ek4g741] {
    cursor: not-allowed;
    opacity: .5;
}
/* /Components/Pages/RankingsNew/ChampionshipWeightsInline.razor.rz.scp.css */
/* Pesos por prueba (versión embebida en el panel): cabecera, filtros y
   tabla compacta con scroll. Los estilos de celda son locales porque esta
   tabla no encaja en la tarjeta a ancho completo. */

.cwi-head[b-4151drrf87] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
}

.cwi-head__title[b-4151drrf87] {
    margin: 0;
    font-size: 1.1875rem;
    line-height: 1.5rem;
    font-weight: 600;
    letter-spacing: -.0375rem;
    color: var(--rk-ink);
}

.cwi-filters[b-4151drrf87] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
}

@media (min-width: 640px) {
    .cwi-filters[b-4151drrf87] {
        flex-direction: row;
        align-items: flex-end;
    }
}

.cwi-filters__field[b-4151drrf87] {
    width: 100%;
}

@media (min-width: 640px) {
    .cwi-filters__field[b-4151drrf87] {
        width: 16rem;
        flex-shrink: 0;
    }
}

.cwi-filters__badges[b-4151drrf87] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .5rem;
}

@media (min-width: 640px) {
    .cwi-filters__badges[b-4151drrf87] {
        margin-left: auto;
        padding-bottom: .375rem;
    }
}

.cwi-strong[b-4151drrf87] {
    font-weight: 600;
    color: var(--rk-ink);
}

.cwi-meta[b-4151drrf87] {
    font-size: .7813rem;
    line-height: 1rem;
    letter-spacing: .0125rem;
    color: var(--rk-muted);
}

.cwi-th--right[b-4151drrf87],
.cwi-td--right[b-4151drrf87] {
    text-align: right;
}

/* Selector de peso de fila: mismo lenguaje que los campos del módulo. */
.cwi-select[b-4151drrf87] {
    display: block;
    width: 150px;
    height: 2.5rem;
    padding: .5rem .75rem;
    border: 1px solid var(--rk-track);
    border-radius: var(--rk-radius-sm);
    font-family: inherit;
    font-size: .875rem;
    line-height: 1.25rem;
    color: var(--rk-ink);
    background-color: var(--rk-surface);
    transition: border-color 150ms ease-out, box-shadow 150ms ease-out;
}

.cwi-select:hover:not(:disabled)[b-4151drrf87] {
    border-color: var(--rk-muted);
}

.cwi-select:focus-visible[b-4151drrf87] {
    outline: none;
    border-color: var(--rk-primary);
    box-shadow: 0 0 0 3px var(--rk-primary-soft);
}

.cwi-select:disabled[b-4151drrf87] {
    cursor: not-allowed;
    opacity: .5;
}
/* /Components/Pages/RankingsNew/ChangeChampionshipDialog.razor.rz.scp.css */
/* Diálogo "Cambiar campeonato": patrón de referencia (rk-modal-reference).
   Cabecera con X, stepper de 2 pasos, cuerpo desplazable, filtros en grid,
   lista de opciones role=radio y pie con resumen + acciones. El cromo del
   contenedor Radzen vive en wwwroot/css/rankings/rk-components.css. */

/* Raíz: columna (cabecera / stepper / cuerpo desplazable / pie). El
   flex:1 + min-height:0 la ancla al alto máximo del .rz-dialog-content. */
.cc-dialog[b-y0un9yrodq] {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
}

/* ── Cabecera ─────────────────────────────────────────────────────────── */
.cc-head[b-y0un9yrodq] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 22px 26px 0;
}

.cc-head__text[b-y0un9yrodq] {
    min-width: 0;
}

.cc-head__title[b-y0un9yrodq] {
    margin: 0;
    font-size: 20px;
    line-height: 1.3;
    font-weight: 800;
    letter-spacing: -.01em;
    color: var(--rk-ink);
}

.cc-head__desc[b-y0un9yrodq] {
    margin: .375rem 0 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    color: var(--rk-muted);
}

.cc-head__desc b[b-y0un9yrodq] {
    font-weight: 700;
    color: var(--rk-ink);
}

.cc-x[b-y0un9yrodq] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    flex-shrink: 0;
    padding: 0;
    border: 0;
    border-radius: 11px;
    background: transparent;
    color: var(--rk-muted);
    font-size: 1.25rem;
    cursor: pointer;
    transition: background-color 150ms ease-out, color 150ms ease-out;
}

@media (hover: hover) and (pointer: fine) {
    .cc-x:hover[b-y0un9yrodq] {
        background: var(--rk-surface-2);
        color: var(--rk-ink);
    }
}

.cc-x:focus-visible[b-y0un9yrodq] {
    outline: none;
    box-shadow: var(--rk-focus);
}

/* ── Stepper ──────────────────────────────────────────────────────────── */
.cc-steps[b-y0un9yrodq] {
    display: flex;
    align-items: center;
    gap: .75rem;
    padding: 18px 26px 16px;
}

.cc-step[b-y0un9yrodq] {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    font-size: .8125rem;
    line-height: 1rem;
    color: var(--rk-muted);
}

.cc-step__dot[b-y0un9yrodq] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    flex-shrink: 0;
    border-radius: 50%;
    border: 1px solid var(--rk-track);
    background: var(--rk-surface-2);
    color: var(--rk-ink);
    font-size: .75rem;
    font-weight: 700;
}

.cc-step__label[b-y0un9yrodq] {
    font-weight: 600;
}

.cc-step.on[b-y0un9yrodq] {
    color: var(--rk-ink);
}

.cc-step.on .cc-step__dot[b-y0un9yrodq] {
    background: var(--rk-primary);
    border-color: var(--rk-primary);
    color: #fff;
}

.cc-step.done .cc-step__dot[b-y0un9yrodq] {
    background: var(--rk-primary-soft);
    border-color: transparent;
    color: var(--rk-primary);
}

.cc-step__check[b-y0un9yrodq] {
    width: 1rem;
    height: 1rem;
}

.cc-steps__bar[b-y0un9yrodq] {
    flex: 1;
    max-width: 80px;
    height: 2px;
    border-radius: 2px;
    background: var(--rk-track);
    overflow: hidden;
}

.cc-steps__fill[b-y0un9yrodq] {
    display: block;
    width: 0;
    height: 100%;
    background: var(--rk-primary);
    transition: width 150ms ease-out;
}

.cc-steps__fill[data-on][b-y0un9yrodq] {
    width: 100%;
}

@media (prefers-reduced-motion: reduce) {
    .cc-steps__fill[b-y0un9yrodq] {
        transition: none;
    }
}

/* ── Cuerpo (desplazable) ─────────────────────────────────────────────── */
.cc-body[b-y0un9yrodq] {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    padding: 0 26px;
}

/* ── Bloque de contexto (campeonato actual / elegido) ─────────────────── */
.cc-ctx[b-y0un9yrodq] {
    display: flex;
    flex-direction: column;
    gap: .25rem;
    padding: 14px 16px;
    border-radius: 14px;
    background: var(--rk-surface-2);
    box-shadow: inset 0 0 0 1px var(--rk-track);
}

.cc-ctx__label[b-y0un9yrodq] {
    font-size: 11px;
    line-height: 1rem;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: var(--rk-muted);
}

.cc-ctx__row[b-y0un9yrodq] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: .5rem;
    flex-wrap: wrap;
}

.cc-ctx__name[b-y0un9yrodq] {
    font-size: .9375rem;
    line-height: 1.3125rem;
    font-weight: 700;
    color: var(--rk-ink);
    min-width: 0;
}

.cc-ctx__meta[b-y0un9yrodq] {
    font-size: .8125rem;
    line-height: 1.125rem;
    color: var(--rk-muted);
}

.cc-link[b-y0un9yrodq] {
    padding: 0;
    border: 0;
    background: none;
    font: inherit;
    font-size: .8125rem;
    font-weight: 700;
    color: var(--rk-primary);
    cursor: pointer;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.cc-link:focus-visible[b-y0un9yrodq] {
    outline: none;
    box-shadow: var(--rk-focus);
    border-radius: 4px;
}

/* ── Filtros ──────────────────────────────────────────────────────────── */
.cc-filters[b-y0un9yrodq] {
    display: grid;
    grid-template-columns: 1fr 110px 190px;
    gap: 12px;
    margin: 16px 0 4px;
}

@media (max-width: 640px) {
    .cc-filters[b-y0un9yrodq] {
        grid-template-columns: 1fr 1fr;
    }

    .cc-filters__search[b-y0un9yrodq] {
        grid-column: 1 / -1;
    }
}

/* Selects: rk-tokens fija min-width 240px y padding global a todo
   .rk-field; en este grid mandan las columnas de 110/190. */
.cc-filters select[b-y0un9yrodq] {
    min-width: 0 !important;
    width: 100%;
    height: 2.5rem;
    padding: 10px 12px !important;
    border-radius: 11px !important;
    font-size: .875rem;
}

.cc-search[b-y0un9yrodq] {
    padding-left: 36px !important;
    border-radius: 11px !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.6-3.6'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: left 12px center;
    background-size: 16px;
}

/* ── Recuento ─────────────────────────────────────────────────────────── */
.cc-cnt[b-y0un9yrodq] {
    margin: .5rem 0 .25rem;
    font-size: 12px;
    line-height: 1rem;
    font-weight: 600;
    color: var(--rk-muted);
}

/* ── Lista de opciones ────────────────────────────────────────────────── */
.cc-list[b-y0un9yrodq] {
    display: grid;
    gap: 8px;
    align-content: start;
    padding: 2px 4px 16px 0;
}

.cc-opt[b-y0un9yrodq] {
    display: flex;
    align-items: center;
    gap: 14px;
    width: 100%;
    text-align: left;
    padding: 13px 16px;
    border: 1px solid var(--rk-track);
    border-radius: 14px;
    background: var(--rk-card);
    color: var(--rk-ink);
    font: inherit;
    cursor: pointer;
    transition: border-color 150ms ease-out, background-color 150ms ease-out;
}

@media (hover: hover) and (pointer: fine) {
    .cc-opt:hover[b-y0un9yrodq] {
        border-color: #c4cde2;
        background: var(--rk-surface-2);
    }
}

.cc-opt[aria-checked="true"][b-y0un9yrodq] {
    border-color: var(--rk-primary);
    background: var(--rk-primary-soft);
    box-shadow: 0 0 0 1px var(--rk-primary);
}

.cc-opt:focus-visible[b-y0un9yrodq] {
    outline: none;
    box-shadow: var(--rk-focus);
}

.cc-opt__radio[b-y0un9yrodq] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    flex-shrink: 0;
    border-radius: 50%;
    border: 2px solid #c4cde2;
    background: var(--rk-card);
    color: transparent;
}

.cc-opt[aria-checked="true"] .cc-opt__radio[b-y0un9yrodq] {
    border-color: var(--rk-primary);
    background: var(--rk-primary);
    color: #fff;
}

.cc-opt__check[b-y0un9yrodq] {
    width: .875rem;
    height: .875rem;
}

.cc-opt__t[b-y0un9yrodq] {
    display: flex;
    flex-direction: column;
    gap: .375rem;
    min-width: 0;
    flex: 1;
}

.cc-opt__nm[b-y0un9yrodq] {
    font-size: .9375rem;
    line-height: 1.3125rem;
    font-weight: 700;
    color: var(--rk-ink);
}

.cc-opt__meta[b-y0un9yrodq] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    font-size: 12px;
    line-height: 1rem;
    color: var(--rk-muted);
}

.cc-chip[b-y0un9yrodq] {
    display: inline-flex;
    align-items: center;
    padding: 2px 10px;
    border-radius: 999px;
    border: 1px solid var(--rk-track);
    background: var(--rk-card);
    font-size: 11.5px;
    line-height: 1.25rem;
    font-weight: 600;
    color: var(--rk-muted);
}

.cc-opt[aria-checked="true"] .cc-chip[b-y0un9yrodq] {
    border-color: #c5d3ff;
}

.cc-chip--src[b-y0un9yrodq] {
    border-color: #c5d3ff;
    background: var(--rk-primary-soft);
    color: var(--rk-primary);
}

.cc-pager[b-y0un9yrodq] {
    display: flex;
    justify-content: center;
    padding-bottom: 8px;
}

/* ── Estado vacío ─────────────────────────────────────────────────────── */
.cc-empty[b-y0un9yrodq] {
    margin: .5rem 0 1rem;
    padding: 28px 1rem;
    text-align: center;
    border: 1px dashed var(--rk-track);
    border-radius: 14px;
    font-size: .875rem;
    line-height: 1.25rem;
    color: var(--rk-muted);
}

/* ── Paso 2: sección de horario ───────────────────────────────────────── */
.cc-secrow[b-y0un9yrodq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    margin: 16px 0 8px;
}

.cc-sec[b-y0un9yrodq] {
    font-size: 11px;
    line-height: 1rem;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: var(--rk-muted);
}

.cc-src[b-y0un9yrodq] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    margin-bottom: .75rem;
}

.cc-loading[b-y0un9yrodq] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    padding: 1.25rem 0;
}

.cc-loading__label[b-y0un9yrodq] {
    font-size: .875rem;
    line-height: 1.25rem;
    color: var(--rk-muted);
}

.cc-spinner[b-y0un9yrodq] {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    flex-shrink: 0;
    border: 2px solid var(--rk-primary-soft);
    border-top-color: var(--rk-primary);
    border-radius: 999px;
    animation: cc-spin-b-y0un9yrodq .6s linear infinite;
}

@media (prefers-reduced-motion: reduce) {
    .cc-spinner[b-y0un9yrodq] {
        animation-duration: 1.4s;
    }
}

@keyframes cc-spin-b-y0un9yrodq {
    to {
        transform: rotate(360deg);
    }
}

/* ── Pie ──────────────────────────────────────────────────────────────── */
.cc-foot[b-y0un9yrodq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
    padding: 16px 26px;
    border-top: 1px solid var(--rk-track);
    background: var(--rk-card);
}

.cc-sum[b-y0un9yrodq] {
    margin: 0;
    min-width: 0;
    flex: 1;
    font-size: 12.5px;
    line-height: 1.125rem;
    color: var(--rk-muted);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cc-sum b[b-y0un9yrodq] {
    font-weight: 700;
    color: var(--rk-ink);
}

.cc-acts[b-y0un9yrodq] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.cc-reason[b-y0un9yrodq] {
    font-size: 12px;
    line-height: 1rem;
    font-weight: 600;
    color: var(--rk-muted);
}

/* Móvil: acciones a ancho completo bajo el resumen. */
@media (max-width: 640px) {
    .cc-head[b-y0un9yrodq],
    .cc-steps[b-y0un9yrodq],
    .cc-foot[b-y0un9yrodq] {
        padding-left: 18px;
        padding-right: 18px;
    }

    .cc-body[b-y0un9yrodq] {
        padding-left: 18px;
        padding-right: 18px;
    }

    .cc-acts[b-y0un9yrodq] {
        width: 100%;
        justify-content: flex-end;
    }
}
/* /Components/Pages/RankingsNew/ChangeFormulaDialog.razor.rz.scp.css */
/* Diálogo "Cambiar fórmula": opciones en dos columnas; la elegida se marca
   con anillo primario (nunca solo color: lleva además aria-pressed y el
   check). El botón es la superficie accionable, la tarjeta pinta el fondo. */

.cf-grid[b-k4n0jwsc93] {
    display: grid;
    gap: .625rem;
    grid-template-columns: minmax(0, 1fr);
}

@media (min-width: 640px) {
    .cf-grid[b-k4n0jwsc93] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.cf-option[b-k4n0jwsc93] {
    display: block;
    width: 100%;
    padding: 0;
    border: 0;
    border-radius: var(--rk-radius);
    background: transparent;
    text-align: left;
    cursor: pointer;
}

.cf-option[data-state="selected"][b-k4n0jwsc93] {
    box-shadow: 0 0 0 2px var(--rk-primary);
}

.cf-option:focus-visible[b-k4n0jwsc93] {
    outline: none;
    box-shadow: var(--rk-focus);
}

.cf-option__row[b-k4n0jwsc93] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .5rem;
}

.cf-option__text[b-k4n0jwsc93] {
    min-width: 0;
}

.cf-option__name[b-k4n0jwsc93] {
    font-weight: 600;
    color: var(--rk-ink);
}

.cf-option__meta[b-k4n0jwsc93] {
    margin-top: .125rem;
    font-size: .7813rem;
    line-height: 1rem;
    letter-spacing: .0125rem;
    color: var(--rk-muted);
}

.cf-option__check[b-k4n0jwsc93] {
    display: flex;
    flex-shrink: 0;
    color: var(--rk-primary);
}
/* /Components/Pages/RankingsNew/ClubNationalRanking.razor.rz.scp.css */
/* Ranking Nacional de Clubes: filtros, stats y la tabla de clasificación. */

.rk-page[b-te8zbuuqlx] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    padding-bottom: 2rem;
}

.cnr-loading[b-te8zbuuqlx] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    padding: 3rem 0;
}

.cnr-loading__label[b-te8zbuuqlx] {
    font-size: .875rem;
    line-height: 1.25rem;
    color: var(--rk-muted);
}

.cnr-spinner[b-te8zbuuqlx] {
    width: .875rem;
    height: .875rem;
    flex-shrink: 0;
    border: 2px solid var(--rk-primary-soft);
    border-top-color: var(--rk-primary);
    border-radius: 999px;
    animation: cnr-spin-b-te8zbuuqlx .6s linear infinite;
}

@keyframes cnr-spin-b-te8zbuuqlx {
    to {
        transform: rotate(360deg);
    }
}

.cnr-grid[b-te8zbuuqlx] {
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, 1fr);
}

@media (min-width: 640px) {
    .cnr-grid--2[b-te8zbuuqlx] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.cnr-strong[b-te8zbuuqlx] {
    font-weight: 600;
    color: var(--rk-ink);
}

.cnr-meta[b-te8zbuuqlx] {
    font-size: .7813rem;
    line-height: 1rem;
    letter-spacing: .0125rem;
    color: var(--rk-muted);
}

.cnr-right[b-te8zbuuqlx] {
    text-align: right;
}

.cnr-points[b-te8zbuuqlx] {
    font-weight: 700;
    color: var(--rk-ink);
}

.cnr-actions[b-te8zbuuqlx] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .5rem;
}

/* ── Fila expandible + desglose por campeonato ── */

.cnr-row[b-te8zbuuqlx] {
    cursor: pointer;
}

.cnr-row:focus-visible[b-te8zbuuqlx] {
    outline: 2px solid var(--rk-primary);
    outline-offset: -2px;
}

.rk-tbody > tr.cnr-row[data-state="selected"][b-te8zbuuqlx] {
    background: var(--rk-primary-soft);
}

.cnr-expand[b-te8zbuuqlx] {
    display: flex;
    flex-direction: column;
    gap: .625rem;
    padding: .25rem 0 .5rem;
}

.cnr-expand__head[b-te8zbuuqlx] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: .5rem;
}

.cnr-expand__club[b-te8zbuuqlx] {
    font-size: .9063rem;
    line-height: 1.125rem;
    font-weight: 600;
    letter-spacing: -.0125rem;
    color: var(--rk-ink);
}

.cnr-expand__total[b-te8zbuuqlx] {
    margin-left: auto;
    font-size: .875rem;
    line-height: 1.125rem;
    font-weight: 700;
    color: var(--rk-ink);
}

.cnr-expand__wrap[b-te8zbuuqlx] {
    overflow-x: auto;
    border: 1px solid var(--rk-track);
    border-radius: var(--rk-radius-sm);
    background: var(--rk-card);
}

.cnr-expand__table[b-te8zbuuqlx] {
    width: 100%;
    border-collapse: collapse;
    font-size: .8125rem;
    line-height: 1.125rem;
}

.cnr-expand__th[b-te8zbuuqlx] {
    padding: .5rem .75rem;
    text-align: left;
    font-size: .75rem;
    line-height: 1rem;
    font-weight: 600;
    letter-spacing: .0125rem;
    color: var(--rk-muted);
    background: var(--rk-surface);
    white-space: nowrap;
}

.cnr-expand__td[b-te8zbuuqlx] {
    padding: .5rem .75rem;
    color: var(--rk-ink);
    border-top: 1px solid var(--rk-track);
    vertical-align: top;
}

/* Evento + acción "Ver equipos" en la misma celda */
.cnr-expand__event[b-te8zbuuqlx] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .5rem;
}

.cnr-note[b-te8zbuuqlx] {
    padding: .25rem 0;
    font-size: .7813rem;
    line-height: 1rem;
    letter-spacing: .0188rem;
    color: var(--rk-muted);
}

.cnr-note--row[b-te8zbuuqlx] {
    display: flex;
    align-items: center;
    gap: .5rem;
}

.cnr-note--error[b-te8zbuuqlx] {
    color: var(--rk-danger);
}
/* /Components/Pages/RankingsNew/ClubTeamsDialog.razor.rz.scp.css */
/* Diálogo de equipos del campeonato: lista de equipos (posición, club, marca
   y sus 3 miembros) y modo edición con 3 huecos + buscador de reemplazo.
   Sin :deep/:global: solo estiliza los elementos de SU componente. */

.ctd[b-jy5upg569m] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.ctd-state[b-jy5upg569m] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    padding: 2rem 1rem;
    border-radius: var(--rk-radius-sm);
    background: var(--rk-surface);
    font-size: .875rem;
    line-height: 1.25rem;
    color: var(--rk-muted);
    text-align: center;
}

.ctd-state--error[b-jy5upg569m] {
    color: var(--rk-danger);
}

.ctd-state__label[b-jy5upg569m] {
    color: var(--rk-muted);
}

.ctd-spinner[b-jy5upg569m] {
    width: .875rem;
    height: .875rem;
    flex-shrink: 0;
    border: 2px solid var(--rk-primary-soft);
    border-top-color: var(--rk-primary);
    border-radius: 999px;
    animation: ctd-spin-b-jy5upg569m .6s linear infinite;
}

@keyframes ctd-spin-b-jy5upg569m {
    to {
        transform: rotate(360deg);
    }
}

/* ── Lista de equipos ── */

.ctd-teams[b-jy5upg569m] {
    display: flex;
    flex-direction: column;
    gap: .75rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.ctd-team[b-jy5upg569m] {
    padding: .75rem 1rem;
    border: 1px solid var(--rk-track);
    border-radius: var(--rk-radius-sm);
    background: var(--rk-card);
}

.ctd-team__head[b-jy5upg569m] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .5rem;
}

.ctd-team__pos[b-jy5upg569m] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.5rem;
    height: 1.5rem;
    padding: 0 .375rem;
    border-radius: 999px;
    background: var(--rk-primary-soft);
    color: var(--rk-primary-strong);
    font-size: .75rem;
    font-weight: 700;
}

.ctd-team__club[b-jy5upg569m] {
    flex: 1 1 auto;
    min-width: 0;
    font-weight: 600;
    color: var(--rk-ink);
}

.ctd-team__mark[b-jy5upg569m] {
    font-weight: 700;
    color: var(--rk-ink);
    font-variant-numeric: tabular-nums;
}

.ctd-team__members[b-jy5upg569m] {
    display: flex;
    flex-direction: column;
    gap: .25rem;
    margin: .5rem 0 0;
    padding: .5rem 0 0;
    border-top: 1px solid var(--rk-track);
    list-style: none;
}

.ctd-member[b-jy5upg569m] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: .5rem;
}

.ctd-member__name[b-jy5upg569m] {
    font-weight: 600;
    color: var(--rk-ink);
}

.ctd-member__mark[b-jy5upg569m] {
    color: var(--rk-ink);
    font-variant-numeric: tabular-nums;
}

.ctd-member__cat[b-jy5upg569m] {
    font-size: .7813rem;
    line-height: 1rem;
    color: var(--rk-muted);
}

/* ── Modo edición: 3 huecos ── */

.ctd-edit[b-jy5upg569m] {
    display: flex;
    flex-direction: column;
    gap: .75rem;
}

.ctd-edit__head[b-jy5upg569m] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: .5rem;
}

.ctd-edit__club[b-jy5upg569m] {
    font-weight: 600;
    color: var(--rk-ink);
}

.ctd-edit__hint[b-jy5upg569m] {
    font-size: .7813rem;
    line-height: 1rem;
    color: var(--rk-muted);
}

.ctd-slots[b-jy5upg569m] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.ctd-slot[b-jy5upg569m] {
    margin: 0;
}

.ctd-slot__btn[b-jy5upg569m] {
    display: flex;
    align-items: center;
    gap: .625rem;
    width: 100%;
    padding: .625rem .75rem;
    border: 1px solid var(--rk-track);
    border-radius: var(--rk-radius-sm);
    background: var(--rk-card);
    color: var(--rk-ink);
    font-family: inherit;
    font-size: .875rem;
    line-height: 1.25rem;
    text-align: left;
    cursor: pointer;
    transition: border-color 150ms ease-out, box-shadow 150ms ease-out;
}

.ctd-slot__btn:hover[b-jy5upg569m] {
    border-color: var(--rk-muted);
}

.ctd-slot__btn:focus-visible[b-jy5upg569m] {
    outline: none;
    box-shadow: var(--rk-focus);
}

.ctd-slot[data-state="searching"] .ctd-slot__btn[b-jy5upg569m] {
    border-color: var(--rk-primary);
    box-shadow: 0 0 0 3px var(--rk-primary-soft);
}

.ctd-slot__num[b-jy5upg569m] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 999px;
    background: var(--rk-surface);
    color: var(--rk-muted);
    font-size: .75rem;
    font-weight: 700;
}

.ctd-slot__body[b-jy5upg569m] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: .5rem;
    flex: 1 1 auto;
    min-width: 0;
}

.ctd-slot__name[b-jy5upg569m] {
    font-weight: 600;
    color: var(--rk-ink);
}

.ctd-slot__mark[b-jy5upg569m] {
    color: var(--rk-ink);
    font-variant-numeric: tabular-nums;
}

.ctd-slot__cat[b-jy5upg569m] {
    font-size: .7813rem;
    line-height: 1rem;
    color: var(--rk-muted);
}

.ctd-slot__action[b-jy5upg569m] {
    flex-shrink: 0;
    font-size: .7813rem;
    line-height: 1rem;
    font-weight: 600;
    color: var(--rk-primary);
}

/* ── Buscador de reemplazo ── */

.ctd-search[b-jy5upg569m] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    padding: .75rem;
    border-radius: var(--rk-radius-sm);
    background: var(--rk-surface);
}

.ctd-search__list[b-jy5upg569m] {
    display: flex;
    flex-direction: column;
    gap: .25rem;
    margin: 0;
    padding: 0;
    max-height: 14rem;
    overflow-y: auto;
    list-style: none;
}

.ctd-search__option[b-jy5upg569m] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: .5rem;
    width: 100%;
    padding: .5rem .625rem;
    border: 1px solid transparent;
    border-radius: var(--rk-radius-sm);
    background: transparent;
    color: var(--rk-ink);
    font-family: inherit;
    font-size: .8125rem;
    line-height: 1.125rem;
    text-align: left;
    cursor: pointer;
}

.ctd-search__option:hover[b-jy5upg569m] {
    background: var(--rk-card);
    border-color: var(--rk-track);
}

.ctd-search__option:focus-visible[b-jy5upg569m] {
    outline: none;
    box-shadow: var(--rk-focus);
}

.ctd-search__name[b-jy5upg569m] {
    font-weight: 600;
    color: var(--rk-ink);
}

.ctd-search__mark[b-jy5upg569m] {
    color: var(--rk-ink);
    font-variant-numeric: tabular-nums;
}

.ctd-search__cat[b-jy5upg569m],
.ctd-search__club[b-jy5upg569m] {
    font-size: .75rem;
    line-height: 1rem;
    color: var(--rk-muted);
}

.ctd-search__club[b-jy5upg569m] {
    margin-left: auto;
}

.ctd-search__empty[b-jy5upg569m] {
    padding: .5rem .25rem;
    font-size: .8125rem;
    line-height: 1.125rem;
    color: var(--rk-muted);
}

.ctd-search__foot[b-jy5upg569m] {
    display: flex;
    justify-content: flex-end;
}

/* ── Pie: estado de guardado ── */

.ctd-saving[b-jy5upg569m] {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    margin-right: auto;
    font-size: .8125rem;
    line-height: 1.125rem;
    color: var(--rk-muted);
}
/* /Components/Pages/RankingsNew/FormulaEditor.razor.rz.scp.css */
/* Editor y listado de fórmulas de puntos: formulario, vista previa y
   tabla del listado. */

.rk-page[b-w9p14ezahg] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    padding-bottom: 2rem;
}

.fe-loading[b-w9p14ezahg] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    padding: 3rem 0;
}

.fe-loading__label[b-w9p14ezahg] {
    font-size: .875rem;
    line-height: 1.25rem;
    color: var(--rk-muted);
}

.fe-spinner[b-w9p14ezahg] {
    width: .875rem;
    height: .875rem;
    flex-shrink: 0;
    border: 2px solid var(--rk-primary-soft);
    border-top-color: var(--rk-primary);
    border-radius: 999px;
    animation: fe-spin-b-w9p14ezahg .6s linear infinite;
}

@keyframes fe-spin-b-w9p14ezahg {
    to {
        transform: rotate(360deg);
    }
}

.fe-cardhead[b-w9p14ezahg] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
}

.fe-cardhead__title[b-w9p14ezahg] {
    font-size: 1.1875rem;
    line-height: 1.5rem;
    font-weight: 600;
    letter-spacing: -.0375rem;
    color: var(--rk-ink);
}

/* Formulario: dos columnas en escritorio, tres en pantallas anchas. */
.fe-grid[b-w9p14ezahg] {
    display: grid;
    gap: .75rem;
    grid-template-columns: minmax(0, 1fr);
}

@media (min-width: 640px) {
    .fe-grid[b-w9p14ezahg] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 1280px) {
    .fe-grid[b-w9p14ezahg] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

.fe-grid__full[b-w9p14ezahg] {
    min-width: 0;
}

@media (min-width: 640px) {
    .fe-grid__full[b-w9p14ezahg] {
        grid-column: 1 / -1;
    }
}

.fe-switch[b-w9p14ezahg] {
    display: flex;
    align-items: center;
    gap: .5rem;
    margin-top: .5rem;
}

.fe-switch__input[b-w9p14ezahg] {
    width: 1.125rem;
    height: 1.125rem;
    margin: 0;
    accent-color: var(--rk-primary);
    cursor: pointer;
}

.fe-switch__input:focus-visible[b-w9p14ezahg] {
    outline: none;
    border-radius: 4px;
    box-shadow: var(--rk-focus);
}

.fe-actions[b-w9p14ezahg] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .5rem;
}

.fe-actions--end[b-w9p14ezahg] {
    justify-content: flex-end;
}

.fe-grid + .fe-actions[b-w9p14ezahg] {
    margin-top: 1rem;
}

/* Vista previa: ancho acotado para que la tabla no ocupe toda la fila. */
.fe-preview[b-w9p14ezahg] {
    max-width: 42rem;
}

.fe-head[b-w9p14ezahg] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
}

.fe-head__left[b-w9p14ezahg] {
    display: flex;
    align-items: center;
    gap: .5rem;
    min-width: 0;
}

.fe-head__title[b-w9p14ezahg] {
    margin: 0;
    font-size: 1.1875rem;
    line-height: 1.5rem;
    font-weight: 600;
    letter-spacing: -.0375rem;
    color: var(--rk-ink);
}

.fe-block[b-w9p14ezahg] {
    margin-top: 1rem;
}

.fe-strong[b-w9p14ezahg] {
    font-weight: 600;
    color: var(--rk-ink);
}

.fe-meta[b-w9p14ezahg] {
    color: var(--rk-muted);
}

.fe-desc[b-w9p14ezahg] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--rk-muted);
}

.fe-th--center[b-w9p14ezahg],
.fe-td--center[b-w9p14ezahg] {
    text-align: center;
}

.fe-th--right[b-w9p14ezahg],
.fe-td--right[b-w9p14ezahg] {
    text-align: right;
}
/* /Components/Pages/RankingsNew/LeagueManagement.razor.rz.scp.css */
/* Gestión de Ligas: selector de temporada con stats, listado de ligas y
   top de clubs por división. */

.rk-page[b-7cix8hfeu1] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    padding-bottom: 2rem;
}

.lm-loading[b-7cix8hfeu1] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    padding: 3rem 0;
}

.lm-loading__label[b-7cix8hfeu1] {
    font-size: .875rem;
    line-height: 1.25rem;
    color: var(--rk-muted);
}

.lm-spinner[b-7cix8hfeu1] {
    width: .875rem;
    height: .875rem;
    flex-shrink: 0;
    border: 2px solid var(--rk-primary-soft);
    border-top-color: var(--rk-primary);
    border-radius: 999px;
    animation: lm-spin-b-7cix8hfeu1 .6s linear infinite;
}

@keyframes lm-spin-b-7cix8hfeu1 {
    to {
        transform: rotate(360deg);
    }
}

.lm-stats[b-7cix8hfeu1] {
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, 1fr);
    margin-top: 1rem;
}

@media (min-width: 640px) {
    .lm-stats[b-7cix8hfeu1] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.lm-section[b-7cix8hfeu1] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.lm-head[b-7cix8hfeu1] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
}

.lm-title[b-7cix8hfeu1] {
    margin: 0;
    font-size: 1.1875rem;
    line-height: 1.5rem;
    font-weight: 600;
    letter-spacing: -.0375rem;
    color: var(--rk-ink);
}

.lm-grid[b-7cix8hfeu1] {
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, 1fr);
}

@media (min-width: 640px) {
    .lm-grid--2[b-7cix8hfeu1] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.lm-grid--loose[b-7cix8hfeu1] {
    gap: 1.5rem;
}

/* Cada división es una pila: título y su tabla. */
.lm-division[b-7cix8hfeu1] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.lm-strong[b-7cix8hfeu1] {
    font-weight: 600;
    color: var(--rk-ink);
}

.lm-name[b-7cix8hfeu1] {
    font-weight: 500;
    color: var(--rk-ink);
}

.lm-meta[b-7cix8hfeu1] {
    font-size: .7813rem;
    line-height: 1rem;
    letter-spacing: .0125rem;
    color: var(--rk-muted);
}

.lm-actions[b-7cix8hfeu1] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .375rem;
}

.lm-right[b-7cix8hfeu1] {
    text-align: right;
}
/* /Components/Pages/RankingsNew/RankingAutomationDashboard.razor.rz.scp.css */
/* Panel de Rankings (resumen): stats, accesos rápidos, rankings activos
   y actividad reciente. */

.rk-page[b-hb8ibwyt82] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    padding-bottom: 2rem;
}

.ra-loading[b-hb8ibwyt82] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    padding: 3rem 0;
}

.ra-loading__label[b-hb8ibwyt82] {
    font-size: .875rem;
    line-height: 1.25rem;
    color: var(--rk-muted);
}

.ra-spinner[b-hb8ibwyt82] {
    width: .875rem;
    height: .875rem;
    flex-shrink: 0;
    border: 2px solid var(--rk-primary-soft);
    border-top-color: var(--rk-primary);
    border-radius: 999px;
    animation: ra-spin-b-hb8ibwyt82 .6s linear infinite;
}

@keyframes ra-spin-b-hb8ibwyt82 {
    to {
        transform: rotate(360deg);
    }
}

.ra-grid[b-hb8ibwyt82] {
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, 1fr);
}

@media (min-width: 640px) {
    .ra-grid--2[b-hb8ibwyt82] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ra-grid--3[b-hb8ibwyt82] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

/* Sección: título + cuerpo con el mismo ritmo. */
.ra-section[b-hb8ibwyt82] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.ra-title[b-hb8ibwyt82] {
    margin: 0;
    font-size: 1.1875rem;
    line-height: 1.5rem;
    font-weight: 600;
    letter-spacing: -.0375rem;
    color: var(--rk-ink);
}

.ra-head[b-hb8ibwyt82] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
}

/* Acceso rápido: tarjeta accionable con una sola idea. */
.ra-quick[b-hb8ibwyt82] {
    display: flex;
    flex-direction: column;
    gap: .375rem;
    text-align: center;
}

.ra-quick__title[b-hb8ibwyt82] {
    font-size: 1rem;
    line-height: 1.375rem;
    font-weight: 600;
    letter-spacing: -.025rem;
    color: var(--rk-ink);
}

.ra-quick__desc[b-hb8ibwyt82] {
    font-size: .9063rem;
    line-height: 1.3125rem;
    letter-spacing: .0125rem;
    color: var(--rk-muted);
}

.ra-strong[b-hb8ibwyt82] {
    font-weight: 600;
    color: var(--rk-ink);
}

.ra-meta[b-hb8ibwyt82] {
    color: var(--rk-muted);
}

.ra-actions[b-hb8ibwyt82] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .375rem;
}
/* /Components/Pages/RankingsNew/RankingDashboard.razor.rz.scp.css */
/* Hub de rankings: lista en tarjetas del mockup (.card) con barra
   lateral ::before, meta en chips y acciones como botones-icono 38px
   con tooltip data-tip. */

.dash-page[b-m5g6as3r87] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    padding-bottom: 2rem;
}

.dash-stack[b-m5g6as3r87] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.dash-type[b-m5g6as3r87] {
    max-width: 28rem;
}

.dash-loading[b-m5g6as3r87] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    padding: 1rem 0;
}

.dash-loading__label[b-m5g6as3r87] {
    font-size: .875rem;
    line-height: 1.25rem;
    color: var(--rk-muted);
}

.dash-spinner[b-m5g6as3r87] {
    width: .875rem;
    height: .875rem;
    flex-shrink: 0;
    border: 2px solid var(--rk-primary-soft);
    border-top-color: var(--rk-primary);
    border-radius: 999px;
    animation: dash-spin-b-m5g6as3r87 .6s linear infinite;
}

@keyframes dash-spin-b-m5g6as3r87 {
    to {
        transform: rotate(360deg);
    }
}

/* Toolbar = .title/.bar del mockup: título 16/700 y acciones a la derecha. */
.dash-toolbar[b-m5g6as3r87] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
}

.dash-toolbar__title[b-m5g6as3r87] {
    margin: 0;
    font-size: 16px;
    line-height: 1.375rem;
    font-weight: 700;
    letter-spacing: -.0125rem;
    color: var(--rk-ink);
}

.dash-toolbar__actions[b-m5g6as3r87] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
}

/* Tarjeta de ranking = .card del mockup. Sin overflow:hidden: los
   tooltips [data-tip] de las acciones deben poder salir de la tarjeta. */
.dash-row[b-m5g6as3r87] {
    position: relative;
    padding: 16px 18px 16px 22px;
    border-radius: var(--rk-radius);
    background: var(--rk-card);
    border: 1px solid var(--rk-track);
    box-shadow: var(--rk-sh-1);
    cursor: pointer;
    transition: transform .2s ease-out, box-shadow .2s ease-out, border-color .2s ease-out, background-color .2s ease-out;
}

/* Barra lateral: gris línea por defecto. */
.dash-row[b-m5g6as3r87]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 14px;
    bottom: 14px;
    width: 4px;
    border-radius: 0 4px 4px 0;
    background: var(--rk-track);
}

/* Ranking activo: barra en degradado verde y fondo tinteado. */
.dash-row[data-active="true"][b-m5g6as3r87]::before {
    background: linear-gradient(var(--rk-success), #34d399);
}

.dash-row[data-active="true"][b-m5g6as3r87] {
    background: linear-gradient(100deg, var(--rk-success-soft) 0, var(--rk-card) 38%);
}

@media (hover: hover) and (pointer: fine) {
    .dash-row:hover[b-m5g6as3r87] {
        transform: translateY(-1px);
        border-color: #cfd7e8;
        box-shadow: var(--rk-sh-2);
    }

    .dash-row[data-active="true"]:hover[b-m5g6as3r87] {
        background: linear-gradient(100deg, var(--rk-success-soft) 0, var(--rk-card) 38%);
    }
}

/* Seleccionada (feedback de teclado/clic): el tinte azul manda. */
.dash-row[data-state="selected"][b-m5g6as3r87] {
    background: var(--rk-primary-soft);
    border-color: color-mix(in srgb, var(--rk-primary) 35%, var(--rk-track));
}

@media (hover: hover) and (pointer: fine) {
    .dash-row[data-state="selected"]:hover[b-m5g6as3r87] {
        background: var(--rk-primary-soft);
    }
}

.dash-row__main[b-m5g6as3r87] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
}

.dash-row__info[b-m5g6as3r87] {
    min-width: 0;
    flex: 1;
}

.dash-row__titleline[b-m5g6as3r87] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .5rem;
}

.dash-row__name[b-m5g6as3r87] {
    font-size: 16px;
    font-weight: 700;
    color: var(--rk-ink);
}

/* Meta en chips = .chip del mockup. */
.dash-row__meta[b-m5g6as3r87] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .5rem;
    margin-top: .5rem;
}

.dash-row__meta span[b-m5g6as3r87] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    line-height: 1rem;
    color: var(--rk-muted);
    background: var(--rk-surface-2);
    border: 1px solid var(--rk-track);
    padding: 3px 10px;
    border-radius: 99px;
}

.dash-row__meta span.is-warn[b-m5g6as3r87] {
    color: #b7791f;
    background: rgb(245 166 35 / .12);
    border-color: rgb(245 166 35 / .3);
}

/* Acciones: botones-icono 38px con tooltip CSS del mockup. */
.dash-row__actions[b-m5g6as3r87] {
    display: flex;
    gap: .375rem;
}

.dash-row__actions [data-tip][b-m5g6as3r87] {
    position: relative;
}

.dash-row__actions [data-tip]:hover[b-m5g6as3r87]::after {
    content: attr(data-tip);
    position: absolute;
    bottom: calc(100% + 8px);
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
    background: #0f172a;
    color: #fff;
    font-size: 11px;
    font-weight: 600;
    padding: 4px 8px;
    border-radius: 7px;
    pointer-events: none;
    z-index: 5;
}
/* /Components/Pages/RankingsNew/RankingDetailNew.razor.rz.scp.css */
.det-page[b-lg6obudu9h] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    padding-bottom: 2rem;
}

.det-toolbar[b-lg6obudu9h] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .5rem;
}

.det-toolbar__divider[b-lg6obudu9h] {
    width: 1px;
    height: 1.5rem;
    margin: 0 .25rem;
    background: var(--rk-track);
    align-self: center;
}

.det-loading[b-lg6obudu9h] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .5rem;
    padding: 1.25rem 0;
    font-size: .875rem;
    line-height: 1.25rem;
    color: var(--rk-muted);
}

.det-spinner[b-lg6obudu9h] {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    border: 2px solid var(--rk-primary-soft);
    border-top-color: var(--rk-primary);
    border-radius: 999px;
    animation: det-spin-b-lg6obudu9h .6s linear infinite;
}

.det-spinner--inline[b-lg6obudu9h] {
    width: .875rem;
    height: .875rem;
    margin-right: .25rem;
}

@keyframes det-spin-b-lg6obudu9h {
    to {
        transform: rotate(360deg);
    }
}

.det-grid[b-lg6obudu9h] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.25rem;
    align-items: start;
}

@media (min-width: 992px) {
    .det-grid[b-lg6obudu9h] {
        grid-template-columns: 1fr 1fr;
    }
}

.det-section-head[b-lg6obudu9h] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    margin-bottom: .75rem;
}

.det-section-head__main[b-lg6obudu9h] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .5rem;
}

.det-section-title[b-lg6obudu9h] {
    font-size: 1.1875rem;
    line-height: 1.5rem;
    font-weight: 600;
    letter-spacing: -.0375rem;
    color: var(--rk-ink);
    margin: 0;
}

.det-strong[b-lg6obudu9h] {
    font-weight: 600;
}

.det-sr-only[b-lg6obudu9h] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.det-bold[b-lg6obudu9h] {
    font-weight: 700;
}

.det-muted[b-lg6obudu9h] {
    color: var(--rk-muted);
}

.det-meta[b-lg6obudu9h] {
    font-size: .75rem;
    line-height: 1rem;
    letter-spacing: .0125rem;
    color: var(--rk-muted);
}

.det-cell[b-lg6obudu9h] {
    display: flex;
    align-items: center;
    gap: .5rem;
}

.det-cell__main[b-lg6obudu9h] {
    min-width: 0;
}

.det-td--center[b-lg6obudu9h] {
    text-align: center;
}

.det-td--right[b-lg6obudu9h] {
    text-align: right;
}

.det-row[b-lg6obudu9h] {
    cursor: pointer;
}

.det-note[b-lg6obudu9h] {
    padding: .5rem 0;
    font-size: .7813rem;
    line-height: 1rem;
    letter-spacing: .0188rem;
    color: var(--rk-muted);
}

.det-note--error[b-lg6obudu9h] {
    color: var(--rk-danger);
}

.det-note--row[b-lg6obudu9h] {
    display: flex;
    align-items: center;
    gap: .5rem;
}

.det-expand[b-lg6obudu9h] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    padding: .25rem 0;
}

.det-expand__card[b-lg6obudu9h] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    padding: .5rem .75rem;
    border-radius: var(--rk-radius-sm);
    background: var(--rk-surface);
}

.det-expand__card-main[b-lg6obudu9h] {
    min-width: 0;
    flex: 1;
}

.det-expand__name[b-lg6obudu9h] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: .9063rem;
    line-height: 1.125rem;
    font-weight: 600;
    letter-spacing: -.0125rem;
    color: var(--rk-ink);
}

.det-expand__name--muted[b-lg6obudu9h] {
    color: var(--rk-muted);
}

.det-expand__meta[b-lg6obudu9h] {
    margin-top: .125rem;
    font-size: .7813rem;
    line-height: 1rem;
    letter-spacing: .0188rem;
    color: var(--rk-muted);
}

.det-expand__foot[b-lg6obudu9h] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: .25rem .25rem 0;
}

.det-expand__total[b-lg6obudu9h] {
    font-size: .9063rem;
    line-height: 1.125rem;
    font-weight: 600;
    letter-spacing: -.0125rem;
    color: var(--rk-ink);
}

.det-menu[b-lg6obudu9h] {
    position: relative;
    display: inline-flex;
}

.det-menu__list[b-lg6obudu9h] {
    position: absolute;
    top: calc(100% + .25rem);
    right: 0;
    z-index: 30;
    min-width: 12rem;
    margin: 0;
    padding: .25rem;
    list-style: none;
    border: 1px solid var(--rk-track);
    border-radius: var(--rk-radius-sm);
    background: var(--rk-card);
    box-shadow: var(--rk-shadow);
}

.det-menu__item[b-lg6obudu9h] {
    display: block;
    padding: .5rem .75rem;
    border-radius: 6px;
    font-size: .875rem;
    line-height: 1.25rem;
    color: var(--rk-ink);
    text-decoration: none;
    cursor: pointer;
    transition: background-color 150ms ease-out;
}

.det-menu__item:hover[b-lg6obudu9h] {
    background: var(--rk-surface);
    color: var(--rk-ink);
}

.det-menu__item:focus-visible[b-lg6obudu9h] {
    outline: none;
    box-shadow: var(--rk-focus);
}

.det-menu__item--danger[b-lg6obudu9h] {
    color: var(--rk-danger);
}

.det-menu__item--danger:hover[b-lg6obudu9h] {
    background: color-mix(in srgb, var(--rk-danger) 8%, transparent);
    color: var(--rk-danger);
}

.det-menu__divider[b-lg6obudu9h] {
    margin: .25rem 0;
    border: 0;
    border-top: 1px solid var(--rk-track);
}

.det-menu__backdrop[b-lg6obudu9h] {
    position: fixed;
    inset: 0;
    z-index: 20;
    background: transparent;
}

.det-modal-overlay[b-lg6obudu9h] {
    position: fixed;
    inset: 0;
    z-index: 40;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    background: rgb(15 23 42 / .42);
    backdrop-filter: blur(3px);
}

.det-modal[b-lg6obudu9h] {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 42rem;
    max-height: calc(100vh - 2rem);
    border-radius: var(--rk-radius);
    background: var(--rk-card);
    color: var(--rk-ink);
    box-shadow: var(--rk-shadow);
    overflow: hidden;
}

.det-modal__head[b-lg6obudu9h] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    padding: 1rem 1.125rem;
    border-bottom: 1px solid var(--rk-track);
}

.det-modal__title[b-lg6obudu9h] {
    margin: 0;
    font-size: 1.1875rem;
    line-height: 1.5rem;
    font-weight: 600;
    letter-spacing: -.0375rem;
    color: var(--rk-ink);
}

.det-modal__close[b-lg6obudu9h] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    padding: 0;
    border: 0;
    border-radius: var(--rk-radius-sm);
    background: transparent;
    color: var(--rk-muted);
    cursor: pointer;
    transition: background-color 150ms ease-out, color 150ms ease-out;
}

.det-modal__close:hover[b-lg6obudu9h] {
    background: var(--rk-surface);
    color: var(--rk-ink);
}

.det-modal__close:focus-visible[b-lg6obudu9h] {
    outline: none;
    box-shadow: var(--rk-focus);
}

.det-modal__body[b-lg6obudu9h] {
    flex: 1;
    min-height: 0;
    overflow: auto;
}

.det-modal__footer[b-lg6obudu9h] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .625rem;
    padding: 1rem 1.125rem;
    border-top: 1px solid var(--rk-track);
}

.det-modal__count[b-lg6obudu9h] {
    margin-right: auto;
    font-size: .875rem;
    line-height: 1.25rem;
    color: var(--rk-muted);
}
/* /Components/Pages/RankingsNew/RankingPreview.razor.rz.scp.css */
.prev-page[b-rl1u103d67] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    padding-bottom: 2rem;
}

.prev-loading[b-rl1u103d67] {
    display: flex;
    justify-content: center;
    padding: 1.25rem 0;
}

.prev-spinner[b-rl1u103d67] {
    width: 1.5rem;
    height: 1.5rem;
    border: 3px solid var(--rk-primary-soft);
    border-top-color: var(--rk-primary);
    border-radius: 999px;
    animation: prev-spin-b-rl1u103d67 .6s linear infinite;
}

@keyframes prev-spin-b-rl1u103d67 {
    to {
        transform: rotate(360deg);
    }
}

.prev-sr-only[b-rl1u103d67] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.prev-grid[b-rl1u103d67] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
    align-items: start;
}

@media (min-width: 1280px) {
    .prev-grid[b-rl1u103d67] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.prev-col[b-rl1u103d67] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 1rem;
}

.prev-col--aside[b-rl1u103d67] {
    align-self: flex-start;
}

.prev-alert-action[b-rl1u103d67] {
    margin-top: .75rem;
}

.prev-keys[b-rl1u103d67] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    max-height: 24rem;
    margin: 0;
    padding: 0;
    list-style: none;
    overflow-y: auto;
}

.prev-keys li[b-rl1u103d67] {
    display: flex;
}

.prev-key[b-rl1u103d67] {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    padding: .625rem .875rem;
    border: 0;
    border-radius: var(--rk-radius-sm);
    background: transparent;
    font-family: inherit;
    color: var(--rk-ink);
    text-align: left;
    cursor: pointer;
    transition: background-color 150ms ease-out;
}

.prev-key:hover[b-rl1u103d67] {
    background: var(--rk-surface);
}

.prev-key[data-state="selected"][b-rl1u103d67] {
    background: var(--rk-primary-soft);
}

.prev-key:focus-visible[b-rl1u103d67] {
    outline: none;
    box-shadow: var(--rk-focus);
}

.prev-key__text[b-rl1u103d67] {
    display: flex;
    min-width: 0;
    flex: 1;
    flex-direction: column;
}

.prev-key__title[b-rl1u103d67] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: .9063rem;
    line-height: 1.3125rem;
    font-weight: 600;
    color: var(--rk-ink);
}

.prev-key__id[b-rl1u103d67] {
    font-size: .7813rem;
    line-height: 1rem;
    letter-spacing: .0188rem;
    color: var(--rk-muted);
}

.prev-strong[b-rl1u103d67] {
    font-weight: 600;
}

.prev-bold[b-rl1u103d67] {
    font-weight: 700;
}

.prev-muted[b-rl1u103d67] {
    color: var(--rk-muted);
}

.prev-tabular[b-rl1u103d67] {
    font-variant-numeric: tabular-nums;
}

.prev-td--right[b-rl1u103d67] {
    text-align: right;
}

.prev-th--right[b-rl1u103d67] {
    text-align: right;
}

.prev-badge-below[b-rl1u103d67] {
    display: inline-flex;
    margin-top: .25rem;
}

.prev-diff[b-rl1u103d67] {
    display: inline-flex;
    align-items: center;
    gap: .125rem;
}

.prev-diff--flat[b-rl1u103d67] {
    color: var(--rk-muted);
}

.prev-diff--up[b-rl1u103d67] {
    font-weight: 600;
    color: color-mix(in srgb, var(--rk-success) 80%, #000);
}

.prev-diff--down[b-rl1u103d67] {
    font-weight: 600;
    color: var(--rk-danger);
}

.prev-diff  .prev-diff__icon[b-rl1u103d67] {
    width: .875rem;
    height: .875rem;
    flex-shrink: 0;
}

.prev-detail[b-rl1u103d67] {
    display: flex;
    flex-direction: column;
    gap: .75rem;
}

.prev-detail__note[b-rl1u103d67] {
    font-size: .9063rem;
    line-height: 1.3125rem;
    letter-spacing: .0188rem;
    color: var(--rk-muted);
}
/* /Components/Pages/RankingsNew/SeasonConfigEditor.razor.rz.scp.css */
/* Configuración de temporada: pestañas General (datos + lista de
   temporadas), Fórmulas, Ligas y Rankings (topes por tipo). */

.rk-page[b-yw4ar39hvo] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    padding-bottom: 2rem;
}

.rk-page--embedded[b-yw4ar39hvo] {
    padding-bottom: 0;
}

/* Carga y guardado. */
.rk-loading[b-yw4ar39hvo] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    padding: 3rem 0;
}

.rk-loading--inline[b-yw4ar39hvo] {
    padding: .75rem 0;
}

.rk-loading__label[b-yw4ar39hvo] {
    font-size: .875rem;
    line-height: 1.25rem;
    color: var(--rk-muted);
}

.rk-spinner[b-yw4ar39hvo],
.sc-spinner[b-yw4ar39hvo] {
    width: .875rem;
    height: .875rem;
    flex-shrink: 0;
    border: 2px solid var(--rk-primary-soft);
    border-top-color: var(--rk-primary);
    border-radius: 999px;
    animation: sc-spin-b-yw4ar39hvo .6s linear infinite;
}

@keyframes sc-spin-b-yw4ar39hvo {
    to {
        transform: rotate(360deg);
    }
}

/* Contenido de cada pestaña. */
.sc-tab[b-yw4ar39hvo] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.sc-grid[b-yw4ar39hvo] {
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, 1fr);
}

@media (min-width: 640px) {
    .sc-grid--2[b-yw4ar39hvo] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* Interruptor de temporada activa. */
.sc-switch[b-yw4ar39hvo] {
    display: flex;
    align-items: center;
    gap: .5rem;
    margin-top: .5rem;
}

.sc-switch__input[b-yw4ar39hvo] {
    width: 1.125rem;
    height: 1.125rem;
    margin: 0;
    accent-color: var(--rk-primary);
    cursor: pointer;
}

.sc-switch__input:focus-visible[b-yw4ar39hvo] {
    outline: none;
    border-radius: 4px;
    box-shadow: var(--rk-focus);
}

.sc-switch__label[b-yw4ar39hvo] {
    font-size: .875rem;
    line-height: 1.25rem;
    color: var(--rk-ink);
    cursor: pointer;
}

/* Filas de acciones. */
.sc-actions[b-yw4ar39hvo] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .5rem;
}

.sc-actions--end[b-yw4ar39hvo] {
    margin-top: 1rem;
    justify-content: flex-end;
}

.sc-actions--between[b-yw4ar39hvo] {
    justify-content: space-between;
    gap: .75rem;
}

/* Cabecera de tarjeta: título + acción. */
.sc-cardhead[b-yw4ar39hvo] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
}

.sc-cardhead__left[b-yw4ar39hvo] {
    display: flex;
    min-width: 0;
    flex-wrap: wrap;
    align-items: center;
    gap: .5rem;
}

.sc-cardhead__title[b-yw4ar39hvo] {
    font-size: 1.1875rem;
    line-height: 1.5rem;
    font-weight: 600;
    letter-spacing: -.0375rem;
    color: var(--rk-ink);
}

/* Título de sección (dentro del panel de pestañas). */
.sc-head[b-yw4ar39hvo] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
}

.sc-head__title[b-yw4ar39hvo] {
    margin: 0;
    font-size: 1.1875rem;
    line-height: 1.5rem;
    font-weight: 600;
    letter-spacing: -.0375rem;
    color: var(--rk-ink);
}

.sc-year[b-yw4ar39hvo] {
    font-weight: 600;
    color: var(--rk-ink);
    font-variant-numeric: tabular-nums;
}

.sc-strong[b-yw4ar39hvo] {
    font-weight: 600;
    color: var(--rk-ink);
}

/* Nota de valores por defecto en las tarjetas de topes. */
.sc-note[b-yw4ar39hvo] {
    flex: 1 1 18rem;
    min-width: 0;
    margin: 0;
    font-size: .9063rem;
    line-height: 1.3125rem;
    letter-spacing: .0125rem;
    color: var(--rk-muted);
}

/* Campos del diálogo de nueva temporada (pila, el diálogo ya separa). */
.sc-form[b-yw4ar39hvo] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
/* /Components/Pages/RankingsNew/TiebreakRuleEditor.razor.rz.scp.css */
/* Reglas de desempate: aviso, catálogo de tipos, configuración por tipo
   de ranking y ejemplo de aplicación. */

.rk-page[b-l613ppie2p] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    padding-bottom: 2rem;
}

.tb-loading[b-l613ppie2p] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    padding: 3rem 0;
}

.tb-loading__label[b-l613ppie2p] {
    font-size: .875rem;
    line-height: 1.25rem;
    color: var(--rk-muted);
}

.tb-spinner[b-l613ppie2p] {
    width: .875rem;
    height: .875rem;
    flex-shrink: 0;
    border: 2px solid var(--rk-primary-soft);
    border-top-color: var(--rk-primary);
    border-radius: 999px;
    animation: tb-spin-b-l613ppie2p .6s linear infinite;
}

@keyframes tb-spin-b-l613ppie2p {
    to {
        transform: rotate(360deg);
    }
}

.tb-note-sm[b-l613ppie2p] {
    margin-top: .25rem;
    font-size: .7813rem;
    line-height: 1.125rem;
    letter-spacing: .0125rem;
}

/* Rejilla de tres columnas (tipos de regla y reglas por tipo). */
.tb-grid[b-l613ppie2p] {
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, 1fr);
}

@media (min-width: 640px) {
    .tb-grid--3[b-l613ppie2p] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

.tb-type[b-l613ppie2p] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
}

.tb-type__badge[b-l613ppie2p] {
    align-self: flex-start;
}

.tb-type__desc[b-l613ppie2p] {
    margin: 0;
    font-size: .875rem;
    line-height: 1.25rem;
    color: var(--rk-muted);
}

/* Secciones con título propio. */
.tb-section[b-l613ppie2p] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.tb-title[b-l613ppie2p] {
    margin: 0;
    font-size: 1.1875rem;
    line-height: 1.5rem;
    font-weight: 600;
    letter-spacing: -.0375rem;
    color: var(--rk-ink);
}

.tb-stack[b-l613ppie2p] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

/* Cabecera de tarjeta: nombre del tipo + acción de edición. */
.tb-cardhead[b-l613ppie2p] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
}

.tb-cardhead__title[b-l613ppie2p] {
    font-size: 1.1875rem;
    line-height: 1.5rem;
    font-weight: 600;
    letter-spacing: -.0375rem;
    color: var(--rk-ink);
}

.tb-cardhead__actions[b-l613ppie2p] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .5rem;
}

.tb-meta[b-l613ppie2p] {
    font-size: .75rem;
    line-height: 1rem;
    letter-spacing: .0125rem;
    color: var(--rk-muted);
}

.tb-label[b-l613ppie2p] {
    font-size: .75rem;
    line-height: 1rem;
    font-weight: 600;
    letter-spacing: .0125rem;
    color: var(--rk-muted);
}

.tb-rule[b-l613ppie2p] {
    margin-top: .25rem;
    font-size: .875rem;
    line-height: 1.25rem;
    color: var(--rk-ink);
}

.tb-rule--empty[b-l613ppie2p] {
    color: var(--rk-muted);
}
/* /Components/Pages/RankingsNew/UpdateChampionshipOrder.razor.rz.scp.css */
/* Diálogo "Actualizar orden de desempate": pila de campos bajo el aviso. */

.uco-stack[b-qzvklusk20] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-top: 1rem;
}
/* /Components/Pages/Sanciones.razor.rz.scp.css */
.actions-col[b-c6x2p31rxd] {
    width: 110px;
    min-width: 110px;
}

.actions-cell[b-c6x2p31rxd] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    width: 100%;
}

.btn-icon[b-c6x2p31rxd] {
    width: 36px;
    height: 36px;
    min-width: 36px;
    padding: 0 !important;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.btn-edit[b-c6x2p31rxd] {
    border-color: #ff8c00 !important;
    color: #ff8c00 !important;
}

.btn-delete[b-c6x2p31rxd] {
    border-color: #c62828 !important;
    color: #c62828 !important;
}
/* /Components/Shared/Rankings/RankingAlert.razor.rz.scp.css */
/* Aviso = .note del mockup: fondo degradado --rk-primary-soft → blanco,
   borde --rk-track, sh-1; icono en cuadro 36px radio 11 con degradado
   azul e icono blanco. La variante recolorea el cuadro, nunca el texto. */

.rk-alert[b-qnwglyczta] {
    position: relative;
    display: flex;
    gap: 14px;
    align-items: flex-start;
    width: 100%;
    padding: 16px 18px;
    border-radius: 16px;
    border: 1px solid var(--rk-track);
    background: linear-gradient(135deg, var(--rk-primary-soft), var(--rk-card) 70%);
    color: var(--rk-ink);
    box-shadow: var(--rk-sh-1);
}

.rk-alert__icon[b-qnwglyczta] {
    display: grid;
    place-items: center;
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    border-radius: 11px;
    background: linear-gradient(135deg, var(--rk-primary-strong), var(--rk-primary));
    color: #fff;
    box-shadow: 0 1px 3px rgba(47, 91, 234, .3);
}

.rk-alert__icon  .rk-alert__icon-svg[b-qnwglyczta] {
    width: 1.25rem;
    height: 1.25rem;
}

.rk-alert--info .rk-alert__icon[b-qnwglyczta] {
    background: linear-gradient(135deg, var(--rk-primary-strong), var(--rk-primary));
    color: #fff;
}

.rk-alert--success .rk-alert__icon[b-qnwglyczta] {
    background: linear-gradient(135deg, var(--rk-success), #34d399);
    color: #fff;
}

.rk-alert--warning .rk-alert__icon[b-qnwglyczta] {
    background: linear-gradient(135deg, #f59e0b, var(--rk-warning));
    color: #fff;
}

.rk-alert--destructive .rk-alert__icon[b-qnwglyczta] {
    background: linear-gradient(135deg, #f06565, var(--rk-danger));
    color: #fff;
}

.rk-alert__content[b-qnwglyczta] {
    min-width: 0;
}

.rk-alert__title[b-qnwglyczta] {
    margin: 0 0 .25rem;
    font-size: 14px;
    line-height: 1.375rem;
    font-weight: 700;
    letter-spacing: -.0125rem;
    color: var(--rk-ink);
}

.rk-alert__body[b-qnwglyczta] {
    font-size: .875rem;
    line-height: 1.3125rem;
    letter-spacing: .0125rem;
    color: var(--rk-muted);
}

.rk-alert__body  p[b-qnwglyczta] {
    margin: 0;
    line-height: 1.3125rem;
}
/* /Components/Shared/Rankings/RankingBadge.razor.rz.scp.css */
/* Insignia/chip = .badge y .chip del mockup: pill 999, 12px semibold,
   padding 3px 10px; variantes de color con fondos suaves y texto del
   color. La variante success lleva el punto "i" de 7px (::before). */

.rk-badge[b-fvo8z6es8v] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 3px 10px;
    border-radius: 999px;
    font-size: .75rem;
    line-height: 1rem;
    font-weight: 600;
    letter-spacing: .0125rem;
    white-space: nowrap;
    transition: background-color 150ms ease-out, color 150ms ease-out;
}

.rk-badge--default[b-fvo8z6es8v] {
    background: var(--rk-surface-2);
    border: 1px solid var(--rk-track);
    color: var(--rk-muted);
}

.rk-badge--primary[b-fvo8z6es8v] {
    background: var(--rk-primary-soft);
    color: var(--rk-primary);
}

.rk-badge--secondary[b-fvo8z6es8v] {
    background: var(--rk-surface-2);
    border: 1px solid var(--rk-track);
    color: var(--rk-muted);
}

.rk-badge--outline[b-fvo8z6es8v] {
    background: transparent;
    border: 1px solid var(--rk-track);
    color: white;
}

.rk-badge--destructive[b-fvo8z6es8v] {
    background: var(--rk-danger-soft);
    color: var(--rk-danger);
}

.rk-badge--success[b-fvo8z6es8v],
.rk-badge--green[b-fvo8z6es8v] {
    background: var(--rk-success-soft);
    color: var(--rk-success);
}

.rk-badge--success[b-fvo8z6es8v]::before {
    content: "";
    width: 7px;
    height: 7px;
    flex-shrink: 0;
    border-radius: 50%;
    background: currentColor;
    box-shadow: 0 0 0 2px rgb(15 157 107 / .15);
}

.rk-badge--warning[b-fvo8z6es8v],
.rk-badge--yellow[b-fvo8z6es8v] {
    background: rgb(245 166 35 / .12);
    border: 1px solid rgb(245 166 35 / .3);
    color: #b7791f;
}

.rk-badge--blue[b-fvo8z6es8v] {
    background: var(--rk-primary-soft);
    color: var(--rk-primary);
}

.rk-badge--orange[b-fvo8z6es8v] {
    background: color-mix(in srgb, #ea580c 14%, transparent);
    color: #c2410c;
}

.rk-badge--purple[b-fvo8z6es8v] {
    background: color-mix(in srgb, #8b5cf6 14%, transparent);
    color: #6d28d9;
}
/* /Components/Shared/Rankings/RankingBreadcrumb.razor.rz.scp.css */
/* Miga de pan: 12px muted; el eslabón actual en tinta y los enlaces
   clarifican al pasar el cursor. Sobre la cabecera navy la recolorea
   RankingPageHeader con  . */

.rk-breadcrumb[b-u3dvgj694l] {
    font-size: .7813rem;
    line-height: 1rem;
    letter-spacing: .0125rem;
}

.rk-breadcrumb__list[b-u3dvgj694l] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .375rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.rk-breadcrumb__separator[b-u3dvgj694l] {
    color: var(--rk-muted);
}

.rk-breadcrumb__item[b-u3dvgj694l] {
    color: var(--rk-muted);
}

.rk-breadcrumb__item--current[b-u3dvgj694l] {
    color: var(--rk-ink);
}

.rk-breadcrumb__link[b-u3dvgj694l] {
    color: inherit;
    text-decoration: none;
    transition: color 150ms ease-out;
}

.rk-breadcrumb__link:hover[b-u3dvgj694l] {
    color: var(--rk-ink);
}
/* /Components/Shared/Rankings/RankingButton.razor.rz.scp.css */
/* Botón del módulo = .btn del mockup: radio 12, semibold, sombra sh-1,
   hover con lift; primaria = degradado azul con sombra tintada. El
   tamaño icon (38px radio 11) es el .ico del mockup, y el destructivo
   solo-icono es .ico.del (danger-soft, hover sólido). */

.rk-btn[b-63964bkln0] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    height: 2.75rem;
    padding: 0 1.25rem;
    border: 0;
    border-radius: var(--rk-radius-sm);
    font-family: inherit;
    font-size: .9063rem;
    font-weight: 600;
    letter-spacing: -.0125rem;
    line-height: 1;
    white-space: nowrap;
    text-decoration: none;
    cursor: pointer;
    transition: background-color 150ms ease-out, color 150ms ease-out, border-color 150ms ease-out, box-shadow 150ms ease-out, transform 150ms ease-out;
}

.rk-btn:focus-visible[b-63964bkln0] {
    outline: 2px solid var(--rk-primary-strong);
    outline-offset: 2px;
}

.rk-btn:disabled[b-63964bkln0] {
    opacity: .5;
    pointer-events: none;
}

.rk-btn:hover:not(:disabled)[b-63964bkln0] {
    transform: translateY(-1px);
}

.rk-btn  .rk-btn__icon[b-63964bkln0] {
    width: 1.125rem;
    height: 1.125rem;
    flex-shrink: 0;
    pointer-events: none;
}

/* ---- Variantes ---- */

.rk-btn--default[b-63964bkln0] {
    background: linear-gradient(135deg, var(--rk-primary-strong), var(--rk-primary));
    color: #fff;
    box-shadow: 0 1px 3px rgba(47, 91, 234, .35);
}

.rk-btn--default:hover[b-63964bkln0] {
    color: #fff;
}

.rk-btn--secondary[b-63964bkln0] {
    background: var(--rk-card);
    color: var(--rk-ink);
    border: 1px solid var(--rk-track);
    box-shadow: var(--rk-sh-1);
}

.rk-btn--secondary:hover[b-63964bkln0] {
    background: var(--rk-surface-2);
    color: var(--rk-ink);
}

.rk-btn--outline[b-63964bkln0] {
    background: transparent;
    color: var(--rk-ink);
    border: 1px solid var(--rk-track);
}

.rk-btn--outline:hover[b-63964bkln0] {
    background: var(--rk-surface-2);
    color: var(--rk-ink);
}

.rk-btn--ghost[b-63964bkln0] {
    background: transparent;
    color: var(--rk-ink);
}

.rk-btn--ghost:hover[b-63964bkln0] {
    background: var(--rk-surface-2);
    color: var(--rk-ink);
}

.rk-btn--destructive[b-63964bkln0] {
    background: var(--rk-danger);
    color: #fff;
}

.rk-btn--destructive:hover[b-63964bkln0] {
    background: color-mix(in srgb, var(--rk-danger) 85%, #000);
    color: #fff;
}

.rk-btn--link[b-63964bkln0] {
    height: auto;
    padding: 0;
    background: transparent;
    color: var(--rk-primary);
    text-decoration: underline;
    text-underline-offset: 4px;
}

.rk-btn--link:hover[b-63964bkln0] {
    color: color-mix(in srgb, var(--rk-primary) 80%, #000);
}

/* ---- Tamaños ---- */

.rk-btn--sm[b-63964bkln0] {
    height: 2.25rem;
    padding: 0 .875rem;
    font-size: .8125rem;
}

.rk-btn--lg[b-63964bkln0] {
    height: 3rem;
    padding: 0 1.75rem;
    font-size: 1rem;
}

/* Icon-only cuadrado 38px radio 11 = .ico del mockup. */
.rk-btn--icon[b-63964bkln0] {
    width: 2.375rem;
    height: 2.375rem;
    padding: 0;
    border-radius: 11px;
    background: var(--rk-card);
    border: 1px solid var(--rk-track);
    color: var(--rk-muted);
}

.rk-btn--icon:hover[b-63964bkln0] {
    color: var(--rk-primary);
    border-color: var(--rk-primary-strong);
    background: var(--rk-primary-soft);
}

/* Destructivo solo-icono = .ico.del del mockup. */
.rk-btn--destructive.rk-btn--icon[b-63964bkln0] {
    background: var(--rk-danger-soft);
    border-color: transparent;
    color: var(--rk-danger);
}

.rk-btn--destructive.rk-btn--icon:hover[b-63964bkln0] {
    background: var(--rk-danger);
    border-color: transparent;
    color: #fff;
}

/* ---- Tonos (solo outline/ghost; van después de las variantes) ---- */

.rk-btn--tone-info[b-63964bkln0] {
    color: var(--rk-primary);
}

.rk-btn--tone-info:hover[b-63964bkln0] {
    background-color: var(--rk-primary-soft);
    color: var(--rk-primary);
}

.rk-btn--tone-success[b-63964bkln0] {
    color: color-mix(in srgb, var(--rk-success) 80%, #000);
}

.rk-btn--tone-success:hover[b-63964bkln0] {
    background-color: var(--rk-success-soft);
    color: color-mix(in srgb, var(--rk-success) 80%, #000);
}

.rk-btn--tone-warning[b-63964bkln0] {
    color: color-mix(in srgb, var(--rk-warning) 80%, #000);
}

.rk-btn--tone-warning:hover[b-63964bkln0] {
    background-color: color-mix(in srgb, var(--rk-warning) 12%, transparent);
}

.rk-btn--tone-neutral[b-63964bkln0] {
    color: var(--rk-muted);
}

.rk-btn--tone-neutral:hover[b-63964bkln0] {
    background-color: var(--rk-surface-2);
    color: var(--rk-muted);
}
/* /Components/Shared/Rankings/RankingCard.razor.rz.scp.css */
/* Tarjeta del módulo = .card del mockup: blanco, borde --rk-track,
   radio 18 y sombra sh-1; solo la interactiva se eleva al pasar el
   cursor (lift + sh-2). */

.rk-card[b-4yjmkayvx1] {
    background: var(--rk-card);
    color: var(--rk-ink);
    border: 1px solid var(--rk-track);
    border-radius: var(--rk-radius);
    box-shadow: var(--rk-sh-1);
}

.rk-card--interactive[b-4yjmkayvx1] {
    cursor: pointer;
    transition: background-color 200ms ease-out, border-color 200ms ease-out, box-shadow 200ms ease-out, transform 200ms ease-out;
}

@media (hover: hover) and (pointer: fine) {
    .rk-card--interactive:hover[b-4yjmkayvx1] {
        transform: translateY(-1px);
        border-color: #cfd7e8;
        box-shadow: var(--rk-sh-2);
    }
}

.rk-card__header[b-4yjmkayvx1] {
    display: flex;
    flex-direction: column;
    gap: .375rem;
    padding: 18px 18px 0;
}

.rk-card__title[b-4yjmkayvx1] {
    font-size: 1.1875rem;
    line-height: 1.5rem;
    font-weight: 600;
    letter-spacing: -.0375rem;
    color: var(--rk-ink);
}

.rk-card__description[b-4yjmkayvx1] {
    font-size: .9063rem;
    line-height: 1.125rem;
    letter-spacing: .0125rem;
    color: var(--rk-muted);
}

.rk-card__body[b-4yjmkayvx1] {
    padding: 18px;
}

.rk-card__body--after-header[b-4yjmkayvx1] {
    padding-top: 0;
}

.rk-card__footer[b-4yjmkayvx1] {
    display: flex;
    align-items: center;
    gap: .625rem;
    padding: 0 18px 18px;
    justify-content: center;
}
/* /Components/Shared/Rankings/RankingDialog.razor.rz.scp.css */
/* Cromo del diálogo: cabecera, cuerpo y pie. El repintado del

.rk-dialog__head {
    display: flex;
    flex-direction: column;
    gap: .375rem;
    padding-right: 2.25rem;
    text-align: left;
}

.rk-dialog__title {
    margin: 0;
    font-size: 1.1875rem;
    line-height: 1.5rem;
    font-weight: 600;
    letter-spacing: -.0375rem;
    color: var(--rk-ink);
}

.rk-dialog__description {
    font-size: .9063rem;
    line-height: 1.25rem;
    letter-spacing: .0125rem;
    color: var(--rk-muted);
}

.rk-dialog__footer {
    display: flex;
    flex-direction: column-reverse;
    gap: .625rem;
}

@media (min-width: 640px) {
    .rk-dialog__footer {
        flex-direction: row;
        justify-content: flex-end;
    }
}


/* /Components/Shared/Rankings/RankingEmpty.razor.rz.scp.css */
/* Estado vacío = .empty del mockup: borde discontinuo --rk-track,
   radio 18, fondo blanco, centrado y título en negrita. */

.rk-empty[b-2g4bn02zf6] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    padding: 2.25rem;
    border: 1px dashed var(--rk-track);
    border-radius: var(--rk-radius);
    background: var(--rk-card);
    color: var(--rk-muted);
    text-align: center;
}

.rk-empty__icon[b-2g4bn02zf6] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    border-radius: 11px;
    background: var(--rk-surface-2);
    color: var(--rk-muted);
}

.rk-empty__icon  .rk-empty__icon-svg[b-2g4bn02zf6] {
    width: 1.375rem;
    height: 1.375rem;
}

.rk-empty__text[b-2g4bn02zf6] {
    display: flex;
    flex-direction: column;
    gap: .25rem;
    max-width: 28rem;
}

.rk-empty__title[b-2g4bn02zf6] {
    font-size: 1rem;
    line-height: 1.375rem;
    font-weight: 700;
    letter-spacing: -.0125rem;
    color: var(--rk-ink);
}

.rk-empty__description[b-2g4bn02zf6] {
    font-size: .9063rem;
    line-height: 1.3125rem;
    letter-spacing: .0125rem;
    color: var(--rk-muted);
}

.rk-empty__action[b-2g4bn02zf6] {
    padding-top: .25rem;
}
/* /Components/Shared/Rankings/RankingField.razor.rz.scp.css */
/* Campo = .field del mockup: etiqueta 12px muted semibold; control
   fondo blanco, borde --rk-track, radio 12, sombra sh-1 y texto 600;
   focus borde primary + aro --rk-primary-soft. Los controles vienen del
   ChildContent (páginas), por eso  . */

.rk-field[b-14t52np4nc] {
    display: flex;
    flex-direction: column;
    gap: .375rem;
}

.rk-field__label[b-14t52np4nc] {
    font-size: .75rem;
    line-height: 1rem;
    font-weight: 600;
    letter-spacing: .0125rem;
    color: var(--rk-muted);
}

.rk-field__required[b-14t52np4nc] {
    margin-left: .125rem;
    color: var(--rk-danger);
}

.rk-field__description[b-14t52np4nc] {
    margin: 0;
    font-size: .75rem;
    line-height: 1rem;
    letter-spacing: .0125rem;
    color: var(--rk-muted);
}

.rk-field__error[b-14t52np4nc] {
    margin: 0;
    font-size: .75rem;
    line-height: 1rem;
    font-weight: 500;
    letter-spacing: .0125rem;
    color: var(--rk-danger);
}

.rk-field  :is(input, select, textarea):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"])[b-14t52np4nc] {
    display: block;
    width: 100%;
    height: 2.5rem;
    padding: .5rem .75rem;
    border: 1px solid var(--rk-track);
    border-radius: var(--rk-radius-sm);
    font-family: inherit;
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 600;
    color: var(--rk-ink);
    background-color: var(--rk-card);
    box-shadow: var(--rk-sh-1);
    transition: border-color 150ms ease-out, box-shadow 150ms ease-out;
}

/* Select con su propia flecha (apariencia nativa fuera) */
.rk-field  select:not([multiple])[b-14t52np4nc] {
    appearance: none;
    padding-right: 2rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right .6rem center;
    background-size: 16px;
}

.rk-field  textarea[b-14t52np4nc] {
    height: auto;
    min-height: 88px;
    padding-block: .625rem;
    resize: vertical;
}

.rk-field  [b-14t52np4nc]::placeholder {
    color: var(--rk-muted);
    opacity: 1;
}

.rk-field  :is(input, select, textarea):hover:not(:disabled)[b-14t52np4nc] {
    border-color: var(--rk-muted);
}

.rk-field  :is(input, select, textarea):focus-visible[b-14t52np4nc] {
    outline: none;
    border-color: var(--rk-primary);
    box-shadow: 0 0 0 3px var(--rk-primary-soft);
}

.rk-field  :is(input, select, textarea)[aria-invalid="true"][b-14t52np4nc] {
    border-color: var(--rk-danger);
}

.rk-field  :is(input, select, textarea):disabled[b-14t52np4nc] {
    cursor: not-allowed;
    opacity: .5;
}
/* /Components/Shared/Rankings/RankingHeaderStat.razor.rz.scp.css */
/* Cifra de la cabecera navy = .stats del mockup: valor 20px bold blanco,
   etiqueta 12px #c4cde4 y separador vertical blanco 18% entre cifras. */

.rk-stat[b-ntvao9nuls] {
    display: flex;
    flex-direction: column;
    color: #fff;
}

.rk-stat__value[b-ntvao9nuls] {
    display: flex;
    align-items: flex-end;
    height: 1.5rem;
    font-size: 1.25rem;
    line-height: 1.5rem;
    font-weight: 700;
    letter-spacing: -.03125rem;
    color: #fff;
}

.rk-stat--small .rk-stat__value[b-ntvao9nuls] {
    font-size: 1.125rem;
    line-height: 1.5rem;
    letter-spacing: -.01563rem;
}

.rk-stat__label[b-ntvao9nuls] {
    margin-top: .125rem;
    font-size: .75rem;
    line-height: 1rem;
    letter-spacing: .0125rem;
    color: #c4cde4;
}

/* Separador entre cifras consecutivas de la fila de stats. */
.rk-stat + .rk-stat[b-ntvao9nuls] {
    border-left: 1px solid rgb(255 255 255 / .18);
    padding-left: 1.5rem;
    margin-left: 1.5rem;
}
/* /Components/Shared/Rankings/RankingPageHeader.razor.rz.scp.css */
/* Cabecera de panel: vive SOLO dentro de la tarjeta navy de
   RankingSection, así que la tinta aquí es blanca por composición. */

.rk-page-header[b-ipwh7bngbf] {
    display: flex;
    flex-direction: column;
    gap: .75rem;
    color: #fff;
}

@media (min-width: 640px) {
    .rk-page-header[b-ipwh7bngbf] {
        flex-direction: row;
        align-items: flex-start;
        justify-content: space-between;
    }
}

.rk-page-header__main[b-ipwh7bngbf] {
    min-width: 0;
    flex: 1;
}

.rk-page-header__breadcrumb[b-ipwh7bngbf] {
    margin-bottom: .375rem;
}

.rk-page-header__title[b-ipwh7bngbf] {
    margin: 0;
    font-size: 1.375rem;
    line-height: 1.75rem;
    font-weight: 600;
    letter-spacing: -.04375rem;
    color: #fff;
}

.rk-page-header__subtitle[b-ipwh7bngbf] {
    margin: .375rem 0 0;
    max-width: 42rem;
    font-size: .9063rem;
    line-height: 1.3125rem;
    letter-spacing: .0125rem;
    color: rgb(255 255 255 / .72);
}

.rk-page-header__meta[b-ipwh7bngbf] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .5rem;
    margin-top: .625rem;
}

.rk-page-header__aside[b-ipwh7bngbf] {
    display: flex;
    flex-shrink: 0;
    flex-wrap: wrap;
    align-items: center;
    gap: 1rem;
}

.rk-page-header__stats[b-ipwh7bngbf] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    row-gap: .75rem;
}

.rk-page-header__actions[b-ipwh7bngbf] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .625rem;
}

/* Sobre navy, los botones outline/ghost (y sus tonos) van con tinta clara:
   la tinta oscura del kit no se lee sobre el degradado. */
.rk-page-header__actions  .rk-btn--outline[b-ipwh7bngbf],
.rk-page-header__actions  .rk-btn--ghost[b-ipwh7bngbf] {
    color: rgb(255 255 255 / .92);
}

.rk-page-header__actions  .rk-btn--outline[b-ipwh7bngbf] {
    border-color: rgb(255 255 255 / .35);
}

.rk-page-header__actions  .rk-btn--outline:hover[b-ipwh7bngbf],
.rk-page-header__actions  .rk-btn--ghost:hover[b-ipwh7bngbf] {
    background-color: rgb(255 255 255 / .12);
    color: #fff;
}

/* La miga de pan sobre navy va en tinta clara. */
.rk-page-header__breadcrumb  .rk-breadcrumb[b-ipwh7bngbf],
.rk-page-header__breadcrumb  .rk-breadcrumb__item[b-ipwh7bngbf] {
    color: rgb(255 255 255 / .72);
}

.rk-page-header__breadcrumb  .rk-breadcrumb__item--current[b-ipwh7bngbf],
.rk-page-header__breadcrumb  .rk-breadcrumb__link:hover[b-ipwh7bngbf] {
    color: #fff;
}
/* /Components/Shared/Rankings/RankingPagination.razor.rz.scp.css */
/* Paginación: fila centrada de botones RankingButton; la elipsis es un
   marcador mudo con sr-only para lectores de pantalla. */

.rk-pagination[b-ubg3uoxk2y] {
    display: flex;
    width: 100%;
    justify-content: center;
    margin-inline: auto;
}

.rk-pagination__list[b-ubg3uoxk2y] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: .375rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.rk-pagination__gap[b-ubg3uoxk2y] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.625rem;
    height: 2.625rem;
    color: var(--rk-muted);
}

.rk-pagination__gap  .rk-pagination__gap-icon[b-ubg3uoxk2y] {
    width: 1.125rem;
    height: 1.125rem;
}
/* /Components/Shared/Rankings/RankingSection.razor.rz.scp.css */
/* Raíz del módulo de Rankings: página --rk-page con la tipografía del
   mockup (Plus Jakarta Sans, 14px). */

.rk-shell[b-wnu8ehamdd] {
    min-height: 100%;
    font-family: var(--rk-font);
    font-size: 14px;
    color: var(--rk-ink);
    background: var(--rk-page);
    font-synthesis-weight: none;
    text-rendering: optimizeLegibility;
}

/* Cabecera de panel = .hero del mockup: degradado navy, radio 20 y
   sombra profunda; debajo vive la nav de secciones (barra blanca). */
.rk-panel-header[b-wnu8ehamdd] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-top: 10px;
    margin-bottom: 1.25rem;
    padding: 30px 32px 32px;
    position: relative;
    overflow: hidden;
    border-radius: 20px;
    background: linear-gradient(120deg, #12142f, #13305c);
    color: #fff;
    box-shadow: 0 18px 40px -18px rgba(18, 48, 92, .7);
}

/* Nav de secciones = .nav del mockup: barra blanca radio 12 con padding 4;
   inactivo muted #475569, hover surface + tinta, activo primario con
   texto blanco; foco rk-focus; scroll interno si no cabe. */
.rk-sections[b-wnu8ehamdd] {
    display: flex;
    align-items: center;
    gap: .25rem;
    max-width: 100%;
    padding: 4px;
    border-radius: 12px;
    background: #fff;
    overflow-x: auto;
}

.rk-sections__item[b-wnu8ehamdd] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 16px;
    border-radius: 9px;
    white-space: nowrap;
    font-size: .875rem;
    font-weight: 600;
    color: #475569;
    text-decoration: none;
    transition: background-color 150ms ease-out, color 150ms ease-out, box-shadow 150ms ease-out;
}

.rk-sections__item:hover[b-wnu8ehamdd] {
    background: var(--rk-surface);
    color: var(--rk-ink);
}

.rk-sections__item:focus-visible[b-wnu8ehamdd] {
    outline: none;
    box-shadow: var(--rk-focus);
}

.rk-sections__item--active[b-wnu8ehamdd] {
    background: var(--rk-primary);
    color: #fff;
}

.rk-sections__item--active:hover[b-wnu8ehamdd] {
    background: var(--rk-primary-strong);
    color: #fff;
}

.rk-sections__item--active:focus-visible[b-wnu8ehamdd] {
    box-shadow: var(--rk-focus);
}
/* /Components/Shared/Rankings/RankingStatCard.razor.rz.scp.css */
/* Cifra de panel: valor manda sobre la etiqueta; la variación lleva
   icono + color, nunca solo color. Tarjeta blanca borde --rk-track,
   radio 18 y sh-1 (hover solo si es interactiva, vía RankingCard). */

.rk-stat-card[b-m026blhw98] {
    padding: 18px;
    border: 1px solid var(--rk-track);
    border-radius: var(--rk-radius);
    background: var(--rk-card);
    color: var(--rk-ink);
    box-shadow: var(--rk-sh-1);
}

.rk-stat-card__head[b-m026blhw98] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .75rem;
}

.rk-stat-card__label[b-m026blhw98] {
    font-size: .75rem;
    line-height: 1rem;
    font-weight: 600;
    letter-spacing: .0125rem;
    color: var(--rk-muted);
}

.rk-stat-card__icon[b-m026blhw98] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    flex-shrink: 0;
    border-radius: 11px;
    background: var(--rk-primary-soft);
    color: var(--rk-primary);
}

.rk-stat-card__icon  .rk-stat-card__icon-svg[b-m026blhw98] {
    width: 1.125rem;
    height: 1.125rem;
}

.rk-stat-card__value[b-m026blhw98] {
    margin-top: .625rem;
    font-size: 1.625rem;
    line-height: 1.875rem;
    font-weight: 600;
    letter-spacing: -.05625rem;
    color: var(--rk-ink);
}

.rk-stat-card__foot[b-m026blhw98] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .5rem;
    margin-top: .5rem;
    font-size: .75rem;
    line-height: 1rem;
    letter-spacing: .0125rem;
}

.rk-stat-card__change[b-m026blhw98] {
    display: inline-flex;
    align-items: center;
    gap: .125rem;
    font-weight: 600;
}

.rk-stat-card__change  .rk-stat-card__change-icon[b-m026blhw98] {
    width: .875rem;
    height: .875rem;
}

.rk-stat-card__change--up[b-m026blhw98] {
    color: color-mix(in srgb, var(--rk-success) 80%, #000);
}

.rk-stat-card__change--down[b-m026blhw98] {
    color: var(--rk-danger);
}

.rk-stat-card__change--neutral[b-m026blhw98] {
    color: var(--rk-muted);
}

.rk-stat-card__description[b-m026blhw98] {
    color: var(--rk-muted);
}
/* /Components/Shared/Rankings/RankingSteps.razor.rz.scp.css */
/* Stepper: marcador completado primario sólido, actual blanco levantado,
   pendiente hundido; conector tiñido solo tras completar el paso previo. */

.rk-steps[b-dba1hvozmf] {
    display: flex;
    align-items: flex-start;
}

.rk-steps__item[b-dba1hvozmf] {
    display: flex;
    align-items: flex-start;
    gap: .75rem;
}

.rk-steps__marker[b-dba1hvozmf] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    flex-shrink: 0;
    border-radius: 999px;
    transition: background-color 200ms ease-out, color 200ms ease-out, box-shadow 200ms ease-out;
}

.rk-steps__marker--completed[b-dba1hvozmf] {
    background: var(--rk-primary);
    color: #fff;
}

.rk-steps__marker--current[b-dba1hvozmf] {
    background: var(--rk-card);
    color: var(--rk-primary);
    box-shadow: var(--rk-shadow);
}

.rk-steps__marker--pending[b-dba1hvozmf] {
    background: var(--rk-surface);
    color: var(--rk-muted);
    box-shadow: inset 0 0 0 1px var(--rk-track);
}

.rk-steps__marker  .rk-steps__check[b-dba1hvozmf] {
    width: 1rem;
    height: 1rem;
}

.rk-steps__number[b-dba1hvozmf] {
    font-size: .75rem;
    line-height: 1rem;
    font-weight: 600;
    letter-spacing: .0125rem;
}

.rk-steps__body[b-dba1hvozmf] {
    min-width: 0;
}

.rk-steps__title[b-dba1hvozmf] {
    font-size: .9063rem;
    line-height: 1.125rem;
    font-weight: 600;
    letter-spacing: -.0125rem;
    color: var(--rk-muted);
}

.rk-steps__title--current[b-dba1hvozmf] {
    color: var(--rk-ink);
}

.rk-steps__description[b-dba1hvozmf] {
    margin-top: .25rem;
    font-size: .75rem;
    line-height: 1rem;
    letter-spacing: .0125rem;
    color: var(--rk-muted);
}

.rk-steps__connector[b-dba1hvozmf] {
    flex: 1;
    height: 1px;
    margin: 1rem .75rem 0;
    background: var(--rk-track);
}

.rk-steps__connector--done[b-dba1hvozmf] {
    background: var(--rk-primary);
}

@media (max-width: 639.98px) {
    .rk-steps__connector[b-dba1hvozmf] {
        display: none;
    }
}
/* /Components/Shared/Rankings/RankingTable.razor.rz.scp.css */
/* Tabla del módulo: envoltorio tarjeta (borde --rk-track, radio
   --rk-radius, sh-1); cabecera --rk-surface, filete --rk-track por
   fila, hover tinte azul claro y fila marcada --rk-primary-soft.
   Las clases rk-thead/rk-tbody/rk-th/rk-td/rk-tfoot/rk-row viven en el
   markup de las PÁGINAS (ChildContent), por eso van con  . */

.rk-table-wrap[b-lolfoywpos] {
    position: relative;
    width: 100%;
    overflow: auto;
    border-radius: var(--rk-radius);
    background: var(--rk-card);
    color: var(--rk-ink);
    border: 1px solid var(--rk-track);
    box-shadow: var(--rk-sh-1);
}

.rk-table[b-lolfoywpos] {
    width: 100%;
    border-collapse: collapse;
    caption-side: bottom;
    font-size: .9063rem;
    line-height: 1.125rem;
    letter-spacing: .0125rem;
}

.rk-table-caption[b-lolfoywpos] {
    margin: .75rem .875rem;
    font-size: .7813rem;
    line-height: 1rem;
    color: var(--rk-muted);
}

.rk-table  .rk-thead[b-lolfoywpos] {
    background: color-mix(in oklab, var(--rk-surface) 70%, var(--rk-card));
}

.rk-table  .rk-thead > tr > *[b-lolfoywpos] {
    box-shadow: inset 0 -1px 0 0 var(--rk-track);
}

.rk-table  .rk-tbody > tr > *[b-lolfoywpos] {
    box-shadow: inset 0 -1px 0 0 var(--rk-track);
}

.rk-table  .rk-tbody > tr:last-child > *[b-lolfoywpos] {
    box-shadow: none;
}

.rk-table  .rk-tbody > tr[b-lolfoywpos] {
    transition: background-color 150ms ease-out;
}

@media (hover: hover) and (pointer: fine) {
    .rk-table  .rk-tbody > tr:hover[b-lolfoywpos] {
        background-color: color-mix(in srgb, var(--rk-primary) 5%, var(--rk-card));
    }
}

.rk-table  .rk-tbody > tr[data-state="selected"][b-lolfoywpos] {
    background-color: var(--rk-primary-soft);
}

.rk-table  .rk-th[b-lolfoywpos] {
    height: 2.5rem;
    padding: 0 .875rem;
    vertical-align: middle;
    font-size: .7813rem;
    line-height: 1rem;
    font-weight: 600;
    letter-spacing: .0125rem;
    color: var(--rk-muted);
    text-align: left;
}

.rk-table  .rk-td[b-lolfoywpos] {
    padding: .625rem .875rem;
    vertical-align: middle;
    color: var(--rk-ink);
}

.rk-table  .rk-tfoot[b-lolfoywpos] {
    background: var(--rk-surface);
    font-weight: 600;
}

.rk-table  .rk-tfoot > tr > *[b-lolfoywpos] {
    box-shadow: inset 0 1px 0 0 var(--rk-track);
}
/* /Components/Shared/Rankings/RankingTabs.razor.rz.scp.css */
/* Tabs secundarias = .tabs del mockup: contenedor blanco con borde
   --rk-track, radio 14 y sh-1; el trigger seleccionado se tiñe con
   --rk-primary-soft y texto --rk-primary; el resto muted. */

.rk-tabs-scroll[b-zy20bhh46f] {
    width: 100%;
    overflow-x: auto;
}

.rk-tabs[b-zy20bhh46f] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .25rem;
    height: 2.75rem;
    max-width: 100%;
    padding: 4px;
    border-radius: 14px;
    background: var(--rk-card);
    border: 1px solid var(--rk-track);
    color: var(--rk-muted);
    box-shadow: var(--rk-sh-1);
}

.rk-tabs__trigger[b-zy20bhh46f] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .375rem;
    height: 100%;
    padding: 0 1.125rem;
    border: 0;
    border-radius: 10px;
    background: transparent;
    font-family: inherit;
    font-size: .9063rem;
    line-height: 1.125rem;
    font-weight: 600;
    letter-spacing: -.0125rem;
    color: inherit;
    white-space: nowrap;
    cursor: pointer;
    transition: background-color 150ms ease-out, color 150ms ease-out, box-shadow 150ms ease-out;
}

.rk-tabs__trigger:hover:not([data-state="active"])[b-zy20bhh46f] {
    color: var(--rk-ink);
}

.rk-tabs__trigger[data-state="active"][b-zy20bhh46f] {
    background: var(--rk-primary-soft);
    color: var(--rk-primary);
}

.rk-tabs__trigger:focus-visible[b-zy20bhh46f] {
    outline: none;
    box-shadow: var(--rk-focus);
}

.rk-tabs__trigger:disabled[b-zy20bhh46f] {
    opacity: .5;
    cursor: not-allowed;
}

.rk-tabs  .rk-tabs__icon[b-zy20bhh46f] {
    width: 1.0625rem;
    height: 1.0625rem;
    flex-shrink: 0;
    pointer-events: none;
}

.rk-tabs__panel[b-zy20bhh46f] {
    margin-top: 1rem;
}

.rk-tabs__panel:focus-visible[b-zy20bhh46f] {
    outline: none;
    border-radius: var(--rk-radius-sm);
    box-shadow: var(--rk-focus);
}
/* /Components/Utils/ErrorrsPreview.razor.rz.scp.css */
/* /Components/Utils/FilePondBlazor.razor.rz.scp.css */
/* /Components/Utils/OffCanvas.razor.rz.scp.css */
/* /Pages/AcrSettings.razor.rz.scp.css */
/* /Pages/DashboarAcreditations.razor.rz.scp.css */
/* /Pages/MainDashboard.razor.rz.scp.css */
/* /Pages/QRDashboard.razor.rz.scp.css */