/* /Components/Helpers/LayoutOne.razor.rz.scp.css */
.club-title[b-1kxkxf4ed9] {
    text-align: center;
    font-size: 1.8rem;
    margin-bottom: 2rem;
    color: #333;
}

/* Estilo base para todos los párrafos */
.layout-one p[b-1kxkxf4ed9] {
    font-size: 1rem;
    line-height: 1.6;
    text-align: justify;
}


/* Estilo solo para pantallas grandes (desktop) */
@media (min-width: 1024px) {
    .layout-one p[b-1kxkxf4ed9] {
        font-size: 1.15rem; /* Puedes ajustar a 1.2rem o más si lo deseas */
    }

    .club-title[b-1kxkxf4ed9] {
        font-size: 2rem;
    }
}

.layout-one img[b-1kxkxf4ed9] {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 10px auto;
    border-radius: 8px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}

/* Estilo específico para la foto principal */
.layout-one .main-photo[b-1kxkxf4ed9] {
    height: 100%;
    max-width: 800px;
    object-fit: cover;
    margin-bottom: 12px;
}

/* Estilo para fotos intermedias */
.layout-one .inline-photo[b-1kxkxf4ed9] {
    width: 100%;
    max-width: 600px;
    height: auto;
    margin: 10px auto;
}

/* Responsivo para pantallas pequeñas */
@media (max-width: 768px) {
    .layout-one .main-photo[b-1kxkxf4ed9] {
        max-width: 400px;
        max-height: 100%;
        object-fit: contain;
    }

    .layout-one .inline-photo[b-1kxkxf4ed9] {
        max-width: 100%;
        max-height: 250px;
        object-fit: contain;
    }
}
/* /Components/Helpers/LayoutTwo.razor.rz.scp.css */
.layout-two[b-llfhrgvgwl] {
    max-width: 900px;
    margin: 0 auto;
    padding: 1rem;
}

    .layout-two .main-photo[b-llfhrgvgwl] {
        width: 100%;
        max-height: 400px;
        object-fit: cover;
        margin-bottom: 1rem;
        border-radius: 8px;
    }

    /* Estilo base para todos los párrafos */
    .layout-two p[b-llfhrgvgwl] {
        font-size: 1rem;
        line-height: 1.6;
        text-align: justify;
    }


/* Estilo solo para pantallas grandes (desktop) */
@media (min-width: 1024px) {
    .layout-two p[b-llfhrgvgwl] {
        font-size: 1.15rem; /* Puedes ajustar a 1.2rem o más si lo deseas */
    }

    .club-title[b-llfhrgvgwl] {
        font-size: 2rem;
    }
}

.club-title[b-llfhrgvgwl] {
    text-align: center;
    font-size: 1.8rem;
    margin-bottom: 2rem;
    color: #333;
}

.text-photo-block[b-llfhrgvgwl] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 2rem;
}

    .text-photo-block.right[b-llfhrgvgwl] {
        flex-direction: row;
    }

    .text-photo-block p[b-llfhrgvgwl] {
        flex: 1;
        text-align: justify;
    }

.side-photo[b-llfhrgvgwl] {
    width: 40%;
    max-width: 300px;
    height: auto;
    border-radius: 8px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}

.centered-photo[b-llfhrgvgwl] {
    text-align: center;
    margin: 2rem 0;
}

.center-photo[b-llfhrgvgwl] {
    max-width: 100%;
    max-height: 300px;
    border-radius: 8px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}

.text-block p[b-llfhrgvgwl] {
    text-align: justify;
    margin-bottom: 2rem;
}

/* Responsivo para móvil */
@media (max-width: 768px) {
    .text-photo-block[b-llfhrgvgwl] {
        flex-direction: column;
        align-items: center;
    }

    .side-photo[b-llfhrgvgwl] {
        width: 100%;
        max-width: 200px;
    }

    .text-photo-block p[b-llfhrgvgwl] {
        text-align: justify;
    }

    .center-photo[b-llfhrgvgwl] {
        max-width: 400px;
    }
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
/* blazor-error-ui styles are defined globally in wwwroot/app.css */
/* /Components/Layout/Sidebar.razor.rz.scp.css */
/* Botón hamburguesa */
.menu-btn[b-4tl6l91y1l] {
    position: fixed;
    top: 15px;
    left: 15px;
    font-size: 1.8rem;
    background: #222;
    color: white;
    border: none;
    padding: 8px 12px;
    cursor: pointer;
    z-index: 1100;
    border-radius: 4px;
}

/* Sidebar lateral */
.sidebar[b-4tl6l91y1l] {
    background: linear-gradient(145deg, #2c2c2c, #1a1a1a);
    box-shadow: inset -4px 0 10px rgba(0,0,0,0.6);

    position: fixed;
    top: 0;
    left: -210px; /* oculto por defecto */
    width: 210px;
    height: 100%;
    color: white;
    transition: left 0.3s ease;
    z-index: 1200;
    padding-top: 60px;
    overflow-y: auto;
}

    .sidebar.open[b-4tl6l91y1l] {
        left: 0;
    }

    .sidebar .close-btn[b-4tl6l91y1l] {
        position: absolute;
        top: 15px;
        right: 15px;
        font-size: 1.2rem;
        background: transparent;
        border: none;
        color: white;
        cursor: pointer;
    }

    .sidebar nav[b-4tl6l91y1l] {
        padding-bottom: 160px; /* espacio para el footer absoluto */
    }

    .sidebar .nav-pill[b-4tl6l91y1l] {
        padding-top: 0.56rem;    /* 20% menos que 0.70rem */
        padding-bottom: 0.56rem;
    }

    .sidebar nav ul[b-4tl6l91y1l] {
        list-style: none;
        padding: 0;
        margin: 0;
    }

        .sidebar nav ul li[b-4tl6l91y1l] {
            margin: 20px 0;
        }

            .sidebar nav ul li a[b-4tl6l91y1l] {
                color: white;
                text-decoration: none;
                font-size: 1.2rem;
                transition: color 0.2s;
            }

                .sidebar nav ul li a.active[b-4tl6l91y1l],
                .sidebar nav ul li a:hover[b-4tl6l91y1l] {
                    color: #ff9800;
                }



.sidebar-footer[b-4tl6l91y1l] {
    position: absolute;
    bottom: 60px;
    left: 0;
    width: 100%;
    text-align: center;
}

    .sidebar-footer img[b-4tl6l91y1l] {
        max-width: 120px;
        opacity: 0.8;
        transition: transform 0.3s ease;
    }

        .sidebar-footer img:hover[b-4tl6l91y1l] {
            transform: scale(1.05) rotate(-2deg);
        }



.sidebar-header[b-4tl6l91y1l] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding-top: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 1;
}

    .sidebar-header img[b-4tl6l91y1l] {
        max-height: 50px;
        max-width: 80%;
        opacity: 0.9;
        transition: transform 0.3s ease;
    }

        .sidebar-header img:hover[b-4tl6l91y1l] {
            transform: scale(1.05) rotate(1deg);
        }

/* 🔸 Línea divisoria adaptada al tema oscuro */
.header-divider[b-4tl6l91y1l] {
    width: 80%;
    height: 1px;
    background: linear-gradient(to right, #444, #666, #444);
    margin-top: 8px;
    margin-bottom: 4px;
    opacity: 0.6;
}



.nav-buttons[b-4tl6l91y1l] {
    display: flex;
    gap: 1rem;
    margin-top: 1rem;
    flex-wrap: wrap;
    justify-content: center;
}

/* 🔑 Reforzamos que los NavLink se vean como botones */
.nav-pill[b-4tl6l91y1l],
.nav-pill:link[b-4tl6l91y1l],
.nav-pill:visited[b-4tl6l91y1l] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 80%; /* más anchos dentro del sidebar */
    max-width: 200px; /* límite superior */
    text-align: center;
    margin: 1rem auto;

    background-color: #fff;
    color: #000;
    border: 2px solid #000;
    border-radius: 999px;

    padding: 0.70rem 2rem; /* 🔑 más alto y ancho */
    font-size: 1.1rem; /* 🔑 texto más grande */
    font-weight: 520; /* un poco más grueso */
    text-decoration: none;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    white-space: nowrap;
    box-shadow: 0 3px 6px rgba(0,0,0,0.15);
}

    .nav-pill:hover[b-4tl6l91y1l] {
        border-color: #28a745;
        color: #28a745;
        box-shadow: 0 4px 8px rgba(0,0,0,0.2);
        transform: translateY(-2px);
    }

    .nav-pill:active[b-4tl6l91y1l] {
        transform: translateY(1px);
        box-shadow: 0 2px 4px rgba(0,0,0,0.15);
    }

    .nav-pill.active[b-4tl6l91y1l] {
        border-color: #28a745;
        color: #28a745;
        font-weight: bold;
        box-shadow: 0 4px 8px rgba(0,0,0,0.25);
    }


/* Cintillo delgado y centrado */
.topnav[b-4tl6l91y1l] {
    display: flex;
    align-items: center; /* 🔑 centra verticalmente */
    justify-content: center; /* 🔑 centra horizontalmente */
    background-color: #151515;
    border-bottom: 2px solid #eee;
    height: 70px; /* 🔑 altura fija del cintillo */
    padding: 0; /* sin padding vertical extra */
}


    /* Contenedor de botones */
    .topnav .nav-buttons[b-4tl6l91y1l] {
        display: flex;
        gap: 0.5rem;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: center;
        margin: 0;
        padding: 0 0.5rem;
    }


    /* Botones pill compactos */
    .topnav .nav-pill[b-4tl6l91y1l],
    .topnav .nav-pill:link[b-4tl6l91y1l],
    .topnav .nav-pill:visited[b-4tl6l91y1l] {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        height: 30px;
        padding: 0 10px;
        line-height: 1;
        font-size: 0.85rem;
        font-weight: 500;
        background-color: #fff;
        border: 2px solid #000;
        border-radius: 999px;
        box-shadow: 0 2px 4px rgba(0,0,0,0.12);
        transition: border-color 0.2s, color 0.2s, transform 0.1s;
        width: auto;
    }


        /* Hover/active sin inflar la altura */
        .topnav .nav-pill:hover[b-4tl6l91y1l] {
            border-color: #28a745;
            color: #28a745;
            box-shadow: 0 4px 8px rgba(0,0,0,0.2);
            transform: translateY(-2px);
        }

        .topnav .nav-pill:active[b-4tl6l91y1l] {
            transform: translateY(1px);
            box-shadow: 0 2px 4px rgba(0,0,0,0.15);
        }

        .topnav .nav-pill.active[b-4tl6l91y1l] {
            border-color: #28a745;
            color: #28a745;
            font-weight: bold;
            box-shadow: 0 4px 8px rgba(0,0,0,0.25);
        }




/* Responsive rules */
/* --- Base: móvil --- */
.menu-btn[b-4tl6l91y1l] {
    display: block;
}

.sidebar[b-4tl6l91y1l] {
    display: block;
}

.topnav[b-4tl6l91y1l] {
    display: none; /* 🔑 oculto en móvil */
}

/* --- Desktop --- */
@media (min-width: 768px) {
    .menu-btn[b-4tl6l91y1l],
    .sidebar[b-4tl6l91y1l] {
        display: none; /* 🔑 ocultos en desktop */
    }

    .topnav[b-4tl6l91y1l] {
        display: flex; /* 🔑 visible en desktop */
        height: 70px; /* o el valor que quieras */
    }

        .topnav .nav-pill[b-4tl6l91y1l] {
            height: 30px;
            padding: 0 10px;
            font-size: 0.85rem;
        }
}



/* Fondo semitransparente detrás del sidebar */
.overlay[b-4tl6l91y1l] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5); /* 🔑 sombra negra semitransparente */
    z-index: 1100; /* debajo del sidebar (1200) pero encima del contenido */
    transition: opacity 0.3s ease;
    opacity: 1;
}

    .overlay.hidden[b-4tl6l91y1l] {
        opacity: 0;
        pointer-events: none; /* no bloquea clics cuando está oculto */
    }

/* Botón de login — estilo diferenciado */
.nav-pill.nav-pill-login[b-4tl6l91y1l],
.nav-pill.nav-pill-login:link[b-4tl6l91y1l],
.nav-pill.nav-pill-login:visited[b-4tl6l91y1l] {
    background-color: #000;
    color: #fff;
    border-color: #28a745;
}

.nav-pill.nav-pill-login:hover[b-4tl6l91y1l] {
    background-color: #28a745;
    color: #fff;
    border-color: #28a745;
}

.topnav .nav-pill.nav-pill-login[b-4tl6l91y1l],
.topnav .nav-pill.nav-pill-login:link[b-4tl6l91y1l],
.topnav .nav-pill.nav-pill-login:visited[b-4tl6l91y1l] {
    background-color: #000;
    color: #fff;
    border-color: #28a745;
}

.topnav .nav-pill.nav-pill-login:hover[b-4tl6l91y1l] {
    background-color: #28a745;
    color: #fff;
    border-color: #28a745;
}

/* Botón de logout — TODO: remover en producción */
.nav-pill.nav-pill-logout[b-4tl6l91y1l],
.nav-pill.nav-pill-logout:link[b-4tl6l91y1l],
.nav-pill.nav-pill-logout:visited[b-4tl6l91y1l] {
    background-color: #000;
    color: #e07b00;
    border-color: #e07b00;
    width: 80%;
    max-width: 200px;
    box-sizing: border-box;
}

.nav-pill.nav-pill-logout:hover[b-4tl6l91y1l] {
    background-color: #e07b00;
    color: #fff;
    border-color: #e07b00;
}

.topnav .nav-pill.nav-pill-logout[b-4tl6l91y1l],
.topnav .nav-pill.nav-pill-logout:link[b-4tl6l91y1l],
.topnav .nav-pill.nav-pill-logout:visited[b-4tl6l91y1l] {
    background-color: #000;
    color: #e07b00;
    border-color: #e07b00;
}

.topnav .nav-pill.nav-pill-logout:hover[b-4tl6l91y1l] {
    background-color: #e07b00;
    color: #fff;
    border-color: #e07b00;
}
/* /Components/Pages/Admin/LeagueSetup.razor.rz.scp.css */
/* ── Layout general ──────────────────────────────────────────────────── */

.u-page-header[b-z45ftyew49] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 1.5rem;
}

