/* _content/LeagueManager02/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;
    }
}
/* _content/LeagueManager02/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;
    }
}
/* _content/LeagueManager02/Components/Layout/MainLayout.razor.rz.scp.css */
/* blazor-error-ui styles are defined globally in wwwroot/app.css */
/* _content/LeagueManager02/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;
}
/* _content/LeagueManager02/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; }
}
/* _content/LeagueManager02/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; }
}
/* _content/LeagueManager02/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;
    }
}
/* _content/LeagueManager02/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; }

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

@media (max-width: 680px) {
    .u-field-row-2[b-p6nxymv539]     { grid-template-columns: 1fr; }
    .summary-grid[b-p6nxymv539]      { grid-template-columns: 1fr; }
}
/* _content/LeagueManager02/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;
}
/* _content/LeagueManager02/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; }
}
/* _content/LeagueManager02/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;
    }
/* _content/LeagueManager02/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;
    }


/* _content/LeagueManager02/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: center;
}

.titulo-texto[b-w84vk1bz5k] {
    background-color: #000;
    color: #fff;
    padding: 0.5rem 1.5rem;
    border-radius: 4px;
    font-size: 1rem;
    font-weight: bold;
    display: inline-block;
    box-shadow: 0 2px 6px rgba(0,0,0,0.2);
    padding-top: 0.1rem;
    padding-bottom: 0.1rem;
}

/* Celda A2+A3: cancha */
.celda-cancha[b-w84vk1bz5k] {
    font-size: 1rem;
    font-weight: 500;
    background-color: #d0d0ff;
    font-style: italic;
    display: flex;
    justify-content: flex-end; /* alinea todo a la derecha */
    align-items: center;
    gap: 0.5rem; /* espacio entre hora y cancha */
    padding-right: 0.5rem;
    flex: 1.2; /* incrementado para dar más espacio */
}

.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;
}
/* _content/LeagueManager02/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: "";
    }
/* _content/LeagueManager02/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;
}
/* _content/LeagueManager02/Components/Pages/TeamStats.razor.rz.scp.css */
.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;
    }


/* _content/LeagueManager02/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);
}