/* /Components/Layout/MainLayout.razor.rz.scp.css */

.skip-link[b-739djkm78g] {
    position: fixed;
    top: 12px;
    left: 12px;
    z-index: 2000;
    transform: translateY(-160%);
    padding: 10px 14px;
    border-radius: var(--radius);
    background: var(--surface-elevated);
    color: var(--text);
    border: 1px solid var(--border);
    box-shadow: var(--shadow-floating);
    font-weight: 700;
    transition: transform var(--transition);
}

.skip-link:focus[b-739djkm78g],
.skip-link:focus-visible[b-739djkm78g] {
    transform: translateY(0);
    outline: none;
    box-shadow: var(--focus-ring), var(--shadow-floating);
}

.app-layout[b-739djkm78g] {
        min-height: 100vh;
        display: flex;
        flex-direction: column;
    }

    .main-content[b-739djkm78g] {
        flex: 1;
        padding: 24px;
        max-width: 1200px;
        width: 100%;
        margin: 0 auto;
    }

    @media (max-width: 768px) {
        .main-content[b-739djkm78g] {
            padding: 16px;
            padding-bottom: 104px;
        }
    }
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.nav-bar[b-rg61plsfb0] {
        background: var(--nav-bg);
        padding: 0 24px;
        position: sticky;
        top: 0;
        z-index: 100;
        box-shadow: var(--shadow-lg);
    }

    .nav-notif[b-rg61plsfb0] {
        position: relative;
    }

    .nav-notif--active[b-rg61plsfb0] {
        color: var(--accent-light) !important;
        background: rgba(var(--accent-rgb), 0.14);
    }

        .nav-notif--active i[b-rg61plsfb0] {
            color: var(--accent-light) !important;
        }

    .nav-notif-badge[b-rg61plsfb0] {
        position: absolute;
        top: -2px;
        right: -2px;
        background: var(--danger);
        color: var(--nav-fg);
        font-size: 0.65rem;
        font-weight: 700;
        min-width: 18px;
        height: 18px;
        border-radius: 999px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0 5px;
        border: 2px solid var(--primary);
        line-height: 1;
    }

    .nav-container[b-rg61plsfb0] {
        max-width: 1200px;
        margin: 0 auto;
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: 56px;
    }

    .nav-brand[b-rg61plsfb0] {
        display: flex;
        align-items: center;
        gap: 10px;
        color: var(--accent);
        font-size: 1.1rem;
        font-weight: 800;
        text-decoration: none;
        flex-shrink: 0;
    }

    .nav-brand-icon[b-rg61plsfb0] {
        background: var(--accent);
        color: var(--text-on-accent);
        width: 30px;
        height: 30px;
        border-radius: 8px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: 800;
        font-size: 0.9rem;
    }

    .nav-logo[b-rg61plsfb0] {
        height: 34px;
        max-width: 150px;
        width: auto;
        object-fit: contain;
        border-radius: 8px;
        background: var(--nav-logo-bg);
        padding: 3px;
    }

    .nav-links[b-rg61plsfb0] {
        display: flex;
        align-items: center;
        gap: 2px;
    }

    .nav-link[b-rg61plsfb0] {
        color: var(--nav-fg-muted);
        padding: 6px 10px;
        border-radius: var(--radius-sm);
        font-size: 0.82rem;
        font-weight: 500;
        transition: all var(--transition);
        display: flex;
        align-items: center;
        gap: 5px;
        text-decoration: none;
        border: none;
        background: none;
        cursor: pointer;
        font-family: inherit;
        white-space: nowrap;
    }

    .nav-link i[b-rg61plsfb0] {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        line-height: 1;
    }

        .nav-link:hover[b-rg61plsfb0] {
            color: var(--nav-fg);
            background: var(--nav-hover-bg);
        }

    .nav-link--profe[b-rg61plsfb0],
    .nav-link--backoffice[b-rg61plsfb0] {
        color: var(--accent);
    }

    .nav-link--active[b-rg61plsfb0] {
        color: var(--nav-fg);
        background: var(--nav-active-bg);
        box-shadow: inset 0 -2px 0 var(--accent);
    }

        .nav-link--active i[b-rg61plsfb0] {
            color: var(--accent-light, var(--accent));
        }

    .nav-divider[b-rg61plsfb0] {
        width: 1px;
        height: 20px;
        background: var(--nav-border);
        margin: 0 4px;
        flex-shrink: 0;
    }

    .nav-dropdown[b-rg61plsfb0] {
        position: relative;
    }

    .nav-dropdown-menu[b-rg61plsfb0] {
        position: absolute;
        top: 100%;
        right: 0;
        margin-top: 6px;
        background: var(--dropdown-bg);
        border: 1px solid var(--border);
        border-radius: var(--radius);
        box-shadow: var(--shadow-lg);
        min-width: 200px;
        padding: 6px;
        z-index: 200;
        animation: dropIn 0.15s ease;
    }

    @@keyframes dropIn {
        from[b-rg61plsfb0] {
            opacity: 0;
            transform: translateY(-6px);
        }

        to[b-rg61plsfb0] {
            opacity: 1;
            transform: translateY(0);
        }
    }

    .nav-dropdown-item[b-rg61plsfb0] {
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 10px 14px;
        border-radius: 8px;
        color: var(--text);
        font-size: 0.88rem;
        font-weight: 500;
        text-decoration: none;
        border: none;
        background: none;
        width: 100%;
        cursor: pointer;
        font-family: inherit;
        transition: background var(--transition);
    }

        .nav-dropdown-item:hover[b-rg61plsfb0] {
            background: var(--dropdown-hover-bg);
        }

    .nav-dropdown-item--danger[b-rg61plsfb0] {
        color: var(--danger);
    }

        .nav-dropdown-item--danger:hover[b-rg61plsfb0] {
            background: var(--danger-bg);
        }

    .nav-dropdown-divider[b-rg61plsfb0] {
        height: 1px;
        background: var(--border-light);
        margin: 4px 0;
    }

    .nav-user-menu[b-rg61plsfb0] {
        flex-shrink: 0;
    }

    .nav-user-button[b-rg61plsfb0] {
        gap: 8px;
        padding: 5px 8px;
        min-height: 40px;
    }

    .nav-user-avatar[b-rg61plsfb0] {
        width: 30px;
        height: 30px;
        border-radius: 999px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        flex: 0 0 30px;
        background: var(--accent);
        color: var(--text-on-accent);
        font-size: 0.8rem;
        font-weight: 800;
        line-height: 1;
        box-shadow: inset 0 0 0 1px rgba(var(--accent-rgb), 0.24);
    }

    .nav-user-info[b-rg61plsfb0] {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 1px;
        min-width: 0;
        line-height: 1.05;
    }

    .nav-user-name[b-rg61plsfb0] {
        color: var(--nav-fg);
        font-size: 0.82rem;
        font-weight: 700;
        max-width: 110px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .nav-user-role[b-rg61plsfb0] {
        color: var(--nav-fg-muted);
        font-size: 0.68rem;
        font-weight: 700;
        letter-spacing: 0.04em;
        text-transform: uppercase;
        max-width: 110px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .nav-dropdown-menu--user[b-rg61plsfb0] {
        min-width: 240px;
    }

    .nav-user-summary[b-rg61plsfb0] {
        display: flex;
        align-items: center;
        gap: 12px;
        padding: 10px 12px;
        border-radius: 10px;
        background: var(--dropdown-hover-bg);
    }

    .nav-user-avatar--large[b-rg61plsfb0] {
        width: 40px;
        height: 40px;
        flex-basis: 40px;
        font-size: 1rem;
    }

    .nav-user-summary-text[b-rg61plsfb0] {
        min-width: 0;
        display: flex;
        flex-direction: column;
        gap: 2px;
    }

    .nav-user-summary-text strong[b-rg61plsfb0],
    .nav-user-summary-text small[b-rg61plsfb0] {
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .nav-user-summary-text strong[b-rg61plsfb0] {
        color: var(--text);
        font-size: 0.9rem;
        font-weight: 800;
    }

    .nav-user-summary-text small[b-rg61plsfb0] {
        color: var(--text-muted);
        font-size: 0.78rem;
        font-weight: 600;
    }

    .nav-dropdown-theme[b-rg61plsfb0] {
        padding: 6px 8px;
    }

    .nav-dropdown-theme[b-rg61plsfb0]  .theme-toggle {
        width: 40px;
        min-width: 40px;
        height: 40px;
        min-height: 40px;
        justify-content: center;
        padding: 0;
        border-radius: 10px;
        border-color: var(--border-light);
        background: var(--surface-muted);
        color: var(--text);
    }

    .nav-dropdown-theme[b-rg61plsfb0]  .theme-toggle:hover,
    .nav-dropdown-theme[b-rg61plsfb0]  .theme-toggle:focus-visible {
        background: var(--dropdown-hover-bg);
        color: var(--primary);
        border-color: var(--border);
    }

    .nav-overlay[b-rg61plsfb0] {
        position: fixed;
        inset: 0;
        z-index: 50;
    }

    .nav-toggle[b-rg61plsfb0] {
        display: none;
        align-items: center;
        justify-content: center;
        width: 42px;
        height: 42px;
        padding: 0;
        background: none;
        border: none;
        color: var(--nav-fg);
        font-size: 1.5rem;
        line-height: 1;
        cursor: pointer;
    }

    .nav-toggle i[b-rg61plsfb0] {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 1em;
        height: 1em;
        line-height: 1;
    }

    @media (max-width: 900px) {
        .nav-text[b-rg61plsfb0] {
            display: none;
        }

        .nav-brand-text[b-rg61plsfb0] {
            display: none;
        }

        .nav-link[b-rg61plsfb0] {
            padding: 6px 8px;
        }

            .nav-link i[b-rg61plsfb0] {
                font-size: 1.1rem;
            }
    }

    @media (max-width: 600px) {
        .nav-toggle[b-rg61plsfb0] {
            display: inline-flex;
            flex: 0 0 42px;
        }

        .nav-links[b-rg61plsfb0] {
            display: none;
            flex-direction: column;
            align-items: stretch;
            gap: 4px;
            position: absolute;
            top: 56px;
            left: 0;
            right: 0;
            background: var(--nav-bg);
            padding: 12px;
            box-shadow: var(--shadow-lg);
            z-index: 150;
        }

        .nav-links--open[b-rg61plsfb0] {
            display: flex;
        }

        .nav-text[b-rg61plsfb0] {
            display: inline;
        }

        .nav-link[b-rg61plsfb0] {
            width: 100%;
            min-height: 44px;
            justify-content: flex-start;
            gap: 10px;
            padding: 12px 16px;
            font-size: 0.9rem;
            line-height: 1.1;
            box-sizing: border-box;
        }

        .nav-link i[b-rg61plsfb0] {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            flex: 0 0 22px;
            width: 22px;
            height: 22px;
            font-size: 1.1rem;
            line-height: 1;
            text-align: center;
        }

        .nav-link .nav-text[b-rg61plsfb0] {
            flex: 1 1 auto;
            min-width: 0;
            line-height: 1.2;
            text-align: left;
        }

        .nav-link > i:last-child:not(:first-child)[b-rg61plsfb0] {
            flex: 0 0 20px;
            width: 20px;
            margin-left: auto;
        }

        .nav-notif[b-rg61plsfb0] {
            justify-content: flex-start;
            gap: 8px;
        }

        .nav-notif-badge[b-rg61plsfb0] {
            position: static;
            top: auto;
            right: auto;
            flex: 0 0 auto;
            margin-left: -4px;
            border-color: var(--nav-bg);
        }

        .nav-user-button[b-rg61plsfb0] {
            min-height: 48px;
            padding: 9px 16px;
        }

        .nav-user-button .nav-user-avatar[b-rg61plsfb0] {
            flex: 0 0 32px;
            width: 32px;
            height: 32px;
        }

        .nav-user-button .nav-user-info[b-rg61plsfb0] {
            flex: 1 1 auto;
        }

        .nav-user-button > i:last-child[b-rg61plsfb0] {
            flex: 0 0 20px;
            margin-left: auto;
        }

        .nav-dropdown-menu--user[b-rg61plsfb0] {
            min-width: 0;
        }

        .nav-user-summary[b-rg61plsfb0] {
            background: var(--nav-hover-bg);
        }

        .nav-dropdown[b-rg61plsfb0] {
            width: 100%;
        }

        .nav-divider[b-rg61plsfb0] {
            width: 100%;
            height: 1px;
            margin: 4px 0;
        }

        .nav-dropdown-menu[b-rg61plsfb0] {
            position: static;
            box-shadow: none;
            border: none;
            background: var(--theme-toggle-bg);
            margin-top: 0;
            padding: 4px 8px;
        }

        .nav-dropdown-item[b-rg61plsfb0] {
            color: var(--nav-fg-muted);
            min-height: 40px;
            justify-content: flex-start;
            padding: 10px 12px;
            line-height: 1.2;
        }

        .nav-dropdown-item i[b-rg61plsfb0] {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            flex: 0 0 22px;
            width: 22px;
            height: 22px;
            line-height: 1;
        }

            .nav-dropdown-item:hover[b-rg61plsfb0] {
                background: var(--nav-hover-bg);
            }

        .nav-dropdown-item--danger[b-rg61plsfb0] {
            color: var(--danger);
        }

        .nav-dropdown-divider[b-rg61plsfb0] {
            background: var(--nav-hover-bg);
        }
    }

html[data-theme="dark"] .nav-dropdown-menu[b-rg61plsfb0] {
    background: var(--dropdown-bg);
    border-color: var(--border-light);
}

html[data-theme="dark"] .nav-dropdown-item:hover[b-rg61plsfb0] {
    background: var(--dropdown-hover-bg);
}


@media (max-width: 600px) {
    .nav-bar--carnet-qr[b-rg61plsfb0] {
        /* Compacta solo la altura/espaciado del carnet. No cambia colores: hereda
           --nav-bg, --nav-fg, --nav-border y demás tokens globales configurables. */
        padding-inline: 12px;
    }

    .nav-bar--carnet-qr .nav-container[b-rg61plsfb0] {
        height: 42px;
    }

    .nav-bar--carnet-qr .nav-brand[b-rg61plsfb0] {
        gap: 7px;
    }

    .nav-bar--carnet-qr .nav-brand-text[b-rg61plsfb0] {
        display: none;
    }

    .nav-bar--carnet-qr .nav-brand-icon[b-rg61plsfb0] {
        width: 26px;
        height: 26px;
        border-radius: 8px;
        font-size: 0.78rem;
    }

    .nav-bar--carnet-qr .nav-logo[b-rg61plsfb0] {
        height: 28px;
        max-width: 118px;
    }

    .nav-bar--carnet-qr .nav-toggle[b-rg61plsfb0] {
        width: 34px;
        height: 34px;
        flex-basis: 34px;
        font-size: 1.22rem;
    }

    .nav-bar--carnet-qr .nav-links[b-rg61plsfb0] {
        top: 42px;
        padding: 10px 12px 12px;
    }
}

/* v54.11.23 - Notificaciones solo dentro del menú de cuenta: evita duplicar la campana en desktop y mobile. */
.nav-dropdown-item--notifications[b-rg61plsfb0] {
    position: relative;
}

.nav-dropdown-item--notifications span:first-of-type[b-rg61plsfb0] {
    flex: 1 1 auto;
}

.nav-dropdown-badge[b-rg61plsfb0] {
    margin-left: auto;
    min-width: 20px;
    height: 20px;
    padding: 0 6px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--danger);
    color: var(--text-on-primary);
    font-size: 0.68rem;
    font-weight: 800;
    line-height: 1;
}



/* v54.11.40.4 - Tema rápido queda solo como botón principal de navbar para evitar duplicación en dropdown. */
.nav-theme-button[b-rg61plsfb0] {
    width: 36px;
    min-width: 36px;
    height: 36px;
    min-height: 36px;
    padding: 0;
    justify-content: center;
    border: 1px solid var(--nav-border);
    background: var(--nav-hover-bg);
    color: var(--nav-fg);
    font-weight: 700;
}

.nav-theme-button:hover[b-rg61plsfb0],
.nav-theme-button:focus-visible[b-rg61plsfb0] {
    color: var(--text-on-accent);
    background: var(--accent);
    border-color: var(--accent);
    outline: none;
}

.nav-theme-button:disabled[b-rg61plsfb0] {
    opacity: 0.65;
    cursor: wait;
}

.nav-theme-button i[b-rg61plsfb0] {
    font-size: 1rem;
}


@media (max-width: 600px) {
    .nav-theme-button[b-rg61plsfb0] {
        width: 44px;
        min-width: 44px;
        height: 44px;
        min-height: 44px;
        justify-content: center;
        padding: 0;
        border: none;
        background: none;
        color: var(--nav-fg-muted);
    }

    .nav-theme-button:hover[b-rg61plsfb0],
    .nav-theme-button:focus-visible[b-rg61plsfb0] {
        color: var(--nav-fg);
        background: var(--nav-hover-bg);
    }
}

/* Selector de sede staff/admin. Debe verse como un elemento más de la navegación, sin borde/estética propia. */
.nav-sede-menu[b-rg61plsfb0] {
    flex-shrink: 1;
    min-width: 0;
}

.nav-sede-button[b-rg61plsfb0] {
    max-width: 230px;
    min-height: auto;
    gap: 5px;
    padding: 6px 10px;
    border: none;
    background: none;
    color: var(--nav-fg-muted);
    border-radius: var(--radius-sm);
    box-shadow: none;
}

.nav-sede-button:hover[b-rg61plsfb0],
.nav-sede-button:focus-visible[b-rg61plsfb0],
.nav-sede-button[aria-expanded="true"][b-rg61plsfb0] {
    color: var(--nav-fg);
    background: var(--nav-hover-bg);
}

.nav-sede-button:disabled[b-rg61plsfb0] {
    opacity: 0.65;
    cursor: wait;
}

.nav-sede-button--single[b-rg61plsfb0] {
    cursor: default;
}

.nav-sede-icon[b-rg61plsfb0] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: inherit;
    line-height: 1;
}

.nav-sede-copy[b-rg61plsfb0] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    min-width: 0;
    line-height: 1;
}

.nav-sede-label[b-rg61plsfb0] {
    color: inherit;
    font-size: 0.82rem;
    font-weight: 500;
    text-transform: none;
    letter-spacing: 0;
}

.nav-sede-label[b-rg61plsfb0]::after {
    content: ':';
}

.nav-sede-text[b-rg61plsfb0] {
    max-width: 130px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--nav-fg);
    font-size: 0.82rem;
    font-weight: 600;
}

.nav-sede-caret[b-rg61plsfb0] {
    color: inherit;
}

.nav-dropdown-menu--sede[b-rg61plsfb0] {
    min-width: 260px;
    max-height: min(420px, calc(100vh - 80px));
    overflow-y: auto;
}

.nav-dropdown-title[b-rg61plsfb0] {
    padding: 8px 12px 6px;
    color: var(--text-muted);
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.nav-sede-item[b-rg61plsfb0] {
    align-items: flex-start;
}

.nav-sede-item span[b-rg61plsfb0] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.nav-sede-item strong[b-rg61plsfb0] {
    color: var(--text);
    font-size: 0.88rem;
    font-weight: 700;
    line-height: 1.15;
}

.nav-sede-item small[b-rg61plsfb0] {
    color: var(--text-muted);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.03em;
}

.nav-sede-item--active[b-rg61plsfb0] {
    background: var(--interactive-soft-bg);
    color: var(--accent);
}

.nav-sede-item--active i[b-rg61plsfb0] {
    color: var(--accent);
}

@media (max-width: 920px) {
    .nav-sede-button[b-rg61plsfb0] {
        max-width: none;
        width: 100%;
        justify-content: flex-start;
    }

    .nav-sede-copy[b-rg61plsfb0] {
        flex: 1 1 auto;
    }

    .nav-sede-text[b-rg61plsfb0] {
        max-width: none;
    }

    .nav-dropdown-menu--sede[b-rg61plsfb0] {
        position: static;
        width: 100%;
        margin-top: 4px;
        box-shadow: none;
    }
}
/* /Components/Layout/SocioBottomNav.razor.rz.scp.css */
.socio-bottom-nav[b-ch8iyb10iq] {
    display: none;
}

@media (max-width: 768px) {
    .socio-bottom-nav[b-ch8iyb10iq] {
        position: fixed;
        left: 50%;
        right: auto;
        bottom: calc(10px + env(safe-area-inset-bottom));
        z-index: 180;
        display: grid;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        align-items: center;
        justify-content: center;
        width: min(calc(100vw - 20px), 420px);
        gap: 0;
        padding: 7px clamp(10px, 3vw, 16px);
        background: var(--bottom-nav-bg);
        border: 1px solid var(--border-light);
        border-radius: 22px;
        box-shadow: var(--bottom-nav-shadow);
        backdrop-filter: blur(16px);
        -webkit-backdrop-filter: blur(16px);
        transform: translateX(-50%);
        box-sizing: border-box;
    }

    .socio-bottom-nav__item[b-ch8iyb10iq] {
        min-width: 0;
        width: 100%;
        display: grid;
        grid-template-rows: 22px 17px;
        place-items: center;
        align-content: center;
        justify-content: center;
        row-gap: 2px;
        min-height: 50px;
        padding: 6px 2px 5px;
        border-radius: 16px;
        color: var(--text-muted);
        text-decoration: none;
        font-size: clamp(0.62rem, 2.45vw, 0.69rem);
        font-weight: 700;
        line-height: 1;
        text-align: center;
        transition: background var(--transition, 0.18s ease), color var(--transition, 0.18s ease), transform var(--transition, 0.18s ease);
        box-sizing: border-box;
    }

    .socio-bottom-nav__item i[b-ch8iyb10iq] {
        display: block;
        width: 100%;
        height: 22px;
        margin: 0 auto;
        font-size: clamp(1.08rem, 4vw, 1.2rem);
        line-height: 22px;
        text-align: center;
    }

    .socio-bottom-nav__item i[b-ch8iyb10iq]::before {
        display: block;
        width: 100%;
        text-align: center;
    }

    .socio-bottom-nav__item span[b-ch8iyb10iq] {
        display: block;
        width: 100%;
        max-width: 100%;
        min-width: 0;
        margin: 0 auto;
        text-align: center;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        line-height: 1.05;
        letter-spacing: -0.025em;
    }

    .socio-bottom-nav__item:hover[b-ch8iyb10iq],
    .socio-bottom-nav__item:focus-visible[b-ch8iyb10iq] {
        color: var(--primary);
        background: var(--interactive-soft-bg);
        outline: none;
    }

    .socio-bottom-nav__item--active[b-ch8iyb10iq] {
        color: var(--primary);
        background: var(--interactive-active-bg);
        box-shadow: inset 0 0 0 1px var(--interactive-active-border);
    }

    .socio-bottom-nav__item--active i[b-ch8iyb10iq] {
        color: var(--accent);
    }
}

@media (max-width: 380px) {
    .socio-bottom-nav[b-ch8iyb10iq] {
        width: min(calc(100vw - 14px), 420px);
        padding: 7px 7px;
        border-radius: 20px;
    }

    .socio-bottom-nav__item[b-ch8iyb10iq] {
        grid-template-rows: 21px 16px;
        min-height: 48px;
        padding: 5px 1px;
        font-size: clamp(0.58rem, 2.55vw, 0.64rem);
        row-gap: 1px;
    }

    .socio-bottom-nav__item i[b-ch8iyb10iq] {
        height: 21px;
        font-size: 1.06rem;
        line-height: 21px;
    }
}
/* /Components/Security/ModuloNoHabilitado.razor.rz.scp.css */
/* /Components/Shared/ApiErrorList.razor.rz.scp.css */
.api-error-list__header[b-th7q3zd3ni] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-weight: 700;
}

.api-error-list__items[b-th7q3zd3ni] {
    margin: 0.65rem 0 0 1.75rem;
    padding: 0;
}

.api-error-list__items li + li[b-th7q3zd3ni] {
    margin-top: 0.25rem;
}
/* /Components/Shared/ConfirmDialog.razor.rz.scp.css */
.confirm-dialog-overlay[b-vg1jygl6ny] {
    position: fixed;
    inset: 0;
    z-index: 1200;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    background: rgba(15, 23, 42, 0.48);
    backdrop-filter: blur(8px);
}

.confirm-dialog-card[b-vg1jygl6ny] {
    width: min(100%, 440px);
    padding: 22px;
    border: 1px solid var(--border-light);
    border-radius: 24px;
    background: var(--surface);
    box-shadow: var(--shadow-xl);
}

.confirm-dialog-icon[b-vg1jygl6ny] {
    width: 44px;
    height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 14px;
    border-radius: 16px;
    font-size: 1.35rem;
    background: var(--bg-soft);
    color: var(--primary);
}

.confirm-dialog-icon--danger[b-vg1jygl6ny] {
    background: rgba(220, 38, 38, 0.1);
    color: var(--danger);
}

.confirm-dialog-content h3[b-vg1jygl6ny] {
    margin: 0 0 8px;
    color: var(--text-primary);
    font-size: 1.2rem;
}

.confirm-dialog-content p[b-vg1jygl6ny] {
    margin: 0;
    color: var(--text-secondary);
    line-height: 1.45;
}

.confirm-dialog-detail[b-vg1jygl6ny] {
    margin-top: 14px;
    padding: 12px 14px;
    border: 1px solid var(--border-light);
    border-radius: 16px;
    background: var(--bg-soft);
    color: var(--text-primary);
    font-weight: 700;
}

.confirm-dialog-actions[b-vg1jygl6ny] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 20px;
}

@media (max-width: 640px) {
    .confirm-dialog-overlay[b-vg1jygl6ny] {
        align-items: flex-end;
        padding: 12px;
    }

    .confirm-dialog-card[b-vg1jygl6ny] {
        border-radius: 22px;
    }

    .confirm-dialog-actions[b-vg1jygl6ny] {
        flex-direction: column-reverse;
    }

    .confirm-dialog-actions .btn[b-vg1jygl6ny] {
        width: 100%;
        justify-content: center;
    }
}
/* /Components/Shared/EmptyState.razor.rz.scp.css */
.empty-state-panel[b-lu8jv7ndhf] {
    display: grid;
    justify-items: center;
    gap: 12px;
    width: 100%;
    padding: 42px 24px;
    text-align: center;
    color: var(--empty-state-text);
    background: var(--empty-state-bg);
    border: 1px solid var(--empty-state-border);
    border-radius: var(--radius-lg);
    box-shadow: var(--empty-state-shadow);
}

.empty-state-panel--compact[b-lu8jv7ndhf] {
    padding: 28px 18px;
    gap: 10px;
}

.empty-state-panel--flat[b-lu8jv7ndhf] {
    background: transparent;
    border-color: transparent;
    box-shadow: none;
}

.empty-state-panel__icon[b-lu8jv7ndhf] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 62px;
    height: 62px;
    border-radius: 999px;
    background: var(--empty-state-icon-bg);
    color: var(--empty-state-icon-fg);
}

.empty-state-panel__icon i[b-lu8jv7ndhf] {
    font-size: 1.85rem;
    line-height: 1;
}

.empty-state-panel h3[b-lu8jv7ndhf] {
    margin: 2px 0 0;
    color: var(--empty-state-title);
    font-size: 1.1rem;
    font-weight: 800;
}

.empty-state-panel p[b-lu8jv7ndhf] {
    max-width: 560px;
    margin: 0;
    color: var(--empty-state-text);
}

.empty-state-panel__body[b-lu8jv7ndhf] {
    display: grid;
    gap: 8px;
    max-width: 620px;
    color: var(--empty-state-text);
}

.empty-state-panel__action[b-lu8jv7ndhf] {
    margin-top: 8px;
}

@media (max-width: 640px) {
    .empty-state-panel[b-lu8jv7ndhf] {
        padding: 34px 18px;
    }

    .empty-state-panel__icon[b-lu8jv7ndhf] {
        width: 54px;
        height: 54px;
    }

    .empty-state-panel__icon i[b-lu8jv7ndhf] {
        font-size: 1.55rem;
    }
}
/* /Components/Shared/FormSection.razor.rz.scp.css */
.form-section[b-06tl73bhbj] {
    border: 1px solid var(--border);
    border-radius: 1rem;
    padding: 1rem;
    background: var(--bg-card);
}

.form-section + .form-section[b-06tl73bhbj] {
    margin-top: 1rem;
}

.form-section__header[b-06tl73bhbj] {
    margin-bottom: 0.9rem;
}

.form-section__header h3[b-06tl73bhbj] {
    margin: 0;
    font-size: 1rem;
    font-weight: 800;
    color: var(--text);
}

.form-section__header p[b-06tl73bhbj] {
    margin: 0.25rem 0 0;
    color: var(--text-muted);
    font-size: 0.9rem;
}
/* /Components/Shared/LoadingStatus.razor.rz.scp.css */
.loading-status[b-9bc9khbcac] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: var(--text-secondary);
}

.loading-status__text[b-9bc9khbcac] {
    font-size: 0.95rem;
    font-weight: 600;
}

.page-loading .loading-status[b-9bc9khbcac],
.loading-status.page-loading__status[b-9bc9khbcac] {
    min-height: 180px;
}
/* /Components/Shared/OnboardingSocioPrompt.razor.rz.scp.css */
.onboarding-socio-backdrop[b-hfb7c9x6re] {
    position: fixed;
    inset: 0;
    z-index: 1300;
    background: rgba(15, 23, 42, 0.58);
    backdrop-filter: blur(4px);
}

.onboarding-socio-modal[b-hfb7c9x6re] {
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 1310;
    width: min(560px, calc(100vw - 1.5rem));
    max-height: calc(100dvh - 1.5rem);
    overflow: auto;
    transform: translate(-50%, -50%);
    border: 1px solid var(--border, rgba(148, 163, 184, 0.24));
    border-radius: var(--radius-xl, 1.5rem);
    background: var(--surface-elevated, #ffffff);
    color: var(--text, #0f172a);
    box-shadow: var(--shadow-floating, 0 24px 70px rgba(15, 23, 42, 0.32));
}

.onboarding-socio-modal__header[b-hfb7c9x6re] {
    display: flex;
    gap: 1rem;
    align-items: flex-start;
    padding: 1.25rem 1.25rem 0.9rem;
    border-bottom: 1px solid var(--border, rgba(148, 163, 184, 0.22));
}

.onboarding-socio-modal__badge[b-hfb7c9x6re] {
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    width: 52px;
    height: 52px;
    border-radius: var(--radius-lg, 1rem);
    background: var(--surface-strong, rgba(37, 99, 235, 0.1));
    color: var(--primary, #2563eb);
    font-size: 1.6rem;
}

.onboarding-socio-modal__eyebrow[b-hfb7c9x6re] {
    margin: 0 0 0.25rem;
    color: var(--text-muted, #64748b);
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.onboarding-socio-modal h2[b-hfb7c9x6re] {
    margin: 0;
    color: var(--text, #0f172a);
    font-size: clamp(1.25rem, 4vw, 1.65rem);
    line-height: 1.15;
}

.onboarding-socio-modal__body[b-hfb7c9x6re] {
    display: grid;
    gap: 1rem;
    padding: 1rem 1.25rem 0.75rem;
}

.onboarding-socio-modal__description[b-hfb7c9x6re] {
    margin: 0;
    color: var(--text-muted, #64748b);
    line-height: 1.5;
}

.onboarding-socio-modal__list[b-hfb7c9x6re] {
    display: grid;
    gap: 0.7rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.onboarding-socio-modal__list li[b-hfb7c9x6re] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 0.55rem;
    align-items: start;
    color: var(--text, #0f172a);
    line-height: 1.42;
}

.onboarding-socio-modal__list i[b-hfb7c9x6re] {
    display: grid;
    place-items: center;
    width: 22px;
    height: 22px;
    margin-top: 0.02rem;
    border-radius: 999px;
    background: var(--surface-strong, rgba(37, 99, 235, 0.1));
    color: var(--primary, #2563eb);
    font-size: 0.95rem;
}

.onboarding-socio-progress[b-hfb7c9x6re] {
    display: flex;
    justify-content: center;
    gap: 0.45rem;
    padding-top: 0.25rem;
}

.onboarding-socio-progress__dot[b-hfb7c9x6re] {
    width: 9px;
    height: 9px;
    border-radius: 999px;
    background: var(--border, rgba(148, 163, 184, 0.38));
    transition: width var(--transition, 180ms ease), background var(--transition, 180ms ease);
}

.onboarding-socio-progress__dot.is-active[b-hfb7c9x6re] {
    width: 26px;
    background: var(--primary, #2563eb);
}

.onboarding-socio-modal__actions[b-hfb7c9x6re] {
    display: flex;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.85rem 1.25rem 1.25rem;
}

.onboarding-socio-modal__actions-main[b-hfb7c9x6re] {
    display: flex;
    gap: 0.65rem;
    justify-content: flex-end;
}

@media (max-width: 560px) {
    .onboarding-socio-modal[b-hfb7c9x6re] {
        top: auto;
        bottom: 0;
        width: 100%;
        max-height: 90dvh;
        transform: translateX(-50%);
        border-radius: 1.5rem 1.5rem 0 0;
    }

    .onboarding-socio-modal__header[b-hfb7c9x6re] {
        padding: 1.1rem 1rem 0.8rem;
    }

    .onboarding-socio-modal__body[b-hfb7c9x6re] {
        padding-inline: 1rem;
    }

    .onboarding-socio-modal__actions[b-hfb7c9x6re] {
        flex-direction: column-reverse;
        padding: 0.75rem 1rem 1rem;
    }

    .onboarding-socio-modal__actions-main[b-hfb7c9x6re] {
        display: grid;
        grid-template-columns: 1fr 1fr;
        width: 100%;
    }

    .onboarding-socio-modal__actions-main.is-single[b-hfb7c9x6re] {
        grid-template-columns: 1fr;
    }

    .onboarding-socio-modal__actions > .btn[b-hfb7c9x6re],
    .onboarding-socio-modal__actions-main .btn[b-hfb7c9x6re] {
        width: 100%;
        min-height: 44px;
    }
}
/* /Components/Shared/PwaInstallPrompt.razor.rz.scp.css */
.pwa-install-card[b-dooubmkvgz] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 12px;
    padding: 14px;
    border: 1px solid var(--border);
    border-radius: var(--radius-xl);
    background: var(--surface-elevated);
    box-shadow: var(--shadow-soft);
    color: var(--text);
}

.pwa-install-card--floating[b-dooubmkvgz] {
    position: fixed;
    left: 16px;
    right: 16px;
    bottom: 92px;
    z-index: 1190;
    box-shadow: var(--shadow-floating);
}

.pwa-install-card--inline[b-dooubmkvgz] {
    position: relative;
    box-shadow: none;
    background: var(--member-accent-panel-bg, var(--surface-elevated));
}

.pwa-install-card__icon[b-dooubmkvgz] {
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    border-radius: var(--radius-lg);
    background: var(--surface-strong);
    color: var(--primary);
    font-size: 1.35rem;
}

.pwa-install-card__body[b-dooubmkvgz] {
    min-width: 0;
}

.pwa-install-card__eyebrow[b-dooubmkvgz] {
    margin: 0 0 2px;
    color: var(--primary);
    font-size: .72rem;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.pwa-install-card__title[b-dooubmkvgz] {
    margin: 0;
    font-weight: 800;
    color: var(--text);
}

.pwa-install-card__text[b-dooubmkvgz] {
    margin: 4px 0 0;
    color: var(--text-muted);
    font-size: 0.88rem;
    line-height: 1.35;
}

.pwa-install-card__actions[b-dooubmkvgz] {
    grid-column: 1 / -1;
    display: flex;
    gap: 8px;
    justify-content: flex-end;
    flex-wrap: wrap;
}

.pwa-install-card__steps[b-dooubmkvgz] {
    margin: 10px 0 0;
    padding-left: 18px;
    color: var(--text-muted);
    font-size: 0.86rem;
    line-height: 1.5;
}

@media (min-width: 769px) {
    .pwa-install-card--floating[b-dooubmkvgz] {
        display: none;
    }
}

@media (max-width: 420px) {
    .pwa-install-card--floating[b-dooubmkvgz] {
        left: 12px;
        right: 12px;
        bottom: 88px;
        padding: 12px;
    }

    .pwa-install-card__actions[b-dooubmkvgz] {
        justify-content: stretch;
    }

    .pwa-install-card__actions .btn[b-dooubmkvgz] {
        flex: 1 1 auto;
    }
}
/* /Components/Shared/ReportProblemPrompt.razor.rz.scp.css */
.report-problem-fab[b-niljrlr6cj] {
    position: fixed;
    right: 1rem;
    bottom: calc(var(--bottom-nav-height, 76px) + 1rem);
    z-index: 1040;
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    min-height: 44px;
    border: 0;
    border-radius: 999px;
    padding: 0.72rem 1rem;
    background: var(--surface-elevated, #ffffff);
    color: var(--text-primary, #0f172a);
    box-shadow: var(--shadow-lg, 0 18px 45px rgba(15, 23, 42, 0.18));
    font-weight: 700;
    cursor: pointer;
}

.report-problem-fab i[b-niljrlr6cj] {
    font-size: 1.15rem;
    color: var(--primary, #2563eb);
}

.report-problem-backdrop[b-niljrlr6cj] {
    position: fixed;
    inset: 0;
    z-index: 1050;
    background: rgba(15, 23, 42, 0.48);
    backdrop-filter: blur(3px);
}

.report-problem-modal[b-niljrlr6cj] {
    position: fixed;
    left: 50%;
    bottom: 1rem;
    z-index: 1060;
    width: min(560px, calc(100vw - 1.5rem));
    max-height: calc(100dvh - 2rem);
    overflow: auto;
    transform: translateX(-50%);
    border-radius: 1.5rem;
    background: var(--surface-elevated, #ffffff);
    color: var(--text-primary, #0f172a);
    box-shadow: var(--shadow-xl, 0 24px 70px rgba(15, 23, 42, 0.28));
}

.report-problem-modal__header[b-niljrlr6cj] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.25rem 1.25rem 0.75rem;
    border-bottom: 1px solid var(--border-color, rgba(148, 163, 184, 0.22));
}

.report-problem-modal__eyebrow[b-niljrlr6cj] {
    margin: 0 0 0.2rem;
    color: var(--text-muted, #64748b);
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.report-problem-modal h2[b-niljrlr6cj] {
    margin: 0;
    font-size: 1.2rem;
}

.report-problem-modal__close[b-niljrlr6cj] {
    width: 44px;
    height: 44px;
    border: 0;
    border-radius: 999px;
    background: var(--surface-muted, rgba(148, 163, 184, 0.14));
    color: var(--text-primary, #0f172a);
    cursor: pointer;
}

.report-problem-modal__body[b-niljrlr6cj] {
    display: grid;
    gap: 0.8rem;
    padding: 1rem 1.25rem;
}

.report-problem-modal__intro[b-niljrlr6cj] {
    margin: 0;
    color: var(--text-muted, #64748b);
    line-height: 1.45;
}

.report-problem-modal__textarea[b-niljrlr6cj] {
    min-height: 120px;
    resize: vertical;
}

.report-problem-modal__context[b-niljrlr6cj] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    color: var(--text-muted, #64748b);
    font-size: 0.8rem;
}

.report-problem-modal__context span[b-niljrlr6cj] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.report-problem-modal__actions[b-niljrlr6cj] {
    display: flex;
    justify-content: flex-end;
    gap: 0.65rem;
    padding: 0.75rem 1.25rem 1.25rem;
}

@media (max-width: 720px) {
    .report-problem-fab[b-niljrlr6cj] {
        right: 0.85rem;
        bottom: calc(var(--bottom-nav-height, 76px) + 0.75rem);
        padding-inline: 0.9rem;
    }

    .report-problem-fab span[b-niljrlr6cj] {
        display: none;
    }

    .report-problem-modal[b-niljrlr6cj] {
        bottom: 0;
        width: 100%;
        max-height: 88dvh;
        border-radius: 1.5rem 1.5rem 0 0;
    }

    .report-problem-modal__actions[b-niljrlr6cj] {
        flex-direction: column-reverse;
    }

    .report-problem-modal__actions .btn[b-niljrlr6cj] {
        width: 100%;
    }
}
/* /Components/Shared/SimpleBarChart.razor.rz.scp.css */
.simple-bar-chart[b-97silz8xrf] {
    display: grid;
    gap: 14px;
    width: 100%;
}

.simple-bar-chart__header h4[b-97silz8xrf] {
    margin: 0 0 4px;
    color: var(--text-primary);
    font-size: .98rem;
    font-weight: 800;
}

.simple-bar-chart__header p[b-97silz8xrf] {
    margin: 0;
    color: var(--text-muted);
    font-size: .84rem;
    line-height: 1.35;
}

.simple-bar-chart__list[b-97silz8xrf] {
    display: grid;
    gap: 12px;
}

.simple-bar-chart__row[b-97silz8xrf] {
    display: grid;
    gap: 7px;
}

.simple-bar-chart__row-top[b-97silz8xrf] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.simple-bar-chart__text[b-97silz8xrf] {
    min-width: 0;
    display: grid;
    gap: 2px;
}

.simple-bar-chart__text strong[b-97silz8xrf] {
    color: var(--text-primary);
    font-size: .9rem;
    font-weight: 800;
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.simple-bar-chart__text span[b-97silz8xrf] {
    color: var(--text-muted);
    font-size: .78rem;
    line-height: 1.25;
}

.simple-bar-chart__value[b-97silz8xrf] {
    flex-shrink: 0;
    color: var(--text-primary);
    font-size: .86rem;
    font-weight: 800;
}

.simple-bar-chart__track[b-97silz8xrf] {
    width: 100%;
    height: 9px;
    border-radius: 999px;
    background: var(--surface-strong);
    overflow: hidden;
}

.simple-bar-chart__fill[b-97silz8xrf] {
    width: var(--bar-width, 0%);
    height: 100%;
    border-radius: inherit;
    background: var(--bar-color, var(--primary));
    transition: width .2s ease;
}

.simple-bar-chart__empty[b-97silz8xrf] {
    padding: 14px;
    border: 1px dashed var(--border-light);
    border-radius: var(--radius-md);
    background: var(--surface-subtle);
    color: var(--text-muted);
    font-size: .9rem;
    text-align: center;
}

@media (prefers-reduced-motion: reduce) {
    .simple-bar-chart__fill[b-97silz8xrf] {
        transition: none;
    }
}
/* /Components/Shared/SkeletonLoader.razor.rz.scp.css */
.skeleton-loader[b-sv9smvdp0i] {
    display: grid;
    gap: 18px;
    width: 100%;
}

.skeleton-card-block[b-sv9smvdp0i] {
    background: var(--skeleton-card-bg);
    border: 1px solid var(--skeleton-border);
    border-radius: var(--radius-lg);
    box-shadow: var(--skeleton-shadow);
    overflow: hidden;
}

.skeleton-hero[b-sv9smvdp0i] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(240px, 340px);
    gap: 22px;
    padding: 26px;
}

.skeleton-mini-card[b-sv9smvdp0i],
.skeleton-feature[b-sv9smvdp0i],
.skeleton-alert[b-sv9smvdp0i],
.skeleton-generic-card[b-sv9smvdp0i] {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 18px;
}

.skeleton-kpi[b-sv9smvdp0i],
.skeleton-stat[b-sv9smvdp0i] {
    display: grid;
    gap: 14px;
    padding: 20px;
}

.skeleton-table-card[b-sv9smvdp0i] {
    display: grid;
    gap: 14px;
    padding: 20px;
}

.skeleton-table-row[b-sv9smvdp0i] {
    display: grid;
    grid-template-columns: minmax(160px, 1fr) minmax(90px, 0.35fr) minmax(82px, 0.22fr);
    gap: 14px;
    align-items: center;
    padding: 10px 0;
    border-top: 1px solid var(--skeleton-border);
}

.skeleton-grid[b-sv9smvdp0i] {
    display: grid;
    gap: 16px;
}

.skeleton-grid--two[b-sv9smvdp0i] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.skeleton-grid--stats[b-sv9smvdp0i],
.skeleton-grid--cards[b-sv9smvdp0i] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.skeleton-grid--alerts[b-sv9smvdp0i],
.skeleton-grid--kpis[b-sv9smvdp0i] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.skeleton-stack[b-sv9smvdp0i] {
    display: grid;
    gap: 10px;
}

.skeleton-stack--wide[b-sv9smvdp0i] {
    width: 100%;
}

.skeleton-row[b-sv9smvdp0i] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.skeleton-row--between[b-sv9smvdp0i] {
    justify-content: space-between;
}

.skeleton-pills[b-sv9smvdp0i] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 4px;
}

.skeleton-line[b-sv9smvdp0i],
.skeleton-avatar[b-sv9smvdp0i],
.skeleton-pill[b-sv9smvdp0i] {
    position: relative;
    overflow: hidden;
    background: var(--skeleton-base-bg);
}

.skeleton-line[b-sv9smvdp0i]::after,
.skeleton-avatar[b-sv9smvdp0i]::after,
.skeleton-pill[b-sv9smvdp0i]::after {
    content: "";
    position: absolute;
    inset: 0;
    transform: translateX(-100%);
    background: linear-gradient(90deg, transparent, var(--skeleton-highlight-bg), transparent);
    animation: skeleton-shimmer-b-sv9smvdp0i 1.35s infinite;
}

.skeleton-line[b-sv9smvdp0i] {
    height: 12px;
    border-radius: 999px;
    width: 100%;
}

.skeleton-line--kicker[b-sv9smvdp0i] {
    width: 110px;
    height: 10px;
}

.skeleton-line--title[b-sv9smvdp0i] {
    width: min(420px, 84%);
    height: 30px;
}

.skeleton-line--subtitle[b-sv9smvdp0i] {
    width: 72%;
    height: 18px;
}

.skeleton-line--text[b-sv9smvdp0i] {
    width: 88%;
}

.skeleton-line--medium[b-sv9smvdp0i] {
    width: 62%;
}

.skeleton-line--short[b-sv9smvdp0i] {
    width: 38%;
}

.skeleton-line--number[b-sv9smvdp0i] {
    width: 88px;
    height: 34px;
}

.skeleton-line--button[b-sv9smvdp0i] {
    width: 96px;
    height: 32px;
}

.skeleton-avatar[b-sv9smvdp0i] {
    flex: 0 0 auto;
    border-radius: 999px;
}

.skeleton-avatar--tiny[b-sv9smvdp0i] {
    width: 30px;
    height: 30px;
}

.skeleton-avatar--small[b-sv9smvdp0i] {
    width: 44px;
    height: 44px;
}

.skeleton-avatar--icon[b-sv9smvdp0i] {
    width: 64px;
    height: 64px;
    border-radius: var(--radius-lg);
}

.skeleton-pill[b-sv9smvdp0i] {
    width: 120px;
    height: 28px;
    border-radius: 999px;
}

.skeleton-pill--short[b-sv9smvdp0i] {
    width: 82px;
}

@keyframes skeleton-shimmer-b-sv9smvdp0i {
    100% {
        transform: translateX(100%);
    }
}

@media (max-width: 960px) {
    .skeleton-hero[b-sv9smvdp0i],
    .skeleton-grid--two[b-sv9smvdp0i],
    .skeleton-grid--alerts[b-sv9smvdp0i],
    .skeleton-grid--kpis[b-sv9smvdp0i],
    .skeleton-grid--stats[b-sv9smvdp0i],
    .skeleton-grid--cards[b-sv9smvdp0i] {
        grid-template-columns: 1fr;
    }

    .skeleton-table-row[b-sv9smvdp0i] {
        grid-template-columns: 1fr;
    }
}

@media (prefers-reduced-motion: reduce) {
    .skeleton-line[b-sv9smvdp0i]::after,
    .skeleton-avatar[b-sv9smvdp0i]::after,
    .skeleton-pill[b-sv9smvdp0i]::after {
        animation: none;
    }
}
/* /Components/Shared/ThemeToggle.razor.rz.scp.css */
.theme-toggle[b-shwzgqeekr] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0;
    width: 36px;
    min-width: 36px;
    height: 36px;
    min-height: 36px;
    padding: 0;
    border: 1px solid var(--theme-toggle-border);
    border-radius: 999px;
    background: var(--theme-toggle-bg);
    color: var(--theme-toggle-fg);
    font-family: inherit;
    font-size: 0.95rem;
    font-weight: 700;
    cursor: pointer;
    transition: background var(--transition, 0.18s ease), color var(--transition, 0.18s ease), border-color var(--transition, 0.18s ease), transform var(--transition, 0.18s ease);
    white-space: nowrap;
}

.theme-toggle:hover[b-shwzgqeekr],
.theme-toggle:focus-visible[b-shwzgqeekr] {
    color: var(--text-on-primary);
    background: var(--theme-toggle-hover-bg);
    border-color: var(--theme-toggle-hover-border);
    outline: none;
}

.theme-toggle:active[b-shwzgqeekr] {
    transform: translateY(1px);
}

.theme-toggle i[b-shwzgqeekr] {
    font-size: 1.05rem;
    line-height: 1;
}

.nav-dropdown-item .theme-toggle[b-shwzgqeekr] {
    width: 36px;
    min-width: 36px;
    justify-content: center;
    border-color: var(--border-light);
    background: var(--surface-muted);
    color: var(--text);
}

.nav-dropdown-item .theme-toggle:hover[b-shwzgqeekr],
.nav-dropdown-item .theme-toggle:focus-visible[b-shwzgqeekr] {
    background: var(--bg-card-hover);
    color: var(--primary);
}

@media (max-width: 600px) {
    .theme-toggle[b-shwzgqeekr] {
        width: 40px;
        min-width: 40px;
        height: 40px;
        min-height: 40px;
        justify-content: center;
        border-radius: 999px;
        padding: 0;
        background: var(--theme-toggle-bg);
    }
}

/* v54.11.23 - El botón debe verse completo dentro del menú de cuenta y la tarjeta de apariencia. */
.nav-appearance-content .theme-toggle[b-shwzgqeekr],
.self-service-appearance-row .theme-toggle[b-shwzgqeekr] {
    width: 36px;
    min-width: 36px;
    justify-content: center;
}

.self-service-appearance-row .theme-toggle[b-shwzgqeekr] {
    max-width: 40px;
}

@media (max-width: 600px) {
    .self-service-appearance-row .theme-toggle[b-shwzgqeekr] {
        max-width: 40px;
    }
}

/* v54.11.40.2 - Acceso rápido en la barra superior: icono compacto en desktop y acción completa en mobile. */
.theme-toggle--nav-quick[b-shwzgqeekr] {
    width: 36px;
    min-width: 36px;
    height: 36px;
    min-height: 36px;
    padding: 0;
    gap: 0;
    border-radius: 999px;
    border-color: var(--nav-border, var(--theme-toggle-border));
    background: var(--nav-hover-bg, var(--theme-toggle-bg));
    color: var(--nav-fg-muted, var(--theme-toggle-fg));
    box-shadow: none;
}

.theme-toggle--nav-quick:hover[b-shwzgqeekr],
.theme-toggle--nav-quick:focus-visible[b-shwzgqeekr] {
    color: var(--nav-fg, var(--text-on-primary));
    background: var(--nav-active-bg, var(--theme-toggle-hover-bg));
    border-color: var(--accent, var(--theme-toggle-hover-border));
}

.theme-toggle--nav-quick i[b-shwzgqeekr] {
    font-size: 1.05rem;
}

.theme-toggle--nav-quick span[b-shwzgqeekr] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.theme-toggle--nav-quick:disabled[b-shwzgqeekr] {
    opacity: 0.65;
    cursor: wait;
}

@media (max-width: 600px) {
    .theme-toggle--nav-quick[b-shwzgqeekr] {
        width: 100%;
        min-width: 0;
        height: auto;
        min-height: 44px;
        justify-content: flex-start;
        gap: 10px;
        padding: 12px 16px;
        border-radius: var(--radius-sm, 8px);
        border: none;
        background: none;
        color: var(--nav-fg-muted, var(--theme-toggle-fg));
    }

    .theme-toggle--nav-quick:hover[b-shwzgqeekr],
    .theme-toggle--nav-quick:focus-visible[b-shwzgqeekr] {
        color: var(--nav-fg, var(--theme-toggle-fg));
        background: var(--nav-hover-bg, var(--theme-toggle-hover-bg));
    }

    .theme-toggle--nav-quick span[b-shwzgqeekr] {
        position: static;
        width: auto;
        height: auto;
        padding: 0;
        margin: 0;
        overflow: visible;
        clip: auto;
        white-space: normal;
        border: 0;
    }
}
/* /Components/Shared/ToastContainer.razor.rz.scp.css */
.toast-stack[b-enw6mkbaqw] {
    position: fixed;
    right: clamp(1rem, 2vw, 1.5rem);
    bottom: calc(1rem + env(safe-area-inset-bottom));
    z-index: 3000;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    width: min(28rem, calc(100vw - 2rem));
    pointer-events: none;
}

.toast[b-enw6mkbaqw] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: start;
    gap: 0.75rem;
    padding: 0.95rem 1rem;
    border: 1px solid var(--toast-border);
    border-radius: var(--radius-lg);
    background: var(--toast-bg);
    color: var(--toast-fg);
    box-shadow: var(--toast-shadow);
    backdrop-filter: blur(16px);
    pointer-events: auto;
    animation: toast-enter-b-enw6mkbaqw 180ms ease-out both;
}

.toast__icon[b-enw6mkbaqw] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border-radius: 999px;
    background: var(--toast-icon-bg);
    color: var(--toast-accent);
    flex: 0 0 auto;
}

.toast__icon i[b-enw6mkbaqw] {
    font-size: 1.15rem;
    line-height: 1;
}

.toast__body[b-enw6mkbaqw] {
    min-width: 0;
}

.toast__title[b-enw6mkbaqw] {
    display: block;
    color: var(--toast-title-fg);
    font-size: 0.92rem;
    font-weight: 800;
    line-height: 1.25;
    margin: 0 0 0.18rem;
}

.toast__message[b-enw6mkbaqw] {
    color: var(--toast-muted-fg);
    font-size: 0.86rem;
    line-height: 1.42;
    margin: 0;
}

.toast__close[b-enw6mkbaqw] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.9rem;
    height: 1.9rem;
    border: 0;
    border-radius: 999px;
    background: transparent;
    color: var(--toast-close-fg);
    cursor: pointer;
    transition: background var(--transition), color var(--transition), transform var(--transition);
}

.toast__close:hover[b-enw6mkbaqw] {
    background: var(--toast-close-hover-bg);
    color: var(--toast-title-fg);
    transform: translateY(-1px);
}

.toast--success[b-enw6mkbaqw] {
    --toast-accent: var(--success);
    --toast-icon-bg: var(--toast-success-icon-bg);
    --toast-border: var(--toast-success-border);
}

.toast--warning[b-enw6mkbaqw] {
    --toast-accent: var(--warning);
    --toast-icon-bg: var(--toast-warning-icon-bg);
    --toast-border: var(--toast-warning-border);
}

.toast--danger[b-enw6mkbaqw] {
    --toast-accent: var(--danger);
    --toast-icon-bg: var(--toast-danger-icon-bg);
    --toast-border: var(--toast-danger-border);
}

.toast--info[b-enw6mkbaqw] {
    --toast-accent: var(--info);
    --toast-icon-bg: var(--toast-info-icon-bg);
    --toast-border: var(--toast-info-border);
}

@keyframes toast-enter-b-enw6mkbaqw {
    from {
        opacity: 0;
        transform: translateY(10px) scale(0.98);
    }

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

@media (max-width: 720px) {
    .toast-stack[b-enw6mkbaqw] {
        right: 0.75rem;
        left: 0.75rem;
        bottom: calc(5.6rem + env(safe-area-inset-bottom));
        width: auto;
    }

    .toast[b-enw6mkbaqw] {
        border-radius: var(--radius);
    }
}
/* /Pages/Administrador/AuditoriaGeneral.razor.rz.scp.css */
.auditoria-general-page[b-67c53emntz] {
    display: grid;
    gap: 20px;
}

.auditoria-general-header[b-67c53emntz] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    padding: 22px;
}

.auditoria-general-kicker[b-67c53emntz] {
    display: inline-block;
    margin-bottom: 6px;
    color: var(--accent);
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.auditoria-general-header h1[b-67c53emntz] {
    margin: 0 0 6px;
    color: var(--text-primary);
    font-size: clamp(1.55rem, 2.2vw, 2.25rem);
    font-weight: 900;
}

.auditoria-general-header p[b-67c53emntz] {
    max-width: 780px;
    margin: 0;
    line-height: 1.45;
}

.auditoria-general-filtros[b-67c53emntz] {
    display: grid;
    grid-template-columns: repeat(6, minmax(130px, 1fr));
    gap: 14px;
    align-items: end;
    padding: 18px;
}

.auditoria-general-filtro-texto[b-67c53emntz] {
    grid-column: span 2;
}

.auditoria-general-filtros-actions[b-67c53emntz] {
    display: grid;
    gap: 8px;
}

.auditoria-general-filtros-actions .btn[b-67c53emntz] {
    width: 100%;
}

.auditoria-general-resumen[b-67c53emntz] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

.auditoria-general-kpi[b-67c53emntz] {
    padding: 18px;
}

.auditoria-general-kpi span[b-67c53emntz] {
    display: block;
    color: var(--text-muted);
    font-size: .82rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .06em;
}

.auditoria-general-kpi strong[b-67c53emntz] {
    display: block;
    margin-top: 6px;
    color: var(--text-primary);
    font-size: 1.75rem;
    font-weight: 900;
}

.auditoria-general-lista[b-67c53emntz] {
    display: grid;
    gap: 14px;
}

.auditoria-general-item[b-67c53emntz] {
    padding: 18px;
    border-color: var(--border-light);
}

.auditoria-general-item--error[b-67c53emntz] {
    border-color: rgba(var(--status-danger-rgb), .35);
}

.auditoria-general-item-main[b-67c53emntz] {
    display: flex;
    align-items: flex-start;
    gap: 14px;
}

.auditoria-general-item-icon[b-67c53emntz] {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-lg, 16px);
    background: rgba(var(--primary-rgb), .1);
    color: var(--primary);
    font-size: 1.25rem;
}

.auditoria-general-item-body[b-67c53emntz] {
    min-width: 0;
    flex: 1;
}

.auditoria-general-item-title[b-67c53emntz] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.auditoria-general-item-title strong[b-67c53emntz] {
    color: var(--text-primary);
    font-weight: 850;
}

.auditoria-general-item-meta[b-67c53emntz] {
    margin-top: 6px;
    font-size: .86rem;
}

.auditoria-general-item-detalle[b-67c53emntz] {
    margin: 10px 0 0;
    color: var(--text-secondary, var(--text-muted));
    line-height: 1.45;
}

.auditoria-general-detalle[b-67c53emntz] {
    margin-top: 14px;
}

.auditoria-general-detalle summary[b-67c53emntz] {
    cursor: pointer;
    color: var(--primary);
    font-weight: 800;
}

.auditoria-general-detalle-grid[b-67c53emntz] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-top: 12px;
}

.auditoria-general-detalle h4[b-67c53emntz] {
    margin: 0 0 6px;
    color: var(--text-primary);
    font-size: .9rem;
}

.auditoria-general-detalle pre[b-67c53emntz] {
    min-height: 78px;
    max-height: 260px;
    margin: 0;
    padding: 12px;
    overflow: auto;
    border: 1px solid var(--border-light);
    border-radius: var(--radius-md, 12px);
    background: var(--bg-soft);
    color: var(--text-primary);
    font-size: .82rem;
    white-space: pre-wrap;
    word-break: break-word;
}

@media (max-width: 1120px) {
    .auditoria-general-filtros[b-67c53emntz] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .auditoria-general-filtro-texto[b-67c53emntz] {
        grid-column: span 2;
    }
}

@media (max-width: 760px) {
    .auditoria-general-header[b-67c53emntz] {
        flex-direction: column;
    }

    .auditoria-general-filtros[b-67c53emntz],
    .auditoria-general-resumen[b-67c53emntz],
    .auditoria-general-detalle-grid[b-67c53emntz] {
        grid-template-columns: 1fr;
    }

    .auditoria-general-filtro-texto[b-67c53emntz] {
        grid-column: auto;
    }

    .auditoria-general-item-main[b-67c53emntz] {
        align-items: flex-start;
    }
}
/* /Pages/Administrador/CanalesNotificacion.razor.rz.scp.css */
.channels-grid[b-gp1kdh58a0] {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(320px, .8fr);
    gap: 24px;
    align-items: start;
}

.channel-card[b-gp1kdh58a0] {
    padding: 24px;
    border-radius: 22px;
}

.channel-card__header[b-gp1kdh58a0] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 20px;
}

.channel-eyebrow[b-gp1kdh58a0] {
    display: inline-flex;
    font-size: .78rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .08em;
    color: var(--primary);
    margin-bottom: 6px;
}

.channel-status[b-gp1kdh58a0] {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    padding: 6px 10px;
    font-size: .78rem;
    font-weight: 800;
    white-space: nowrap;
}

.channel-status--active[b-gp1kdh58a0] {
    color: var(--success);
    background: rgba(34, 197, 94, .12);
}

.channel-status--disabled[b-gp1kdh58a0],
.channel-status--incomplete[b-gp1kdh58a0] {
    color: var(--warning);
    background: rgba(245, 158, 11, .12);
}

.channel-status--future[b-gp1kdh58a0] {
    color: var(--text-muted);
    background: rgba(100, 116, 139, .14);
}

.event-box[b-gp1kdh58a0],
.test-box[b-gp1kdh58a0],
.whatsapp-box[b-gp1kdh58a0] {
    border: 1px solid var(--border-light);
    border-radius: 18px;
    padding: 16px;
    background: var(--surface-muted);
}

.event-box h4[b-gp1kdh58a0],
.test-box h4[b-gp1kdh58a0] {
    margin-bottom: 12px;
}

.event-box .checkbox-label[b-gp1kdh58a0] {
    margin-bottom: 10px;
}

.test-row[b-gp1kdh58a0] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 12px;
}

.channel-actions[b-gp1kdh58a0] {
    display: flex;
    justify-content: flex-end;
    margin-top: 20px;
}

.channel-card--disabled[b-gp1kdh58a0] {
    opacity: .92;
}

.whatsapp-box[b-gp1kdh58a0] {
    display: flex;
    gap: 14px;
    align-items: flex-start;
}

.whatsapp-box i[b-gp1kdh58a0] {
    font-size: 2rem;
    color: var(--success);
}

@media (max-width: 900px) {
    .channels-grid[b-gp1kdh58a0] {
        grid-template-columns: 1fr;
    }

    .channel-card__header[b-gp1kdh58a0],
    .admin-page-header[b-gp1kdh58a0] {
        flex-direction: column;
        align-items: stretch;
    }

    .test-row[b-gp1kdh58a0] {
        grid-template-columns: 1fr;
    }

    .channel-actions[b-gp1kdh58a0] {
        justify-content: stretch;
    }

    .channel-actions .btn[b-gp1kdh58a0],
    .test-row .btn[b-gp1kdh58a0] {
        width: 100%;
        justify-content: center;
    }
}


/* v44.1 responsive polish */
@media (max-width: 560px) {
    .channel-card[b-gp1kdh58a0] {
        padding: 16px;
        border-radius: 18px;
    }

    .whatsapp-box[b-gp1kdh58a0] {
        flex-direction: column;
    }
}
/* /Pages/Administrador/CobranzaPro.razor.rz.scp.css */
.cobranza-page[b-rtgytw43am] {
    display: flex;
    flex-direction: column;
    gap: 22px;
}

.cobranza-header[b-rtgytw43am],
.cobranza-panel-header[b-rtgytw43am] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

.cobranza-header h1[b-rtgytw43am] {
    margin: 4px 0 8px;
    font-size: clamp(1.8rem, 3vw, 2.5rem);
}

.cobranza-header p[b-rtgytw43am],
.cobranza-panel-header p[b-rtgytw43am] {
    margin: 0;
    color: var(--text-muted);
}

.cobranza-header-actions[b-rtgytw43am] {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.cobranza-kicker[b-rtgytw43am] {
    color: var(--accent-dark);
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.cobranza-kpi-grid[b-rtgytw43am] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
}

.cobranza-kpi[b-rtgytw43am] {
    min-height: 136px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
    position: relative;
}

.cobranza-kpi[b-rtgytw43am]::after {
    content: "";
    position: absolute;
    width: 108px;
    height: 108px;
    right: -38px;
    bottom: -48px;
    border-radius: 999px;
    background: rgba(var(--primary-rgb), .06);
}

.cobranza-kpi-danger[b-rtgytw43am]::after {
    background: rgba(180, 30, 30, .1);
}

.cobranza-kpi-warning[b-rtgytw43am]::after {
    background: rgba(245, 158, 11, .14);
}

.cobranza-kpi-success[b-rtgytw43am]::after {
    background: rgba(34, 120, 80, .12);
}

.cobranza-kpi span[b-rtgytw43am] {
    color: var(--text-secondary);
    font-size: .8rem;
    font-weight: 800;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.cobranza-kpi strong[b-rtgytw43am] {
    color: var(--text-primary);
    font-size: clamp(1.45rem, 2.4vw, 2rem);
    line-height: 1.1;
    z-index: 1;
}

.cobranza-kpi small[b-rtgytw43am] {
    color: var(--text-muted);
    z-index: 1;
}

.cobranza-recupero-panel[b-rtgytw43am] {
    display: grid;
    grid-template-columns: minmax(260px, .75fr) minmax(0, 1.25fr);
    gap: 16px;
    padding: 18px;
    border: 1px solid var(--border-light);
    border-radius: var(--radius);
    background: var(--bg-card);
    box-shadow: var(--shadow-sm);
}

.cobranza-recupero-main[b-rtgytw43am] {
    min-height: 132px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 18px;
    border-radius: var(--radius);
    background: rgba(var(--primary-rgb), .06);
}

.cobranza-recupero-main span[b-rtgytw43am],
.cobranza-recupero-item span[b-rtgytw43am] {
    color: var(--text-secondary);
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.cobranza-recupero-main strong[b-rtgytw43am] {
    color: var(--text-primary);
    font-size: clamp(1.65rem, 2.5vw, 2.25rem);
    line-height: 1.05;
}

.cobranza-recupero-main small[b-rtgytw43am],
.cobranza-recupero-item small[b-rtgytw43am] {
    color: var(--text-muted);
}

.cobranza-recupero-grid[b-rtgytw43am] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}

.cobranza-recupero-item[b-rtgytw43am] {
    min-width: 0;
    min-height: 132px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 14px;
    border: 1px solid var(--border-light);
    border-radius: var(--radius);
    background: var(--surface-muted);
}

.cobranza-recupero-item strong[b-rtgytw43am] {
    color: var(--text-primary);
    font-size: clamp(1.15rem, 1.8vw, 1.45rem);
    line-height: 1.1;
    overflow-wrap: anywhere;
}

.cobranza-filtros-card[b-rtgytw43am] {
    padding: 18px;
}

.cobranza-filtros[b-rtgytw43am] {
    display: grid;
    grid-template-columns: minmax(220px, 1fr) minmax(160px, 190px) minmax(150px, 170px) auto auto;
    gap: 14px;
    align-items: end;
}

.cobranza-check[b-rtgytw43am] {
    min-height: 42px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--text-secondary);
    font-weight: 700;
}

.cobranza-layout[b-rtgytw43am] {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(360px, .75fr);
    gap: 16px;
    align-items: start;
}

.cobranza-bandeja[b-rtgytw43am],
.cobranza-detalle[b-rtgytw43am] {
    padding: 20px;
}

.cobranza-panel-header h2[b-rtgytw43am],
.cobranza-panel-header h3[b-rtgytw43am] {
    margin: 0 0 4px;
    font-size: 1.15rem;
}

.cobranza-lista[b-rtgytw43am] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 16px;
}

.cobranza-deudor[b-rtgytw43am] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px;
    align-items: center;
    padding: 10px;
    border: 1px solid var(--border-light);
    border-radius: var(--radius);
    background: var(--surface-muted);
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.cobranza-deudor--selected[b-rtgytw43am],
.cobranza-deudor:hover[b-rtgytw43am] {
    border-color: rgba(var(--primary-rgb), .35);
    box-shadow: var(--shadow-sm);
}

.cobranza-deudor--selected[b-rtgytw43am] {
    background: rgba(var(--primary-rgb), .04);
}

.cobranza-deudor-main[b-rtgytw43am] {
    min-width: 0;
    display: grid;
    grid-template-columns: 44px minmax(190px, 1.25fr) minmax(120px, .55fr) auto auto;
    gap: 12px;
    align-items: center;
    border: 0;
    background: transparent;
    color: inherit;
    text-align: left;
    cursor: pointer;
}

.cobranza-deudor-main:focus-visible[b-rtgytw43am] {
    outline: 2px solid var(--primary);
    outline-offset: 4px;
}

.cobranza-avatar[b-rtgytw43am] {
    width: 44px;
    height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--radius);
    background: var(--bg-card);
    color: var(--primary);
    font-weight: 900;
}

.cobranza-deudor-info[b-rtgytw43am],
.cobranza-deuda[b-rtgytw43am] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.cobranza-deudor-info strong[b-rtgytw43am],
.cobranza-deuda strong[b-rtgytw43am] {
    color: var(--text-primary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cobranza-deudor-info small[b-rtgytw43am],
.cobranza-deuda small[b-rtgytw43am] {
    color: var(--text-muted);
    font-size: .82rem;
}

.cobranza-deudor-actions[b-rtgytw43am] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.cobranza-detalle[b-rtgytw43am] {
    position: sticky;
    top: 88px;
}

.cobranza-detalle-metricas[b-rtgytw43am] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    margin: 18px 0;
}

.cobranza-detalle-metricas div[b-rtgytw43am] {
    padding: 12px;
    border-radius: var(--radius);
    background: var(--surface-muted);
}

.cobranza-detalle-metricas span[b-rtgytw43am] {
    display: block;
    color: var(--text-muted);
    font-size: .78rem;
    font-weight: 800;
    text-transform: uppercase;
}

.cobranza-detalle-metricas strong[b-rtgytw43am] {
    display: block;
    margin-top: 4px;
    color: var(--text-primary);
}

.cobranza-message-box[b-rtgytw43am] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 12px;
    align-items: start;
    padding: 14px;
    border: 1px solid var(--border-light);
    border-radius: var(--radius);
    background: rgba(var(--accent-rgb), .07);
}

.cobranza-message-box p[b-rtgytw43am] {
    margin: 4px 0 0;
    color: var(--text-secondary);
    font-size: .9rem;
    line-height: 1.45;
}

.cobranza-form-stack[b-rtgytw43am] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    margin-top: 16px;
}

.cobranza-action-block[b-rtgytw43am] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding-top: 14px;
    border-top: 1px solid var(--border-light);
}

.cobranza-action-block h3[b-rtgytw43am] {
    margin: 0;
    font-size: 1rem;
}

.cobranza-action-block-inline[b-rtgytw43am] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    align-items: end;
}

.cobranza-form-grid[b-rtgytw43am] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.cobranza-textarea[b-rtgytw43am] {
    min-height: 76px;
    resize: vertical;
}

.cobranza-historial[b-rtgytw43am] {
    margin-top: 18px;
    padding-top: 16px;
    border-top: 1px solid var(--border-light);
}

.cobranza-eventos[b-rtgytw43am] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.cobranza-evento[b-rtgytw43am] {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 10px;
}

.cobranza-evento i[b-rtgytw43am] {
    width: 34px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: var(--surface-muted);
    color: var(--primary);
}

.cobranza-evento strong[b-rtgytw43am],
.cobranza-evento span[b-rtgytw43am] {
    display: block;
}

.cobranza-evento span[b-rtgytw43am] {
    color: var(--text-muted);
    font-size: .8rem;
}

.cobranza-evento p[b-rtgytw43am] {
    margin: 4px 0 0;
    color: var(--text-secondary);
    font-size: .9rem;
}

@media (max-width: 1180px) {
    .cobranza-kpi-grid[b-rtgytw43am] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .cobranza-recupero-panel[b-rtgytw43am],
    .cobranza-layout[b-rtgytw43am] {
        grid-template-columns: 1fr;
    }

    .cobranza-recupero-grid[b-rtgytw43am] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .cobranza-detalle[b-rtgytw43am] {
        position: static;
    }
}

@media (max-width: 860px) {
    .cobranza-header[b-rtgytw43am],
    .cobranza-header-actions[b-rtgytw43am],
    .cobranza-panel-header[b-rtgytw43am] {
        flex-direction: column;
        align-items: stretch;
    }

    .cobranza-filtros[b-rtgytw43am],
    .cobranza-kpi-grid[b-rtgytw43am],
    .cobranza-recupero-grid[b-rtgytw43am],
    .cobranza-deudor[b-rtgytw43am],
    .cobranza-deudor-main[b-rtgytw43am],
    .cobranza-form-grid[b-rtgytw43am],
    .cobranza-action-block-inline[b-rtgytw43am],
    .cobranza-detalle-metricas[b-rtgytw43am],
    .cobranza-message-box[b-rtgytw43am] {
        grid-template-columns: 1fr;
    }

    .cobranza-deudor-actions[b-rtgytw43am] {
        justify-content: flex-start;
    }
}
/* /Pages/Administrador/ConfiguracionInstitucion.razor.rz.scp.css */
.soporte-card[b-i3seklr7yt] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 16px;
        border: 1px solid var(--border-light);
    }

    .soporte-card--active[b-i3seklr7yt] {
        border-color: rgba(var(--status-success-rgb), .35);
        background: rgba(var(--status-success-rgb), .05);
    }

    .soporte-card__content[b-i3seklr7yt] {
        display: flex;
        align-items: flex-start;
        gap: 12px;
        min-width: 0;
    }

    .soporte-card__icon[b-i3seklr7yt] {
        width: 42px;
        height: 42px;
        border-radius: 14px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: var(--surface-muted);
        font-size: 1.4rem;
        flex-shrink: 0;
    }

    .soporte-card__text h3[b-i3seklr7yt] {
        margin: 0 0 4px;
    }

    .soporte-card__text p[b-i3seklr7yt] {
        margin: 0;
    }

    .soporte-card__actions[b-i3seklr7yt] {
        display: flex;
        align-items: center;
        gap: 10px;
        min-width: 320px;
    }

    .config-fieldset[b-i3seklr7yt] {
        border: 0;
        padding: 0;
        margin: 0;
    }

    .config-fieldset[disabled][b-i3seklr7yt] {
        opacity: .72;
    }

    @media (max-width: 768px) {
        .soporte-card[b-i3seklr7yt] {
            flex-direction: column;
            align-items: stretch;
        }

        .soporte-card__actions[b-i3seklr7yt] {
            min-width: 0;
            flex-direction: column;
            align-items: stretch;
        }
    }

    /* ── Tabs ──────────────────────────────────────── */
    .config-tabs[b-i3seklr7yt] {
        display: flex;
        gap: 4px;
        border-bottom: 2px solid var(--border-light);
        overflow-x: auto;
    }

    .config-tab[b-i3seklr7yt] {
        padding: 10px 18px;
        border: none;
        background: none;
        font-size: 0.88rem;
        font-weight: 500;
        color: var(--text-muted);
        cursor: pointer;
        border-bottom: 2px solid transparent;
        margin-bottom: -2px;
        display: flex;
        align-items: center;
        gap: 6px;
        white-space: nowrap;
        transition: all 0.15s ease;
    }

        .config-tab:hover[b-i3seklr7yt] {
            color: var(--text);
            background: var(--bg);
        }

        .config-tab--active[b-i3seklr7yt] {
            color: var(--primary);
            border-bottom-color: var(--primary);
            font-weight: 600;
        }

    /* ── Info bar ──────────────────────────────────── */
    .config-info-bar[b-i3seklr7yt] {
        display: flex;
        gap: 24px;
        padding: 12px 16px;
        background: var(--bg);
        border-radius: var(--radius);
    }

    .config-info-item[b-i3seklr7yt] {
        display: flex;
        align-items: center;
        gap: 8px;
        font-size: 0.85rem;
        color: var(--text-muted);
    }

    /* ── Preset grid ──────────────────────────────── */
    .preset-grid[b-i3seklr7yt] {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
        gap: 12px;
    }

    .preset-card[b-i3seklr7yt] {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        padding: 20px 12px;
        border: 2px solid var(--border-light);
        border-radius: var(--radius);
        background: none;
        cursor: pointer;
        transition: all 0.18s ease;
        font-family: inherit;
    }

        .preset-card:hover[b-i3seklr7yt] {
            border-color: var(--primary);
            transform: translateY(-2px);
            box-shadow: var(--shadow);
        }

        .preset-card--selected[b-i3seklr7yt] {
            border-color: var(--primary);
            background: rgba(var(--primary-rgb), 0.04);
            box-shadow: var(--shadow);
        }

        .preset-card--current[b-i3seklr7yt] {
            border-color: var(--success);
        }

    .preset-icon[b-i3seklr7yt] {
        font-size: 1.8rem;
        color: var(--primary);
        margin-bottom: 8px;
    }

    .preset-nombre[b-i3seklr7yt] {
        font-weight: 600;
        font-size: 0.9rem;
        color: var(--text);
    }

    .preset-desc[b-i3seklr7yt] {
        font-size: 0.75rem;
        color: var(--text-muted);
        margin-top: 4px;
        line-height: 1.3;
    }

    /* ── Preset preview ───────────────────────────── */
    .preset-preview[b-i3seklr7yt] {
        border: 1px solid var(--border);
        border-radius: var(--radius);
        padding: 20px;
        background: var(--bg);
    }

    .preset-preview-header h4[b-i3seklr7yt] {
        margin: 0;
        display: flex;
        align-items: center;
        gap: 8px;
        font-size: 1rem;
    }

    .preview-term[b-i3seklr7yt] {
        padding: 4px 0;
        font-size: 0.85rem;
        color: var(--text);
    }

    .preview-mod[b-i3seklr7yt] {
        padding: 3px 0;
        font-size: 0.85rem;
        color: var(--success);
        display: flex;
        align-items: center;
        gap: 6px;
    }

    .preview-mod--off[b-i3seklr7yt] {
        color: var(--text-muted);
        opacity: 0.5;
    }

    /* ── Tabla terminología ────────────────────────── */
    .tabla-separator td[b-i3seklr7yt] {
        border-bottom: none;
    }

    @media (max-width: 600px) {
        .grid-2[b-i3seklr7yt] {
            grid-template-columns: 1fr;
        }

        .config-info-bar[b-i3seklr7yt] {
            flex-direction: column;
            gap: 8px;
        }

        .preset-grid[b-i3seklr7yt] {
            grid-template-columns: repeat(2, 1fr);
        }
    }
    .palette-actions[b-i3seklr7yt] {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
    }

    .theme-preview[b-i3seklr7yt] {
        border: 1px solid var(--border);
        border-radius: var(--radius-lg);
        overflow: hidden;
        box-shadow: var(--shadow-sm);
    }

    .theme-preview__top[b-i3seklr7yt] {
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 14px 16px;
        font-weight: 700;
    }

    .theme-preview__brand[b-i3seklr7yt] {
        width: 30px;
        height: 30px;
        border-radius: 9px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-weight: 800;
    }

    .theme-preview__body[b-i3seklr7yt] {
        padding: 18px;
        border-top: 1px solid var(--border);
    }

    .color-grid[b-i3seklr7yt] {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
        gap: 14px;
    }

    .color-input[b-i3seklr7yt] {
        min-height: 42px;
        padding: 4px;
    }


.grid-3[b-i3seklr7yt] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

.config-section-title[b-i3seklr7yt] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin: 18px 0 14px;
}

.config-section-title h4[b-i3seklr7yt] {
    margin: 0;
}

.landing-editor-preview[b-i3seklr7yt] {
    padding: 20px;
    border-radius: var(--radius-lg);
    background: linear-gradient(135deg, rgba(var(--primary-rgb),0.06), rgba(var(--accent-rgb),0.06));
}

.landing-editor-preview h3[b-i3seklr7yt] {
    margin: 8px 0;
    font-size: 1.6rem;
}

.mini-editor-card[b-i3seklr7yt] {
    padding: 14px;
    border-radius: var(--radius-lg);
}

@media (max-width: 992px) {
    .grid-3[b-i3seklr7yt] {
        grid-template-columns: 1fr;
    }

    .config-section-title[b-i3seklr7yt] {
        flex-direction: column;
        align-items: stretch;
    }
}


.brand-preview[b-i3seklr7yt] {
    display: flex;
    align-items: center;
    gap: 16px;
    background: linear-gradient(135deg, var(--bg-card), rgba(var(--primary-rgb), .04));
}

.brand-preview__logo[b-i3seklr7yt] {
    width: 62px;
    height: 62px;
    border-radius: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--accent);
    color: var(--primary-dark);
    font-weight: 900;
    font-size: 1.35rem;
    overflow: hidden;
    flex-shrink: 0;
}

.brand-preview__logo img[b-i3seklr7yt] {
    width: 100%;
    height: 100%;
    object-fit: contain;
    background: var(--bg-card);
    padding: 6px;
}


.config-sub-option[b-i3seklr7yt] {
    margin-left: 26px;
    padding: 10px 12px;
    border-left: 3px solid var(--border-light);
    background: var(--surface-muted, rgba(15, 23, 42, 0.03));
    border-radius: 10px;
}

.config-sub-option small[b-i3seklr7yt] {
    display: block;
    margin-top: 4px;
    line-height: 1.35;
}

.config-sub-option input[disabled] + *[b-i3seklr7yt] {
    opacity: .7;
}

@media (max-width: 768px) {
    .config-sub-option[b-i3seklr7yt] {
        margin-left: 0;
    }
}


/* v44.1 responsive/theme polish */
@media (max-width: 640px) {
    .config-tabs[b-i3seklr7yt] {
        padding-bottom: 6px;
        scrollbar-width: thin;
    }

    .config-tab[b-i3seklr7yt] {
        flex: 0 0 auto;
        padding: 11px 14px;
    }

    .preset-grid[b-i3seklr7yt] {
        grid-template-columns: 1fr;
    }

    .palette-actions .btn[b-i3seklr7yt],
    .config-section-title .btn[b-i3seklr7yt] {
        width: 100%;
        justify-content: center;
    }
}

/* ── v53: paneles modernos de configuración ───────────────── */
.config-tabs[b-i3seklr7yt] {
    padding: 4px;
    background: var(--surface);
    border: 1px solid var(--border-light);
    border-radius: 18px;
    box-shadow: var(--shadow-sm);
    border-bottom: 1px solid var(--border-light);
}

.config-tab[b-i3seklr7yt] {
    border-radius: 14px;
    margin-bottom: 0;
    border-bottom: 0;
}

.config-tab--active[b-i3seklr7yt] {
    background: rgba(var(--primary-rgb), .09);
    color: var(--primary);
    border-bottom: 0;
}

.config-panel-card[b-i3seklr7yt] {
    overflow: hidden;
}

.config-section-header[b-i3seklr7yt] {
    margin-bottom: 20px;
}

.config-section-kicker[b-i3seklr7yt] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 6px;
    color: var(--primary);
    font-size: .74rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.config-section-header h3[b-i3seklr7yt],
.config-demo-box h4[b-i3seklr7yt] {
    margin: 0 0 6px;
}

.config-section-header p[b-i3seklr7yt],
.config-demo-box p[b-i3seklr7yt] {
    margin: 0;
    color: var(--text-muted);
    line-height: 1.55;
}

.config-status-grid[b-i3seklr7yt] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.config-status-card[b-i3seklr7yt] {
    display: flex;
    gap: 12px;
    padding: 14px;
    border: 1px solid var(--border-light);
    border-radius: 18px;
    background: var(--surface-muted);
}

.config-status-card > i[b-i3seklr7yt] {
    width: 40px;
    height: 40px;
    border-radius: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--surface);
    color: var(--primary);
    font-size: 1.25rem;
    flex: 0 0 auto;
}

.config-status-card strong[b-i3seklr7yt],
.config-status-card span[b-i3seklr7yt] {
    display: block;
}

.config-status-card strong[b-i3seklr7yt] {
    margin-bottom: 3px;
    font-size: .92rem;
}

.config-status-card span[b-i3seklr7yt] {
    color: var(--text-muted);
    font-size: .78rem;
    line-height: 1.4;
}

.config-status-card--ok[b-i3seklr7yt] {
    border-color: rgba(var(--status-success-rgb), .35);
    background: rgba(var(--status-success-rgb), .06);
}

.config-status-card--warning[b-i3seklr7yt] {
    border-color: rgba(var(--status-warning-rgb), .35);
    background: rgba(var(--status-warning-rgb), .07);
}

.config-demo-box[b-i3seklr7yt] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 18px;
    border: 1px dashed rgba(var(--primary-rgb), .35);
    border-radius: 20px;
    background: rgba(var(--primary-rgb), .045);
}

.field-help[b-i3seklr7yt] {
    display: block;
    margin-top: 6px;
    color: var(--text-muted);
    font-size: .76rem;
    line-height: 1.4;
}

.advanced-toggle[b-i3seklr7yt] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.advanced-panel[b-i3seklr7yt] {
    padding: 18px;
    border: 1px solid var(--border-light);
    border-radius: 20px;
    background: var(--surface-muted);
}

.config-actions-footer[b-i3seklr7yt] {
    display: flex;
    gap: 12px;
    justify-content: flex-end;
    flex-wrap: wrap;
    margin-top: 24px;
}

.config-link-grid[b-i3seklr7yt] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.config-link-card[b-i3seklr7yt] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 18px;
    min-height: 150px;
    border: 1px solid var(--border-light);
    border-radius: 20px;
    background: var(--surface);
    color: var(--text);
    text-decoration: none;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.config-link-card:hover[b-i3seklr7yt] {
    transform: translateY(-2px);
    box-shadow: var(--shadow);
    border-color: rgba(var(--primary-rgb), .35);
    text-decoration: none;
}

.config-link-card > i[b-i3seklr7yt] {
    width: 42px;
    height: 42px;
    border-radius: 15px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(var(--primary-rgb), .09);
    color: var(--primary);
    font-size: 1.35rem;
}

.config-link-card strong[b-i3seklr7yt] {
    font-size: 1rem;
}

.config-link-card span[b-i3seklr7yt] {
    color: var(--text-muted);
    font-size: .84rem;
    line-height: 1.45;
}

.config-link-card--disabled[b-i3seklr7yt] {
    opacity: .65;
    cursor: not-allowed;
}

@media (max-width: 980px) {
    .config-status-grid[b-i3seklr7yt],
    .config-link-grid[b-i3seklr7yt] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 700px) {
    .config-tabs[b-i3seklr7yt] {
        border-radius: 16px;
    }

    .config-tab[b-i3seklr7yt] {
        padding: 10px 14px;
    }

    .config-demo-box[b-i3seklr7yt] {
        align-items: stretch;
        flex-direction: column;
    }

    .config-actions-footer[b-i3seklr7yt] {
        flex-direction: column;
    }
}


/* v54.3 - limpieza de estilos inline en configuración */
.config-card-flat[b-i3seklr7yt] {
    padding: 0;
}

.config-actions-inline[b-i3seklr7yt],
.config-actions-end[b-i3seklr7yt] {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.config-actions-end[b-i3seklr7yt] {
    justify-content: flex-end;
}

.config-col-concepto[b-i3seklr7yt] {
    width: 200px;
}

.config-table-section[b-i3seklr7yt] {
    font-weight: 600;
    padding-top: 20px;
}

.config-input-sm[b-i3seklr7yt] {
    max-width: 120px;
}

.config-input-md[b-i3seklr7yt] {
    max-width: 140px;
}

.config-field-wide[b-i3seklr7yt] {
    grid-column: 1 / -1;
}

.config-fieldset[b-i3seklr7yt] {
    border: 0;
    margin: 0;
    padding: 0;
}

.config-fieldset:disabled[b-i3seklr7yt] {
    opacity: 0.72;
}

.theme-preview[b-i3seklr7yt] {
    background: var(--theme-preview-fondo);
    border-color: var(--theme-preview-borde);
    color: var(--theme-preview-texto);
}

.theme-preview__top[b-i3seklr7yt] {
    background: var(--theme-preview-primario);
    color: #fff;
}

.theme-preview__brand[b-i3seklr7yt] {
    background: var(--theme-preview-acento);
    color: var(--theme-preview-primario-oscuro);
}

.theme-preview__body[b-i3seklr7yt] {
    background: var(--theme-preview-superficie);
    border-color: var(--theme-preview-borde);
}

.theme-preview__title[b-i3seklr7yt] {
    color: var(--theme-preview-texto);
}

.theme-preview__button[b-i3seklr7yt] {
    background: var(--theme-preview-acento);
    color: var(--theme-preview-primario-oscuro);
}

/* v54.6 instalación: tabs más compactos y sin sensación de "barra técnica" */
.config-tabs[b-i3seklr7yt] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 8px;
    border: 1px solid var(--border-light);
    border-radius: 18px;
    background: var(--surface);
    overflow-x: visible;
}

.config-tab[b-i3seklr7yt] {
    border: 1px solid transparent;
    border-radius: 999px;
    margin-bottom: 0;
    padding: 9px 13px;
    background: var(--surface-muted);
    font-weight: 700;
}

.config-tab:hover[b-i3seklr7yt] {
    border-color: rgba(var(--primary-rgb), .18);
}

.config-tab--active[b-i3seklr7yt] {
    color: var(--primary-dark);
    border-color: rgba(var(--primary-rgb), .22);
    background: rgba(var(--primary-rgb), .10);
    box-shadow: inset 0 0 0 1px rgba(var(--primary-rgb), .06);
}

.config-tab i[b-i3seklr7yt] {
    font-size: 1rem;
}

@media (max-width: 640px) {
    .config-tabs[b-i3seklr7yt] {
        flex-wrap: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .config-tab[b-i3seklr7yt] {
        flex: 0 0 auto;
    }
}


/* v54.7 contexto de puesta en marcha */
.wizard-return-banner[b-i3seklr7yt] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 14px 16px;
    border-radius: 18px;
    border: 1px solid rgba(var(--primary-rgb), .18);
    background: linear-gradient(135deg, rgba(var(--primary-rgb), .07), rgba(var(--accent-rgb), .08));
}

.wizard-return-banner div[b-i3seklr7yt],
.wizard-return-banner span[b-i3seklr7yt],
.wizard-return-banner strong[b-i3seklr7yt],
.wizard-return-banner small[b-i3seklr7yt] {
    display: block;
}

.wizard-return-banner span[b-i3seklr7yt] {
    color: var(--primary);
    font-size: .72rem;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.wizard-return-banner small[b-i3seklr7yt] {
    color: var(--text-muted);
    margin-top: 2px;
}

@media (max-width: 640px) {
    .wizard-return-banner[b-i3seklr7yt] {
        align-items: stretch;
        flex-direction: column;
    }

    .wizard-return-banner .btn[b-i3seklr7yt] {
        justify-content: center;
        width: 100%;
    }
}

.config-subsection[b-i3seklr7yt] {
    display: grid;
    gap: 4px;
    padding: 14px 16px;
    border-radius: 18px;
    border: 1px solid var(--border-light);
    background: var(--bg-soft);
}

.config-subsection h4[b-i3seklr7yt] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    color: var(--text-primary);
    font-size: 1rem;
}

.config-subsection p[b-i3seklr7yt] {
    margin: 0;
}

.checkbox-label--strong[b-i3seklr7yt] {
    font-weight: 850;
}

.config-note[b-i3seklr7yt] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 13px 15px;
    border-radius: 18px;
    border: 1px solid var(--border-light);
    background: var(--bg-soft);
    color: var(--text-secondary);
    font-weight: 700;
}

.config-note i[b-i3seklr7yt] {
    color: var(--primary);
    font-size: 1.15rem;
}

/* v54.10.4 diagnóstico Google Wallet */
.wallet-diagnostic[b-i3seklr7yt] {
    display: grid;
    gap: 14px;
    padding: 16px;
    border: 1px solid var(--border-light);
    border-radius: 20px;
    background: var(--surface);
    box-shadow: var(--shadow-sm);
}

.wallet-diagnostic__header[b-i3seklr7yt] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.wallet-diagnostic__header strong[b-i3seklr7yt],
.wallet-diagnostic__header small[b-i3seklr7yt] {
    display: block;
}

.wallet-diagnostic__header small[b-i3seklr7yt] {
    margin-top: 4px;
    color: var(--text-muted);
    word-break: break-word;
}

.wallet-diagnostic__status[b-i3seklr7yt],
.wallet-diagnostic__badge[b-i3seklr7yt] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    font-size: .72rem;
    font-weight: 900;
    letter-spacing: .04em;
    text-transform: uppercase;
    white-space: nowrap;
}

.wallet-diagnostic__status[b-i3seklr7yt] {
    padding: 7px 10px;
}

.wallet-diagnostic__status--ok[b-i3seklr7yt],
.wallet-diagnostic__badge--ok[b-i3seklr7yt] {
    color: var(--success);
    background: rgba(var(--status-success-rgb), .12);
}

.wallet-diagnostic__status--pending[b-i3seklr7yt],
.wallet-diagnostic__badge--pending[b-i3seklr7yt] {
    color: var(--text-muted);
    background: var(--surface-muted);
}

.wallet-diagnostic__badge--warning[b-i3seklr7yt] {
    color: var(--warning);
    background: rgba(var(--status-warning-rgb), .14);
}

.wallet-diagnostic__badge--error[b-i3seklr7yt] {
    color: var(--danger);
    background: rgba(var(--status-danger-rgb), .12);
}

.wallet-diagnostic__origins[b-i3seklr7yt] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    color: var(--text-muted);
    font-size: .86rem;
}

.wallet-diagnostic__origins code[b-i3seklr7yt] {
    padding: 4px 7px;
    border-radius: 999px;
    background: var(--surface-muted);
    color: var(--text-secondary);
    font-size: .8rem;
}

.wallet-diagnostic__list[b-i3seklr7yt] {
    display: grid;
    gap: 10px;
}

.wallet-diagnostic__item[b-i3seklr7yt] {
    display: grid;
    grid-template-columns: 96px 1fr;
    gap: 10px;
    align-items: flex-start;
    padding: 10px;
    border: 1px solid var(--border-light);
    border-radius: 16px;
    background: var(--bg-soft);
}

.wallet-diagnostic__badge[b-i3seklr7yt] {
    min-width: 82px;
    padding: 6px 8px;
}

.wallet-diagnostic__item strong[b-i3seklr7yt],
.wallet-diagnostic__item small[b-i3seklr7yt] {
    display: block;
}

.wallet-diagnostic__item small[b-i3seklr7yt] {
    margin-top: 2px;
    color: var(--text-muted);
}

@media (max-width: 640px) {
    .wallet-diagnostic__header[b-i3seklr7yt] {
        flex-direction: column;
    }

    .wallet-diagnostic__item[b-i3seklr7yt] {
        grid-template-columns: 1fr;
    }

    .wallet-diagnostic__badge[b-i3seklr7yt] {
        width: fit-content;
    }
}


/* v54.10.8 accesos rápidos y configuración más encontrable */
.config-overview-grid[b-i3seklr7yt] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 12px;
}

.config-overview-card[b-i3seklr7yt] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    min-height: 112px;
    padding: 16px;
    border: 1px solid var(--border-light);
    border-radius: 20px;
    background: var(--surface);
    color: var(--text);
    box-shadow: var(--shadow-sm);
    cursor: pointer;
    text-align: left;
    font: inherit;
    transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease, background .16s ease;
}

.config-overview-card:hover[b-i3seklr7yt],
.config-overview-card:focus-visible[b-i3seklr7yt] {
    transform: translateY(-1px);
    border-color: var(--primary);
    box-shadow: var(--shadow);
    outline: none;
}

.config-overview-card i[b-i3seklr7yt] {
    width: 36px;
    height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    background: var(--surface-muted);
    color: var(--primary);
    font-size: 1.25rem;
}

.config-overview-card strong[b-i3seklr7yt] {
    font-size: .94rem;
    color: var(--text);
}

.config-overview-card span[b-i3seklr7yt] {
    font-size: .78rem;
    line-height: 1.35;
    color: var(--text-muted);
}

.config-overview-card--highlight[b-i3seklr7yt] {
    border-color: rgba(var(--primary-rgb), .28);
    background: linear-gradient(135deg, rgba(var(--primary-rgb), .08), var(--surface));
}

.config-tabs[b-i3seklr7yt] {
    flex-wrap: wrap;
    overflow-x: visible;
    padding: 8px;
    border: 1px solid var(--border-light);
    border-radius: 18px;
    background: var(--surface);
}

.config-tab[b-i3seklr7yt] {
    border-radius: 999px;
    border-bottom: 0;
    margin-bottom: 0;
}

.config-tab--active[b-i3seklr7yt] {
    background: rgba(var(--primary-rgb), .10);
    border-bottom-color: transparent;
}

.config-actions-inline[b-i3seklr7yt],
.config-actions-end[b-i3seklr7yt] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.config-actions-end[b-i3seklr7yt] {
    justify-content: flex-end;
}

.full-width[b-i3seklr7yt],
.config-field-wide[b-i3seklr7yt] {
    grid-column: 1 / -1;
}

.form-input[b-i3seklr7yt] {
    width: 100%;
}

@media (max-width: 640px) {
    .config-overview-grid[b-i3seklr7yt] {
        grid-template-columns: 1fr 1fr;
    }

    .config-overview-card[b-i3seklr7yt] {
        min-height: 126px;
        padding: 13px;
    }

    .config-tabs[b-i3seklr7yt] {
        gap: 6px;
    }

    .config-tab[b-i3seklr7yt] {
        flex: 1 1 calc(50% - 6px);
        justify-content: center;
        padding: 9px 10px;
    }
}

.config-note--success[b-i3seklr7yt] {
    border-color: rgba(var(--status-success-rgb), .28);
    background: rgba(var(--status-success-rgb), .08);
}

.config-note--success i[b-i3seklr7yt] {
    color: var(--success);
}


/* v54.10.11 - Wallet config direct link and responsive polish */
.wallet-config-card[b-i3seklr7yt] {
    overflow: hidden;
}

.wallet-config-card .section-header-inline[b-i3seklr7yt] {
    align-items: flex-start;
    gap: 16px;
}

.wallet-config-shortcuts[b-i3seklr7yt] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    flex-wrap: wrap;
}

.config-note--success[b-i3seklr7yt] {
    border-color: rgba(var(--status-success-rgb), .22);
    background: rgba(var(--status-success-rgb), .08);
}

.config-note--success i[b-i3seklr7yt] {
    color: var(--success);
}

@media (max-width: 768px) {
    .wallet-config-card .section-header-inline[b-i3seklr7yt] {
        flex-direction: column;
    }

    .wallet-config-shortcuts[b-i3seklr7yt] {
        width: 100%;
        justify-content: stretch;
    }

    .wallet-config-shortcuts .btn[b-i3seklr7yt] {
        flex: 1 1 160px;
    }
}

/* v54.10.18 - configuración directa con contexto y navegación consistente */
.config-page-header__eyebrow[b-i3seklr7yt] {
    display: inline-flex;
    align-items: center;
    margin-bottom: 4px;
    color: var(--text-muted);
    font-size: .72rem;
    font-weight: 850;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.wizard-return-banner[b-i3seklr7yt] {
    background: var(--surface);
    border-color: rgba(var(--primary-rgb), .18);
    box-shadow: var(--shadow-sm);
}

.config-overview-card--highlight[b-i3seklr7yt] {
    background: var(--surface);
}

.config-overview-card--active[b-i3seklr7yt] {
    border-color: rgba(var(--primary-rgb), .42);
    background: rgba(var(--primary-rgb), .06);
    box-shadow: inset 0 0 0 1px rgba(var(--primary-rgb), .08), var(--shadow-sm);
}

.config-overview-card--active i[b-i3seklr7yt] {
    background: rgba(var(--primary-rgb), .12);
}

@media (max-width: 640px) {
    .config-page-header .admin-page-actions[b-i3seklr7yt] {
        width: 100%;
    }

    .config-page-header .admin-page-actions .btn[b-i3seklr7yt] {
        flex: 1 1 150px;
        justify-content: center;
    }
}

/* v54.11.44.9 — Mercado Pago más claro */
.mp-config-card code[b-i3seklr7yt] {
    font-family: inherit;
    font-weight: 700;
    color: var(--text-primary);
    background: rgba(var(--primary-rgb), .08);
    border: 1px solid rgba(var(--primary-rgb), .12);
    border-radius: 8px;
    padding: 2px 6px;
}

.mp-flow[b-i3seklr7yt] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr);
    gap: 10px;
    align-items: stretch;
    padding: 14px;
    border: 1px solid var(--border-light);
    border-radius: 20px;
    background: var(--surface-muted);
}

.mp-flow-step[b-i3seklr7yt] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
    padding: 14px;
    border: 1px solid var(--border-light);
    border-radius: 16px;
    background: var(--surface);
}

.mp-flow-step i[b-i3seklr7yt] {
    width: 36px;
    height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 13px;
    color: var(--primary);
    background: rgba(var(--primary-rgb), .10);
    font-size: 1.15rem;
}

.mp-flow-step strong[b-i3seklr7yt] {
    color: var(--text-primary);
    font-size: .92rem;
}

.mp-flow-step span[b-i3seklr7yt] {
    color: var(--text-muted);
    font-size: .78rem;
    line-height: 1.35;
}

.mp-flow-arrow[b-i3seklr7yt] {
    align-self: center;
    color: var(--text-muted);
    opacity: .75;
}

.mp-config-guide[b-i3seklr7yt] {
    padding: 18px;
    border: 1px solid rgba(var(--primary-rgb), .22);
    border-radius: 22px;
    background: linear-gradient(135deg, rgba(var(--primary-rgb), .055), var(--surface));
}

.mp-config-guide-header[b-i3seklr7yt] {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    margin-bottom: 14px;
}

.mp-config-guide-header > i[b-i3seklr7yt] {
    width: 42px;
    height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 15px;
    color: var(--primary);
    background: rgba(var(--primary-rgb), .12);
    font-size: 1.2rem;
    flex: 0 0 auto;
}

.mp-config-guide-header strong[b-i3seklr7yt],
.mp-config-guide-header span[b-i3seklr7yt] {
    display: block;
}

.mp-config-guide-header strong[b-i3seklr7yt] {
    color: var(--text-primary);
    font-size: 1rem;
    margin-bottom: 3px;
}

.mp-config-guide-header span[b-i3seklr7yt] {
    color: var(--text-muted);
    line-height: 1.45;
}

.mp-guide-grid[b-i3seklr7yt] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.mp-guide-card[b-i3seklr7yt] {
    padding: 14px;
    border: 1px solid var(--border-light);
    border-radius: 18px;
    background: var(--surface);
}

.mp-guide-card strong[b-i3seklr7yt] {
    display: block;
    margin-bottom: 8px;
    color: var(--text-primary);
}

.mp-guide-card ul[b-i3seklr7yt] {
    margin: 0;
    padding-left: 18px;
    color: var(--text-muted);
    font-size: .82rem;
    line-height: 1.45;
}

.mp-guide-card li + li[b-i3seklr7yt] {
    margin-top: 5px;
}

.mp-guide-card--ok[b-i3seklr7yt] {
    border-color: rgba(var(--status-success-rgb), .30);
    background: rgba(var(--status-success-rgb), .045);
}

.mp-guide-card--warning[b-i3seklr7yt] {
    border-color: rgba(var(--status-warning-rgb), .30);
    background: rgba(var(--status-warning-rgb), .055);
}

.mp-advanced-panel[b-i3seklr7yt] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.mp-advanced-section[b-i3seklr7yt] {
    padding: 16px;
    border: 1px solid var(--border-light);
    border-radius: 18px;
    background: var(--surface);
}

.mp-advanced-section-header[b-i3seklr7yt] {
    margin-bottom: 16px;
}

.mp-advanced-section-header h4[b-i3seklr7yt] {
    margin: 0 0 4px;
    color: var(--text-primary);
}

.mp-advanced-section-header p[b-i3seklr7yt] {
    margin: 0;
    color: var(--text-muted);
    line-height: 1.45;
}

@media (max-width: 900px) {
    .mp-flow[b-i3seklr7yt] {
        grid-template-columns: 1fr;
    }

    .mp-flow-arrow[b-i3seklr7yt] {
        transform: rotate(90deg);
        justify-self: center;
    }

    .mp-guide-grid[b-i3seklr7yt] {
        grid-template-columns: 1fr;
    }
}

/* v54.12.30 - Mercado Pago: ayuda contraída por defecto para reducir ruido visual. */
.mp-help-toggle[b-i3seklr7yt] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 14px;
    border: 1px solid var(--border-light);
    border-radius: var(--radius-md, 14px);
    background: var(--surface-muted);
}

.mp-help-toggle strong[b-i3seklr7yt],
.mp-help-toggle span[b-i3seklr7yt] {
    display: block;
}

.mp-help-toggle strong[b-i3seklr7yt] {
    color: var(--text-primary);
    font-size: .95rem;
}

.mp-help-toggle span[b-i3seklr7yt] {
    color: var(--text-muted);
    font-size: .82rem;
    line-height: 1.35;
}

.mp-help-panel[b-i3seklr7yt] {
    padding: 14px;
    border: 1px solid var(--border-light);
    border-radius: var(--radius-lg, 18px);
    background: var(--bg-card);
}

.mp-help-panel .mp-flow[b-i3seklr7yt],
.mp-help-panel .mp-config-guide[b-i3seklr7yt],
.mp-help-panel .alert[b-i3seklr7yt] {
    margin-bottom: 12px !important;
}

.mp-help-panel .mp-flow:last-child[b-i3seklr7yt],
.mp-help-panel .mp-config-guide:last-child[b-i3seklr7yt],
.mp-help-panel .alert:last-child[b-i3seklr7yt] {
    margin-bottom: 0 !important;
}

@media (max-width: 700px) {
    .mp-help-toggle[b-i3seklr7yt] {
        align-items: stretch;
        flex-direction: column;
    }

    .mp-help-toggle .btn[b-i3seklr7yt] {
        width: 100%;
        justify-content: center;
    }
}
/* /Pages/Administrador/Dashboard.razor.rz.scp.css */
.dashboard-actions-layout[b-a98ccjiu7n] {
        display: grid;
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .dashboard-setup-card.card[b-a98ccjiu7n] {
        display: flex;
        align-items: stretch;
        justify-content: space-between;
        gap: 18px;
        padding: 18px;
        border-radius: 8px;
        border: 1px solid rgba(var(--primary-rgb), .18);
        background: linear-gradient(135deg, rgba(var(--primary-rgb), .055), var(--bg-card, #fff) 58%, rgba(var(--accent-rgb), .06));
        box-shadow: var(--shadow-sm, 0 8px 22px rgba(15, 23, 42, .06));
    }

    .dashboard-setup-main[b-a98ccjiu7n] {
        display: grid;
        grid-template-columns: 52px minmax(0, 1fr);
        gap: 16px;
        min-width: 0;
    }

    .dashboard-setup-icon[b-a98ccjiu7n] {
        width: 52px;
        height: 52px;
        border-radius: 8px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: rgba(var(--primary-rgb), .11);
        color: var(--primary);
        font-size: 1.55rem;
    }

    .dashboard-setup-content[b-a98ccjiu7n] {
        min-width: 0;
    }

    .dashboard-setup-label[b-a98ccjiu7n] {
        margin-bottom: 4px;
        color: var(--text-muted);
        font-size: .78rem;
        font-weight: 800;
        text-transform: uppercase;
        letter-spacing: 0;
    }

    .dashboard-setup-content h2[b-a98ccjiu7n] {
        margin: 0 0 4px;
        color: var(--text-primary);
        font-size: 1.2rem;
        font-weight: 850;
        line-height: 1.2;
    }

    .dashboard-setup-content p[b-a98ccjiu7n] {
        margin: 0 0 12px;
        color: var(--text-muted);
        line-height: 1.35;
    }

    .dashboard-setup-progress[b-a98ccjiu7n] {
        height: 8px;
        overflow: hidden;
        border-radius: 999px;
        background: rgba(var(--primary-rgb), .12);
    }

    .dashboard-setup-progress span[b-a98ccjiu7n] {
        display: block;
        height: 100%;
        border-radius: inherit;
        background: linear-gradient(90deg, var(--primary), var(--accent));
    }

    .dashboard-setup-pending[b-a98ccjiu7n] {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        margin-top: 12px;
    }

    .dashboard-setup-chip[b-a98ccjiu7n] {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        max-width: 100%;
        padding: 7px 9px;
        border: 1px solid var(--border-light);
        border-radius: 8px;
        background: var(--bg-card, #fff);
        color: var(--text-primary);
        font-size: .83rem;
        font-weight: 700;
        text-decoration: none;
    }

    .dashboard-setup-chip:hover[b-a98ccjiu7n] {
        border-color: rgba(var(--primary-rgb), .25);
        color: var(--primary);
    }

    .dashboard-setup-chip span[b-a98ccjiu7n] {
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .dashboard-setup-actions[b-a98ccjiu7n] {
        display: flex;
        align-items: flex-start;
        justify-content: flex-end;
        gap: 10px;
        flex-wrap: wrap;
        min-width: max-content;
    }

    .dashboard-setup-actions .btn[b-a98ccjiu7n] {
        display: inline-flex;
        align-items: center;
        gap: 7px;
        border-radius: 8px;
        white-space: nowrap;
    }

    .dashboard-action-section.card[b-a98ccjiu7n] {
        padding: 20px;
        border-radius: 8px;
        border: 1px solid var(--border-light);
        background: var(--bg-card, #fff);
        box-shadow: var(--shadow-sm, 0 8px 22px rgba(15, 23, 42, .06));
    }

    .dashboard-action-section-header[b-a98ccjiu7n] {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 14px;
        padding-bottom: 14px;
        margin-bottom: 16px;
        border-bottom: 1px solid var(--border-light);
    }

    .dashboard-action-section-header h3[b-a98ccjiu7n] {
        margin: 0 0 4px;
        font-size: 1.12rem;
        font-weight: 800;
        color: var(--text-primary);
    }

    .dashboard-action-section-header p[b-a98ccjiu7n] {
        margin: 0;
        line-height: 1.35;
    }

    .dashboard-action-grid[b-a98ccjiu7n] {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 14px;
    }

    .dashboard-action-card[b-a98ccjiu7n] {
        min-height: 116px;
        display: grid;
        grid-template-columns: 44px minmax(0, 1fr);
        gap: 14px;
        align-items: center;
        padding: 16px;
        border: 1px solid var(--border-light);
        border-radius: 8px;
        background: linear-gradient(180deg, var(--bg-card, #fff), rgba(var(--primary-rgb), .018));
        color: inherit;
        text-decoration: none;
        transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
    }

    .dashboard-action-card:hover[b-a98ccjiu7n] {
        transform: translateY(-2px);
        box-shadow: var(--shadow, 0 10px 26px rgba(15, 23, 42, .08));
        border-color: rgba(var(--primary-rgb), .22);
        background: linear-gradient(180deg, var(--bg-card, #fff), rgba(var(--accent-rgb), .045));
    }

    .dashboard-action-card .admin-panel-icon[b-a98ccjiu7n],
    .dashboard-action-card > i[b-a98ccjiu7n] {
        width: 44px;
        height: 44px;
        border-radius: 8px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: rgba(var(--accent-rgb), .13);
        color: var(--accent);
        font-size: 1.35rem;
        margin: 0;
    }

    .dashboard-action-card strong[b-a98ccjiu7n] {
        display: block;
        margin-bottom: 4px;
        color: var(--text-primary);
        font-weight: 800;
        line-height: 1.2;
    }

    .dashboard-action-card span[b-a98ccjiu7n] {
        display: block;
        color: var(--text-muted);
        font-size: .86rem;
        line-height: 1.35;
    }

    .dashboard-action-card--featured[b-a98ccjiu7n] {
        border-color: rgba(var(--accent-rgb), .25);
        background: linear-gradient(135deg, rgba(var(--primary-rgb), .045), rgba(var(--accent-rgb), .09));
    }

    @media (max-width: 1180px) {
        .dashboard-action-grid[b-a98ccjiu7n] {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
    }

    @media (max-width: 720px) {
        .dashboard-setup-card.card[b-a98ccjiu7n] {
            flex-direction: column;
            padding: 16px;
        }

        .dashboard-setup-main[b-a98ccjiu7n] {
            grid-template-columns: 44px minmax(0, 1fr);
        }

        .dashboard-setup-icon[b-a98ccjiu7n] {
            width: 44px;
            height: 44px;
            font-size: 1.3rem;
        }

        .dashboard-setup-actions[b-a98ccjiu7n] {
            min-width: 0;
            justify-content: flex-start;
        }

        .dashboard-setup-actions .btn[b-a98ccjiu7n] {
            flex: 1 1 150px;
            justify-content: center;
        }

        .dashboard-action-grid[b-a98ccjiu7n] {
            grid-template-columns: 1fr;
        }

        .dashboard-action-section.card[b-a98ccjiu7n] {
            padding: 16px;
        }

        .dashboard-action-card[b-a98ccjiu7n] {
            min-height: auto;
        }
    }

.admin-color-bar[b-a98ccjiu7n] {
    width: 6px;
    min-height: 42px;
    border-radius: 999px;
    flex-shrink: 0;
    background: var(--item-color, var(--primary));
}

.barra-fill[b-a98ccjiu7n] {
    width: var(--bar-width, 0%);
    background: var(--bar-color, var(--primary));
}

.dashboard-chart-separator[b-a98ccjiu7n] {
    height: 1px;
    margin: 18px 0;
    background: var(--border-light);
}
/* /Pages/Administrador/Ocupacion.razor.rz.scp.css */
.admin-page-header[b-m00n0w9ubj] {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 16px;
    }

    .admin-page-actions[b-m00n0w9ubj] {
        display: flex;
        gap: 12px;
        flex-wrap: wrap;
    }

    .filtros-card[b-m00n0w9ubj] {
        padding: 16px;
    }

    .filtros-grid[b-m00n0w9ubj] {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr auto;
        gap: 12px;
        align-items: end;
    }

    .filtros-actions[b-m00n0w9ubj] {
        display: flex;
        align-items: end;
    }

    @media (max-width: 992px) {
        .filtros-grid[b-m00n0w9ubj] {
            grid-template-columns: 1fr;
        }
    }

    @media (max-width: 768px) {
        .admin-page-header[b-m00n0w9ubj] {
            flex-direction: column;
            align-items: stretch;
        }

        .admin-page-actions .btn[b-m00n0w9ubj],
        .filtros-actions .btn[b-m00n0w9ubj] {
            width: 100%;
            justify-content: center;
        }
    }
/* /Pages/Administrador/PlantillasNotificacion.razor.rz.scp.css */
.templates-layout[b-zh9rjblng5] {
    display: grid;
    grid-template-columns: minmax(260px, 360px) minmax(0, 1fr);
    gap: 20px;
    align-items: start;
}

.templates-list[b-zh9rjblng5],
.templates-editor[b-zh9rjblng5] {
    padding: 20px;
}

.templates-list__header[b-zh9rjblng5],
.templates-editor__header[b-zh9rjblng5] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 16px;
}

.template-row[b-zh9rjblng5] {
    width: 100%;
    border: 1px solid var(--border-light);
    background: var(--surface);
    color: var(--text);
    border-radius: var(--radius);
    padding: 14px;
    text-align: left;
    cursor: pointer;
    transition: .16s ease;
    margin-bottom: 10px;
}

.template-row:hover[b-zh9rjblng5],
.template-row--active[b-zh9rjblng5] {
    border-color: var(--primary);
    box-shadow: var(--shadow-sm);
}

.template-row--disabled[b-zh9rjblng5] {
    opacity: .72;
}

.template-row__top[b-zh9rjblng5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.template-row p[b-zh9rjblng5] {
    margin: 8px 0;
    font-size: .86rem;
    color: var(--text-muted);
    line-height: 1.35;
}

.template-badge[b-zh9rjblng5] {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    padding: 4px 9px;
    font-size: .72rem;
    font-weight: 700;
    white-space: nowrap;
}

.template-badge--inapp[b-zh9rjblng5] {
    background: rgba(var(--primary-rgb), .10);
    color: var(--primary);
}

.template-badge--email[b-zh9rjblng5],
.template-badge--whatsapp[b-zh9rjblng5] {
    background: var(--surface-muted);
    color: var(--text-muted);
}

.template-fieldset[b-zh9rjblng5] {
    border: 0;
    padding: 0;
    margin: 0;
}

.template-fieldset[disabled][b-zh9rjblng5] {
    opacity: .72;
}

.template-textarea[b-zh9rjblng5] {
    min-height: 150px;
    resize: vertical;
}

.variables-box[b-zh9rjblng5],
.preview-box[b-zh9rjblng5] {
    border: 1px solid var(--border-light);
    background: var(--bg);
    border-radius: var(--radius);
    padding: 14px;
}

.variables-box h4[b-zh9rjblng5],
.preview-box h4[b-zh9rjblng5] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 10px;
    font-size: .95rem;
}

.variables-box p[b-zh9rjblng5] {
    margin: 0;
    color: var(--text-muted);
    line-height: 1.45;
}

.preview-notification[b-zh9rjblng5] {
    border-left: 4px solid var(--primary);
    background: var(--surface);
    border-radius: var(--radius-sm);
    padding: 12px 14px;
}

.preview-notification p[b-zh9rjblng5] {
    margin: 8px 0;
    color: var(--text-muted);
    line-height: 1.45;
}

.templates-actions[b-zh9rjblng5] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    flex-wrap: wrap;
}

.empty-state[b-zh9rjblng5] {
    min-height: 360px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.empty-state i[b-zh9rjblng5] {
    font-size: 2.4rem;
    color: var(--primary);
    margin-bottom: 12px;
}

@media (max-width: 900px) {
    .templates-layout[b-zh9rjblng5] {
        grid-template-columns: 1fr;
    }

    .templates-actions[b-zh9rjblng5] {
        flex-direction: column-reverse;
        align-items: stretch;
    }
}

@media (max-width: 560px) {
    .templates-list[b-zh9rjblng5],
    .templates-editor[b-zh9rjblng5] {
        padding: 14px;
    }

    .templates-list__header[b-zh9rjblng5],
    .templates-editor__header[b-zh9rjblng5],
    .template-row__top[b-zh9rjblng5] {
        flex-direction: column;
        align-items: flex-start;
    }
}


/* v44.1 responsive polish */
@media (max-width: 560px) {
    .template-badge[b-zh9rjblng5] {
        align-self: flex-start;
    }

    .preview-notification[b-zh9rjblng5] {
        border-left-width: 3px;
    }
}
/* /Pages/Administrador/Reportes.razor.rz.scp.css */
.reportes-page[b-y8ui80bjyz] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.reportes-header[b-y8ui80bjyz] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
}

.reportes-header h1[b-y8ui80bjyz] {
    margin: 4px 0 8px;
    font-size: clamp(1.8rem, 3vw, 2.6rem);
}

.reportes-header p[b-y8ui80bjyz] {
    max-width: 760px;
    color: var(--text-secondary);
}

.reportes-kicker[b-y8ui80bjyz] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--accent-dark);
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.reportes-filtros-card[b-y8ui80bjyz] {
    padding: 18px;
}

.reportes-filtros[b-y8ui80bjyz] {
    display: grid;
    grid-template-columns: minmax(160px, 220px) minmax(160px, 220px) 1fr;
    gap: 16px;
    align-items: end;
}

.reportes-filtros-actions[b-y8ui80bjyz] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    flex-wrap: wrap;
}

.reportes-kpi-grid[b-y8ui80bjyz] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
}

.reportes-kpi-card[b-y8ui80bjyz] {
    min-height: 160px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
    position: relative;
}

.reportes-kpi-card[b-y8ui80bjyz]::after {
    content: "";
    position: absolute;
    inset: auto -32px -52px auto;
    width: 120px;
    height: 120px;
    border-radius: 999px;
    background: rgba(var(--primary-rgb), .06);
}

.reportes-kpi-primary[b-y8ui80bjyz]::after {
    background: rgba(var(--accent-rgb), .18);
}

.reportes-kpi-danger[b-y8ui80bjyz]::after {
    background: rgba(180, 30, 30, .1);
}

.reportes-kpi-success[b-y8ui80bjyz]::after {
    background: rgba(40, 120, 60, .1);
}

.reportes-kpi-top[b-y8ui80bjyz] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    color: var(--text-secondary);
    font-size: .86rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .05em;
}

.reportes-kpi-top i[b-y8ui80bjyz] {
    font-size: 1.8rem;
    color: var(--primary);
}

.reportes-kpi-card strong[b-y8ui80bjyz] {
    display: block;
    margin-top: 12px;
    font-size: clamp(1.6rem, 2.7vw, 2.2rem);
    line-height: 1.1;
    color: var(--text);
    z-index: 1;
}

.reportes-kpi-card small[b-y8ui80bjyz] {
    display: block;
    margin-top: 12px;
    color: var(--text-secondary);
    z-index: 1;
}

.reportes-command-panel[b-y8ui80bjyz] {
    display: grid;
    grid-template-columns: minmax(280px, .95fr) minmax(0, 1.35fr);
    gap: 18px;
    align-items: stretch;
    padding: 22px;
    border: 1px solid rgba(var(--primary-rgb), .16);
    border-radius: var(--radius);
    background:
        linear-gradient(135deg, rgba(var(--primary-rgb), .055), rgba(var(--accent-rgb), .08)),
        var(--bg-card);
    box-shadow: var(--shadow-sm);
}

.reportes-command-main[b-y8ui80bjyz] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
}

.reportes-command-main > span[b-y8ui80bjyz],
.reportes-command-metric span[b-y8ui80bjyz] {
    color: var(--text-muted);
    font-size: .76rem;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.reportes-command-main h2[b-y8ui80bjyz] {
    margin: 0;
    font-size: clamp(1.2rem, 2.2vw, 1.7rem);
    line-height: 1.18;
}

.reportes-command-main p[b-y8ui80bjyz] {
    max-width: 620px;
    margin: 0 0 4px;
    color: var(--text-secondary);
}

.reportes-command-metrics[b-y8ui80bjyz] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.reportes-command-metric[b-y8ui80bjyz] {
    min-height: 118px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 14px;
    border: 1px solid var(--border-light);
    border-radius: var(--radius);
    background: rgba(255, 255, 255, .72);
}

.reportes-command-metric strong[b-y8ui80bjyz] {
    display: block;
    margin-top: 8px;
    color: var(--text);
    font-size: clamp(1.15rem, 2vw, 1.45rem);
    line-height: 1.15;
}

.reportes-command-metric small[b-y8ui80bjyz] {
    color: var(--text-secondary);
}

.reportes-action-grid[b-y8ui80bjyz] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}

.reportes-action-link[b-y8ui80bjyz] {
    min-height: 82px;
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 12px;
    align-items: center;
    padding: 14px;
    border: 1px solid var(--border-light);
    border-radius: var(--radius);
    background: var(--bg-card);
    color: inherit;
    text-decoration: none;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.reportes-action-link:hover[b-y8ui80bjyz] {
    transform: translateY(-1px);
    box-shadow: var(--shadow-sm);
    border-color: rgba(var(--primary-rgb), .26);
}

.reportes-action-link-featured[b-y8ui80bjyz] {
    background: linear-gradient(135deg, rgba(var(--primary-rgb), .045), rgba(var(--accent-rgb), .08));
}

.reportes-action-link i[b-y8ui80bjyz] {
    width: 42px;
    height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--radius);
    background: rgba(var(--accent-rgb), .13);
    color: var(--accent);
    font-size: 1.3rem;
}

.reportes-action-link strong[b-y8ui80bjyz],
.reportes-action-link small[b-y8ui80bjyz] {
    display: block;
}

.reportes-action-link strong[b-y8ui80bjyz] {
    color: var(--text-primary);
    font-weight: 800;
}

.reportes-action-link small[b-y8ui80bjyz] {
    margin-top: 2px;
    color: var(--text-muted);
    font-size: .84rem;
}

.reportes-grid[b-y8ui80bjyz] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.reportes-grid-main[b-y8ui80bjyz] {
    grid-template-columns: minmax(0, 1.55fr) minmax(320px, .75fr);
}

.reportes-panel[b-y8ui80bjyz] {
    padding: 22px;
}

.reportes-panel-wide[b-y8ui80bjyz] {
    min-width: 0;
}

.reportes-panel-header[b-y8ui80bjyz] {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 18px;
}

.reportes-panel-header h2[b-y8ui80bjyz] {
    margin: 0 0 4px;
    font-size: 1.2rem;
}

.reportes-panel-header p[b-y8ui80bjyz] {
    margin: 0;
    color: var(--text-muted);
    font-size: .92rem;
}

.reportes-chart-line[b-y8ui80bjyz] {
    height: 150px;
    border: 1px solid var(--border-light);
    border-radius: var(--radius-lg);
    background: linear-gradient(180deg, rgba(var(--primary-rgb), .035), rgba(var(--accent-rgb), .06));
    padding: 16px;
    margin-bottom: 18px;
}

.reportes-chart-line svg[b-y8ui80bjyz] {
    width: 100%;
    height: 100%;
    overflow: visible;
}

.reportes-chart-line-path[b-y8ui80bjyz] {
    fill: none;
    stroke: var(--primary);
    stroke-width: 2.7;
    stroke-linecap: round;
    stroke-linejoin: round;
    vector-effect: non-scaling-stroke;
}

.reportes-month-bars[b-y8ui80bjyz] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.reportes-month-item[b-y8ui80bjyz] {
    display: grid;
    grid-template-columns: 70px 1fr 88px 130px;
    gap: 12px;
    align-items: center;
    font-size: .88rem;
}

.reportes-month-label[b-y8ui80bjyz] {
    font-weight: 800;
    color: var(--text-secondary);
}

.reportes-month-bar-track[b-y8ui80bjyz],
.reportes-ranking-track[b-y8ui80bjyz] {
    height: 10px;
    border-radius: 999px;
    background: var(--surface-muted);
    overflow: hidden;
}

.reportes-month-bar[b-y8ui80bjyz],
.reportes-ranking-bar[b-y8ui80bjyz] {
    height: 100%;
    min-width: 3px;
    border-radius: inherit;
    background: var(--primary);
}

.reportes-month-value[b-y8ui80bjyz] {
    text-align: right;
    font-weight: 800;
}

.reportes-month-meta[b-y8ui80bjyz] {
    color: var(--text-muted);
    font-size: .78rem;
    text-align: right;
}

.reportes-insights[b-y8ui80bjyz] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.reportes-insight[b-y8ui80bjyz] {
    display: grid;
    grid-template-columns: 38px 1fr;
    gap: 12px;
    padding: 14px;
    border-radius: var(--radius);
    border: 1px solid var(--border-light);
    background: var(--surface-muted);
}

.reportes-insight i[b-y8ui80bjyz] {
    width: 38px;
    height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: white;
    color: var(--primary);
    font-size: 1.25rem;
}

.reportes-insight strong[b-y8ui80bjyz] {
    display: block;
    margin-bottom: 3px;
}

.reportes-insight p[b-y8ui80bjyz] {
    margin: 0;
    color: var(--text-secondary);
    font-size: .9rem;
}

.reportes-action-exec[b-y8ui80bjyz] {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr);
    gap: 12px;
    padding: 14px;
    border: 1px solid var(--border-light);
    border-radius: var(--radius);
    background: var(--surface-muted);
    color: inherit;
    text-decoration: none;
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.reportes-action-exec:hover[b-y8ui80bjyz] {
    transform: translateY(-1px);
    border-color: rgba(var(--primary-rgb), .28);
    box-shadow: var(--shadow-sm);
}

.reportes-action-exec > i[b-y8ui80bjyz] {
    width: 38px;
    height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: white;
    color: var(--primary);
    font-size: 1.25rem;
}

.reportes-action-exec strong[b-y8ui80bjyz],
.reportes-action-exec p[b-y8ui80bjyz],
.reportes-action-exec span[b-y8ui80bjyz] {
    display: block;
}

.reportes-action-exec p[b-y8ui80bjyz] {
    margin: 3px 0 8px;
    color: var(--text-secondary);
    font-size: .9rem;
}

.reportes-action-exec span[b-y8ui80bjyz] {
    color: var(--primary);
    font-size: .82rem;
    font-weight: 800;
}

.reportes-action-exec-success[b-y8ui80bjyz] {
    background: var(--success-bg);
}

.reportes-action-exec-warning[b-y8ui80bjyz] {
    background: var(--warning-bg);
}

.reportes-action-exec-danger[b-y8ui80bjyz] {
    background: var(--danger-bg);
}

.reportes-action-exec-info[b-y8ui80bjyz] {
    background: var(--info-bg);
}

.reportes-insight-success[b-y8ui80bjyz] {
    background: var(--success-bg);
}

.reportes-insight-warning[b-y8ui80bjyz] {
    background: var(--warning-bg);
}

.reportes-insight-danger[b-y8ui80bjyz] {
    background: var(--danger-bg);
}

.reportes-insight-info[b-y8ui80bjyz] {
    background: var(--info-bg);
}

.reportes-ranking[b-y8ui80bjyz] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.reportes-ranking-row[b-y8ui80bjyz] {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(120px, .8fr) 110px;
    gap: 12px;
    align-items: center;
}

.reportes-ranking-title[b-y8ui80bjyz] {
    min-width: 0;
}

.reportes-ranking-title strong[b-y8ui80bjyz] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.reportes-ranking-title span[b-y8ui80bjyz] {
    display: block;
    color: var(--text-muted);
    font-size: .8rem;
}

.reportes-ranking-value[b-y8ui80bjyz] {
    text-align: right;
    font-weight: 800;
    color: var(--text);
}

.reportes-ranking-success[b-y8ui80bjyz] {
    background: var(--success);
}

.reportes-ranking-danger[b-y8ui80bjyz] {
    background: var(--danger);
}

.reportes-ranking-accent[b-y8ui80bjyz] {
    background: var(--accent);
}

@media (max-width: 1100px) {
    .reportes-kpi-grid[b-y8ui80bjyz],
    .reportes-command-panel[b-y8ui80bjyz],
    .reportes-action-grid[b-y8ui80bjyz],
    .reportes-grid[b-y8ui80bjyz],
    .reportes-grid-main[b-y8ui80bjyz] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .reportes-command-main[b-y8ui80bjyz] {
        grid-column: 1 / -1;
    }

    .reportes-command-metrics[b-y8ui80bjyz] {
        grid-column: 1 / -1;
    }

    .reportes-panel-wide[b-y8ui80bjyz] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 760px) {
    .reportes-header[b-y8ui80bjyz],
    .reportes-filtros-actions[b-y8ui80bjyz] {
        align-items: stretch;
        flex-direction: column;
    }

    .reportes-filtros[b-y8ui80bjyz],
    .reportes-kpi-grid[b-y8ui80bjyz],
    .reportes-command-panel[b-y8ui80bjyz],
    .reportes-command-metrics[b-y8ui80bjyz],
    .reportes-action-grid[b-y8ui80bjyz],
    .reportes-grid[b-y8ui80bjyz],
    .reportes-grid-main[b-y8ui80bjyz] {
        grid-template-columns: 1fr;
    }

    .reportes-month-item[b-y8ui80bjyz],
    .reportes-ranking-row[b-y8ui80bjyz] {
        grid-template-columns: 1fr;
        gap: 6px;
    }

    .reportes-month-value[b-y8ui80bjyz],
    .reportes-month-meta[b-y8ui80bjyz],
    .reportes-ranking-value[b-y8ui80bjyz] {
        text-align: left;
    }
}

.reportes-month-bar[b-y8ui80bjyz],
.reportes-ranking-bar[b-y8ui80bjyz] {
    width: var(--bar-width, 0%);
}
/* /Pages/Administrador/Retencion.razor.rz.scp.css */
    .retencion-header[b-9xk66t1onw] { gap: 16px; }
    .retencion-grid[b-9xk66t1onw] { align-items: start; }
    .retencion-list-item[b-9xk66t1onw] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        padding: 12px 0;
        border-bottom: 1px solid var(--border-light);
    }
    @media (max-width: 768px) {
        .retencion-header[b-9xk66t1onw], .retencion-list-item[b-9xk66t1onw] { flex-direction: column; align-items: stretch; }
    }

.retencion-config-section[b-9xk66t1onw] {
    margin-top: 1.25rem;
    padding: 1rem;
    border: 1px solid var(--border);
    border-radius: 1rem;
    background: var(--surface-muted, #f8fafc);
}

.retencion-config-section h4[b-9xk66t1onw] {
    margin: 0;
    font-size: 1rem;
}

.retencion-check-field[b-9xk66t1onw] {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
}

.retencion-benefit-note[b-9xk66t1onw] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    margin-top: .45rem;
    padding: .35rem .55rem;
    border-radius: 999px;
    background: rgba(245, 158, 11, .12);
    color: #92400e;
    font-size: .82rem;
    font-weight: 700;
}

.retencion-form-card[b-9xk66t1onw] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.retencion-form-header[b-9xk66t1onw] {
    align-items: flex-start;
}

.retencion-search-group[b-9xk66t1onw] {
    margin-bottom: 0;
}

.retencion-search-row[b-9xk66t1onw] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: .75rem;
    align-items: center;
}

.retencion-search-alert[b-9xk66t1onw] {
    margin: 0;
}

.retencion-search-results[b-9xk66t1onw] {
    display: grid;
    gap: .65rem;
}

.retencion-socio-option[b-9xk66t1onw],
.retencion-selected-socio[b-9xk66t1onw],
.retencion-empty-selector[b-9xk66t1onw] {
    width: 100%;
    border: 1px solid var(--border-light);
    border-radius: 1rem;
    background: var(--bg-card);
    color: var(--text-primary);
}

.retencion-socio-option[b-9xk66t1onw] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: .75rem;
    padding: .75rem;
    text-align: left;
    cursor: pointer;
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.retencion-socio-option:hover[b-9xk66t1onw],
.retencion-socio-option:focus-visible[b-9xk66t1onw] {
    border-color: var(--primary);
    box-shadow: var(--shadow-sm);
    transform: translateY(-1px);
    outline: none;
}

.retencion-socio-avatar[b-9xk66t1onw] {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: .9rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--surface-strong);
    color: var(--primary);
    font-weight: 800;
    letter-spacing: .02em;
}

.retencion-socio-avatar-lg[b-9xk66t1onw] {
    width: 3rem;
    height: 3rem;
}

.retencion-socio-main[b-9xk66t1onw] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: .2rem;
}

.retencion-socio-main strong[b-9xk66t1onw],
.retencion-selected-socio strong[b-9xk66t1onw] {
    color: var(--text-primary);
}

.retencion-socio-main span[b-9xk66t1onw],
.retencion-selected-meta[b-9xk66t1onw] {
    color: var(--text-muted);
    font-size: .85rem;
}

.retencion-selected-socio[b-9xk66t1onw] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: .85rem;
    padding: .9rem;
    background: var(--surface-muted);
}

.retencion-selected-meta[b-9xk66t1onw] {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
    margin-top: .35rem;
}

.retencion-selected-meta span[b-9xk66t1onw] {
    padding: .25rem .5rem;
    border-radius: 999px;
    background: var(--bg-card);
    border: 1px solid var(--border-light);
}

.retencion-empty-selector[b-9xk66t1onw] {
    display: flex;
    align-items: center;
    gap: .65rem;
    padding: .85rem;
    color: var(--text-muted);
    background: var(--surface-muted);
}

.retencion-empty-selector i[b-9xk66t1onw] {
    color: var(--primary);
    font-size: 1.25rem;
}

.retencion-risk-actions[b-9xk66t1onw] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: .5rem;
    flex-wrap: wrap;
}

@media (max-width: 768px) {
    .retencion-search-row[b-9xk66t1onw],
    .retencion-socio-option[b-9xk66t1onw],
    .retencion-selected-socio[b-9xk66t1onw] {
        grid-template-columns: 1fr;
    }

    .retencion-risk-actions[b-9xk66t1onw] {
        justify-content: flex-start;
    }
}
/* /Pages/Administrador/RolesPermisos.razor.rz.scp.css */
.roles-admin-page[b-zx82hfz3hl] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.roles-admin-hero[b-zx82hfz3hl] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: center;
    padding: 1.25rem;
}

.roles-admin-hero h1[b-zx82hfz3hl],
.roles-admin-section-header h2[b-zx82hfz3hl],
.roles-content-header h2[b-zx82hfz3hl] {
    margin: 0;
}

.roles-admin-hero p[b-zx82hfz3hl],
.roles-admin-section-header p[b-zx82hfz3hl],
.roles-content-header p[b-zx82hfz3hl] {
    margin: .35rem 0 0;
}

.roles-kicker[b-zx82hfz3hl] {
    font-size: .78rem;
    text-transform: uppercase;
    letter-spacing: .08em;
    color: var(--primary);
    font-weight: 800;
}

.roles-overview-panel[b-zx82hfz3hl] {
    padding: 1rem;
}

.roles-overview-grid[b-zx82hfz3hl] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .75rem;
}

.roles-overview-card[b-zx82hfz3hl] {
    min-width: 0;
    border: 1px solid var(--border-light);
    border-radius: 8px;
    background: var(--surface);
    color: var(--text);
    padding: .9rem;
    display: flex;
    flex-direction: column;
    gap: .55rem;
    text-align: left;
    cursor: pointer;
}

.roles-overview-card:hover[b-zx82hfz3hl],
.roles-overview-card--active[b-zx82hfz3hl] {
    border-color: rgba(var(--primary-rgb), .34);
    background: var(--interactive-soft-bg);
}

.roles-overview-card__top[b-zx82hfz3hl] {
    display: flex;
    justify-content: space-between;
    gap: .75rem;
    align-items: flex-start;
}

.roles-overview-card__top strong[b-zx82hfz3hl] {
    min-width: 0;
    font-size: .98rem;
    font-weight: 900;
    line-height: 1.15;
}

.roles-overview-card__top em[b-zx82hfz3hl] {
    font-style: normal;
    font-weight: 900;
    color: var(--primary);
    white-space: nowrap;
}

.roles-overview-card small[b-zx82hfz3hl] {
    color: var(--text-muted);
    font-size: .8rem;
    font-weight: 650;
    line-height: 1.35;
}

.roles-menu-chip-list[b-zx82hfz3hl] {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
}

.roles-menu-chip-list span[b-zx82hfz3hl] {
    max-width: 100%;
    min-height: 26px;
    display: inline-flex;
    align-items: center;
    padding: .25rem .55rem;
    border-radius: 999px;
    border: 1px solid rgba(var(--primary-rgb), .18);
    background: var(--surface-muted);
    color: var(--text-muted);
    font-size: .73rem;
    font-weight: 800;
    line-height: 1.1;
}

.roles-admin-grid[b-zx82hfz3hl] {
    display: grid;
    grid-template-columns: minmax(260px, .75fr) minmax(0, 1.25fr);
    gap: 1rem;
    align-items: start;
}

.roles-roles-panel[b-zx82hfz3hl],
.roles-detail-panel[b-zx82hfz3hl],
.roles-users[b-zx82hfz3hl],
.roles-user-permissions[b-zx82hfz3hl] {
    padding: 1rem;
}

.roles-admin-section-header[b-zx82hfz3hl],
.roles-content-header[b-zx82hfz3hl] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 1rem;
}

.roles-role-list[b-zx82hfz3hl] {
    display: flex;
    flex-direction: column;
    gap: .65rem;
}

.role-summary-card[b-zx82hfz3hl] {
    width: 100%;
    border: 1px solid var(--border-light);
    background: var(--surface);
    color: var(--text);
    border-radius: 8px;
    padding: .85rem;
    display: flex;
    justify-content: space-between;
    gap: .75rem;
    align-items: flex-start;
    text-align: left;
    cursor: pointer;
}

.role-summary-card:hover[b-zx82hfz3hl],
.role-summary-card--active[b-zx82hfz3hl] {
    border-color: rgba(var(--primary-rgb), .34);
    background: var(--interactive-soft-bg);
}

.role-summary-card strong[b-zx82hfz3hl] {
    display: block;
    font-weight: 900;
    line-height: 1.2;
}

.role-summary-card small[b-zx82hfz3hl] {
    display: block;
    margin-top: .25rem;
    color: var(--text-muted);
    font-weight: 650;
    line-height: 1.25;
}

.role-summary-card em[b-zx82hfz3hl] {
    font-style: normal;
    font-weight: 900;
    color: var(--primary);
    white-space: nowrap;
}

.roles-toolbar[b-zx82hfz3hl] {
    display: flex;
    align-items: center;
    gap: .75rem;
    margin-bottom: 1rem;
}

.roles-toolbar .form-control[b-zx82hfz3hl] {
    min-width: 0;
}

.roles-counter[b-zx82hfz3hl] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    padding: .35rem .7rem;
    border-radius: 999px;
    border: 1px solid var(--border-light);
    background: var(--surface-muted);
    color: var(--text-muted);
    font-size: .78rem;
    font-weight: 900;
    white-space: nowrap;
}

.permissions-group[b-zx82hfz3hl] {
    display: flex;
    flex-direction: column;
    gap: .65rem;
    margin-top: 1rem;
}

.permissions-group-header[b-zx82hfz3hl] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    border-bottom: 1px solid var(--border-light);
    padding-bottom: .45rem;
}

.permissions-group-header h3[b-zx82hfz3hl] {
    margin: 0;
    font-size: .98rem;
}

.permissions-group-header span[b-zx82hfz3hl] {
    color: var(--text-muted);
    font-weight: 800;
    font-size: .82rem;
}

.permissions-grid[b-zx82hfz3hl] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .65rem;
}

.permissions-grid--compact[b-zx82hfz3hl] {
    grid-template-columns: 1fr;
}

.permission-card[b-zx82hfz3hl] {
    border: 1px solid var(--border-light);
    background: var(--surface);
    color: var(--text);
    border-radius: 8px;
    padding: .75rem;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: .7rem;
    align-items: flex-start;
    min-width: 0;
}

.permission-card-active[b-zx82hfz3hl] {
    border-color: rgba(var(--status-success-rgb), .28);
    background: var(--status-success-soft-bg);
}

.permission-card-locked[b-zx82hfz3hl] {
    cursor: default;
}

.permission-card input[b-zx82hfz3hl] {
    margin-top: .2rem;
}

.permission-card strong[b-zx82hfz3hl] {
    display: block;
    line-height: 1.2;
    font-weight: 900;
    color: var(--text);
}

.permission-card p[b-zx82hfz3hl] {
    margin: .28rem 0 .45rem;
    color: var(--text-muted);
    font-size: .84rem;
    line-height: 1.35;
}

.permission-menu-pill[b-zx82hfz3hl] {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    min-height: 26px;
    margin: 0 0 .45rem;
    padding: .22rem .55rem;
    border-radius: 999px;
    border: 1px solid rgba(var(--primary-rgb), .18);
    background: var(--interactive-soft-bg);
    color: var(--primary);
    font-size: .75rem;
    font-weight: 850;
    line-height: 1.1;
}

.permission-menu-pill i[b-zx82hfz3hl] {
    font-size: .92rem;
}

.permission-scope[b-zx82hfz3hl] {
    display: block;
    margin: -.15rem 0 .45rem;
    color: var(--text-muted);
    font-size: .78rem;
    line-height: 1.35;
}

.permission-card code[b-zx82hfz3hl] {
    white-space: normal;
    overflow-wrap: anywhere;
}

.permission-card-check[b-zx82hfz3hl] {
    width: 24px;
    height: 24px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--surface-muted);
    color: var(--text-muted);
}

.permission-card-active .permission-card-check[b-zx82hfz3hl] {
    background: var(--status-success-soft-bg);
    color: var(--success);
}

.permission-card-title-row[b-zx82hfz3hl] {
    display: flex;
    justify-content: space-between;
    gap: .6rem;
    align-items: flex-start;
}

.permission-source-pill[b-zx82hfz3hl] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 24px;
    padding: .18rem .5rem;
    border-radius: 999px;
    border: 1px solid var(--border-light);
    background: var(--surface-muted);
    color: var(--text-muted);
    font-size: .72rem;
    font-style: normal;
    font-weight: 900;
    white-space: nowrap;
}

.permission-source-pill--on[b-zx82hfz3hl] {
    border-color: rgba(var(--status-success-rgb), .24);
    background: var(--status-success-soft-bg);
    color: var(--success);
}

.roles-contract-strip[b-zx82hfz3hl] {
    display: flex;
    flex-wrap: wrap;
    gap: .55rem;
    margin-bottom: 1rem;
}

.roles-contract-strip span[b-zx82hfz3hl] {
    display: inline-flex;
    gap: .35rem;
    align-items: center;
    min-height: 32px;
    padding: .35rem .65rem;
    border-radius: 999px;
    border: 1px solid var(--border-light);
    background: var(--surface-muted);
    color: var(--text-muted);
    font-size: .8rem;
    font-weight: 750;
}

.roles-user-table td[b-zx82hfz3hl] {
    vertical-align: middle;
}

.roles-user-row--active[b-zx82hfz3hl] {
    background: var(--interactive-soft-bg);
}

.roles-user-cell[b-zx82hfz3hl] {
    display: inline-flex;
    align-items: center;
    gap: .75rem;
    min-width: 0;
}

.roles-user-cell span:last-child[b-zx82hfz3hl] {
    display: flex;
    flex-direction: column;
    gap: .15rem;
    min-width: 0;
}

.roles-user-cell strong[b-zx82hfz3hl] {
    color: var(--text);
    font-weight: 800;
    line-height: 1.15;
}

.roles-user-cell small[b-zx82hfz3hl] {
    color: var(--text-muted);
    font-size: .76rem;
    font-weight: 700;
}

.roles-user-avatar[b-zx82hfz3hl] {
    width: 34px;
    height: 34px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 34px;
    background: var(--interactive-soft-bg);
    color: var(--primary);
    border: 1px solid var(--border-light);
    font-weight: 900;
}

.roles-login-pill[b-zx82hfz3hl],
.roles-status-pill[b-zx82hfz3hl],
.roles-extra-pill[b-zx82hfz3hl] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 30px;
    padding: .35rem .65rem;
    border-radius: 999px;
    border: 1px solid var(--border-light);
    background: var(--surface-muted);
    color: var(--text-muted);
    font-size: .78rem;
    font-weight: 800;
    white-space: nowrap;
}

.roles-extra-pill--on[b-zx82hfz3hl] {
    background: var(--interactive-soft-bg);
    color: var(--primary);
    border-color: rgba(var(--primary-rgb), .24);
}

.roles-status-pill--ok[b-zx82hfz3hl] {
    background: var(--status-success-soft-bg);
    color: var(--success);
    border-color: rgba(var(--status-success-rgb), .24);
}

.roles-role-select[b-zx82hfz3hl] {
    min-width: 180px;
}

.roles-user-actions[b-zx82hfz3hl] {
    text-align: right;
    white-space: nowrap;
}

.page-loading--compact[b-zx82hfz3hl] {
    min-height: 120px;
}

@media (max-width: 980px) {
    .roles-admin-hero[b-zx82hfz3hl],
    .roles-admin-section-header[b-zx82hfz3hl],
    .roles-content-header[b-zx82hfz3hl],
    .roles-toolbar[b-zx82hfz3hl] {
        flex-direction: column;
        align-items: stretch;
    }

    .roles-admin-grid[b-zx82hfz3hl],
    .roles-overview-grid[b-zx82hfz3hl],
    .permissions-grid[b-zx82hfz3hl] {
        grid-template-columns: 1fr;
    }
}

@media (min-width: 981px) and (max-width: 1180px) {
    .roles-overview-grid[b-zx82hfz3hl] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
/* /Pages/Administrador/Sedes.razor.rz.scp.css */
.sedes-admin-page[b-vzvo1eqgb7] {
    display: flex;
    flex-direction: column;
}

.sedes-admin-header[b-vzvo1eqgb7] {
    align-items: center;
}

.sedes-kicker[b-vzvo1eqgb7] {
    color: var(--primary);
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.sedes-admin-layout[b-vzvo1eqgb7] {
    display: grid;
    grid-template-columns: minmax(300px, 380px) minmax(0, 1fr);
    gap: 1rem;
    align-items: start;
}

.sedes-form-card[b-vzvo1eqgb7],
.sedes-list-card[b-vzvo1eqgb7] {
    padding: 1rem;
}

.sedes-section-header[b-vzvo1eqgb7] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.sedes-section-header h2[b-vzvo1eqgb7] {
    margin: .1rem 0 0;
    font-size: 1.12rem;
}

.sedes-check-grid[b-vzvo1eqgb7] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .65rem;
    margin-top: .75rem;
}

.sedes-form-actions[b-vzvo1eqgb7] {
    display: flex;
    gap: .6rem;
    flex-wrap: wrap;
    margin-top: 1rem;
}

.sedes-count[b-vzvo1eqgb7] {
    min-width: 34px;
    height: 34px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--surface-muted);
    border: 1px solid var(--border-light);
    color: var(--text-muted);
    font-weight: 900;
}

.sedes-table td[b-vzvo1eqgb7] {
    vertical-align: middle;
}

.sedes-name-cell[b-vzvo1eqgb7],
.sedes-contact-cell[b-vzvo1eqgb7] {
    display: inline-flex;
    min-width: 0;
}

.sedes-name-cell[b-vzvo1eqgb7] {
    align-items: center;
    gap: .75rem;
}

.sedes-name-cell span:last-child[b-vzvo1eqgb7],
.sedes-contact-cell[b-vzvo1eqgb7] {
    flex-direction: column;
    gap: .15rem;
}

.sedes-name-cell strong[b-vzvo1eqgb7] {
    color: var(--text);
    line-height: 1.15;
}

.sedes-name-cell small[b-vzvo1eqgb7],
.sedes-contact-cell small[b-vzvo1eqgb7] {
    color: var(--text-muted);
    font-size: .78rem;
    font-weight: 700;
}

.sedes-avatar[b-vzvo1eqgb7] {
    width: 34px;
    height: 34px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 34px;
    background: var(--interactive-soft-bg);
    color: var(--primary);
    border: 1px solid var(--border-light);
    font-weight: 900;
}

.sedes-badges[b-vzvo1eqgb7] {
    display: flex;
    gap: .45rem;
    flex-wrap: wrap;
}

.sedes-status[b-vzvo1eqgb7] {
    min-height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: .3rem .6rem;
    border-radius: 999px;
    border: 1px solid var(--border-light);
    background: var(--surface-muted);
    color: var(--text-muted);
    font-size: .76rem;
    font-weight: 850;
    white-space: nowrap;
}

.sedes-status--ok[b-vzvo1eqgb7] {
    background: var(--status-success-soft-bg);
    color: var(--success);
    border-color: rgba(var(--status-success-rgb), .24);
}

.sedes-status--off[b-vzvo1eqgb7] {
    background: var(--surface-muted);
    color: var(--text-muted);
}

.sedes-status--main[b-vzvo1eqgb7] {
    background: var(--interactive-soft-bg);
    color: var(--primary);
    border-color: rgba(var(--primary-rgb), .22);
}

.sedes-actions[b-vzvo1eqgb7] {
    display: flex;
    justify-content: flex-end;
    gap: .35rem;
}

.sedes-actions .btn-icon[b-vzvo1eqgb7] {
    width: 34px;
    height: 34px;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--border-light);
    background: var(--surface);
    color: var(--text);
    transition: background .15s ease, border-color .15s ease, color .15s ease;
}

.sedes-actions .btn-icon:hover:not(:disabled)[b-vzvo1eqgb7] {
    background: var(--interactive-soft-bg);
    border-color: rgba(var(--primary-rgb), .25);
    color: var(--primary);
}

.sedes-actions .btn-icon:disabled[b-vzvo1eqgb7] {
    cursor: not-allowed;
    opacity: .45;
}

.sedes-empty[b-vzvo1eqgb7] {
    min-height: 180px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    color: var(--text-muted);
    border: 1px dashed var(--border-light);
    border-radius: 8px;
    background: var(--surface-muted);
}

.sedes-empty i[b-vzvo1eqgb7] {
    font-size: 2rem;
    color: var(--primary);
}

.sedes-users-card[b-vzvo1eqgb7] {
    grid-column: 1 / -1;
    padding: 1rem;
}

.sedes-users-header[b-vzvo1eqgb7] {
    align-items: center;
}

.sedes-users-search[b-vzvo1eqgb7] {
    position: relative;
    min-width: min(320px, 100%);
}

.sedes-users-search i[b-vzvo1eqgb7] {
    position: absolute;
    left: .85rem;
    top: 50%;
    transform: translateY(-50%);
    color: var(--text-muted);
    pointer-events: none;
}

.sedes-users-search .form-input[b-vzvo1eqgb7] {
    padding-left: 2.35rem;
}

.sedes-users-layout[b-vzvo1eqgb7] {
    display: grid;
    grid-template-columns: minmax(280px, 420px) minmax(0, 1fr);
    gap: 1rem;
    align-items: start;
}

.sedes-user-list[b-vzvo1eqgb7] {
    display: grid;
    gap: .55rem;
    max-height: 520px;
    overflow: auto;
    padding-right: .15rem;
}

.sedes-user-item[b-vzvo1eqgb7] {
    width: 100%;
    min-height: 64px;
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr) auto;
    gap: .75rem;
    align-items: center;
    padding: .75rem;
    border: 1px solid var(--border-light);
    border-radius: 8px;
    background: var(--surface);
    color: var(--text);
    text-align: left;
    cursor: pointer;
    transition: background .15s ease, border-color .15s ease, box-shadow .15s ease;
}

.sedes-user-item:hover[b-vzvo1eqgb7] {
    background: var(--interactive-soft-bg);
    border-color: rgba(var(--primary-rgb), .24);
}

.sedes-user-item--active[b-vzvo1eqgb7] {
    border-color: rgba(var(--primary-rgb), .35);
    box-shadow: 0 0 0 3px rgba(var(--primary-rgb), .08);
}

.sedes-user-item--warning[b-vzvo1eqgb7] {
    border-color: rgba(var(--status-warning-rgb), .35);
}

.sedes-user-avatar[b-vzvo1eqgb7] {
    width: 38px;
    height: 38px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--interactive-soft-bg);
    color: var(--primary);
    border: 1px solid var(--border-light);
    font-weight: 900;
}

.sedes-user-main[b-vzvo1eqgb7],
.sedes-user-meta[b-vzvo1eqgb7] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: .15rem;
}

.sedes-user-main strong[b-vzvo1eqgb7],
.sedes-user-main small[b-vzvo1eqgb7],
.sedes-user-meta span[b-vzvo1eqgb7],
.sedes-user-meta small[b-vzvo1eqgb7] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sedes-user-main small[b-vzvo1eqgb7],
.sedes-user-meta[b-vzvo1eqgb7] {
    color: var(--text-muted);
    font-size: .78rem;
    font-weight: 750;
}

.sedes-user-meta[b-vzvo1eqgb7] {
    align-items: flex-end;
    text-align: right;
}

.sedes-assignment-panel[b-vzvo1eqgb7] {
    min-height: 280px;
    border: 1px solid var(--border-light);
    border-radius: 8px;
    background: var(--surface);
    padding: 1rem;
}

.sedes-assignment-title[b-vzvo1eqgb7] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: .85rem;
}

.sedes-assignment-title h3[b-vzvo1eqgb7] {
    margin: .1rem 0 0;
    font-size: 1.05rem;
}

.sedes-assignment-list[b-vzvo1eqgb7] {
    display: grid;
    gap: .55rem;
}

.sedes-assignment-row[b-vzvo1eqgb7] {
    min-height: 52px;
    display: grid;
    grid-template-columns: 20px minmax(0, 1fr) auto;
    gap: .75rem;
    align-items: center;
    padding: .65rem .75rem;
    border: 1px solid var(--border-light);
    border-radius: 8px;
    background: var(--surface-muted);
}

.sedes-assignment-row input[b-vzvo1eqgb7] {
    width: 18px;
    height: 18px;
    accent-color: var(--primary);
}

.sedes-assignment-row strong[b-vzvo1eqgb7],
.sedes-assignment-row small[b-vzvo1eqgb7] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sedes-assignment-row small[b-vzvo1eqgb7] {
    color: var(--text-muted);
    font-size: .78rem;
    font-weight: 750;
}

.sedes-assignment-row--disabled[b-vzvo1eqgb7] {
    opacity: .55;
}

.sedes-inline-warning[b-vzvo1eqgb7] {
    display: flex;
    align-items: center;
    gap: .5rem;
    margin-top: .75rem;
    padding: .65rem .75rem;
    border-radius: 8px;
    border: 1px solid rgba(var(--status-warning-rgb), .28);
    background: var(--status-warning-soft-bg);
    color: var(--warning);
    font-weight: 800;
}

.sedes-empty--compact[b-vzvo1eqgb7] {
    min-height: 150px;
}

@media (max-width: 980px) {
    .sedes-admin-layout[b-vzvo1eqgb7] {
        grid-template-columns: 1fr;
    }

    .sedes-users-layout[b-vzvo1eqgb7] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .sedes-admin-header[b-vzvo1eqgb7] {
        align-items: stretch;
    }

    .sedes-users-header[b-vzvo1eqgb7] {
        align-items: stretch;
    }

    .sedes-users-search[b-vzvo1eqgb7] {
        width: 100%;
    }

    .sedes-check-grid[b-vzvo1eqgb7] {
        grid-template-columns: 1fr;
    }

    .sedes-actions[b-vzvo1eqgb7] {
        justify-content: flex-start;
    }

    .sedes-user-item[b-vzvo1eqgb7] {
        grid-template-columns: 38px minmax(0, 1fr);
    }

    .sedes-user-meta[b-vzvo1eqgb7] {
        grid-column: 2;
        align-items: flex-start;
        text-align: left;
    }

    .sedes-assignment-row[b-vzvo1eqgb7] {
        grid-template-columns: 20px minmax(0, 1fr);
    }

    .sedes-assignment-row .sedes-status[b-vzvo1eqgb7] {
        grid-column: 2;
        justify-self: start;
    }
}
/* /Pages/Administrador/SocioDetalle.razor.rz.scp.css */
.foto-admin-card[b-j87lnm4zn0] {
    display: flex;
    align-items: center;
    gap: 1.25rem;
}

.foto-admin-preview[b-j87lnm4zn0] {
    width: 132px;
    min-width: 132px;
    height: 132px;
    border-radius: 1.25rem;
    overflow: hidden;
    background: var(--surface-muted, #f3f4f6);
    border: 1px solid var(--border-light, #e5e7eb);
    display: flex;
    align-items: center;
    justify-content: center;
}

.foto-admin-preview img[b-j87lnm4zn0] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.foto-admin-placeholder[b-j87lnm4zn0] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2.2rem;
    font-weight: 800;
    color: var(--primary, #111827);
    background: linear-gradient(135deg, rgba(var(--primary-rgb, 17, 24, 39), 0.12), rgba(var(--accent-rgb, 59, 130, 246), 0.12));
}

.foto-admin-info[b-j87lnm4zn0] {
    flex: 1;
    min-width: 0;
}

.foto-admin-actions[b-j87lnm4zn0] {
    display: flex;
    align-items: center;
    gap: .75rem;
    flex-wrap: wrap;
}

.card-header.compact[b-j87lnm4zn0] {
    margin-bottom: .35rem;
}

@media (max-width: 720px) {
    .foto-admin-card[b-j87lnm4zn0] {
        flex-direction: column;
        align-items: stretch;
    }

    .foto-admin-preview[b-j87lnm4zn0] {
        width: 100%;
        height: 220px;
    }
}
/* /Pages/Administrador/Socios.razor.rz.scp.css */
 .filtros-grid-socios[b-bbc5uyr9b8] {
    display: grid;
    grid-template-columns: minmax(220px, 2fr) minmax(140px, 1fr) minmax(140px, 1fr) minmax(110px, 0.8fr) auto;
    gap: 1rem;
    align-items: end;
}

.tabla-pagination[b-bbc5uyr9b8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem;
    border-top: 1px solid var(--border-color, #e5e7eb);
}

.tabla-pagination-info[b-bbc5uyr9b8] {
    color: var(--text-muted, #6b7280);
    font-size: 0.9rem;
}

.tabla-pagination-actions[b-bbc5uyr9b8] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.tabla-pagination-page[b-bbc5uyr9b8] {
    color: var(--text-muted, #6b7280);
    font-size: 0.9rem;
    white-space: nowrap;
}

@media (max-width: 980px) {
    .filtros-grid-socios[b-bbc5uyr9b8] {
        grid-template-columns: 1fr 1fr;
    }

    .tabla-pagination[b-bbc5uyr9b8] {
        align-items: stretch;
        flex-direction: column;
    }

    .tabla-pagination-actions[b-bbc5uyr9b8] {
        justify-content: space-between;
    }
}

@media (max-width: 640px) {
    .filtros-grid-socios[b-bbc5uyr9b8] {
        grid-template-columns: 1fr;
    }

    .tabla-pagination-actions[b-bbc5uyr9b8] {
        flex-direction: column;
        align-items: stretch;
    }
}
/* /Pages/Administrador/SolicitudesFotoSocio.razor.rz.scp.css */
.foto-solicitudes-grid[b-ajx54q5o7m] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 1rem;
}

.foto-solicitud-card[b-ajx54q5o7m] {
    display: grid;
    grid-template-columns: 112px 1fr;
    gap: 1rem;
    align-items: start;
}

.foto-solicitud-preview[b-ajx54q5o7m] {
    width: 112px;
    height: 112px;
    border-radius: var(--radius-xl);
    overflow: hidden;
    background: var(--bg-muted);
    border: 1px solid var(--border-soft);
}

.foto-solicitud-preview img[b-ajx54q5o7m],
.foto-solicitud-placeholder[b-ajx54q5o7m] {
    width: 100%;
    height: 100%;
}

.foto-solicitud-preview img[b-ajx54q5o7m] {
    object-fit: cover;
    display: block;
}

.foto-solicitud-placeholder[b-ajx54q5o7m] {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--text-muted);
    font-size: 2rem;
}

.foto-solicitud-content[b-ajx54q5o7m] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    min-width: 0;
}

.foto-solicitud-header[b-ajx54q5o7m] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
}

.foto-solicitud-header h3[b-ajx54q5o7m] {
    margin: 0;
    font-size: 1.05rem;
}

.foto-solicitud-note[b-ajx54q5o7m] {
    padding: 0.75rem;
    border-radius: var(--radius-md);
    background: color-mix(in srgb, var(--bg-muted) 72%, transparent);
    margin: 0;
    color: var(--text-muted);
}

.foto-solicitud-actions[b-ajx54q5o7m] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

@media (max-width: 640px) {
    .foto-solicitud-card[b-ajx54q5o7m] {
        grid-template-columns: 88px 1fr;
    }

    .foto-solicitud-preview[b-ajx54q5o7m] {
        width: 88px;
        height: 88px;
        border-radius: var(--radius-lg);
    }
}
/* /Pages/Administrador/TurnosHoy.razor.rz.scp.css */


.admin-color-bar[b-xkeklnzmv5] {
    width: 6px;
    min-height: 42px;
    border-radius: 999px;
    flex-shrink: 0;
    background: var(--item-color, var(--primary));
}
/* /Pages/Instalacion/Administradores.razor.rz.scp.css */
.instalacion-admin-page[b-3fe6hxzviy] {
    max-width: 1180px;
    margin: 0 auto;
    padding: 28px 16px 56px;
}

.instalacion-admin-header[b-3fe6hxzviy] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 20px;
}

.instalacion-admin-header h1[b-3fe6hxzviy] {
    margin: 4px 0 4px;
    font-size: clamp(1.8rem, 3vw, 2.5rem);
}

.instalacion-admin-grid[b-3fe6hxzviy] {
    display: grid;
    grid-template-columns: minmax(320px, 420px) minmax(0, 1fr);
    gap: 18px;
    align-items: start;
}

.instalacion-admin-form-card[b-3fe6hxzviy],
.instalacion-admin-list-card[b-3fe6hxzviy] {
    padding: 22px;
}

.instalacion-admin-form-card h2[b-3fe6hxzviy],
.instalacion-admin-list-card h2[b-3fe6hxzviy] {
    margin: 0 0 6px;
}

.instalacion-admin-checks[b-3fe6hxzviy] {
    display: grid;
    gap: 10px;
    margin: 14px 0 18px;
}

.instalacion-admin-list-header[b-3fe6hxzviy] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 14px;
}

.instalacion-admin-list[b-3fe6hxzviy] {
    display: grid;
    gap: 12px;
}

.instalacion-admin-item[b-3fe6hxzviy] {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr) auto;
    gap: 12px;
    align-items: center;
    padding: 14px;
    border: 1px solid var(--border-light);
    border-radius: 16px;
    background: var(--surface);
}

.instalacion-admin-item--inactive[b-3fe6hxzviy] {
    opacity: .72;
    background: var(--surface-muted);
}

.instalacion-admin-avatar[b-3fe6hxzviy] {
    width: 44px;
    height: 44px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--primary);
    color: #fff;
    font-weight: 800;
}

.instalacion-admin-title[b-3fe6hxzviy] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.instalacion-admin-meta[b-3fe6hxzviy] {
    font-size: .88rem;
    margin-top: 2px;
}

.instalacion-admin-actions[b-3fe6hxzviy] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.instalacion-reset-modal[b-3fe6hxzviy] {
    width: min(480px, 100%);
}

.modal-header[b-3fe6hxzviy] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 16px;
}

.modal-actions[b-3fe6hxzviy] {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

@media (max-width: 980px) {
    .instalacion-admin-grid[b-3fe6hxzviy] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 680px) {
    .instalacion-admin-header[b-3fe6hxzviy],
    .instalacion-admin-list-header[b-3fe6hxzviy] {
        flex-direction: column;
        align-items: stretch;
    }

    .instalacion-admin-item[b-3fe6hxzviy] {
        grid-template-columns: 40px minmax(0, 1fr);
    }

    .instalacion-admin-actions[b-3fe6hxzviy] {
        grid-column: 1 / -1;
        justify-content: stretch;
    }

    .instalacion-admin-actions .btn[b-3fe6hxzviy],
    .modal-actions .btn[b-3fe6hxzviy],
    .instalacion-admin-header .btn[b-3fe6hxzviy] {
        width: 100%;
        justify-content: center;
    }
}

/* Evita que campos largos se salgan del contenedor en la tarjeta de creación */
.instalacion-admin-form-card .grid-2[b-3fe6hxzviy] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.instalacion-admin-form-card .form-group[b-3fe6hxzviy],
.instalacion-admin-form-card .form-input[b-3fe6hxzviy],
.instalacion-admin-form-card select[b-3fe6hxzviy] {
    min-width: 0;
    max-width: 100%;
}

.instalacion-admin-form-card .form-input[b-3fe6hxzviy] {
    width: 100%;
    box-sizing: border-box;
}

.instalacion-admin-main[b-3fe6hxzviy] {
    min-width: 0;
}

@media (max-width: 560px) {
    .instalacion-admin-form-card .grid-2[b-3fe6hxzviy] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/Instalacion/Auditoria.razor.rz.scp.css */
.auditoria-page[b-0rg1hbmurt] {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.auditoria-header[b-0rg1hbmurt] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
}

.auditoria-kicker[b-0rg1hbmurt] {
    color: var(--primary);
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.auditoria-filtros[b-0rg1hbmurt] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 12px;
    align-items: end;
}

.auditoria-filtros__actions .btn[b-0rg1hbmurt] {
    width: 100%;
    justify-content: center;
}

.auditoria-lista[b-0rg1hbmurt] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.auditoria-item[b-0rg1hbmurt] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.auditoria-item__main[b-0rg1hbmurt] {
    display: flex;
    gap: 12px;
    align-items: flex-start;
}

.auditoria-item__icon[b-0rg1hbmurt] {
    width: 42px;
    height: 42px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--surface-muted);
    color: var(--primary);
    flex-shrink: 0;
}

.auditoria-item__title[b-0rg1hbmurt] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.auditoria-item__meta[b-0rg1hbmurt] {
    font-size: .82rem;
    margin-top: 3px;
}

.auditoria-item__obs[b-0rg1hbmurt] {
    margin: 8px 0 0;
    color: var(--text-secondary);
}

.auditoria-json summary[b-0rg1hbmurt] {
    cursor: pointer;
    color: var(--primary);
    font-weight: 700;
}

.auditoria-json__grid[b-0rg1hbmurt] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-top: 12px;
}

.auditoria-json pre[b-0rg1hbmurt] {
    max-height: 280px;
    overflow: auto;
    padding: 12px;
    border-radius: 12px;
    background: var(--surface-muted);
    border: 1px solid var(--border-light);
    font-size: .78rem;
    white-space: pre-wrap;
    word-break: break-word;
}

@media (max-width: 992px) {
    .auditoria-filtros[b-0rg1hbmurt],
    .auditoria-json__grid[b-0rg1hbmurt] {
        grid-template-columns: 1fr;
    }

    .auditoria-header[b-0rg1hbmurt] {
        flex-direction: column;
        align-items: stretch;
    }
}
/* /Pages/Instalacion/CajaOnline.razor.rz.scp.css */
.caja-online-page[b-j8rmi89el7] {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.caja-online-header[b-j8rmi89el7] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
    padding: 24px;
}

.caja-online-kicker[b-j8rmi89el7] {
    color: var(--accent-dark);
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.caja-online-header h1[b-j8rmi89el7] {
    margin: 6px 0 6px;
}

.caja-online-grid[b-j8rmi89el7] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(320px, 430px);
    gap: 18px;
    align-items: start;
}

.caja-online-card[b-j8rmi89el7] {
    padding: 22px;
}

.caja-online-card h2[b-j8rmi89el7] {
    margin: 0 0 8px;
}

.caja-online-status[b-j8rmi89el7] {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    border-radius: 16px;
    padding: 14px;
    border: 1px solid var(--border-light);
    margin: 14px 0;
}

.caja-online-status i[b-j8rmi89el7] {
    font-size: 1.45rem;
}

.caja-online-status span[b-j8rmi89el7] {
    display: block;
    color: var(--text-muted);
    margin-top: 3px;
}

.caja-online-status--ok[b-j8rmi89el7] {
    background: rgba(34, 197, 94, .08);
    border-color: rgba(34, 197, 94, .22);
}

.caja-online-status--warn[b-j8rmi89el7] {
    background: rgba(245, 158, 11, .08);
    border-color: rgba(245, 158, 11, .28);
}

.caja-online-datos[b-j8rmi89el7] {
    display: grid;
    gap: 10px;
    margin: 0;
}

.caja-online-datos div[b-j8rmi89el7] {
    display: grid;
    grid-template-columns: 160px minmax(0, 1fr);
    gap: 12px;
    padding: 10px 0;
    border-bottom: 1px solid var(--border-light);
}

.caja-online-datos dt[b-j8rmi89el7] {
    color: var(--text-muted);
    font-weight: 700;
}

.caja-online-datos dd[b-j8rmi89el7] {
    margin: 0;
    font-weight: 700;
}

.caja-online-empty[b-j8rmi89el7] {
    display: grid;
    gap: 8px;
    justify-items: center;
    text-align: center;
    padding: 34px 18px;
    color: var(--text-muted);
}

.caja-online-empty i[b-j8rmi89el7] {
    font-size: 2.4rem;
    color: var(--primary);
}

.caja-online-empty strong[b-j8rmi89el7] {
    color: var(--text-main);
}

.caja-online-check[b-j8rmi89el7] {
    margin-top: 10px;
}

@media (max-width: 920px) {
    .caja-online-header[b-j8rmi89el7],
    .caja-online-grid[b-j8rmi89el7] {
        grid-template-columns: 1fr;
    }

    .caja-online-header[b-j8rmi89el7] {
        flex-direction: column;
    }

    .caja-online-datos div[b-j8rmi89el7] {
        grid-template-columns: 1fr;
        gap: 4px;
    }
}

.caja-online-fieldset[b-j8rmi89el7] {
    border: 0;
    margin: 0;
    padding: 0;
}

.caja-online-fieldset:disabled[b-j8rmi89el7] {
    opacity: 0.72;
}
/* /Pages/Instalacion/Dashboard.razor.rz.scp.css */
.instalacion-page[b-jh3xbod8xy] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    max-width: 1180px;
    margin: 0 auto;
}

.instalacion-hero[b-jh3xbod8xy],
.instalacion-section[b-jh3xbod8xy] {
    padding: 20px;
}

.instalacion-hero[b-jh3xbod8xy] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    background: var(--bg-card);
}

.instalacion-hero__brand[b-jh3xbod8xy] {
    display: flex;
    align-items: center;
    gap: 14px;
    min-width: 0;
}

.instalacion-logo[b-jh3xbod8xy],
.instalacion-logo-fallback[b-jh3xbod8xy] {
    width: 52px;
    height: 52px;
    border-radius: 16px;
    flex-shrink: 0;
}

.instalacion-logo[b-jh3xbod8xy] {
    object-fit: contain;
    background: var(--bg-card);
    border: 1px solid var(--border-light);
    padding: 6px;
}

.instalacion-logo-fallback[b-jh3xbod8xy] {
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--primary);
    color: var(--text-inverse);
    font-weight: 800;
}

.instalacion-kicker[b-jh3xbod8xy],
.instalacion-section__kicker[b-jh3xbod8xy],
.instalacion-path span[b-jh3xbod8xy] {
    display: inline-flex;
    color: var(--text-muted);
    font-size: .74rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.instalacion-hero h1[b-jh3xbod8xy],
.instalacion-section h2[b-jh3xbod8xy],
.instalacion-path h2[b-jh3xbod8xy] {
    margin: 4px 0 4px;
    line-height: 1.2;
}

.instalacion-hero h1[b-jh3xbod8xy] {
    font-size: clamp(1.45rem, 2.2vw, 2rem);
}

.instalacion-hero p[b-jh3xbod8xy],
.instalacion-path p[b-jh3xbod8xy],
.instalacion-card p[b-jh3xbod8xy] {
    margin: 0;
    color: var(--text-muted);
    line-height: 1.45;
}

.instalacion-progress-card[b-jh3xbod8xy] {
    min-width: 190px;
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 14px;
    border: 1px solid var(--border-light);
    border-radius: 16px;
    background: var(--surface-muted);
}

.instalacion-progress-card strong[b-jh3xbod8xy] {
    font-size: 1.35rem;
    line-height: 1;
}

.instalacion-progress-card span[b-jh3xbod8xy] {
    color: var(--text-muted);
    font-size: .82rem;
}

.instalacion-progress[b-jh3xbod8xy] {
    height: 6px;
    background: var(--border-light);
    border-radius: 999px;
    overflow: hidden;
    margin-top: 4px;
}

.instalacion-progress__bar[b-jh3xbod8xy] {
    height: 100%;
    width: var(--progress-width, 0%);
    background: var(--primary);
    border-radius: inherit;
}

.instalacion-paths[b-jh3xbod8xy] {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(0, .75fr);
    gap: 14px;
}

.instalacion-path[b-jh3xbod8xy] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    padding: 20px;
    text-decoration: none;
    color: inherit;
    border-color: var(--border-light);
}

.instalacion-path--primary[b-jh3xbod8xy] {
    border-color: var(--primary);
}

.instalacion-path > i[b-jh3xbod8xy] {
    font-size: 1.35rem;
    color: var(--text-muted);
}

.instalacion-section__header[b-jh3xbod8xy] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 16px;
}

.instalacion-grid[b-jh3xbod8xy] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.instalacion-card[b-jh3xbod8xy] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: flex-start;
    gap: 12px;
    padding: 14px;
    border: 1px solid var(--border-light);
    border-radius: 16px;
    text-decoration: none;
    color: inherit;
    background: var(--bg-card);
    transition: border-color .16s ease, transform .16s ease, background .16s ease;
}

.instalacion-card:hover[b-jh3xbod8xy] {
    border-color: var(--primary);
    transform: translateY(-1px);
}

.instalacion-card__icon[b-jh3xbod8xy] {
    width: 34px;
    height: 34px;
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--surface-muted);
    color: var(--text-muted);
    font-size: 1rem;
}

.instalacion-card--done .instalacion-card__icon[b-jh3xbod8xy] {
    color: var(--primary);
}

.instalacion-card__topline[b-jh3xbod8xy] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 4px;
}

.instalacion-card h3[b-jh3xbod8xy] {
    margin: 0;
    font-size: .98rem;
}

.instalacion-card__topline span[b-jh3xbod8xy] {
    color: var(--text-muted);
    font-size: .72rem;
    font-weight: 700;
    white-space: nowrap;
}

.instalacion-tools[b-jh3xbod8xy] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.instalacion-tools a[b-jh3xbod8xy] {
    display: inline-flex;
    align-items: center;
    min-height: 38px;
    padding: 0 13px;
    border: 1px solid var(--border-light);
    border-radius: 999px;
    color: var(--text);
    text-decoration: none;
    background: var(--bg-card);
}

.instalacion-tools a:hover[b-jh3xbod8xy] {
    border-color: var(--primary);
}

@media (max-width: 980px) {
    .instalacion-grid[b-jh3xbod8xy] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .instalacion-paths[b-jh3xbod8xy] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 680px) {
    .instalacion-hero[b-jh3xbod8xy] {
        align-items: stretch;
        flex-direction: column;
    }

    .instalacion-progress-card[b-jh3xbod8xy] {
        min-width: 0;
    }

    .instalacion-grid[b-jh3xbod8xy] {
        grid-template-columns: 1fr;
    }

    .instalacion-hero[b-jh3xbod8xy],
    .instalacion-section[b-jh3xbod8xy],
    .instalacion-path[b-jh3xbod8xy] {
        padding: 16px;
    }
}

.instalacion-sync-btn[b-jh3xbod8xy] {
    white-space: nowrap;
}

@media (max-width: 680px) {
    .instalacion-section__header[b-jh3xbod8xy] {
        flex-direction: column;
        align-items: stretch;
    }

    .instalacion-sync-btn[b-jh3xbod8xy] {
        width: 100%;
        justify-content: center;
    }
}


/* v54.10.13 - cierre operativo y configuración directa agrupada */
.instalacion-complete[b-jh3xbod8xy] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 18px 20px;
    border-color: rgba(var(--primary-rgb), .34);
    background: var(--bg-card);
}

.instalacion-complete span[b-jh3xbod8xy] {
    display: inline-flex;
    color: var(--primary);
    font-size: .74rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.instalacion-complete h2[b-jh3xbod8xy] {
    margin: 4px 0;
    font-size: 1.15rem;
}

.instalacion-complete p[b-jh3xbod8xy] {
    margin: 0;
    color: var(--text-muted);
}

.instalacion-complete__actions[b-jh3xbod8xy] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.instalacion-admin-route[b-jh3xbod8xy] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 20px;
    background: var(--bg-card);
}

.instalacion-admin-route__summary[b-jh3xbod8xy] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

.instalacion-admin-route__summary h2[b-jh3xbod8xy] {
    margin: 4px 0;
    font-size: 1.15rem;
}

.instalacion-admin-route__summary p[b-jh3xbod8xy] {
    margin: 0;
    color: var(--text-muted);
    line-height: 1.45;
}

.instalacion-admin-route__summary .btn[b-jh3xbod8xy] {
    white-space: nowrap;
}

.instalacion-admin-route__steps[b-jh3xbod8xy] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}

.instalacion-admin-step[b-jh3xbod8xy] {
    min-height: 64px;
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    padding: 10px;
    border: 1px solid var(--border-light);
    border-radius: 14px;
    color: inherit;
    text-decoration: none;
    background: var(--surface-muted);
}

.instalacion-admin-step:hover[b-jh3xbod8xy] {
    border-color: var(--primary);
}

.instalacion-admin-step i[b-jh3xbod8xy] {
    width: 34px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: var(--bg-card);
    color: var(--text-muted);
}

.instalacion-admin-step span[b-jh3xbod8xy] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.instalacion-admin-step strong[b-jh3xbod8xy] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: .9rem;
}

.instalacion-admin-step small[b-jh3xbod8xy] {
    color: var(--text-muted);
    font-size: .75rem;
    font-weight: 700;
}

.instalacion-admin-step--done[b-jh3xbod8xy] {
    border-color: rgba(var(--primary-rgb), .28);
}

.instalacion-admin-step--done i[b-jh3xbod8xy],
.instalacion-admin-step--done small[b-jh3xbod8xy] {
    color: var(--primary);
}

.instalacion-direct-groups[b-jh3xbod8xy] {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.instalacion-direct-group[b-jh3xbod8xy] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.instalacion-direct-group__header[b-jh3xbod8xy] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding-bottom: 6px;
    border-bottom: 1px solid var(--border-light);
}

.instalacion-direct-group__header h3[b-jh3xbod8xy] {
    margin: 0;
    font-size: .92rem;
    color: var(--text);
}

.instalacion-direct-group__header span[b-jh3xbod8xy] {
    color: var(--text-muted);
    font-size: .78rem;
    font-weight: 700;
    white-space: nowrap;
}

@media (max-width: 680px) {
    .instalacion-complete[b-jh3xbod8xy] {
        flex-direction: column;
        align-items: stretch;
    }

    .instalacion-complete__actions[b-jh3xbod8xy] {
        justify-content: stretch;
    }

    .instalacion-complete__actions .btn[b-jh3xbod8xy] {
        width: 100%;
        justify-content: center;
    }
}

@media (max-width: 980px) {
    .instalacion-admin-route__steps[b-jh3xbod8xy] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 680px) {
    .instalacion-admin-route__summary[b-jh3xbod8xy] {
        flex-direction: column;
    }

    .instalacion-admin-route__summary .btn[b-jh3xbod8xy] {
        width: 100%;
        justify-content: center;
    }

    .instalacion-admin-route__steps[b-jh3xbod8xy] {
        grid-template-columns: 1fr;
    }
}

/* v54.10.13 - búsqueda y filtros para configuración directa */
.instalacion-direct-toolbar[b-jh3xbod8xy] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 12px;
    align-items: center;
    margin-bottom: 16px;
}

.instalacion-search[b-jh3xbod8xy] {
    min-height: 42px;
    border: 1px solid var(--border-light);
    border-radius: 14px;
    background: var(--bg-card);
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0 12px;
}

.instalacion-search i[b-jh3xbod8xy] {
    color: var(--text-muted);
}

.instalacion-search input[b-jh3xbod8xy] {
    width: 100%;
    min-width: 0;
    border: 0;
    outline: none;
    background: transparent;
    color: var(--text);
    font: inherit;
}

.instalacion-filter-pills[b-jh3xbod8xy] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px;
    border: 1px solid var(--border-light);
    border-radius: 999px;
    background: var(--surface-muted);
}

.instalacion-filter-pills button[b-jh3xbod8xy] {
    border: 0;
    border-radius: 999px;
    min-height: 32px;
    padding: 0 12px;
    background: transparent;
    color: var(--text-muted);
    font-weight: 700;
    cursor: pointer;
}

.instalacion-filter-pills button.is-active[b-jh3xbod8xy] {
    background: var(--bg-card);
    color: var(--text);
    box-shadow: var(--shadow-soft);
}

.instalacion-empty-filter[b-jh3xbod8xy] {
    border: 1px dashed var(--border-light);
    border-radius: 16px;
    padding: 18px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: flex-start;
    background: var(--surface-muted);
}

.instalacion-empty-filter span[b-jh3xbod8xy] {
    color: var(--text-muted);
}

@media (max-width: 760px) {
    .instalacion-direct-toolbar[b-jh3xbod8xy] {
        grid-template-columns: 1fr;
    }

    .instalacion-filter-pills[b-jh3xbod8xy] {
        width: 100%;
        justify-content: space-between;
    }

    .instalacion-filter-pills button[b-jh3xbod8xy] {
        flex: 1;
    }
}
/* /Pages/Instalacion/DiagnosticoPublicacion.razor.rz.scp.css */
.diagnostico-publicacion[b-ry9stgxgmk] {
    padding: 1.5rem;
}

.diagnostico-grid[b-ry9stgxgmk] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 1rem;
}

.diagnostico-item[b-ry9stgxgmk] {
    border: 1px solid var(--border);
    border-radius: 16px;
    padding: 1rem;
    background: var(--surface);
}

.diagnostico-item span[b-ry9stgxgmk] {
    display: block;
    font-size: .78rem;
    color: var(--text-muted);
    margin-bottom: .4rem;
}

.diagnostico-item strong[b-ry9stgxgmk] {
    word-break: break-word;
}
/* /Pages/Instalacion/MultiSedeDiagnostico.razor.rz.scp.css */
.multisede-diagnostico-page[b-ns8zmacpke] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.multisede-hero[b-ns8zmacpke] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
}

.multisede-hero h1[b-ns8zmacpke] {
    margin: 0.15rem 0;
}

.multisede-kicker[b-ns8zmacpke] {
    color: var(--text-muted);
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    font-size: 0.75rem;
}

.multisede-actions[b-ns8zmacpke] {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.multisede-summary-grid[b-ns8zmacpke] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
}

.multisede-summary-card[b-ns8zmacpke] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.multisede-summary-card span[b-ns8zmacpke],
.multisede-summary-card small[b-ns8zmacpke] {
    color: var(--text-muted);
}

.multisede-summary-card strong[b-ns8zmacpke] {
    font-size: 2rem;
    line-height: 1;
}

.multisede-section[b-ns8zmacpke] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.multisede-section-header h2[b-ns8zmacpke] {
    margin: 0;
}

.multisede-section-header p[b-ns8zmacpke] {
    margin: 0.25rem 0 0;
    color: var(--text-muted);
}

.multisede-check-list[b-ns8zmacpke] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.multisede-check[b-ns8zmacpke] {
    display: grid;
    grid-template-columns: 92px minmax(0, 1fr) 72px;
    gap: 1rem;
    align-items: center;
    border: 1px solid var(--border);
    border-radius: 1rem;
    padding: 1rem;
    background: var(--bg-card);
}

.multisede-check--blocking[b-ns8zmacpke] {
    border-style: dashed;
}

.multisede-check h3[b-ns8zmacpke] {
    margin: 0 0 0.25rem;
}

.multisede-check p[b-ns8zmacpke] {
    margin: 0;
}

.multisede-check small[b-ns8zmacpke] {
    display: block;
    margin-top: 0.35rem;
    color: var(--text-muted);
}

.multisede-check-state[b-ns8zmacpke] {
    border-radius: 999px;
    padding: 0.35rem 0.65rem;
    font-weight: 700;
    text-align: center;
    background: var(--surface-muted);
}

.multisede-check-state--ok[b-ns8zmacpke] {
    color: var(--success, #15803d);
}

.multisede-check-state--critical[b-ns8zmacpke] {
    color: var(--danger, #b91c1c);
}

.multisede-check-state--warning[b-ns8zmacpke] {
    color: var(--warning, #b45309);
}

.multisede-check-state--info[b-ns8zmacpke] {
    color: var(--info, #2563eb);
}

.multisede-check-count[b-ns8zmacpke] {
    font-size: 1.4rem;
    font-weight: 800;
    text-align: right;
}

.multisede-table td[b-ns8zmacpke],
.multisede-table th[b-ns8zmacpke] {
    white-space: nowrap;
}

@media (max-width: 900px) {
    .multisede-hero[b-ns8zmacpke] {
        flex-direction: column;
    }

    .multisede-actions[b-ns8zmacpke] {
        justify-content: flex-start;
    }

    .multisede-summary-grid[b-ns8zmacpke] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .multisede-summary-grid[b-ns8zmacpke] {
        grid-template-columns: 1fr;
    }

    .multisede-check[b-ns8zmacpke] {
        grid-template-columns: 1fr;
    }

    .multisede-check-count[b-ns8zmacpke] {
        text-align: left;
    }
}
/* /Pages/Instalacion/RolesPermisos.razor.rz.scp.css */
.roles-permisos-page[b-trfh5wnita] { display: flex; flex-direction: column; gap: 1rem; }
.roles-hero[b-trfh5wnita] { display: flex; justify-content: space-between; gap: 1rem; align-items: center; padding: 1.25rem; }
.roles-kicker[b-trfh5wnita] { font-size: .78rem; text-transform: uppercase; letter-spacing: .08em; color: var(--primary); font-weight: 800; }
.roles-hero h1[b-trfh5wnita], .roles-content h2[b-trfh5wnita] { margin: .15rem 0; }
.roles-hero-actions[b-trfh5wnita] { display: flex; gap: .75rem; flex-wrap: wrap; }
.roles-layout[b-trfh5wnita] { display: grid; grid-template-columns: 280px minmax(0, 1fr); gap: 1rem; align-items: start; }
.roles-sidebar[b-trfh5wnita], .roles-content[b-trfh5wnita], .roles-users[b-trfh5wnita] { padding: 1rem; }
.role-item[b-trfh5wnita] { width: 100%; border: 1px solid var(--border-light); background: var(--surface); border-radius: 8px; padding: .85rem; display: flex; flex-direction: column; align-items: flex-start; gap: .2rem; margin-top: .6rem; cursor: pointer; text-align: left; }
.role-item span[b-trfh5wnita] { font-weight: 800; }
.role-item small[b-trfh5wnita] { color: var(--text-muted); }
.role-item-active[b-trfh5wnita] { border-color: var(--primary); box-shadow: 0 12px 28px rgba(var(--primary-rgb), .12); background: rgba(var(--primary-rgb), .06); }
.roles-content-header[b-trfh5wnita] { display: flex; justify-content: space-between; align-items: flex-start; gap: 1rem; margin-bottom: 1rem; }
.roles-toolbar[b-trfh5wnita] { display: flex; gap: 1rem; align-items: center; margin-bottom: 1rem; }
.roles-counter[b-trfh5wnita] { padding: .55rem .75rem; border-radius: 999px; background: var(--surface-muted); color: var(--text-muted); white-space: nowrap; font-weight: 700; }
.permissions-group[b-trfh5wnita] { margin-top: 1rem; }
.permissions-group-header[b-trfh5wnita] { display: flex; justify-content: space-between; align-items: center; margin-bottom: .6rem; }
.permissions-group-header h3[b-trfh5wnita] { margin: 0; font-size: 1rem; }
.permissions-grid[b-trfh5wnita] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; }
.permission-card[b-trfh5wnita] { border: 1px solid var(--border-light); border-radius: 8px; padding: .85rem; display: grid; grid-template-columns: auto 1fr; gap: .75rem; background: var(--surface); cursor: pointer; }
.permission-card-active[b-trfh5wnita] { border-color: var(--primary); background: rgba(var(--primary-rgb), .055); }
.permission-card input[b-trfh5wnita] { margin-top: .25rem; }
.permission-card strong[b-trfh5wnita] { display: block; }
.permission-card p[b-trfh5wnita] { color: var(--text-muted); margin: .25rem 0 .45rem; font-size: .9rem; }
.permission-menu-pill[b-trfh5wnita] { display: inline-flex; align-items: center; gap: .3rem; min-height: 26px; margin: 0 0 .45rem; padding: .22rem .55rem; border-radius: 999px; border: 1px solid rgba(var(--primary-rgb), .18); background: var(--interactive-soft-bg); color: var(--primary); font-size: .75rem; font-weight: 850; line-height: 1.1; }
.permission-menu-pill i[b-trfh5wnita] { font-size: .92rem; }
.permission-scope[b-trfh5wnita] { display: block; margin: -.15rem 0 .45rem; color: var(--text-muted); font-size: .78rem; line-height: 1.35; }
.permission-card code[b-trfh5wnita] { font-size: .75rem; color: var(--primary); background: rgba(var(--primary-rgb), .08); padding: .15rem .35rem; border-radius: 6px; white-space: normal; overflow-wrap: anywhere; }
.roles-users[b-trfh5wnita] { margin-top: 1rem; }
.empty-state[b-trfh5wnita] { padding: 2rem; text-align: center; color: var(--text-muted); }
@media (max-width: 900px) { .roles-layout[b-trfh5wnita] { grid-template-columns: 1fr; } .permissions-grid[b-trfh5wnita] { grid-template-columns: 1fr; } .roles-hero[b-trfh5wnita], .roles-content-header[b-trfh5wnita], .roles-toolbar[b-trfh5wnita] { flex-direction: column; align-items: stretch; } }

.roles-user-table td[b-trfh5wnita] {
    vertical-align: middle;
}

.roles-user-cell[b-trfh5wnita] {
    display: inline-flex;
    align-items: center;
    gap: .75rem;
    min-width: 0;
}

.roles-user-cell span:last-child[b-trfh5wnita] {
    display: flex;
    flex-direction: column;
    gap: .15rem;
    min-width: 0;
}

.roles-user-cell strong[b-trfh5wnita] {
    color: var(--text);
    font-weight: 800;
    line-height: 1.15;
}

.roles-user-cell small[b-trfh5wnita] {
    color: var(--text-muted);
    font-size: .76rem;
    font-weight: 700;
}

.roles-user-avatar[b-trfh5wnita] {
    width: 34px;
    height: 34px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 34px;
    background: var(--interactive-soft-bg);
    color: var(--primary);
    border: 1px solid var(--border-light);
    font-weight: 900;
}

.roles-login-pill[b-trfh5wnita],
.roles-status-pill[b-trfh5wnita] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 30px;
    padding: .35rem .65rem;
    border-radius: 999px;
    border: 1px solid var(--border-light);
    background: var(--surface-muted);
    color: var(--text-muted);
    font-size: .78rem;
    font-weight: 800;
    white-space: nowrap;
}

.roles-status-pill--ok[b-trfh5wnita] {
    background: var(--status-success-soft-bg);
    color: var(--success);
    border-color: rgba(var(--status-success-rgb), .24);
}

.roles-role-select[b-trfh5wnita] {
    min-width: 180px;
}
/* /Pages/Instalacion/ValidacionFinal.razor.rz.scp.css */
.validacion-page[b-a03uaakwkk] {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.validacion-hero[b-a03uaakwkk] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 22px;
    padding: 26px;
    background: linear-gradient(135deg, var(--bg-card), rgba(var(--primary-rgb), .08));
}

.validacion-hero--ok[b-a03uaakwkk] {
    border-color: rgba(22, 163, 74, .32);
}

.validacion-hero--error[b-a03uaakwkk] {
    border-color: rgba(220, 38, 38, .32);
}

.validacion-kicker[b-a03uaakwkk] {
    display: inline-flex;
    color: var(--accent-dark);
    font-weight: 900;
    font-size: .76rem;
    text-transform: uppercase;
    letter-spacing: .08em;
    margin-bottom: 8px;
}

.validacion-hero h1[b-a03uaakwkk],
.validacion-list h2[b-a03uaakwkk],
.validacion-item h3[b-a03uaakwkk] {
    margin: 0 0 6px;
}

.validacion-hero p[b-a03uaakwkk],
.validacion-list p[b-a03uaakwkk],
.validacion-item p[b-a03uaakwkk] {
    margin: 0;
    color: var(--text-muted);
}

.validacion-actions[b-a03uaakwkk] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.validacion-metrics[b-a03uaakwkk] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}

.metric-card[b-a03uaakwkk] {
    padding: 18px;
}

.metric-card span[b-a03uaakwkk] {
    display: block;
    color: var(--text-muted);
    font-size: .82rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .06em;
}

.metric-card strong[b-a03uaakwkk] {
    display: block;
    margin-top: 6px;
    font-size: 2rem;
}

.validacion-list[b-a03uaakwkk] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 18px;
}

.validacion-list__header[b-a03uaakwkk] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
    padding-bottom: 8px;
}

.validacion-item[b-a03uaakwkk] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 14px;
    align-items: center;
    border: 1px solid var(--border-light);
    border-radius: 18px;
    padding: 16px;
    background: var(--bg-card);
}

.validacion-item--ok[b-a03uaakwkk] {
    border-color: rgba(22, 163, 74, .28);
}

.validacion-item--danger[b-a03uaakwkk] {
    border-color: rgba(220, 38, 38, .28);
}

.validacion-item--warning[b-a03uaakwkk] {
    border-color: rgba(245, 158, 11, .32);
}

.validacion-item__icon[b-a03uaakwkk] {
    width: 46px;
    height: 46px;
    border-radius: 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(var(--primary-rgb), .10);
    color: var(--primary);
    font-size: 1.25rem;
}

.validacion-item__title[b-a03uaakwkk] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 4px;
}

.validacion-item small[b-a03uaakwkk] {
    display: block;
    margin-top: 7px;
    color: var(--text);
}

@media (max-width: 900px) {
    .validacion-metrics[b-a03uaakwkk] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .validacion-hero[b-a03uaakwkk],
    .validacion-list__header[b-a03uaakwkk] {
        flex-direction: column;
        align-items: stretch;
    }
}

@media (max-width: 640px) {
    .validacion-metrics[b-a03uaakwkk] {
        grid-template-columns: 1fr;
    }

    .validacion-actions[b-a03uaakwkk] {
        flex-direction: column;
        align-items: stretch;
    }

    .validacion-actions .btn[b-a03uaakwkk],
    .validacion-item .btn[b-a03uaakwkk] {
        width: 100%;
        justify-content: center;
    }

    .validacion-item[b-a03uaakwkk] {
        grid-template-columns: 1fr;
        text-align: center;
    }

    .validacion-item__icon[b-a03uaakwkk] {
        margin: 0 auto;
    }

    .validacion-item__title[b-a03uaakwkk] {
        flex-direction: column;
        align-items: center;
    }
}


/* v54.10.13 - cierre operativo */
.validacion-success-actions[b-a03uaakwkk] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.validacion-success-actions span[b-a03uaakwkk] {
    flex: 1 1 auto;
}

@media (max-width: 680px) {
    .validacion-success-actions[b-a03uaakwkk] {
        align-items: stretch;
    }

    .validacion-success-actions .btn[b-a03uaakwkk] {
        width: 100%;
        justify-content: center;
    }
}
/* /Pages/Instalacion/Wizard.razor.rz.scp.css */
.wizard-page[b-58sqgdbyqx] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    max-width: 1160px;
    margin: 0 auto;
}

.wizard-hero[b-58sqgdbyqx],
.wizard-progress[b-58sqgdbyqx],
.wizard-detail[b-58sqgdbyqx],
.wizard-mobile-step[b-58sqgdbyqx] {
    padding: 18px;
    background: var(--bg-card);
}

.wizard-hero[b-58sqgdbyqx] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 16px;
    align-items: center;
}

.wizard-kicker[b-58sqgdbyqx],
.wizard-detail__eyebrow[b-58sqgdbyqx] {
    display: inline-flex;
    color: var(--text-muted);
    font-weight: 700;
    font-size: .74rem;
    text-transform: uppercase;
    letter-spacing: .08em;
    margin-bottom: 6px;
}

.wizard-hero h1[b-58sqgdbyqx],
.wizard-detail h2[b-58sqgdbyqx] {
    margin: 0 0 5px;
    line-height: 1.2;
}

.wizard-hero h1[b-58sqgdbyqx] {
    font-size: clamp(1.35rem, 2vw, 1.9rem);
}

.wizard-hero p[b-58sqgdbyqx],
.wizard-detail p[b-58sqgdbyqx] {
    margin: 0;
    color: var(--text-muted);
    max-width: 680px;
    line-height: 1.45;
}

.wizard-hero__actions[b-58sqgdbyqx],
.wizard-actions[b-58sqgdbyqx],
.wizard-final-actions[b-58sqgdbyqx] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.wizard-hero__actions[b-58sqgdbyqx] {
    justify-content: flex-end;
}

.btn-ghost[b-58sqgdbyqx] {
    background: transparent;
    border: 1px solid var(--border-light);
    color: var(--text-muted);
}

.wizard-readonly[b-58sqgdbyqx] {
    align-items: center;
}

.wizard-progress[b-58sqgdbyqx] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.wizard-progress__top[b-58sqgdbyqx] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: center;
}

.wizard-progress__top span[b-58sqgdbyqx] {
    color: var(--text-muted);
    font-size: .88rem;
}

.wizard-progress__bar[b-58sqgdbyqx] {
    height: 7px;
    background: var(--surface-muted);
    border-radius: 999px;
    overflow: hidden;
}

.wizard-progress__fill[b-58sqgdbyqx] {
    height: 100%;
    width: var(--progress-width, 0%);
    border-radius: 999px;
    background: var(--primary);
    transition: width .25s ease;
}

.wizard-mobile-step[b-58sqgdbyqx] {
    display: none;
    gap: 8px;
}

.wizard-mobile-step label[b-58sqgdbyqx] {
    display: block;
    color: var(--text-muted);
    font-size: .8rem;
    font-weight: 700;
    margin-bottom: 6px;
}

.wizard-step-select[b-58sqgdbyqx] {
    width: 100%;
    min-height: 42px;
    border: 1px solid var(--border-light);
    border-radius: 12px;
    background: var(--bg-card);
    color: var(--text);
    padding: 0 12px;
}

.wizard-layout[b-58sqgdbyqx] {
    display: grid;
    grid-template-columns: minmax(250px, 300px) minmax(0, 1fr);
    gap: 14px;
}

.wizard-steps[b-58sqgdbyqx] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 12px;
    position: sticky;
    top: 78px;
    align-self: start;
    max-height: calc(100vh - 100px);
    overflow: auto;
}

.wizard-steps__title[b-58sqgdbyqx] {
    padding: 4px 6px 8px;
}

.wizard-steps__title strong[b-58sqgdbyqx],
.wizard-steps__title small[b-58sqgdbyqx] {
    display: block;
}

.wizard-steps__title small[b-58sqgdbyqx] {
    color: var(--text-muted);
    margin-top: 2px;
}

.wizard-phase[b-58sqgdbyqx] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.wizard-phase__title[b-58sqgdbyqx] {
    display: flex;
    align-items: center;
    gap: 6px;
    color: var(--text-muted);
    font-weight: 700;
    font-size: .72rem;
    text-transform: uppercase;
    letter-spacing: .08em;
    padding: 10px 8px 4px;
}

.wizard-step[b-58sqgdbyqx] {
    width: 100%;
    border: 1px solid transparent;
    background: transparent;
    color: inherit;
    border-radius: 12px;
    padding: 9px;
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 9px;
    align-items: center;
    text-align: left;
    cursor: pointer;
    transition: background .16s ease, border-color .16s ease;
}

.wizard-step:hover[b-58sqgdbyqx],
.wizard-step--active[b-58sqgdbyqx] {
    background: var(--surface-muted);
    border-color: var(--border-light);
}

.wizard-step--active .wizard-step__number[b-58sqgdbyqx] {
    background: var(--primary);
    color: var(--text-inverse);
}

.wizard-step--done .wizard-step__number[b-58sqgdbyqx] {
    background: var(--surface-muted);
    color: var(--primary);
}

.wizard-step--skipped .wizard-step__number[b-58sqgdbyqx] {
    background: var(--surface-muted);
    color: var(--text-muted);
}

.wizard-step__number[b-58sqgdbyqx] {
    width: 30px;
    height: 30px;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--surface-muted);
    color: var(--text-muted);
    font-weight: 800;
    font-size: .82rem;
}

.wizard-step__content[b-58sqgdbyqx] {
    min-width: 0;
}

.wizard-step__content strong[b-58sqgdbyqx],
.wizard-step__content small[b-58sqgdbyqx] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
}

.wizard-step__content strong[b-58sqgdbyqx] {
    font-size: .92rem;
}

.wizard-step__content small[b-58sqgdbyqx] {
    color: var(--text-muted);
    margin-top: 1px;
    font-size: .78rem;
}

.wizard-detail[b-58sqgdbyqx] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.wizard-detail__header[b-58sqgdbyqx] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 14px;
    align-items: flex-start;
}

.wizard-detail__icon[b-58sqgdbyqx] {
    width: 44px;
    height: 44px;
    border-radius: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--surface-muted);
    color: var(--primary);
    font-size: 1.1rem;
}

.wizard-detail__status[b-58sqgdbyqx] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.badge-light[b-58sqgdbyqx] {
    background: var(--surface-muted);
    color: var(--text-muted);
}

.wizard-required-text[b-58sqgdbyqx] {
    color: var(--text-muted);
    font-size: .82rem;
    font-weight: 700;
}

.wizard-checklist[b-58sqgdbyqx] {
    border: 1px solid var(--border-light);
    border-radius: 16px;
    padding: 16px;
    background: var(--surface-muted);
}

.wizard-checklist h3[b-58sqgdbyqx] {
    margin: 0 0 10px;
    font-size: 1rem;
}

.wizard-checklist ul[b-58sqgdbyqx] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 9px;
}

.wizard-checklist li[b-58sqgdbyqx] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    color: var(--text);
}

.wizard-checklist li i[b-58sqgdbyqx] {
    color: var(--primary);
    margin-top: 2px;
}

.wizard-actions--primary[b-58sqgdbyqx] {
    padding: 14px;
    border-radius: 16px;
    background: var(--surface-muted);
}

.wizard-actions--primary .btn[b-58sqgdbyqx] {
    min-height: 42px;
}

.wizard-nav-inline[b-58sqgdbyqx] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--text-muted);
}

.wizard-nav-inline button[b-58sqgdbyqx] {
    border: 0;
    background: transparent;
    color: var(--text-muted);
    font-weight: 700;
    cursor: pointer;
    padding: 0;
}

.wizard-nav-inline button:not(:disabled):hover[b-58sqgdbyqx] {
    color: var(--primary);
}

.wizard-nav-inline button:disabled[b-58sqgdbyqx] {
    opacity: .45;
    cursor: not-allowed;
}

.wizard-final-actions[b-58sqgdbyqx] {
    justify-content: space-between;
    border-top: 1px solid var(--border-light);
    padding-top: 14px;
}

.wizard-final-actions--ready[b-58sqgdbyqx] {
    padding: 14px;
    border: 1px solid rgba(var(--primary-rgb), .32);
    border-radius: 16px;
    background: var(--surface-muted);
}

.wizard-final-actions--ready strong[b-58sqgdbyqx],
.wizard-final-actions--ready small[b-58sqgdbyqx] {
    display: block;
}

@media (max-width: 1080px) {
    .wizard-hero[b-58sqgdbyqx] {
        grid-template-columns: 1fr;
    }

    .wizard-hero__actions[b-58sqgdbyqx] {
        justify-content: flex-start;
    }

    .wizard-layout[b-58sqgdbyqx] {
        grid-template-columns: minmax(220px, 280px) minmax(0, 1fr);
    }
}

@media (max-width: 760px) {
    .wizard-mobile-step[b-58sqgdbyqx] {
        display: block;
    }

    .wizard-layout[b-58sqgdbyqx] {
        grid-template-columns: 1fr;
    }

    .wizard-steps[b-58sqgdbyqx] {
        display: none;
    }

    .wizard-progress__top[b-58sqgdbyqx] {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media (max-width: 680px) {
    .wizard-page[b-58sqgdbyqx] {
        gap: 12px;
    }

    .wizard-hero[b-58sqgdbyqx],
    .wizard-detail[b-58sqgdbyqx],
    .wizard-progress[b-58sqgdbyqx],
    .wizard-mobile-step[b-58sqgdbyqx] {
        padding: 16px;
    }

    .wizard-detail__header[b-58sqgdbyqx] {
        grid-template-columns: 1fr;
    }

    .wizard-hero__actions[b-58sqgdbyqx],
    .wizard-actions[b-58sqgdbyqx],
    .wizard-final-actions[b-58sqgdbyqx] {
        flex-direction: column;
        align-items: stretch;
    }

    .wizard-hero__actions .btn[b-58sqgdbyqx],
    .wizard-actions .btn[b-58sqgdbyqx],
    .wizard-final-actions .btn[b-58sqgdbyqx] {
        width: 100%;
        justify-content: center;
    }
}


/* v54.10.13 - cierre operativo */
.wizard-complete[b-58sqgdbyqx] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    padding: 18px 20px;
    border-color: rgba(var(--primary-rgb), .34);
    background: var(--bg-card);
}

.wizard-complete span[b-58sqgdbyqx] {
    display: inline-flex;
    color: var(--primary);
    font-size: .74rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.wizard-complete h2[b-58sqgdbyqx] {
    margin: 4px 0;
    font-size: 1.15rem;
}

.wizard-complete p[b-58sqgdbyqx] {
    margin: 0;
    color: var(--text-muted);
}

.wizard-complete__actions[b-58sqgdbyqx] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

@media (max-width: 760px) {
    .wizard-complete[b-58sqgdbyqx] {
        flex-direction: column;
        align-items: stretch;
    }

    .wizard-complete__actions[b-58sqgdbyqx] {
        justify-content: stretch;
    }

    .wizard-complete__actions .btn[b-58sqgdbyqx] {
        width: 100%;
        justify-content: center;
    }
}

/* v54.10.13 - wizard más liviano: menos redundancia visual y acciones finales solo cuando corresponde */
/* /Pages/Operacion/Acceso.razor.rz.scp.css */
.acceso-page-header[b-oe2s9vqfnp] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

.acceso-grid[b-oe2s9vqfnp] {
    align-items: flex-start;
}

.acceso-card-title[b-oe2s9vqfnp] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 16px;
}

.acceso-card-title h3[b-oe2s9vqfnp] {
    margin: 0 0 4px;
}

.acceso-card-title p[b-oe2s9vqfnp] {
    margin: 0;
}

.acceso-input-qr[b-oe2s9vqfnp] {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

.acceso-validacion-card[b-oe2s9vqfnp] {
    border: 1px solid var(--border-light);
    border-radius: var(--radius-lg);
    padding: 16px;
    background: var(--surface);
}

.acceso-validacion-card--ok[b-oe2s9vqfnp] {
    border-color: var(--status-success-soft-border);
    background: var(--status-success-soft-bg);
}

.acceso-validacion-card--error[b-oe2s9vqfnp] {
    border-color: var(--status-danger-soft-border);
    background: var(--status-danger-soft-bg);
}

.acceso-persona[b-oe2s9vqfnp],
.socio-resultado-left[b-oe2s9vqfnp] {
    display: flex;
    align-items: center;
    gap: 14px;
    min-width: 0;
}

.acceso-avatar[b-oe2s9vqfnp],
.socio-avatar-sm[b-oe2s9vqfnp] {
    border-radius: 50%;
    background: var(--primary);
    color: var(--text-on-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    overflow: hidden;
    flex-shrink: 0;
}

.acceso-avatar[b-oe2s9vqfnp] {
    width: 88px;
    height: 88px;
    font-size: 1.6rem;
}

.socio-avatar-sm[b-oe2s9vqfnp] {
    width: 44px;
    height: 44px;
    font-size: 0.9rem;
}

.acceso-avatar img[b-oe2s9vqfnp],
.socio-avatar-sm img[b-oe2s9vqfnp] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.acceso-persona-info[b-oe2s9vqfnp] {
    min-width: 0;
}

.acceso-persona-datos[b-oe2s9vqfnp] {
    font-size: 0.85rem;
    word-break: break-word;
}

.acceso-badges[b-oe2s9vqfnp] {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}

.acceso-confirmacion[b-oe2s9vqfnp] {
    display: flex;
    gap: 10px;
    align-items: center;
    flex-wrap: wrap;
    border-top: 1px solid var(--border-light);
    padding-top: 12px;
}

.acceso-confirmacion p[b-oe2s9vqfnp] {
    flex-basis: 100%;
}

.socio-resultado[b-oe2s9vqfnp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 12px;
    border: 1px solid var(--border-light);
    border-radius: var(--radius);
    transition: background var(--transition);
}

.socio-resultado:hover[b-oe2s9vqfnp] {
    background: var(--bg);
}

.socio-sin-sede[b-oe2s9vqfnp] {
    border-color: var(--status-warning-soft-border);
    background: var(--status-warning-soft-bg);
}

.socio-sin-sede:hover[b-oe2s9vqfnp] {
    background: var(--status-warning-soft-bg);
}

.socio-inactivo[b-oe2s9vqfnp] {
    opacity: 0.6;
}

.acceso-field-hint[b-oe2s9vqfnp] {
    display: block;
    margin-top: 6px;
    color: var(--text-muted);
    font-size: 0.78rem;
    line-height: 1.35;
}

.acceso-socio-meta[b-oe2s9vqfnp] {
    font-size: 0.8rem;
}

.acceso-socio-ultimo[b-oe2s9vqfnp] {
    font-size: 0.75rem;
}

.acceso-socio-sede-warning[b-oe2s9vqfnp] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
    margin-top: 6px;
    color: var(--text);
    font-size: 0.78rem;
    line-height: 1.35;
}

.acceso-socio-sede-warning i[b-oe2s9vqfnp] {
    color: var(--warning);
    font-size: 0.95rem;
}

.acceso-socio-sede-warning small[b-oe2s9vqfnp] {
    flex-basis: 100%;
    color: var(--text-muted);
}

.acceso-qr-actions[b-oe2s9vqfnp] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

.acceso-camera-toolbar[b-oe2s9vqfnp] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.acceso-scanner[b-oe2s9vqfnp] {
    border: 1px solid var(--border-light);
    border-radius: var(--radius-lg);
    overflow: hidden;
    background: var(--scanner-bg);
    position: relative;
    min-height: 260px;
    box-shadow: var(--scanner-inset-ring);
}

.acceso-scanner-video[b-oe2s9vqfnp] {
    display: block;
    width: 100%;
    min-height: 260px;
    max-height: 420px;
    object-fit: cover;
    background: var(--scanner-video-bg);
}

.acceso-scanner-overlay[b-oe2s9vqfnp] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
    background: var(--scanner-overlay-bg);
}

.acceso-scanner-frame[b-oe2s9vqfnp] {
    width: min(66vw, 260px);
    aspect-ratio: 1;
    border: 3px solid var(--scanner-frame-border);
    border-radius: 24px;
    box-shadow: var(--scanner-frame-shadow);
}

.acceso-scanner-topbar[b-oe2s9vqfnp] {
    position: absolute;
    top: 12px;
    left: 12px;
    right: 12px;
    display: flex;
    justify-content: space-between;
    gap: 8px;
    flex-wrap: wrap;
}

.acceso-scanner-pill[b-oe2s9vqfnp] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 10px;
    border-radius: 999px;
    background: var(--scanner-pill-bg);
    color: var(--scanner-pill-fg);
    font-size: 0.78rem;
    line-height: 1;
    backdrop-filter: blur(6px);
}

.acceso-scanner-pill-ok[b-oe2s9vqfnp] {
    background: var(--scanner-pill-ok-bg);
}

.acceso-scanner-hint[b-oe2s9vqfnp] {
    position: absolute;
    left: 12px;
    right: 12px;
    bottom: 12px;
    padding: 9px 11px;
    border-radius: var(--radius);
    background: var(--scanner-hint-bg);
    color: var(--scanner-pill-fg);
    font-size: 0.85rem;
    text-align: center;
    backdrop-filter: blur(6px);
}

@media (max-width: 768px) {
    .acceso-page-header[b-oe2s9vqfnp],
    .socio-resultado[b-oe2s9vqfnp],
    .acceso-card-title[b-oe2s9vqfnp] {
        flex-direction: column;
        align-items: stretch;
    }

    .acceso-persona[b-oe2s9vqfnp] {
        align-items: flex-start;
    }

    .socio-resultado-actions[b-oe2s9vqfnp],
    .acceso-confirmacion .btn[b-oe2s9vqfnp],
    .acceso-camera-toolbar .btn[b-oe2s9vqfnp] {
        width: 100%;
        justify-content: center;
    }

    .acceso-qr-actions[b-oe2s9vqfnp] {
        grid-template-columns: 1fr;
    }

    .acceso-scanner[b-oe2s9vqfnp] {
        min-height: 320px;
    }

    .acceso-scanner-video[b-oe2s9vqfnp] {
        min-height: 320px;
    }
}


.acceso-manual-overlay[b-oe2s9vqfnp] {
    position: fixed;
    inset: 0;
    z-index: 1100;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 18px;
    background: var(--modal-backdrop-bg);
}

.acceso-manual-dialog[b-oe2s9vqfnp] {
    width: min(520px, 100%);
    max-height: calc(100vh - 36px);
    overflow: auto;
    border: 1px solid var(--border-light);
    border-radius: 24px;
    background: var(--surface);
    color: var(--text);
    box-shadow: var(--shadow-xl);
    padding: 18px;
}

.acceso-manual-header[b-oe2s9vqfnp] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--border-light);
}

.acceso-manual-kicker[b-oe2s9vqfnp] {
    margin: 0 0 4px;
    color: var(--text-muted);
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.acceso-manual-header h4[b-oe2s9vqfnp] {
    margin: 0;
    font-size: 1.15rem;
}

.acceso-manual-close[b-oe2s9vqfnp] {
    width: 36px;
    height: 36px;
    border: 0;
    border-radius: 999px;
    background: var(--btn-secondary-bg);
    color: var(--btn-secondary-fg);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.acceso-manual-close:hover[b-oe2s9vqfnp] {
    background: var(--btn-secondary-hover-bg);
}

.acceso-manual-body[b-oe2s9vqfnp] {
    display: flex;
    gap: 16px;
    align-items: center;
    padding: 16px 0;
}

.acceso-manual-photo[b-oe2s9vqfnp] {
    width: 104px;
    height: 104px;
    border-radius: 28px;
    background: var(--primary);
    color: var(--text-on-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    flex-shrink: 0;
    font-size: 2rem;
    font-weight: 900;
    box-shadow: var(--shadow-md);
}

.acceso-manual-photo img[b-oe2s9vqfnp] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.acceso-manual-info[b-oe2s9vqfnp] {
    min-width: 0;
}

.acceso-manual-info strong[b-oe2s9vqfnp] {
    display: block;
    font-size: 1.25rem;
    line-height: 1.2;
    word-break: break-word;
}

.acceso-manual-meta[b-oe2s9vqfnp] {
    font-size: 0.86rem;
    line-height: 1.45;
    word-break: break-word;
}

.acceso-manual-warning[b-oe2s9vqfnp] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 12px;
    border: 1px solid var(--status-warning-soft-border);
    border-radius: var(--radius);
    background: var(--status-warning-soft-bg);
    color: var(--text);
    font-size: 0.9rem;
}

.acceso-manual-warning i[b-oe2s9vqfnp] {
    color: var(--warning);
    font-size: 1.1rem;
    margin-top: 1px;
}

.acceso-manual-actions[b-oe2s9vqfnp] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    flex-wrap: wrap;
    padding-top: 16px;
}

@media (max-width: 520px) {
    .acceso-manual-overlay[b-oe2s9vqfnp] {
        align-items: flex-end;
        padding: 10px;
    }

    .acceso-manual-dialog[b-oe2s9vqfnp] {
        border-radius: 24px 24px 18px 18px;
    }

    .acceso-manual-body[b-oe2s9vqfnp] {
        align-items: flex-start;
    }

    .acceso-manual-photo[b-oe2s9vqfnp] {
        width: 82px;
        height: 82px;
        border-radius: 22px;
        font-size: 1.55rem;
    }

    .acceso-manual-actions .btn[b-oe2s9vqfnp] {
        flex: 1 1 140px;
        justify-content: center;
    }
}
/* /Pages/Operacion/Actividades.razor.rz.scp.css */
.clases-page-header[b-dzk2acwh0v] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 16px;
    }

    .clases-fechas[b-dzk2acwh0v] {
        display: flex;
        gap: 12px;
        flex-wrap: wrap;
    }

    .clases-filtro-switch[b-dzk2acwh0v] {
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }

    .switch-label[b-dzk2acwh0v] {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        cursor: pointer;
        font-weight: 600;
        color: var(--text-primary);
        background: var(--surface);
        border: 1px solid var(--border-light);
        border-radius: 999px;
        padding: 10px 14px;
    }

        .switch-label input[type="checkbox"][b-dzk2acwh0v] {
            width: 18px;
            height: 18px;
            cursor: pointer;
        }

    .clase-card[b-dzk2acwh0v] {
        cursor: pointer;
        padding: 16px;
        transition: border-color 0.18s ease, background 0.18s ease, box-shadow 0.18s ease;
    }

    .clase-seleccionada[b-dzk2acwh0v] {
        border-color: var(--primary);
        background: var(--operation-selected-bg);
    }

    .clase-propia[b-dzk2acwh0v] {
        border-color: var(--status-success-soft-border);
        background: var(--status-success-soft-bg);
    }

    .clase-ajena[b-dzk2acwh0v] {
        border-color: var(--border-light);
        background: var(--surface);
    }

    .clase-propia .turno-color[b-dzk2acwh0v] {
        box-shadow: var(--status-success-soft-ring);
    }

    .clase-badge-estado[b-dzk2acwh0v] {
        margin-left: 8px;
    }

    .clase-badge-header[b-dzk2acwh0v] {
        margin-left: 10px;
        vertical-align: middle;
    }

    .clase-card-row[b-dzk2acwh0v] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 16px;
    }

    .clase-card-left[b-dzk2acwh0v] {
        display: flex;
        align-items: center;
        gap: 12px;
        min-width: 0;
        flex: 1;
    }

    .clase-card-info[b-dzk2acwh0v] {
        min-width: 0;
    }

    .clase-card-subtitle[b-dzk2acwh0v] {
        font-size: 0.82rem;
        word-break: break-word;
    }

    .clase-card-actions[b-dzk2acwh0v] {
        display: flex;
        gap: 8px;
        flex-wrap: wrap;
        justify-content: flex-end;
    }

    .turno-color[b-dzk2acwh0v] {
        width: 6px;
        height: 42px;
        border-radius: 4px;
        flex-shrink: 0;
    }

    .clase-detalle-header[b-dzk2acwh0v] {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 12px;
    }

    .alumno-item[b-dzk2acwh0v] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 16px;
        padding: 12px 0;
        border-bottom: 1px solid var(--border-light);
    }

        .alumno-item:last-child[b-dzk2acwh0v] {
            border-bottom: none;
        }

    .alumno-item-left[b-dzk2acwh0v] {
        display: flex;
        align-items: center;
        gap: 12px;
        min-width: 0;
        flex: 1;
    }

    .alumno-item-actions[b-dzk2acwh0v] {
        display: flex;
        gap: 8px;
        flex-wrap: wrap;
        justify-content: flex-end;
    }

    .alumno-avatar[b-dzk2acwh0v] {
        width: 36px;
        height: 36px;
        background: var(--primary);
        color: var(--text-on-primary);
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: 700;
        flex-shrink: 0;
    }

    .btn-success-soft[b-dzk2acwh0v] {
        background: var(--success-bg);
        color: var(--success);
        border: 1px solid var(--success);
    }

    .modal-overlay[b-dzk2acwh0v] {
        position: fixed;
        inset: 0;
        background: var(--modal-backdrop-bg);
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 1000;
        padding: 16px;
    }

    .clases-modal-card[b-dzk2acwh0v] {
        width: min(760px, 100%);
        max-height: 85vh;
        overflow-y: auto;
    }

    .clases-modal-header[b-dzk2acwh0v] {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 12px;
    }

    .clases-modal-subtitle[b-dzk2acwh0v] {
        font-size: 0.85rem;
        word-break: break-word;
    }

    .grid-2[b-dzk2acwh0v] {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
    }

    .dias-semana-grid[b-dzk2acwh0v] {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 10px;
    }

    .dia-checkbox-card[b-dzk2acwh0v] {
        display: flex;
        align-items: center;
        gap: 8px;
        border: 1px solid var(--border-light);
        border-radius: 10px;
        padding: 10px 12px;
        background: var(--surface);
        cursor: pointer;
    }

    .modal-actions[b-dzk2acwh0v] {
        display: flex;
        gap: 12px;
        flex-wrap: wrap;
    }

    @media (max-width: 992px) {
        .clase-card-row[b-dzk2acwh0v],
        .alumno-item[b-dzk2acwh0v],
        .clase-detalle-header[b-dzk2acwh0v] {
            flex-direction: column;
            align-items: stretch;
        }

        .clase-card-actions[b-dzk2acwh0v],
        .alumno-item-actions[b-dzk2acwh0v] {
            justify-content: flex-start;
        }
    }

    @media (max-width: 768px) {
        .clases-page-header[b-dzk2acwh0v] {
            flex-direction: column;
            align-items: stretch;
        }

            .clases-page-header .btn[b-dzk2acwh0v] {
                width: 100%;
                justify-content: center;
            }

        .clases-filtro-switch[b-dzk2acwh0v] {
            justify-content: stretch;
        }

        .switch-label[b-dzk2acwh0v] {
            width: 100%;
            justify-content: center;
        }

        .grid-2[b-dzk2acwh0v],
        .dias-semana-grid[b-dzk2acwh0v] {
            grid-template-columns: 1fr;
        }

        .clase-card-actions .btn[b-dzk2acwh0v],
        .alumno-item-actions .btn[b-dzk2acwh0v],
        .modal-actions .btn[b-dzk2acwh0v] {
            width: 100%;
            justify-content: center;
        }

        .clases-modal-card[b-dzk2acwh0v] {
            width: 100%;
        }
    }

    @media (max-width: 480px) {
        .modal-overlay[b-dzk2acwh0v] {
            padding: 10px;
        }

        .clase-card[b-dzk2acwh0v],
        .card[b-dzk2acwh0v] {
            padding-left: 14px;
            padding-right: 14px;
        }
    }

.form-group--full[b-dzk2acwh0v] {
    grid-column: 1 / -1;
}

.turno-color[b-dzk2acwh0v] {
    background: var(--item-color, var(--primary));
}
/* /Pages/Operacion/Asignados.razor.rz.scp.css */
.alumnos-page-header[b-iomwut1yx2] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 16px;
    }

    .filtros-card[b-iomwut1yx2] {
        padding: 16px;
    }

    .filtros-grid[b-iomwut1yx2] {
        display: grid;
        grid-template-columns: 2fr 1fr 1fr auto;
        gap: 12px;
        align-items: end;
    }

    .filtros-actions[b-iomwut1yx2] {
        display: flex;
        align-items: end;
    }

    .alumno-card[b-iomwut1yx2] {
        padding: 16px;
    }

    .alumno-card-row[b-iomwut1yx2] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 16px;
    }

    .alumno-card-left[b-iomwut1yx2] {
        display: flex;
        align-items: center;
        gap: 12px;
        min-width: 0;
        flex: 1;
    }

    .alumno-info[b-iomwut1yx2] {
        min-width: 0;
    }

    .alumno-info-subtitle[b-iomwut1yx2] {
        font-size: 0.82rem;
        word-break: break-word;
    }

    .alumno-card-actions[b-iomwut1yx2] {
        display: flex;
        gap: 8px;
        flex-wrap: wrap;
        justify-content: flex-end;
    }

    .alumno-avatar[b-iomwut1yx2] {
        width: 36px;
        height: 36px;
        background: var(--primary);
        color: var(--text-on-primary);
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: 700;
        flex-shrink: 0;
    }

    .modal-overlay[b-iomwut1yx2] {
        position: fixed;
        inset: 0;
        background: var(--modal-backdrop-bg);
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 1000;
        padding: 16px;
    }

    .alumnos-modal-card[b-iomwut1yx2] {
        width: min(700px, 100%);
        max-height: 85vh;
        overflow-y: auto;
    }

    .alumnos-modal-card--wide[b-iomwut1yx2] {
        width: min(900px, 100%);
    }

    .alumnos-modal-header[b-iomwut1yx2] {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 12px;
    }

    .alumnos-modal-subtitle[b-iomwut1yx2] {
        font-size: 0.85rem;
        word-break: break-word;
    }

    .tabla-wrapper[b-iomwut1yx2] {
        overflow-x: auto;
    }

    .tabla-metricas[b-iomwut1yx2] {
        width: 100%;
        border-collapse: collapse;
        font-size: 0.85rem;
    }

        .tabla-metricas th[b-iomwut1yx2] {
            background: var(--primary);
            color: var(--text-on-primary);
            padding: 8px 10px;
            text-align: center;
        }

        .tabla-metricas td[b-iomwut1yx2] {
            padding: 8px 10px;
            text-align: center;
            border-bottom: 1px solid var(--border-light);
        }

    .rutina-detalle-badges[b-iomwut1yx2] {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        align-items: center;
    }

    .rutina-dia-title[b-iomwut1yx2] {
        color: var(--primary);
        margin-bottom: 8px;
    }

    .rutina-ejercicio-card[b-iomwut1yx2] {
        padding: 12px;
        margin-bottom: 8px;
        border: 1px solid var(--border-light);
    }

    .rutina-ejercicio-header[b-iomwut1yx2] {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 12px;
    }

    .rutina-ejercicio-info[b-iomwut1yx2] {
        min-width: 0;
        flex: 1;
    }

    .rutina-ejercicio-meta[b-iomwut1yx2],
    .rutina-ejercicio-series[b-iomwut1yx2],
    .rutina-ejercicio-notas[b-iomwut1yx2] {
        font-size: 0.84rem;
        margin-top: 6px;
        word-break: break-word;
    }

    .rutina-cambio-card[b-iomwut1yx2] {
        padding: 16px;
        border: 1px solid var(--border-light);
    }

    .rutina-cambio-card--actual[b-iomwut1yx2] {
        border: 1px solid var(--primary);
        background: var(--operation-current-bg);
    }

    .rutina-cambio-card-row[b-iomwut1yx2] {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 16px;
    }

    .rutina-cambio-card-info[b-iomwut1yx2] {
        min-width: 0;
        flex: 1;
    }

    .rutina-cambio-card-actions[b-iomwut1yx2] {
        display: flex;
        align-items: center;
        gap: 8px;
        flex-shrink: 0;
    }

    @media (max-width: 992px) {
        .filtros-grid[b-iomwut1yx2],
        .alumno-card-row[b-iomwut1yx2],
        .rutina-cambio-card-row[b-iomwut1yx2] {
            grid-template-columns: 1fr;
            flex-direction: column;
            align-items: stretch;
        }

        .alumno-card-actions[b-iomwut1yx2],
        .rutina-cambio-card-actions[b-iomwut1yx2] {
            justify-content: flex-start;
        }
    }

    @media (max-width: 768px) {
        .alumno-card-actions[b-iomwut1yx2] {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 8px;
        }

            .alumno-card-actions .btn[b-iomwut1yx2] {
                width: 100%;
                justify-content: center;
            }

        .rutina-cambio-card-actions .btn[b-iomwut1yx2],
        .filtros-actions .btn[b-iomwut1yx2] {
            width: 100%;
            justify-content: center;
        }

        .alumnos-modal-card[b-iomwut1yx2],
        .alumnos-modal-card--wide[b-iomwut1yx2] {
            width: 100%;
        }
    }

    @media (max-width: 480px) {
        .modal-overlay[b-iomwut1yx2] {
            padding: 10px;
        }

        .alumno-card-actions[b-iomwut1yx2] {
            grid-template-columns: 1fr;
        }

        .alumno-card[b-iomwut1yx2] {
            padding: 14px;
        }

        .rutina-cambio-card[b-iomwut1yx2],
        .filtros-card[b-iomwut1yx2] {
            padding: 14px;
        }
    }
/* /Pages/Operacion/CargosCuentaCorriente.razor.rz.scp.css */
/* v54.12.29 - Admin/Cargos alineado al estilo global
   Regla: esta página NO define identidad visual propia. Usa cards, headers, tabs,
   botones, alerts, bordes y tokens globales heredados del tema/admin. */

.cargos-page[b-9kj4jzsjuk] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.cargos-header[b-9kj4jzsjuk] {
    margin-bottom: 0;
}

.cargos-header h1[b-9kj4jzsjuk],
.cargos-card-header h2[b-9kj4jzsjuk],
.cargos-list-header h2[b-9kj4jzsjuk],
.cargos-section-hero h2[b-9kj4jzsjuk] {
    margin: 0 0 .35rem;
    color: var(--text-primary);
}

.cargos-header p[b-9kj4jzsjuk],
.cargos-card-header p[b-9kj4jzsjuk],
.cargos-list-header p[b-9kj4jzsjuk],
.cargos-section-hero p[b-9kj4jzsjuk] {
    margin: 0;
    color: var(--text-muted);
    line-height: 1.45;
}

.cargos-kicker[b-9kj4jzsjuk] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    margin-bottom: .25rem;
    color: var(--accent);
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.cargos-status-rail[b-9kj4jzsjuk] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
}

.cargos-status-rail > div[b-9kj4jzsjuk] {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    padding: .45rem .7rem;
    border: 1px solid var(--border-light);
    border-radius: 999px;
    background: var(--bg-card);
    color: var(--text-muted);
    font-size: .85rem;
    font-weight: 700;
}

.cargos-status-rail i[b-9kj4jzsjuk],
.cargos-info-box i[b-9kj4jzsjuk],
.cargos-inline-note i[b-9kj4jzsjuk],
.cargos-hero-badges i[b-9kj4jzsjuk],
.cargos-selected-member-icon[b-9kj4jzsjuk],
.cargos-action-feedback i[b-9kj4jzsjuk] {
    color: var(--accent);
}

.cargos-summary-grid[b-9kj4jzsjuk] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
}

.cargos-summary-card[b-9kj4jzsjuk],
.cargos-card[b-9kj4jzsjuk],
.cargos-pendientes-card[b-9kj4jzsjuk],
.cargos-flow-card[b-9kj4jzsjuk],
.cargos-maintenance-card[b-9kj4jzsjuk],
.cargos-section-hero[b-9kj4jzsjuk] {
    background: var(--bg-card);
    border-color: var(--border-light);
}

.cargos-summary-card[b-9kj4jzsjuk],
.cargos-card[b-9kj4jzsjuk],
.cargos-pendientes-card[b-9kj4jzsjuk],
.cargos-flow-card[b-9kj4jzsjuk],
.cargos-maintenance-card[b-9kj4jzsjuk],
.cargos-section-hero[b-9kj4jzsjuk] {
    padding: 1rem;
}

.cargos-summary-card span[b-9kj4jzsjuk],
.cargos-summary-card small[b-9kj4jzsjuk] {
    display: block;
    color: var(--text-muted);
}

.cargos-summary-card span[b-9kj4jzsjuk] {
    font-weight: 700;
}

.cargos-summary-card strong[b-9kj4jzsjuk] {
    display: block;
    margin: .45rem 0 .2rem;
    color: var(--text-primary);
    font-size: 1.45rem;
    line-height: 1.1;
}

.cargos-tabs[b-9kj4jzsjuk] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .5rem;
    padding: .5rem;
    border: 1px solid var(--border-light);
    border-radius: var(--radius-lg);
    background: var(--bg-card);
}

.cargos-tab[b-9kj4jzsjuk] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .45rem;
    min-height: 40px;
    padding: .55rem .8rem;
    border: 1px solid var(--border-light);
    border-radius: var(--radius-md);
    background: var(--bg-card);
    color: var(--text-muted);
    font-weight: 700;
    cursor: pointer;
    transition: border-color .18s ease, background .18s ease, color .18s ease, box-shadow .18s ease;
}

.cargos-tab:hover[b-9kj4jzsjuk] {
    border-color: rgba(var(--primary-rgb), .25);
    background: var(--bg-card-hover);
    color: var(--text-primary);
}

.cargos-tab-active[b-9kj4jzsjuk] {
    border-color: var(--primary);
    background: var(--primary);
    color: var(--text-on-primary);
    box-shadow: var(--shadow-sm);
}

.cargos-tab-active i[b-9kj4jzsjuk],
.cargos-tab-active span[b-9kj4jzsjuk] {
    color: inherit;
}

.cargos-tab small[b-9kj4jzsjuk] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 22px;
    height: 22px;
    padding: 0 .4rem;
    border-radius: 999px;
    background: var(--surface-muted);
    color: var(--primary);
    font-size: .74rem;
    font-weight: 800;
}

.cargos-tab-active small[b-9kj4jzsjuk] {
    background: rgba(255, 255, 255, .18);
    color: var(--text-on-primary);
}

.cargos-tab-panel[b-9kj4jzsjuk] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.cargos-grid[b-9kj4jzsjuk] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 1rem;
    align-items: start;
}

.cargos-grid-cuotas[b-9kj4jzsjuk] {
    align-items: stretch;
}

.cargos-card-header[b-9kj4jzsjuk],
.cargos-list-header[b-9kj4jzsjuk],
.cargos-section-hero[b-9kj4jzsjuk] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.cargos-card-header[b-9kj4jzsjuk],
.cargos-list-header[b-9kj4jzsjuk] {
    margin-bottom: 1rem;
}

.cargos-step-pill[b-9kj4jzsjuk],
.cargos-hero-badges span[b-9kj4jzsjuk],
.cargos-mini-stats span[b-9kj4jzsjuk],
.cargos-flow-grid > div[b-9kj4jzsjuk],
.cargos-maintenance-grid > div[b-9kj4jzsjuk],
.cargos-options-card[b-9kj4jzsjuk],
.cargos-inline-note[b-9kj4jzsjuk],
.cargos-info-box[b-9kj4jzsjuk],
.cargos-selected-member[b-9kj4jzsjuk],
.cargos-details[b-9kj4jzsjuk],
.cargos-cobro-panel[b-9kj4jzsjuk] {
    border: 1px solid var(--border-light);
    background: var(--surface-muted);
}

.cargos-step-pill[b-9kj4jzsjuk] {
    display: inline-flex;
    align-items: center;
    padding: .25rem .6rem;
    border-radius: 999px;
    color: var(--primary);
    font-size: .74rem;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
    margin-bottom: .5rem;
}

.cargos-hero-badges[b-9kj4jzsjuk] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    justify-content: flex-end;
}

.cargos-hero-badges span[b-9kj4jzsjuk] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    padding: .4rem .6rem;
    border-radius: 999px;
    color: var(--text-muted);
    font-size: .82rem;
    font-weight: 700;
}

.cargos-info-box[b-9kj4jzsjuk],
.cargos-inline-note[b-9kj4jzsjuk],
.cargos-action-feedback[b-9kj4jzsjuk],
.cargos-inline-confirm[b-9kj4jzsjuk],
.cargos-cobro-result[b-9kj4jzsjuk],
.cargos-liquidacion-result[b-9kj4jzsjuk] {
    display: flex;
    align-items: flex-start;
    gap: .65rem;
    padding: .75rem .85rem;
    border-radius: var(--radius-md);
}

.cargos-info-box[b-9kj4jzsjuk],
.cargos-inline-note[b-9kj4jzsjuk] {
    margin-bottom: 1rem;
    color: var(--text-muted);
}

.cargos-info-box span[b-9kj4jzsjuk],
.cargos-cobro-panel p[b-9kj4jzsjuk],
.cargos-selected-member span[b-9kj4jzsjuk],
.cargos-selected-member small[b-9kj4jzsjuk],
.cargos-item-amount span[b-9kj4jzsjuk],
.cargos-flow-grid span[b-9kj4jzsjuk],
.cargos-maintenance-grid span[b-9kj4jzsjuk],
.cargos-field-help[b-9kj4jzsjuk],
.cargos-inline-confirm span[b-9kj4jzsjuk] {
    color: var(--text-muted);
}

.cargos-search-row[b-9kj4jzsjuk],
.cargos-form-row[b-9kj4jzsjuk],
.cargos-cobro-form[b-9kj4jzsjuk] {
    display: grid;
    gap: .75rem;
    align-items: end;
}

.cargos-search-row[b-9kj4jzsjuk] {
    grid-template-columns: minmax(0, 1fr) auto;
}

.cargos-search-row-rich[b-9kj4jzsjuk] {
    grid-template-columns: minmax(0, 1fr) auto auto;
}

.cargos-form-row[b-9kj4jzsjuk] {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}

.cargos-cobro-form[b-9kj4jzsjuk] {
    grid-template-columns: minmax(220px, 1.15fr) minmax(150px, 200px) minmax(150px, 200px) minmax(0, 1fr);
}

.cargos-field-help[b-9kj4jzsjuk] {
    display: block;
    margin-top: .4rem;
    line-height: 1.4;
}

.cargos-textarea[b-9kj4jzsjuk] {
    min-height: 90px;
    resize: vertical;
}

.cargos-check[b-9kj4jzsjuk],
.cargos-options-card[b-9kj4jzsjuk] {
    margin-bottom: .75rem;
}

.cargos-options-card[b-9kj4jzsjuk] {
    display: grid;
    gap: .35rem;
    padding: .75rem;
    border-radius: var(--radius-md);
}

.cargos-save[b-9kj4jzsjuk] {
    width: 100%;
    margin-top: .75rem;
}

.cargos-selected-member[b-9kj4jzsjuk] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: .75rem;
    align-items: center;
    padding: .85rem;
    border-radius: var(--radius-md);
    margin-bottom: 1rem;
}

.cargos-selected-member-icon[b-9kj4jzsjuk] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: var(--radius-md);
    background: var(--interactive-soft-bg);
    font-size: 1.2rem;
}

.cargos-selected-member span[b-9kj4jzsjuk],
.cargos-selected-member strong[b-9kj4jzsjuk],
.cargos-selected-member small[b-9kj4jzsjuk] {
    display: block;
}

.cargos-selected-member strong[b-9kj4jzsjuk] {
    margin: .1rem 0;
    color: var(--text-primary);
}

.cargos-action-feedback[b-9kj4jzsjuk] {
    margin-top: .75rem;
    border: 1px solid var(--border-light);
    background: var(--surface-muted);
    color: var(--text-primary);
    font-weight: 700;
}

.cargos-action-feedback-error[b-9kj4jzsjuk] {
    border-color: var(--validation-danger-border);
    background: var(--validation-danger-bg);
    color: var(--validation-danger-text);
}

.cargos-action-feedback-error i[b-9kj4jzsjuk] {
    color: var(--validation-danger-text);
}

.cargos-inline-confirm[b-9kj4jzsjuk] {
    display: grid;
    gap: .85rem;
    margin-top: .75rem;
    border: 1px solid var(--border-light);
    background: var(--surface-muted);
}

.cargos-inline-confirm strong[b-9kj4jzsjuk],
.cargos-inline-confirm span[b-9kj4jzsjuk] {
    display: block;
}

.cargos-inline-confirm-actions[b-9kj4jzsjuk],
.cargos-cobro-actions[b-9kj4jzsjuk],
.cargos-list-actions[b-9kj4jzsjuk] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .6rem;
}

.cargos-inline-confirm-actions[b-9kj4jzsjuk],
.cargos-cobro-actions[b-9kj4jzsjuk] {
    justify-content: flex-end;
}

.cargos-cobro-actions > div:first-child[b-9kj4jzsjuk] {
    margin-right: auto;
}

.cargos-cobro-actions strong[b-9kj4jzsjuk],
.cargos-cobro-actions span[b-9kj4jzsjuk] {
    display: block;
}

.cargos-cobro-result[b-9kj4jzsjuk],
.cargos-liquidacion-result[b-9kj4jzsjuk] {
    margin-top: .85rem;
    border: 1px solid var(--status-success-soft-border);
    background: var(--status-success-soft-bg);
    color: var(--status-success-text, var(--text-primary));
}

.cargos-cobro-result span[b-9kj4jzsjuk],
.cargos-cobro-result small[b-9kj4jzsjuk] {
    display: block;
}

.cargos-cobro-result small[b-9kj4jzsjuk] {
    margin-top: .2rem;
    color: var(--text-muted);
}

.cargos-flow-grid[b-9kj4jzsjuk],
.cargos-maintenance-grid[b-9kj4jzsjuk],
.cargos-mini-stats[b-9kj4jzsjuk] {
    display: grid;
    gap: .75rem;
}

.cargos-flow-grid[b-9kj4jzsjuk] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: .65rem;
}

.cargos-maintenance-grid[b-9kj4jzsjuk] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.cargos-mini-stats[b-9kj4jzsjuk] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: .75rem;
}

.cargos-flow-grid > div[b-9kj4jzsjuk],
.cargos-maintenance-grid > div[b-9kj4jzsjuk],
.cargos-mini-stats span[b-9kj4jzsjuk] {
    padding: .85rem;
    border-radius: var(--radius-md);
}

.cargos-flow-grid strong[b-9kj4jzsjuk],
.cargos-flow-grid span[b-9kj4jzsjuk],
.cargos-maintenance-grid span[b-9kj4jzsjuk],
.cargos-maintenance-grid strong[b-9kj4jzsjuk] {
    display: block;
}

.cargos-flow-grid span[b-9kj4jzsjuk],
.cargos-maintenance-grid span[b-9kj4jzsjuk] {
    margin-top: .25rem;
}

.cargos-maintenance-grid strong[b-9kj4jzsjuk] {
    margin-top: .25rem;
    font-size: 1.25rem;
}

.cargos-action-card[b-9kj4jzsjuk] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: .4rem;
    width: 100%;
    min-height: 108px;
    padding: 1rem;
    border: 1px solid var(--border-light);
    border-radius: var(--radius-lg);
    background: var(--bg-card);
    color: var(--text-primary);
    text-align: left;
    cursor: pointer;
    transition: border-color .18s ease, background .18s ease, box-shadow .18s ease;
}

.cargos-action-card:hover[b-9kj4jzsjuk] {
    border-color: rgba(var(--primary-rgb), .25);
    background: var(--bg-card-hover);
    box-shadow: var(--shadow-sm);
}

.cargos-action-card span[b-9kj4jzsjuk] {
    color: var(--text-muted);
}

.cargos-details[b-9kj4jzsjuk] {
    margin-top: .75rem;
    padding: .75rem;
    border-radius: var(--radius-md);
}

.cargos-details summary[b-9kj4jzsjuk] {
    cursor: pointer;
    font-weight: 700;
}

.cargos-details ul[b-9kj4jzsjuk] {
    margin: .65rem 0 0;
    padding-left: 1.15rem;
    color: var(--text-muted);
}

.cargos-list[b-9kj4jzsjuk] {
    display: flex;
    flex-direction: column;
    gap: .75rem;
}

.cargos-item[b-9kj4jzsjuk] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: .9rem;
    border: 1px solid var(--border-light);
    border-radius: var(--radius-lg);
    background: var(--bg-card);
}

.cargos-item-selected[b-9kj4jzsjuk] {
    border-color: rgba(var(--primary-rgb), .28);
    background: var(--surface-muted);
}

.cargos-item:hover[b-9kj4jzsjuk] {
    border-color: rgba(var(--primary-rgb), .18);
    background: var(--bg-card-hover);
}

.cargos-item-check[b-9kj4jzsjuk] {
    padding-top: .25rem;
}

.cargos-item-main[b-9kj4jzsjuk] {
    flex: 1;
    min-width: 0;
}

.cargos-item-title[b-9kj4jzsjuk],
.cargos-item-meta[b-9kj4jzsjuk] {
    display: flex;
    gap: .6rem;
    flex-wrap: wrap;
}

.cargos-item-title[b-9kj4jzsjuk] {
    align-items: center;
}

.cargos-item p[b-9kj4jzsjuk] {
    margin: .35rem 0;
}

.cargos-item-meta[b-9kj4jzsjuk] {
    font-size: .86rem;
}

.cargos-item-amount[b-9kj4jzsjuk] {
    min-width: 140px;
    text-align: right;
}

.cargos-item-amount strong[b-9kj4jzsjuk],
.cargos-item-amount span[b-9kj4jzsjuk] {
    display: block;
}

.cargos-pay-label[b-9kj4jzsjuk] {
    margin-top: .5rem;
    font-size: .78rem;
}

.cargos-pay-input[b-9kj4jzsjuk] {
    width: 140px;
    text-align: right;
}

.cargos-filter[b-9kj4jzsjuk] {
    max-width: 420px;
}

.cargos-check-disabled[b-9kj4jzsjuk] {
    opacity: .75;
}

.validation-message[b-9kj4jzsjuk] {
    display: block;
    margin-top: .35rem;
    color: var(--validation-danger-text);
    font-size: .82rem;
    font-weight: 700;
}

.validation-errors[b-9kj4jzsjuk] {
    margin: 0 0 .85rem;
    padding: .8rem .9rem .8rem 1.6rem;
    border: 1px solid var(--validation-danger-border);
    border-radius: var(--radius-md);
    background: var(--validation-danger-bg);
    color: var(--validation-danger-text);
    font-size: .88rem;
}

@media (max-width: 1100px) {
    .cargos-summary-grid[b-9kj4jzsjuk] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 900px) {
    .cargos-card-header[b-9kj4jzsjuk],
    .cargos-list-header[b-9kj4jzsjuk],
    .cargos-section-hero[b-9kj4jzsjuk],
    .cargos-item[b-9kj4jzsjuk] {
        flex-direction: column;
    }

    .cargos-grid[b-9kj4jzsjuk],
    .cargos-form-row[b-9kj4jzsjuk],
    .cargos-search-row[b-9kj4jzsjuk],
    .cargos-search-row-rich[b-9kj4jzsjuk],
    .cargos-cobro-form[b-9kj4jzsjuk],
    .cargos-flow-grid[b-9kj4jzsjuk],
    .cargos-maintenance-grid[b-9kj4jzsjuk],
    .cargos-mini-stats[b-9kj4jzsjuk] {
        grid-template-columns: 1fr;
    }

    .cargos-tabs[b-9kj4jzsjuk] {
        align-items: stretch;
    }

    .cargos-tab[b-9kj4jzsjuk] {
        flex: 1 1 180px;
    }

    .cargos-hero-badges[b-9kj4jzsjuk] {
        justify-content: flex-start;
        width: 100%;
    }

    .cargos-cobro-actions[b-9kj4jzsjuk],
    .cargos-inline-confirm-actions[b-9kj4jzsjuk] {
        justify-content: stretch;
    }

    .cargos-cobro-actions > div:first-child[b-9kj4jzsjuk],
    .cargos-cobro-actions .btn[b-9kj4jzsjuk],
    .cargos-inline-confirm-actions .btn[b-9kj4jzsjuk] {
        width: 100%;
        justify-content: center;
    }

    .cargos-item-amount[b-9kj4jzsjuk] {
        min-width: 0;
        text-align: left;
    }

    .cargos-pay-input[b-9kj4jzsjuk] {
        width: 100%;
        text-align: left;
    }
}

@media (max-width: 560px) {
    .cargos-page[b-9kj4jzsjuk] {
        gap: .85rem;
    }

    .cargos-summary-grid[b-9kj4jzsjuk] {
        grid-template-columns: 1fr;
    }

    .cargos-card[b-9kj4jzsjuk],
    .cargos-pendientes-card[b-9kj4jzsjuk],
    .cargos-summary-card[b-9kj4jzsjuk],
    .cargos-flow-card[b-9kj4jzsjuk],
    .cargos-maintenance-card[b-9kj4jzsjuk],
    .cargos-section-hero[b-9kj4jzsjuk],
    .cargos-cobro-panel[b-9kj4jzsjuk] {
        padding: .85rem;
    }

    .cargos-item-title[b-9kj4jzsjuk],
    .cargos-item-meta[b-9kj4jzsjuk] {
        flex-direction: column;
        align-items: flex-start;
        gap: .35rem;
    }
}
/* /Pages/Operacion/CatalogoPlan.razor.rz.scp.css */
.modal-overlay[b-ev435ef2jh] {
        position: fixed;
        inset: 0;
        background: var(--modal-backdrop-bg);
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 1000;
        padding: 16px;
    }

.catalogo-filtros[b-ev435ef2jh] {
    flex-wrap: wrap;
}

.catalogo-card[b-ev435ef2jh] {
    padding: 16px;
}

.catalogo-video-link[b-ev435ef2jh] {
    font-size: 0.82rem;
}

.catalogo-modal-card[b-ev435ef2jh] {
    max-width: 500px;
}
/* /Pages/Operacion/Dashboard.razor.rz.scp.css */
.operacion-hero[b-lkxutr87xt] {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 18px;
        padding-bottom: 10px;
        border-bottom: 1px solid var(--border-light);
    }

    .operacion-eyebrow[b-lkxutr87xt] {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        color: var(--accent);
        font-size: .78rem;
        font-weight: 800;
        text-transform: uppercase;
        letter-spacing: .08em;
        margin-bottom: 6px;
    }

    .operacion-hero h1[b-lkxutr87xt] {
        margin-bottom: 6px;
    }

    .operacion-admin-link[b-lkxutr87xt] {
        white-space: nowrap;
    }

    .operacion-priority-grid[b-lkxutr87xt] {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 16px;
    }

    .operacion-priority-card[b-lkxutr87xt],
    .operacion-menu-card[b-lkxutr87xt] {
        position: relative;
        text-decoration: none;
        color: inherit;
        transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
    }

    .operacion-priority-card[b-lkxutr87xt] {
        display: grid;
        grid-template-columns: auto minmax(0, 1fr);
        gap: 16px;
        align-items: flex-start;
        min-height: 150px;
        padding: 22px;
        overflow: hidden;
    }

        .operacion-priority-card:hover[b-lkxutr87xt],
        .operacion-menu-card:hover[b-lkxutr87xt] {
            transform: translateY(-3px);
            box-shadow: var(--shadow-lg);
            border-color: var(--operation-hover-border);
        }

    .operacion-priority-card--primary[b-lkxutr87xt] {
        border-top: 4px solid var(--primary);
    }

    .operacion-priority-card--warning[b-lkxutr87xt] {
        border-top: 4px solid var(--accent);
    }

    .operacion-priority-card--success[b-lkxutr87xt] {
        border-top: 4px solid var(--success);
    }

    .operacion-card-icon[b-lkxutr87xt] {
        width: 48px;
        height: 48px;
        border-radius: 16px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        color: var(--accent);
        background: var(--operation-accent-soft-bg);
        font-size: 1.65rem;
        flex-shrink: 0;
    }

    .operacion-priority-card h3[b-lkxutr87xt],
    .operacion-menu-card h3[b-lkxutr87xt] {
        margin: 0 0 6px;
    }

    .operacion-priority-card p[b-lkxutr87xt],
    .operacion-menu-card p[b-lkxutr87xt] {
        margin: 0;
    }

    .operacion-card-badge[b-lkxutr87xt] {
        position: absolute;
        top: 12px;
        right: 12px;
        min-width: 28px;
        height: 28px;
        border-radius: 999px;
        background: var(--operation-danger-badge-bg);
        color: var(--operation-danger-badge-fg);
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-size: .78rem;
        font-weight: 800;
        box-shadow: var(--shadow);
    }

    .operacion-section-header[b-lkxutr87xt] {
        display: flex;
        align-items: flex-end;
        justify-content: space-between;
        gap: 16px;
        margin-bottom: 14px;
    }

    .operacion-section-header h2[b-lkxutr87xt] {
        margin-bottom: 4px;
        font-size: 1.25rem;
    }

    .operacion-menu-grid[b-lkxutr87xt] {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 16px;
    }

    .operacion-menu-card[b-lkxutr87xt] {
        text-align: center;
        padding: 28px 20px;
        min-height: 150px;
    }

    .operacion-menu-icon[b-lkxutr87xt] {
        font-size: 2.15rem;
        color: var(--accent);
        margin-bottom: 12px;
        display: block;
    }

    .operacion-admin-note[b-lkxutr87xt] {
        display: grid;
        grid-template-columns: auto minmax(0, 1fr) auto;
        gap: 14px;
        align-items: center;
        background: var(--operation-note-bg);
    }

    .operacion-admin-note > i[b-lkxutr87xt] {
        color: var(--accent);
        font-size: 1.5rem;
    }

    .operacion-admin-note p[b-lkxutr87xt] {
        margin: 4px 0 0;
    }

    @media (max-width: 1024px) {
        .operacion-priority-grid[b-lkxutr87xt],
        .operacion-menu-grid[b-lkxutr87xt] {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
    }

    @media (max-width: 720px) {
        .operacion-hero[b-lkxutr87xt],
        .operacion-section-header[b-lkxutr87xt] {
            flex-direction: column;
            align-items: stretch;
        }

        .operacion-priority-grid[b-lkxutr87xt],
        .operacion-menu-grid[b-lkxutr87xt] {
            grid-template-columns: 1fr;
        }

        .operacion-priority-card[b-lkxutr87xt] {
            grid-template-columns: 1fr;
        }

        .operacion-admin-note[b-lkxutr87xt] {
            grid-template-columns: 1fr;
        }

        .operacion-admin-note .btn[b-lkxutr87xt],
        .operacion-admin-link[b-lkxutr87xt] {
            width: 100%;
            justify-content: center;
        }
    }
/* /Pages/Operacion/PlanEditar.razor.rz.scp.css */
.grid-2[b-veyk5zbj2k] {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
    }

    .grid-4[b-veyk5zbj2k] {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 12px;
    }

    .plan-item-fields[b-veyk5zbj2k] {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
        gap: 12px;
    }

    @media (max-width: 900px) {
        .grid-2[b-veyk5zbj2k],
        .grid-4[b-veyk5zbj2k] {
            grid-template-columns: 1fr;
        }
    }

.plan-empty-state[b-veyk5zbj2k] {
    padding: 16px 0;
}

.plan-item-card[b-veyk5zbj2k] {
    padding: 12px;
    border: 1px solid var(--border-light);
}
/* /Pages/Operacion/Planes.razor.rz.scp.css */
    .rutinas-page-header[b-to8rktp4g4] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 16px;
    }

    .rutinas-page-header-btn[b-to8rktp4g4] {
        white-space: nowrap;
    }

    .filtros-card[b-to8rktp4g4] {
        padding: 16px;
    }

    .filtros-grid[b-to8rktp4g4] {
        display: grid;
        grid-template-columns: 2fr 1fr 1fr 1fr auto;
        gap: 12px;
        align-items: end;
    }

    .filtros-actions[b-to8rktp4g4] {
        display: flex;
        align-items: end;
    }

    .rutina-card[b-to8rktp4g4] {
        padding: 16px;
    }

    .rutina-card-header[b-to8rktp4g4] {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 20px;
    }

    .rutina-card-info[b-to8rktp4g4] {
        min-width: 0;
        flex: 1;
    }

    .rutina-card-title[b-to8rktp4g4] {
        font-size: 1.05rem;
    }

    .rutina-card-badges[b-to8rktp4g4] {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        align-items: center;
    }

    .rutina-card-profesor[b-to8rktp4g4] {
        font-size: 0.82rem;
    }

    .rutina-card-description[b-to8rktp4g4] {
        word-break: break-word;
    }

    .rutina-card-actions[b-to8rktp4g4] {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        justify-content: flex-end;
        flex-shrink: 0;
    }

    .modal-overlay[b-to8rktp4g4] {
        position: fixed;
        inset: 0;
        background: var(--modal-backdrop-bg);
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 1000;
        padding: 16px;
    }

    .rutina-modal-card[b-to8rktp4g4] {
        width: min(900px, 100%);
        max-height: 85vh;
        overflow-y: auto;
    }

    .rutina-modal-header[b-to8rktp4g4] {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 12px;
    }

    .rutina-modal-title-wrap[b-to8rktp4g4] {
        min-width: 0;
    }

    .rutina-modal-subtitle[b-to8rktp4g4] {
        font-size: 0.85rem;
        word-break: break-word;
    }

    .rutina-dia-title[b-to8rktp4g4] {
        color: var(--primary);
    }

    .rutina-ejercicio-card[b-to8rktp4g4] {
        padding: 12px;
        margin-bottom: 8px;
        border: 1px solid var(--border-light);
    }

    .rutina-ejercicio-header[b-to8rktp4g4] {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 12px;
    }

    .rutina-ejercicio-info[b-to8rktp4g4] {
        min-width: 0;
        flex: 1;
    }

    .rutina-ejercicio-meta[b-to8rktp4g4],
    .rutina-ejercicio-series[b-to8rktp4g4],
    .rutina-ejercicio-notas[b-to8rktp4g4] {
        font-size: 0.84rem;
        margin-top: 6px;
        word-break: break-word;
    }

    .rutina-ejercicio-links[b-to8rktp4g4] {
        display: flex;
        gap: 8px;
        flex-shrink: 0;
    }

    .asignar-busqueda-row[b-to8rktp4g4] {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto auto;
        gap: 12px;
        align-items: end;
    }

    .asignar-busqueda-input[b-to8rktp4g4] {
        width: 100%;
        min-width: 0;
    }

    .asignar-busqueda-btn[b-to8rktp4g4] {
        height: 42px;
        white-space: nowrap;
    }

    .socio-select-card[b-to8rktp4g4] {
        padding: 14px 16px;
        border: 1px solid var(--border-light);
    }

        .socio-select-card:hover[b-to8rktp4g4] {
            box-shadow: var(--shadow);
        }

    .socio-select-row[b-to8rktp4g4] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 16px;
    }

    .socio-select-left[b-to8rktp4g4] {
        display: flex;
        align-items: center;
        gap: 12px;
        min-width: 0;
        flex: 1;
    }

    .socio-select-meta[b-to8rktp4g4] {
        font-size: 0.85rem;
        word-break: break-word;
    }

    .socio-select-right[b-to8rktp4g4] {
        display: flex;
        align-items: center;
        gap: 12px;
        flex-wrap: wrap;
        justify-content: flex-end;
    }

    .socio-select-badges[b-to8rktp4g4] {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        justify-content: flex-end;
    }

    .socio-remove-btn[b-to8rktp4g4] {
        white-space: nowrap;
    }

    .modal-actions[b-to8rktp4g4] {
        display: flex;
        gap: 12px;
        flex-wrap: wrap;
    }

    @media (max-width: 992px) {
        .filtros-grid[b-to8rktp4g4] {
            grid-template-columns: 1fr;
        }

        .rutina-card-header[b-to8rktp4g4] {
            flex-direction: column;
            align-items: stretch;
        }

        .rutina-card-actions[b-to8rktp4g4] {
            justify-content: flex-start;
        }

        .rutina-ejercicio-header[b-to8rktp4g4] {
            flex-direction: column;
            align-items: stretch;
        }

        .rutina-ejercicio-links[b-to8rktp4g4] {
            justify-content: flex-start;
        }

        .socio-select-row[b-to8rktp4g4] {
            flex-direction: column;
            align-items: stretch;
        }

        .socio-select-right[b-to8rktp4g4] {
            justify-content: flex-start;
        }

        .socio-select-badges[b-to8rktp4g4] {
            justify-content: flex-start;
        }
    }

    @media (max-width: 768px) {
        .rutinas-page-header[b-to8rktp4g4] {
            flex-direction: column;
            align-items: stretch;
        }

        .rutinas-page-header-btn[b-to8rktp4g4] {
            width: 100%;
            justify-content: center;
        }

        .rutina-card-actions[b-to8rktp4g4] {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 8px;
        }

            .rutina-card-actions .btn[b-to8rktp4g4],
            .rutina-card-actions a.btn[b-to8rktp4g4] {
                width: 100%;
                justify-content: center;
            }

        .asignar-busqueda-row[b-to8rktp4g4] {
            grid-template-columns: 1fr;
        }

        .asignar-busqueda-btn[b-to8rktp4g4],
        .filtros-actions .btn[b-to8rktp4g4] {
            width: 100%;
            justify-content: center;
        }

        .modal-actions[b-to8rktp4g4] {
            flex-direction: column;
        }

            .modal-actions .btn[b-to8rktp4g4] {
                width: 100%;
                justify-content: center;
            }
    }

    @media (max-width: 480px) {
        .modal-overlay[b-to8rktp4g4] {
            padding: 10px;
        }

        .rutina-modal-card[b-to8rktp4g4] {
            width: 100%;
            max-height: 88vh;
        }

        .rutina-card[b-to8rktp4g4],
        .filtros-card[b-to8rktp4g4] {
            padding: 14px;
        }

        .rutina-card-actions[b-to8rktp4g4] {
            grid-template-columns: 1fr;
        }

        .socio-select-card[b-to8rktp4g4] {
            padding: 12px;
        }
    }

.plan-modal-subtitle[b-to8rktp4g4] {
    margin: 4px 0 0 0;
}
/* /Pages/Operacion/PlanesCuota.razor.rz.scp.css */
.planes-cuota-page[b-0p3immtor3] {
    max-width: 1180px;
    margin: 0 auto;
    padding: 28px 16px 56px;
}

.planes-cuota-header[b-0p3immtor3] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 20px;
}

.planes-cuota-header h1[b-0p3immtor3] {
    margin: 4px 0 4px;
    font-size: clamp(1.8rem, 3vw, 2.5rem);
}

.planes-cuota-kicker[b-0p3immtor3] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 10px;
    border-radius: 999px;
    background: var(--surface-muted);
    color: var(--text-muted);
    font-size: .78rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.planes-cuota-summary-grid[b-0p3immtor3] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    margin-bottom: 18px;
}

.planes-cuota-summary-card[b-0p3immtor3] {
    padding: 18px;
    display: grid;
    gap: 4px;
}

.planes-cuota-summary-card span[b-0p3immtor3] {
    color: var(--text-muted);
    font-size: .86rem;
    font-weight: 700;
}

.planes-cuota-summary-card strong[b-0p3immtor3] {
    font-size: 1.7rem;
    line-height: 1;
}

.planes-cuota-summary-card small[b-0p3immtor3] {
    color: var(--text-muted);
}

.planes-cuota-grid[b-0p3immtor3] {
    display: grid;
    grid-template-columns: minmax(320px, 410px) minmax(0, 1fr);
    gap: 18px;
    align-items: start;
}

.planes-cuota-form-card[b-0p3immtor3],
.planes-cuota-list-card[b-0p3immtor3] {
    padding: 22px;
}

.planes-cuota-card-header[b-0p3immtor3],
.planes-cuota-list-header[b-0p3immtor3] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 16px;
}

.planes-cuota-card-header h2[b-0p3immtor3],
.planes-cuota-list-header h2[b-0p3immtor3] {
    margin: 0 0 6px;
}

.planes-cuota-textarea[b-0p3immtor3] {
    min-height: 110px;
    resize: vertical;
}

.planes-cuota-check[b-0p3immtor3] {
    margin: 12px 0 18px;
}

.planes-cuota-save[b-0p3immtor3] {
    width: 100%;
    justify-content: center;
}

.planes-cuota-toolbar[b-0p3immtor3] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 12px;
    align-items: end;
    margin-bottom: 14px;
}

.planes-cuota-search[b-0p3immtor3] {
    margin-bottom: 0;
}

.planes-cuota-toolbar-check[b-0p3immtor3] {
    min-height: 42px;
    align-items: center;
    white-space: nowrap;
}

.planes-cuota-list[b-0p3immtor3] {
    display: grid;
    gap: 12px;
}

.planes-cuota-item[b-0p3immtor3] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 14px;
    align-items: center;
    padding: 16px;
    border: 1px solid var(--border-light);
    border-radius: 18px;
    background: var(--surface);
}

.planes-cuota-item--inactive[b-0p3immtor3] {
    opacity: .72;
    background: var(--surface-muted);
}

.planes-cuota-item-title[b-0p3immtor3] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.planes-cuota-item-price[b-0p3immtor3] {
    margin-top: 4px;
    font-size: 1.28rem;
    font-weight: 900;
}

.planes-cuota-item-notes[b-0p3immtor3] {
    margin: 8px 0 0;
    font-size: .92rem;
}

.planes-cuota-item-meta[b-0p3immtor3] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 14px;
    margin-top: 8px;
    font-size: .84rem;
}

.planes-cuota-actions[b-0p3immtor3] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

@media (max-width: 980px) {
    .planes-cuota-summary-grid[b-0p3immtor3],
    .planes-cuota-grid[b-0p3immtor3] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 680px) {
    .planes-cuota-header[b-0p3immtor3],
    .planes-cuota-card-header[b-0p3immtor3],
    .planes-cuota-list-header[b-0p3immtor3],
    .planes-cuota-toolbar[b-0p3immtor3] {
        grid-template-columns: 1fr;
        flex-direction: column;
        align-items: stretch;
    }

    .planes-cuota-item[b-0p3immtor3] {
        grid-template-columns: 1fr;
    }

    .planes-cuota-actions[b-0p3immtor3],
    .planes-cuota-actions .btn[b-0p3immtor3],
    .planes-cuota-header .btn[b-0p3immtor3] {
        width: 100%;
        justify-content: center;
    }
}

.validation-message[b-0p3immtor3] {
    display: block;
    margin-top: 6px;
    color: var(--validation-danger-text);
    font-size: .82rem;
    font-weight: 700;
}

.validation-errors[b-0p3immtor3] {
    margin: 0 0 14px;
    padding: 12px 14px 12px 28px;
    border: 1px solid var(--validation-danger-border);
    border-radius: 14px;
    background: var(--validation-danger-bg);
    color: var(--validation-danger-text);
    font-size: .88rem;
}
/* /Pages/Operacion/PlanNuevo.razor.rz.scp.css */
.grid-2[b-kopw0292ej] {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
    }

    .grid-4[b-kopw0292ej] {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 12px;
    }

    .plan-item-fields[b-kopw0292ej] {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
        gap: 12px;
    }

    @media (max-width: 900px) {
        .grid-2[b-kopw0292ej],
        .grid-4[b-kopw0292ej] {
            grid-template-columns: 1fr;
        }
    }

.plan-empty-state[b-kopw0292ej] {
    padding: 16px 0;
}

.plan-item-card[b-kopw0292ej] {
    padding: 12px;
    border: 1px solid var(--border-light);
}
/* /Pages/Operacion/Presentes.razor.rz.scp.css */
.presente-row[b-sertw1yr3t] {
    padding: 10px 0;
    border-bottom: 1px solid var(--border-light);
}

.presente-avatar[b-sertw1yr3t] {
    width: 36px;
    height: 36px;
    background: var(--primary);
    color: var(--text-on-primary);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
}

.presente-hora[b-sertw1yr3t] {
    font-size: 0.85rem;
}

.presentes-actions[b-sertw1yr3t] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.5rem;
    flex-wrap: wrap;
}

@media (max-width: 640px) {
    .presentes-actions[b-sertw1yr3t] {
        width: 100%;
        justify-content: stretch;
    }

    .presentes-actions .btn[b-sertw1yr3t] {
        flex: 1 1 auto;
    }
}
/* /Pages/Operacion/ReservasPendientes.razor.rz.scp.css */
.reservas-pendientes-hero[b-c9u8thztmr] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.25rem;
}

.reservas-pendientes-hero h1[b-c9u8thztmr] {
    margin: 0;
}

.reservas-pendientes-hero p[b-c9u8thztmr] {
    margin: .35rem 0 0;
}

.reservas-pendientes-kicker[b-c9u8thztmr] {
    display: inline-flex;
    margin-bottom: .35rem;
    color: var(--primary);
    font-size: .78rem;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.reservas-pendientes-hero-actions[b-c9u8thztmr] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: .65rem;
    flex-wrap: wrap;
}

.reservas-pendientes-count[b-c9u8thztmr],
.reserva-pendiente-status[b-c9u8thztmr] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 30px;
    padding: .35rem .7rem;
    border-radius: 999px;
    border: 1px solid rgba(var(--primary-rgb), .18);
    background: var(--interactive-soft-bg);
    color: var(--primary);
    font-size: .78rem;
    font-weight: 900;
    white-space: nowrap;
}

.reservas-filtros-card[b-c9u8thztmr] {
    padding: 1rem;
}

.reservas-pendientes-list[b-c9u8thztmr] {
    display: flex;
    flex-direction: column;
    gap: .75rem;
}

.reserva-pendiente-card[b-c9u8thztmr] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem;
    border-radius: 8px;
}

.reserva-pendiente-main[b-c9u8thztmr] {
    display: flex;
    align-items: flex-start;
    gap: .8rem;
    min-width: 0;
    flex: 1;
}

.reserva-pendiente-color[b-c9u8thztmr] {
    width: 6px;
    min-height: 78px;
    border-radius: 999px;
    flex-shrink: 0;
    background: var(--item-color, var(--primary));
}

.reserva-pendiente-info[b-c9u8thztmr] {
    min-width: 0;
}

.reserva-pendiente-title[b-c9u8thztmr] {
    display: flex;
    align-items: center;
    gap: .5rem;
    flex-wrap: wrap;
}

.reserva-pendiente-title strong[b-c9u8thztmr] {
    color: var(--text);
    font-weight: 900;
}

.reserva-pendiente-subtitle[b-c9u8thztmr] {
    margin-top: .35rem;
    color: var(--text-muted);
    font-size: .88rem;
    line-height: 1.35;
}

.reserva-pendiente-subtitle i[b-c9u8thztmr] {
    color: var(--primary);
    margin-right: .2rem;
}

.reserva-pendiente-persona[b-c9u8thztmr] {
    margin-top: .55rem;
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    font-weight: 850;
}

.reserva-pendiente-persona i[b-c9u8thztmr] {
    color: var(--primary);
}

.reserva-pendiente-actions[b-c9u8thztmr] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: .5rem;
    flex-wrap: wrap;
}

.btn-success-soft[b-c9u8thztmr] {
    background: var(--status-success-soft-bg);
    color: var(--success);
    border: 1px solid rgba(var(--status-success-rgb), .28);
}

.rechazo-modal[b-c9u8thztmr] {
    width: min(560px, 100%);
}

.rechazo-modal-header[b-c9u8thztmr] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .75rem;
}

@media (max-width: 768px) {
    .reservas-pendientes-hero[b-c9u8thztmr],
    .reserva-pendiente-card[b-c9u8thztmr] {
        flex-direction: column;
        align-items: stretch;
    }

    .reservas-pendientes-hero-actions[b-c9u8thztmr],
    .reserva-pendiente-actions[b-c9u8thztmr] {
        justify-content: stretch;
    }

    .reserva-pendiente-actions .btn[b-c9u8thztmr],
    .reservas-pendientes-hero .btn[b-c9u8thztmr] {
        width: 100%;
        justify-content: center;
    }
}
/* /Pages/Socio/Dashboard.razor.rz.scp.css */
.socio-home-page[b-xgtoem08nj] {
    max-width: 1180px;
    margin: 0 auto;
}

.socio-home-hero[b-xgtoem08nj] {
    position: relative;
    overflow: hidden;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 320px;
    gap: 22px;
    align-items: stretch;
    padding: 26px;
}

.socio-home-hero[b-xgtoem08nj]::after {
    content: "";
    position: absolute;
    width: 320px;
    height: 320px;
    right: -130px;
    top: -150px;
    border-radius: 999px;
    background: var(--member-hero-glow);
    pointer-events: none;
}

.socio-home-hero__content[b-xgtoem08nj],
.socio-home-qr-card[b-xgtoem08nj] {
    position: relative;
    z-index: 1;
}

.socio-home-kicker[b-xgtoem08nj] {
    display: inline-flex;
    margin-bottom: 8px;
    color: var(--primary);
    font-size: .75rem;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.socio-home-hero h1[b-xgtoem08nj] {
    margin: 0;
    font-size: clamp(1.8rem, 3vw, 2.65rem);
    line-height: 1.05;
}

.socio-home-hero p[b-xgtoem08nj] {
    max-width: 620px;
    margin: 10px 0 0;
    color: var(--text-muted);
}

.socio-home-hero__badges[b-xgtoem08nj] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 16px;
}

.socio-home-qr-card[b-xgtoem08nj] {
    display: grid;
    align-content: center;
    gap: 12px;
    min-height: 186px;
    padding: 18px;
    border: 1px solid var(--member-card-border);
    border-radius: 24px;
    background: var(--member-accent-panel-bg);
}

.socio-home-qr-icon[b-xgtoem08nj] {
    width: 58px;
    height: 58px;
    display: grid;
    place-items: center;
    border-radius: 18px;
    background: var(--primary);
    color: var(--member-primary-icon-fg);
    font-size: 1.65rem;
    box-shadow: var(--member-primary-icon-shadow);
}

.socio-home-qr-card strong[b-xgtoem08nj],
.socio-home-qr-card span[b-xgtoem08nj] {
    display: block;
}

.socio-home-qr-card span[b-xgtoem08nj] {
    color: var(--text-muted);
    margin-top: 4px;
}

.socio-home-main-grid[b-xgtoem08nj] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.socio-home-feature-card[b-xgtoem08nj] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 16px;
    align-items: center;
    padding: 20px;
}

.socio-home-feature-card h3[b-xgtoem08nj] {
    margin: 4px 0 6px;
}

.socio-home-feature-card p[b-xgtoem08nj] {
    margin: 0;
    color: var(--text-muted);
}

.socio-home-feature-card--primary[b-xgtoem08nj] {
    background: var(--member-soft-panel-bg);
}

.socio-home-feature-card--success[b-xgtoem08nj] {
    background: var(--member-success-panel-bg);
}

.socio-home-feature-card--warning[b-xgtoem08nj] {
    border-color: var(--member-feature-border-danger);
    background: var(--member-danger-panel-bg);
}

.socio-home-card-icon[b-xgtoem08nj] {
    width: 50px;
    height: 50px;
    display: grid;
    place-items: center;
    border-radius: 18px;
    background: var(--member-icon-bg);
    color: var(--primary);
    font-size: 1.45rem;
}

.socio-home-stats[b-xgtoem08nj] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
    gap: 14px;
}

.socio-home-stat-card[b-xgtoem08nj] {
    min-height: 118px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 8px;
    padding: 18px;
}

.socio-home-stat-card span[b-xgtoem08nj],
.socio-home-stat-card small[b-xgtoem08nj] {
    color: var(--text-muted);
}

.socio-home-stat-card strong[b-xgtoem08nj] {
    color: var(--text);
    font-size: 1.45rem;
    line-height: 1.1;
}

.socio-home-grid[b-xgtoem08nj] {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(320px, .9fr);
    gap: 16px;
    align-items: start;
}

.socio-home-actions-grid[b-xgtoem08nj] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-top: 14px;
}

.socio-home-action[b-xgtoem08nj] {
    min-height: 128px;
    display: flex;
    flex-direction: column;
    gap: 7px;
    padding: 15px;
    border: 1px solid var(--border-light);
    border-radius: 18px;
    background: var(--member-action-bg);
    color: var(--text);
    text-decoration: none;
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.socio-home-action:hover[b-xgtoem08nj] {
    transform: translateY(-2px);
    border-color: var(--member-action-hover-border);
    box-shadow: var(--member-action-hover-shadow);
}

.socio-home-action i[b-xgtoem08nj] {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    border-radius: 14px;
    background: var(--member-icon-bg);
    color: var(--primary);
    font-size: 1.2rem;
}

.socio-home-action span[b-xgtoem08nj] {
    color: var(--text-muted);
    line-height: 1.35;
}

.socio-home-list-item[b-xgtoem08nj] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 0;
    border-bottom: 1px solid var(--border-light);
}

.socio-home-list-item:last-child[b-xgtoem08nj] {
    border-bottom: 0;
}

.socio-home-plan-card[b-xgtoem08nj],
.socio-home-timeline-card[b-xgtoem08nj] {
    grid-column: span 1;
}

.socio-home-plan-summary[b-xgtoem08nj] {
    margin: 8px 0 0;
}

.socio-home-timeline[b-xgtoem08nj] {
    display: grid;
    gap: 12px;
}

.socio-home-timeline-item[b-xgtoem08nj] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 12px;
    align-items: start;
    padding: 10px 0;
    border-bottom: 1px solid var(--border-light);
}

.socio-home-timeline-item:last-child[b-xgtoem08nj] {
    border-bottom: 0;
}

.socio-home-timeline-item p[b-xgtoem08nj] {
    margin: 3px 0 0;
    color: var(--text-muted);
    font-size: .88rem;
}

.socio-home-timeline-item small[b-xgtoem08nj] {
    color: var(--text-muted);
    white-space: nowrap;
}

.socio-home-timeline-icon[b-xgtoem08nj] {
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    border-radius: 12px;
    background: var(--member-icon-bg);
    color: var(--primary);
}

@media (max-width: 980px) {
    .socio-home-hero[b-xgtoem08nj],
    .socio-home-main-grid[b-xgtoem08nj],
    .socio-home-grid[b-xgtoem08nj] {
        grid-template-columns: 1fr;
    }

    .socio-home-qr-card[b-xgtoem08nj] {
        min-height: auto;
    }
}

@media (max-width: 640px) {
    .socio-home-page[b-xgtoem08nj] {
        max-width: 100%;
    }

    .socio-home-hero[b-xgtoem08nj] {
        padding: 18px;
        border-radius: 20px;
    }

    .socio-home-feature-card[b-xgtoem08nj] {
        grid-template-columns: 1fr;
    }

    .socio-home-feature-card .btn[b-xgtoem08nj] {
        width: 100%;
        justify-content: center;
    }

    .socio-home-actions-grid[b-xgtoem08nj] {
        grid-template-columns: 1fr;
    }

    .socio-home-list-item[b-xgtoem08nj],
    .socio-home-timeline-item[b-xgtoem08nj] {
        align-items: flex-start;
    }
}


/* v54.11.35 - UX clara para socio inactivo/suspendido */
.socio-home-status-warning[b-xgtoem08nj] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 18px;
    align-items: center;
    padding: 20px;
    border-color: var(--member-feature-border-danger);
    background: var(--member-danger-panel-bg);
}

.socio-home-status-warning__icon[b-xgtoem08nj] {
    width: 54px;
    height: 54px;
    display: grid;
    place-items: center;
    border-radius: 18px;
    background: var(--member-icon-bg);
    color: var(--danger);
    font-size: 1.45rem;
}

.socio-home-status-warning h2[b-xgtoem08nj] {
    margin: 0 0 6px;
    font-size: 1.25rem;
}

.socio-home-status-warning p[b-xgtoem08nj] {
    margin: 0;
    color: var(--text-muted);
}

.socio-home-status-warning__actions[b-xgtoem08nj] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 10px;
}

.socio-home-qr-card--blocked[b-xgtoem08nj],
.socio-home-action--warning[b-xgtoem08nj] {
    border-color: var(--member-feature-border-danger);
    background: var(--member-danger-panel-bg);
}

@media (max-width: 768px) {
    .socio-home-status-warning[b-xgtoem08nj] {
        grid-template-columns: 1fr;
    }

    .socio-home-status-warning__actions[b-xgtoem08nj] {
        justify-content: stretch;
    }

    .socio-home-status-warning__actions .btn[b-xgtoem08nj] {
        width: 100%;
    }
}


/* v54.11.40 - Contraste consistente en home del socio con modo oscuro. */
html[data-theme="dark"] .socio-home-action[b-xgtoem08nj],
html[data-theme="dark"] .socio-home-qr-card[b-xgtoem08nj],
html[data-theme="dark"] .socio-home-feature-card[b-xgtoem08nj],
html[data-theme="dark"] .socio-home-stat-card[b-xgtoem08nj],
html[data-theme="dark"] .socio-home-plan-card[b-xgtoem08nj],
html[data-theme="dark"] .socio-home-timeline-card[b-xgtoem08nj] {
    border-color: var(--border-light);
}

html[data-theme="dark"] .socio-home-qr-icon[b-xgtoem08nj],
html[data-theme="dark"] .socio-home-card-icon[b-xgtoem08nj],
html[data-theme="dark"] .socio-home-action i[b-xgtoem08nj],
html[data-theme="dark"] .socio-home-timeline-icon[b-xgtoem08nj] {
    color: var(--text-on-primary);
}
/* /Pages/Socio/Entrenar.razor.rz.scp.css */
.serie-item[b-nqz0346h4r] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 10px 0;
        border-bottom: 1px solid var(--border-light);
    }

        .serie-item:last-child[b-nqz0346h4r] {
            border-bottom: none;
        }

    .serie-datos[b-nqz0346h4r] {
        display: flex;
        align-items: center;
        gap: 12px;
        font-size: 0.9rem;
    }

    .modal-overlay[b-nqz0346h4r] {
        position: fixed;
        inset: 0;
        background: var(--modal-backdrop-bg);
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 1000;
        padding: 16px;
    }

    .modal-card[b-nqz0346h4r] {
        width: 100%;
        max-width: 450px;
        padding: 32px;
    }

.entrenar-start-card[b-nqz0346h4r] {
    padding: 48px 24px;
}

.entrenar-start-icon[b-nqz0346h4r] {
    font-size: 3rem;
    color: var(--accent);
}

.entrenar-dia-actions[b-nqz0346h4r] {
    flex-wrap: wrap;
}

.entrenar-sesion-meta[b-nqz0346h4r] {
    font-size: 0.85rem;
}

.serie-grupo-muscular[b-nqz0346h4r] {
    font-size: 0.8rem;
}

.valoracion-button[b-nqz0346h4r] {
    width: 44px;
}
/* /Pages/Socio/Historial.razor.rz.scp.css */
.historial-badge-rutina[b-698q4jdjqq] {
    margin-left: 8px;
}

.historial-duracion[b-698q4jdjqq],
.historial-series[b-698q4jdjqq] {
    font-size: 0.85rem;
}

.historial-serie-row[b-698q4jdjqq] {
    padding: 4px 0;
}

.historial-observaciones[b-698q4jdjqq] {
    font-size: 0.82rem;
    font-style: italic;
}
/* /Pages/Socio/MiQR.razor.rz.scp.css */
.qr-page[b-1gi0i4255d] {
    max-width: 1120px;
    margin: 0 auto;
}

.qr-carnet-layout[b-1gi0i4255d] {
    display: grid;
    grid-template-columns: minmax(0, 440px) minmax(0, 1fr);
    gap: 22px;
    align-items: stretch;
}

.qr-carnet-layout--clean[b-1gi0i4255d] {
    grid-template-columns: minmax(0, 520px);
    justify-content: center;
    align-items: start;
}

.qr-carnet-layout--clean .qr-carnet-card[b-1gi0i4255d] {
    width: 100%;
}

.qr-carnet-card[b-1gi0i4255d] {
    position: relative;
    overflow: hidden;
    display: grid;
    gap: 18px;
    min-height: 680px;
    padding: 22px;
    border-radius: 34px;
    border: 1px solid var(--member-card-border);
    background: linear-gradient(145deg, var(--bg-card), var(--member-qr-card-bg));
    box-shadow: var(--member-qr-card-shadow);
}

.qr-carnet-card__shine[b-1gi0i4255d] {
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 18% 0%, var(--member-pill-bg), transparent 34%),
        radial-gradient(circle at 100% 16%, var(--member-benefit-secondary-bg), transparent 36%);
    pointer-events: none;
}

.qr-carnet-header[b-1gi0i4255d],
.qr-carnet-member[b-1gi0i4255d],
.qr-carnet-account[b-1gi0i4255d],
.qr-carnet-qr-zone[b-1gi0i4255d],
.qr-carnet-footer[b-1gi0i4255d] {
    position: relative;
    z-index: 1;
}

.qr-carnet-header[b-1gi0i4255d] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.qr-carnet-title[b-1gi0i4255d] {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.qr-carnet-title strong[b-1gi0i4255d] {
    color: var(--text-primary);
    font-size: 1.15rem;
    line-height: 1.1;
}

.qr-carnet-kicker[b-1gi0i4255d],
.qr-kicker[b-1gi0i4255d],
.qr-carnet-member__label[b-1gi0i4255d],
.qr-carnet-account span[b-1gi0i4255d] {
    display: block;
    color: var(--text-muted);
    font-size: .72rem;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.qr-carnet-status[b-1gi0i4255d] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 8px 11px;
    border-radius: 999px;
    font-size: .8rem;
    font-weight: 900;
    white-space: nowrap;
}

.qr-carnet-status--success[b-1gi0i4255d] {
    background: var(--status-success-bg-soft);
    color: var(--success);
}

.qr-carnet-status--danger[b-1gi0i4255d] {
    background: var(--status-danger-bg-soft);
    color: var(--danger);
}

.qr-carnet-member[b-1gi0i4255d] {
    display: grid;
    grid-template-columns: 124px minmax(0, 1fr);
    gap: 18px;
    align-items: center;
    padding: 16px;
    border-radius: 28px;
    background: var(--member-soft-panel-bg);
    border: 1px solid var(--border-light);
}

.qr-carnet-photo[b-1gi0i4255d] {
    width: 124px;
    height: 124px;
    overflow: hidden;
    display: grid;
    place-items: center;
    border-radius: 30px;
    background: var(--member-avatar-bg);
    color: var(--member-avatar-fg);
    box-shadow: var(--member-avatar-shadow);
    font-size: 2.25rem;
    font-weight: 950;
}

.qr-carnet-photo img[b-1gi0i4255d] {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.qr-carnet-member__info[b-1gi0i4255d] {
    min-width: 0;
}

.qr-carnet-member h1[b-1gi0i4255d] {
    margin: 4px 0 10px;
    color: var(--text-primary);
    font-size: clamp(1.7rem, 5.4vw, 2.28rem);
    line-height: 1;
    text-wrap: balance;
}

.qr-carnet-member__meta[b-1gi0i4255d] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.qr-carnet-member__meta > span[b-1gi0i4255d] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 31px;
    padding: 6px 11px;
    border-radius: 999px;
    background: var(--member-pill-bg);
    color: var(--text-primary);
    max-width: 100%;
    overflow: hidden;
    font-size: .85rem;
    font-weight: 850;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.qr-carnet-member__badge[b-1gi0i4255d] {
    display: inline-grid !important;
    align-items: center;
    gap: 1px !important;
    min-width: 104px;
    padding: 7px 12px !important;
    border-radius: 16px !important;
    line-height: 1.05;
}

.qr-carnet-member__badge strong[b-1gi0i4255d] {
    color: var(--text-primary);
    font-size: .98rem;
    font-weight: 950;
    letter-spacing: .025em;
}

.qr-carnet-member__badge small[b-1gi0i4255d] {
    color: var(--text-muted);
    font-size: .62rem;
    font-weight: 850;
    letter-spacing: .045em;
    text-transform: uppercase;
}

.qr-carnet-member__carnet[b-1gi0i4255d] {
    background: var(--member-pill-strong-bg) !important;
}

.qr-carnet-member__carnet strong[b-1gi0i4255d] {
    color: var(--primary);
}

.qr-carnet-member__plan[b-1gi0i4255d] {
    background: var(--member-pill-strong-bg) !important;
    color: var(--primary) !important;
}

.qr-carnet-account[b-1gi0i4255d] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 14px 16px;
    border-radius: 22px;
    border: 1px solid var(--border-light);
}

.qr-carnet-account strong[b-1gi0i4255d] {
    display: block;
    margin-top: 2px;
    font-size: 1.05rem;
}

.qr-carnet-account i[b-1gi0i4255d] {
    font-size: 1.65rem;
}

.qr-carnet-account--ok[b-1gi0i4255d] {
    background: var(--member-success-panel-bg);
    color: var(--success);
}

.qr-carnet-account--warning[b-1gi0i4255d] {
    background: var(--member-danger-panel-bg);
    color: var(--danger);
}

.qr-carnet-qr-zone[b-1gi0i4255d] {
    display: grid;
    justify-items: center;
    gap: 12px;
    padding: 16px;
    border-radius: 28px;
    background: var(--member-qr-code-bg);
    border: 1px solid var(--border-light);
}

.qr-carnet-loading[b-1gi0i4255d] {
    min-height: 300px;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 12px;
    color: var(--text-muted);
    text-align: center;
}

.qr-carnet-qr-frame[b-1gi0i4255d] {
    display: grid;
    place-items: center;
    padding: 14px;
    border: 1px solid var(--member-code-box-border);
    border-radius: 24px;
    background: var(--bg-card);
    cursor: pointer;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.qr-carnet-qr-frame:hover[b-1gi0i4255d],
.qr-carnet-qr-frame:focus-visible[b-1gi0i4255d] {
    border-color: var(--primary);
    box-shadow: var(--member-primary-icon-shadow);
    transform: translateY(-1px);
    outline: none;
}

.qr-image[b-1gi0i4255d] {
    width: min(300px, 68vw);
    height: auto;
    display: block;
    border-radius: 14px;
}

.qr-carnet-timer[b-1gi0i4255d] {
    display: grid;
    gap: 8px;
    width: min(320px, 100%);
    padding: 10px 12px;
    border-radius: 18px;
    background: var(--member-pill-strong-bg);
    color: var(--primary);
    font-weight: 900;
}

.qr-carnet-timer__row[b-1gi0i4255d] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    font-size: .88rem;
}

.qr-carnet-timer__row span[b-1gi0i4255d] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-width: 0;
}

.qr-carnet-timer__row span:last-child[b-1gi0i4255d] {
    color: var(--text-muted);
    font-size: .78rem;
    font-weight: 800;
    white-space: nowrap;
}

.qr-carnet-progress[b-1gi0i4255d] {
    width: 100%;
    height: 7px;
    overflow: hidden;
    border-radius: 999px;
    background: var(--member-pill-bg);
}

.qr-carnet-progress span[b-1gi0i4255d] {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, var(--primary), var(--accent));
    transition: width .35s linear;
}

.qr-carnet-renew[b-1gi0i4255d] {
    min-width: min(220px, 100%);
}

.qr-wallet-inline[b-1gi0i4255d] {
    width: min(320px, 100%);
    min-height: 46px;
    justify-content: center;
    box-shadow: var(--member-primary-icon-shadow);
}

.qr-wallet-inline i[b-1gi0i4255d] {
    font-size: 1.1rem;
}

.qr-carnet-touch-hint[b-1gi0i4255d] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    color: var(--text-muted);
    font-size: .78rem;
    font-weight: 800;
    text-align: center;
}

.qr-carnet-footer[b-1gi0i4255d] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    color: var(--text-muted);
    font-size: .82rem;
    font-weight: 700;
}

.qr-carnet-footer span[b-1gi0i4255d] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.qr-carnet-side[b-1gi0i4255d] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 18px;
    padding: 26px;
    overflow: hidden;
    position: relative;
}

.qr-carnet-side[b-1gi0i4255d]::after {
    content: "";
    position: absolute;
    width: 330px;
    height: 330px;
    right: -140px;
    top: -140px;
    border-radius: 999px;
    background: var(--member-hero-glow);
    pointer-events: none;
}

.qr-carnet-side > *[b-1gi0i4255d] {
    position: relative;
    z-index: 1;
}

.qr-carnet-side h2[b-1gi0i4255d] {
    margin: 0;
    color: var(--text-primary);
    font-size: clamp(2rem, 4vw, 3.2rem);
    line-height: 1;
}

.qr-carnet-side p[b-1gi0i4255d] {
    max-width: 560px;
    margin: 0;
    color: var(--text-muted);
    font-size: 1.03rem;
    line-height: 1.55;
}

.qr-carnet-actions[b-1gi0i4255d] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.qr-carnet-hints[b-1gi0i4255d] {
    display: grid;
    gap: 10px;
    margin-top: 8px;
}

.qr-carnet-hints div[b-1gi0i4255d] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 14px;
    border-radius: 18px;
    background: var(--member-action-bg);
    border: 1px solid var(--border-light);
    color: var(--text-secondary);
    font-weight: 700;
}

.qr-carnet-hints i[b-1gi0i4255d] {
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border-radius: 13px;
    background: var(--member-icon-bg);
    color: var(--primary);
    font-size: 1.2rem;
}



.qr-wallet-panel[b-1gi0i4255d] {
    display: grid;
    gap: 12px;
    padding: 14px;
    border-radius: 22px;
    background: var(--member-action-bg);
    border: 1px solid var(--border-light);
}

.qr-wallet-panel__header[b-1gi0i4255d] {
    display: grid;
    gap: 3px;
}

.qr-wallet-panel__header strong[b-1gi0i4255d] {
    color: var(--text-primary);
    font-size: 1rem;
}

.qr-wallet-panel p[b-1gi0i4255d] {
    margin: 0;
    font-size: .9rem;
    line-height: 1.45;
}

.qr-wallet-panel__actions[b-1gi0i4255d] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
}

.qr-wallet-panel__actions .btn[b-1gi0i4255d] {
    justify-content: center;
    min-width: 0;
    width: 100%;
}

.qr-wallet-panel__message[b-1gi0i4255d] {
    color: var(--text-muted);
    font-weight: 800;
}

.qr-wallet-bottom[b-1gi0i4255d] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 16px;
    max-width: 760px;
    margin: 20px auto 0;
    padding: 18px;
    border-radius: 28px;
    overflow: hidden;
    position: relative;
    isolation: isolate;
}

.qr-wallet-bottom[b-1gi0i4255d]::after {
    content: "";
    position: absolute;
    inset: auto -120px -140px auto;
    width: 280px;
    height: 280px;
    border-radius: 999px;
    background: var(--member-hero-glow);
    pointer-events: none;
}

.qr-wallet-bottom > *[b-1gi0i4255d] {
    position: relative;
    z-index: 1;
}

.qr-wallet-bottom__icon[b-1gi0i4255d] {
    width: 52px;
    height: 52px;
    display: grid;
    place-items: center;
    border-radius: 18px;
    background: var(--member-pill-strong-bg);
    color: var(--primary);
    box-shadow: var(--member-primary-icon-shadow);
    font-size: 1.35rem;
}

.qr-wallet-bottom__content[b-1gi0i4255d] {
    display: grid;
    gap: 4px;
    min-width: 0;
}

.qr-wallet-bottom__content h2[b-1gi0i4255d] {
    margin: 0;
    color: var(--text-primary);
    font-size: clamp(1.15rem, 3vw, 1.55rem);
    line-height: 1.05;
}

.qr-wallet-bottom__content p[b-1gi0i4255d] {
    margin: 0;
    color: var(--text-muted);
    font-size: .94rem;
    line-height: 1.45;
}

.qr-wallet-cta-button[b-1gi0i4255d] {
    min-height: 50px;
    justify-content: center;
    padding-inline: 20px;
    border: 0;
    border-radius: 18px;
    background: linear-gradient(135deg, var(--primary), var(--accent));
    color: var(--text-on-primary);
    box-shadow: var(--member-primary-icon-shadow);
    font-weight: 950;
    letter-spacing: -.01em;
    white-space: nowrap;
}

.qr-wallet-cta-button:hover[b-1gi0i4255d],
.qr-wallet-cta-button:focus-visible[b-1gi0i4255d] {
    transform: translateY(-1px);
    box-shadow: var(--shadow-lg);
}

.qr-wallet-bottom__message[b-1gi0i4255d] {
    grid-column: 2 / -1;
    color: var(--text-muted);
    font-weight: 800;
}

.qr-fullscreen[b-1gi0i4255d] {
    position: fixed;
    inset: 0;
    z-index: 2000;
    display: grid;
    place-items: center;
    padding: max(16px, env(safe-area-inset-top)) 16px max(16px, env(safe-area-inset-bottom));
    background: color-mix(in srgb, var(--bg-app) 18%, transparent);
    backdrop-filter: blur(20px);
}

.qr-fullscreen__card[b-1gi0i4255d] {
    position: relative;
    display: grid;
    justify-items: center;
    gap: 16px;
    width: min(100%, 520px);
    max-height: min(96dvh, 860px);
    overflow-y: auto;
    padding: 22px;
    border: 1px solid var(--member-card-border);
    border-radius: 32px;
    background: var(--bg-card);
    box-shadow: var(--member-qr-card-shadow);
}

.qr-fullscreen__close[b-1gi0i4255d] {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border: 1px solid var(--border-light);
    border-radius: 999px;
    background: var(--member-action-bg);
    color: var(--text-primary);
}

.qr-fullscreen__member[b-1gi0i4255d] {
    display: grid;
    justify-items: center;
    gap: 12px;
    width: 100%;
    padding-inline: 44px;
    text-align: center;
}

.qr-fullscreen__photo[b-1gi0i4255d] {
    width: 86px;
    height: 86px;
    overflow: hidden;
    display: grid;
    place-items: center;
    border-radius: 26px;
    background: var(--member-avatar-bg);
    color: var(--member-avatar-fg);
    box-shadow: var(--member-avatar-shadow);
    font-size: 1.65rem;
    font-weight: 950;
}

.qr-fullscreen__photo img[b-1gi0i4255d] {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.qr-fullscreen__identity[b-1gi0i4255d] {
    display: grid;
    gap: 4px;
    color: var(--text-primary);
}

.qr-fullscreen__identity span[b-1gi0i4255d] {
    color: var(--text-muted);
    font-size: .72rem;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.qr-fullscreen__identity strong[b-1gi0i4255d] {
    font-size: clamp(1.45rem, 5.2vw, 2rem);
    line-height: 1;
}

.qr-fullscreen__identity small[b-1gi0i4255d] {
    color: var(--text-muted);
    font-size: .9rem;
    font-weight: 850;
}

.qr-fullscreen__image[b-1gi0i4255d] {
    width: min(86vw, 430px);
    height: auto;
    display: block;
    border-radius: 20px;
    border: 1px solid var(--member-code-box-border);
    background: var(--member-qr-code-bg);
    padding: 12px;
}

.qr-fullscreen__timer[b-1gi0i4255d] {
    display: grid;
    gap: 8px;
    width: min(320px, 100%);
    color: var(--primary);
    font-weight: 900;
    text-align: center;
}


.qr-fullscreen__actions[b-1gi0i4255d] {
    display: flex;
    justify-content: center;
    width: 100%;
}

.qr-fullscreen__actions .btn[b-1gi0i4255d] {
    min-width: min(220px, 100%);
}

.qr-fullscreen__hint[b-1gi0i4255d] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    margin: 0;
    color: var(--text-muted);
    font-size: .78rem;
    font-weight: 800;
    text-align: center;
}

body.qr-display-active[b-1gi0i4255d] {
    overscroll-behavior: contain;
}

@media (max-width: 980px) {
    .qr-carnet-layout[b-1gi0i4255d] {
        grid-template-columns: 1fr;
    }

    .qr-carnet-card[b-1gi0i4255d] {
        min-height: auto;
    }
}

@media (max-width: 640px) {
    .qr-page[b-1gi0i4255d] {
        margin-inline: -2px;
        margin-top: -4px;
    }

    .qr-carnet-card[b-1gi0i4255d],
    .qr-carnet-side[b-1gi0i4255d] {
        border-radius: 26px;
        padding: 16px;
    }

    .qr-carnet-card[b-1gi0i4255d] {
        gap: 14px;
    }

    .qr-carnet-header[b-1gi0i4255d] {
        align-items: flex-start;
    }

    .qr-carnet-member[b-1gi0i4255d] {
        grid-template-columns: 96px minmax(0, 1fr);
        gap: 12px;
        padding: 12px;
        border-radius: 22px;
    }

    .qr-carnet-photo[b-1gi0i4255d] {
        width: 96px;
        height: 96px;
        border-radius: 24px;
        font-size: 1.65rem;
    }

    .qr-carnet-member h1[b-1gi0i4255d] {
        margin-bottom: 7px;
        font-size: clamp(1.35rem, 6.5vw, 1.72rem);
    }

    .qr-carnet-member__meta span[b-1gi0i4255d] {
        min-height: 28px;
        padding: 5px 9px;
        font-size: .76rem;
    }

    .qr-carnet-qr-zone[b-1gi0i4255d] {
        padding: 12px;
        border-radius: 22px;
    }

    .qr-image[b-1gi0i4255d] {
        width: min(276px, 72vw);
    }

    .qr-carnet-timer__row[b-1gi0i4255d] {
        align-items: flex-start;
        display: grid;
        grid-template-columns: 1fr;
        gap: 4px;
        text-align: center;
    }

    .qr-carnet-timer__row span[b-1gi0i4255d] {
        justify-content: center;
    }

    .qr-carnet-footer[b-1gi0i4255d],
    .qr-carnet-actions[b-1gi0i4255d] {
        display: grid;
        grid-template-columns: 1fr;
    }

    .qr-carnet-footer span[b-1gi0i4255d] {
        justify-content: center;
    }

    .qr-carnet-actions .btn[b-1gi0i4255d],
    .qr-carnet-renew[b-1gi0i4255d] {
        width: 100%;
    }

    .qr-wallet-panel__actions[b-1gi0i4255d] {
        grid-template-columns: 1fr;
    }

    .qr-fullscreen__card[b-1gi0i4255d] {
        width: min(100%, 520px);
        padding: 18px;
        border-radius: 28px;
    }

    .qr-fullscreen__member[b-1gi0i4255d] {
        padding-inline: 34px;
    }

    .qr-fullscreen__photo[b-1gi0i4255d] {
        width: 74px;
        height: 74px;
        border-radius: 22px;
    }

    .qr-fullscreen__image[b-1gi0i4255d] {
        width: min(88vw, 410px);
    }
}


@media (max-width: 640px) {
    .qr-page[b-1gi0i4255d] {
        margin-top: -6px;
    }

    .qr-carnet-member__badge[b-1gi0i4255d] {
        min-width: min(132px, 100%);
    }
}


@media (max-width: 720px) {
    .qr-wallet-bottom[b-1gi0i4255d] {
        grid-template-columns: 1fr;
        align-items: stretch;
        margin-top: 14px;
        margin-bottom: calc(92px + env(safe-area-inset-bottom));
        padding: 16px;
        text-align: left;
    }

    .qr-wallet-bottom__icon[b-1gi0i4255d] {
        width: 44px;
        height: 44px;
        border-radius: 16px;
    }

    .qr-wallet-cta-button[b-1gi0i4255d] {
        width: 100%;
        min-height: 52px;
    }

    .qr-wallet-bottom__message[b-1gi0i4255d] {
        grid-column: auto;
    }
}


/* v54.11.40 - Ajustes puntuales de contraste en carnet dark mode. */
html[data-theme="dark"] .qr-carnet-timer[b-1gi0i4255d] {
    background: rgba(var(--accent-rgb), 0.18);
    color: var(--text-primary);
    border: 1px solid rgba(var(--accent-rgb), 0.26);
}

html[data-theme="dark"] .qr-carnet-member__carnet strong[b-1gi0i4255d],
html[data-theme="dark"] .qr-carnet-member__plan[b-1gi0i4255d] {
    color: var(--text-primary) !important;
}

html[data-theme="dark"] .qr-carnet-member__meta > span[b-1gi0i4255d] {
    border: 1px solid rgba(var(--accent-rgb), 0.18);
}

html[data-theme="dark"] .qr-carnet-qr-frame[b-1gi0i4255d] {
    background: #F8FAFC;
    border-color: rgba(15, 23, 42, 0.26);
}


/* v54.11.40.5 - El QR mantiene fondo claro por lectura, pero la tarjeta se integra al modo oscuro. */
html[data-theme="dark"] .qr-carnet-card[b-1gi0i4255d] {
    background:
        radial-gradient(circle at 100% 0%, rgba(var(--accent-rgb), 0.12), transparent 34%),
        linear-gradient(145deg, #101827, #0F172A) !important;
    border-color: rgba(148, 163, 184, 0.34) !important;
}

html[data-theme="dark"] .qr-carnet-qr-zone[b-1gi0i4255d] {
    padding: 18px;
    background: linear-gradient(180deg, rgba(148, 163, 184, 0.08), rgba(15, 23, 42, 0.22)) !important;
    border-color: rgba(148, 163, 184, 0.28) !important;
    box-shadow: inset 0 1px 0 rgba(248, 250, 252, 0.04);
}

html[data-theme="dark"] .qr-carnet-qr-frame[b-1gi0i4255d] {
    padding: 12px;
    background: #F8FAFC !important;
    border: 1px solid rgba(248, 250, 252, 0.88) !important;
    box-shadow: 0 16px 34px rgba(0, 0, 0, 0.30), 0 0 0 1px rgba(15, 23, 42, 0.12);
}

html[data-theme="dark"] .qr-carnet-qr-frame:hover[b-1gi0i4255d],
html[data-theme="dark"] .qr-carnet-qr-frame:focus-visible[b-1gi0i4255d] {
    border-color: rgba(var(--accent-rgb), 0.82) !important;
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.38), 0 0 0 3px rgba(var(--accent-rgb), 0.16);
}

html[data-theme="dark"] .qr-image[b-1gi0i4255d] {
    background: #FFFFFF;
}

html[data-theme="dark"] .qr-carnet-timer[b-1gi0i4255d] {
    background: linear-gradient(180deg, rgba(var(--accent-rgb), 0.17), rgba(var(--accent-rgb), 0.10)) !important;
    color: #F8FAFC !important;
    border: 1px solid rgba(var(--accent-rgb), 0.32) !important;
}

html[data-theme="dark"] .qr-carnet-timer__row span:last-child[b-1gi0i4255d] {
    color: #CBD5E1 !important;
}

html[data-theme="dark"] .qr-carnet-progress[b-1gi0i4255d] {
    background: rgba(15, 23, 42, 0.58) !important;
}

html[data-theme="dark"] .qr-carnet-progress span[b-1gi0i4255d] {
    background: linear-gradient(90deg, var(--accent), #FB923C) !important;
}

html[data-theme="dark"] .qr-carnet-renew[b-1gi0i4255d] {
    background: #162236 !important;
    color: #F8FAFC !important;
    border-color: rgba(148, 163, 184, 0.36) !important;
}

html[data-theme="dark"] .qr-carnet-renew:hover:not(:disabled)[b-1gi0i4255d] {
    background: #1F2F49 !important;
    border-color: rgba(var(--accent-rgb), 0.40) !important;
}

html[data-theme="dark"] .qr-carnet-touch-hint[b-1gi0i4255d] {
    color: #B6C5D8 !important;
}

html[data-theme="dark"] .qr-fullscreen__card[b-1gi0i4255d] {
    background: linear-gradient(145deg, #101827, #0F172A) !important;
    border-color: rgba(148, 163, 184, 0.34) !important;
}

html[data-theme="dark"] .qr-fullscreen__image[b-1gi0i4255d] {
    background: #F8FAFC !important;
    border-color: rgba(248, 250, 252, 0.88) !important;
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.34);
}

html[data-theme="dark"] .qr-fullscreen__timer[b-1gi0i4255d] {
    color: #F8FAFC !important;
}
/* /Pages/Socio/MiRutina.razor.rz.scp.css */
.ejercicio-card[b-oizrl2feae] {
        padding: 16px;
    }

    .ejercicio-orden[b-oizrl2feae] {
        width: 32px;
        height: 32px;
        background: var(--primary);
        color: var(--member-active-fg);
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: 700;
        font-size: 0.85rem;
        flex-shrink: 0;
    }

    .ejercicio-detalles[b-oizrl2feae] {
        display: flex;
        gap: 24px;
        padding: 12px 16px;
        background: var(--bg);
        border-radius: var(--radius);
    }

    .detalle-item[b-oizrl2feae] {
        text-align: center;
    }

    .detalle-valor[b-oizrl2feae] {
        display: block;
        font-size: 1.1rem;
        font-weight: 700;
        color: var(--primary);
    }

    .detalle-label[b-oizrl2feae] {
        font-size: 0.75rem;
        color: var(--text-muted);
    }

.mi-rutina-meta[b-oizrl2feae] {
    font-size: 0.85rem;
}

.mi-rutina-tabs[b-oizrl2feae] {
    flex-wrap: wrap;
}

.mi-rutina-notas[b-oizrl2feae] {
    font-size: 0.82rem;
}
/* /Pages/Socio/Notificaciones.razor.rz.scp.css */
.notificaciones-page[b-i2u8zokaw3] {
    display: grid;
    gap: 18px;
}

.notificaciones-hero[b-i2u8zokaw3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 20px;
}

.notificaciones-hero h1[b-i2u8zokaw3] {
    margin: 4px 0 4px;
}

.notificaciones-skeleton[b-i2u8zokaw3] {
    display: grid;
    gap: 12px;
}

.notif-tabs[b-i2u8zokaw3] {
    display: flex;
    gap: 8px;
    overflow-x: auto;
    padding: 4px 2px 8px;
    scrollbar-width: none;
}

.notif-tabs[b-i2u8zokaw3]::-webkit-scrollbar {
    display: none;
}

.notif-tab[b-i2u8zokaw3] {
    border: 1px solid var(--border);
    background: var(--surface);
    color: var(--text-secondary);
    border-radius: 999px;
    padding: 9px 12px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-weight: 700;
    font-size: 0.88rem;
    white-space: nowrap;
    cursor: pointer;
    transition: background var(--transition), color var(--transition), border-color var(--transition), transform var(--transition);
}

.notif-tab:hover[b-i2u8zokaw3] {
    transform: translateY(-1px);
    border-color: color-mix(in srgb, var(--primary), var(--border) 55%);
}

.notif-tab.active[b-i2u8zokaw3] {
    background: color-mix(in srgb, var(--primary), var(--surface) 88%);
    border-color: color-mix(in srgb, var(--primary), var(--border) 35%);
    color: var(--primary);
}

.notif-tab-count[b-i2u8zokaw3] {
    min-width: 22px;
    height: 22px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 7px;
    background: var(--bg);
    color: var(--text-primary);
    font-size: 0.74rem;
    font-weight: 800;
}

.notif-tab.active .notif-tab-count[b-i2u8zokaw3] {
    background: var(--primary);
    color: var(--primary-contrast, #fff);
}

.notif-lista[b-i2u8zokaw3] {
    display: grid;
    gap: 18px;
}

.notif-grupo[b-i2u8zokaw3] {
    display: grid;
    gap: 8px;
}

.notif-grupo-titulo[b-i2u8zokaw3] {
    color: var(--text-muted);
    font-size: 0.75rem;
    font-weight: 800;
    letter-spacing: 0.09em;
    text-transform: uppercase;
    padding: 0 4px;
}

.notif-grupo-items[b-i2u8zokaw3] {
    display: grid;
    gap: 10px;
}

.notif-card[b-i2u8zokaw3] {
    padding: 14px 16px;
    cursor: pointer;
    transition: box-shadow var(--transition), transform var(--transition), border-color var(--transition), background var(--transition);
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
}

.notif-card:hover[b-i2u8zokaw3] {
    transform: translateY(-1px);
    box-shadow: var(--shadow);
}

.notif-noleida[b-i2u8zokaw3] {
    background: color-mix(in srgb, var(--primary), var(--surface) 94%);
    border-left: 3px solid var(--primary);
}

.notif-icono[b-i2u8zokaw3] {
    width: 42px;
    height: 42px;
    background: var(--bg);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    color: var(--primary);
    flex-shrink: 0;
}

.notif-contenido[b-i2u8zokaw3] {
    flex: 1;
    min-width: 0;
}

.notif-header[b-i2u8zokaw3] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.notif-header strong[b-i2u8zokaw3] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.notif-dot[b-i2u8zokaw3] {
    width: 8px;
    height: 8px;
    background: var(--primary);
    border-radius: 50%;
    flex-shrink: 0;
}

.notif-mensaje[b-i2u8zokaw3] {
    font-size: 0.9rem;
    margin: 4px 0 6px;
    line-height: 1.35;
}

.notif-meta[b-i2u8zokaw3] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--text-muted);
    font-size: 0.76rem;
    font-weight: 700;
}

.notif-arrow[b-i2u8zokaw3] {
    color: var(--text-muted);
    font-size: 1.25rem;
}

@media (max-width: 640px) {
    .notificaciones-hero[b-i2u8zokaw3] {
        align-items: flex-start;
        flex-direction: column;
        padding: 16px;
    }

    .notificaciones-hero .btn[b-i2u8zokaw3] {
        width: 100%;
        justify-content: center;
    }

    .notif-card[b-i2u8zokaw3] {
        grid-template-columns: auto minmax(0, 1fr);
        align-items: flex-start;
    }

    .notif-arrow[b-i2u8zokaw3] {
        display: none;
    }
}
/* /Pages/Socio/Pagos.razor.rz.scp.css */
.pagos-page[b-octiug6ivt] {
    display: grid;
    gap: 1rem;
    max-width: 1080px;
    margin: 0 auto;
    padding-bottom: 1.25rem;
}

.pagos-header[b-octiug6ivt] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.pagos-header h1[b-octiug6ivt] {
    margin: 0;
}

.pagos-header-subtitle[b-octiug6ivt] {
    margin: .25rem 0 0;
    color: var(--text-muted);
}

.pagos-header-action[b-octiug6ivt] {
    white-space: nowrap;
}

.pagos-kicker[b-octiug6ivt] {
    margin: 0 0 .25rem;
    color: var(--text-muted);
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.pagos-hero[b-octiug6ivt] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 1rem;
    border: 1px solid var(--border-light);
    background: linear-gradient(135deg, var(--surface), var(--surface-muted));
}

.pagos-hero--success[b-octiug6ivt] {
    border-color: color-mix(in srgb, var(--success) 32%, var(--border-light));
}

.pagos-hero--warning[b-octiug6ivt] {
    border-color: color-mix(in srgb, var(--warning) 42%, var(--border-light));
}

.pagos-hero--danger[b-octiug6ivt] {
    border-color: color-mix(in srgb, var(--danger) 42%, var(--border-light));
}

.pagos-hero__icon[b-octiug6ivt] {
    display: grid;
    place-items: center;
    width: 3rem;
    height: 3rem;
    border-radius: 1rem;
    background: var(--surface-muted);
    color: var(--primary);
    font-size: 1.45rem;
}

.pagos-hero--success .pagos-hero__icon[b-octiug6ivt] {
    color: var(--success);
}

.pagos-hero--warning .pagos-hero__icon[b-octiug6ivt] {
    color: var(--warning);
}

.pagos-hero--danger .pagos-hero__icon[b-octiug6ivt] {
    color: var(--danger);
}

.pagos-hero__content h2[b-octiug6ivt] {
    margin: 0;
    font-size: clamp(1.25rem, 3vw, 1.9rem);
}

.pagos-hero__content p:last-child[b-octiug6ivt] {
    margin: .35rem 0 0;
    color: var(--text-muted);
}

.pagos-hero__amount[b-octiug6ivt] {
    min-width: 170px;
    padding: .85rem 1rem;
    border: 1px solid var(--border-light);
    border-radius: 1rem;
    background: var(--surface);
    text-align: right;
}

.pagos-hero__amount span[b-octiug6ivt] {
    display: block;
    color: var(--text-muted);
    font-size: .78rem;
    font-weight: 700;
}

.pagos-hero__amount strong[b-octiug6ivt] {
    display: block;
    margin-top: .2rem;
    font-size: 1.25rem;
}

.pagos-summary-grid[b-octiug6ivt] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .85rem;
}

.pagos-summary-card[b-octiug6ivt] {
    padding: 1rem;
    border: 1px solid var(--border-light);
    border-radius: 1rem;
    background: var(--surface);
    box-shadow: var(--shadow-sm);
}

.pagos-summary-card__label[b-octiug6ivt] {
    display: block;
    color: var(--text-muted);
    font-size: .8rem;
    font-weight: 700;
}

.pagos-summary-card strong[b-octiug6ivt] {
    display: block;
    margin-top: .15rem;
    font-size: 1.75rem;
    line-height: 1;
}

.pagos-summary-card small[b-octiug6ivt] {
    display: block;
    margin-top: .45rem;
    color: var(--text-muted);
}

.pagos-online-callout[b-octiug6ivt] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    border-color: color-mix(in srgb, var(--accent) 36%, var(--border-light));
    background: linear-gradient(135deg, var(--surface), color-mix(in srgb, var(--accent) 8%, var(--surface)));
}

.pagos-online-callout h3[b-octiug6ivt],
.pagos-online-callout p[b-octiug6ivt] {
    margin: 0;
}

.pagos-online-callout p:last-child[b-octiug6ivt] {
    margin-top: .35rem;
    color: var(--text-muted);
}

.pagos-section[b-octiug6ivt] {
    overflow: hidden;
}

.pagos-section-header[b-octiug6ivt] {
    align-items: flex-start;
}

.pagos-section-header h3[b-octiug6ivt] {
    margin: 0;
}

.pagos-cuotas-group[b-octiug6ivt] {
    padding: 1rem 0;
    border-top: 1px solid var(--border-light);
}

.pagos-cuotas-group:first-of-type[b-octiug6ivt] {
    border-top: 0;
}

.pagos-cuotas-group__header[b-octiug6ivt] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: .75rem;
}

.pagos-cuotas-group__header h4[b-octiug6ivt],
.pagos-cuotas-group__header p[b-octiug6ivt] {
    margin: 0;
}

.pagos-cuotas-group__header p[b-octiug6ivt] {
    color: var(--text-muted);
    font-size: .88rem;
}

.pagos-cuotas-group__header span[b-octiug6ivt] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2rem;
    height: 2rem;
    padding: 0 .55rem;
    border-radius: 999px;
    background: var(--surface-muted);
    font-weight: 800;
}

.pagos-cuotas-group__empty[b-octiug6ivt] {
    margin: 0;
    padding: .9rem 1rem;
    border-radius: .9rem;
    background: var(--surface-muted);
    color: var(--text-muted);
}

.pagos-cuotas-list[b-octiug6ivt],
.pagos-recibos-list[b-octiug6ivt] {
    display: grid;
    gap: .65rem;
}

.pagos-cuota-row[b-octiug6ivt],
.pagos-recibo-row[b-octiug6ivt] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: .95rem 1rem;
    border: 1px solid var(--border-light);
    border-radius: 1rem;
    background: var(--surface);
}

.pagos-cuota-row__main[b-octiug6ivt],
.pagos-cuota-row__amount[b-octiug6ivt],
.pagos-recibo-row > div[b-octiug6ivt],
.pagos-recibo-row__actions[b-octiug6ivt] {
    display: grid;
    gap: .2rem;
}

.pagos-cuota-row__main span[b-octiug6ivt],
.pagos-cuota-row__main small[b-octiug6ivt],
.pagos-recibo-row span[b-octiug6ivt],
.pagos-cuota-row__amount small[b-octiug6ivt] {
    color: var(--text-muted);
    font-size: .84rem;
}

.pagos-cuota-row__amount[b-octiug6ivt],
.pagos-recibo-row__actions[b-octiug6ivt] {
    justify-items: end;
    text-align: right;
}

.pagos-recibo-row__actions[b-octiug6ivt] {
    display: flex;
    align-items: center;
    gap: .7rem;
}

@media (max-width: 720px) {
    .pagos-header[b-octiug6ivt],
    .pagos-online-callout[b-octiug6ivt],
    .pagos-cuota-row[b-octiug6ivt],
    .pagos-recibo-row[b-octiug6ivt] {
        align-items: stretch;
        flex-direction: column;
    }

    .pagos-header-action[b-octiug6ivt],
    .pagos-online-callout .btn[b-octiug6ivt] {
        width: 100%;
        justify-content: center;
    }

    .pagos-hero[b-octiug6ivt] {
        grid-template-columns: 1fr;
    }

    .pagos-hero__amount[b-octiug6ivt] {
        min-width: 0;
        text-align: left;
    }

    .pagos-summary-grid[b-octiug6ivt] {
        grid-template-columns: 1fr;
    }

    .pagos-cuota-row__amount[b-octiug6ivt],
    .pagos-recibo-row__actions[b-octiug6ivt] {
        align-items: stretch;
        justify-items: start;
        text-align: left;
    }

    .pagos-recibo-row__actions[b-octiug6ivt] {
        width: 100%;
        justify-content: space-between;
    }
}
/* /Pages/Socio/PagosOnline.razor.rz.scp.css */
.pagos-online-header[b-bjic3krcn2] {
        gap: 16px;
    }

    .pago-online-item[b-bjic3krcn2] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        padding: 10px 0;
        border-bottom: 1px solid var(--border-light);
        cursor: pointer;
    }

    .pagos-online-actions[b-bjic3krcn2] {
        flex-wrap: wrap;
    }

    .pago-online-item__meta[b-bjic3krcn2] {
        font-size: 0.82rem;
    }

    @media (max-width: 768px) {
        .pagos-online-header[b-bjic3krcn2],
        .pago-online-item[b-bjic3krcn2] {
            flex-direction: column;
            align-items: stretch;
        }

        .pagos-online-header .btn[b-bjic3krcn2],
        .pago-online-item .btn[b-bjic3krcn2] {
            width: 100%;
            justify-content: center;
        }
    }
/* /Pages/Socio/Progreso.razor.rz.scp.css */
.responsive-heading[b-aufx0p7e44] {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 16px;
    }

    .seguimiento-fields[b-aufx0p7e44] {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
        gap: 14px;
    }

    .form-actions-responsive[b-aufx0p7e44] {
        display: flex;
        gap: 12px;
        justify-content: flex-end;
        flex-wrap: wrap;
    }

    .seguimiento-lista[b-aufx0p7e44] {
        display: flex;
        flex-direction: column;
        gap: 14px;
    }

    .seguimiento-card__header[b-aufx0p7e44] {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 12px;
        margin-bottom: 12px;
    }

    .seguimiento-values[b-aufx0p7e44] {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
        gap: 10px;
    }

    .seguimiento-value[b-aufx0p7e44] {
        padding: 10px 12px;
        border: 1px solid var(--border-light);
        border-radius: var(--radius-sm);
        background: var(--bg-input);
    }

    .seguimiento-value span[b-aufx0p7e44] {
        display: block;
        font-size: .78rem;
        color: var(--text-muted);
    }

    .seguimiento-value strong[b-aufx0p7e44] {
        color: var(--text);
    }

    .seguimiento-observacion[b-aufx0p7e44] {
        margin-top: 12px;
        color: var(--text-secondary);
    }

    @media (max-width: 768px) {
        .responsive-heading[b-aufx0p7e44] {
            flex-direction: column;
        }

        .responsive-heading .btn[b-aufx0p7e44],
        .form-actions-responsive .btn[b-aufx0p7e44] {
            width: 100%;
        }
    }
/* /Pages/Socio/SelfService.razor.rz.scp.css */
.self-service-page[b-j5x530f79i] {
    max-width: 1180px;
    margin: 0 auto;
}

.self-service-hero[b-j5x530f79i] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 24px;
    overflow: hidden;
    position: relative;
}

.self-service-hero[b-j5x530f79i]::after {
    content: "";
    position: absolute;
    width: 260px;
    height: 260px;
    border-radius: 999px;
    right: -110px;
    top: -120px;
    background: var(--member-hero-glow);
    pointer-events: none;
}

.self-service-hero__main[b-j5x530f79i] {
    display: flex;
    align-items: center;
    gap: 18px;
    min-width: 0;
    position: relative;
    z-index: 1;
}

.self-service-hero__main h1[b-j5x530f79i] {
    margin: 0;
    font-size: clamp(1.65rem, 3vw, 2.45rem);
    line-height: 1.05;
}

.self-service-hero__main p[b-j5x530f79i] {
    margin: 8px 0 0;
    color: var(--text-muted);
}

.self-service-avatar[b-j5x530f79i] {
    width: 76px;
    height: 76px;
    border-radius: 24px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    background: linear-gradient(135deg, var(--primary), var(--accent));
    color: var(--member-avatar-fg);
    font-size: 1.55rem;
    font-weight: 900;
    box-shadow: var(--member-avatar-shadow);
}

.self-service-kicker[b-j5x530f79i] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 6px;
    color: var(--primary);
    font-size: .72rem;
    font-weight: 900;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.self-service-badges[b-j5x530f79i] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 12px;
}

.self-service-hero__actions[b-j5x530f79i] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 10px;
    position: relative;
    z-index: 1;
}

.self-service-metrics[b-j5x530f79i] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}

.self-service-metric-card[b-j5x530f79i] {
    padding: 18px;
    min-height: 116px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 8px;
}

.self-service-metric-card span[b-j5x530f79i],
.self-service-metric-card small[b-j5x530f79i] {
    color: var(--text-muted);
}

.self-service-metric-card strong[b-j5x530f79i] {
    font-size: 1.35rem;
    line-height: 1.1;
    color: var(--text);
}

.self-service-tabs[b-j5x530f79i] {
    overflow-x: auto;
    scrollbar-width: thin;
}

.self-service-grid[b-j5x530f79i] {
    align-items: start;
}

.self-service-action-panel[b-j5x530f79i] {
    min-height: 100%;
}

.self-service-action-grid[b-j5x530f79i] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-top: 16px;
}

.self-service-action-card[b-j5x530f79i] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-height: 142px;
    padding: 16px;
    border-radius: 18px;
    border: 1px solid var(--border-light);
    background: var(--member-action-card-bg);
    color: var(--text);
    text-decoration: none;
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.self-service-action-card:hover[b-j5x530f79i] {
    transform: translateY(-2px);
    border-color: var(--member-action-hover-border);
    box-shadow: var(--member-action-hover-shadow);
}

.self-service-action-card i[b-j5x530f79i] {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border-radius: 14px;
    background: var(--member-icon-bg);
    color: var(--primary);
    font-size: 1.35rem;
}

.self-service-action-card strong[b-j5x530f79i] {
    font-size: 1rem;
}

.self-service-action-card span[b-j5x530f79i] {
    color: var(--text-muted);
    line-height: 1.35;
}

.self-service-data-list[b-j5x530f79i] {
    display: grid;
    gap: 12px;
}

.self-service-data-list > div[b-j5x530f79i],
.self-service-row[b-j5x530f79i] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 0;
    border-bottom: 1px solid var(--border-light);
}

.self-service-data-list > div:last-child[b-j5x530f79i],
.self-service-row:last-child[b-j5x530f79i] {
    border-bottom: 0;
}

.self-service-row strong[b-j5x530f79i],
.self-service-data-list strong[b-j5x530f79i] {
    color: var(--text);
}

.self-service-card-actions[b-j5x530f79i] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.self-service-wide-card[b-j5x530f79i] {
    grid-column: 1 / -1;
}

.self-service-benefit-card[b-j5x530f79i] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 18px;
    background: var(--member-accent-panel-bg);
}

.self-service-benefit-card h3[b-j5x530f79i] {
    margin: 0 0 8px;
}

.self-service-benefit-card p[b-j5x530f79i] {
    margin: 0;
    color: var(--text-muted);
}

.self-service-referral-benefit-card[b-j5x530f79i] {
    display: block;
    min-height: 100%;
}

.self-service-referral-benefit-content[b-j5x530f79i] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    min-width: 0;
}

.self-service-referral-benefit-content h3[b-j5x530f79i],
.self-service-referral-benefit-content p[b-j5x530f79i] {
    width: 100%;
}

.self-service-referral-benefit-content .self-service-benefit-highlight[b-j5x530f79i] {
    max-width: 100%;
    white-space: normal;
    line-height: 1.35;
}

.self-service-referral-benefit-content .self-service-benefit-secondary[b-j5x530f79i] {
    width: 100%;
    margin-top: 6px;
}

.self-service-code-box[b-j5x530f79i] {
    min-width: 160px;
    padding: 14px 16px;
    border-radius: 18px;
    border: 1px dashed var(--member-code-box-border);
    background: var(--member-code-box-bg);
    text-align: center;
}

.self-service-code-box span[b-j5x530f79i] {
    display: block;
    color: var(--text-muted);
    font-size: .78rem;
    margin-bottom: 4px;
}

.self-service-code-box strong[b-j5x530f79i] {
    font-size: 1.25rem;
    letter-spacing: .08em;
}

html[data-theme="dark"] .self-service-password-field[b-j5x530f79i] {
    background: var(--input-bg);
    border-color: var(--input-border);
}

html[data-theme="dark"] .self-service-password-toggle[b-j5x530f79i] {
    background: rgba(148, 163, 184, 0.10);
    border-left-color: var(--input-border);
    color: var(--text-secondary);
}

html[data-theme="dark"] .self-service-appearance-action[b-j5x530f79i],
html[data-theme="dark"] .self-service-file-input[b-j5x530f79i],
html[data-theme="dark"] .self-service-action-card[b-j5x530f79i] {
    background: var(--member-action-bg);
    border-color: var(--border-light);
    color: var(--text-primary);
}

html[data-theme="dark"] .self-service-account-identity-hero[b-j5x530f79i],
html[data-theme="dark"] .self-service-security-card--compact[b-j5x530f79i],
html[data-theme="dark"] .self-service-photo-request-card[b-j5x530f79i],
html[data-theme="dark"] .self-service-appearance-card[b-j5x530f79i],
html[data-theme="dark"] .self-service-sessions-card[b-j5x530f79i] {
    border-color: var(--border-light);
}

@media (max-width: 980px) {
    .self-service-hero[b-j5x530f79i] {
        align-items: flex-start;
        flex-direction: column;
    }

    .self-service-hero__actions[b-j5x530f79i] {
        justify-content: flex-start;
        width: 100%;
    }

    .self-service-metrics[b-j5x530f79i] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .self-service-benefit-card[b-j5x530f79i] {
        grid-template-columns: 1fr;
    }

    .self-service-code-box[b-j5x530f79i] {
        text-align: left;
    }
}

@media (max-width: 640px) {
    .self-service-page[b-j5x530f79i] {
        max-width: 100%;
    }

    .self-service-hero[b-j5x530f79i] {
        padding: 18px;
        border-radius: 20px;
    }

    .self-service-hero__main[b-j5x530f79i] {
        align-items: flex-start;
    }

    .self-service-avatar[b-j5x530f79i] {
        width: 58px;
        height: 58px;
        border-radius: 18px;
        font-size: 1.1rem;
    }

    .self-service-hero__actions[b-j5x530f79i],
    .self-service-card-actions[b-j5x530f79i] {
        display: grid;
        grid-template-columns: 1fr;
    }

    .self-service-hero__actions .btn[b-j5x530f79i],
    .self-service-card-actions .btn[b-j5x530f79i] {
        width: 100%;
        justify-content: center;
    }

    .self-service-metrics[b-j5x530f79i],
    .self-service-action-grid[b-j5x530f79i] {
        grid-template-columns: 1fr;
    }

    .self-service-data-list > div[b-j5x530f79i],
    .self-service-row[b-j5x530f79i] {
        align-items: flex-start;
        flex-direction: column;
    }
}

.self-service-account-warning[b-j5x530f79i] {
    border-color: var(--member-feature-border-danger);
    background: var(--member-danger-panel-bg);
}

.self-service-account-ok[b-j5x530f79i] {
    background: var(--member-success-panel-bg);
}

.self-service-credential-card[b-j5x530f79i] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 18px;
    align-items: center;
    background: var(--member-accent-panel-bg);
}

.self-service-credential-card h3[b-j5x530f79i],
.self-service-credential-card p[b-j5x530f79i] {
    margin: 0;
}

.self-service-credential-card p[b-j5x530f79i] {
    margin-top: 8px;
    color: var(--text-muted);
}

.self-service-action-button[b-j5x530f79i] {
    border: 1px solid var(--border-light);
    cursor: pointer;
    font: inherit;
    text-align: left;
}

.self-service-account-card[b-j5x530f79i] {
    min-height: 100%;
}

.self-service-timeline-list[b-j5x530f79i] {
    display: grid;
    gap: 12px;
}

.self-service-timeline-list--full[b-j5x530f79i] {
    margin-top: 14px;
}

.self-service-timeline-item[b-j5x530f79i] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 12px;
    align-items: start;
    padding: 12px 0;
    border-bottom: 1px solid var(--border-light);
}

.self-service-timeline-item:last-child[b-j5x530f79i] {
    border-bottom: 0;
}

.self-service-timeline-item p[b-j5x530f79i] {
    margin: 3px 0 0;
    color: var(--text-muted);
    font-size: .88rem;
}

.self-service-timeline-item small[b-j5x530f79i] {
    color: var(--text-muted);
    white-space: nowrap;
}

.self-service-timeline-icon[b-j5x530f79i] {
    width: 36px;
    height: 36px;
    display: grid;
    place-items: center;
    border-radius: 13px;
    background: var(--member-icon-bg);
    color: var(--primary);
}

.self-service-toggle[b-j5x530f79i] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 0;
    border-bottom: 1px solid var(--border-light);
    color: var(--text);
}

.self-service-toggle:last-of-type[b-j5x530f79i] {
    border-bottom: 0;
}

.self-service-toggle input[b-j5x530f79i] {
    width: 18px;
    height: 18px;
}

@media (max-width: 760px) {
    .self-service-credential-card[b-j5x530f79i] {
        grid-template-columns: 1fr;
    }

    .self-service-credential-card .btn[b-j5x530f79i] {
        width: 100%;
        justify-content: center;
    }

    .self-service-timeline-item[b-j5x530f79i] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .self-service-timeline-item small[b-j5x530f79i] {
        grid-column: 2;
    }
}

.self-service-benefit-highlight[b-j5x530f79i],
.self-service-benefit-mini[b-j5x530f79i] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    margin-top: .75rem;
    padding: .45rem .7rem;
    border-radius: 999px;
    background: var(--member-pill-strong-bg);
    color: var(--primary-dark);
    font-size: .86rem;
    font-weight: 800;
}

.self-service-benefit-secondary[b-j5x530f79i] {
    display: grid;
    gap: .25rem;
    padding: .85rem;
    border-radius: 1rem;
    border: 1px solid var(--member-benefit-secondary-border);
    background: var(--member-benefit-secondary-bg);
}

.self-service-benefit-secondary span[b-j5x530f79i],
.self-service-benefit-secondary small[b-j5x530f79i] {
    color: var(--text-muted);
}

.self-service-benefit-mini[b-j5x530f79i] {
    margin-top: .4rem;
    padding: .32rem .55rem;
    font-size: .78rem;
}

.self-service-toggle-disabled[b-j5x530f79i] {
    opacity: 0.72;
    cursor: not-allowed;
}

.self-service-toggle-disabled input[b-j5x530f79i],
.self-service-toggle-disabled span[b-j5x530f79i] {
    cursor: not-allowed;
}

.self-service-toggle-disabled small[b-j5x530f79i] {
    margin-left: 6px;
    font-weight: 700;
}

.self-service-security-card[b-j5x530f79i] {
    align-self: start;
}

.self-service-password-field[b-j5x530f79i] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 46px;
    align-items: stretch;
    width: 100%;
    min-height: 44px;
    border: 1px solid var(--input-border, var(--border));
    border-radius: var(--radius);
    background: var(--input-bg, var(--bg-input));
    overflow: hidden;
    transition: border-color var(--transition), box-shadow var(--transition), background var(--transition);
}

.self-service-password-field:focus-within[b-j5x530f79i] {
    border-color: var(--primary);
    box-shadow: var(--focus-ring);
}

.self-service-password-input[b-j5x530f79i] {
    width: 100%;
    min-width: 0;
    min-height: 44px;
    padding: 0 0.95rem;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: var(--input-text, var(--text)) !important;
    box-shadow: none !important;
}

.self-service-password-input:focus[b-j5x530f79i] {
    outline: none;
    box-shadow: none !important;
}

.self-service-password-toggle[b-j5x530f79i] {
    width: 46px;
    min-width: 46px;
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 0;
    border-left: 1px solid var(--input-border, var(--border));
    border-radius: 0;
    background: color-mix(in srgb, var(--surface-muted) 72%, transparent);
    color: var(--text-muted);
    cursor: pointer;
    transition: background var(--transition), color var(--transition);
}

.self-service-password-toggle:hover:not(:disabled)[b-j5x530f79i],
.self-service-password-toggle:focus-visible:not(:disabled)[b-j5x530f79i] {
    background: var(--button-secondary-hover-bg, var(--bg-card-hover));
    color: var(--primary);
    outline: none;
}

.self-service-password-toggle:active:not(:disabled)[b-j5x530f79i] {
    background: var(--interactive-active-bg);
}

.self-service-password-toggle:disabled[b-j5x530f79i] {
    cursor: not-allowed;
    opacity: .6;
}

.self-service-password-toggle i[b-j5x530f79i] {
    font-size: 1.05rem;
    line-height: 1;
}

/* v54.11.23 - Apariencia integrada en Mi cuenta. */
.self-service-appearance-card[b-j5x530f79i] {
    overflow: hidden;
}

.self-service-appearance-row[b-j5x530f79i] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px;
    border: 1px solid var(--border-light);
    border-radius: var(--radius);
    background: var(--surface-muted);
}

.self-service-appearance-icon[b-j5x530f79i] {
    width: 42px;
    height: 42px;
    border-radius: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 42px;
    background: rgba(var(--primary-rgb), 0.1);
    color: var(--primary);
    font-size: 1.2rem;
}

.self-service-appearance-info[b-j5x530f79i] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 0;
    flex: 1 1 auto;
}

.self-service-appearance-info strong[b-j5x530f79i] {
    color: var(--text);
    font-size: 0.95rem;
    font-weight: 800;
}

.self-service-appearance-info span[b-j5x530f79i] {
    color: var(--text-muted);
    font-size: 0.86rem;
    line-height: 1.35;
}

.self-service-appearance-row[b-j5x530f79i]  .theme-toggle {
    flex: 0 0 auto;
    border-color: var(--border);
    background: var(--bg-card);
    color: var(--text);
}

@media (max-width: 600px) {
    .self-service-appearance-row[b-j5x530f79i] {
        align-items: flex-start;
        flex-direction: column;
    }

    .self-service-appearance-row[b-j5x530f79i]  .theme-toggle {
        width: 100%;
    }
}

/* v54.11.35 - solicitud segura de cambio de foto */
.self-service-photo-request-card[b-j5x530f79i] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.self-service-photo-status[b-j5x530f79i] {
    display: flex;
    align-items: flex-start;
    gap: 0.85rem;
    padding: 1rem;
    border: 1px solid var(--border-soft);
    border-radius: var(--radius-lg);
    background: color-mix(in srgb, var(--bg-muted) 72%, transparent);
}

.self-service-photo-status i[b-j5x530f79i] {
    flex: 0 0 auto;
    width: 2.2rem;
    height: 2.2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    color: var(--primary);
    background: color-mix(in srgb, var(--primary) 12%, transparent);
    font-size: 1.2rem;
}

.self-service-photo-status strong[b-j5x530f79i],
.self-service-photo-status span[b-j5x530f79i] {
    display: block;
}

.self-service-photo-status span[b-j5x530f79i] {
    color: var(--text-muted);
    font-size: 0.9rem;
    margin-top: 0.15rem;
}

.self-service-photo-status--pending[b-j5x530f79i] {
    border-color: color-mix(in srgb, var(--warning, #f59e0b) 34%, var(--border-soft));
    background: color-mix(in srgb, var(--warning, #f59e0b) 9%, var(--bg-card));
}

.self-service-photo-status--pending i[b-j5x530f79i] {
    color: var(--warning, #f59e0b);
    background: color-mix(in srgb, var(--warning, #f59e0b) 14%, transparent);
}


/* v54.11.35 - estado suspendido claro en cuenta del socio */
.self-service-status-warning[b-j5x530f79i] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 18px;
    align-items: center;
    padding: 20px;
    border-color: var(--member-feature-border-danger);
    background: var(--member-danger-panel-bg);
}

.self-service-status-warning__icon[b-j5x530f79i] {
    width: 54px;
    height: 54px;
    display: grid;
    place-items: center;
    border-radius: 18px;
    background: var(--member-icon-bg);
    color: var(--danger);
    font-size: 1.45rem;
}

.self-service-status-warning h2[b-j5x530f79i] {
    margin: 0 0 6px;
    font-size: 1.25rem;
}

.self-service-status-warning p[b-j5x530f79i] {
    margin: 0;
    color: var(--text-muted);
}

.self-service-status-warning__actions[b-j5x530f79i] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 10px;
}

.self-service-credential-card--blocked[b-j5x530f79i] {
    border-color: var(--member-feature-border-danger);
    background: var(--member-danger-panel-bg);
}

@media (max-width: 768px) {
    .self-service-status-warning[b-j5x530f79i] {
        grid-template-columns: 1fr;
    }

    .self-service-status-warning__actions[b-j5x530f79i] {
        justify-content: stretch;
    }

    .self-service-status-warning__actions .btn[b-j5x530f79i] {
        width: 100%;
    }
}


.self-service-timeline-item .badge[b-j5x530f79i] {
    margin-top: 0.35rem;
}

.self-service-timeline-item small[b-j5x530f79i] {
    white-space: nowrap;
    color: var(--text-muted);
}

@media (max-width: 640px) {
    .self-service-timeline-item[b-j5x530f79i] {
        align-items: flex-start;
    }

    .self-service-timeline-item small[b-j5x530f79i] {
        margin-left: 3rem;
    }
}


/* v54.11.35 - sesiones activas visibles para el socio */
.self-service-session-list[b-j5x530f79i] {
    display: grid;
    gap: 0.85rem;
}

.self-service-session-item[b-j5x530f79i] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.85rem;
    padding: 0.95rem;
    border: 1px solid var(--border-soft);
    border-radius: var(--radius-lg);
    background: var(--bg-card);
}

.self-service-session-item--current[b-j5x530f79i] {
    border-color: color-mix(in srgb, var(--success, #22c55e) 36%, var(--border-soft));
    background: color-mix(in srgb, var(--success, #22c55e) 7%, var(--bg-card));
}

.self-service-session-icon[b-j5x530f79i] {
    width: 2.5rem;
    height: 2.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: color-mix(in srgb, var(--primary) 10%, transparent);
    color: var(--primary);
    font-size: 1.25rem;
}

.self-service-session-info strong[b-j5x530f79i],
.self-service-session-info span[b-j5x530f79i],
.self-service-session-info small[b-j5x530f79i] {
    display: block;
}

.self-service-session-info span[b-j5x530f79i],
.self-service-session-info small[b-j5x530f79i] {
    color: var(--text-muted);
}

.self-service-session-actions[b-j5x530f79i] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

@media (max-width: 640px) {
    .self-service-session-item[b-j5x530f79i] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .self-service-session-actions[b-j5x530f79i] {
        grid-column: 1 / -1;
        justify-content: stretch;
    }

    .self-service-session-actions .btn[b-j5x530f79i] {
        width: 100%;
    }
}

/* v54.11.37 - cuenta del socio unificada */
.self-service-account-grid[b-j5x530f79i] {
    gap: 1rem;
}

.self-service-account-summary-card[b-j5x530f79i] {
    background: var(--member-accent-panel-bg);
}

.self-service-account-primary-grid[b-j5x530f79i] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.85rem;
    margin-top: 1rem;
}

.self-service-account-identity[b-j5x530f79i] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    min-width: 0;
    padding: 0.9rem;
    border: 1px solid var(--border-soft);
    border-radius: var(--radius-lg);
    background: color-mix(in srgb, var(--bg-card) 78%, transparent);
}

.self-service-account-identity span[b-j5x530f79i] {
    color: var(--text-muted);
    font-size: 0.78rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.self-service-account-identity strong[b-j5x530f79i] {
    color: var(--text);
    font-size: 1rem;
    overflow-wrap: anywhere;
}

.self-service-security-hint[b-j5x530f79i] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 0.9rem;
    margin-bottom: 1rem;
    border: 1px solid var(--border-soft);
    border-radius: var(--radius-lg);
    background: color-mix(in srgb, var(--primary) 7%, var(--bg-card));
    color: var(--text-muted);
}

.self-service-security-hint i[b-j5x530f79i] {
    color: var(--primary);
    font-size: 1.15rem;
    margin-top: 0.1rem;
}

.self-service-password-check[b-j5x530f79i] {
    display: flex;
    align-items: flex-start;
    gap: 0.65rem;
    margin: 0.35rem 0 1rem;
    color: var(--text-muted);
    font-size: 0.92rem;
    line-height: 1.35;
}

.self-service-password-check input[b-j5x530f79i] {
    width: 1.05rem;
    height: 1.05rem;
    margin-top: 0.1rem;
    flex: 0 0 auto;
}

@media (max-width: 900px) {
    .self-service-account-primary-grid[b-j5x530f79i] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 560px) {
    .self-service-account-primary-grid[b-j5x530f79i] {
        grid-template-columns: 1fr;
    }
}

/* v54.11.37.2 - Apariencia del socio como acción real, no como texto decorativo. */
.self-service-appearance-action[b-j5x530f79i] {
    width: 100%;
    font-family: inherit;
    color: inherit;
    text-align: left;
    cursor: pointer;
    transition: border-color var(--transition), background var(--transition), box-shadow var(--transition), transform var(--transition);
}

.self-service-appearance-action:hover[b-j5x530f79i],
.self-service-appearance-action:focus-visible[b-j5x530f79i] {
    border-color: var(--primary);
    background: color-mix(in srgb, var(--primary) 6%, var(--surface-muted));
    box-shadow: 0 0 0 3px rgba(var(--primary-rgb), 0.12);
    outline: none;
}

.self-service-appearance-action:active[b-j5x530f79i] {
    transform: translateY(1px);
}

.self-service-appearance-action:disabled[b-j5x530f79i] {
    cursor: wait;
    opacity: .8;
}

.self-service-appearance-control[b-j5x530f79i] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    flex: 0 0 auto;
}

.self-service-appearance-current[b-j5x530f79i] {
    color: var(--text-muted);
    font-size: 0.82rem;
    font-weight: 700;
    white-space: nowrap;
}

.self-service-appearance-button[b-j5x530f79i] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 36px;
    padding: 8px 12px;
    border-radius: 999px;
    background: var(--primary);
    color: var(--text-on-primary);
    font-size: 0.82rem;
    font-weight: 800;
    white-space: nowrap;
}

.self-service-appearance-button i[b-j5x530f79i] {
    font-size: 1rem;
    line-height: 1;
}

@media (max-width: 820px) {
    .self-service-appearance-control[b-j5x530f79i] {
        width: 100%;
        justify-content: space-between;
    }
}

@media (max-width: 420px) {
    .self-service-appearance-current[b-j5x530f79i] {
        white-space: normal;
    }

    .self-service-appearance-button[b-j5x530f79i] {
        width: 100%;
    }
}

/* v54.11.37.3 - rediseño visual de Mi cuenta del socio */
.self-service-account-redesign[b-j5x530f79i] {
    display: grid;
    gap: 1rem;
}

.self-service-account-identity-hero[b-j5x530f79i] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.25rem;
    padding: 1.35rem;
    overflow: hidden;
    position: relative;
    background: var(--member-accent-panel-bg);
}

.self-service-account-identity-hero[b-j5x530f79i]::after {
    content: "";
    position: absolute;
    width: 220px;
    height: 220px;
    right: -100px;
    top: -100px;
    border-radius: 999px;
    background: var(--member-hero-glow);
    pointer-events: none;
}

.self-service-account-identity-main[b-j5x530f79i] {
    display: flex;
    align-items: center;
    gap: 1rem;
    min-width: 0;
    position: relative;
    z-index: 1;
}

.self-service-account-avatar[b-j5x530f79i] {
    width: 68px;
    height: 68px;
    border-radius: 22px;
    font-size: 1.35rem;
}

.self-service-account-identity-text[b-j5x530f79i] {
    min-width: 0;
}

.self-service-account-identity-text h2[b-j5x530f79i] {
    margin: 0;
    font-size: clamp(1.45rem, 2.5vw, 2.1rem);
    line-height: 1.08;
}

.self-service-account-identity-text p[b-j5x530f79i] {
    margin: 0.35rem 0 0;
    color: var(--text-muted);
}

.self-service-account-identity-actions[b-j5x530f79i] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 0.7rem;
    position: relative;
    z-index: 1;
}

.self-service-account-strip[b-j5x530f79i] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.8rem;
}

.self-service-account-strip-item[b-j5x530f79i] {
    min-height: 92px;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 0.3rem;
}

.self-service-account-strip-item span[b-j5x530f79i] {
    color: var(--text-muted);
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.self-service-account-strip-item strong[b-j5x530f79i] {
    color: var(--text);
    font-size: 1.05rem;
    overflow-wrap: anywhere;
}

.self-service-account-section[b-j5x530f79i] {
    display: grid;
    gap: 0.85rem;
}

.self-service-account-section-heading[b-j5x530f79i] {
    padding: 0.2rem 0.15rem 0;
}

.self-service-account-section-heading h3[b-j5x530f79i] {
    margin: 0;
    font-size: 1.15rem;
}

.self-service-account-section-heading p[b-j5x530f79i] {
    max-width: 760px;
    margin: 0.35rem 0 0;
    color: var(--text-muted);
}

.self-service-account-two-columns[b-j5x530f79i] {
    display: grid;
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
    gap: 1rem;
    align-items: start;
}

.self-service-account-two-columns--identity[b-j5x530f79i] {
    grid-template-columns: minmax(0, 1.1fr) minmax(320px, 0.9fr);
}

.self-service-contact-card[b-j5x530f79i],
.self-service-security-card--compact[b-j5x530f79i],
.self-service-photo-request-card[b-j5x530f79i],
.self-service-account-side-stack > .card[b-j5x530f79i] {
    min-height: 100%;
}

.self-service-security-card--compact[b-j5x530f79i] {
    background: color-mix(in srgb, var(--bg-card) 90%, var(--primary) 4%);
}

.self-service-password-grid[b-j5x530f79i] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.85rem;
}

.self-service-password-confirm-group[b-j5x530f79i] {
    grid-column: 1 / -1;
}

.self-service-inline-note[b-j5x530f79i] {
    display: inline-flex;
    align-items: center;
    min-height: 38px;
    color: var(--text-muted);
    font-size: 0.88rem;
    font-weight: 700;
}

.self-service-security-card--compact .self-service-card-actions[b-j5x530f79i] {
    align-items: center;
    gap: 0.75rem;
}

.self-service-security-card--compact .self-service-card-actions .btn[b-j5x530f79i] {
    min-height: 42px;
}

.self-service-file-input[b-j5x530f79i] {
    width: 100%;
    min-height: 44px;
    padding: 0.45rem;
    border: 1px dashed var(--border);
    border-radius: var(--radius);
    background: var(--input-bg, var(--bg-input));
    color: var(--text-secondary);
    font: inherit;
}

.self-service-file-input[b-j5x530f79i]::file-selector-button {
    min-height: 36px;
    margin-right: 0.7rem;
    padding: 0.45rem 0.8rem;
    border: 1px solid var(--button-secondary-border, var(--border));
    border-radius: var(--radius-sm);
    background: var(--button-secondary-bg, var(--bg-card));
    color: var(--button-secondary-text, var(--primary));
    font: inherit;
    font-weight: 800;
    cursor: pointer;
}

.self-service-file-input[b-j5x530f79i]::file-selector-button:hover {
    background: var(--button-secondary-hover-bg, var(--bg-card-hover));
}

.self-service-selected-file[b-j5x530f79i] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    margin-top: 0.45rem;
    color: var(--text-secondary);
    font-size: 0.86rem;
    font-weight: 700;
}

.self-service-account-side-stack[b-j5x530f79i] {
    display: grid;
    gap: 1rem;
}


.self-service-account-redesign .self-service-appearance-row[b-j5x530f79i] {
    min-height: 84px;
}

.self-service-account-redesign .self-service-appearance-info strong[b-j5x530f79i] {
    font-size: 1rem;
}

.self-service-account-redesign .self-service-sessions-card[b-j5x530f79i] {
    grid-column: 1 / -1;
}

html[data-theme="dark"] .self-service-password-field[b-j5x530f79i] {
    background: var(--input-bg);
    border-color: var(--input-border);
}

html[data-theme="dark"] .self-service-password-toggle[b-j5x530f79i] {
    background: rgba(148, 163, 184, 0.10);
    border-left-color: var(--input-border);
    color: var(--text-secondary);
}

html[data-theme="dark"] .self-service-appearance-action[b-j5x530f79i],
html[data-theme="dark"] .self-service-file-input[b-j5x530f79i],
html[data-theme="dark"] .self-service-action-card[b-j5x530f79i] {
    background: var(--member-action-bg);
    border-color: var(--border-light);
    color: var(--text-primary);
}

html[data-theme="dark"] .self-service-account-identity-hero[b-j5x530f79i],
html[data-theme="dark"] .self-service-security-card--compact[b-j5x530f79i],
html[data-theme="dark"] .self-service-photo-request-card[b-j5x530f79i],
html[data-theme="dark"] .self-service-appearance-card[b-j5x530f79i],
html[data-theme="dark"] .self-service-sessions-card[b-j5x530f79i] {
    border-color: var(--border-light);
}

@media (max-width: 980px) {
    .self-service-account-identity-hero[b-j5x530f79i] {
        align-items: flex-start;
        flex-direction: column;
    }

    .self-service-account-identity-actions[b-j5x530f79i] {
        justify-content: flex-start;
        width: 100%;
    }

    .self-service-account-strip[b-j5x530f79i] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .self-service-account-two-columns[b-j5x530f79i],
    .self-service-account-two-columns--identity[b-j5x530f79i] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .self-service-account-identity-hero[b-j5x530f79i] {
        padding: 1rem;
        border-radius: 20px;
    }

    .self-service-account-identity-main[b-j5x530f79i] {
        align-items: flex-start;
    }

    .self-service-account-avatar[b-j5x530f79i] {
        width: 56px;
        height: 56px;
        border-radius: 18px;
        font-size: 1.05rem;
    }

    .self-service-account-identity-actions[b-j5x530f79i],
    .self-service-account-identity-actions .btn[b-j5x530f79i] {
        width: 100%;
    }

    .self-service-account-strip[b-j5x530f79i],
    .self-service-password-grid[b-j5x530f79i] {
        grid-template-columns: 1fr;
    }

    .self-service-account-section-heading p[b-j5x530f79i] {
        font-size: 0.92rem;
    }

    .self-service-inline-note[b-j5x530f79i] {
        width: 100%;
    }
}

/* v54.12.35 - Mi cuenta organizada por subtabs */
.self-service-disabled-tab[b-j5x530f79i],
.self-service-disabled-tab:disabled[b-j5x530f79i] {
    opacity: 0.55;
    cursor: not-allowed;
    color: var(--text-muted);
    background: var(--surface-muted, var(--bg-soft));
    border-color: var(--border-light);
    box-shadow: none;
}

.self-service-action-card--disabled[b-j5x530f79i],
.self-service-action-card--disabled:hover[b-j5x530f79i],
.self-service-action-card--disabled:disabled[b-j5x530f79i] {
    opacity: 0.58;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
    border-color: var(--border-light);
    background: var(--surface-muted, var(--bg-soft));
}

.self-service-action-card--disabled i[b-j5x530f79i] {
    color: var(--text-muted);
    background: var(--bg-soft);
}

.self-service-account-subtabs[b-j5x530f79i] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    padding: 0.45rem;
    border: 1px solid var(--border-light);
    border-radius: var(--radius-lg);
    background: var(--bg-card);
    box-shadow: var(--shadow-sm);
}

.self-service-account-subtab[b-j5x530f79i] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    min-height: 40px;
    padding: 0.55rem 0.8rem;
    border: 1px solid transparent;
    border-radius: var(--radius-sm);
    background: transparent;
    color: var(--text-muted);
    font: inherit;
    font-weight: 800;
    cursor: pointer;
    transition: background .18s ease, color .18s ease, border-color .18s ease;
}

.self-service-account-subtab:hover[b-j5x530f79i] {
    background: var(--bg-soft);
    color: var(--text-primary);
}

.self-service-account-subtab--active[b-j5x530f79i] {
    border-color: var(--border-light);
    background: var(--interactive-soft-bg, var(--bg-soft));
    color: var(--primary);
}

.self-service-account-subtab small[b-j5x530f79i] {
    min-width: 1.45rem;
    padding: 0.1rem 0.4rem;
    border-radius: var(--radius-sm);
    background: var(--bg-soft);
    color: var(--text-muted);
    font-size: 0.78rem;
    text-align: center;
}

.self-service-session-toolbar[b-j5x530f79i] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.5rem;
}

@media (max-width: 640px) {
    .self-service-account-subtabs[b-j5x530f79i],
    .self-service-account-subtab[b-j5x530f79i],
    .self-service-session-toolbar[b-j5x530f79i],
    .self-service-session-toolbar .btn[b-j5x530f79i] {
        width: 100%;
    }

    .self-service-account-subtab[b-j5x530f79i] {
        justify-content: flex-start;
    }
}
/* /Pages/Socio/Turnos.razor.rz.scp.css */
.turnos-page-header[b-ohyqlm2x1p] {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 16px;
    }

    .turnos-resumen-grid[b-ohyqlm2x1p] {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 16px;
    }

    .turnos-resumen-card[b-ohyqlm2x1p] {
        padding: 16px;
    }

    .turnos-resumen-label[b-ohyqlm2x1p] {
        font-size: 0.82rem;
        color: var(--text-muted);
        margin-bottom: 8px;
    }

    .turnos-resumen-valor[b-ohyqlm2x1p] {
        font-size: 1.8rem;
        font-weight: 800;
        line-height: 1;
    }

    .text-muted-custom[b-ohyqlm2x1p] {
        color: var(--text-muted);
    }

    .turnos-tabs[b-ohyqlm2x1p] {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
    }

    .turnos-tab[b-ohyqlm2x1p] {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        border: 1px solid var(--border-light);
        background: var(--member-tab-bg);
        color: var(--text-primary);
        border-radius: 999px;
        padding: 10px 16px;
        cursor: pointer;
        font-weight: 600;
        transition: all 0.18s ease;
    }

        .turnos-tab:hover[b-ohyqlm2x1p] {
            border-color: var(--member-tab-hover-border);
            box-shadow: var(--shadow);
        }

    .turnos-tab-active[b-ohyqlm2x1p] {
        background: var(--primary);
        color: var(--member-active-fg);
        border-color: var(--primary);
    }

    .turnos-proximo-card[b-ohyqlm2x1p] {
        padding: 18px;
        border: 1px solid var(--member-next-card-border);
        background: var(--member-next-card-bg);
    }

    .turnos-proximo-header[b-ohyqlm2x1p] {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 16px;
    }

    .turnos-proximo-title[b-ohyqlm2x1p] {
        font-size: 0.82rem;
        color: var(--text-muted);
        text-transform: uppercase;
        letter-spacing: 0.04em;
        margin-bottom: 8px;
    }

    .turnos-proximo-subtitle[b-ohyqlm2x1p] {
        font-size: 0.9rem;
        margin-top: 6px;
    }

    .turnos-proximo-actions[b-ohyqlm2x1p] {
        display: flex;
        align-items: center;
        gap: 10px;
        flex-wrap: wrap;
        justify-content: flex-end;
    }

    .turno-item-pro[b-ohyqlm2x1p] {
        display: flex;
        align-items: center;
        gap: 12px;
        padding: 14px 0;
        border-bottom: 1px solid var(--border-light);
    }

        .turno-item-pro:last-child[b-ohyqlm2x1p] {
            border-bottom: none;
        }

    .turno-color[b-ohyqlm2x1p] {
        width: 6px;
        height: 42px;
        border-radius: 4px;
        flex-shrink: 0;
    }

    .turno-item-main[b-ohyqlm2x1p] {
        flex: 1;
        min-width: 0;
    }

    .turno-item-detail[b-ohyqlm2x1p] {
        font-size: 0.84rem;
        margin-top: 4px;
        word-break: break-word;
    }

    .turno-item-side[b-ohyqlm2x1p] {
        display: flex;
        align-items: center;
        gap: 10px;
        flex-wrap: wrap;
        justify-content: flex-end;
    }

    .turnos-filtros-top[b-ohyqlm2x1p] {
        display: flex;
        flex-direction: column;
        gap: 16px;
    }

    .turnos-fechas[b-ohyqlm2x1p] {
        display: flex;
        gap: 12px;
        flex-wrap: wrap;
    }

    .turnos-filtros-grid[b-ohyqlm2x1p] {
        display: grid;
        grid-template-columns: 1fr auto;
        gap: 16px;
        align-items: end;
    }

    .turnos-horarios-grid[b-ohyqlm2x1p] {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }

    .horario-card-pro[b-ohyqlm2x1p] {
        padding: 16px;
        transition: all var(--transition);
    }

    .horario-card-header[b-ohyqlm2x1p] {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 12px;
    }

    .horario-card-left[b-ohyqlm2x1p] {
        display: flex;
        align-items: center;
        gap: 12px;
        min-width: 0;
    }

    .horario-card-time[b-ohyqlm2x1p] {
        font-size: 0.82rem;
        margin-top: 4px;
    }

    .horario-card-status[b-ohyqlm2x1p] {
        flex-shrink: 0;
    }

    .horario-card-profesor[b-ohyqlm2x1p] {
        font-size: 0.84rem;
        margin-top: 12px;
    }

    .horario-card-footer[b-ohyqlm2x1p] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        margin-top: 16px;
    }

    .horario-card-cupo[b-ohyqlm2x1p] {
        font-size: 0.8rem;
        word-break: break-word;
    }

    .horario-card-action[b-ohyqlm2x1p] {
        flex-shrink: 0;
    }

    .horario-reservado[b-ohyqlm2x1p] {
        border-color: var(--success);
        background: var(--success-bg);
    }

    .horario-espera[b-ohyqlm2x1p] {
        border-color: var(--warning);
        background: var(--warning-bg);
    }

    .horario-lleno[b-ohyqlm2x1p] {
        opacity: 0.72;
    }

    @media (max-width: 992px) {
        .turnos-horarios-grid[b-ohyqlm2x1p], .turnos-resumen-grid[b-ohyqlm2x1p]

    {
        grid-template-columns: 1fr;
    }

    .horario-card-footer[b-ohyqlm2x1p],
    .turnos-proximo-header[b-ohyqlm2x1p],
    .turno-item-pro[b-ohyqlm2x1p] {
        flex-direction: column;
        align-items: stretch;
    }

    .turno-item-side[b-ohyqlm2x1p],
    .turnos-proximo-actions[b-ohyqlm2x1p] {
        justify-content: flex-start;
    }

    }

    @media (max-width: 768px) {
        .turnos-filtros-grid[b-ohyqlm2x1p]

    {
        grid-template-columns: 1fr;
    }

    .turnos-tab[b-ohyqlm2x1p] {
        width: 100%;
        justify-content: center;
    }

    .horario-card-action .btn[b-ohyqlm2x1p],
    .turno-item-side .btn[b-ohyqlm2x1p],
    .turnos-proximo-actions .btn[b-ohyqlm2x1p] {
        width: 100%;
        justify-content: center;
    }

    }

.turno-color[b-ohyqlm2x1p] {
    background: var(--item-color, var(--primary));
}

/* v54.11.35 - Turnos: agenda semanal, agrupación por día y cargas menos bloqueantes. */
.turnos-fechas[b-ohyqlm2x1p] {
    display: grid;
    grid-template-columns: repeat(7, minmax(76px, 1fr));
    gap: 10px;
    overflow-x: auto;
    padding-bottom: 2px;
}

.turnos-dia-selector[b-ohyqlm2x1p] {
    border: 1px solid var(--border-light);
    background: var(--surface);
    color: var(--text-primary);
    border-radius: 16px;
    padding: 10px 8px;
    min-height: 62px;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    cursor: pointer;
    transition: all 0.18s ease;
    box-shadow: var(--shadow-sm);
}

.turnos-dia-selector:hover[b-ohyqlm2x1p] {
    border-color: var(--primary-light);
    transform: translateY(-1px);
    box-shadow: var(--shadow);
}

.turnos-dia-selector--active[b-ohyqlm2x1p] {
    background: var(--primary);
    border-color: var(--primary);
    color: var(--member-active-fg);
    box-shadow: 0 12px 28px rgba(var(--primary-rgb), 0.22);
}

.turnos-dia-selector__nombre[b-ohyqlm2x1p] {
    font-weight: 800;
    font-size: 0.9rem;
    text-transform: capitalize;
}

.turnos-dia-selector__fecha[b-ohyqlm2x1p] {
    font-size: 0.78rem;
    opacity: 0.82;
}

.turnos-list-toolbar[b-ohyqlm2x1p] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 0 2px;
}

.turnos-dia-grupo[b-ohyqlm2x1p] {
    padding: 4px 0 8px;
}

.turnos-dia-grupo + .turnos-dia-grupo[b-ohyqlm2x1p] {
    border-top: 1px solid var(--border-light);
    margin-top: 8px;
    padding-top: 14px;
}

.turnos-dia-grupo-title[b-ohyqlm2x1p] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 4px;
    color: var(--text-primary);
    font-weight: 800;
    text-transform: capitalize;
}

.turnos-dia-grupo-title small[b-ohyqlm2x1p] {
    color: var(--text-muted);
    font-weight: 700;
    text-transform: none;
}

@media (max-width: 768px) {
    .turnos-fechas[b-ohyqlm2x1p] {
        display: flex;
        flex-wrap: nowrap;
        margin-inline: -2px;
    }

    .turnos-dia-selector[b-ohyqlm2x1p] {
        min-width: 78px;
    }

    .turnos-list-toolbar[b-ohyqlm2x1p] {
        align-items: stretch;
        flex-direction: column;
    }
}