.u-page-header h2[b-z45ftyew49] { color: #fff; font-size: 1.4rem; margin: 0; }

.u-alert[b-z45ftyew49] { padding: 0.65rem 1rem; border-radius: 8px; margin-bottom: 1rem; font-size: 0.9rem; }
.u-alert-error[b-z45ftyew49]   { background: rgba(229,0,0,0.12);   border: 1px solid #e50000; color: #ff6b6b; }
.u-alert-success[b-z45ftyew49] { background: rgba(40,167,69,0.12); border: 1px solid #28a745; color: #5fdc80; }
.u-muted[b-z45ftyew49]         { color: #888; font-size: 0.9rem; }

.u-section[b-z45ftyew49] {
    background: linear-gradient(145deg, #2c2c2c, #1a1a1a);
    border-radius: 12px;
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 1.1rem;
}

.u-field-row-2[b-z45ftyew49] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}

.u-field[b-z45ftyew49] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
}

.u-field label[b-z45ftyew49] { color: #999; font-size: 0.84rem; }

.u-field-inline[b-z45ftyew49] {
    flex-direction: row;
    align-items: center;
    gap: 0.6rem;
}

.u-field-inline label[b-z45ftyew49] { color: #ccc; font-size: 0.9rem; }

.u-field input[type="text"][b-z45ftyew49],
.u-field input[type="number"][b-z45ftyew49],
.u-field select[b-z45ftyew49],
.u-field textarea[b-z45ftyew49] {
    background: #111;
    border: 1px solid #3a3a3a;
    border-radius: 7px;
    padding: 0.5rem 0.75rem;
    color: #eee;
    font-size: 0.93rem;
    outline: none;
    transition: border-color 0.2s;
    font-family: inherit;
}

.u-field input:focus[b-z45ftyew49],
.u-field select:focus[b-z45ftyew49],
.u-field textarea:focus[b-z45ftyew49] { border-color: #28a745; }

.u-field input[type="checkbox"][b-z45ftyew49] {
    accent-color: #28a745;
    width: 16px;
    height: 16px;
    cursor: pointer;
    flex-shrink: 0;
}

.u-actions[b-z45ftyew49] { display: flex; gap: 0.75rem; margin-top: 0.25rem; }

.u-btn[b-z45ftyew49] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.45rem 1.1rem;
    border-radius: 8px;
    border: 1px solid #555;
    background: transparent;
    color: #ccc;
    font-size: 0.9rem;
    cursor: pointer;
    transition: border-color .2s, color .2s;
    white-space: nowrap;
}

.u-btn:hover[b-z45ftyew49]    { border-color: #888; color: #fff; }
.u-btn:disabled[b-z45ftyew49] { opacity: 0.4; cursor: not-allowed; }
.u-btn-sm[b-z45ftyew49]       { padding: 0.25rem 0.75rem; font-size: 0.82rem; }

.u-btn-primary[b-z45ftyew49]       { border-color: #28a745; color: #28a745; }
.u-btn-primary:hover[b-z45ftyew49] { border-color: #5fdc80; color: #5fdc80; }

.u-btn-danger[b-z45ftyew49]       { border-color: #e50000; color: #ff6b6b; }
.u-btn-danger:hover[b-z45ftyew49] { border-color: #ff6b6b; color: #fff; }

/* ── Tabla ───────────────────────────────────────────────────────────── */

.u-table-wrap[b-z45ftyew49] {
    overflow-x: auto;
    border-radius: 10px;
    border: 1px solid #2e2e2e;
}

.u-table[b-z45ftyew49] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.9rem;
}

.u-table th[b-z45ftyew49] {
    background: #1e1e1e;
    color: #888;
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: 0.6rem 0.85rem;
    text-align: left;
    border-bottom: 1px solid #2e2e2e;
}

.u-table td[b-z45ftyew49] {
    padding: 0.7rem 0.85rem;
    border-bottom: 1px solid #1e1e1e;
    color: #ddd;
    vertical-align: middle;
}

.u-table tbody tr:last-child td[b-z45ftyew49] { border-bottom: none; }
.u-table tbody tr:hover td[b-z45ftyew49]      { background: rgba(255,255,255,0.03); }

.row-editing td[b-z45ftyew49] { background: rgba(40,167,69,0.06); }

.row-actions[b-z45ftyew49] {
    display: flex;
    gap: 0.4rem;
    justify-content: flex-end;
}

/* ── Tabs de setup ───────────────────────────────────────────────────── */

.setup-tabs[b-z45ftyew49] {
    display: flex;
    gap: 0.6rem;
    margin-bottom: 1.25rem;
}

.setup-tab[b-z45ftyew49] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.65rem 1.1rem;
    background: #1e1e1e;
    border: 1px solid #3a3a3a;
    border-radius: 10px;
    cursor: pointer;
    transition: border-color .2s, background .2s;
}

.setup-tab:hover[b-z45ftyew49] { border-color: #555; background: #242424; }

.setup-tab.active[b-z45ftyew49] {
    border-color: #28a745;
    background: rgba(40,167,69,0.08);
}

.setup-tab-label[b-z45ftyew49] {
    color: #ddd;
    font-size: 0.9rem;
    font-weight: 600;
}

.setup-tab.active .setup-tab-label[b-z45ftyew49] { color: #5fdc80; }

.setup-tab-badge[b-z45ftyew49] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    padding: 0 5px;
    background: #2e2e2e;
    border-radius: 10px;
    font-size: 0.75rem;
    color: #888;
    font-weight: 700;
}

.setup-tab.active .setup-tab-badge[b-z45ftyew49] {
    background: rgba(40,167,69,0.2);
    color: #5fdc80;
}

/* ── Sección título ──────────────────────────────────────────────────── */

.section-title[b-z45ftyew49] {
    color: #ccc;
    font-size: 1rem;
    font-weight: 600;
    margin: 0;
}

/* ── Color picker ────────────────────────────────────────────────────── */

.color-wrap[b-z45ftyew49] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

/* ── Logo ────────────────────────────────────────────────────────────── */

.file-input[b-z45ftyew49] {
    font-size: 0.88rem;
    color: #aaa;
    margin-top: 0.25rem;
}

.logo-preview-wrap[b-z45ftyew49] {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
}

.logo-preview[b-z45ftyew49] {
    width: 96px;
    height: 96px;
    object-fit: contain;
    border-radius: 8px;
    background: #1a1a1a;
    border: 1px solid #3a3a3a;
    padding: 4px;
}

/* ── Responsive ──────────────────────────────────────────────────────── */

@media (max-width: 640px) {
    .u-field-row-2[b-z45ftyew49] { grid-template-columns: 1fr; }
    .setup-tabs[b-z45ftyew49]    { flex-direction: column; }
}
/* /Components/Pages/Admin/RefereeManager.razor.rz.scp.css */
/* ── Layout general ──────────────────────────────────────────────────── */

.u-page-header[b-tg8rcvj5eh] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 1.5rem;
}

.u-page-header h2[b-tg8rcvj5eh] { color: #fff; font-size: 1.4rem; margin: 0; }

.u-alert[b-tg8rcvj5eh]          { padding: 0.65rem 1rem; border-radius: 8px; margin-bottom: 1rem; font-size: 0.9rem; }
.u-alert-error[b-tg8rcvj5eh]    { background: rgba(229,0,0,0.12);    border: 1px solid #e50000; color: #ff6b6b; }
.u-alert-success[b-tg8rcvj5eh]  { background: rgba(40,167,69,0.12);  border: 1px solid #28a745; color: #5fdc80; }
.u-alert-warn[b-tg8rcvj5eh]     { background: rgba(255,165,0,0.10);  border: 1px solid #d4870f; color: #ffa940; }
.u-muted[b-tg8rcvj5eh]          { color: #888; font-size: 0.9rem; }

.u-section[b-tg8rcvj5eh] {
    background: linear-gradient(145deg, #2c2c2c, #1a1a1a);
    border-radius: 12px;
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 1.1rem;
    margin-bottom: 1.25rem;
}

.u-field-row-2[b-tg8rcvj5eh] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}

.u-field[b-tg8rcvj5eh] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
}

.u-field label[b-tg8rcvj5eh] { color: #999; font-size: 0.84rem; }

.u-field-inline[b-tg8rcvj5eh] {
    flex-direction: row;
    align-items: center;
    gap: 0.6rem;
}

.u-field-inline label[b-tg8rcvj5eh] { color: #ccc; font-size: 0.9rem; }

.u-field input[type="text"][b-tg8rcvj5eh],
.u-field input[type="number"][b-tg8rcvj5eh],
.u-field select[b-tg8rcvj5eh],
.u-field textarea[b-tg8rcvj5eh] {
    background: #111;
    border: 1px solid #3a3a3a;
    border-radius: 7px;
    padding: 0.5rem 0.75rem;
    color: #eee;
    font-size: 0.93rem;
    outline: none;
    transition: border-color 0.2s;
    font-family: inherit;
}

.u-field input:focus[b-tg8rcvj5eh],
.u-field select:focus[b-tg8rcvj5eh],
.u-field textarea:focus[b-tg8rcvj5eh] { border-color: #28a745; }

.u-field input[type="checkbox"][b-tg8rcvj5eh] {
    accent-color: #28a745;
    width: 16px;
    height: 16px;
    cursor: pointer;
    flex-shrink: 0;
}

.u-actions[b-tg8rcvj5eh] { display: flex; gap: 0.75rem; margin-top: 0.25rem; }

.u-btn[b-tg8rcvj5eh] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.45rem 1.1rem;
    border-radius: 8px;
    border: 1px solid #555;
    background: transparent;
    color: #ccc;
    font-size: 0.9rem;
    cursor: pointer;
    transition: border-color .2s, color .2s;
    white-space: nowrap;
}

.u-btn:hover[b-tg8rcvj5eh]    { border-color: #888; color: #fff; }
.u-btn:disabled[b-tg8rcvj5eh] { opacity: 0.4; cursor: not-allowed; }
.u-btn-sm[b-tg8rcvj5eh]       { padding: 0.25rem 0.75rem; font-size: 0.82rem; }

.u-btn-primary[b-tg8rcvj5eh]       { border-color: #28a745; color: #28a745; }
.u-btn-primary:hover[b-tg8rcvj5eh] { border-color: #5fdc80; color: #5fdc80; }

.u-btn-danger[b-tg8rcvj5eh]       { border-color: #e50000; color: #ff6b6b; }
.u-btn-danger:hover[b-tg8rcvj5eh] { border-color: #ff6b6b; color: #fff; }

/* ── Tabla ───────────────────────────────────────────────────────────── */

.u-table-wrap[b-tg8rcvj5eh] {
    overflow-x: auto;
    border-radius: 10px;
    border: 1px solid #2e2e2e;
}

.u-table[b-tg8rcvj5eh] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.9rem;
}

.u-table th[b-tg8rcvj5eh] {
    background: #1e1e1e;
    color: #888;
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: 0.6rem 0.85rem;
    text-align: left;
    border-bottom: 1px solid #2e2e2e;
}

.u-table td[b-tg8rcvj5eh] {
    padding: 0.7rem 0.85rem;
    border-bottom: 1px solid #1e1e1e;
    color: #ddd;
    vertical-align: middle;
}

.u-table tbody tr:last-child td[b-tg8rcvj5eh] { border-bottom: none; }
.u-table tbody tr:hover td[b-tg8rcvj5eh]      { background: rgba(255,255,255,0.03); }

.row-actions[b-tg8rcvj5eh] {
    display: flex;
    gap: 0.4rem;
    justify-content: flex-end;
}

/* ── Sección título ──────────────────────────────────────────────────── */

.section-title[b-tg8rcvj5eh] {
    color: #ccc;
    font-size: 1rem;
    font-weight: 600;
    margin: 0;
}

/* ── Árbitro: avatar ─────────────────────────────────────────────────── */

.ref-avatar[b-tg8rcvj5eh] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    object-fit: cover;
    border: 1px solid #3a3a3a;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #1e1e1e;
    flex-shrink: 0;
}

.ref-avatar-ph[b-tg8rcvj5eh] {
    font-size: 1.1rem;
    color: #666;
}

/* ── Árbitro: certificación badge ────────────────────────────────────── */

.cert-badge[b-tg8rcvj5eh] {
    display: inline-block;
    padding: 0.18rem 0.6rem;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 600;
    background: rgba(100, 149, 237, 0.15);
    border: 1px solid rgba(100, 149, 237, 0.35);
    color: #7eb0f5;
}

/* ── Árbitro: estado badge ───────────────────────────────────────────── */

.status-badge[b-tg8rcvj5eh] {
    display: inline-block;
    padding: 0.18rem 0.6rem;
    border-radius: 20px;
    font-size: 0.78rem;
    font-weight: 600;
}

.status-active[b-tg8rcvj5eh] {
    background: rgba(40, 167, 69, 0.15);
    border: 1px solid rgba(40, 167, 69, 0.4);
    color: #5fdc80;
}

.status-inactive[b-tg8rcvj5eh] {
    background: rgba(136, 136, 136, 0.12);
    border: 1px solid #444;
    color: #888;
}

/* ── Árbitro: días disponibles (chips) ───────────────────────────────── */

.days-grid[b-tg8rcvj5eh] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.day-chip[b-tg8rcvj5eh] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.6rem;
    height: 2.6rem;
    border-radius: 8px;
    font-size: 0.78rem;
    font-weight: 600;
    border: 1px solid #3a3a3a;
    background: #1e1e1e;
    color: #777;
    cursor: pointer;
    transition: background .15s, border-color .15s, color .15s;
    user-select: none;
}

.day-chip:hover[b-tg8rcvj5eh] { border-color: #555; color: #aaa; }

.day-chip-on[b-tg8rcvj5eh] {
    background: rgba(40, 167, 69, 0.18);
    border-color: #28a745;
    color: #5fdc80;
}

/* ── Árbitro: preview de disponibilidad ──────────────────────────────── */

.avail-preview[b-tg8rcvj5eh] {
    background: rgba(40, 167, 69, 0.06);
    border: 1px solid rgba(40, 167, 69, 0.2);
    border-radius: 8px;
    padding: 0.55rem 0.85rem;
    font-size: 0.87rem;
    color: #bbb;
}

.avail-preview strong[b-tg8rcvj5eh] { color: #5fdc80; }

/* ── Foto ────────────────────────────────────────────────────────────── */

.file-input[b-tg8rcvj5eh] {
    font-size: 0.88rem;
    color: #aaa;
    margin-top: 0.25rem;
}

.photo-preview-wrap[b-tg8rcvj5eh] {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
}

.photo-preview[b-tg8rcvj5eh] {
    width: 96px;
    height: 96px;
    object-fit: cover;
    border-radius: 50%;
    background: #1a1a1a;
    border: 1px solid #3a3a3a;
}

/* ── Responsive ──────────────────────────────────────────────────────── */

@media (max-width: 640px) {
    .u-field-row-2[b-tg8rcvj5eh] { grid-template-columns: 1fr; }
}
/* /Components/Pages/Admin/SeasonList.razor.rz.scp.css */
/* ── Layout de página ────────────────────────────────────────────────────── */

.u-page-header[b-pp8ijmazl4] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 1.5rem;
}

.u-page-header h2[b-pp8ijmazl4] {
    color: #fff;
    font-size: 1.4rem;
    margin: 0;
}

/* ── Estado vacío ────────────────────────────────────────────────────────── */

.empty-state[b-pp8ijmazl4] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem 2rem;
    text-align: center;
}

.empty-icon[b-pp8ijmazl4] {
    font-size: 3rem;
    margin-bottom: 1rem;
    opacity: 0.5;
}

.empty-title[b-pp8ijmazl4] {
    color: #ccc;
    font-size: 1.1rem;
    font-weight: 600;
    margin: 0 0 0.35rem;
}

/* ── Grid de cards ───────────────────────────────────────────────────────── */

.season-list[b-pp8ijmazl4] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(480px, 1fr));
    gap: 1rem;
}

/* ── Card ────────────────────────────────────────────────────────────────── */

.season-card[b-pp8ijmazl4] {
    background: #1a1a2e;
    border: 1px solid #2a2a42;
    border-radius: 12px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    transition: border-color 0.2s, box-shadow 0.2s;
    border-top: 3px solid #2a2a42; /* override por accent class */
}

.season-card:hover[b-pp8ijmazl4] {
    border-color: #3a3a5c;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4);
}

/* Acentos de color en el borde superior por estado */

.accent-gray[b-pp8ijmazl4]   { border-top-color: #555; }
.accent-yellow[b-pp8ijmazl4] { border-top-color: #f59e0b; }
.accent-blue[b-pp8ijmazl4]   { border-top-color: #3b82f6; }
.accent-green[b-pp8ijmazl4]  { border-top-color: #00ff88; }

/* ── Cuerpo de la card (dos columnas) ───────────────────────────────────── */

.sc-body[b-pp8ijmazl4] {
    display: flex;
    gap: 1.5rem;
    padding: 1.25rem 1.25rem 1rem;
    flex: 1;
}

/* ── Columna izquierda ───────────────────────────────────────────────────── */

.sc-left[b-pp8ijmazl4] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    min-width: 0;
}

.sc-name[b-pp8ijmazl4] {
    color: #f0f0f0;
    font-size: 1.15rem;
    font-weight: 700;
    line-height: 1.3;
    word-break: break-word;
}

.sc-dates[b-pp8ijmazl4] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    flex-wrap: wrap;
}

.sc-date-item[b-pp8ijmazl4] {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
}

.sc-date-label[b-pp8ijmazl4] {
    color: #666;
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.sc-date-val[b-pp8ijmazl4] {
    color: #ccc;
    font-size: 0.88rem;
    font-weight: 500;
}

.sc-date-sep[b-pp8ijmazl4] {
    color: #444;
    font-size: 1rem;
    padding-top: 0.8rem;
}

.sc-days[b-pp8ijmazl4] {
    display: flex;
    gap: 0.35rem;
    flex-wrap: wrap;
}

.sc-day-badge[b-pp8ijmazl4] {
    display: inline-block;
    padding: 0.15em 0.55em;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 6px;
    color: #aaa;
    font-size: 0.75rem;
    font-weight: 500;
    letter-spacing: 0.03em;
}

/* ── Columna derecha ─────────────────────────────────────────────────────── */

.sc-right[b-pp8ijmazl4] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: space-between;
    gap: 0.75rem;
    flex-shrink: 0;
    min-width: 90px;
}

.sc-metric[b-pp8ijmazl4] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.sc-metric-num[b-pp8ijmazl4] {
    color: #fff;
    font-size: 2rem;
    font-weight: 800;
    line-height: 1;
    letter-spacing: -0.02em;
}

.sc-metric-label[b-pp8ijmazl4] {
    color: #666;
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-top: 0.1rem;
}

/* ── Badges de estado ────────────────────────────────────────────────────── */

.status-badge[b-pp8ijmazl4] {
    display: inline-block;
    padding: 0.25em 0.8em;
    border-radius: 999px;
    font-size: 0.76rem;
    font-weight: 600;
    letter-spacing: 0.03em;
    white-space: nowrap;
}

.badge-gray[b-pp8ijmazl4] {
    background: rgba(120, 120, 140, 0.15);
    color: #888;
    border: 1px solid rgba(120, 120, 140, 0.3);
}

.badge-yellow[b-pp8ijmazl4] {
    background: rgba(245, 158, 11, 0.12);
    color: #f59e0b;
    border: 1px solid rgba(245, 158, 11, 0.3);
}

.badge-blue[b-pp8ijmazl4] {
    background: rgba(59, 130, 246, 0.12);
    color: #60a5fa;
    border: 1px solid rgba(59, 130, 246, 0.3);
}

.badge-green[b-pp8ijmazl4] {
    background: rgba(0, 255, 136, 0.1);
    color: #00ff88;
    border: 1px solid rgba(0, 255, 136, 0.25);
}

/* ── Barra de acciones ───────────────────────────────────────────────────── */

.sc-actions[b-pp8ijmazl4] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1.25rem;
    border-top: 1px solid #232338;
    background: rgba(0, 0, 0, 0.15);
    flex-wrap: wrap;
}

.confirm-text[b-pp8ijmazl4] {
    color: #ff6b6b;
    font-size: 0.85rem;
    margin-right: 0.25rem;
}

/* ── Responsive ──────────────────────────────────────────────────────────── */

@media (max-width: 560px) {
    .season-list[b-pp8ijmazl4] {
        grid-template-columns: 1fr;
    }

    .sc-body[b-pp8ijmazl4] {
        flex-direction: column;
        gap: 1rem;
    }

    .sc-right[b-pp8ijmazl4] {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        min-width: 0;
    }

    .sc-metric[b-pp8ijmazl4] {
        flex-direction: row;
        align-items: baseline;
        gap: 0.4rem;
    }

    .sc-metric-num[b-pp8ijmazl4] {
        font-size: 1.4rem;
    }
}
/* /Components/Pages/Admin/SeasonWorkbench.razor.rz.scp.css */
/* ── Layout general ──────────────────────────────────────────────────── */

.u-page-header[b-p6nxymv539] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 1.5rem;
}

.u-page-header h2[b-p6nxymv539] { color: #fff; font-size: 1.4rem; margin: 0; }

.u-alert[b-p6nxymv539] { padding: 0.65rem 1rem; border-radius: 8px; margin-bottom: 1rem; font-size: 0.9rem; }
.u-alert-error[b-p6nxymv539]   { background: rgba(229,0,0,0.12);   border: 1px solid #e50000; color: #ff6b6b; }
.u-alert-success[b-p6nxymv539] { background: rgba(40,167,69,0.12); border: 1px solid #28a745; color: #5fdc80; }
.u-muted[b-p6nxymv539]         { color: #888; font-size: 0.9rem; }

.u-section[b-p6nxymv539] {
    background: linear-gradient(145deg, #2c2c2c, #1a1a1a);
    border-radius: 12px;
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 1.1rem;
}

.u-field-row-2[b-p6nxymv539] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}

.u-field[b-p6nxymv539] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
}

.u-field label[b-p6nxymv539] { color: #999; font-size: 0.84rem; }

.u-field-inline[b-p6nxymv539] {
    flex-direction: row;
    align-items: center;
    gap: 0.6rem;
}

.u-field-inline label[b-p6nxymv539] { color: #ccc; font-size: 0.9rem; }

.u-field input[type="text"][b-p6nxymv539],
.u-field input[type="number"][b-p6nxymv539],
.u-field input[type="date"][b-p6nxymv539],
.u-field input[type="time"][b-p6nxymv539],
.u-field select[b-p6nxymv539] {
    background: #111;
    border: 1px solid #3a3a3a;
    border-radius: 7px;
    padding: 0.5rem 0.75rem;
    color: #eee;
    font-size: 0.93rem;
    outline: none;
    transition: border-color 0.2s;
    font-family: inherit;
}

.u-field input:focus[b-p6nxymv539],
.u-field select:focus[b-p6nxymv539] { border-color: #28a745; }

.u-field input:disabled[b-p6nxymv539],
.u-field select:disabled[b-p6nxymv539] {
    opacity: 0.5;
    cursor: not-allowed;
}

.u-field input[type="checkbox"][b-p6nxymv539] {
    accent-color: #28a745;
    width: 16px;
    height: 16px;
    cursor: pointer;
    flex-shrink: 0;
}

.u-actions[b-p6nxymv539] { display: flex; gap: 0.75rem; margin-top: 0.25rem; }

.u-btn[b-p6nxymv539] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.45rem 1.1rem;
    border-radius: 8px;
    border: 1px solid #555;
    background: transparent;
    color: #ccc;
    font-size: 0.9rem;
    cursor: pointer;
    transition: border-color .2s, color .2s;
    white-space: nowrap;
}

.u-btn:hover[b-p6nxymv539]    { border-color: #888; color: #fff; }
.u-btn:disabled[b-p6nxymv539] { opacity: 0.4; cursor: not-allowed; }
.u-btn-sm[b-p6nxymv539]       { padding: 0.25rem 0.75rem; font-size: 0.82rem; }

.u-btn-primary[b-p6nxymv539]       { border-color: #28a745; color: #28a745; }
.u-btn-primary:hover[b-p6nxymv539] { border-color: #5fdc80; color: #5fdc80; }

.u-btn-lg[b-p6nxymv539] { padding: 0.65rem 1.8rem; font-size: 1rem; }

/* ── Desglose Modo C ─────────────────────────────────────────────────── */

.mode-c-breakdown[b-p6nxymv539] {
    background: rgba(40,167,69,0.06);
    border: 1px solid rgba(40,167,69,0.25);
    border-radius: 10px;
    padding: 1rem 1.25rem;
    margin-bottom: 1.25rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.breakdown-row[b-p6nxymv539] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.88rem;
    color: #aaa;
}

.breakdown-row strong[b-p6nxymv539]                { color: #5fdc80; font-size: 1rem; }
.breakdown-row .breakdown-value-warn[b-p6nxymv539] { color: #ff6b6b; }

.breakdown-section-title[b-p6nxymv539] {
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.07em;
    color: #666;
    font-weight: 700;
    margin: 0;
}

/* ── Tabla por categoría ─────────────────────────────────────────────── */

.cat-table[b-p6nxymv539] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    margin-top: 0.25rem;
}

.cat-row[b-p6nxymv539] {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 1fr;
    gap: 0.5rem;
    align-items: center;
    padding: 0.35rem 0.5rem;
    border-radius: 6px;
    font-size: 0.84rem;
    color: #aaa;
}

.cat-row-header[b-p6nxymv539] {
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #555;
    padding-bottom: 0.15rem;
}

.cat-row.cat-dominant[b-p6nxymv539] {
    background: rgba(40,167,69,0.08);
    color: #ccc;
}

.cat-name[b-p6nxymv539] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    flex-wrap: wrap;
}

.dominant-badge[b-p6nxymv539] {
    display: inline-block;
    font-size: 0.65rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    padding: 0.1rem 0.4rem;
    border-radius: 4px;
    background: rgba(40,167,69,0.25);
    color: #5fdc80;
    border: 1px solid rgba(40,167,69,0.4);
}

/* ── Límite manual ───────────────────────────────────────────────────── */

.manual-limit-wrap[b-p6nxymv539] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
    padding: 0.85rem 1rem;
    background: rgba(255,255,255,0.03);
    border: 1px solid #3a3a3a;
    border-radius: 8px;
}

/* ── Cobertura de round-robin ────────────────────────────────────────── */

.coverage-pct[b-p6nxymv539] {
    font-weight: 700;
    font-size: 0.9rem;
}

.coverage-full[b-p6nxymv539]    { color: #5fdc80; }
.coverage-partial[b-p6nxymv539] { color: #f0a030; }

/* ── Warning soft (amarillo, no bloquea) ─────────────────────────────── */

.mode-c-warning-soft[b-p6nxymv539] {
    background: rgba(240,160,48,0.10);
    border: 1px solid rgba(240,160,48,0.40);
    border-radius: 8px;
    padding: 0.65rem 0.9rem;
    font-size: 0.86rem;
    color: #f0c060;
    line-height: 1.5;
}

/* ── Warning capacidad Modo C ────────────────────────────────────────── */

.mode-c-warning[b-p6nxymv539] {
    background: rgba(229,0,0,0.10);
    border: 1px solid rgba(229,0,0,0.45);
    border-radius: 10px;
    padding: 0.85rem 1.1rem;
    margin-bottom: 1.25rem;
    font-size: 0.88rem;
    color: #ff8080;
    line-height: 1.5;
}

/* ── Sección título ──────────────────────────────────────────────────── */

.section-title[b-p6nxymv539] {
    color: #ccc;
    font-size: 1rem;
    font-weight: 600;
    margin: 0;
}

/* ── Badge de campo calculado ────────────────────────────────────────── */

.field-note[b-p6nxymv539] {
    display: inline-block;
    margin-left: 0.4rem;
    font-size: 0.72rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    padding: 0.1rem 0.45rem;
    border-radius: 4px;
    background: rgba(255,255,255,0.07);
    color: #888;
    vertical-align: middle;
}

.field-note-calc[b-p6nxymv539] {
    background: rgba(40,167,69,0.15);
    color: #5fdc80;
}

/* ── Resultado calculado inline ──────────────────────────────────────── */

.calc-badge[b-p6nxymv539] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    background: rgba(40,167,69,0.08);
    border: 1px solid rgba(40,167,69,0.3);
    border-radius: 8px;
    padding: 0.6rem 0.9rem;
    align-self: flex-end;
    min-width: 170px;
}

.calc-badge-label[b-p6nxymv539] { font-size: 0.75rem; color: #888; text-transform: uppercase; letter-spacing: 0.04em; }
.calc-badge-value[b-p6nxymv539] { font-size: 1.05rem; font-weight: 700; color: #5fdc80; }

/* ── Grid de días ────────────────────────────────────────────────────── */

.days-grid[b-p6nxymv539] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 0.2rem;
}

.day-check[b-p6nxymv539] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.35rem 0.8rem;
    background: #1e1e1e;
    border: 1px solid #3a3a3a;
    border-radius: 6px;
    cursor: pointer;
    font-size: 0.88rem;
    color: #999;
    transition: border-color .15s, color .15s, background .15s;
    user-select: none;
}

.day-check:hover[b-p6nxymv539] { border-color: #555; color: #ccc; }

.day-check-active[b-p6nxymv539] {
    border-color: #28a745;
    background: rgba(40,167,69,0.1);
    color: #5fdc80;
}

/* ── Slider de saturación ────────────────────────────────────────────── */

.slider-wrap[b-p6nxymv539] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.slider-wrap input[type="range"][b-p6nxymv539] {
    flex: 1;
    max-width: 280px;
    accent-color: #28a745;
    height: 4px;
    cursor: pointer;
}

.slider-value[b-p6nxymv539] {
    font-size: 1rem;
    font-weight: 700;
    color: #5fdc80;
    min-width: 3rem;
}

/* ── Resumen post-guardado ───────────────────────────────────────────── */

.summary-card[b-p6nxymv539] {
    background: linear-gradient(145deg, #2c2c2c, #1a1a1a);
    border-radius: 14px;
    padding: 2rem;
    max-width: 700px;
}

.summary-grid[b-p6nxymv539] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.25rem;
    margin-bottom: 2rem;
}

.summary-item[b-p6nxymv539] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.summary-label[b-p6nxymv539] {
    font-size: 0.78rem;
    color: #888;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.summary-value[b-p6nxymv539] {
    font-size: 1rem;
    color: #ddd;
}

.summary-highlight[b-p6nxymv539] {
    font-size: 1.6rem;
    font-weight: 700;
    color: #5fdc80;
}

.summary-actions[b-p6nxymv539] { display: flex; gap: 1rem; }

/* ── Configuración de Pagos ─────────────────────────────────────────── */

.payment-settings-header[b-p6nxymv539] {
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-top: 1.5rem;
    padding: 0.6rem 0.75rem;
    background: linear-gradient(145deg, #2c2c2c, #222);
    border-radius: 6px;
    border: 1px solid #383838;
    transition: border-color .15s;
}

.payment-settings-header:hover[b-p6nxymv539] {
    border-color: #555;
}

.payment-toggle-icon[b-p6nxymv539] {
    font-size: 1rem;
    color: #888;
}

.payment-toggle-title[b-p6nxymv539] {
    margin: 0;
    font-size: 0.95rem;
    font-weight: 600;
    color: #ccc;
}

.payment-status-badge[b-p6nxymv539] {
    font-size: 0.8rem;
    font-weight: 500;
    margin-left: auto;
}

.payment-status-none[b-p6nxymv539] { color: #666; }
.payment-status-ok[b-p6nxymv539]   { color: #5fdc80; }

.payment-settings-body[b-p6nxymv539] {
    padding: 1rem 0.75rem;
    border: 1px solid #383838;
    border-top: none;
    border-radius: 0 0 6px 6px;
    background: #1a1a1a;
    margin-bottom: 0.5rem;
}

.payment-subsection-title[b-p6nxymv539] {
    font-weight: 600;
    font-size: 0.88rem;
    margin: 1rem 0 0.4rem;
    color: #aaa;
}

.payment-enforce-box[b-p6nxymv539] {
    margin-top: 1rem;
    padding: 0.75rem;
    background: rgba(255,255,255,0.04);
    border-radius: 6px;
    border: 1px solid #383838;
}

/* ── Responsive ──────────────────────────────────────────────────────── */

@media (max-width: 680px) {
    .u-field-row-2[b-p6nxymv539]     { grid-template-columns: 1fr; }
    .summary-grid[b-p6nxymv539]      { grid-template-columns: 1fr; }
}
/* /Components/Pages/Admin/SuperAdminSeasons.razor.rz.scp.css */
/* ── Layout de página ────────────────────────────────────────────────────── */

.u-page-header[b-yzgvbyepnr] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 1.5rem;
}

.u-page-header h2[b-yzgvbyepnr] {
    color: #fff;
    font-size: 1.4rem;
    margin: 0;
}

/* ── Selector de liga ────────────────────────────────────────────────────── */

.sa-league-selector[b-yzgvbyepnr] {
    margin-bottom: 1.5rem;
}

.sa-league-selector select[b-yzgvbyepnr] {
    background: #1a1a2e;
    border: 1px solid #3a3a5c;
    border-radius: 8px;
    color: #f0f0f0;
    font-size: 0.95rem;
    padding: 0.5rem 0.85rem;
    min-width: 280px;
    cursor: pointer;
    outline: none;
    transition: border-color 0.2s;
}

.sa-league-selector select:focus[b-yzgvbyepnr] {
    border-color: #6366f1;
}

/* ── Estado vacío ────────────────────────────────────────────────────────── */

.empty-state[b-yzgvbyepnr] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem 2rem;
    text-align: center;
}

.empty-icon[b-yzgvbyepnr] {
    font-size: 3rem;
    margin-bottom: 1rem;
    opacity: 0.5;
}

.empty-title[b-yzgvbyepnr] {
    color: #ccc;
    font-size: 1.1rem;
    font-weight: 600;
    margin: 0 0 0.35rem;
}

/* ── Grid de cards ───────────────────────────────────────────────────────── */

.season-list[b-yzgvbyepnr] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(480px, 1fr));
    gap: 1rem;
}

/* ── Card ────────────────────────────────────────────────────────────────── */

.season-card[b-yzgvbyepnr] {
    background: #1a1a2e;
    border: 1px solid #2a2a42;
    border-radius: 12px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    transition: border-color 0.2s, box-shadow 0.2s;
    border-top: 3px solid #2a2a42;
}

.season-card:hover[b-yzgvbyepnr] {
    border-color: #3a3a5c;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4);
}

.accent-gray[b-yzgvbyepnr]   { border-top-color: #555; }
.accent-yellow[b-yzgvbyepnr] { border-top-color: #f59e0b; }
.accent-blue[b-yzgvbyepnr]   { border-top-color: #3b82f6; }
.accent-green[b-yzgvbyepnr]  { border-top-color: #00ff88; }

/* ── Cuerpo de la card (dos columnas) ───────────────────────────────────── */

.sc-body[b-yzgvbyepnr] {
    display: flex;
    gap: 1.5rem;
    padding: 1.25rem 1.25rem 1rem;
    flex: 1;
}

/* ── Columna izquierda ───────────────────────────────────────────────────── */

.sc-left[b-yzgvbyepnr] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    min-width: 0;
}

.sc-name[b-yzgvbyepnr] {
    color: #f0f0f0;
    font-size: 1.15rem;
    font-weight: 700;
    line-height: 1.3;
    word-break: break-word;
}

.sc-dates[b-yzgvbyepnr] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    flex-wrap: wrap;
}

.sc-date-item[b-yzgvbyepnr] {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
}

.sc-date-label[b-yzgvbyepnr] {
    color: #666;
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.sc-date-val[b-yzgvbyepnr] {
    color: #ccc;
    font-size: 0.88rem;
    font-weight: 500;
}

.sc-date-sep[b-yzgvbyepnr] {
    color: #444;
    font-size: 1rem;
    padding-top: 0.8rem;
}

.sc-days[b-yzgvbyepnr] {
    display: flex;
    gap: 0.35rem;
    flex-wrap: wrap;
}

.sc-day-badge[b-yzgvbyepnr] {
    display: inline-block;
    padding: 0.15em 0.55em;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 6px;
    color: #aaa;
    font-size: 0.75rem;
    font-weight: 500;
    letter-spacing: 0.03em;
}

/* ── Columna derecha ─────────────────────────────────────────────────────── */

.sc-right[b-yzgvbyepnr] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: space-between;
    gap: 0.75rem;
    flex-shrink: 0;
    min-width: 90px;
}

.sc-metric[b-yzgvbyepnr] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.sc-metric-num[b-yzgvbyepnr] {
    color: #fff;
    font-size: 2rem;
    font-weight: 800;
    line-height: 1;
    letter-spacing: -0.02em;
}

.sc-metric-label[b-yzgvbyepnr] {
    color: #666;
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-top: 0.1rem;
}

/* ── Badges de estado ────────────────────────────────────────────────────── */

.status-badge[b-yzgvbyepnr] {
    display: inline-block;
    padding: 0.25em 0.8em;
    border-radius: 999px;
    font-size: 0.76rem;
    font-weight: 600;
    letter-spacing: 0.03em;
    white-space: nowrap;
}

.badge-gray[b-yzgvbyepnr] {
    background: rgba(120, 120, 140, 0.15);
    color: #888;
    border: 1px solid rgba(120, 120, 140, 0.3);
}

.badge-yellow[b-yzgvbyepnr] {
    background: rgba(245, 158, 11, 0.12);
    color: #f59e0b;
    border: 1px solid rgba(245, 158, 11, 0.3);
}

.badge-blue[b-yzgvbyepnr] {
    background: rgba(59, 130, 246, 0.12);
    color: #60a5fa;
    border: 1px solid rgba(59, 130, 246, 0.3);
}

.badge-green[b-yzgvbyepnr] {
    background: rgba(0, 255, 136, 0.1);
    color: #00ff88;
    border: 1px solid rgba(0, 255, 136, 0.25);
}

/* ── Barra de acciones ───────────────────────────────────────────────────── */

.sc-actions[b-yzgvbyepnr] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1.25rem;
    border-top: 1px solid #232338;
    background: rgba(0, 0, 0, 0.15);
    flex-wrap: wrap;
}

.confirm-text[b-yzgvbyepnr] {
    color: #ff6b6b;
    font-size: 0.85rem;
    margin-right: 0.25rem;
}

/* ── Responsive ──────────────────────────────────────────────────────────── */

@media (max-width: 560px) {
    .season-list[b-yzgvbyepnr] {
        grid-template-columns: 1fr;
    }

    .sc-body[b-yzgvbyepnr] {
        flex-direction: column;
        gap: 1rem;
    }

    .sc-right[b-yzgvbyepnr] {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        min-width: 0;
    }

    .sc-metric[b-yzgvbyepnr] {
        flex-direction: row;
        align-items: baseline;
        gap: 0.4rem;
    }

    .sc-metric-num[b-yzgvbyepnr] {
        font-size: 1.4rem;
    }

    .sa-league-selector select[b-yzgvbyepnr] {
        min-width: 0;
        width: 100%;
    }
}
/* /Components/Pages/Calendar.razor.rz.scp.css */
/* 🔷 Panel de filtros */
.filter-panel[b-w9ftz8hs8s] {
    background-color: #f9f9f9;
    border: 1px solid #ccc;
    border-radius: 8px;
    padding: 1rem;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
    margin-bottom: 1.5rem;
}

/* 🔹 Contenedor de filtros */
.filters[b-w9ftz8hs8s] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}

/* 🔸 Grupo individual de filtro */
.filter-group[b-w9ftz8hs8s] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

    /* 🔸 Etiqueta alineada a la izquierda */
    .filter-group label[b-w9ftz8hs8s] {
        width: 110px;
        font-weight: bold;
        color: #333;
    }

    /* 🔸 Campos de entrada y select */
    .filter-group input[b-w9ftz8hs8s],
    .filter-group select[b-w9ftz8hs8s] {
        width: 185px;
        padding: 0.25rem 0.5rem;
        font-size: 0.9rem;
        border: 1px solid #ccc;
        border-radius: 4px;
        background-color: #fff;
    }

/* 🔸 Botones dentro de filtros */
.filters button[b-w9ftz8hs8s] {
    padding: 0.3rem 0.8rem;
    font-size: 0.9rem;
    cursor: pointer;
    border-radius: 4px;
    border: 1px solid #ccc;
    background-color: #eee;
    transition: background-color 0.2s ease;
}

    .filters button:hover[b-w9ftz8hs8s] {
        background-color: #ddd;
    }

/* 🔷 Selector de ligas */
.league-selector[b-w9ftz8hs8s] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 1rem;
}

.league-pill[b-w9ftz8hs8s] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.4rem 0.8rem;
    border-radius: 999px;
    border: 1px solid #ccc;
    background-color: #f5f5f5;
    font-size: 0.9rem;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}

    .league-pill img[b-w9ftz8hs8s] {
        width: 24px;
        height: 24px;
        border-radius: 50%;
    }

    .league-pill.selected[b-w9ftz8hs8s] {
        background-color: #000;
        color: #fff;
        border-color: #000;
    }

/* 🔷 Encabezado de liga */
.league-header[b-w9ftz8hs8s] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;
    padding: 0.5rem 0;
    border-bottom: 2px solid #ccc;
}

    .league-header img[b-w9ftz8hs8s] {
        width: 48px;
        height: 48px;
        border-radius: 50%;
        transition: transform 0.3s ease;
    }

        .league-header img:hover[b-w9ftz8hs8s] {
            transform: rotate(-5deg) scale(1.05);
        }

.league-info h2[b-w9ftz8hs8s] {
    margin: 0;
    font-size: 1.2rem;
    font-weight: bold;
    color: #222;
}

.league-info p[b-w9ftz8hs8s] {
    margin: 0.2rem 0 0 0;
    font-size: 0.9rem;
    color: #555;
}

/* 🔷 Contenedor principal */
.calendar-container[b-w9ftz8hs8s] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    max-width: 360px;
    margin: auto;
}

    .calendar-container h2[b-w9ftz8hs8s] {
        margin-top: 0;
    }

/* 🔷 Lista de partidos */
.match-list[b-w9ftz8hs8s] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.match-day h3[b-w9ftz8hs8s] {
    margin: 0 0 0.5rem 0;
    font-size: 1rem;
    font-weight: bold;
    color: #333;
    border-bottom: 2px solid #ccc;
    padding-bottom: 0.25rem;
}

.match-list p[b-w9ftz8hs8s] {
    text-align: center;
    font-style: italic;
    color: #666;
}

/* 🔷 Mensaje de temporada vacía */
.no-season-message[b-w9ftz8hs8s] {
    text-align: center;
    font-size: 1rem;
    color: #a00;
    font-weight: bold;
    margin-top: 1rem;
}
/* /Components/Pages/CreateTeam.razor.rz.scp.css */
/* ── Page ─────────────────────────────────────────────────────── */
.ct-page[b-2oragfzaoj] {
    max-width: 820px;
    margin: 2rem auto;
    padding: 0 1.25rem;
}

.ct-header[b-2oragfzaoj] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.ct-header h2[b-2oragfzaoj] {
    margin: 0;
    font-size: 1.5rem;
    font-weight: 700;
}

.ct-back[b-2oragfzaoj] {
    background: none;
    border: none;
    color: #28a745;
    font-size: 0.95rem;
    cursor: pointer;
    padding: 0;
    white-space: nowrap;
}

.ct-back:hover[b-2oragfzaoj] { text-decoration: underline; }

/* ── Toast ───────────────────────────────────────────────────── */
.ct-toast[b-2oragfzaoj] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.85rem 1.1rem;
    border-radius: 8px;
    margin-bottom: 1rem;
    font-size: 0.92rem;
    animation: ct-slide-in-b-2oragfzaoj 0.2s ease;
}

.ct-toast--ok[b-2oragfzaoj]  { background: #d4edda; border-left: 4px solid #28a745; color: #155724; }
.ct-toast--err[b-2oragfzaoj] { background: #f8d7da; border-left: 4px solid #dc3545; color: #721c24; }

.ct-toast__close[b-2oragfzaoj] {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 0.95rem;
    opacity: 0.55;
    padding: 0;
    line-height: 1;
    flex-shrink: 0;
}
.ct-toast__close:hover[b-2oragfzaoj] { opacity: 1; }

@keyframes ct-slide-in-b-2oragfzaoj {
    from { opacity: 0; transform: translateY(-6px); }
    to   { opacity: 1; transform: translateY(0);    }
}

/* ── Card ────────────────────────────────────────────────────── */
.ct-card[b-2oragfzaoj] {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.12);
    overflow: hidden;
}

/* ── Two-column body ─────────────────────────────────────────── */
.ct-body[b-2oragfzaoj] {
    display: grid;
    grid-template-columns: 190px 1fr;
}

/* ── Logo column ─────────────────────────────────────────────── */
.ct-logo-col[b-2oragfzaoj] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.75rem;
    padding: 2rem 1.25rem;
    background: #f5f5f5;
    border-right: 1px solid #e8e8e8;
}

.ct-logo-box[b-2oragfzaoj] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 140px;
    height: 140px;
    border-radius: 12px;
    border: 2px dashed #bbb;
    background: #ececec;
    cursor: pointer;
    overflow: hidden;
    transition: border-color 0.15s, box-shadow 0.15s;
}

.ct-logo-box:hover[b-2oragfzaoj] {
    border-color: #28a745;
    box-shadow: 0 0 0 3px rgba(40, 167, 69, 0.15);
}

.ct-logo-img[b-2oragfzaoj] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ct-logo-empty[b-2oragfzaoj] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.4rem;
    color: #aaa;
    text-align: center;
    padding: 0.5rem;
}

.ct-logo-icon[b-2oragfzaoj] { font-size: 2.4rem; }
.ct-logo-hint[b-2oragfzaoj] { font-size: 0.72rem; line-height: 1.35; }

.ct-logo-sub[b-2oragfzaoj] {
    margin: 0;
    font-size: 0.72rem;
    color: #aaa;
    text-align: center;
}

.ct-btn-danger-sm[b-2oragfzaoj] {
    background: none;
    border: 1.5px solid #dc3545;
    color: #dc3545;
    border-radius: 20px;
    padding: 0.28rem 0.8rem;
    font-size: 0.78rem;
    cursor: pointer;
    transition: background 0.15s, color 0.15s;
}
.ct-btn-danger-sm:hover[b-2oragfzaoj] { background: #dc3545; color: #fff; }

/* ── Fields column ───────────────────────────────────────────── */
.ct-fields[b-2oragfzaoj] {
    padding: 1.75rem 1.75rem 1.25rem;
    display: flex;
    flex-direction: column;
    gap: 1.1rem;
}

/* ── Single field ────────────────────────────────────────────── */
.ct-field[b-2oragfzaoj] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
}

.ct-field label[b-2oragfzaoj] {
    font-size: 0.83rem;
    font-weight: 600;
    color: #444;
}

.ct-req[b-2oragfzaoj]  { color: #dc3545; }
.ct-opt[b-2oragfzaoj]  { font-weight: 400; color: #aaa; font-size: 0.78rem; }

.ct-input[b-2oragfzaoj] {
    width: 100%;
    padding: 0.52rem 0.7rem;
    border: 1.5px solid #d0d0d0;
    border-radius: 8px;
    font-size: 0.92rem;
    background: #fafafa;
    transition: border-color 0.15s, box-shadow 0.15s;
    box-sizing: border-box;
    color: #222;
}

.ct-input:focus[b-2oragfzaoj] {
    outline: none;
    border-color: #28a745;
    box-shadow: 0 0 0 3px rgba(40, 167, 69, 0.12);
    background: #fff;
}

/* Error state */
.ct-field--err .ct-input[b-2oragfzaoj] { border-color: #dc3545; }
.ct-field--err .ct-input:focus[b-2oragfzaoj] { box-shadow: 0 0 0 3px rgba(220, 53, 69, 0.12); }

.ct-err-msg[b-2oragfzaoj] {
    font-size: 0.76rem;
    color: #dc3545;
}

/* ── Two-field row ───────────────────────────────────────────── */
.ct-row[b-2oragfzaoj] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.9rem;
}

/* ── Pill group (days / time) ────────────────────────────────── */
.ct-pills[b-2oragfzaoj] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.ct-pill[b-2oragfzaoj] {
    padding: 0.32rem 0.8rem;
    border-radius: 20px;
    border: 1.5px solid #ccc;
    background: #f5f5f5;
    color: #555;
    font-size: 0.82rem;
    cursor: pointer;
    transition: border-color 0.15s, background 0.15s, color 0.15s;
    white-space: nowrap;
}

.ct-pill:hover[b-2oragfzaoj]       { border-color: #28a745; color: #28a745; }
.ct-pill.ct-pill--on[b-2oragfzaoj] { background: #28a745; border-color: #28a745; color: #fff; font-weight: 600; }

/* ── Actions bar ─────────────────────────────────────────────── */
.ct-actions[b-2oragfzaoj] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 0.75rem;
    padding: 1.1rem 1.75rem;
    border-top: 1px solid #efefef;
    background: #fafafa;
}

.ct-btn-primary[b-2oragfzaoj] {
    padding: 0.58rem 1.5rem;
    background: #28a745;
    color: #fff;
    border: none;
    border-radius: 8px;
    font-size: 0.92rem;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.15s, transform 0.1s;
}
.ct-btn-primary:hover:not(:disabled)[b-2oragfzaoj] { background: #218838; transform: translateY(-1px); }
.ct-btn-primary:disabled[b-2oragfzaoj]             { opacity: 0.6; cursor: not-allowed; }

.ct-btn-secondary[b-2oragfzaoj] {
    padding: 0.58rem 1.2rem;
    background: #fff;
    color: #555;
    border: 1.5px solid #ccc;
    border-radius: 8px;
    font-size: 0.92rem;
    cursor: pointer;
    transition: background 0.15s;
}
.ct-btn-secondary:hover[b-2oragfzaoj] { background: #f0f0f0; }

/* ── Mobile ──────────────────────────────────────────────────── */
@media (max-width: 620px) {
    .ct-page[b-2oragfzaoj] { margin: 1rem auto; padding: 0 0.75rem; }

    /* Stack logo on top of fields */
    .ct-body[b-2oragfzaoj] {
        grid-template-columns: 1fr;
    }

    /* Logo row: horizontal on mobile (compact) */
    .ct-logo-col[b-2oragfzaoj] {
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        gap: 1rem;
        border-right: none;
        border-bottom: 1px solid #e8e8e8;
        padding: 1.25rem;
    }

    .ct-logo-box[b-2oragfzaoj]  { width: 80px; height: 80px; flex-shrink: 0; }
    .ct-logo-icon[b-2oragfzaoj] { font-size: 1.8rem; }
    .ct-logo-hint[b-2oragfzaoj] { font-size: 0.68rem; }

    .ct-fields[b-2oragfzaoj] { padding: 1.25rem; }

    /* Stack season + category */
    .ct-row[b-2oragfzaoj] { grid-template-columns: 1fr; }

    /* Full-width stacked buttons */
    .ct-actions[b-2oragfzaoj] {
        flex-direction: column-reverse;
        padding: 1rem 1.25rem;
    }
    .ct-btn-primary[b-2oragfzaoj],
    .ct-btn-secondary[b-2oragfzaoj] { width: 100%; justify-content: center; text-align: center; }
}
/* /Components/Pages/GeneralRanking.razor.rz.scp.css */
/* Encabezado con categorías a la izquierda y selector de liga a la derecha */
.ranking-header[b-56j74mq81u] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

/* Desktop */
.categories[b-56j74mq81u] {
    display: flex;
    gap: 1rem;
    justify-content: flex-start; /* izquierda */
}

.category-link[b-56j74mq81u] {
    cursor: pointer;
    font-weight: 500;
    color: #333;
    text-decoration: none;
    transition: color 0.2s ease;
}

    .category-link:hover[b-56j74mq81u] {
        color: #28a745;
    }

    .category-link.active[b-56j74mq81u] {
        text-decoration: underline;
        text-decoration-color: #28a745;
        text-decoration-thickness: 3px;
        color: #28a745;
    }

/* Selector de liga alineado a la derecha */
.league-selector select[b-56j74mq81u] {
    padding: 0.4rem 0.8rem;
    border-radius: 6px;
    border: 1px solid #ccc;
    font-size: 1rem;
}


/* Mobile: categorías en fila propia con scroll horizontal */
@media (max-width: 768px) {
    .ranking-header[b-56j74mq81u] {
        flex-direction: column; /* ✅ apila categorías y selector */
        align-items: flex-start;
    }

    .categories[b-56j74mq81u] {
        display: flex;
        gap: 1rem;
        overflow-x: auto; /* ✅ scroll horizontal si se desborda */
        padding: 0.5rem 0;
        justify-content: center; /* ✅ centrado en móvil */
        width: 100%;
    }

    .league-selector[b-56j74mq81u] {
        align-self: flex-end; /* ✅ selector se mantiene a la derecha */
        margin-top: 0.5rem;
    }
}


/* Título de Rankings con botón pill a la derecha */
.ranking-title[b-56j74mq81u] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 1rem 0;
}

    .ranking-title h3[b-56j74mq81u] {
        margin: 0;
        font-size: 1.4rem;
        font-weight: 600;
        color: #333;
    }

.pill-btn[b-56j74mq81u] {
    padding: 0.4rem 1rem;
    border-radius: 999px;
    border: none;
    background: #007bff;
    color: #fff;
    cursor: pointer;
    transition: background 0.2s ease;
    font-size: 0.9rem;
}

    .pill-btn:hover[b-56j74mq81u] {
        background: #0056b3;
    }

/* Tabla de ranking */
.ranking-table[b-56j74mq81u] {
    width: 100%;
    border-collapse: collapse;
    margin-top: 1rem;
    font-size: 0.95rem;
}

    .ranking-table th[b-56j74mq81u],
    .ranking-table td[b-56j74mq81u] {
        border-bottom: 1px solid #ddd; /* ✅ solo línea horizontal */
        padding: 0.5rem;
        text-align: center;
    }

    .ranking-table th[b-56j74mq81u] {
        background-color: #f5f5f5;
        font-weight: 600;
        border-top: 2px solid #ccc; /* ✅ línea superior más marcada */
    }

    /* Hover effect en filas */
    .ranking-table tbody tr:hover[b-56j74mq81u] {
        background-color: #f0f9f4; /* verde muy suave */
        transition: background 0.2s ease;
    }

        /* Negrita en índice (#) y puntos al hacer hover */
        .ranking-table tbody tr:hover td:first-child[b-56j74mq81u],
        .ranking-table tbody tr:hover td:nth-child(3)[b-56j74mq81u] {
            font-weight: bold;
        }

/* Celda con logo + nombre */
.team-cell[b-56j74mq81u] {
    display: flex;
    align-items: center;
    justify-content: flex-start; /* logo y texto alineados a la izquierda */
    gap: 0.5rem; /* espacio mínimo entre logo y nombre */
    text-align: left;
}

/* Logo de equipo restringido a 32x32 con animación */
.team-logo[b-56j74mq81u] {
    width: 32px;
    height: 32px;
    object-fit: contain;
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

    /* Animación al pasar el mouse */
    .team-logo:hover[b-56j74mq81u] {
        transform: scale(1.1); /* pequeño zoom */
        box-shadow: 0 2px 6px rgba(0,0,0,0.2); /* sombra más marcada */
    }

    /* Nombre del equipo */
    .team-name[b-56j74mq81u] {
        font-weight: 500;
        color: #333;
    }

/* Botón de detalles */
.details-btn[b-56j74mq81u] {
    padding: 0.3rem 0.8rem;
    border: none;
    border-radius: 4px;
    background: #28a745;
    color: #fff;
    cursor: pointer;
    transition: background 0.2s ease;
    font-size: 0.85rem;
}

    .details-btn:hover[b-56j74mq81u] {
        background: #1e7e34;
    }
/* /Components/Pages/LeagueBanner.razor.rz.scp.css */

.banner-carousel[b-6dhdmz37m4] {
    position: relative;
    width: 100%;
    overflow: hidden;
    height: auto;
}

.banner-track[b-6dhdmz37m4] {
    display: flex;
    transition: transform 0.6s ease;
    width: 100%;
}

.banner-slide[b-6dhdmz37m4] {
    position: relative;
    min-width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    background-size: cover;
    background-position: center;
}

.banner-overlay[b-6dhdmz37m4] {
    position: absolute;
    inset: 0;
    backdrop-filter: blur(6px) brightness(1.0);
    background-color: rgba(0,0,0,0.1); /* leve velo oscuro */
    z-index: 0;
}


.banner-image[b-6dhdmz37m4] {
    position: relative;
    z-index: 1;
    max-width: 100%;
    max-height: 60vh;
    object-fit: contain;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.4);
}

@media (max-width: 768px) {
    .banner-image[b-6dhdmz37m4] {
        max-height: 40vh;
    }
}

.banner-arrow[b-6dhdmz37m4] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: rgba(0,0,0,0.4);
    color: white;
    border: none;
    font-size: 2rem;
    padding: 0.5rem;
    cursor: pointer;
    z-index: 10;
}

    .banner-arrow.left[b-6dhdmz37m4] {
        left: 10px;
    }

    .banner-arrow.right[b-6dhdmz37m4] {
        right: 10px;
    }

.banner-indicators[b-6dhdmz37m4] {
    position: absolute;
    bottom: 10px;
    width: 100%;
    display: flex;
    justify-content: center;
    gap: 8px;
}

.indicator-dot[b-6dhdmz37m4] {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: rgba(255,255,255,0.5);
    transition: background-color 0.3s ease;
}

    .indicator-dot.active[b-6dhdmz37m4] {
        background-color: white;
    }


/* /Components/Pages/MatchCard.razor.rz.scp.css */
/* Estructura general */
.match-card[b-w84vk1bz5k] {
    display: flex;
    flex-direction: column;
    background-color: #fff;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    border-radius: 8px;
    padding: 12px;
    margin-bottom: 12px;
    font-family: 'Segoe UI', sans-serif;
    position: relative;
    max-width: 360px;
    width: 100%;
    margin-inline: auto;
}

    .match-card.live[b-w84vk1bz5k] {
        animation: pulse-b-w84vk1bz5k 1.5s infinite;
        box-shadow: 0 0 12px rgba(0, 150, 255, 0.5);
    }

@keyframes pulse-b-w84vk1bz5k {
    0%, 100% {
        box-shadow: 0 0 12px rgba(0, 150, 255, 0.5);
    }

    50% {
        box-shadow: 0 0 18px rgba(0, 150, 255, 0.8);
    }
}

/* Matriz y filas */
.matriz[b-w84vk1bz5k] {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.fila[b-w84vk1bz5k] {
    width: 100%;
    flex-wrap: nowrap;
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0;
    min-height: 40px;
    background-color: #e0e0e0;
}

/* Celdas */
.celda[b-w84vk1bz5k] {
    flex: 1;
    min-width: 0; /* evita que el contenido fuerce el ancho */
    display: flex;
    align-items: center;
    padding: 0.25rem 0.5rem;
    font-size: 0.9rem;
    line-height: 1.2;
    box-shadow: none;
    border-radius: 0;
    flex-shrink: 0;
    background-color: transparent;
}

/* Celda A1 con título */
.celda-titulo[b-w84vk1bz5k] {
    justify-content: flex-start;
    flex: 0 0 58%;
    overflow: hidden;
    padding: 0;                /* ← quitar cualquier padding heredado de .celda */
}

.titulo-texto[b-w84vk1bz5k] {
    background-color: #000;
    color: #fff;
    padding: 0.3rem 0.75rem;        /* ← solo padding horizontal; la altura la dicta align-self */
    border-radius: 0;          /* ← sin redondeo propio */
    font-size: 0.95rem;        /* ← ligeramente más grande */
    font-weight: bold;
    display: flex;
    align-items: center;
    align-self: stretch;       /* ← se estira hasta la altura del flex-row padre */
    width: 100%;               /* ← ocupa todo el ancho de .celda-titulo */
    min-width: 0;
    box-shadow: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Celda A2+A3: cancha */
.celda-cancha[b-w84vk1bz5k] {
    font-size: 0.95rem;        /* ← mismo tamaño que categoría */
    font-weight: 500;
    background-color: #d0d0ff;
    font-style: italic;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 0.5rem;
    padding: 0.3rem  0.6rem;         /* ← padding simétrico horizontal */
    flex: 0 0 42%;            /* ← ocupa solo lo que necesita (no más, no menos) */
    white-space: nowrap;
}

.match-time[b-w84vk1bz5k] {
    font-style: normal; /* la hora no en cursiva */
    font-weight: bold;
    font-size: 0.8rem;
    color: #333;
}

.court-name[b-w84vk1bz5k] {
    font-style: italic; /* solo la cancha en cursiva */
}

/* Celda B1 y C1: equipo + logo */
.celda-izquierda[b-w84vk1bz5k] {
    flex: 2.5 /* antes 2 */;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    text-align: left;
    padding-left: 1rem;
}

/* Celda B2 y C2: sets ganados */
.celda-destacada[b-w84vk1bz5k] {
    flex: 1;
    min-width: 0;
    font-size: 1.1rem;
    font-weight: bold;
    text-align: left;
    padding-left: 0.5rem;
}

/* Celda B3 y C3: resultados */
.set-details[b-w84vk1bz5k] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Logo */
.logo[b-w84vk1bz5k] {
    width: 28px;
    height: 28px;
    border-radius: 4px;
    object-fit: cover;
    flex-shrink: 0;
}

/* Hora del partido */
.time[b-w84vk1bz5k] {
    position: absolute;
    bottom: 12px;
    right: 12px;
    font-size: 14px;
    font-weight: bold;
    color: #444;
}

.celda-resultados[b-w84vk1bz5k] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.9rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 0;
    flex: 2;
}

.sets[b-w84vk1bz5k] {
    font-weight: bold;
    font-size: 1.3rem;
    color: #222;
    margin-right: 0.5rem; /* separa visualmente del set-details */
}

.set-details[b-w84vk1bz5k] {
    font-size: 0.85rem;
    color: #444;
}
/* Asegura que el padding no rompa el layout */
*[b-w84vk1bz5k] {
    box-sizing: border-box;
}

.hora-inicio[b-w84vk1bz5k] {
    font-size: 1.2em;
    font-weight: bold;
    color: #555;
    display: block;
    margin-left: 30px;
}
/* /Components/Pages/MatchHistoryTable.razor.rz.scp.css */
.match-history[b-kque4n6626] {
    width: 100%;
    border-collapse: collapse;
    margin-top: 1rem;
    font-size: 0.95rem;
    border-radius: 8px;
    overflow: hidden;
}

    .match-history th[b-kque4n6626],
    .match-history td[b-kque4n6626] {
        border-bottom: 1px solid #ddd;
        padding: 0.6rem;
        text-align: center;
    }

    .match-history th[b-kque4n6626] {
        background-color: #f5f5f5;
        font-weight: 600;
        color: #333;
    }

    .match-history tbody tr:nth-child(even)[b-kque4n6626] {
        background-color: #fafafa;
    }

    .match-history tbody tr:hover[b-kque4n6626] {
        background-color: #f0f9f4; /* verde muy suave */
        transition: background 0.2s ease;
    }

/* Resultado con colores */
.result-win[b-kque4n6626] {
    color: #28a745;
    font-weight: bold;
}

.result-loss[b-kque4n6626] {
    color: #dc3545;
    font-weight: bold;
}

.result-draw[b-kque4n6626] {
    color: #6c757d;
    font-weight: bold;
}

/* Badges para sets y puntos */
.badge[b-kque4n6626] {
    display: inline-block;
    padding: 0.2rem 0.6rem;
    border-radius: 999px;
    font-size: 0.85rem;
    font-weight: 600;
    color: #fff;
}

.badge-sets[b-kque4n6626] {
    background-color: #007bff;
}

/* Base estilo para puntos */
.points-up[b-kque4n6626], .points-down[b-kque4n6626], .points-neutral[b-kque4n6626] {
    position: relative;
    font-weight: 600;
    padding-left: 1.2rem; /* espacio para el triángulo */
}

    /* Triángulo verde hacia arriba */
    .points-up[b-kque4n6626]::before {
        content: "";
        position: absolute;
        left: 0.2rem;
        top: 50%;
        transform: translateY(-50%);
        width: 0;
        height: 0;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-bottom: 8px solid #28a745; /* verde */
    }

    /* Triángulo rojo hacia abajo */
    .points-down[b-kque4n6626]::before {
        content: "";
        position: absolute;
        left: 0.2rem;
        top: 50%;
        transform: translateY(-50%);
        width: 0;
        height: 0;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-top: 8px solid #dc3545; /* rojo */
    }

    /* Neutral (sin triángulo) */
    .points-neutral[b-kque4n6626]::before {
        content: "";
    }
/* /Components/Pages/Public/MatchLive.razor.rz.scp.css */
/* =====================================================================
   MatchLive — Cyber Arena variant
   Scoped CSS: all rules apply only to elements within MatchLive.razor
   ===================================================================== */

/* Loading / error state */
.cyber-loading[b-9tjt53mn70] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100dvh;
    background: #04060a;
    color: rgba(255, 255, 255, 0.4);
    font-family: 'JetBrains Mono', monospace;
    font-size: 1.2rem;
    letter-spacing: 0.15em;
}

/* ── Root stage ── */
.variant-cyber[b-9tjt53mn70] {
    /* CSS custom properties (scoped here instead of :root for Blazor scoped CSS) */
    --score-size:      clamp(96px, 38vw, 320px);
    --team-name-size:  clamp(28px, 7vw, 64px);
    --vs-size:         clamp(40px, 9vw, 110px);
    --header-pad:      clamp(12px, 3vw, 60px);
    --gap:             clamp(8px, 2vw, 32px);
    --section-pad:     clamp(10px, 3vw, 30px);

    position: relative;
    width: 100%;
    min-height: 100vh;
    min-height: 100dvh;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    font-family: 'Rajdhani', system-ui, sans-serif;
    color: #fff;
    -webkit-font-smoothing: antialiased;

    background:
        radial-gradient(ellipse at 20% 10%, rgba(0, 229, 255, 0.10), transparent 55%),
        radial-gradient(ellipse at 80% 90%, rgba(255, 43, 214, 0.08), transparent 55%),
        linear-gradient(180deg, #04060a 0%, #07080d 100%);
}

/* ── Background layers ── */
.cyber-grid[b-9tjt53mn70] {
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(0, 229, 255, 0.06) 1px, transparent 1px),
        linear-gradient(90deg, rgba(0, 229, 255, 0.06) 1px, transparent 1px);
    background-size:
        clamp(40px, 8vw, 80px) clamp(40px, 8vw, 80px);
    mask-image: radial-gradient(ellipse at 50% 50%, #000 30%, transparent 80%);
    pointer-events: none;
    animation: grid-drift-b-9tjt53mn70 24s linear infinite;
}

.cyber-scanlines[b-9tjt53mn70] {
    position: absolute;
    inset: 0;
    background: repeating-linear-gradient(
        180deg,
        transparent 0 3px,
        rgba(255, 255, 255, 0.015) 3px 4px
    );
    pointer-events: none;
}

/* ── HEADER ── */
.cyber-header[b-9tjt53mn70] {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    padding: clamp(8px, 2vw, 14px) var(--header-pad);
    gap: clamp(8px, 2vw, 16px);
    border-bottom: 1px solid rgba(0, 229, 255, 0.18);
    background: linear-gradient(180deg, rgba(0, 229, 255, 0.05), transparent);
    position: relative;
    z-index: 2;
    flex-shrink: 0;
}

@media (min-width: 768px) {
    .cyber-header[b-9tjt53mn70] { grid-template-columns: 1fr auto 1fr; }
}

.cyber-header-left[b-9tjt53mn70] {
    display: flex;
    align-items: center;
    gap: clamp(8px, 2vw, 22px);
    min-width: 0;
}

.league-logo[b-9tjt53mn70] {
    width: clamp(40px, 8vw, 84px);
    height: clamp(40px, 8vw, 84px);
    flex-shrink: 0;
    filter: drop-shadow(0 0 12px var(--accent, #00e5ff));
    object-fit: contain;
}

.cyber-league-text[b-9tjt53mn70] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.cyber-league-name[b-9tjt53mn70] {
    font-family: 'Orbitron', sans-serif;
    font-weight: 800;
    letter-spacing: 0.12em;
    font-size: clamp(11px, 2.4vw, 28px);
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cyber-league-meta[b-9tjt53mn70] {
    font-family: 'JetBrains Mono', monospace;
    font-size: clamp(10px, 1.8vw, 18px);
    color: rgba(255, 255, 255, 0.55);
    display: flex;
    gap: 8px;
    align-items: center;
}

.cyber-cat[b-9tjt53mn70] {
    color: #00e5ff;
    font-weight: 700;
    letter-spacing: 0.18em;
}

.cyber-dot[b-9tjt53mn70] {
    color: rgba(255, 255, 255, 0.3);
}

/* Header center — full row on mobile, center column on 768+ */
.cyber-header-center[b-9tjt53mn70] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    grid-column: 1 / -1;
    order: -1;
}

@media (min-width: 768px) {
    .cyber-header-center[b-9tjt53mn70] {
        grid-column: auto;
        order: 0;
    }
}

/* EN VIVO pill */
.cyber-live[b-9tjt53mn70] {
    display: inline-flex;
    align-items: center;
    gap: clamp(6px, 1.5vw, 12px);
    padding: clamp(3px, 0.8vw, 6px) clamp(12px, 2.5vw, 22px);
    background: #ff2bd6;
    color: #fff;
    font-family: 'Orbitron', sans-serif;
    font-weight: 900;
    letter-spacing: 0.25em;
    font-size: clamp(11px, 2vw, 18px);
    clip-path: polygon(8% 0, 100% 0, 92% 100%, 0 100%);
    box-shadow: 0 0 24px rgba(255, 43, 214, 0.65);
    animation: live-pulse-b-9tjt53mn70 1.6s ease-in-out infinite;
}

.cyber-live-dot[b-9tjt53mn70] {
    width: clamp(8px, 1.5vw, 12px);
    height: clamp(8px, 1.5vw, 12px);
    background: #fff;
    border-radius: 50%;
    animation: dot-blink-b-9tjt53mn70 1s steps(2) infinite;
}

/* FINALIZADO badge */
.cyber-finished[b-9tjt53mn70] {
    font-family: 'Orbitron', sans-serif;
    font-weight: 700;
    color: #4ade80;
    background: rgba(74, 222, 128, 0.1);
    border: 1px solid rgba(74, 222, 128, 0.3);
    padding: clamp(3px, 0.8vw, 6px) clamp(12px, 2.5vw, 22px);
    font-size: clamp(11px, 2vw, 18px);
    letter-spacing: 0.2em;
    clip-path: polygon(8% 0, 100% 0, 92% 100%, 0 100%);
}

/* Match clock */
.cyber-clock[b-9tjt53mn70] {
    display: flex;
    align-items: baseline;
    gap: clamp(6px, 1.5vw, 12px);
    font-family: 'JetBrains Mono', monospace;
}

.cyber-clock-label[b-9tjt53mn70] {
    color: rgba(255, 255, 255, 0.5);
    font-size: clamp(9px, 1.5vw, 14px);
    letter-spacing: 0.25em;
}

.cyber-clock-val[b-9tjt53mn70] {
    color: #00e5ff;
    font-size: clamp(13px, 2.4vw, 22px);
    font-weight: 700;
    text-shadow: 0 0 12px rgba(0, 229, 255, 0.6);
}

/* SET N badge */
.cyber-header-right[b-9tjt53mn70] {
    display: flex;
    justify-content: flex-end;
}

.cyber-set-num[b-9tjt53mn70] {
    font-family: 'Orbitron', sans-serif;
    font-weight: 900;
    font-size: clamp(14px, 2.8vw, 32px);
    color: #fff;
    letter-spacing: 0.12em;
    border: 2px solid #00e5ff;
    padding: clamp(4px, 1vw, 10px) clamp(10px, 2vw, 26px);
    background: rgba(0, 229, 255, 0.08);
    text-shadow: 0 0 14px rgba(0, 229, 255, 0.6);
    clip-path: polygon(0 0, 100% 0, 92% 100%, 8% 100%);
    white-space: nowrap;
}

/* ── MAIN: Teams + VS Bridge ── */
.cyber-main[b-9tjt53mn70] {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    padding: var(--section-pad) var(--header-pad);
    gap: clamp(28px, 6vw, 48px);
    flex: 1;
    position: relative;
    z-index: 2;
    justify-content: center;
}

@media (min-width: 900px) {
    .cyber-main[b-9tjt53mn70] {
        display: grid;
        grid-template-columns: 1fr 1fr;
        column-gap: clamp(20px, 3vw, 40px);
        align-items: stretch;
    }
}

/* Team panel */
.cyber-team[b-9tjt53mn70] {
    position: relative;
    padding: clamp(12px, 2.5vw, 28px) clamp(14px, 3vw, 36px);
    border: 2px solid rgba(255, 255, 255, 0.08);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.025), rgba(255, 255, 255, 0.005));
    display: grid;
    grid-template-columns: 1fr auto;
    grid-template-rows: auto auto;
    gap: clamp(8px, 1.5vw, 20px);
    align-items: center;
    transition: border-color 0.3s, box-shadow 0.3s;
    border-radius: 16px;
}

@media (min-width: 900px) {
    .cyber-team[b-9tjt53mn70] {
        grid-template-columns: 1fr;
        grid-template-rows: auto 1fr auto;
        height: 100%;
    }

    .cyber-team-a[b-9tjt53mn70] { border-radius: 24px 0 24px 24px; grid-column: 1; grid-row: 1; }
    .cyber-team-b[b-9tjt53mn70] { border-radius: 0 24px 24px 24px; grid-column: 2; grid-row: 1; }
}

.cyber-team-a.serving[b-9tjt53mn70] {
    border-color: #00e5ff;
    box-shadow: inset 0 0 80px rgba(0, 229, 255, 0.18), 0 0 60px rgba(0, 229, 255, 0.25);
}

.cyber-team-b.serving[b-9tjt53mn70] {
    border-color: #ff2bd6;
    box-shadow: inset 0 0 80px rgba(255, 43, 214, 0.18), 0 0 60px rgba(255, 43, 214, 0.25);
}

/* Team top row */
.cyber-team-top[b-9tjt53mn70] {
    display: flex;
    align-items: center;
    gap: clamp(10px, 2vw, 24px);
    grid-column: 1;
}

@media (min-width: 900px) {
    .cyber-team-top[b-9tjt53mn70] { grid-column: auto; }
    .cyber-team-b .cyber-team-top[b-9tjt53mn70] { flex-direction: row-reverse; text-align: right; }
}

.cyber-team-meta[b-9tjt53mn70] {
    display: flex;
    flex-direction: column;
    gap: clamp(4px, 1vw, 12px);
    flex: 1;
    min-width: 0;
}

@media (min-width: 900px) {
    .cyber-team-b .cyber-team-meta[b-9tjt53mn70] { align-items: flex-end; }
}

/* Set-dots + serve indicator en fila */
.cyber-team-row[b-9tjt53mn70] {
    display: flex;
    align-items: center;
    gap: clamp(8px, 2vw, 16px);
    flex-wrap: wrap;
}

@media (min-width: 900px) {
    .cyber-team-b .cyber-team-row[b-9tjt53mn70] {
        justify-content: flex-end;
        flex-direction: row-reverse;
    }
}

.cyber-team-tag[b-9tjt53mn70] {
    font-family: 'JetBrains Mono', monospace;
    font-size: clamp(9px, 1.6vw, 16px);
    letter-spacing: 0.3em;
    color: rgba(255, 255, 255, 0.4);
    font-weight: 600;
}

.cyber-team-name[b-9tjt53mn70] {
    font-family: 'Orbitron', sans-serif;
    font-weight: 900;
    font-size: clamp(22px, 6vw, 64px);
    letter-spacing: 0.04em;
    line-height: 1;
    color: #fff;
    word-break: break-word;
}

.cyber-team-a.serving .cyber-team-name[b-9tjt53mn70] {
    color: #00e5ff;
    text-shadow: 0 0 24px rgba(0, 229, 255, 0.7);
}

.cyber-team-b.serving .cyber-team-name[b-9tjt53mn70] {
    color: #ff2bd6;
    text-shadow: 0 0 24px rgba(255, 43, 214, 0.7);
}

/* Set dots */
.set-dots[b-9tjt53mn70] {
    display: flex;
    gap: clamp(6px, 1.5vw, 10px);
}

.set-dot[b-9tjt53mn70] {
    width: clamp(10px, 2.5vw, 18px);
    height: clamp(10px, 2.5vw, 18px);
    border-radius: 50%;
    border: 2px solid var(--c, #fff);
    background: transparent;
    box-shadow: 0 0 8px transparent;
    transition: background 0.3s, box-shadow 0.3s;
}

.set-dot.filled[b-9tjt53mn70] {
    background: var(--c, #fff);
    box-shadow: 0 0 14px var(--c, #fff);
}

/* Score number */
.cyber-score[b-9tjt53mn70] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    grid-column: 2;
    grid-row: 1 / 3;
}

@media (min-width: 900px) {
    .cyber-score[b-9tjt53mn70] {
        grid-column: auto;
        grid-row: auto;
        justify-content: center;
        height: clamp(200px, 30vw, 380px);
    }
}

.cyber-score-num[b-9tjt53mn70] {
    font-family: 'Orbitron', sans-serif;
    font-weight: 900;
    font-size: clamp(72px, 22vw, 320px);
    line-height: 0.9;
    letter-spacing: -0.04em;
    background: linear-gradient(180deg, #fff 0%, rgba(255, 255, 255, 0.4) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.cyber-team-a.serving .cyber-score-num[b-9tjt53mn70] {
    background: linear-gradient(180deg, #00e5ff 0%, #006e80 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    filter: drop-shadow(0 0 30px rgba(0, 229, 255, 0.6));
}

.cyber-team-b.serving .cyber-score-num[b-9tjt53mn70] {
    background: linear-gradient(180deg, #ff2bd6 0%, #80156a 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    filter: drop-shadow(0 0 30px rgba(255, 43, 214, 0.6));
}

/* Team bottom row (streak placeholder) */
.cyber-team-bottom[b-9tjt53mn70] {
    display: flex;
    grid-column: 1 / -1;
    min-height: clamp(28px, 5vw, 56px);
}

@media (min-width: 900px) {
    .cyber-team-bottom[b-9tjt53mn70] { grid-column: auto; }
    .cyber-team-b .cyber-team-bottom[b-9tjt53mn70] { justify-content: flex-end; }
}

/* Streak badge */
.streak-badge[b-9tjt53mn70] {
    display: inline-flex;
    align-items: center;
    gap: clamp(6px, 1.5vw, 12px);
    padding: clamp(4px, 1vw, 8px) clamp(10px, 2vw, 18px);
    border: 2px solid var(--c);
    background: color-mix(in srgb, var(--c) 14%, transparent);
    color: var(--c);
    font-family: 'JetBrains Mono', monospace;
    font-weight: 700;
    letter-spacing: 0.1em;
    font-size: clamp(12px, 2.5vw, 22px);
    box-shadow: 0 0 22px color-mix(in srgb, var(--c) 35%, transparent);
    animation: streak-pulse-b-9tjt53mn70 1.6s ease-in-out infinite;
}

.streak-flame[b-9tjt53mn70] { font-size: clamp(11px, 2vw, 18px); }
.streak-count[b-9tjt53mn70] { font-size: clamp(16px, 3vw, 28px); font-weight: 900; }
.streak-label[b-9tjt53mn70] { font-size: clamp(10px, 1.6vw, 14px); opacity: 0.85; }

/* Serve indicator */
.serve-indicator[b-9tjt53mn70] {
    width: clamp(36px, 9vw, 88px);
    height: clamp(36px, 9vw, 88px);
    flex-shrink: 0;
    filter: drop-shadow(0 0 12px currentColor);
    animation: serve-pulse-b-9tjt53mn70 1.4s ease-in-out infinite;
}

.serve-ring-outer[b-9tjt53mn70] {
    transform-origin: center;
    animation: serve-ring-b-9tjt53mn70 2s ease-out infinite;
}

/* Center divider — reemplazado por .cyber-vs-bridge */
.cyber-center[b-9tjt53mn70] { display: none; }

/* VS Bridge — disco circular animado entre paneles */
.cyber-vs-bridge[b-9tjt53mn70] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 3;
    pointer-events: none;
    width: clamp(80px, 18vw, 140px);
    height: clamp(80px, 18vw, 140px);
    margin: clamp(-44px, -9vw, -70px) auto;
    align-self: center;
    order: 0;
}

@media (min-width: 900px) {
    .cyber-vs-bridge[b-9tjt53mn70] {
        grid-column: 1 / 3;
        grid-row: 1;
        justify-self: center;
        align-self: start;
        margin: clamp(-50px, -4vw, -64px) 0 0 0;
        width: clamp(96px, 10vw, 140px);
        height: clamp(96px, 10vw, 140px);
    }
}

.cyber-vs-bridge[b-9tjt53mn70]::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 50%;
    background:
        radial-gradient(circle at 30% 30%, #00e5ff 0%, transparent 55%),
        radial-gradient(circle at 70% 70%, #ff2bd6 0%, transparent 55%),
        #06070c;
    border: 2px solid rgba(255, 255, 255, 0.18);
    box-shadow:
        0 0 40px rgba(0, 229, 255, 0.35),
        0 0 60px rgba(255, 43, 214, 0.25),
        inset 0 0 30px rgba(0, 0, 0, 0.6);
    animation: vs-bridge-spin-b-9tjt53mn70 12s linear infinite;
}

.cyber-vs-bridge[b-9tjt53mn70]::after {
    content: "";
    position: absolute;
    inset: 6px;
    border-radius: 50%;
    border: 1px dashed rgba(255, 255, 255, 0.25);
    animation: vs-bridge-spin-b-9tjt53mn70 24s linear infinite reverse;
}

.cyber-vs-bridge-text[b-9tjt53mn70] {
    position: relative;
    z-index: 1;
    font-family: 'Orbitron', sans-serif;
    font-weight: 900;
    font-size: clamp(28px, 7vw, 56px);
    letter-spacing: 0.02em;
    line-height: 1;
    background: linear-gradient(135deg, #00e5ff 0%, #fff 50%, #ff2bd6 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.6));
    animation: vs-bridge-pulse-b-9tjt53mn70 2.4s ease-in-out infinite;
}

/* ── COMPLETED SETS STRIP ── */
.cyber-sets-strip[b-9tjt53mn70] {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: clamp(6px, 1.5vw, 12px);
    padding: clamp(8px, 2vw, 14px) var(--header-pad);
    border-top: 1px solid rgba(0, 229, 255, 0.18);
    border-bottom: 1px solid rgba(0, 229, 255, 0.18);
    background: rgba(0, 229, 255, 0.03);
    position: relative;
    z-index: 2;
    flex-shrink: 0;
}

@media (min-width: 700px) {
    .cyber-sets-strip[b-9tjt53mn70] {
        flex-direction: row;
        align-items: center;
        gap: 32px;
    }
}

.cyber-sets-label[b-9tjt53mn70] {
    font-family: 'JetBrains Mono', monospace;
    font-size: clamp(10px, 1.7vw, 18px);
    letter-spacing: 0.35em;
    color: #00e5ff;
    font-weight: 700;
}

.cyber-sets-list[b-9tjt53mn70] {
    display: flex;
    gap: clamp(6px, 1.5vw, 16px);
    flex-wrap: wrap;
    flex: 1;
}

.cyber-set-pill[b-9tjt53mn70] {
    display: inline-flex;
    align-items: center;
    gap: clamp(6px, 1.4vw, 14px);
    padding: clamp(4px, 1vw, 10px) clamp(8px, 2vw, 20px);
    border: 1px solid rgba(255, 255, 255, 0.15);
    background: rgba(255, 255, 255, 0.03);
    font-family: 'JetBrains Mono', monospace;
}

.cyber-set-pill-label[b-9tjt53mn70] {
    color: rgba(255, 255, 255, 0.4);
    font-size: clamp(10px, 1.6vw, 16px);
    letter-spacing: 0.18em;
}

.cyber-set-pill-score[b-9tjt53mn70] {
    font-size: clamp(16px, 2.6vw, 28px);
    font-weight: 700;
    color: #fff;
    display: flex;
    gap: clamp(6px, 1.2vw, 10px);
    align-items: center;
}

/* Winning team color: cyan for A, magenta for B */
.cyber-set-pill-score .win[b-9tjt53mn70] { color: #00e5ff; }
.cyber-set-pill-score.win-b .win[b-9tjt53mn70] { color: #ff2bd6; }

.cyber-set-dash[b-9tjt53mn70] {
    color: rgba(255, 255, 255, 0.3);
}

.cyber-sets-empty[b-9tjt53mn70] {
    color: rgba(255, 255, 255, 0.4);
    font-family: 'JetBrains Mono', monospace;
    letter-spacing: 0.2em;
    font-size: clamp(11px, 1.7vw, 18px);
}

/* ── AD SLOT ── */
.cyber-ad-slot[b-9tjt53mn70] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    background: #000;
    border-top: 1px solid rgba(0, 229, 255, 0.15);
    position: relative;
    z-index: 2;
    padding: clamp(8px, 1.5vw, 12px) var(--header-pad);
    flex-shrink: 0;
}

/* AdSense banner container */
.ad-banner[b-9tjt53mn70] {
    position: relative;
    width: min(970px, 100% - 24px);
    height: clamp(60px, 12vw, 100px);
    border: 1px dashed color-mix(in srgb, var(--accent, #00e5ff) 50%, transparent);
    background:
        repeating-linear-gradient(
            135deg,
            color-mix(in srgb, var(--accent, #00e5ff) 4%, transparent) 0 12px,
            transparent 12px 24px
        ),
        rgba(255, 255, 255, 0.02);
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
}

.ad-banner-corner[b-9tjt53mn70] {
    position: absolute;
    width: 14px;
    height: 14px;
    border: 2px solid var(--accent, #00e5ff);
}

.ad-banner-corner-tl[b-9tjt53mn70] { top: -1px;    left: -1px;  border-right: 0; border-bottom: 0; }
.ad-banner-corner-tr[b-9tjt53mn70] { top: -1px;    right: -1px; border-left: 0;  border-bottom: 0; }
.ad-banner-corner-bl[b-9tjt53mn70] { bottom: -1px; left: -1px;  border-right: 0; border-top: 0;    }
.ad-banner-corner-br[b-9tjt53mn70] { bottom: -1px; right: -1px; border-left: 0;  border-top: 0;    }

.ad-banner-content[b-9tjt53mn70] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
    font-family: 'JetBrains Mono', monospace;
    text-align: center;
    padding: 4px 8px;
}

.ad-banner-tag[b-9tjt53mn70] {
    font-size: clamp(9px, 1.6vw, 14px);
    letter-spacing: 0.4em;
    color: var(--accent, #00e5ff);
    font-weight: 700;
}

.ad-banner-size[b-9tjt53mn70] {
    font-size: clamp(11px, 2.2vw, 22px);
    color: rgba(255, 255, 255, 0.85);
    letter-spacing: 0.05em;
    font-weight: 600;
}

.ad-banner-hint[b-9tjt53mn70] {
    font-size: clamp(8px, 1.4vw, 12px);
    color: rgba(255, 255, 255, 0.35);
    letter-spacing: 0.05em;
    display: none;
}

@media (min-width: 700px) {
    .ad-banner-hint[b-9tjt53mn70] { display: block; }
}

/* Exit button — discreet, only for venue staff */
.cyber-exit-btn[b-9tjt53mn70] {
    background: transparent;
    border: 1px solid rgba(0, 229, 255, 0.2);
    color: rgba(255, 255, 255, 0.25);
    border-radius: 6px;
    padding: 0.25rem 0.6rem;
    font-size: 0.75rem;
    cursor: pointer;
    flex-shrink: 0;
    transition: color 0.2s, border-color 0.2s;
}

.cyber-exit-btn:hover[b-9tjt53mn70] {
    color: #00e5ff;
    border-color: #00e5ff;
}

/* ── PARTICLE SYSTEM ── */
.particles-layer[b-9tjt53mn70] {
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 1;
    overflow: hidden;
}

.particle[b-9tjt53mn70] {
    position: absolute;
    bottom: -4px;
    left: var(--x);
    width: var(--size);
    height: var(--size);
    border-radius: 50%;
    background: hsl(var(--hue), 100%, 70%);
    box-shadow:
        0 0 calc(var(--size) * 2)   hsl(var(--hue), 100%, 70%),
        0 0 calc(var(--size) * 5)   hsla(var(--hue), 100%, 60%, 0.5);
    animation: particle-rise-b-9tjt53mn70 var(--dur) var(--delay) linear infinite;
    will-change: transform, opacity;
    opacity: 0;
}

.particle.p-t[b-9tjt53mn70] {
    height: calc(var(--size) * 4);
    border-radius: 2px;
}

.particle.p-m[b-9tjt53mn70] {
    background: hsl(var(--hue), 100%, 65%);
    box-shadow:
        0 0 calc(var(--size) * 2)   hsl(var(--hue), 100%, 65%),
        0 0 calc(var(--size) * 5)   hsla(var(--hue), 100%, 55%, 0.5);
}

.particle.p-w[b-9tjt53mn70] {
    background: hsl(var(--hue), 20%, 90%);
    box-shadow:
        0 0 calc(var(--size) * 2)   hsl(var(--hue), 20%, 90%),
        0 0 calc(var(--size) * 4)   rgba(255, 255, 255, 0.3);
}

/* ── KEYFRAMES ── */
@keyframes vs-bridge-spin-b-9tjt53mn70 {
    to { transform: rotate(360deg); }
}

@keyframes vs-bridge-pulse-b-9tjt53mn70 {
    0%, 100% { transform: scale(1); }
    50%       { transform: scale(1.08); }
}

@keyframes streak-pulse-b-9tjt53mn70 {
    0%, 100% { box-shadow: 0 0 22px color-mix(in srgb, var(--c) 30%, transparent); }
    50%       { box-shadow: 0 0 38px color-mix(in srgb, var(--c) 60%, transparent); }
}

@keyframes serve-pulse-b-9tjt53mn70 {
    0%, 100% { transform: scale(1);    opacity: 1;    }
    50%       { transform: scale(1.15); opacity: 0.85; }
}

@keyframes serve-ring-b-9tjt53mn70 {
    0%   { transform: scale(0.6); opacity: 0.8; }
    100% { transform: scale(1.4); opacity: 0;   }
}

@keyframes live-pulse-b-9tjt53mn70 {
    0%, 100% { box-shadow: 0 0 24px rgba(255, 43, 214, 0.55); }
    50%       { box-shadow: 0 0 40px rgba(255, 43, 214, 0.95); }
}

@keyframes dot-blink-b-9tjt53mn70 {
    50% { opacity: 0.2; }
}

@keyframes grid-drift-b-9tjt53mn70 {
    0%   { background-position: 0 0, 0 0;       }
    100% { background-position: 80px 80px, 80px 80px; }
}

@keyframes particle-rise-b-9tjt53mn70 {
    0%  { transform: translateY(0);      opacity: 0;    }
    8%  { transform: translateY(-5vh);   opacity: 0.85; }
    80% { transform: translateY(-70vh);  opacity: 0.25; }
    95% { transform: translateY(-88vh);  opacity: 0.02; }
    100%{ transform: translateY(-90vh);  opacity: 0;    }
}

/* ── RESPONSIVE ── */

/* < 900px: single-column stacked layout */
@media (max-width: 899px) {
    .cyber-team[b-9tjt53mn70] {
        grid-template-columns: 1fr auto;
        grid-template-rows: auto auto;
    }
}

/* < 700px: sets strip stacks vertically (already flex-direction:column by default) */

/* Landscape short height */
@media (max-height: 500px) and (orientation: landscape) {
    .cyber-score-num[b-9tjt53mn70] {
        font-size: clamp(64px, 18vh, 220px);
    }
}

/* Respeta preferencia de movimiento reducido (accesibilidad + batería) */
@media (prefers-reduced-motion: reduce) {
    .particle[b-9tjt53mn70]               { animation: none; opacity: 0.4; }
    .cyber-vs-bridge[b-9tjt53mn70]::before,
    .cyber-vs-bridge[b-9tjt53mn70]::after { animation: none; }
    .cyber-vs-bridge-text[b-9tjt53mn70]   { animation: none; }
    .serve-ring-outer[b-9tjt53mn70]       { animation: none; }
    .serve-indicator[b-9tjt53mn70]        { animation: none; }
    .streak-badge[b-9tjt53mn70]           { animation: none; }
    .cyber-live[b-9tjt53mn70]             { animation: none; }
    .cyber-grid[b-9tjt53mn70]             { animation: none; }
}

/* ── TV set-end banner ── */
.tv-set-banner[b-9tjt53mn70] {
    position: fixed;
    bottom: 2rem;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(76,175,80,.92);
    color: white;
    padding: 1rem 2.5rem;
    border-radius: 999px;
    font-size: 1.4rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: .75rem;
    white-space: nowrap;
    box-shadow: 0 4px 24px rgba(0,0,0,.4);
    animation: slideUp-b-9tjt53mn70 .4s cubic-bezier(.34,1.56,.64,1);
    z-index: 100;
}

/* ── TV match-end overlay ── */
.tv-match-overlay[b-9tjt53mn70] {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.85);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 200;
}

.tv-match-winner-card[b-9tjt53mn70] { text-align: center; color: white; }
.tv-trophy[b-9tjt53mn70] { font-size: 5rem; }
.tv-match-winner-card h1[b-9tjt53mn70] { font-size: 2.5rem; margin: .5rem 0; }
.tv-winner-name[b-9tjt53mn70] { font-size: 3.5rem; font-weight: 900; color: #FFD700; margin: 0; }
.tv-winner-label[b-9tjt53mn70] { font-size: 1.8rem; color: #aaa; letter-spacing: 0.1em; text-transform: uppercase; margin: 0.3rem 0 0; }

@keyframes slideUp-b-9tjt53mn70 {
    from { transform: translateX(-50%) translateY(2rem); opacity: 0; }
    to   { transform: translateX(-50%) translateY(0);   opacity: 1; }
}
/* /Components/Pages/Public/ScorecardFreePlay.razor.rz.scp.css */
/* ── Wrapper fullscreen del board ── */
.fp-board-wrap[b-tam8augoy2] {
    width: 100vw;
    height: 100vh;
    background: #000;
}

/* ── Setup screen ── */
.fp-setup-wrap[b-tam8augoy2] {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    min-height: 80vh;
    padding: 2rem 1rem;
    background: #000;
}

.fp-setup-card[b-tam8augoy2] {
    width: 100%;
    max-width: 420px;
    background: oklch(0.13 0.02 260);
    border: 2px solid oklch(0.3 0.04 260);
    border-radius: 18px;
    padding: 2rem 1.75rem;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.fp-setup-header[b-tam8augoy2] {
    text-align: center;
    margin-bottom: 0.5rem;
}

.fp-logo[b-tam8augoy2] {
    width: clamp(160px, 40vw, 280px);
    height: auto;
    object-fit: contain;
    display: block;
    margin: 0 auto 1rem;
}

.fp-title[b-tam8augoy2] {
    font-family: 'Archivo Black', system-ui, sans-serif;
    font-size: 1.6rem;
    color: #fff;
    margin: 0 0 0.25rem;
}

.fp-sub[b-tam8augoy2] {
    font-size: 0.85rem;
    color: oklch(0.6 0.02 260);
    margin: 0;
}

.install-btn[b-tam8augoy2] {
    display: block;
    margin: 0.75rem auto 0;
    padding: 0.4rem 1rem;
    font-size: 12px;
    border: 1px solid rgba(255,255,255,0.2);
    border-radius: 8px;
    background: transparent;
    color: rgba(255,255,255,0.5);
    cursor: pointer;
    transition: border-color 0.15s, color 0.15s;
}

.install-btn:hover[b-tam8augoy2] {
    border-color: rgba(255,255,255,0.5);
    color: #fff;
}

.fp-label[b-tam8augoy2] {
    display: block;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: oklch(0.65 0.04 260);
    margin-bottom: 0.4rem;
}

.fp-input[b-tam8augoy2] {
    width: 100%;
    background: oklch(0.18 0.02 260);
    border: 2px solid oklch(0.35 0.04 260);
    border-radius: 10px;
    color: #fff;
    font-size: 1rem;
    padding: 0.6rem 0.85rem;
    box-sizing: border-box;
    outline: none;
    transition: border-color 0.15s;
}

.fp-input:focus[b-tam8augoy2] {
    border-color: oklch(0.65 0.18 248);
}

.fp-options[b-tam8augoy2] {
    display: flex;
    gap: 0.5rem;
}

.fp-opt[b-tam8augoy2] {
    flex: 1;
    background: oklch(0.18 0.02 260);
    border: 2px solid oklch(0.35 0.04 260);
    border-radius: 10px;
    color: oklch(0.7 0.02 260);
    font-size: 0.9rem;
    font-weight: 600;
    padding: 0.55rem 0;
    cursor: pointer;
    transition: all 0.15s;
}

.fp-opt:hover[b-tam8augoy2] {
    border-color: oklch(0.55 0.15 248);
    color: #fff;
}

.fp-opt-on[b-tam8augoy2] {
    background: oklch(0.55 0.2 248);
    border-color: oklch(0.55 0.2 248);
    color: #fff;
}

.fp-field-row[b-tam8augoy2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.fp-check[b-tam8augoy2] {
    width: 22px;
    height: 22px;
    accent-color: oklch(0.55 0.2 248);
    cursor: pointer;
}

.fp-start-btn[b-tam8augoy2] {
    width: 100%;
    background: oklch(0.55 0.22 248);
    border: none;
    border-radius: 12px;
    color: #fff;
    font-family: 'Archivo Black', system-ui, sans-serif;
    font-size: 1.1rem;
    padding: 0.85rem;
    cursor: pointer;
    box-shadow: 0 4px 0 oklch(0.35 0.18 248);
    transition: opacity 0.15s, transform 0.1s;
    margin-top: 0.5rem;
}

.fp-start-btn:hover[b-tam8augoy2]  { opacity: 0.9; }
.fp-start-btn:active[b-tam8augoy2] { transform: translateY(2px); box-shadow: 0 2px 0 oklch(0.35 0.18 248); }
.fp-start-btn:disabled[b-tam8augoy2] { opacity: 0.4; cursor: not-allowed; transform: none; }

/* ── Install modal ── */
.install-backdrop[b-tam8augoy2] {
    position: fixed; inset: 0; z-index: 1000;
    background: rgba(0,0,0,0.7);
    display: flex; align-items: center; justify-content: center;
    padding: 1rem;
}

.install-modal[b-tam8augoy2] {
    background: #1a1c24;
    border: 1px solid rgba(255,255,255,0.12);
    border-radius: 16px;
    padding: 1.75rem 1.5rem;
    max-width: 360px; width: 100%;
    text-align: center;
    color: #f0eee8;
}

.im-icon[b-tam8augoy2]  { font-size: 2.5rem; margin-bottom: .5rem; }
.im-title[b-tam8augoy2] { font-size: 1.1rem; font-weight: 700; margin-bottom: .75rem; }
.im-text[b-tam8augoy2]  { font-size: .875rem; line-height: 1.6;
            color: rgba(255,255,255,0.7); margin-bottom: 1.25rem; }
.im-steps[b-tam8augoy2] { text-align: left; font-size: .875rem; line-height: 1.8;
            color: rgba(255,255,255,0.85); padding-left: 1.25rem;
            margin-bottom: 1rem; }
.im-steps li[b-tam8augoy2] { margin-bottom: .25rem; }
.im-note[b-tam8augoy2]  { font-size: .75rem; color: rgba(255,255,255,0.45);
            margin-bottom: 1rem; }
.im-share-icon[b-tam8augoy2] { font-style: normal; font-weight: 700; }

.im-btn-primary[b-tam8augoy2] {
    display: block; width: 100%; padding: .75rem;
    background: #3d8bff; color: #fff; font-weight: 700;
    border: none; border-radius: 10px; font-size: 1rem;
    cursor: pointer; margin-bottom: .75rem;
}
.im-btn-primary:active[b-tam8augoy2] { transform: translateY(1px); }

.im-btn-close[b-tam8augoy2] {
    background: transparent; border: 1px solid rgba(255,255,255,0.2);
    color: rgba(255,255,255,0.5); border-radius: 8px;
    padding: .4rem 1.25rem; font-size: .8rem; cursor: pointer;
}
.im-btn-close:hover[b-tam8augoy2] { border-color: rgba(255,255,255,0.5); color: #fff; }
/* /Components/Pages/RankingSummary.razor.rz.scp.css */
.team-header-card[b-bvduw2eevo] {
    display: flex;
    align-items: center;
    gap: 1rem;
    background: linear-gradient(135deg, #f0f0f0, #e0e0e0);
    border-radius: 10px;
    padding: 1rem;
    margin-bottom: 1.5rem;
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}

.team-logo img[b-bvduw2eevo] {
    width: 64px;
    height: 64px;
    object-fit: contain;
    border-radius: 8px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.2);
    background-color: #fff;
}

.team-info h4[b-bvduw2eevo] {
    margin: 0;
    font-size: 1.4rem;
    font-weight: 600;
    color: #333;
}

.team-info p[b-bvduw2eevo] {
    margin: 4px 0;
    font-size: 1rem;
    color: #555;
}
/* /Components/Pages/Referee/MatchPage.razor.rz.scp.css */
.mp-board-wrap[b-w2gt17os1g] {
    width: 100vw;
    height: 100vh;
    background: #000;
}

.mp-loading[b-w2gt17os1g] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 60vh;
    font-size: 1.1rem;
    color: oklch(0.6 0.02 260);
}

.mp-error[b-w2gt17os1g] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    padding: 3rem 1rem;
    color: oklch(0.7 0.02 260);
    text-align: center;
}

.mp-confirm-wrap[b-w2gt17os1g] {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    min-height: 70vh;
    padding: 2rem 1rem;
}

.mp-confirm-card[b-w2gt17os1g] {
    width: 100%;
    max-width: 420px;
    background: oklch(0.13 0.02 260);
    border: 2px solid oklch(0.3 0.04 260);
    border-radius: 18px;
    padding: 2rem 1.75rem;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.mp-confirm-title[b-w2gt17os1g] {
    font-family: 'Archivo Black', system-ui, sans-serif;
    font-size: 1.4rem;
    color: #fff;
    margin: 0;
    text-align: center;
}

.mp-matchup[b-w2gt17os1g] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.mp-team-a[b-w2gt17os1g], .mp-team-b[b-w2gt17os1g] {
    flex: 1;
    font-size: 1rem;
    font-weight: 700;
    color: #fff;
    text-align: center;
}

.mp-vs[b-w2gt17os1g] {
    font-family: 'Archivo Black', system-ui, sans-serif;
    font-size: 1.1rem;
    color: oklch(0.55 0.04 260);
}

.mp-meta[b-w2gt17os1g] {
    font-size: 0.8rem;
    color: oklch(0.55 0.04 260);
    text-align: center;
    margin: 0;
}

.mp-actions[b-w2gt17os1g] {
    display: flex;
    gap: 0.75rem;
}

.mp-back-btn[b-w2gt17os1g] {
    flex: 1;
    background: oklch(0.2 0.02 260);
    border: 2px solid oklch(0.35 0.04 260);
    border-radius: 10px;
    color: oklch(0.7 0.02 260);
    font-size: 0.9rem;
    padding: 0.65rem;
    cursor: pointer;
    transition: opacity 0.15s;
}

.mp-back-btn:hover[b-w2gt17os1g] { opacity: 0.8; }

.mp-start-btn[b-w2gt17os1g] {
    flex: 2;
    background: oklch(0.55 0.22 248);
    border: none;
    border-radius: 10px;
    color: #fff;
    font-family: 'Archivo Black', system-ui, sans-serif;
    font-size: 1rem;
    padding: 0.65rem;
    cursor: pointer;
    box-shadow: 0 3px 0 oklch(0.35 0.18 248);
    transition: opacity 0.15s, transform 0.1s;
}

.mp-start-btn:hover[b-w2gt17os1g]  { opacity: 0.9; }
.mp-start-btn:active[b-w2gt17os1g] { transform: translateY(2px); box-shadow: 0 1px 0 oklch(0.35 0.18 248); }
/* /Components/Pages/Referee/MatchResult.razor.rz.scp.css */
.mr-loading[b-89y95pszbf], .mr-error[b-89y95pszbf] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    min-height: 50vh;
    color: oklch(0.6 0.02 260);
    text-align: center;
    padding: 2rem;
}

.mr-wrap[b-89y95pszbf] {
    display: flex;
    justify-content: center;
    padding: 2rem 1rem;
}

.mr-card[b-89y95pszbf] {
    width: 100%;
    max-width: 420px;
    background: oklch(0.13 0.02 260);
    border: 2px solid oklch(0.3 0.04 260);
    border-radius: 18px;
    padding: 2rem 1.75rem;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.mr-badge[b-89y95pszbf] {
    background: oklch(0.35 0.12 145);
    border: 1.5px solid oklch(0.5 0.15 145);
    border-radius: 8px;
    color: #fff;
    font-size: 0.82rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    padding: 0.4rem 0.75rem;
    text-align: center;
}

.mr-title[b-89y95pszbf] {
    font-family: 'Archivo Black', system-ui, sans-serif;
    font-size: 1.5rem;
    color: #fff;
    margin: 0;
    text-align: center;
}

.mr-matchup[b-89y95pszbf] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
}

.mr-team[b-89y95pszbf] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.25rem;
}

.mr-team-name[b-89y95pszbf] {
    font-size: 0.82rem;
    font-weight: 700;
    color: oklch(0.7 0.04 260);
    text-align: center;
}

.mr-sets-big[b-89y95pszbf] {
    font-family: 'Archivo Black', system-ui, sans-serif;
    font-size: 3rem;
    color: oklch(0.65 0.04 260);
    line-height: 1;
}

.mr-team-winner .mr-sets-big[b-89y95pszbf] {
    color: #fff;
}

.mr-pts-tag[b-89y95pszbf] {
    font-size: 0.75rem;
    font-weight: 700;
    color: oklch(0.65 0.18 90);
    background: oklch(0.25 0.06 90);
    border-radius: 6px;
    padding: 0.2rem 0.5rem;
}

.mr-dash[b-89y95pszbf] {
    font-family: 'Archivo Black', system-ui, sans-serif;
    font-size: 2rem;
    color: oklch(0.35 0.02 260);
    align-self: flex-start;
    padding-top: 0.5rem;
}

.mr-sets-detail[b-89y95pszbf] {
    background: oklch(0.17 0.02 260);
    border-radius: 10px;
    padding: 0.75rem 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.mr-sets-header[b-89y95pszbf] {
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: oklch(0.5 0.04 260);
    margin-bottom: 0.25rem;
}

.mr-set-row[b-89y95pszbf] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.mr-set-num[b-89y95pszbf] {
    font-size: 0.85rem;
    color: oklch(0.6 0.04 260);
}

.mr-set-score[b-89y95pszbf] {
    font-family: 'JetBrains Mono', ui-monospace, monospace;
    font-size: 0.9rem;
    font-weight: 700;
    color: #fff;
}

.mr-footer[b-89y95pszbf] {
    display: flex;
    justify-content: center;
}

.mr-btn[b-89y95pszbf] {
    border-radius: 10px;
    font-size: 0.9rem;
    font-weight: 600;
    padding: 0.65rem 1.25rem;
    cursor: pointer;
    transition: opacity 0.15s;
}

.mr-btn-outline[b-89y95pszbf] {
    background: transparent;
    border: 2px solid oklch(0.35 0.04 260);
    color: oklch(0.7 0.04 260);
}

.mr-btn-outline:hover[b-89y95pszbf] { opacity: 0.8; }
/* /Components/Pages/TeamStats.razor.rz.scp.css */
.breadcrumb-bar[b-vpf11c2rpe] {
    margin-bottom: 1rem;
}

.back-btn[b-vpf11c2rpe] {
    background: none;
    border: none;
    color: #28a745;
    font-size: 0.95rem;
    font-weight: 500;
    cursor: pointer;
    padding: 0.25rem 0;
    text-decoration: underline;
    text-underline-offset: 3px;
}

    .back-btn:hover[b-vpf11c2rpe] {
        color: #1e7e34;
    }

.stats-title[b-vpf11c2rpe] {
    font-size: 1.8rem;
    font-weight: 600;
    margin-bottom: 1.5rem;
    text-align: center;
    color: #333;
}

.filter-panel[b-vpf11c2rpe] {
    background-color: #f9f9f9;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 1rem 1.5rem;
    margin-bottom: 2rem;
    box-shadow: 0 2px 6px rgba(0,0,0,0.05);
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
    justify-content: center;
}

.filter-group[b-vpf11c2rpe] {
    display: flex;
    flex-direction: column;
    min-width: 180px;
}

    .filter-group label[b-vpf11c2rpe] {
        font-weight: 500;
        margin-bottom: 0.5rem;
        color: #444;
    }

    .filter-group select[b-vpf11c2rpe] {
        padding: 0.5rem 0.75rem;
        border-radius: 999px;
        border: 1px solid #ccc;
        font-size: 1rem;
        background-color: #fff;
        transition: border-color 0.2s ease;
    }

        .filter-group select:hover[b-vpf11c2rpe] {
            border-color: #28a745;
        }

@media (max-width: 768px) {
    .filter-group[b-vpf11c2rpe] {
        align-items: center;
        text-align: center;
    }

        .filter-group label[b-vpf11c2rpe] {
            text-align: center;
            width: 100%;
        }
}


.stats-section[b-vpf11c2rpe] {
    padding: 1rem;
    border-top: 2px dashed #ccc;
}

.stats-hint[b-vpf11c2rpe] {
    text-align: center;
    font-style: italic;
    color: #666;
    margin-top: 1rem;
}

.summary-card[b-vpf11c2rpe] {
    background: #f5f5f5;
    padding: 1rem;
    margin-bottom: 1rem;
    border-radius: 6px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.match-history[b-vpf11c2rpe] {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 2rem;
    font-size: 0.95rem;
}

    .match-history th[b-vpf11c2rpe], .match-history td[b-vpf11c2rpe] {
        border: 1px solid #ddd;
        padding: 0.5rem;
        text-align: center;
    }

    .match-history th[b-vpf11c2rpe] {
        background-color: #eee;
        font-weight: 600;
    }


/* /Components/Pages/TopHeader.razor.rz.scp.css */
.top-bar[b-vn956iunbr] {
    display: flex;
    flex-direction: column; /* Logo arriba, botones abajo */
    align-items: center;
    padding: 1rem;
    background-color: #f9f9f9;
    border-bottom: 2px solid #eee;
}

.logo-container img[b-vn956iunbr] {
    height: 150px; /* logo grande */
    max-width: 100%;
}

.nav-buttons[b-vn956iunbr] {
    display: flex;
    gap: 1rem;
    margin-top: 1rem;
    flex-wrap: wrap;
    justify-content: center;
}

/* 🔑 Reforzamos que los NavLink se vean como botones */
.nav-pill[b-vn956iunbr],
.nav-pill:link[b-vn956iunbr],
.nav-pill:visited[b-vn956iunbr] {
    display: inline-block;
    background-color: #fff;
    color: #000;
    border: 2px solid #000;
    border-radius: 999px; /* forma de cápsula */
    padding: 0.5rem 1.5rem;
    font-size: 1rem;
    font-weight: 500;
    text-decoration: none !important; /* quitar subrayado */
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    white-space: nowrap;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.nav-pill:hover[b-vn956iunbr] {
    border-color: #28a745;
    color: #28a745;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
    transform: translateY(-2px);
}

.nav-pill:active[b-vn956iunbr] {
    transform: translateY(1px);
    box-shadow: 0 2px 4px rgba(0,0,0,0.15);
}

.nav-pill.active[b-vn956iunbr] {
    border-color: #28a745;
    color: #28a745;
    font-weight: bold;
    box-shadow: 0 4px 8px rgba(0,0,0,0.25);
}
/* /Components/Scorecard/ArcadeStars.razor.rz.scp.css */
.stars-wrap[b-d2s5zzz8m4] {
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 1;
}

.star[b-d2s5zzz8m4] {
    position: absolute;
    border-radius: 50%;
    background: #fff;
    opacity: 0.18;
}
/* /Components/Scorecard/BumpNumber.razor.rz.scp.css */
.bump-num[b-feuzhdi2vg] {
    display: inline-block;
    transform-origin: center;
    will-change: transform;
    font-family: 'Bricolage Grotesque', system-ui, sans-serif;
    font-weight: 800;
    font-size: clamp(64px, 95cqh, 170px);
    font-variation-settings: "opsz" 96;
    line-height: 1;
    letter-spacing: -0.06em;
    color: #fff;
    position: relative;
    z-index: 1;
    text-shadow: 0 0 60px var(--tc, #3d8bff), 0 8px 0 oklch(0.2 0.02 260);
}

.bump-0[b-feuzhdi2vg] { animation: sc-bump-pop-0-b-feuzhdi2vg 600ms cubic-bezier(.2,.9,.3,1.2); }
.bump-1[b-feuzhdi2vg] { animation: sc-bump-pop-1-b-feuzhdi2vg 600ms cubic-bezier(.2,.9,.3,1.2); }

@keyframes sc-bump-pop-0-b-feuzhdi2vg {
    0%   { transform: scale(1); }
    35%  { transform: scale(1.18); }
    70%  { transform: scale(0.96); }
    100% { transform: scale(1); }
}

@keyframes sc-bump-pop-1-b-feuzhdi2vg {
    0%   { transform: scale(1); }
    35%  { transform: scale(1.18); }
    70%  { transform: scale(0.96); }
    100% { transform: scale(1); }
}
/* /Components/Scorecard/LineupEditor.razor.rz.scp.css */
.le-wrap[b-vjv7by22jk] {
    display: flex;
    flex-direction: column;
    gap: .75rem;
    width: 100%;
    max-width: 420px;
    margin: 0 auto;
    color: #fff;
    font-family: 'Bricolage Grotesque', system-ui, sans-serif;
}

.le-header[b-vjv7by22jk] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    padding: .4rem .75rem;
    background: color-mix(in oklch, var(--team-color) 18%, oklch(0.12 0.02 260));
    border: 2px solid color-mix(in oklch, var(--team-color) 55%, transparent);
    border-radius: 12px;
}

.le-team-name[b-vjv7by22jk] {
    font-size: 1rem;
    font-weight: 700;
    color: var(--team-color);
}

.le-status[b-vjv7by22jk] {
    font-size: .75rem;
    color: #aaa;
}

/* ── Cancha ── */
.le-court[b-vjv7by22jk] {
    border: 2px solid oklch(0.4 0.05 260);
    border-radius: 14px;
    overflow: hidden;
    background: oklch(0.14 0.02 260);
}

.le-net[b-vjv7by22jk] {
    background: oklch(0.25 0.04 260);
    text-align: center;
    font-size: .6rem;
    font-weight: 800;
    letter-spacing: .15em;
    color: oklch(0.6 0.05 260);
    padding: .25rem 0;
    border-bottom: 2px dashed oklch(0.35 0.05 260);
}

.le-zones[b-vjv7by22jk] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 4px;
    padding: 6px;
}

.le-zone[b-vjv7by22jk] {
    aspect-ratio: 1;
    border: 2px solid oklch(0.3 0.04 260);
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .25rem;
    cursor: pointer;
    transition: border-color .12s, background .12s;
    position: relative;
    min-height: 64px;
}

.le-zone:hover[b-vjv7by22jk]          { border-color: oklch(0.55 0.1 260); background: oklch(0.18 0.03 260); }
.le-zone.zone-selected[b-vjv7by22jk]  { border-color: oklch(0.75 0.22 248); background: oklch(0.2 0.05 260); }
.le-zone.zone-highlighted[b-vjv7by22jk] { border-color: oklch(0.7 0.18 140); border-style: dashed; }
.le-zone.serve-zone[b-vjv7by22jk]     { background: oklch(0.13 0.025 70 / .3); }

.le-zone-label[b-vjv7by22jk] {
    font-size: .6rem;
    font-weight: 700;
    letter-spacing: .05em;
    color: #666;
    line-height: 1;
}

/* ── Chips ── */
.le-chip[b-vjv7by22jk] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    border: 2px solid transparent;
    cursor: pointer;
    transition: border-color .12s, transform .1s;
    -webkit-tap-highlight-color: transparent;
    user-select: none;
}

.le-chip.placed[b-vjv7by22jk] {
    width: 48px;
    height: 48px;
    background: color-mix(in oklch, var(--team-color) 22%, oklch(0.15 0.02 260));
    border-color: var(--team-color);
}

.le-chip.bench-chip[b-vjv7by22jk] {
    flex-direction: row;
    gap: .35rem;
    padding: .4rem .65rem;
    background: oklch(0.2 0.025 260);
    border-color: oklch(0.38 0.05 260);
}

.le-chip.bench-chip.selected[b-vjv7by22jk] {
    border-color: oklch(0.75 0.22 248);
    background: oklch(0.22 0.06 260);
}

.le-chip.on-court[b-vjv7by22jk] {
    flex-direction: row;
    gap: .35rem;
    padding: .4rem .65rem;
    background: color-mix(in oklch, var(--team-color) 14%, oklch(0.15 0.02 260));
    border-color: color-mix(in oklch, var(--team-color) 50%, transparent);
}

.le-chip.on-court.selected-zone[b-vjv7by22jk] {
    border-color: oklch(0.75 0.22 248);
}

.le-chip-num[b-vjv7by22jk] {
    font-family: 'JetBrains Mono', ui-monospace, monospace;
    font-size: .9rem;
    font-weight: 800;
    color: #fff;
}

.le-chip-name[b-vjv7by22jk] {
    font-size: .7rem;
    color: #bbb;
}

.le-chip:active[b-vjv7by22jk] { transform: scale(.93); }

/* ── Banca ── */
.le-bench-label[b-vjv7by22jk] {
    font-size: .72rem;
    color: #888;
    font-weight: 600;
    letter-spacing: .04em;
    text-transform: uppercase;
    padding: 0 .25rem;
}

.le-bench[b-vjv7by22jk] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

/* ── Botón confirmar ── */
.le-confirm-btn[b-vjv7by22jk] {
    margin-top: .25rem;
    padding: .85rem 1rem;
    border-radius: 999px;
    border: none;
    background: oklch(0.55 0.2 140);
    color: #fff;
    font-size: 1rem;
    font-weight: 700;
    cursor: pointer;
    width: 100%;
    transition: opacity .15s;
    -webkit-tap-highlight-color: transparent;
}

.le-confirm-btn:disabled[b-vjv7by22jk] {
    background: oklch(0.3 0.03 260);
    color: #666;
    cursor: not-allowed;
}

.le-confirm-btn:not(:disabled):active[b-vjv7by22jk] { opacity: .8; }
/* /Components/Scorecard/LocosLogo.razor.rz.scp.css */
.logo-sticker[b-kih3pk81x0] {
    position: relative;
    display: inline-flex;
    align-items: center;
    background: linear-gradient(135deg, oklch(0.72 0.2 35) 0%, oklch(0.7 0.21 5) 50%, oklch(0.68 0.21 280) 100%);
    box-shadow: 0 4px 0 oklch(0.25 0.05 260), 0 8px 18px -4px rgba(0,0,0,0.6);
    transform: rotate(-3deg);
    flex-shrink: 0;
}

.logo-wordmark[b-kih3pk81x0] {
    display: flex;
    flex-direction: column;
    line-height: 0.92;
    font-family: 'Archivo Black', system-ui, sans-serif;
    color: #fff;
    text-shadow: 0 2px 0 rgba(0,0,0,0.45);
    letter-spacing: 0.5px;
}
/* /Components/Scorecard/PointButton.razor.rz.scp.css */
.point-btn[b-f9s0ltos59] {
    flex: 1;
    position: relative;
    padding: 12px;
    background: linear-gradient(180deg, var(--team-color) 0%,
                color-mix(in oklch, var(--team-color), black 25%) 100%);
    color: #0a0a0a;
    font-family: 'Archivo Black', system-ui, sans-serif;
    font-weight: normal;
    font-size: 16px;
    border: 2px solid #fff;
    border-radius: 10px;
    box-shadow: 0 4px 0 oklch(0.2 0.02 260),
                0 0 20px color-mix(in oklch, var(--team-color), transparent 75%);
    letter-spacing: 0.04em;
    transition: background 180ms, color 180ms, border-color 180ms,
                box-shadow 180ms, transform 80ms;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    overflow: hidden;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    user-select: none;
}

.point-btn:active:not(:disabled)[b-f9s0ltos59] {
    transform: translateY(2px);
    box-shadow: 0 2px 0 oklch(0.2 0.02 260),
                0 0 20px color-mix(in oklch, var(--team-color), transparent 75%);
}

.point-btn:disabled[b-f9s0ltos59] {
    opacity: 0.5;
    cursor: not-allowed;
}

.point-btn.pending[b-f9s0ltos59] {
    background: linear-gradient(180deg, oklch(0.22 0.02 260) 0%, oklch(0.16 0.02 260) 100%);
    color: #fff;
    border-color: var(--team-color);
    box-shadow: 0 4px 0 oklch(0.15 0.02 260),
                0 0 16px color-mix(in oklch, var(--team-color), transparent 60%);
}

.point-btn .plus-one[b-f9s0ltos59] {
    font-family: 'Bricolage Grotesque', system-ui, sans-serif;
    font-weight: 800;
    font-size: 22px;
    line-height: 1;
}

.undo-ring[b-f9s0ltos59] {
    flex: 0 0 auto;
}

.ring-track[b-f9s0ltos59] {
    fill: none;
    stroke: color-mix(in oklch, var(--team-color), transparent 75%);
    stroke-width: 3;
}

.ring-progress[b-f9s0ltos59] {
    fill: none;
    stroke: var(--team-color);
    stroke-width: 3;
    stroke-dasharray: 113.097;
    stroke-dashoffset: 113.097;
    stroke-linecap: round;
    filter: drop-shadow(0 0 4px var(--team-color));
    animation: pb-ring-fill-b-f9s0ltos59 2500ms linear forwards;
}

.ring-icon[b-f9s0ltos59] {
    fill: none;
    stroke: #fff;
    stroke-width: 2.4;
    stroke-linecap: round;
    stroke-linejoin: round;
}

@keyframes pb-ring-fill-b-f9s0ltos59 {
    from { stroke-dashoffset: 113.097; }
    to   { stroke-dashoffset: 0; }
}
/* /Components/Scorecard/RotationOverlay.razor.rz.scp.css */
.ro-backdrop[b-95hwxwhyro] {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.78);
    z-index: 10000;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    animation: ro-fadein-b-95hwxwhyro .2s ease-out;
}

.ro-panel[b-95hwxwhyro] {
    width: 100%;
    max-width: 480px;
    max-height: 90dvh;
    overflow-y: auto;
    background: oklch(0.16 0.022 260);
    border: 2px solid oklch(0.38 0.06 260);
    border-bottom: none;
    border-radius: 20px 20px 0 0;
    padding: 1.25rem 1rem 2rem;
    display: flex;
    flex-direction: column;
    gap: .9rem;
    animation: ro-slidein-b-95hwxwhyro .25s cubic-bezier(.34,1.56,.64,1);
    color: #fff;
    font-family: 'Bricolage Grotesque', system-ui, sans-serif;
}

/* ── Header ── */
.ro-header[b-95hwxwhyro] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.ro-title[b-95hwxwhyro] {
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: .03em;
    color: #ddd;
}

.ro-close[b-95hwxwhyro] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: 2px solid oklch(0.35 0.05 260);
    background: transparent;
    color: #aaa;
    font-size: 1rem;
    cursor: pointer;
    display: grid;
    place-items: center;
}

/* ── Tabs de equipo ── */
.ro-team-tabs[b-95hwxwhyro] {
    display: flex;
    gap: 6px;
}

.ro-tab[b-95hwxwhyro] {
    flex: 1;
    padding: .55rem .5rem;
    border-radius: 12px;
    border: 2px solid oklch(0.35 0.05 260);
    background: transparent;
    color: #888;
    font-size: .85rem;
    font-weight: 700;
    cursor: pointer;
    transition: border-color .12s, color .12s, background .12s;
    -webkit-tap-highlight-color: transparent;
}

.ro-tab.active[b-95hwxwhyro] {
    border-color: var(--tc);
    background: color-mix(in oklch, var(--tc) 15%, transparent);
    color: var(--tc);
}

/* ── Cancha ── */
.ro-court[b-95hwxwhyro] {
    border: 2px solid oklch(0.32 0.05 260);
    border-radius: 14px;
    overflow: hidden;
    background: oklch(0.13 0.018 260);
}

.ro-net[b-95hwxwhyro] {
    background: oklch(0.22 0.04 260);
    text-align: center;
    font-size: .55rem;
    font-weight: 800;
    letter-spacing: .15em;
    color: oklch(0.5 0.05 260);
    padding: .2rem 0;
    border-bottom: 2px dashed oklch(0.3 0.05 260);
}

.ro-zones[b-95hwxwhyro] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 4px;
    padding: 6px;
}

.ro-zone[b-95hwxwhyro] {
    aspect-ratio: 1;
    border: 2px solid oklch(0.28 0.04 260);
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .2rem;
    cursor: pointer;
    transition: border-color .12s, background .12s;
    min-height: 56px;
}

.ro-zone:hover[b-95hwxwhyro]        { border-color: oklch(0.5 0.1 260); }
.ro-zone.serve-zone[b-95hwxwhyro]   { background: oklch(0.12 0.025 70 / .35); }
.ro-zone.sub-src[b-95hwxwhyro]      { border-color: oklch(0.75 0.22 248); background: oklch(0.18 0.05 260); }

.ro-zone-lbl[b-95hwxwhyro] {
    font-size: .58rem;
    font-weight: 700;
    letter-spacing: .04em;
    color: #555;
}

.ro-chip[b-95hwxwhyro] {
    background: color-mix(in oklch, var(--tc, oklch(0.7 0.21 248)) 20%, oklch(0.18 0.02 260));
    border: 2px solid color-mix(in oklch, var(--tc, oklch(0.7 0.21 248)) 60%, transparent);
    border-radius: 8px;
    padding: .25rem .45rem;
    font-family: 'JetBrains Mono', ui-monospace, monospace;
    font-size: .8rem;
    font-weight: 800;
    color: #fff;
}

.ro-chip.server[b-95hwxwhyro] {
    background: color-mix(in oklch, oklch(0.75 0.22 90) 25%, oklch(0.18 0.02 260));
    border-color: oklch(0.75 0.22 90);
    color: oklch(0.95 0.15 90);
}

/* ── Sustitución ── */
.ro-sub-section[b-95hwxwhyro] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
}

.ro-sub-label[b-95hwxwhyro] {
    font-size: .72rem;
    color: #888;
    font-weight: 600;
    letter-spacing: .03em;
    text-transform: uppercase;
}

.ro-bench[b-95hwxwhyro] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.ro-bench-chip[b-95hwxwhyro] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: .45rem .65rem;
    border-radius: 10px;
    border: 2px solid color-mix(in oklch, var(--tc) 45%, oklch(0.35 0.05 260));
    background: color-mix(in oklch, var(--tc) 12%, oklch(0.16 0.022 260));
    color: #fff;
    font-family: 'JetBrains Mono', ui-monospace, monospace;
    font-size: .85rem;
    font-weight: 800;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    transition: border-color .12s, background .12s;
}

.ro-bench-chip:hover[b-95hwxwhyro]   { border-color: var(--tc); }
.ro-bench-chip:active[b-95hwxwhyro]  { transform: scale(.94); }

.ro-bench-name[b-95hwxwhyro] {
    font-family: 'Bricolage Grotesque', system-ui, sans-serif;
    font-size: .65rem;
    font-weight: 400;
    color: #aaa;
    margin-top: .1rem;
}

.ro-no-lineup[b-95hwxwhyro] {
    font-size: .85rem;
    color: #666;
    text-align: center;
    padding: .75rem 0;
}

@keyframes ro-fadein-b-95hwxwhyro  { from { opacity: 0; }              to { opacity: 1; } }
@keyframes ro-slidein-b-95hwxwhyro { from { transform: translateY(40px); opacity: 0; } to { transform: translateY(0); opacity: 1; } }
/* /Components/Scorecard/Scorecard.razor.rz.scp.css */
/* ── Root board ── */
.board[b-uvkzvmncxg] {
    position: fixed;
    inset: 0;
    width: 100dvw;
    height: 100dvh;
    min-height: 100dvh;
    background: linear-gradient(180deg, oklch(0.18 0.022 260) 0%, oklch(0.1 0.018 260) 100%);
    overflow: hidden;
    color: #fff;
    font-family: 'Bricolage Grotesque', system-ui, sans-serif;
    isolation: isolate;
}

.header-logo[b-uvkzvmncxg] {
    height: clamp(36px, 6vh, 56px);
    width: auto;
    object-fit: contain;
}

/* ── Background split halos ── */
.bg-split[b-uvkzvmncxg] {
    position: absolute;
    inset: 0;
    display: flex;
    z-index: 0;
}

.halo-a[b-uvkzvmncxg] {
    flex: 1;
    background: radial-gradient(ellipse at 30% 70%, var(--a) -40%, transparent 55%);
    opacity: 0.6;
}

.halo-b[b-uvkzvmncxg] {
    flex: 1;
    background: radial-gradient(ellipse at 70% 70%, var(--b) -40%, transparent 55%);
    opacity: 0.6;
}

/* ── CRT effects ── */
.crt-vignette[b-uvkzvmncxg] {
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse at center, transparent 50%, rgba(0,0,0,0.55) 100%);
    pointer-events: none;
    z-index: 3;
}

.crt-sweep[b-uvkzvmncxg] {
    position: absolute;
    inset: 0;
    background: linear-gradient(
        180deg,
        transparent 0%,
        transparent 35%,
        rgba(255,255,255,0.04) 50%,
        transparent 65%,
        transparent 100%
    );
    pointer-events: none;
    z-index: 3;
    animation: sc-crt-sweep-b-uvkzvmncxg 4s linear infinite;
}

/* ── Top bar ── */
.top-bar[b-uvkzvmncxg] {
    position: absolute;
    top: 8px;
    left: 8px;
    right: 8px;
    height: 40px;
    display: flex;
    align-items: center;
    gap: 8px;
    z-index: 5;
}

.top-grow[b-uvkzvmncxg] { flex: 1; }

.meta-pills[b-uvkzvmncxg] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 6px 14px;
    border-radius: 10px;
    background: oklch(0.18 0.02 260 / 0.85);
    backdrop-filter: blur(2px);
    border: 2px solid oklch(0.4 0.05 260);
    box-shadow: 0 3px 0 oklch(0.25 0.04 260);
}

.pill[b-uvkzvmncxg] {
    font-family: 'JetBrains Mono', ui-monospace, monospace;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.12em;
    color: oklch(0.7 0.02 260);
}

.timer-display[b-uvkzvmncxg] {
    font-family: 'JetBrains Mono', ui-monospace, monospace;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.04em;
    color: oklch(0.85 0.18 90);
}

.exit-btn[b-uvkzvmncxg] {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background: oklch(0.6 0.22 25);
    color: #fff;
    border: 2px solid oklch(0.35 0.18 25);
    box-shadow: 0 3px 0 oklch(0.3 0.16 25);
    display: grid;
    place-items: center;
    font-family: 'Archivo Black', system-ui, sans-serif;
    font-weight: normal;
    font-size: 18px;
    cursor: pointer;
    flex-shrink: 0;
    -webkit-tap-highlight-color: transparent;
    transition: opacity 0.1s;
}

.exit-btn:hover[b-uvkzvmncxg]  { opacity: 0.85; }
.exit-btn:active[b-uvkzvmncxg] { transform: translateY(2px); box-shadow: 0 1px 0 oklch(0.3 0.16 25); }

.rotation-btn[b-uvkzvmncxg] {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background: oklch(0.22 0.04 260);
    color: #fff;
    border: 2px solid oklch(0.42 0.08 260);
    box-shadow: 0 3px 0 oklch(0.18 0.04 260);
    display: grid;
    place-items: center;
    font-size: 18px;
    cursor: pointer;
    flex-shrink: 0;
    -webkit-tap-highlight-color: transparent;
    transition: border-color .12s, background .12s;
}

.rotation-btn:hover[b-uvkzvmncxg]  { border-color: oklch(0.65 0.18 248); background: oklch(0.26 0.06 260); }
.rotation-btn:active[b-uvkzvmncxg] { transform: translateY(2px); box-shadow: 0 1px 0 oklch(0.18 0.04 260); }

/* ── Panels area ── */
.panels[b-uvkzvmncxg] {
    position: absolute;
    top: 56px;
    bottom: 8px;
    left: 8px;
    right: 8px;
    display: flex;
    gap: 8px;
    z-index: 2;
}

/* ── VS badge ── */
.vs-badge[b-uvkzvmncxg] {
    position: absolute;
    top: 96px;
    left: 50%;
    transform: translateX(-50%) rotate(-6deg);
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: #fff;
    border: 4px solid oklch(0.18 0.02 260);
    box-shadow: 0 4px 0 oklch(0.18 0.02 260);
    display: grid;
    place-items: center;
    font-family: 'Archivo Black', system-ui, sans-serif;
    font-weight: normal;
    font-size: 22px;
    color: #0a0a0a;
    letter-spacing: -0.02em;
    z-index: 6;
    pointer-events: none;
    line-height: 1;
}

/* ── Keyframes ── */
@keyframes sc-crt-sweep-b-uvkzvmncxg {
    0%   { transform: translateY(-100%); }
    100% { transform: translateY(100%);  }
}

/* ── Set-end overlay ── */
.set-end-overlay[b-uvkzvmncxg] {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.82);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    animation: fadeIn-b-uvkzvmncxg .25s ease-out;
}

.set-end-card[b-uvkzvmncxg] {
    background: #1a1a2e;
    border: 2px solid #4CAF50;
    border-radius: 20px;
    padding: 2.5rem 3rem;
    text-align: center;
    color: white;
    min-width: 280px;
    animation: scaleIn-b-uvkzvmncxg .3s cubic-bezier(.34,1.56,.64,1);
}

.set-end-trophy[b-uvkzvmncxg] { font-size: 3rem; margin-bottom: .5rem; }
.set-end-title[b-uvkzvmncxg]  { font-size: 1rem; color: #aaa; margin: 0; }
.set-end-winner[b-uvkzvmncxg] { font-size: 1.8rem; font-weight: 700; color: #4CAF50; margin: .25rem 0; }
.set-end-score[b-uvkzvmncxg]  { font-size: 2.5rem; font-weight: 900; margin: 0; }

.set-end-btn[b-uvkzvmncxg] {
    margin-top: 1.5rem;
    padding: .75rem 2rem;
    min-height: 48px;
    background: #4CAF50;
    color: white;
    border: none;
    border-radius: 999px;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
}

@keyframes fadeIn-b-uvkzvmncxg  { from { opacity: 0; } to { opacity: 1; } }
@keyframes scaleIn-b-uvkzvmncxg { from { transform: scale(.85); opacity: 0; } to { transform: scale(1); opacity: 1; } }

/* ── Portrait fallback ── */
@media (orientation: portrait) and (max-width: 900px) {
    .board[b-uvkzvmncxg]::before {
        content: "Gira tu teléfono 📱";
        position: fixed;
        inset: 0;
        background: var(--sb-bg, #1a1c24);
        color: #fff;
        font-size: 1.4rem;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 9999;
    }
}
/* /Components/Scorecard/ServeBall.razor.rz.scp.css */
.serve[b-f0vbla8k5l] {
    position: absolute;
    top: 64px;
    transform: translateX(-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
    z-index: 4;
    pointer-events: none;
    transition: left 700ms cubic-bezier(.6,.0,.2,1.4);
}

.serve-label[b-f0vbla8k5l] {
    font-family: 'JetBrains Mono', ui-monospace, monospace;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.25em;
    color: oklch(0.7 0.02 260);
    text-transform: uppercase;
}

.serve-ball-wrap[b-f0vbla8k5l] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.serve-glow[b-f0vbla8k5l] {
    position: absolute;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: rgba(255,255,255,0.15);
    animation: sc-serve-glow-b-f0vbla8k5l 1.4s ease-in-out infinite;
}

.serve-ball[b-f0vbla8k5l] {
    position: relative;
    z-index: 1;
    animation: sc-serve-spin-b-f0vbla8k5l 4s linear infinite;
}

@keyframes sc-serve-glow-b-f0vbla8k5l {
    0%, 100% { transform: scale(1);   opacity: 0.4; }
    50%       { transform: scale(1.2); opacity: 1;   }
}

@keyframes sc-serve-spin-b-f0vbla8k5l {
    to { transform: rotate(360deg); }
}
/* /Components/Scorecard/TeamPanel.razor.rz.scp.css */
/* ── Panel ── */
.panel[b-fu86yew9bs] {
    flex: 1;
    position: relative;
    border-radius: 14px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    padding: 12px;
    gap: 8px;
    border: 3px solid var(--tc);
    background:
        radial-gradient(circle at var(--grad-pos), color-mix(in srgb, var(--tc) 19%, transparent) -15%, transparent 55%),
        oklch(0.13 0.018 260 / 0.85);
    box-shadow:
        inset 0 0 30px color-mix(in srgb, var(--tc) 25%, transparent),
        0 0 24px color-mix(in srgb, var(--tc) 19%, transparent);
}

/* ── Team header ── */
.team-header[b-fu86yew9bs] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 10px;
    flex-direction: row;
}


.shield[b-fu86yew9bs] {
    width: 53px;
    height: 46px;
    border-radius: 10px;
    background: var(--tc);
    color: #0a0a0a;
    display: grid;
    place-items: center;
    font-family: 'Archivo Black', system-ui, sans-serif;
    font-size: 19px;
    font-weight: normal;
    box-shadow: 0 3px 0 rgba(0,0,0,0.4);
    border: 2px solid #fff;
    flex-shrink: 0;
}

.team-info[b-fu86yew9bs] {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-width: 0;
    align-items: flex-start;
}

.panel-right .team-info[b-fu86yew9bs] {
    align-items: flex-end;
}

.team-name-row[b-fu86yew9bs] {
    display: flex;
    align-items: center;
    gap: .4rem;
}

.serve-dot[b-fu86yew9bs] {
    font-size: 1.1rem;
    animation: servePulse-b-fu86yew9bs 1.2s ease-in-out infinite;
}

@keyframes servePulse-b-fu86yew9bs {
    0%,100% { opacity: 1; transform: scale(1); }
    50%      { opacity: .6; transform: scale(.85); }
}

.team-name[b-fu86yew9bs] {
    font-family: 'Archivo Black', system-ui, sans-serif;
    font-weight: normal;
    font-size: 16px;
    color: #fff;
    line-height: 1;
    text-shadow: 0 0 8px rgba(0,0,0,0.5);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}

/* ── Set dots ── */
.set-dots[b-fu86yew9bs] {
    display: flex;
    gap: 4px;
    margin-top: 4px;
}

.dot[b-fu86yew9bs] {
    width: 14px;
    height: 8px;
    border-radius: 2px;
    background: oklch(0.25 0.02 260);
    transition: background 0.2s, box-shadow 0.2s;
}

.dot-on[b-fu86yew9bs] {
    background: var(--tc);
    box-shadow: 0 0 8px var(--tc);
}

/* ── ON FIRE banner ── */
.fire-banner[b-fu86yew9bs] {
    position: absolute;
    top: 56px;
    left: 50%;
    transform: translateX(-50%) rotate(-4deg);
    padding: 4px 14px;
    background: linear-gradient(90deg, oklch(0.65 0.22 30), oklch(0.78 0.2 70));
    color: #fff;
    font-family: 'Archivo Black', system-ui, sans-serif;
    font-weight: normal;
    font-size: 12px;
    letter-spacing: 0.12em;
    border-radius: 6px;
    box-shadow: 0 3px 0 oklch(0.3 0.15 30), 0 0 18px oklch(0.78 0.2 70);
    border: 2px solid #fff;
    animation: sc-fire-shake-b-fu86yew9bs 0.6s ease-in-out infinite;
    z-index: 7;
    white-space: nowrap;
    pointer-events: none;
}

@keyframes sc-fire-shake-b-fu86yew9bs {
    0%, 100% { transform: translateX(-50%) rotate(-4deg); }
    50%       { transform: translateX(-50%) rotate(4deg);  }
}

/* ── Score area ── */
.score-area[b-fu86yew9bs] {
    container-type: size;
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.ghost-score[b-fu86yew9bs] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Bricolage Grotesque', system-ui, sans-serif;
    font-weight: 800;
    font-size: clamp(96px, 135cqh, 240px);
    font-variation-settings: "opsz" 96;
    line-height: 1;
    letter-spacing: -0.06em;
    opacity: 0.1;
    color: var(--tc);
    pointer-events: none;
    user-select: none;
}

/* ── Set chips ── */
.set-chips[b-fu86yew9bs] {
    flex: 0 0 auto;
    display: flex;
    gap: 4px;
    justify-content: flex-start;
}

.panel-right .set-chips[b-fu86yew9bs] {
    justify-content: flex-end;
}

.chip[b-fu86yew9bs] {
    min-width: 22px;
    padding: 3px 6px;
    border-radius: 4px;
    font-family: 'JetBrains Mono', ui-monospace, monospace;
    font-size: 10px;
    font-weight: 700;
    text-align: center;
}

.chip-won[b-fu86yew9bs] {
    background: var(--tc);
    color: #0a0a0a;
}

.chip-lost[b-fu86yew9bs] {
    border: 1px solid oklch(0.3 0.02 260);
    color: oklch(0.5 0.02 260);
}

/* ── Actions ── */
.actions[b-fu86yew9bs] {
    flex: 0 0 auto;
    display: flex;
    gap: 8px;
}

.undo-btn[b-fu86yew9bs] {
    width: 48px;
    background: oklch(0.22 0.02 260);
    color: #fff;
    border: 2px solid oklch(0.4 0.04 260);
    border-radius: 10px;
    box-shadow: 0 4px 0 oklch(0.15 0.02 260);
    display: grid;
    place-items: center;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    transition: transform 80ms, opacity 0.1s;
}

.undo-btn:disabled[b-fu86yew9bs] {
    opacity: 0.5;
    cursor: not-allowed;
    color: oklch(0.4 0.02 260);
}

.undo-btn:active:not(:disabled)[b-fu86yew9bs] {
    transform: translateY(2px);
    box-shadow: 0 2px 0 oklch(0.15 0.02 260);
}
/* /Components/Scorecard/VictoryOverlay.razor.rz.scp.css */
.victory-wrap[b-155jcxbby7] {
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse at center, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.92) 70%);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    z-index: 50;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    animation: sc-victory-fade-b-155jcxbby7 350ms ease both;
}

.confetti-canvas[b-155jcxbby7] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

/* ── Pulsing rings ── */
.rings-wrap[b-155jcxbby7] {
    position: absolute;
    top: 42%;
    left: 50%;
    width: 420px;
    height: 420px;
    transform: translate(-50%, -50%);
    pointer-events: none;
}

.ring[b-155jcxbby7] {
    position: absolute;
    inset: 0;
    border-radius: 50%;
    border: 4px solid;
    animation: sc-ring-pulse-b-155jcxbby7 1600ms ease-out infinite;
}

/* ── Trophy ── */
.trophy-wrap[b-155jcxbby7] {
    animation: sc-trophy-drop-b-155jcxbby7 800ms cubic-bezier(.2,.9,.3,1.2) both;
    margin-bottom: 4px;
    position: relative;
    z-index: 2;
}

/* ── Winner tag ── */
.winner-tag[b-155jcxbby7] {
    font-family: 'JetBrains Mono', ui-monospace, monospace;
    font-size: 11px;
    letter-spacing: 0.3em;
    color: oklch(0.7 0.02 260);
    margin-bottom: 10px;
    animation: sc-stats-rise-b-155jcxbby7 700ms ease 200ms both;
    position: relative;
    z-index: 2;
}

/* ── Winner name ── */
.winner-name[b-155jcxbby7] {
    font-family: 'Archivo Black', system-ui, sans-serif;
    font-weight: normal;
    font-size: clamp(48px, 11vw, 110px);
    line-height: 0.9;
    text-align: center;
    color: #fff;
    animation: sc-name-slam-b-155jcxbby7 700ms cubic-bezier(.2,.9,.3,1.2) 100ms both;
    padding: 0 16px;
    position: relative;
    z-index: 2;
}

/* ── Sets summary ── */
.sets-summary[b-155jcxbby7] {
    margin-top: 18px;
    display: flex;
    align-items: center;
    gap: 14px;
    animation: sc-stats-rise-b-155jcxbby7 700ms ease 500ms both;
    position: relative;
    z-index: 2;
}

.sets-label[b-155jcxbby7] {
    font-family: 'JetBrains Mono', ui-monospace, monospace;
    font-size: 12px;
    letter-spacing: 0.2em;
    color: oklch(0.7 0.02 260);
}

.sets-chips[b-155jcxbby7] {
    display: flex;
    gap: 6px;
    align-items: center;
}

.set-chip[b-155jcxbby7] {
    padding: 6px 10px;
    border-radius: 8px;
    font-family: 'JetBrains Mono', ui-monospace, monospace;
    font-size: 13px;
    font-weight: 700;
}

.set-chip-won[b-155jcxbby7]  { /* background + color applied via inline style */ }
.set-chip-lost[b-155jcxbby7] { background: oklch(0.25 0.02 260); color: oklch(0.7 0.02 260); }

/* ── Buttons ── */
.victory-buttons[b-155jcxbby7] {
    position: absolute;
    bottom: 24px;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    gap: 10px;
    animation: sc-stats-rise-b-155jcxbby7 700ms ease 800ms both;
}

.btn-new[b-155jcxbby7] {
    padding: 12px 22px;
    border-radius: 999px;
    background: #fff;
    color: #0a0a0a;
    font-family: 'Bricolage Grotesque', system-ui, sans-serif;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: 0.04em;
    border: none;
    box-shadow: 0 6px 0 oklch(0.55 0.02 260), 0 8px 30px rgba(0,0,0,0.4);
    cursor: pointer;
    transition: opacity 0.1s;
}
.btn-new:hover[b-155jcxbby7] { opacity: 0.9; }
.btn-new:active[b-155jcxbby7] { transform: translateY(2px); }

.btn-menu[b-155jcxbby7] {
    padding: 12px 22px;
    border-radius: 999px;
    background: transparent;
    color: #fff;
    border: 2px solid oklch(0.5 0.02 260);
    font-family: 'Bricolage Grotesque', system-ui, sans-serif;
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 0.04em;
    cursor: pointer;
    transition: opacity 0.1s;
}
.btn-menu:hover[b-155jcxbby7] { opacity: 0.8; }

/* ── Keyframes ── */
@keyframes sc-victory-fade-b-155jcxbby7 {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@keyframes sc-trophy-drop-b-155jcxbby7 {
    0%   { transform: translateY(-120%) rotate(-25deg); opacity: 0; }
    60%  { transform: translateY(8%)    rotate(6deg);   opacity: 1; }
    80%  { transform: translateY(-2%)   rotate(-3deg);              }
    100% { transform: translateY(0)     rotate(0);                  }
}

@keyframes sc-name-slam-b-155jcxbby7 {
    0%   { transform: scale(2.4);  opacity: 0; letter-spacing: 0.4em;  }
    60%  { transform: scale(0.95);             letter-spacing: -0.02em; }
    100% { transform: scale(1);    opacity: 1; letter-spacing: 0;       }
}

@keyframes sc-ring-pulse-b-155jcxbby7 {
    0%   { transform: scale(0.4); opacity: 0.9; }
    100% { transform: scale(2.4); opacity: 0;   }
}

@keyframes sc-stats-rise-b-155jcxbby7 {
    from { transform: translateY(20px); opacity: 0; }
    to   { transform: translateY(0);    opacity: 1; }
}