/* /Components/Layout/BloqueoSesion.razor.rz.scp.css */
.main[b-w4o2pgaw5g] {
    background-color: #fff;
    color: #333;
    width: 100%;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem;
}

.main .content[b-w4o2pgaw5g] {
    width: 100%;
    max-width: 500px;
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
#blazor-error-ui[b-ru7o98oqdu] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-ru7o98oqdu] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-dkehve0v5z],
.components-reconnect-repeated-attempt-visible[b-dkehve0v5z],
.components-reconnect-failed-visible[b-dkehve0v5z],
.components-pause-visible[b-dkehve0v5z],
.components-resume-failed-visible[b-dkehve0v5z],
.components-rejoining-animation[b-dkehve0v5z] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-dkehve0v5z],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-dkehve0v5z],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-dkehve0v5z],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-dkehve0v5z],
#components-reconnect-modal.components-reconnect-retrying[b-dkehve0v5z],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-dkehve0v5z],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-dkehve0v5z],
#components-reconnect-modal.components-reconnect-failed[b-dkehve0v5z],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-dkehve0v5z] {
    display: block;
}


#components-reconnect-modal[b-dkehve0v5z] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-dkehve0v5z 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-dkehve0v5z 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-dkehve0v5z 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-dkehve0v5z]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-dkehve0v5z 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-dkehve0v5z {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-dkehve0v5z {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-dkehve0v5z {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-dkehve0v5z] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-dkehve0v5z] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-dkehve0v5z] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-dkehve0v5z] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-dkehve0v5z] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-dkehve0v5z] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-dkehve0v5z] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-dkehve0v5z 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-dkehve0v5z] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-dkehve0v5z {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/AlertasApolo/AlertaDetalle.razor.rz.scp.css */
/* ==========================================================================
   APOLO PANEL 2026 — Detalle de Alerta (CSS Scoped)
   Solapamiento Calibrado + Card I.A. + BEM + Design Tokens Oficiales
   ========================================================================== */

.apolo-alerta-detalle[b-t0biqp0vl9] {
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
}

.apolo-alerta-detalle__breadcrumb[b-t0biqp0vl9] {
    margin-bottom: var(--apolo-space-4);
}

/* ── 1. Hero Banner Azul (Con colchón inferior calibrado para solapamiento) ── */
.apolo-alerta-detalle__hero[b-t0biqp0vl9] {
    background: linear-gradient(135deg, var(--apolo-color-primary) 0%, var(--apolo-color-primary-navy) 100%);
    border-radius: var(--apolo-radius-xl);
    padding: var(--apolo-space-6) var(--apolo-space-5) 120px;
    color: var(--apolo-n0);
    box-shadow: var(--apolo-shadow-md);
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

@media (min-width: 768px) {
    .apolo-alerta-detalle__hero[b-t0biqp0vl9] {
        /* 50px de espacio arriba y 140px abajo:
           los 90px de solapamiento de la card dejan 50px de azul libre -> texto centrado verticalmente */
        padding: 50px var(--apolo-space-8) 100px;
    }
}

.apolo-alerta-detalle__hero-content[b-t0biqp0vl9] {
    max-width: 900px;
    margin: 0 auto;
    width: 100%;
    text-align: center;
}

.apolo-alerta-detalle__hero-brand[b-t0biqp0vl9] {
    font-size: var(--apolo-text-lg);
    font-weight: var(--apolo-font-bold);
    letter-spacing: -0.02em;
}

    .apolo-alerta-detalle__hero-brand span[b-t0biqp0vl9] {
        font-size: var(--apolo-text-xs);
        font-weight: var(--apolo-font-normal);
        opacity: 0.85;
        text-transform: uppercase;
    }

.apolo-alerta-detalle__hero-badge[b-t0biqp0vl9] {
    background: rgba(255, 255, 255, 0.15);
    border: 1px solid rgba(255, 255, 255, 0.25);
    border-radius: var(--apolo-radius-full);
    padding: 3px 12px;
    font-size: var(--apolo-text-xs);
    color: var(--apolo-n0);
}

.apolo-alerta-detalle__hero-title[b-t0biqp0vl9] {
    font-size: var(--apolo-text-2xl);
    font-weight: var(--apolo-font-bold);
    line-height: 1.35;
    color: var(--apolo-n0);
    text-align: center;
}

@media (min-width: 992px) {
    .apolo-alerta-detalle__hero-title[b-t0biqp0vl9] {
        font-size: var(--apolo-text-3xl);
    }
}

.apolo-alerta-detalle__hero-keyword[b-t0biqp0vl9] {
    background-color: var(--apolo-color-accent);
    color: var(--apolo-n900);
    padding: 3px 10px;
    border-radius: var(--apolo-radius-sm);
    font-weight: var(--apolo-font-bold);
    display: inline-block;
}

.apolo-alerta-detalle__hero-source[b-t0biqp0vl9] {
    font-weight: var(--apolo-font-bold);
    text-decoration: underline;
    text-decoration-color: rgba(255, 255, 255, 0.4);
    text-underline-offset: 4px;
}

.apolo-alerta-detalle__hero-note[b-t0biqp0vl9] {
    font-size: var(--apolo-text-sm);
    line-height: var(--apolo-leading-relaxed);
    color: rgba(255, 255, 255, 0.9);
}

/* ── Botones de Acción ── */
.apolo-btn--hero-action[b-t0biqp0vl9] {
    background: rgba(255, 255, 255, 0.18);
    border: 1px solid rgba(255, 255, 255, 0.35);
    color: var(--apolo-n0);
    border-radius: var(--apolo-radius-md);
    padding: 8px 18px;
    font-size: var(--apolo-text-sm);
    font-weight: var(--apolo-font-medium);
    min-height: 44px;
    transition: var(--apolo-transition-color);
}

    .apolo-btn--hero-action:hover[b-t0biqp0vl9] {
        background: rgba(255, 255, 255, 0.28);
        color: var(--apolo-n0);
    }

.apolo-btn--secondary-action[b-t0biqp0vl9] {
    background-color: var(--apolo-color-success);
    color: var(--apolo-n0);
    border: none;
    border-radius: var(--apolo-radius-md);
    padding: 8px 16px;
    font-size: var(--apolo-text-sm);
    font-weight: var(--apolo-font-medium);
    min-height: 44px;
    transition: var(--apolo-transition-color);
}

    .apolo-btn--secondary-action:hover[b-t0biqp0vl9] {
        background-color: var(--apolo-color-success-dark);
        color: var(--apolo-n0);
    }

/* ── 2. Card Principal Superpuesta (Réplica exacta Captura 3) ── */
.apolo-alerta-detalle__card[b-t0biqp0vl9] {
    background: var(--apolo-surface-card);
    border-radius: var(--apolo-radius-xl);
    margin-top: -70px;
    margin-left: 12px;
    margin-right: 12px;
    width: auto;
    position: relative;
    z-index: 2;
    box-shadow: var(--apolo-shadow-lg);
}

@media (min-width: 768px) {
    .apolo-alerta-detalle__card[b-t0biqp0vl9] {
        /* Sube 90px sobre el colchón de 140px del banner azul:
           Deja 50px de azul despejado arriba sin tapar ninguna letra */
        margin-top: -90px;
        /* Márgenes laterales para dejar el marco azul visible a los lados */
        margin-left: 32px;
        margin-right: 32px;
    }
}

.apolo-alerta-detalle__card-title[b-t0biqp0vl9] {
    font-size: var(--apolo-text-xl);
    font-weight: var(--apolo-font-bold);
    color: var(--apolo-n900);
}

/* ── Tabla Técnica ── */
.apolo-alerta-detalle__table[b-t0biqp0vl9] {
    border-collapse: separate;
    border-spacing: 0;
    width: 100%;
}

    .apolo-alerta-detalle__table thead th[b-t0biqp0vl9] {
        background-color: var(--apolo-n50);
        color: var(--apolo-text-color-secondary);
        font-size: var(--apolo-text-sm);
        font-weight: var(--apolo-font-semibold);
        padding: var(--apolo-space-3) var(--apolo-space-4);
        border-bottom: 1px solid var(--apolo-border-color-subtle);
    }

    .apolo-alerta-detalle__table tbody td[b-t0biqp0vl9] {
        padding: var(--apolo-space-4);
        font-size: var(--apolo-text-base);
        color: var(--apolo-text-color-primary);
        border-bottom: 1px solid var(--apolo-border-color-subtle);
    }

.apolo-alerta-detalle__cell-value[b-t0biqp0vl9] {
    font-weight: var(--apolo-font-medium);
}

/* ── Extracto Resumen ── */
.apolo-alerta-detalle__extracto-title[b-t0biqp0vl9] {
    font-size: var(--apolo-text-lg);
    font-weight: var(--apolo-font-semibold);
    color: var(--apolo-n900);
}

.apolo-alerta-detalle__extracto-box[b-t0biqp0vl9] {
    background: var(--apolo-n50);
    border: 1px solid var(--apolo-border-color-subtle);
    border-radius: var(--apolo-radius-lg);
    border-left: 4px solid var(--apolo-color-primary);
}

.apolo-alerta-detalle__extracto-text[b-t0biqp0vl9] {
    font-size: var(--apolo-text-sm);
    line-height: var(--apolo-leading-relaxed);
    color: var(--apolo-text-color-secondary);
}

.apolo-alerta-detalle__keyword-highlight[b-t0biqp0vl9],
.highlight[b-t0biqp0vl9] {
    background-color: var(--apolo-color-accent);
    color: var(--apolo-n900);
    font-weight: var(--apolo-font-bold);
    padding: 1px 4px;
    border-radius: var(--apolo-radius-sm);
}

/* ── Información sobre la alerta (Instrucciones y Publicación Original) ── */
.apolo-alerta-detalle__instrucciones-wrapper[b-t0biqp0vl9] {
    display: flex;
    flex-direction: column;
}

.apolo-alerta-detalle__instrucciones-intro[b-t0biqp0vl9] {
    font-size: var(--apolo-text-sm);
    color: var(--apolo-text-color-secondary);
    margin-bottom: var(--apolo-space-3);
    line-height: var(--apolo-leading-normal);
}

.apolo-alerta-detalle__instrucciones-lista[b-t0biqp0vl9] {
    border-top: 1px solid var(--apolo-border-color-subtle);
}

.apolo-alerta-detalle__instruccion-item[b-t0biqp0vl9] {
    display: flex;
    align-items: center;
    gap: var(--apolo-space-3);
    padding: var(--apolo-space-3) var(--apolo-space-2);
    border-bottom: 1px solid var(--apolo-border-color-subtle);
}

.apolo-alerta-detalle__instruccion-badge[b-t0biqp0vl9] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: var(--apolo-radius-sm);
    background-color: var(--apolo-color-primary-light);
    color: var(--apolo-color-primary);
    font-size: var(--apolo-text-sm);
    font-weight: var(--apolo-font-bold);
    flex-shrink: 0;
}

.apolo-alerta-detalle__instruccion-contenido[b-t0biqp0vl9] {
    font-size: var(--apolo-text-base);
    color: var(--apolo-text-color-primary);
    line-height: var(--apolo-leading-normal);
}

    .apolo-alerta-detalle__instruccion-contenido strong[b-t0biqp0vl9] {
        font-weight: var(--apolo-font-bold);
        color: var(--apolo-n900);
    }

.apolo-alerta-detalle__inline-link[b-t0biqp0vl9] {
    color: var(--apolo-color-primary);
    text-decoration: underline;
    font-weight: var(--apolo-font-medium);
    transition: var(--apolo-transition-color);
}

    .apolo-alerta-detalle__inline-link:hover[b-t0biqp0vl9] {
        color: var(--apolo-color-primary-dark);
        text-decoration: underline;
    }

.apolo-alerta-detalle__disclaimer-box[b-t0biqp0vl9] {
    background: var(--apolo-n50);
    border: 1px solid var(--apolo-border-color-subtle);
    border-radius: var(--apolo-radius-lg);
}

.apolo-alerta-detalle__disclaimer-texto[b-t0biqp0vl9] {
    font-size: var(--apolo-text-xs);
    line-height: var(--apolo-leading-relaxed);
    color: var(--apolo-text-color-secondary);
}

.apolo-alerta-detalle__btn-ir-pagina[b-t0biqp0vl9] {
    background-color: var(--apolo-color-success);
    color: var(--apolo-n0);
    border: none;
    border-radius: var(--apolo-radius-md);
    padding: 10px 24px;
    font-size: var(--apolo-text-base);
    font-weight: var(--apolo-font-semibold);
    text-decoration: none;
    white-space: nowrap;
    min-height: 44px;
    transition: var(--apolo-transition-color);
}

    .apolo-alerta-detalle__btn-ir-pagina:hover[b-t0biqp0vl9] {
        background-color: var(--apolo-color-success-dark);
        color: var(--apolo-n0);
    }

/* ── 3. Card Inteligencia Artificial (Prueba nuestra I.A.) ── */
.apolo-alerta-detalle__ai-card[b-t0biqp0vl9] {
    background: var(--apolo-surface-card);
    border-radius: var(--apolo-radius-xl);
    border: 1px solid var(--apolo-border-color-subtle);
    margin-left: 12px;
    margin-right: 12px;
}

@media (min-width: 768px) {
    .apolo-alerta-detalle__ai-card[b-t0biqp0vl9] {
        margin-left: 32px;
        margin-right: 32px;
    }
}

.apolo-ai-emblem[b-t0biqp0vl9] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.apolo-btn--ai-pill[b-t0biqp0vl9] {
    background-color: var(--apolo-color-primary);
    color: var(--apolo-n0);
    border-radius: var(--apolo-radius-full);
    padding: 6px 18px;
    font-size: var(--apolo-text-sm);
    font-weight: var(--apolo-font-semibold);
    border: none;
    min-height: 38px;
    transition: var(--apolo-transition-color);
    box-shadow: var(--apolo-shadow-sm);
}

    .apolo-btn--ai-pill:hover[b-t0biqp0vl9] {
        background-color: var(--apolo-color-primary-dark);
        color: var(--apolo-n0);
    }

/* ── 4. Card Soporte ── */
.apolo-alerta-detalle__soporte[b-t0biqp0vl9] {
    background: var(--apolo-surface-card);
    border-radius: var(--apolo-radius-xl);
    margin-left: 12px;
    margin-right: 12px;
}

@media (min-width: 768px) {
    .apolo-alerta-detalle__soporte[b-t0biqp0vl9] {
        margin-left: 32px;
        margin-right: 32px;
    }
}

.apolo-alerta-detalle__soporte-title[b-t0biqp0vl9] {
    font-size: var(--apolo-text-xl);
    font-weight: var(--apolo-font-bold);
    color: var(--apolo-n900);
}

.apolo-alerta-detalle__soporte-text[b-t0biqp0vl9] {
    font-size: var(--apolo-text-sm);
    line-height: var(--apolo-leading-relaxed);
}

.apolo-alerta-detalle__soporte-input[b-t0biqp0vl9] {
    border: 1px solid var(--apolo-border-color);
    border-radius: var(--apolo-radius-md);
    padding: 12px 16px;
    font-size: var(--apolo-text-sm);
    min-height: 48px;
}

    .apolo-alerta-detalle__soporte-input:focus[b-t0biqp0vl9] {
        border-color: var(--apolo-border-color-focus);
        box-shadow: var(--apolo-shadow-focus);
    }

.apolo-btn--soporte-msg[b-t0biqp0vl9] {
    background-color: var(--apolo-color-primary);
    color: var(--apolo-n0);
    font-weight: var(--apolo-font-semibold);
    border-radius: var(--apolo-radius-md);
    min-height: 44px;
    border: none;
    transition: var(--apolo-transition-color);
}

    .apolo-btn--soporte-msg:hover[b-t0biqp0vl9] {
        background-color: var(--apolo-color-primary-dark);
        color: var(--apolo-n0);
    }

.apolo-btn--soporte-wa[b-t0biqp0vl9] {
    background-color: #25D366;
    color: #FFFFFF;
    font-weight: var(--apolo-font-semibold);
    border-radius: var(--apolo-radius-md);
    min-height: 44px;
    border: none;
    transition: var(--apolo-transition-color);
}

    .apolo-btn--soporte-wa:hover[b-t0biqp0vl9] {
        background-color: #1EBE5D;
        color: #FFFFFF;
    }

/* ── Footer de la Pantalla ── */
.apolo-alerta-detalle__footer-meta[b-t0biqp0vl9] {
    margin-left: 12px;
    margin-right: 12px;
}

@media (min-width: 768px) {
    .apolo-alerta-detalle__footer-meta[b-t0biqp0vl9] {
        margin-left: 32px;
        margin-right: 32px;
    }
}

.apolo-alerta-detalle__footer-note[b-t0biqp0vl9] {
    font-size: var(--apolo-text-xs);
}

.apolo-alerta-detalle__powered-brand[b-t0biqp0vl9] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: var(--apolo-text-sm);
    color: var(--apolo-n900);
}

.apolo-alerta-detalle__powered-accent[b-t0biqp0vl9] {
    display: inline-block;
    width: 14px;
    height: 4px;
    background-color: var(--apolo-color-accent);
    border-radius: var(--apolo-radius-sm);
}

/* ── Responsividad (Patrón P-1: Tabla a Tarjetas en Móvil <768px) ── */
@media (max-width: 767.98px) {
    .apolo-alerta-detalle__hero-title[b-t0biqp0vl9] {
        font-size: var(--apolo-text-xl);
    }

    .apolo-alerta-detalle__table.apolo-tabla-cards thead[b-t0biqp0vl9] {
        display: none;
    }

    .apolo-alerta-detalle__table.apolo-tabla-cards tbody tr[b-t0biqp0vl9] {
        display: block;
        background: var(--apolo-n50);
        border: 1px solid var(--apolo-border-color-subtle);
        border-radius: var(--apolo-radius-md);
        padding: var(--apolo-space-3);
    }

    .apolo-alerta-detalle__table.apolo-tabla-cards tbody td[b-t0biqp0vl9] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: var(--apolo-space-2) 0;
        border-bottom: 1px dashed var(--apolo-border-color-subtle);
    }

        .apolo-alerta-detalle__table.apolo-tabla-cards tbody td:last-child[b-t0biqp0vl9] {
            border-bottom: none;
        }

        .apolo-alerta-detalle__table.apolo-tabla-cards tbody td[b-t0biqp0vl9]::before {
            content: attr(data-zona);
            font-weight: var(--apolo-font-semibold);
            color: var(--apolo-text-color-secondary);
            font-size: var(--apolo-text-xs);
            text-transform: uppercase;
        }

    .apolo-alerta-detalle__btn-ir-pagina[b-t0biqp0vl9] {
        width: 100%;
        text-align: center;
    }
}

/* ── Reduced Motion ── */
@media (prefers-reduced-motion: reduce) {
    .apolo-btn--hero-action[b-t0biqp0vl9],
    .apolo-btn--secondary-action[b-t0biqp0vl9],
    .apolo-alerta-detalle__btn-ir-pagina[b-t0biqp0vl9],
    .apolo-btn--ai-pill[b-t0biqp0vl9],
    .apolo-btn--soporte-msg[b-t0biqp0vl9],
    .apolo-btn--soporte-wa[b-t0biqp0vl9] {
        transition-duration: 0.01ms !important;
    }
}
/* /Components/Pages/AlertasApolo/AlertasApolo.razor.rz.scp.css */
/* ==========================================================================
   Alertas Apolo — Scoped CSS Consolidado
   BEM: .apolo-alertas, .apolo-keywords, .apolo-equipo, .apolo-expedientes, .apolo-dual-list
   Design Tokens & Patrones Responsivos P-1 … P-10
   ========================================================================== */

/* ── Encabezado & Breadcrumb ────────────────────────────────────────────── */
.apolo-alertas__header-icon[b-ht28dcrytn] {
    color: var(--apolo-color-primary);
}

.apolo-alertas__title[b-ht28dcrytn] {
    font-size: var(--apolo-text-2xl);
    color: var(--apolo-color-primary-navy);
}

.apolo-alertas__breadcrumb[b-ht28dcrytn] {
    font-size: var(--apolo-text-sm);
}

    .apolo-alertas__breadcrumb a[b-ht28dcrytn] {
        color: var(--apolo-text-color-secondary);
    }

    .apolo-alertas__breadcrumb .active[b-ht28dcrytn] {
        color: var(--apolo-color-primary);
    }

/* ── Tabs Principales (Patrón P-5) ──────────────────────────────────────── */
.apolo-alertas__tabs-wrapper[b-ht28dcrytn] {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
}

.apolo-alertas__tabs[b-ht28dcrytn] {
    border-bottom: 2px solid var(--apolo-n200);
}

    .apolo-alertas__tabs .nav-link[b-ht28dcrytn] {
        color: var(--apolo-text-color-secondary);
        font-weight: var(--apolo-font-semibold);
        font-size: var(--apolo-text-base);
        padding: var(--apolo-space-3) var(--apolo-space-4);
        border-bottom: 2px solid transparent;
        margin-bottom: -2px;
        background: transparent;
        transition: var(--apolo-transition-color);
    }

        .apolo-alertas__tabs .nav-link:hover[b-ht28dcrytn] {
            color: var(--apolo-color-primary);
        }

        .apolo-alertas__tabs .nav-link.active[b-ht28dcrytn] {
            color: var(--apolo-color-primary);
            border-bottom-color: var(--apolo-color-primary);
            background: transparent;
        }

/* ── Menú Desplegable Móvil (<768px) ────────────────────────────────────── */
.apolo-alertas__mobile-dropdown-wrapper[b-ht28dcrytn] {
    position: relative;
    z-index: 10;
}

.apolo-alertas__nav-card[b-ht28dcrytn] {
    background-color: var(--apolo-surface-card);
    border-radius: var(--apolo-radius-xl);
    border: 1px solid var(--apolo-border-color-subtle);
    transition: box-shadow var(--apolo-transition-color);
}

.apolo-alertas__nav-item[b-ht28dcrytn] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 10px 14px;
    border-radius: var(--apolo-radius-lg);
    background-color: var(--apolo-surface-card);
    border: 1px solid var(--apolo-border-color-subtle);
    color: var(--apolo-color-primary-navy);
    text-align: left;
    transition: var(--apolo-transition-color), transform 0.15s ease;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
}

    .apolo-alertas__nav-item:hover[b-ht28dcrytn] {
        background-color: var(--apolo-n50);
        border-color: var(--apolo-border-color);
        color: var(--apolo-color-primary);
    }

.apolo-alertas__nav-item-title[b-ht28dcrytn] {
    font-size: var(--apolo-text-sm);
    font-weight: var(--apolo-font-semibold);
}

.apolo-alertas__nav-item--active[b-ht28dcrytn] {
    background: linear-gradient(135deg, var(--apolo-color-primary) 0%, var(--apolo-color-primary-dark) 100%) !important;
    border-color: transparent !important;
    color: #ffffff !important;
    box-shadow: 0 4px 10px rgba(16, 127, 201, 0.25) !important;
}

    .apolo-alertas__nav-item--active .apolo-icon[b-ht28dcrytn],
    .apolo-alertas__nav-item--active svg[b-ht28dcrytn] {
        color: #ffffff !important;
    }

    .apolo-alertas__nav-item--active .apolo-alertas__nav-item-title[b-ht28dcrytn] {
        color: #ffffff !important;
    }

.apolo-alertas__nav-chevron[b-ht28dcrytn] {
    color: #ffffff;
    display: flex;
    align-items: center;
    transition: transform var(--apolo-transition-color);
}

.apolo-alertas__nav-item-count[b-ht28dcrytn] {
    font-size: 13px;
    line-height: 1.1;
    text-align: right;
    white-space: nowrap;
}

.apolo-alertas__nav-item-subtext[b-ht28dcrytn] {
    font-size: 10px;
    opacity: 0.85;
}

.apolo-alertas__mobile-dropdown-list[b-ht28dcrytn] {
    animation: apolo-fade-in-b-ht28dcrytn 0.2s ease-out;
}

@keyframes apolo-fade-in-b-ht28dcrytn {
    from {
        opacity: 0;
        transform: translateY(-4px);
    }

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

/* ── 1. Alertas Recibidas: Filtros, Tarjetas y Acordeón ─────────────────── */
.apolo-alertas__filter-card[b-ht28dcrytn],
.apolo-alertas__summary-card[b-ht28dcrytn],
.apolo-alertas__group-card[b-ht28dcrytn] {
    border-radius: var(--apolo-radius-xl);
    background-color: var(--apolo-surface-card);
}

.apolo-alertas__search-group .form-control[b-ht28dcrytn] {
    font-size: var(--apolo-text-sm);
    color: var(--apolo-text-color-primary);
}

    .apolo-alertas__search-group .form-control:focus[b-ht28dcrytn] {
        border-color: var(--apolo-border-color-focus);
        box-shadow: var(--apolo-shadow-focus);
    }

.apolo-alertas__search-btn[b-ht28dcrytn] {
    border-radius: 0;
    padding: var(--apolo-space-2) var(--apolo-space-3);
    font-weight: var(--apolo-font-semibold);
    font-size: var(--apolo-text-sm);
}

@media (min-width: 768px) {
    .apolo-alertas__search-btn[b-ht28dcrytn] {
        border-top-right-radius: var(--apolo-radius-md) !important;
        border-bottom-right-radius: var(--apolo-radius-md) !important;
    }
}

/* ── Selector y Menú Desplegable de Período en Móvil (<768px) ─────────────── */
.apolo-alertas__period-dropdown-wrapper[b-ht28dcrytn] {
    position: relative;
    display: inline-flex;
}

.apolo-alertas__period-toggle-btn[b-ht28dcrytn] {
    width: 44px;
    min-width: 44px;
    height: 100%;
    min-height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--apolo-surface-card);
    border: 1px solid var(--apolo-border-color);
    border-left: 0;
    border-top-right-radius: var(--apolo-radius-md) !important;
    border-bottom-right-radius: var(--apolo-radius-md) !important;
    color: var(--apolo-color-primary-navy);
    cursor: pointer;
    transition: var(--apolo-transition-color);
}

    .apolo-alertas__period-toggle-btn:hover[b-ht28dcrytn],
    .apolo-alertas__period-toggle-btn--active[b-ht28dcrytn] {
        background-color: var(--apolo-n50);
        color: var(--apolo-color-primary);
    }

.apolo-alertas__dropdown-backdrop[b-ht28dcrytn] {
    position: fixed;
    inset: 0;
    z-index: 100;
    background: transparent;
}

.apolo-alertas__period-dropdown-menu[b-ht28dcrytn] {
    position: absolute;
    top: calc(100% + 6px);
    right: 0;
    min-width: 200px;
    background-color: var(--apolo-surface-card);
    border-radius: var(--apolo-radius-xl);
    border: 1px solid var(--apolo-border-color-subtle);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.12) !important;
    z-index: 101;
    animation: apolo-fade-in-b-ht28dcrytn 0.2s ease-out;
}

.apolo-alertas__period-dropdown-item[b-ht28dcrytn] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 8px 12px;
    border-radius: var(--apolo-radius-md);
    background-color: var(--apolo-surface-card);
    border: 1px solid transparent;
    color: var(--apolo-color-primary-navy);
    font-size: var(--apolo-text-sm);
    font-weight: var(--apolo-font-medium);
    text-align: left;
    transition: var(--apolo-transition-color);
}

    .apolo-alertas__period-dropdown-item:hover[b-ht28dcrytn] {
        background-color: var(--apolo-n50);
        color: var(--apolo-color-primary);
    }

.apolo-alertas__period-dropdown-item--active[b-ht28dcrytn] {
    background: linear-gradient(135deg, var(--apolo-color-primary) 0%, var(--apolo-color-primary-dark) 100%) !important;
    color: #ffffff !important;
    box-shadow: 0 2px 6px rgba(16, 127, 201, 0.3) !important;
}

    .apolo-alertas__period-dropdown-item--active .apolo-icon[b-ht28dcrytn],
    .apolo-alertas__period-dropdown-item--active svg[b-ht28dcrytn] {
        color: #ffffff !important;
    }

.apolo-alertas__mobile-count-addon[b-ht28dcrytn] {
    height: auto;
}

.apolo-alertas__input-badge[b-ht28dcrytn] {
    font-size: 11px;
    padding: 3px 6px;
    letter-spacing: 0.2px;
}

/* Cabecera de la Tarjeta de Resumen */
.apolo-alertas__summary-title-wrapper[b-ht28dcrytn] {
    min-width: 0;
    max-width: 100%;
}

.apolo-alertas__summary-title[b-ht28dcrytn] {
    font-size: 15px;
    color: var(--apolo-color-primary-navy);
    line-height: 1.2;
    white-space: nowrap;
}

.apolo-alertas__summary-badge[b-ht28dcrytn] {
    font-size: 10px !important;
    padding: 2px 7px !important;
    line-height: 1.2;
    letter-spacing: 0.2px;
    white-space: nowrap;
    flex-shrink: 0;
}

@media (min-width: 576px) {
    .apolo-alertas__summary-title[b-ht28dcrytn] {
        font-size: 16px;
    }

    .apolo-alertas__summary-badge[b-ht28dcrytn] {
        font-size: 11px !important;
        padding: 3px 8px !important;
    }
}

@media (min-width: 768px) {
    .apolo-alertas__summary-title[b-ht28dcrytn] {
        font-size: 18px;
    }

    .apolo-alertas__summary-badge[b-ht28dcrytn] {
        font-size: 12px !important;
        padding: 4px 10px !important;
    }
}

.apolo-alertas__mobile-actions .btn[b-ht28dcrytn] {
    min-height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 12px;
    color: var(--apolo-color-primary-navy);
    border-color: var(--apolo-border-color);
    background-color: var(--apolo-surface-card);
    transition: var(--apolo-transition-color);
}

    .apolo-alertas__mobile-actions .btn:hover[b-ht28dcrytn],
    .apolo-alertas__mobile-actions .btn:focus[b-ht28dcrytn] {
        background-color: var(--apolo-n50);
        border-color: var(--apolo-color-primary);
        color: var(--apolo-color-primary);
    }

.apolo-alertas__period-btn--active[b-ht28dcrytn] {
    background-color: var(--apolo-color-primary);
    border-color: var(--apolo-color-primary);
    color: var(--apolo-n0);
}

.apolo-alertas__progress[b-ht28dcrytn] {
    height: 6px;
    background-color: var(--apolo-n200);
    border-radius: var(--apolo-radius-full);
}

.apolo-alertas__progress-fill[b-ht28dcrytn] {
    width: 18.44%;
    background-color: var(--apolo-color-primary);
    border-radius: var(--apolo-radius-full);
}

.apolo-alertas__progress-text[b-ht28dcrytn] {
    font-size: var(--apolo-text-xs);
}

/* Acordeón de Grupos BEM */
.apolo-alertas__group-header[b-ht28dcrytn] {
    background-color: var(--apolo-surface-card);
    border: none;
    padding: var(--apolo-space-3) var(--apolo-space-4);
    cursor: pointer;
    border-radius: var(--apolo-radius-xl);
    transition: background-color var(--apolo-transition-color);
    width: 100%;
    box-sizing: border-box;
}

    .apolo-alertas__group-header:hover[b-ht28dcrytn] {
        background-color: var(--apolo-n50);
    }

.apolo-alertas__group-card--expanded .apolo-alertas__group-header[b-ht28dcrytn] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.apolo-alertas__group-left[b-ht28dcrytn] {
    flex: 1 1 auto;
    min-width: 0;
}

.apolo-alertas__chevron[b-ht28dcrytn] {
    color: var(--apolo-color-primary);
}

.apolo-alertas__group-title[b-ht28dcrytn] {
    font-size: var(--apolo-text-base);
    font-weight: var(--apolo-font-bold);
    color: var(--apolo-color-primary-navy);
}

.apolo-alertas__group-badges[b-ht28dcrytn] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
}

/* Badges BEM de Alertas */
.apolo-alertas__badge[b-ht28dcrytn] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 4px 12px;
    border-radius: var(--apolo-radius-full);
    font-size: var(--apolo-text-xs);
    font-weight: var(--apolo-font-bold);
    line-height: 1.2;
    white-space: nowrap;
}

.apolo-alertas__badge--total[b-ht28dcrytn] {
    background-color: var(--apolo-color-primary);
    color: var(--apolo-n0);
}

.apolo-alertas__badge--new[b-ht28dcrytn] {
    background-color: var(--apolo-color-danger-light);
    color: var(--apolo-color-danger);
}
.apolo-alertas__item[b-ht28dcrytn] {
    transition: background-color var(--apolo-transition-color);
}

    .apolo-alertas__item:hover[b-ht28dcrytn] {
        background-color: var(--apolo-n50);
    }

/* Manejo de anchos flexibles para evitar desbordamientos y compresión */
.apolo-alertas__item-content[b-ht28dcrytn] {
    flex: 1 1 auto;
    min-width: 0;
}

.apolo-alertas__item-meta[b-ht28dcrytn] {
    width: 100%;
    flex: 0 0 auto;
}

@media (min-width: 576px) {
    .apolo-alertas__item-meta[b-ht28dcrytn] {
        width: auto;
    }
}

.apolo-alertas__unread-dot[b-ht28dcrytn] {
    width: 8px;
    height: 8px;
    border-radius: var(--apolo-radius-full);
    background-color: var(--apolo-color-danger);
    flex-shrink: 0;
}

.apolo-alertas__source-link[b-ht28dcrytn] {
    color: var(--apolo-color-primary);
    font-size: var(--apolo-text-base);
    transition: var(--apolo-transition-color);
}

    .apolo-alertas__source-link:hover[b-ht28dcrytn] {
        color: var(--apolo-color-primary-dark);
        text-decoration: underline !important;
    }

.apolo-alertas__badge-tag[b-ht28dcrytn] {
    font-size: var(--apolo-text-xs);
    border-radius: var(--apolo-radius-sm);
    letter-spacing: 0.5px;
}

.apolo-alertas__description[b-ht28dcrytn] {
    font-size: var(--apolo-text-sm);
    color: var(--apolo-text-color-secondary);
}

/* Fecha y Hora */
.apolo-alertas__time[b-ht28dcrytn] {
    font-size: var(--apolo-text-xs);
    color: var(--apolo-n400);
    font-family: var(--apolo-font-mono, monospace);
    letter-spacing: 0.3px;
}

/* ── Botón Único de Acción para todo el módulo ──────────────────────────── */
.apolo-alertas__action-btn[b-ht28dcrytn] {
    width: 28px;
    height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: none;
    color: var(--apolo-n400);
    border-radius: var(--apolo-radius-sm);
    padding: 0;
    cursor: pointer;
    transition: var(--apolo-transition-color);
}

    .apolo-alertas__action-btn:hover[b-ht28dcrytn] {
        color: var(--apolo-color-primary);
        background-color: var(--apolo-color-primary-light);
    }

.apolo-alertas__action-btn--danger[b-ht28dcrytn] {
    color: var(--apolo-n400);
}

    .apolo-alertas__action-btn--danger:hover[b-ht28dcrytn] {
        color: var(--apolo-color-danger) !important;
        background-color: var(--apolo-color-danger-light) !important;
    }

/* ── 2. Mis Keywords ─────────────────────────────────────────────────────── */
.apolo-keywords__create-card[b-ht28dcrytn],
.apolo-keywords__table-card[b-ht28dcrytn] {
    border-radius: var(--apolo-radius-xl);
    background-color: var(--apolo-surface-card);
}

.apolo-keywords__chips-wrapper[b-ht28dcrytn] {
    width: 100%;
}

.apolo-keywords__chip-btn[b-ht28dcrytn] {
    background-color: var(--apolo-surface-card);
    color: var(--apolo-color-primary-navy);
    border: 1px solid var(--apolo-border-color-subtle) !important;
    border-radius: var(--apolo-radius-lg);
    font-size: var(--apolo-text-sm);
    font-weight: var(--apolo-font-medium);
    padding: 10px 14px;
    transition: var(--apolo-transition-color), background-color 0.15s ease;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
}

@media (min-width: 768px) {
    .apolo-keywords__chip-btn[b-ht28dcrytn] {
        width: auto;
        padding: var(--apolo-space-2) var(--apolo-space-3);
        font-size: var(--apolo-text-xs);
        border-radius: var(--apolo-radius-md);
    }
}

.apolo-keywords__chip-btn:hover[b-ht28dcrytn] {
    background-color: var(--apolo-n50);
    border-color: var(--apolo-border-color) !important;
    color: var(--apolo-color-primary);
}

.apolo-keywords__chip-btn--active[b-ht28dcrytn] {
    background-color: var(--apolo-color-primary-light) !important;
    border-color: var(--apolo-color-primary) !important;
    color: var(--apolo-color-primary-dark) !important;
}

.apolo-keywords__chip-chevron[b-ht28dcrytn] {
    color: var(--apolo-n400);
    display: flex;
    align-items: center;
}

/* Panel Desplegable: Keywords Especiales */
.apolo-keywords__special-card[b-ht28dcrytn] {
    background-color: var(--apolo-n50);
    border-color: var(--apolo-border-color-subtle) !important;
    border-radius: var(--apolo-radius-lg);
}

.apolo-keywords__collapse-btn[b-ht28dcrytn],
.apolo-keywords__collapse-circle-btn[b-ht28dcrytn] {
    width: 28px;
    height: 28px;
    border-radius: var(--apolo-radius-full);
    background-color: var(--apolo-color-primary-navy);
    border: none;
    color: var(--apolo-n0);
    transition: background-color var(--apolo-transition-color);
}

    .apolo-keywords__collapse-btn:hover[b-ht28dcrytn],
    .apolo-keywords__collapse-circle-btn:hover[b-ht28dcrytn] {
        background-color: var(--apolo-color-danger);
        color: var(--apolo-n0);
    }
/* ── Selector Personalizado de Páginas Especiales ───────────────────────── */
.apolo-custom-select[b-ht28dcrytn] {
    position: relative;
    width: 100%;
}

.apolo-custom-select__trigger[b-ht28dcrytn] {
    background-color: var(--apolo-surface-card);
    border: 1px solid var(--apolo-border-color);
    border-radius: var(--apolo-radius-md);
    padding: 8px 12px;
    font-size: var(--apolo-text-sm);
    min-height: 40px;
    cursor: pointer;
    transition: var(--apolo-transition-color);
}

    .apolo-custom-select__trigger:hover[b-ht28dcrytn],
    .apolo-custom-select__trigger:focus[b-ht28dcrytn] {
        border-color: var(--apolo-border-color-focus);
        box-shadow: var(--apolo-shadow-focus);
    }

.apolo-custom-select__chevron[b-ht28dcrytn] {
    color: var(--apolo-n400);
    display: flex;
    align-items: center;
}

.apolo-custom-select__backdrop[b-ht28dcrytn] {
    position: fixed;
    inset: 0;
    z-index: 1040;
    background: transparent;
}

.apolo-custom-select__menu[b-ht28dcrytn] {
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    right: 0;
    min-width: 260px;
    max-width: 100%;
    background-color: var(--apolo-surface-card);
    border-radius: var(--apolo-radius-xl);
    border: 1px solid var(--apolo-border-color-subtle);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.12) !important;
    z-index: 1050;
    animation: apolo-fade-in-b-ht28dcrytn 0.2s ease-out;
}

.apolo-custom-select__scroll[b-ht28dcrytn] {
    max-height: 250px;
    overflow-y: auto;
    scrollbar-width: thin;
}

.apolo-custom-select__item[b-ht28dcrytn] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 8px 12px;
    border-radius: var(--apolo-radius-md);
    background-color: transparent;
    border: 1px solid transparent;
    color: var(--apolo-color-primary-navy);
    font-size: var(--apolo-text-sm);
    font-weight: var(--apolo-font-medium);
    text-align: left;
    transition: var(--apolo-transition-color);
}

    .apolo-custom-select__item:hover[b-ht28dcrytn] {
        background-color: var(--apolo-n50);
        color: var(--apolo-color-primary);
    }

.apolo-custom-select__item--active[b-ht28dcrytn] {
    background: linear-gradient(135deg, var(--apolo-color-primary) 0%, var(--apolo-color-primary-dark) 100%) !important;
    color: #ffffff !important;
    font-weight: var(--apolo-font-bold) !important;
    box-shadow: 0 2px 6px rgba(16, 127, 201, 0.3) !important;
}

.apolo-keywords__subtabs .nav-link[b-ht28dcrytn] {
    color: var(--apolo-text-color-secondary);
    font-weight: var(--apolo-font-semibold);
    font-size: var(--apolo-text-sm);
    padding: var(--apolo-space-2) var(--apolo-space-3);
    border-bottom: 2px solid transparent;
    margin-bottom: -2px;
    background: transparent;
    transition: var(--apolo-transition-color);
}

    .apolo-keywords__subtabs .nav-link:hover[b-ht28dcrytn] {
        color: var(--apolo-color-primary);
    }

    .apolo-keywords__subtabs .nav-link.active[b-ht28dcrytn] {
        color: var(--apolo-color-primary);
        border-bottom-color: var(--apolo-color-primary);
        background: transparent;
    }

.apolo-keywords__filter-btn--active[b-ht28dcrytn] {
    background-color: var(--apolo-color-primary) !important;
    border-color: var(--apolo-color-primary) !important;
    color: var(--apolo-n0) !important;
}

.apolo-keywords__tag-badge[b-ht28dcrytn] {
    background-color: var(--apolo-color-primary-light);
    color: var(--apolo-color-primary-dark);
    font-size: var(--apolo-text-xs);
    font-weight: var(--apolo-font-semibold);
    border-radius: var(--apolo-radius-sm);
    padding: 2px 6px;
    letter-spacing: 0.3px;

    .apolo-keywords__filter-dropdown-btn {
        background-color: var(--apolo-surface-card);
        border: 1px solid var(--apolo-border-color);
        border-radius: var(--apolo-radius-md);
        color: var(--apolo-color-primary-navy);
        font-size: var(--apolo-text-sm);
        font-weight: var(--apolo-font-medium);
        padding: var(--apolo-space-2) var(--apolo-space-3);
        min-height: 38px;
        transition: var(--apolo-transition-color);
    }

        .apolo-keywords__filter-dropdown-btn:hover[b-ht28dcrytn],
        .apolo-keywords__filter-dropdown-btn--active[b-ht28dcrytn] {
            background-color: var(--apolo-n50);
            border-color: var(--apolo-color-primary);
            color: var(--apolo-color-primary);
        }
}
/* ── 3. Alertas Equipo ───────────────────────────────────────────────────── */
.apolo-equipo__banner-card[b-ht28dcrytn],
.apolo-equipo__table-card[b-ht28dcrytn] {
    border-radius: var(--apolo-radius-xl);
    background-color: var(--apolo-surface-card);
}

.apolo-equipo__banner-icon[b-ht28dcrytn] {
    color: var(--apolo-color-primary);
}

.apolo-equipo__total-badge[b-ht28dcrytn] {
    background-color: var(--apolo-color-primary-light);
    color: var(--apolo-color-primary-dark);
    font-size: var(--apolo-text-xs);
    font-weight: var(--apolo-font-semibold);
}

.apolo-equipo__filter-btn--active[b-ht28dcrytn] {
    background-color: var(--apolo-color-primary) !important;
    border-color: var(--apolo-color-primary) !important;
    color: var(--apolo-n0) !important;
}

/* ── Paginación Compartida (Mis Keywords y Alertas Equipo) ──────────────── */
.apolo-pagination .page-link[b-ht28dcrytn] {
    color: var(--apolo-text-color-primary);
    border-color: var(--apolo-border-color-subtle);
    padding: var(--apolo-space-2) var(--apolo-space-3);
    min-width: 36px;
    text-align: center;
    transition: var(--apolo-transition-color);
}

.apolo-pagination .page-item.active .page-link[b-ht28dcrytn] {
    background-color: var(--apolo-color-primary);
    border-color: var(--apolo-color-primary);
    color: var(--apolo-n0);
}

.apolo-pagination .page-link:hover:not(.disabled)[b-ht28dcrytn] {
    background-color: var(--apolo-color-primary-light);
    color: var(--apolo-color-primary-dark);
}

/* ── 4. Expedientes ──────────────────────────────────────────────────────── */
.apolo-expedientes__create-card[b-ht28dcrytn],
.apolo-expedientes__table-card[b-ht28dcrytn] {
    border-radius: var(--apolo-radius-xl);
    background-color: var(--apolo-surface-card);
}

.apolo-expedientes__icon[b-ht28dcrytn] {
    color: var(--apolo-color-primary);
}

.apolo-expedientes__search-group[b-ht28dcrytn] {
    max-width: 260px;
}

.apolo-expedientes__link[b-ht28dcrytn] {
    color: var(--apolo-color-primary);
    font-size: var(--apolo-text-base);
    transition: var(--apolo-transition-color);
}

    .apolo-expedientes__link:hover[b-ht28dcrytn] {
        color: var(--apolo-color-primary-dark);
        text-decoration: underline !important;
    }

/* ── 5. Configuración: Aislamiento del Listado Dual de Páginas ─────────── */
.apolo-configuracion-solo-listado .apolo-filtro-paginas__title[b-ht28dcrytn],
.apolo-configuracion-solo-listado .apolo-form-card > .d-flex.flex-wrap[b-ht28dcrytn] {
    display: none !important;
}

.apolo-configuracion-solo-listado .apolo-form-card[b-ht28dcrytn] {
    background-color: var(--apolo-surface-card);
    border-radius: var(--apolo-radius-xl);
    padding: var(--apolo-space-4);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

.apolo-filtro-paginas__instruccion[b-ht28dcrytn] {
    font-size: var(--apolo-text-sm);
    color: var(--apolo-text-color-secondary);
}

/* Estilos de las cajas duales .apolo-dual-list */
.apolo-dual-list[b-ht28dcrytn] {
    border: 1px solid var(--apolo-border-color-subtle, #e2e8f0);
    border-radius: var(--apolo-radius-lg, 8px);
    overflow: hidden;
    background-color: #ffffff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

/* Cabecera Azul Marina con Buscador */
.apolo-dual-list__header[b-ht28dcrytn] {
    background-color: var(--apolo-color-primary-navy, #194270);
    padding: 12px 16px;
    color: #ffffff;
}

.apolo-dual-list__title[b-ht28dcrytn] {
    font-size: 14px;
    font-weight: 600;
}

.apolo-dual-list__counter[b-ht28dcrytn] {
    background-color: rgba(255, 255, 255, 0.2);
    color: #ffffff;
    font-size: 11px;
    font-weight: 600;
    padding: 2px 8px;
    border-radius: 9999px;
}

/* Buscador Translúcido en Cabecera */
.apolo-dual-list__search[b-ht28dcrytn] {
    position: relative;
    display: flex;
    align-items: center;
    margin-top: 8px;
}

    .apolo-dual-list__search .apolo-icon[b-ht28dcrytn],
    .apolo-dual-list__search svg[b-ht28dcrytn] {
        position: absolute;
        left: 12px;
        color: rgba(255, 255, 255, 0.65);
        pointer-events: none;
    }

.apolo-dual-list__search-input[b-ht28dcrytn] {
    background-color: rgba(255, 255, 255, 0.12) !important;
    border: 1px solid rgba(255, 255, 255, 0.22) !important;
    color: #ffffff !important;
    border-radius: 6px;
    padding-left: 36px !important;
    font-size: 13px;
    height: 36px;
    transition: var(--apolo-transition-color);
}

    .apolo-dual-list__search-input[b-ht28dcrytn]::placeholder {
        color: rgba(255, 255, 255, 0.65) !important;
    }

    .apolo-dual-list__search-input:focus[b-ht28dcrytn] {
        background-color: rgba(255, 255, 255, 0.2) !important;
        border-color: rgba(255, 255, 255, 0.5) !important;
        box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.15) !important;
    }

/* Cuerpo con Scrollbar */
.apolo-dual-list__body[b-ht28dcrytn] {
    max-height: 280px;
    overflow-y: auto;
    padding: 8px 16px;
    scrollbar-width: thin;
}

.apolo-dual-list__item[b-ht28dcrytn] {
    padding: 6px 0;
    font-size: 13px;
    color: #334155;
}

.apolo-dual-list__item--select-all[b-ht28dcrytn] {
    border-bottom: 1px solid #e2e8f0;
    padding-bottom: 10px;
    margin-bottom: 6px;
}

/* ── Responsividad Global (Patrones P-1 a P-10) ─────────────────────────── */

/* Dispositivos Móviles (<768px) */
@media (max-width: 767.98px) {
    .apolo-alertas__action-btn[b-ht28dcrytn] {
        min-width: 44px;
        min-height: 44px;
    }

    .apolo-alertas__badge[b-ht28dcrytn] {
        padding: 3px 7px;
        font-size: 11px;
        white-space: nowrap;
    }

    .apolo-alertas__group-header[b-ht28dcrytn] {
        padding: 10px 12px;
        gap: 6px;
    }

    .apolo-alertas__group-title[b-ht28dcrytn] {
        font-size: var(--apolo-text-sm);
    }

    .apolo-alertas__group-left[b-ht28dcrytn] {
        flex: 1 1 auto;
        min-width: 0;
    }

    .apolo-alertas__group-badges[b-ht28dcrytn] {
        gap: 4px;
        flex: 0 0 auto;
    }

    .apolo-alertas__period-group[b-ht28dcrytn] {
        width: 100%;
    }

        .apolo-alertas__period-group .btn[b-ht28dcrytn] {
            flex: 1 1 calc(50% - 4px);
            text-align: center;
        }

    .apolo-alertas__summary-card .btn[b-ht28dcrytn],
    .apolo-alertas__summary-card .dropdown[b-ht28dcrytn] {
        width: 100%;
    }

    .apolo-alertas__summary-card .btn[b-ht28dcrytn] {
        justify-content: center;
    }

    .apolo-alertas__summary-card .dropdown-menu[b-ht28dcrytn] {
        width: 100%;
    }

    .apolo-expedientes__search-group[b-ht28dcrytn] {
        max-width: 100%;
        width: 100%;
    }
}

/* Tabletas (768px - 991.98px) */
@media (min-width: 768px) and (max-width: 991.98px) {
    .apolo-expedientes__search-group[b-ht28dcrytn] {
        max-width: 220px;
    }
}
.apolo-alertas__date-picker[b-ht28dcrytn] { width: 100%; } @media (min-width: 768px) { .apolo-alertas__date-picker[b-ht28dcrytn] { width: 260px; } }
@media (max-width: 768px) { [b-ht28dcrytn] .e-daterangepicker.e-popup { max-width: calc(100vw - 20px) !important; overflow-x: auto !important; } }

.apolo-custom-select__menu--right-aligned[b-ht28dcrytn] {
    right: 0 !important;
    left: auto !important;
}


.apolo-alertas__filter-select[b-ht28dcrytn] {
    width: 180px !important;
}
.apolo-alertas__filter-text[b-ht28dcrytn] {
    max-width: 120px;
}


.apolo-alertas__header-btn[b-ht28dcrytn] {
    height: 32px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    display: flex;
    align-items: center;
    line-height: 1 !important;
}


.apolo-alertas__header-btn[b-ht28dcrytn] {
    min-height: 32px !important;
    max-height: 32px !important;
    line-height: 1 !important;
}

/* /Components/Pages/AlertasApolo/AlertasExpedientes.razor.rz.scp.css */
/* ==========================================================================
   Alertas Apolo — Scoped CSS Consolidado
   BEM: .apolo-alertas, .apolo-keywords, .apolo-equipo, .apolo-expedientes, .apolo-dual-list
   Design Tokens & Patrones Responsivos P-1 … P-10
   ========================================================================== */

/* ── Encabezado & Breadcrumb ────────────────────────────────────────────── */
.apolo-alertas__header-icon[b-dbrrrw07sa] {
    color: var(--apolo-color-primary);
}

.apolo-alertas__title[b-dbrrrw07sa] {
    font-size: var(--apolo-text-2xl);
    color: var(--apolo-color-primary-navy);
}

.apolo-alertas__breadcrumb[b-dbrrrw07sa] {
    font-size: var(--apolo-text-sm);
}

    .apolo-alertas__breadcrumb a[b-dbrrrw07sa] {
        color: var(--apolo-text-color-secondary);
    }

    .apolo-alertas__breadcrumb .active[b-dbrrrw07sa] {
        color: var(--apolo-color-primary);
    }

/* ── Tabs Principales (Patrón P-5) ──────────────────────────────────────── */
.apolo-alertas__tabs-wrapper[b-dbrrrw07sa] {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
}

.apolo-alertas__tabs[b-dbrrrw07sa] {
    border-bottom: 2px solid var(--apolo-n200);
}

    .apolo-alertas__tabs .nav-link[b-dbrrrw07sa] {
        color: var(--apolo-text-color-secondary);
        font-weight: var(--apolo-font-semibold);
        font-size: var(--apolo-text-base);
        padding: var(--apolo-space-3) var(--apolo-space-4);
        border-bottom: 2px solid transparent;
        margin-bottom: -2px;
        background: transparent;
        transition: var(--apolo-transition-color);
    }

        .apolo-alertas__tabs .nav-link:hover[b-dbrrrw07sa] {
            color: var(--apolo-color-primary);
        }

        .apolo-alertas__tabs .nav-link.active[b-dbrrrw07sa] {
            color: var(--apolo-color-primary);
            border-bottom-color: var(--apolo-color-primary);
            background: transparent;
        }

/* ── Menú Desplegable Móvil (<768px) ────────────────────────────────────── */
.apolo-alertas__mobile-dropdown-wrapper[b-dbrrrw07sa] {
    position: relative;
    z-index: 10;
}

.apolo-alertas__nav-card[b-dbrrrw07sa] {
    background-color: var(--apolo-surface-card);
    border-radius: var(--apolo-radius-xl);
    border: 1px solid var(--apolo-border-color-subtle);
    transition: box-shadow var(--apolo-transition-color);
}

.apolo-alertas__nav-item[b-dbrrrw07sa] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 10px 14px;
    border-radius: var(--apolo-radius-lg);
    background-color: var(--apolo-surface-card);
    border: 1px solid var(--apolo-border-color-subtle);
    color: var(--apolo-color-primary-navy);
    text-align: left;
    transition: var(--apolo-transition-color), transform 0.15s ease;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
}

    .apolo-alertas__nav-item:hover[b-dbrrrw07sa] {
        background-color: var(--apolo-n50);
        border-color: var(--apolo-border-color);
        color: var(--apolo-color-primary);
    }

.apolo-alertas__nav-item-title[b-dbrrrw07sa] {
    font-size: var(--apolo-text-sm);
    font-weight: var(--apolo-font-semibold);
}

.apolo-alertas__nav-item--active[b-dbrrrw07sa] {
    background: linear-gradient(135deg, var(--apolo-color-primary) 0%, var(--apolo-color-primary-dark) 100%) !important;
    border-color: transparent !important;
    color: #ffffff !important;
    box-shadow: 0 4px 10px rgba(16, 127, 201, 0.25) !important;
}

    .apolo-alertas__nav-item--active .apolo-icon[b-dbrrrw07sa],
    .apolo-alertas__nav-item--active svg[b-dbrrrw07sa] {
        color: #ffffff !important;
    }

    .apolo-alertas__nav-item--active .apolo-alertas__nav-item-title[b-dbrrrw07sa] {
        color: #ffffff !important;
    }

.apolo-alertas__nav-chevron[b-dbrrrw07sa] {
    color: #ffffff;
    display: flex;
    align-items: center;
    transition: transform var(--apolo-transition-color);
}

.apolo-alertas__nav-item-count[b-dbrrrw07sa] {
    font-size: 13px;
    line-height: 1.1;
    text-align: right;
    white-space: nowrap;
}

.apolo-alertas__nav-item-subtext[b-dbrrrw07sa] {
    font-size: 10px;
    opacity: 0.85;
}

.apolo-alertas__mobile-dropdown-list[b-dbrrrw07sa] {
    animation: apolo-fade-in-b-dbrrrw07sa 0.2s ease-out;
}

@keyframes apolo-fade-in-b-dbrrrw07sa {
    from {
        opacity: 0;
        transform: translateY(-4px);
    }

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

/* ── 1. Alertas Recibidas: Filtros, Tarjetas y Acordeón ─────────────────── */
.apolo-alertas__filter-card[b-dbrrrw07sa],
.apolo-alertas__summary-card[b-dbrrrw07sa],
.apolo-alertas__group-card[b-dbrrrw07sa] {
    border-radius: var(--apolo-radius-xl);
    background-color: var(--apolo-surface-card);
}

.apolo-alertas__search-group .form-control[b-dbrrrw07sa] {
    font-size: var(--apolo-text-sm);
    color: var(--apolo-text-color-primary);
}

    .apolo-alertas__search-group .form-control:focus[b-dbrrrw07sa] {
        border-color: var(--apolo-border-color-focus);
        box-shadow: var(--apolo-shadow-focus);
    }

.apolo-alertas__search-btn[b-dbrrrw07sa] {
    border-radius: 0;
    padding: var(--apolo-space-2) var(--apolo-space-3);
    font-weight: var(--apolo-font-semibold);
    font-size: var(--apolo-text-sm);
}

@media (min-width: 768px) {
    .apolo-alertas__search-btn[b-dbrrrw07sa] {
        border-top-right-radius: var(--apolo-radius-md) !important;
        border-bottom-right-radius: var(--apolo-radius-md) !important;
    }
}

/* ── Selector y Menú Desplegable de Período en Móvil (<768px) ─────────────── */
.apolo-alertas__period-dropdown-wrapper[b-dbrrrw07sa] {
    position: relative;
    display: inline-flex;
}

.apolo-alertas__period-toggle-btn[b-dbrrrw07sa] {
    width: 44px;
    min-width: 44px;
    height: 100%;
    min-height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--apolo-surface-card);
    border: 1px solid var(--apolo-border-color);
    border-left: 0;
    border-top-right-radius: var(--apolo-radius-md) !important;
    border-bottom-right-radius: var(--apolo-radius-md) !important;
    color: var(--apolo-color-primary-navy);
    cursor: pointer;
    transition: var(--apolo-transition-color);
}

    .apolo-alertas__period-toggle-btn:hover[b-dbrrrw07sa],
    .apolo-alertas__period-toggle-btn--active[b-dbrrrw07sa] {
        background-color: var(--apolo-n50);
        color: var(--apolo-color-primary);
    }

.apolo-alertas__dropdown-backdrop[b-dbrrrw07sa] {
    position: fixed;
    inset: 0;
    z-index: 100;
    background: transparent;
}

.apolo-alertas__period-dropdown-menu[b-dbrrrw07sa] {
    position: absolute;
    top: calc(100% + 6px);
    right: 0;
    min-width: 200px;
    background-color: var(--apolo-surface-card);
    border-radius: var(--apolo-radius-xl);
    border: 1px solid var(--apolo-border-color-subtle);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.12) !important;
    z-index: 101;
    animation: apolo-fade-in-b-dbrrrw07sa 0.2s ease-out;
}

.apolo-alertas__period-dropdown-item[b-dbrrrw07sa] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 8px 12px;
    border-radius: var(--apolo-radius-md);
    background-color: var(--apolo-surface-card);
    border: 1px solid transparent;
    color: var(--apolo-color-primary-navy);
    font-size: var(--apolo-text-sm);
    font-weight: var(--apolo-font-medium);
    text-align: left;
    transition: var(--apolo-transition-color);
}

    .apolo-alertas__period-dropdown-item:hover[b-dbrrrw07sa] {
        background-color: var(--apolo-n50);
        color: var(--apolo-color-primary);
    }

.apolo-alertas__period-dropdown-item--active[b-dbrrrw07sa] {
    background: linear-gradient(135deg, var(--apolo-color-primary) 0%, var(--apolo-color-primary-dark) 100%) !important;
    color: #ffffff !important;
    box-shadow: 0 2px 6px rgba(16, 127, 201, 0.3) !important;
}

    .apolo-alertas__period-dropdown-item--active .apolo-icon[b-dbrrrw07sa],
    .apolo-alertas__period-dropdown-item--active svg[b-dbrrrw07sa] {
        color: #ffffff !important;
    }

.apolo-alertas__mobile-count-addon[b-dbrrrw07sa] {
    height: auto;
}

.apolo-alertas__input-badge[b-dbrrrw07sa] {
    font-size: 11px;
    padding: 3px 6px;
    letter-spacing: 0.2px;
}

/* Cabecera de la Tarjeta de Resumen */
.apolo-alertas__summary-title-wrapper[b-dbrrrw07sa] {
    min-width: 0;
    max-width: 100%;
}

.apolo-alertas__summary-title[b-dbrrrw07sa] {
    font-size: 15px;
    color: var(--apolo-color-primary-navy);
    line-height: 1.2;
    white-space: nowrap;
}

.apolo-alertas__summary-badge[b-dbrrrw07sa] {
    font-size: 10px !important;
    padding: 2px 7px !important;
    line-height: 1.2;
    letter-spacing: 0.2px;
    white-space: nowrap;
    flex-shrink: 0;
}

@media (min-width: 576px) {
    .apolo-alertas__summary-title[b-dbrrrw07sa] {
        font-size: 16px;
    }

    .apolo-alertas__summary-badge[b-dbrrrw07sa] {
        font-size: 11px !important;
        padding: 3px 8px !important;
    }
}

@media (min-width: 768px) {
    .apolo-alertas__summary-title[b-dbrrrw07sa] {
        font-size: 18px;
    }

    .apolo-alertas__summary-badge[b-dbrrrw07sa] {
        font-size: 12px !important;
        padding: 4px 10px !important;
    }
}

.apolo-alertas__mobile-actions .btn[b-dbrrrw07sa] {
    min-height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 12px;
    color: var(--apolo-color-primary-navy);
    border-color: var(--apolo-border-color);
    background-color: var(--apolo-surface-card);
    transition: var(--apolo-transition-color);
}

    .apolo-alertas__mobile-actions .btn:hover[b-dbrrrw07sa],
    .apolo-alertas__mobile-actions .btn:focus[b-dbrrrw07sa] {
        background-color: var(--apolo-n50);
        border-color: var(--apolo-color-primary);
        color: var(--apolo-color-primary);
    }

.apolo-alertas__period-btn--active[b-dbrrrw07sa] {
    background-color: var(--apolo-color-primary);
    border-color: var(--apolo-color-primary);
    color: var(--apolo-n0);
}

.apolo-alertas__progress[b-dbrrrw07sa] {
    height: 6px;
    background-color: var(--apolo-n200);
    border-radius: var(--apolo-radius-full);
}

.apolo-alertas__progress-fill[b-dbrrrw07sa] {
    width: 18.44%;
    background-color: var(--apolo-color-primary);
    border-radius: var(--apolo-radius-full);
}

.apolo-alertas__progress-text[b-dbrrrw07sa] {
    font-size: var(--apolo-text-xs);
}

/* Acordeón de Grupos BEM */
.apolo-alertas__group-header[b-dbrrrw07sa] {
    background-color: var(--apolo-surface-card);
    border: none;
    padding: var(--apolo-space-3) var(--apolo-space-4);
    cursor: pointer;
    border-radius: var(--apolo-radius-xl);
    transition: background-color var(--apolo-transition-color);
    width: 100%;
    box-sizing: border-box;
}

    .apolo-alertas__group-header:hover[b-dbrrrw07sa] {
        background-color: var(--apolo-n50);
    }

.apolo-alertas__group-card--expanded .apolo-alertas__group-header[b-dbrrrw07sa] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.apolo-alertas__group-left[b-dbrrrw07sa] {
    flex: 1 1 auto;
    min-width: 0;
}

.apolo-alertas__chevron[b-dbrrrw07sa] {
    color: var(--apolo-color-primary);
}

.apolo-alertas__group-title[b-dbrrrw07sa] {
    font-size: var(--apolo-text-base);
    font-weight: var(--apolo-font-bold);
    color: var(--apolo-color-primary-navy);
}

.apolo-alertas__group-badges[b-dbrrrw07sa] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
}

/* Badges BEM de Alertas */
.apolo-alertas__badge[b-dbrrrw07sa] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 4px 12px;
    border-radius: var(--apolo-radius-full);
    font-size: var(--apolo-text-xs);
    font-weight: var(--apolo-font-bold);
    line-height: 1.2;
    white-space: nowrap;
}

.apolo-alertas__badge--total[b-dbrrrw07sa] {
    background-color: var(--apolo-color-primary);
    color: var(--apolo-n0);
}

.apolo-alertas__badge--new[b-dbrrrw07sa] {
    background-color: var(--apolo-color-danger-light);
    color: var(--apolo-color-danger);
}
.apolo-alertas__item[b-dbrrrw07sa] {
    transition: background-color var(--apolo-transition-color);
}

    .apolo-alertas__item:hover[b-dbrrrw07sa] {
        background-color: var(--apolo-n50);
    }

/* Manejo de anchos flexibles para evitar desbordamientos y compresión */
.apolo-alertas__item-content[b-dbrrrw07sa] {
    flex: 1 1 auto;
    min-width: 0;
}

.apolo-alertas__item-meta[b-dbrrrw07sa] {
    width: 100%;
    flex: 0 0 auto;
}

@media (min-width: 576px) {
    .apolo-alertas__item-meta[b-dbrrrw07sa] {
        width: auto;
    }
}

.apolo-alertas__unread-dot[b-dbrrrw07sa] {
    width: 8px;
    height: 8px;
    border-radius: var(--apolo-radius-full);
    background-color: var(--apolo-color-danger);
    flex-shrink: 0;
}

.apolo-alertas__source-link[b-dbrrrw07sa] {
    color: var(--apolo-color-primary);
    font-size: var(--apolo-text-base);
    transition: var(--apolo-transition-color);
}

    .apolo-alertas__source-link:hover[b-dbrrrw07sa] {
        color: var(--apolo-color-primary-dark);
        text-decoration: underline !important;
    }

.apolo-alertas__badge-tag[b-dbrrrw07sa] {
    font-size: var(--apolo-text-xs);
    border-radius: var(--apolo-radius-sm);
    letter-spacing: 0.5px;
}

.apolo-alertas__description[b-dbrrrw07sa] {
    font-size: var(--apolo-text-sm);
    color: var(--apolo-text-color-secondary);
}

/* Fecha y Hora */
.apolo-alertas__time[b-dbrrrw07sa] {
    font-size: var(--apolo-text-xs);
    color: var(--apolo-n400);
    font-family: var(--apolo-font-mono, monospace);
    letter-spacing: 0.3px;
}

/* ── Botón Único de Acción para todo el módulo ──────────────────────────── */
.apolo-alertas__action-btn[b-dbrrrw07sa] {
    width: 28px;
    height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: none;
    color: var(--apolo-n400);
    border-radius: var(--apolo-radius-sm);
    padding: 0;
    cursor: pointer;
    transition: var(--apolo-transition-color);
}

    .apolo-alertas__action-btn:hover[b-dbrrrw07sa] {
        color: var(--apolo-color-primary);
        background-color: var(--apolo-color-primary-light);
    }

.apolo-alertas__action-btn--danger[b-dbrrrw07sa] {
    color: var(--apolo-n400);
}

    .apolo-alertas__action-btn--danger:hover[b-dbrrrw07sa] {
        color: var(--apolo-color-danger) !important;
        background-color: var(--apolo-color-danger-light) !important;
    }

/* ── 2. Mis Keywords ─────────────────────────────────────────────────────── */
.apolo-keywords__create-card[b-dbrrrw07sa],
.apolo-keywords__table-card[b-dbrrrw07sa] {
    border-radius: var(--apolo-radius-xl);
    background-color: var(--apolo-surface-card);
}

.apolo-keywords__chips-wrapper[b-dbrrrw07sa] {
    width: 100%;
}

.apolo-keywords__chip-btn[b-dbrrrw07sa] {
    background-color: var(--apolo-surface-card);
    color: var(--apolo-color-primary-navy);
    border: 1px solid var(--apolo-border-color-subtle) !important;
    border-radius: var(--apolo-radius-lg);
    font-size: var(--apolo-text-sm);
    font-weight: var(--apolo-font-medium);
    padding: 10px 14px;
    transition: var(--apolo-transition-color), background-color 0.15s ease;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
}

@media (min-width: 768px) {
    .apolo-keywords__chip-btn[b-dbrrrw07sa] {
        width: auto;
        padding: var(--apolo-space-2) var(--apolo-space-3);
        font-size: var(--apolo-text-xs);
        border-radius: var(--apolo-radius-md);
    }
}

.apolo-keywords__chip-btn:hover[b-dbrrrw07sa] {
    background-color: var(--apolo-n50);
    border-color: var(--apolo-border-color) !important;
    color: var(--apolo-color-primary);
}

.apolo-keywords__chip-btn--active[b-dbrrrw07sa] {
    background-color: var(--apolo-color-primary-light) !important;
    border-color: var(--apolo-color-primary) !important;
    color: var(--apolo-color-primary-dark) !important;
}

.apolo-keywords__chip-chevron[b-dbrrrw07sa] {
    color: var(--apolo-n400);
    display: flex;
    align-items: center;
}

/* Panel Desplegable: Keywords Especiales */
.apolo-keywords__special-card[b-dbrrrw07sa] {
    background-color: var(--apolo-n50);
    border-color: var(--apolo-border-color-subtle) !important;
    border-radius: var(--apolo-radius-lg);
}

.apolo-keywords__collapse-btn[b-dbrrrw07sa],
.apolo-keywords__collapse-circle-btn[b-dbrrrw07sa] {
    width: 28px;
    height: 28px;
    border-radius: var(--apolo-radius-full);
    background-color: var(--apolo-color-primary-navy);
    border: none;
    color: var(--apolo-n0);
    transition: background-color var(--apolo-transition-color);
}

    .apolo-keywords__collapse-btn:hover[b-dbrrrw07sa],
    .apolo-keywords__collapse-circle-btn:hover[b-dbrrrw07sa] {
        background-color: var(--apolo-color-danger);
        color: var(--apolo-n0);
    }
/* ── Selector Personalizado de Páginas Especiales ───────────────────────── */
.apolo-custom-select[b-dbrrrw07sa] {
    position: relative;
    width: 100%;
}

.apolo-custom-select__trigger[b-dbrrrw07sa] {
    background-color: var(--apolo-surface-card);
    border: 1px solid var(--apolo-border-color);
    border-radius: var(--apolo-radius-md);
    padding: 8px 12px;
    font-size: var(--apolo-text-sm);
    min-height: 40px;
    cursor: pointer;
    transition: var(--apolo-transition-color);
}

    .apolo-custom-select__trigger:hover[b-dbrrrw07sa],
    .apolo-custom-select__trigger:focus[b-dbrrrw07sa] {
        border-color: var(--apolo-border-color-focus);
        box-shadow: var(--apolo-shadow-focus);
    }

.apolo-custom-select__chevron[b-dbrrrw07sa] {
    color: var(--apolo-n400);
    display: flex;
    align-items: center;
}

.apolo-custom-select__backdrop[b-dbrrrw07sa] {
    position: fixed;
    inset: 0;
    z-index: 1040;
    background: transparent;
}

.apolo-custom-select__menu[b-dbrrrw07sa] {
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    right: 0;
    min-width: 260px;
    max-width: 100%;
    background-color: var(--apolo-surface-card);
    border-radius: var(--apolo-radius-xl);
    border: 1px solid var(--apolo-border-color-subtle);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.12) !important;
    z-index: 1050;
    animation: apolo-fade-in-b-dbrrrw07sa 0.2s ease-out;
}

.apolo-custom-select__scroll[b-dbrrrw07sa] {
    max-height: 250px;
    overflow-y: auto;
    scrollbar-width: thin;
}

.apolo-custom-select__item[b-dbrrrw07sa] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 8px 12px;
    border-radius: var(--apolo-radius-md);
    background-color: transparent;
    border: 1px solid transparent;
    color: var(--apolo-color-primary-navy);
    font-size: var(--apolo-text-sm);
    font-weight: var(--apolo-font-medium);
    text-align: left;
    transition: var(--apolo-transition-color);
}

    .apolo-custom-select__item:hover[b-dbrrrw07sa] {
        background-color: var(--apolo-n50);
        color: var(--apolo-color-primary);
    }

.apolo-custom-select__item--active[b-dbrrrw07sa] {
    background: linear-gradient(135deg, var(--apolo-color-primary) 0%, var(--apolo-color-primary-dark) 100%) !important;
    color: #ffffff !important;
    font-weight: var(--apolo-font-bold) !important;
    box-shadow: 0 2px 6px rgba(16, 127, 201, 0.3) !important;
}

.apolo-keywords__subtabs .nav-link[b-dbrrrw07sa] {
    color: var(--apolo-text-color-secondary);
    font-weight: var(--apolo-font-semibold);
    font-size: var(--apolo-text-sm);
    padding: var(--apolo-space-2) var(--apolo-space-3);
    border-bottom: 2px solid transparent;
    margin-bottom: -2px;
    background: transparent;
    transition: var(--apolo-transition-color);
}

    .apolo-keywords__subtabs .nav-link:hover[b-dbrrrw07sa] {
        color: var(--apolo-color-primary);
    }

    .apolo-keywords__subtabs .nav-link.active[b-dbrrrw07sa] {
        color: var(--apolo-color-primary);
        border-bottom-color: var(--apolo-color-primary);
        background: transparent;
    }

.apolo-keywords__filter-btn--active[b-dbrrrw07sa] {
    background-color: var(--apolo-color-primary) !important;
    border-color: var(--apolo-color-primary) !important;
    color: var(--apolo-n0) !important;
}

.apolo-keywords__tag-badge[b-dbrrrw07sa] {
    background-color: var(--apolo-color-primary-light);
    color: var(--apolo-color-primary-dark);
    font-size: var(--apolo-text-xs);
    font-weight: var(--apolo-font-semibold);
    border-radius: var(--apolo-radius-sm);
    padding: 2px 6px;
    letter-spacing: 0.3px;

    .apolo-keywords__filter-dropdown-btn {
        background-color: var(--apolo-surface-card);
        border: 1px solid var(--apolo-border-color);
        border-radius: var(--apolo-radius-md);
        color: var(--apolo-color-primary-navy);
        font-size: var(--apolo-text-sm);
        font-weight: var(--apolo-font-medium);
        padding: var(--apolo-space-2) var(--apolo-space-3);
        min-height: 38px;
        transition: var(--apolo-transition-color);
    }

        .apolo-keywords__filter-dropdown-btn:hover[b-dbrrrw07sa],
        .apolo-keywords__filter-dropdown-btn--active[b-dbrrrw07sa] {
            background-color: var(--apolo-n50);
            border-color: var(--apolo-color-primary);
            color: var(--apolo-color-primary);
        }
}
/* ── 3. Alertas Equipo ───────────────────────────────────────────────────── */
.apolo-equipo__banner-card[b-dbrrrw07sa],
.apolo-equipo__table-card[b-dbrrrw07sa] {
    border-radius: var(--apolo-radius-xl);
    background-color: var(--apolo-surface-card);
}

.apolo-equipo__banner-icon[b-dbrrrw07sa] {
    color: var(--apolo-color-primary);
}

.apolo-equipo__total-badge[b-dbrrrw07sa] {
    background-color: var(--apolo-color-primary-light);
    color: var(--apolo-color-primary-dark);
    font-size: var(--apolo-text-xs);
    font-weight: var(--apolo-font-semibold);
}

.apolo-equipo__filter-btn--active[b-dbrrrw07sa] {
    background-color: var(--apolo-color-primary) !important;
    border-color: var(--apolo-color-primary) !important;
    color: var(--apolo-n0) !important;
}

/* ── Paginación Compartida (Mis Keywords y Alertas Equipo) ──────────────── */
.apolo-pagination .page-link[b-dbrrrw07sa] {
    color: var(--apolo-text-color-primary);
    border-color: var(--apolo-border-color-subtle);
    padding: var(--apolo-space-2) var(--apolo-space-3);
    min-width: 36px;
    text-align: center;
    transition: var(--apolo-transition-color);
}

.apolo-pagination .page-item.active .page-link[b-dbrrrw07sa] {
    background-color: var(--apolo-color-primary);
    border-color: var(--apolo-color-primary);
    color: var(--apolo-n0);
}

.apolo-pagination .page-link:hover:not(.disabled)[b-dbrrrw07sa] {
    background-color: var(--apolo-color-primary-light);
    color: var(--apolo-color-primary-dark);
}

/* ── 4. Expedientes ──────────────────────────────────────────────────────── */
.apolo-expedientes__create-card[b-dbrrrw07sa],
.apolo-expedientes__table-card[b-dbrrrw07sa] {
    border-radius: var(--apolo-radius-xl);
    background-color: var(--apolo-surface-card);
}

.apolo-expedientes__icon[b-dbrrrw07sa] {
    color: var(--apolo-color-primary);
}

.apolo-expedientes__search-group[b-dbrrrw07sa] {
    max-width: 260px;
}

.apolo-expedientes__link[b-dbrrrw07sa] {
    color: var(--apolo-color-primary);
    font-size: var(--apolo-text-base);
    transition: var(--apolo-transition-color);
}

    .apolo-expedientes__link:hover[b-dbrrrw07sa] {
        color: var(--apolo-color-primary-dark);
        text-decoration: underline !important;
    }

/* ── 5. Configuración: Aislamiento del Listado Dual de Páginas ─────────── */
.apolo-configuracion-solo-listado .apolo-filtro-paginas__title[b-dbrrrw07sa],
.apolo-configuracion-solo-listado .apolo-form-card > .d-flex.flex-wrap[b-dbrrrw07sa] {
    display: none !important;
}

.apolo-configuracion-solo-listado .apolo-form-card[b-dbrrrw07sa] {
    background-color: var(--apolo-surface-card);
    border-radius: var(--apolo-radius-xl);
    padding: var(--apolo-space-4);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

.apolo-filtro-paginas__instruccion[b-dbrrrw07sa] {
    font-size: var(--apolo-text-sm);
    color: var(--apolo-text-color-secondary);
}

/* Estilos de las cajas duales .apolo-dual-list */
.apolo-dual-list[b-dbrrrw07sa] {
    border: 1px solid var(--apolo-border-color-subtle, #e2e8f0);
    border-radius: var(--apolo-radius-lg, 8px);
    overflow: hidden;
    background-color: #ffffff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

/* Cabecera Azul Marina con Buscador */
.apolo-dual-list__header[b-dbrrrw07sa] {
    background-color: var(--apolo-color-primary-navy, #194270);
    padding: 12px 16px;
    color: #ffffff;
}

.apolo-dual-list__title[b-dbrrrw07sa] {
    font-size: 14px;
    font-weight: 600;
}

.apolo-dual-list__counter[b-dbrrrw07sa] {
    background-color: rgba(255, 255, 255, 0.2);
    color: #ffffff;
    font-size: 11px;
    font-weight: 600;
    padding: 2px 8px;
    border-radius: 9999px;
}

/* Buscador Translúcido en Cabecera */
.apolo-dual-list__search[b-dbrrrw07sa] {
    position: relative;
    display: flex;
    align-items: center;
    margin-top: 8px;
}

    .apolo-dual-list__search .apolo-icon[b-dbrrrw07sa],
    .apolo-dual-list__search svg[b-dbrrrw07sa] {
        position: absolute;
        left: 12px;
        color: rgba(255, 255, 255, 0.65);
        pointer-events: none;
    }

.apolo-dual-list__search-input[b-dbrrrw07sa] {
    background-color: rgba(255, 255, 255, 0.12) !important;
    border: 1px solid rgba(255, 255, 255, 0.22) !important;
    color: #ffffff !important;
    border-radius: 6px;
    padding-left: 36px !important;
    font-size: 13px;
    height: 36px;
    transition: var(--apolo-transition-color);
}

    .apolo-dual-list__search-input[b-dbrrrw07sa]::placeholder {
        color: rgba(255, 255, 255, 0.65) !important;
    }

    .apolo-dual-list__search-input:focus[b-dbrrrw07sa] {
        background-color: rgba(255, 255, 255, 0.2) !important;
        border-color: rgba(255, 255, 255, 0.5) !important;
        box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.15) !important;
    }

/* Cuerpo con Scrollbar */
.apolo-dual-list__body[b-dbrrrw07sa] {
    max-height: 280px;
    overflow-y: auto;
    padding: 8px 16px;
    scrollbar-width: thin;
}

.apolo-dual-list__item[b-dbrrrw07sa] {
    padding: 6px 0;
    font-size: 13px;
    color: #334155;
}

.apolo-dual-list__item--select-all[b-dbrrrw07sa] {
    border-bottom: 1px solid #e2e8f0;
    padding-bottom: 10px;
    margin-bottom: 6px;
}

/* ── Responsividad Global (Patrones P-1 a P-10) ─────────────────────────── */

/* Dispositivos Móviles (<768px) */
@media (max-width: 767.98px) {
    .apolo-alertas__action-btn[b-dbrrrw07sa] {
        min-width: 44px;
        min-height: 44px;
    }

    .apolo-alertas__badge[b-dbrrrw07sa] {
        padding: 3px 7px;
        font-size: 11px;
        white-space: nowrap;
    }

    .apolo-alertas__group-header[b-dbrrrw07sa] {
        padding: 10px 12px;
        gap: 6px;
    }

    .apolo-alertas__group-title[b-dbrrrw07sa] {
        font-size: var(--apolo-text-sm);
    }

    .apolo-alertas__group-left[b-dbrrrw07sa] {
        flex: 1 1 auto;
        min-width: 0;
    }

    .apolo-alertas__group-badges[b-dbrrrw07sa] {
        gap: 4px;
        flex: 0 0 auto;
    }

    .apolo-alertas__period-group[b-dbrrrw07sa] {
        width: 100%;
    }

        .apolo-alertas__period-group .btn[b-dbrrrw07sa] {
            flex: 1 1 calc(50% - 4px);
            text-align: center;
        }

    .apolo-alertas__summary-card .btn[b-dbrrrw07sa],
    .apolo-alertas__summary-card .dropdown[b-dbrrrw07sa] {
        width: 100%;
    }

    .apolo-alertas__summary-card .btn[b-dbrrrw07sa] {
        justify-content: center;
    }

    .apolo-alertas__summary-card .dropdown-menu[b-dbrrrw07sa] {
        width: 100%;
    }

    .apolo-expedientes__search-group[b-dbrrrw07sa] {
        max-width: 100%;
        width: 100%;
    }
}

/* Tabletas (768px - 991.98px) */
@media (min-width: 768px) and (max-width: 991.98px) {
    .apolo-expedientes__search-group[b-dbrrrw07sa] {
        max-width: 220px;
    }
}
.apolo-alertas__date-picker[b-dbrrrw07sa] { width: 100%; } @media (min-width: 768px) { .apolo-alertas__date-picker[b-dbrrrw07sa] { width: 260px; } }
@media (max-width: 768px) { [b-dbrrrw07sa] .e-daterangepicker.e-popup { max-width: calc(100vw - 20px) !important; overflow-x: auto !important; } }

.apolo-custom-select__menu--right-aligned[b-dbrrrw07sa] {
    right: 0 !important;
    left: auto !important;
}


.apolo-alertas__filter-select[b-dbrrrw07sa] {
    width: 180px !important;
}
.apolo-alertas__filter-text[b-dbrrrw07sa] {
    max-width: 120px;
}


.apolo-alertas__header-btn[b-dbrrrw07sa] {
    height: 32px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    display: flex;
    align-items: center;
    line-height: 1 !important;
}


.apolo-alertas__header-btn[b-dbrrrw07sa] {
    min-height: 32px !important;
    max-height: 32px !important;
    line-height: 1 !important;
}

/* SYNCFUSION OVERRIDES */
[b-dbrrrw07sa] .apolo-alertas__accordion.e-accordion {
    background: transparent !important;
    border: none !important;
}
[b-dbrrrw07sa] .apolo-alertas__accordion .e-acrdn-item {
    background-color: var(--apolo-surface-card, #ffffff) !important;
    border: none !important;
    border-radius: var(--apolo-radius-xl, 1rem) !important;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
    margin-bottom: 1rem !important; 
    overflow: hidden;
}
[b-dbrrrw07sa] .apolo-alertas__accordion .e-acrdn-item.e-select {
    border-bottom: none !important;
}
[b-dbrrrw07sa] .apolo-alertas__accordion .e-acrdn-header {
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
    width: 100% !important;
    display: flex !important;
}
[b-dbrrrw07sa] .apolo-alertas__accordion .e-acrdn-header .e-acrdn-header-content {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    flex: 1 !important;
}
[b-dbrrrw07sa] .apolo-alertas__accordion .e-acrdn-header:hover,
[b-dbrrrw07sa] .apolo-alertas__accordion .e-acrdn-header:focus {
    background: transparent !important;
}
[b-dbrrrw07sa] .apolo-alertas__accordion .e-acrdn-header .e-toggle-icon,
[b-dbrrrw07sa] .apolo-alertas__accordion .e-acrdn-header .e-expand-icon {
    display: none !important;
    width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}
[b-dbrrrw07sa] .apolo-alertas__accordion .e-acrdn-panel {
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
}
[b-dbrrrw07sa] .apolo-alertas__accordion .e-acrdn-panel .e-acrdn-content {
    padding: 0 !important;
}
[b-dbrrrw07sa] .apolo-alertas__group-header {
    width: 100% !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
}

/* ── Estilos de soporte para componentes dinámicos de expedientes ──────── */
[b-dbrrrw07sa] .btn-apolo-b {
    background-color: var(--apolo-color-primary, #0a7fc9);
    border-color: var(--apolo-color-primary, #0a7fc9);
    color: #ffffff !important;
    font-weight: 500;
    transition: background-color 0.2s ease, border-color 0.2s ease;
}

[b-dbrrrw07sa] .btn-apolo-b:hover {
    background-color: var(--apolo-color-primary-dark, #0866a3);
    border-color: var(--apolo-color-primary-dark, #0866a3);
    color: #ffffff !important;
}

[b-dbrrrw07sa] .border-newapolo {
    border-radius: 9999px !important;
    padding: 8px 24px;
}
/* /Components/Pages/AlertasApolo/AlertasKeywords.razor.rz.scp.css */
/* ==========================================================================
   Alertas Apolo — Scoped CSS Consolidado
   BEM: .apolo-alertas, .apolo-keywords, .apolo-equipo, .apolo-expedientes, .apolo-dual-list
   Design Tokens & Patrones Responsivos P-1 … P-10
   ========================================================================== */

/* ── Encabezado & Breadcrumb ────────────────────────────────────────────── */
.apolo-alertas__header-icon[b-w17gt9xrqc] {
    color: var(--apolo-color-primary);
}

.apolo-alertas__title[b-w17gt9xrqc] {
    font-size: var(--apolo-text-2xl);
    color: var(--apolo-color-primary-navy);
}

.apolo-alertas__breadcrumb[b-w17gt9xrqc] {
    font-size: var(--apolo-text-sm);
}

    .apolo-alertas__breadcrumb a[b-w17gt9xrqc] {
        color: var(--apolo-text-color-secondary);
    }

    .apolo-alertas__breadcrumb .active[b-w17gt9xrqc] {
        color: var(--apolo-color-primary);
    }

/* ── Tabs Principales (Patrón P-5) ──────────────────────────────────────── */
.apolo-alertas__tabs-wrapper[b-w17gt9xrqc] {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
}

.apolo-alertas__tabs[b-w17gt9xrqc] {
    border-bottom: 2px solid var(--apolo-n200);
}

    .apolo-alertas__tabs .nav-link[b-w17gt9xrqc] {
        color: var(--apolo-text-color-secondary);
        font-weight: var(--apolo-font-semibold);
        font-size: var(--apolo-text-base);
        padding: var(--apolo-space-3) var(--apolo-space-4);
        border-bottom: 2px solid transparent;
        margin-bottom: -2px;
        background: transparent;
        transition: var(--apolo-transition-color);
    }

        .apolo-alertas__tabs .nav-link:hover[b-w17gt9xrqc] {
            color: var(--apolo-color-primary);
        }

        .apolo-alertas__tabs .nav-link.active[b-w17gt9xrqc] {
            color: var(--apolo-color-primary);
            border-bottom-color: var(--apolo-color-primary);
            background: transparent;
        }

/* ── Menú Desplegable Móvil (<768px) ────────────────────────────────────── */
.apolo-alertas__mobile-dropdown-wrapper[b-w17gt9xrqc] {
    position: relative;
    z-index: 10;
}

.apolo-alertas__nav-card[b-w17gt9xrqc] {
    background-color: var(--apolo-surface-card);
    border-radius: var(--apolo-radius-xl);
    border: 1px solid var(--apolo-border-color-subtle);
    transition: box-shadow var(--apolo-transition-color);
}

.apolo-alertas__nav-item[b-w17gt9xrqc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 10px 14px;
    border-radius: var(--apolo-radius-lg);
    background-color: var(--apolo-surface-card);
    border: 1px solid var(--apolo-border-color-subtle);
    color: var(--apolo-color-primary-navy);
    text-align: left;
    transition: var(--apolo-transition-color), transform 0.15s ease;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
}

    .apolo-alertas__nav-item:hover[b-w17gt9xrqc] {
        background-color: var(--apolo-n50);
        border-color: var(--apolo-border-color);
        color: var(--apolo-color-primary);
    }

.apolo-alertas__nav-item-title[b-w17gt9xrqc] {
    font-size: var(--apolo-text-sm);
    font-weight: var(--apolo-font-semibold);
}

.apolo-alertas__nav-item--active[b-w17gt9xrqc] {
    background: linear-gradient(135deg, var(--apolo-color-primary) 0%, var(--apolo-color-primary-dark) 100%) !important;
    border-color: transparent !important;
    color: #ffffff !important;
    box-shadow: 0 4px 10px rgba(16, 127, 201, 0.25) !important;
}

    .apolo-alertas__nav-item--active .apolo-icon[b-w17gt9xrqc],
    .apolo-alertas__nav-item--active svg[b-w17gt9xrqc] {
        color: #ffffff !important;
    }

    .apolo-alertas__nav-item--active .apolo-alertas__nav-item-title[b-w17gt9xrqc] {
        color: #ffffff !important;
    }

.apolo-alertas__nav-chevron[b-w17gt9xrqc] {
    color: #ffffff;
    display: flex;
    align-items: center;
    transition: transform var(--apolo-transition-color);
}

.apolo-alertas__nav-item-count[b-w17gt9xrqc] {
    font-size: 13px;
    line-height: 1.1;
    text-align: right;
    white-space: nowrap;
}

.apolo-alertas__nav-item-subtext[b-w17gt9xrqc] {
    font-size: 10px;
    opacity: 0.85;
}

.apolo-alertas__mobile-dropdown-list[b-w17gt9xrqc] {
    animation: apolo-fade-in-b-w17gt9xrqc 0.2s ease-out;
}

@keyframes apolo-fade-in-b-w17gt9xrqc {
    from {
        opacity: 0;
        transform: translateY(-4px);
    }

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

/* ── 1. Alertas Recibidas: Filtros, Tarjetas y Acordeón ─────────────────── */
.apolo-alertas__filter-card[b-w17gt9xrqc],
.apolo-alertas__summary-card[b-w17gt9xrqc],
.apolo-alertas__group-card[b-w17gt9xrqc] {
    border-radius: var(--apolo-radius-xl);
    background-color: var(--apolo-surface-card);
}

.apolo-alertas__search-group .form-control[b-w17gt9xrqc] {
    font-size: var(--apolo-text-sm);
    color: var(--apolo-text-color-primary);
}

    .apolo-alertas__search-group .form-control:focus[b-w17gt9xrqc] {
        border-color: var(--apolo-border-color-focus);
        box-shadow: var(--apolo-shadow-focus);
    }

.apolo-alertas__search-btn[b-w17gt9xrqc] {
    border-radius: 0;
    padding: var(--apolo-space-2) var(--apolo-space-3);
    font-weight: var(--apolo-font-semibold);
    font-size: var(--apolo-text-sm);
}

@media (min-width: 768px) {
    .apolo-alertas__search-btn[b-w17gt9xrqc] {
        border-top-right-radius: var(--apolo-radius-md) !important;
        border-bottom-right-radius: var(--apolo-radius-md) !important;
    }
}

/* ── Selector y Menú Desplegable de Período en Móvil (<768px) ─────────────── */
.apolo-alertas__period-dropdown-wrapper[b-w17gt9xrqc] {
    position: relative;
    display: inline-flex;
}

.apolo-alertas__period-toggle-btn[b-w17gt9xrqc] {
    width: 44px;
    min-width: 44px;
    height: 100%;
    min-height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--apolo-surface-card);
    border: 1px solid var(--apolo-border-color);
    border-left: 0;
    border-top-right-radius: var(--apolo-radius-md) !important;
    border-bottom-right-radius: var(--apolo-radius-md) !important;
    color: var(--apolo-color-primary-navy);
    cursor: pointer;
    transition: var(--apolo-transition-color);
}

    .apolo-alertas__period-toggle-btn:hover[b-w17gt9xrqc],
    .apolo-alertas__period-toggle-btn--active[b-w17gt9xrqc] {
        background-color: var(--apolo-n50);
        color: var(--apolo-color-primary);
    }

.apolo-alertas__dropdown-backdrop[b-w17gt9xrqc] {
    position: fixed;
    inset: 0;
    z-index: 100;
    background: transparent;
}

.apolo-alertas__period-dropdown-menu[b-w17gt9xrqc] {
    position: absolute;
    top: calc(100% + 6px);
    right: 0;
    min-width: 200px;
    background-color: var(--apolo-surface-card);
    border-radius: var(--apolo-radius-xl);
    border: 1px solid var(--apolo-border-color-subtle);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.12) !important;
    z-index: 101;
    animation: apolo-fade-in-b-w17gt9xrqc 0.2s ease-out;
}

.apolo-alertas__period-dropdown-item[b-w17gt9xrqc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 8px 12px;
    border-radius: var(--apolo-radius-md);
    background-color: var(--apolo-surface-card);
    border: 1px solid transparent;
    color: var(--apolo-color-primary-navy);
    font-size: var(--apolo-text-sm);
    font-weight: var(--apolo-font-medium);
    text-align: left;
    transition: var(--apolo-transition-color);
}

    .apolo-alertas__period-dropdown-item:hover[b-w17gt9xrqc] {
        background-color: var(--apolo-n50);
        color: var(--apolo-color-primary);
    }

.apolo-alertas__period-dropdown-item--active[b-w17gt9xrqc] {
    background: linear-gradient(135deg, var(--apolo-color-primary) 0%, var(--apolo-color-primary-dark) 100%) !important;
    color: #ffffff !important;
    box-shadow: 0 2px 6px rgba(16, 127, 201, 0.3) !important;
}

    .apolo-alertas__period-dropdown-item--active .apolo-icon[b-w17gt9xrqc],
    .apolo-alertas__period-dropdown-item--active svg[b-w17gt9xrqc] {
        color: #ffffff !important;
    }

.apolo-alertas__mobile-count-addon[b-w17gt9xrqc] {
    height: auto;
}

.apolo-alertas__input-badge[b-w17gt9xrqc] {
    font-size: 11px;
    padding: 3px 6px;
    letter-spacing: 0.2px;
}

/* Cabecera de la Tarjeta de Resumen */
.apolo-alertas__summary-title-wrapper[b-w17gt9xrqc] {
    min-width: 0;
    max-width: 100%;
}

.apolo-alertas__summary-title[b-w17gt9xrqc] {
    font-size: 15px;
    color: var(--apolo-color-primary-navy);
    line-height: 1.2;
    white-space: nowrap;
}

.apolo-alertas__summary-badge[b-w17gt9xrqc] {
    font-size: 10px !important;
    padding: 2px 7px !important;
    line-height: 1.2;
    letter-spacing: 0.2px;
    white-space: nowrap;
    flex-shrink: 0;
}

@media (min-width: 576px) {
    .apolo-alertas__summary-title[b-w17gt9xrqc] {
        font-size: 16px;
    }

    .apolo-alertas__summary-badge[b-w17gt9xrqc] {
        font-size: 11px !important;
        padding: 3px 8px !important;
    }
}

@media (min-width: 768px) {
    .apolo-alertas__summary-title[b-w17gt9xrqc] {
        font-size: 18px;
    }

    .apolo-alertas__summary-badge[b-w17gt9xrqc] {
        font-size: 12px !important;
        padding: 4px 10px !important;
    }
}

.apolo-alertas__mobile-actions .btn[b-w17gt9xrqc] {
    min-height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 12px;
    color: var(--apolo-color-primary-navy);
    border-color: var(--apolo-border-color);
    background-color: var(--apolo-surface-card);
    transition: var(--apolo-transition-color);
}

    .apolo-alertas__mobile-actions .btn:hover[b-w17gt9xrqc],
    .apolo-alertas__mobile-actions .btn:focus[b-w17gt9xrqc] {
        background-color: var(--apolo-n50);
        border-color: var(--apolo-color-primary);
        color: var(--apolo-color-primary);
    }

.apolo-alertas__period-btn--active[b-w17gt9xrqc] {
    background-color: var(--apolo-color-primary);
    border-color: var(--apolo-color-primary);
    color: var(--apolo-n0);
}

.apolo-alertas__progress[b-w17gt9xrqc] {
    height: 6px;
    background-color: var(--apolo-n200);
    border-radius: var(--apolo-radius-full);
}

.apolo-alertas__progress-fill[b-w17gt9xrqc] {
    width: 18.44%;
    background-color: var(--apolo-color-primary);
    border-radius: var(--apolo-radius-full);
}

.apolo-alertas__progress-text[b-w17gt9xrqc] {
    font-size: var(--apolo-text-xs);
}

/* Acordeón de Grupos BEM */
.apolo-alertas__group-header[b-w17gt9xrqc] {
    background-color: var(--apolo-surface-card);
    border: none;
    padding: var(--apolo-space-3) var(--apolo-space-4);
    cursor: pointer;
    border-radius: var(--apolo-radius-xl);
    transition: background-color var(--apolo-transition-color);
    width: 100%;
    box-sizing: border-box;
}

    .apolo-alertas__group-header:hover[b-w17gt9xrqc] {
        background-color: var(--apolo-n50);
    }

.apolo-alertas__group-card--expanded .apolo-alertas__group-header[b-w17gt9xrqc] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.apolo-alertas__group-left[b-w17gt9xrqc] {
    flex: 1 1 auto;
    min-width: 0;
}

.apolo-alertas__chevron[b-w17gt9xrqc] {
    color: var(--apolo-color-primary);
}

.apolo-alertas__group-title[b-w17gt9xrqc] {
    font-size: var(--apolo-text-base);
    font-weight: var(--apolo-font-bold);
    color: var(--apolo-color-primary-navy);
}

.apolo-alertas__group-badges[b-w17gt9xrqc] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
}

/* Badges BEM de Alertas */
.apolo-alertas__badge[b-w17gt9xrqc] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 4px 12px;
    border-radius: var(--apolo-radius-full);
    font-size: var(--apolo-text-xs);
    font-weight: var(--apolo-font-bold);
    line-height: 1.2;
    white-space: nowrap;
}

.apolo-alertas__badge--total[b-w17gt9xrqc] {
    background-color: var(--apolo-color-primary);
    color: var(--apolo-n0);
}

.apolo-alertas__badge--new[b-w17gt9xrqc] {
    background-color: var(--apolo-color-danger-light);
    color: var(--apolo-color-danger);
}
.apolo-alertas__item[b-w17gt9xrqc] {
    transition: background-color var(--apolo-transition-color);
}

    .apolo-alertas__item:hover[b-w17gt9xrqc] {
        background-color: var(--apolo-n50);
    }

/* Manejo de anchos flexibles para evitar desbordamientos y compresión */
.apolo-alertas__item-content[b-w17gt9xrqc] {
    flex: 1 1 auto;
    min-width: 0;
}

.apolo-alertas__item-meta[b-w17gt9xrqc] {
    width: 100%;
    flex: 0 0 auto;
}

@media (min-width: 576px) {
    .apolo-alertas__item-meta[b-w17gt9xrqc] {
        width: auto;
    }
}

.apolo-alertas__unread-dot[b-w17gt9xrqc] {
    width: 8px;
    height: 8px;
    border-radius: var(--apolo-radius-full);
    background-color: var(--apolo-color-danger);
    flex-shrink: 0;
}

.apolo-alertas__source-link[b-w17gt9xrqc] {
    color: var(--apolo-color-primary);
    font-size: var(--apolo-text-base);
    transition: var(--apolo-transition-color);
}

    .apolo-alertas__source-link:hover[b-w17gt9xrqc] {
        color: var(--apolo-color-primary-dark);
        text-decoration: underline !important;
    }

.apolo-alertas__badge-tag[b-w17gt9xrqc] {
    font-size: var(--apolo-text-xs);
    border-radius: var(--apolo-radius-sm);
    letter-spacing: 0.5px;
}

.apolo-alertas__description[b-w17gt9xrqc] {
    font-size: var(--apolo-text-sm);
    color: var(--apolo-text-color-secondary);
}

/* Fecha y Hora */
.apolo-alertas__time[b-w17gt9xrqc] {
    font-size: var(--apolo-text-xs);
    color: var(--apolo-n400);
    font-family: var(--apolo-font-mono, monospace);
    letter-spacing: 0.3px;
}

/* ── Botón Único de Acción para todo el módulo ──────────────────────────── */
.apolo-alertas__action-btn[b-w17gt9xrqc] {
    width: 28px;
    height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: none;
    color: var(--apolo-n400);
    border-radius: var(--apolo-radius-sm);
    padding: 0;
    cursor: pointer;
    transition: var(--apolo-transition-color);
}

    .apolo-alertas__action-btn:hover[b-w17gt9xrqc] {
        color: var(--apolo-color-primary);
        background-color: var(--apolo-color-primary-light);
    }

.apolo-alertas__action-btn--danger[b-w17gt9xrqc] {
    color: var(--apolo-n400);
}

    .apolo-alertas__action-btn--danger:hover[b-w17gt9xrqc] {
        color: var(--apolo-color-danger) !important;
        background-color: var(--apolo-color-danger-light) !important;
    }

/* ── 2. Mis Keywords ─────────────────────────────────────────────────────── */
.apolo-keywords__create-card[b-w17gt9xrqc],
.apolo-keywords__table-card[b-w17gt9xrqc] {
    border-radius: var(--apolo-radius-xl);
    background-color: var(--apolo-surface-card);
}

.apolo-keywords__chips-wrapper[b-w17gt9xrqc] {
    width: 100%;
}

.apolo-keywords__chip-btn[b-w17gt9xrqc] {
    background-color: var(--apolo-surface-card);
    color: var(--apolo-color-primary-navy);
    border: 1px solid var(--apolo-border-color-subtle) !important;
    border-radius: var(--apolo-radius-lg);
    font-size: var(--apolo-text-sm);
    font-weight: var(--apolo-font-medium);
    padding: 10px 14px;
    transition: var(--apolo-transition-color), background-color 0.15s ease;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
}

@media (min-width: 768px) {
    .apolo-keywords__chip-btn[b-w17gt9xrqc] {
        width: auto;
        padding: var(--apolo-space-2) var(--apolo-space-3);
        font-size: var(--apolo-text-xs);
        border-radius: var(--apolo-radius-md);
    }
}

.apolo-keywords__chip-btn:hover[b-w17gt9xrqc] {
    background-color: var(--apolo-n50);
    border-color: var(--apolo-border-color) !important;
    color: var(--apolo-color-primary);
}

.apolo-keywords__chip-btn--active[b-w17gt9xrqc] {
    background-color: var(--apolo-color-primary-light) !important;
    border-color: var(--apolo-color-primary) !important;
    color: var(--apolo-color-primary-dark) !important;
}

.apolo-keywords__chip-chevron[b-w17gt9xrqc] {
    color: var(--apolo-n400);
    display: flex;
    align-items: center;
}

/* Panel Desplegable: Keywords Especiales */
.apolo-keywords__special-card[b-w17gt9xrqc] {
    background-color: var(--apolo-n50);
    border-color: var(--apolo-border-color-subtle) !important;
    border-radius: var(--apolo-radius-lg);
}

.apolo-keywords__collapse-btn[b-w17gt9xrqc],
.apolo-keywords__collapse-circle-btn[b-w17gt9xrqc] {
    width: 28px;
    height: 28px;
    border-radius: var(--apolo-radius-full);
    background-color: var(--apolo-color-primary-navy);
    border: none;
    color: var(--apolo-n0);
    transition: background-color var(--apolo-transition-color);
}

    .apolo-keywords__collapse-btn:hover[b-w17gt9xrqc],
    .apolo-keywords__collapse-circle-btn:hover[b-w17gt9xrqc] {
        background-color: var(--apolo-color-danger);
        color: var(--apolo-n0);
    }
/* ── Selector Personalizado de Páginas Especiales ───────────────────────── */
.apolo-custom-select[b-w17gt9xrqc] {
    position: relative;
    width: 100%;
}

.apolo-custom-select__trigger[b-w17gt9xrqc] {
    background-color: var(--apolo-surface-card);
    border: 1px solid var(--apolo-border-color);
    border-radius: var(--apolo-radius-md);
    padding: 8px 12px;
    font-size: var(--apolo-text-sm);
    min-height: 40px;
    cursor: pointer;
    transition: var(--apolo-transition-color);
}

    .apolo-custom-select__trigger:hover[b-w17gt9xrqc],
    .apolo-custom-select__trigger:focus[b-w17gt9xrqc] {
        border-color: var(--apolo-border-color-focus);
        box-shadow: var(--apolo-shadow-focus);
    }

.apolo-custom-select__chevron[b-w17gt9xrqc] {
    color: var(--apolo-n400);
    display: flex;
    align-items: center;
}

.apolo-custom-select__backdrop[b-w17gt9xrqc] {
    position: fixed;
    inset: 0;
    z-index: 1040;
    background: transparent;
}

.apolo-custom-select__menu[b-w17gt9xrqc] {
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    right: 0;
    min-width: 260px;
    max-width: 100%;
    background-color: var(--apolo-surface-card);
    border-radius: var(--apolo-radius-xl);
    border: 1px solid var(--apolo-border-color-subtle);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.12) !important;
    z-index: 1050;
    animation: apolo-fade-in-b-w17gt9xrqc 0.2s ease-out;
}

.apolo-custom-select__scroll[b-w17gt9xrqc] {
    max-height: 250px;
    overflow-y: auto;
    scrollbar-width: thin;
}

.apolo-custom-select__item[b-w17gt9xrqc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 8px 12px;
    border-radius: var(--apolo-radius-md);
    background-color: transparent;
    border: 1px solid transparent;
    color: var(--apolo-color-primary-navy);
    font-size: var(--apolo-text-sm);
    font-weight: var(--apolo-font-medium);
    text-align: left;
    transition: var(--apolo-transition-color);
}

    .apolo-custom-select__item:hover[b-w17gt9xrqc] {
        background-color: var(--apolo-n50);
        color: var(--apolo-color-primary);
    }

.apolo-custom-select__item--active[b-w17gt9xrqc] {
    background: linear-gradient(135deg, var(--apolo-color-primary) 0%, var(--apolo-color-primary-dark) 100%) !important;
    color: #ffffff !important;
    font-weight: var(--apolo-font-bold) !important;
    box-shadow: 0 2px 6px rgba(16, 127, 201, 0.3) !important;
}

.apolo-keywords__subtabs .nav-link[b-w17gt9xrqc] {
    color: var(--apolo-text-color-secondary);
    font-weight: var(--apolo-font-semibold);
    font-size: var(--apolo-text-sm);
    padding: var(--apolo-space-2) var(--apolo-space-3);
    border-bottom: 2px solid transparent;
    margin-bottom: -2px;
    background: transparent;
    transition: var(--apolo-transition-color);
}

    .apolo-keywords__subtabs .nav-link:hover[b-w17gt9xrqc] {
        color: var(--apolo-color-primary);
    }

    .apolo-keywords__subtabs .nav-link.active[b-w17gt9xrqc] {
        color: var(--apolo-color-primary);
        border-bottom-color: var(--apolo-color-primary);
        background: transparent;
    }

.apolo-keywords__filter-btn--active[b-w17gt9xrqc] {
    background-color: var(--apolo-color-primary) !important;
    border-color: var(--apolo-color-primary) !important;
    color: var(--apolo-n0) !important;
}

.apolo-keywords__tag-badge[b-w17gt9xrqc] {
    background-color: var(--apolo-color-primary-light);
    color: var(--apolo-color-primary-dark);
    font-size: var(--apolo-text-xs);
    font-weight: var(--apolo-font-semibold);
    border-radius: var(--apolo-radius-sm);
    padding: 2px 6px;
    letter-spacing: 0.3px;

    .apolo-keywords__filter-dropdown-btn {
        background-color: var(--apolo-surface-card);
        border: 1px solid var(--apolo-border-color);
        border-radius: var(--apolo-radius-md);
        color: var(--apolo-color-primary-navy);
        font-size: var(--apolo-text-sm);
        font-weight: var(--apolo-font-medium);
        padding: var(--apolo-space-2) var(--apolo-space-3);
        min-height: 38px;
        transition: var(--apolo-transition-color);
    }

        .apolo-keywords__filter-dropdown-btn:hover[b-w17gt9xrqc],
        .apolo-keywords__filter-dropdown-btn--active[b-w17gt9xrqc] {
            background-color: var(--apolo-n50);
            border-color: var(--apolo-color-primary);
            color: var(--apolo-color-primary);
        }
}
/* ── 3. Alertas Equipo ───────────────────────────────────────────────────── */
.apolo-equipo__banner-card[b-w17gt9xrqc],
.apolo-equipo__table-card[b-w17gt9xrqc] {
    border-radius: var(--apolo-radius-xl);
    background-color: var(--apolo-surface-card);
}

.apolo-equipo__banner-icon[b-w17gt9xrqc] {
    color: var(--apolo-color-primary);
}

.apolo-equipo__total-badge[b-w17gt9xrqc] {
    background-color: var(--apolo-color-primary-light);
    color: var(--apolo-color-primary-dark);
    font-size: var(--apolo-text-xs);
    font-weight: var(--apolo-font-semibold);
}

.apolo-equipo__filter-btn--active[b-w17gt9xrqc] {
    background-color: var(--apolo-color-primary) !important;
    border-color: var(--apolo-color-primary) !important;
    color: var(--apolo-n0) !important;
}

/* ── Paginación Compartida (Mis Keywords y Alertas Equipo) ──────────────── */
.apolo-pagination .page-link[b-w17gt9xrqc] {
    color: var(--apolo-text-color-primary);
    border-color: var(--apolo-border-color-subtle);
    padding: var(--apolo-space-2) var(--apolo-space-3);
    min-width: 36px;
    text-align: center;
    transition: var(--apolo-transition-color);
}

.apolo-pagination .page-item.active .page-link[b-w17gt9xrqc] {
    background-color: var(--apolo-color-primary);
    border-color: var(--apolo-color-primary);
    color: var(--apolo-n0);
}

.apolo-pagination .page-link:hover:not(.disabled)[b-w17gt9xrqc] {
    background-color: var(--apolo-color-primary-light);
    color: var(--apolo-color-primary-dark);
}

/* ── 4. Expedientes ──────────────────────────────────────────────────────── */
.apolo-expedientes__create-card[b-w17gt9xrqc],
.apolo-expedientes__table-card[b-w17gt9xrqc] {
    border-radius: var(--apolo-radius-xl);
    background-color: var(--apolo-surface-card);
}

.apolo-expedientes__icon[b-w17gt9xrqc] {
    color: var(--apolo-color-primary);
}

.apolo-expedientes__search-group[b-w17gt9xrqc] {
    max-width: 260px;
}

.apolo-expedientes__link[b-w17gt9xrqc] {
    color: var(--apolo-color-primary);
    font-size: var(--apolo-text-base);
    transition: var(--apolo-transition-color);
}

    .apolo-expedientes__link:hover[b-w17gt9xrqc] {
        color: var(--apolo-color-primary-dark);
        text-decoration: underline !important;
    }

/* ── 5. Configuración: Aislamiento del Listado Dual de Páginas ─────────── */
.apolo-configuracion-solo-listado .apolo-filtro-paginas__title[b-w17gt9xrqc],
.apolo-configuracion-solo-listado .apolo-form-card > .d-flex.flex-wrap[b-w17gt9xrqc] {
    display: none !important;
}

.apolo-configuracion-solo-listado .apolo-form-card[b-w17gt9xrqc] {
    background-color: var(--apolo-surface-card);
    border-radius: var(--apolo-radius-xl);
    padding: var(--apolo-space-4);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

.apolo-filtro-paginas__instruccion[b-w17gt9xrqc] {
    font-size: var(--apolo-text-sm);
    color: var(--apolo-text-color-secondary);
}

/* Estilos de las cajas duales .apolo-dual-list */
.apolo-dual-list[b-w17gt9xrqc] {
    border: 1px solid var(--apolo-border-color-subtle, #e2e8f0);
    border-radius: var(--apolo-radius-lg, 8px);
    overflow: hidden;
    background-color: #ffffff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

/* Cabecera Azul Marina con Buscador */
.apolo-dual-list__header[b-w17gt9xrqc] {
    background-color: var(--apolo-color-primary-navy, #194270);
    padding: 12px 16px;
    color: #ffffff;
}

.apolo-dual-list__title[b-w17gt9xrqc] {
    font-size: 14px;
    font-weight: 600;
}

.apolo-dual-list__counter[b-w17gt9xrqc] {
    background-color: rgba(255, 255, 255, 0.2);
    color: #ffffff;
    font-size: 11px;
    font-weight: 600;
    padding: 2px 8px;
    border-radius: 9999px;
}

/* Buscador Translúcido en Cabecera */
.apolo-dual-list__search[b-w17gt9xrqc] {
    position: relative;
    display: flex;
    align-items: center;
    margin-top: 8px;
}

    .apolo-dual-list__search .apolo-icon[b-w17gt9xrqc],
    .apolo-dual-list__search svg[b-w17gt9xrqc] {
        position: absolute;
        left: 12px;
        color: rgba(255, 255, 255, 0.65);
        pointer-events: none;
    }

.apolo-dual-list__search-input[b-w17gt9xrqc] {
    background-color: rgba(255, 255, 255, 0.12) !important;
    border: 1px solid rgba(255, 255, 255, 0.22) !important;
    color: #ffffff !important;
    border-radius: 6px;
    padding-left: 36px !important;
    font-size: 13px;
    height: 36px;
    transition: var(--apolo-transition-color);
}

    .apolo-dual-list__search-input[b-w17gt9xrqc]::placeholder {
        color: rgba(255, 255, 255, 0.65) !important;
    }

    .apolo-dual-list__search-input:focus[b-w17gt9xrqc] {
        background-color: rgba(255, 255, 255, 0.2) !important;
        border-color: rgba(255, 255, 255, 0.5) !important;
        box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.15) !important;
    }

/* Cuerpo con Scrollbar */
.apolo-dual-list__body[b-w17gt9xrqc] {
    max-height: 280px;
    overflow-y: auto;
    padding: 8px 16px;
    scrollbar-width: thin;
}

.apolo-dual-list__item[b-w17gt9xrqc] {
    padding: 6px 0;
    font-size: 13px;
    color: #334155;
}

.apolo-dual-list__item--select-all[b-w17gt9xrqc] {
    border-bottom: 1px solid #e2e8f0;
    padding-bottom: 10px;
    margin-bottom: 6px;
}

/* ── Responsividad Global (Patrones P-1 a P-10) ─────────────────────────── */

/* Dispositivos Móviles (<768px) */
@media (max-width: 767.98px) {
    .apolo-alertas__action-btn[b-w17gt9xrqc] {
        min-width: 44px;
        min-height: 44px;
    }

    .apolo-alertas__badge[b-w17gt9xrqc] {
        padding: 3px 7px;
        font-size: 11px;
        white-space: nowrap;
    }

    .apolo-alertas__group-header[b-w17gt9xrqc] {
        padding: 10px 12px;
        gap: 6px;
    }

    .apolo-alertas__group-title[b-w17gt9xrqc] {
        font-size: var(--apolo-text-sm);
    }

    .apolo-alertas__group-left[b-w17gt9xrqc] {
        flex: 1 1 auto;
        min-width: 0;
    }

    .apolo-alertas__group-badges[b-w17gt9xrqc] {
        gap: 4px;
        flex: 0 0 auto;
    }

    .apolo-alertas__period-group[b-w17gt9xrqc] {
        width: 100%;
    }

        .apolo-alertas__period-group .btn[b-w17gt9xrqc] {
            flex: 1 1 calc(50% - 4px);
            text-align: center;
        }

    .apolo-alertas__summary-card .btn[b-w17gt9xrqc],
    .apolo-alertas__summary-card .dropdown[b-w17gt9xrqc] {
        width: 100%;
    }

    .apolo-alertas__summary-card .btn[b-w17gt9xrqc] {
        justify-content: center;
    }

    .apolo-alertas__summary-card .dropdown-menu[b-w17gt9xrqc] {
        width: 100%;
    }

    .apolo-expedientes__search-group[b-w17gt9xrqc] {
        max-width: 100%;
        width: 100%;
    }
}

/* Tabletas (768px - 991.98px) */
@media (min-width: 768px) and (max-width: 991.98px) {
    .apolo-expedientes__search-group[b-w17gt9xrqc] {
        max-width: 220px;
    }
}
.apolo-alertas__date-picker[b-w17gt9xrqc] { width: 100%; } @media (min-width: 768px) { .apolo-alertas__date-picker[b-w17gt9xrqc] { width: 260px; } }
@media (max-width: 768px) { [b-w17gt9xrqc] .e-daterangepicker.e-popup { max-width: calc(100vw - 20px) !important; overflow-x: auto !important; } }

.apolo-custom-select__menu--right-aligned[b-w17gt9xrqc] {
    right: 0 !important;
    left: auto !important;
}


.apolo-alertas__filter-select[b-w17gt9xrqc] {
    width: 180px !important;
}
.apolo-alertas__filter-text[b-w17gt9xrqc] {
    max-width: 120px;
}


.apolo-alertas__header-btn[b-w17gt9xrqc] {
    height: 32px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    display: flex;
    align-items: center;
    line-height: 1 !important;
}


.apolo-alertas__header-btn[b-w17gt9xrqc] {
    min-height: 32px !important;
    max-height: 32px !important;
    line-height: 1 !important;
}

/* SYNCFUSION OVERRIDES */
[b-w17gt9xrqc] .apolo-alertas__accordion.e-accordion {
    background: transparent !important;
    border: none !important;
}
[b-w17gt9xrqc] .apolo-alertas__accordion .e-acrdn-item {
    background-color: var(--apolo-surface-card, #ffffff) !important;
    border: none !important;
    border-radius: var(--apolo-radius-xl, 1rem) !important;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
    margin-bottom: 1rem !important; 
    overflow: hidden;
}
[b-w17gt9xrqc] .apolo-alertas__accordion .e-acrdn-item.e-select {
    border-bottom: none !important;
}
[b-w17gt9xrqc] .apolo-alertas__accordion .e-acrdn-header {
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
    width: 100% !important;
    display: flex !important;
}
[b-w17gt9xrqc] .apolo-alertas__accordion .e-acrdn-header .e-acrdn-header-content {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    flex: 1 !important;
}
[b-w17gt9xrqc] .apolo-alertas__accordion .e-acrdn-header:hover,
[b-w17gt9xrqc] .apolo-alertas__accordion .e-acrdn-header:focus {
    background: transparent !important;
}
[b-w17gt9xrqc] .apolo-alertas__accordion .e-acrdn-header .e-toggle-icon,
[b-w17gt9xrqc] .apolo-alertas__accordion .e-acrdn-header .e-expand-icon {
    display: none !important;
    width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}
[b-w17gt9xrqc] .apolo-alertas__accordion .e-acrdn-panel {
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
}
[b-w17gt9xrqc] .apolo-alertas__accordion .e-acrdn-panel .e-acrdn-content {
    padding: 0 !important;
}
[b-w17gt9xrqc] .apolo-alertas__group-header {
    width: 100% !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
}

/* ── Navegación de Keyword a Listado de Páginas ── */
.apolo-keywords__link-btn[b-w17gt9xrqc] {
    color: var(--apolo-n900);
    cursor: pointer;
    text-decoration: none;
    background: none;
    border: none;
    padding: 0;
    transition: var(--apolo-transition-color);
}

.apolo-keywords__link-btn:hover[b-w17gt9xrqc] {
    color: var(--apolo-color-primary) !important;
    text-decoration: underline !important;
}

.apolo-keywords__back-btn[b-w17gt9xrqc] {
    min-height: 36px;
    font-weight: var(--apolo-font-medium);
    border-radius: var(--apolo-radius-md);
    transition: var(--apolo-transition-color);
}
/* /Components/Pages/AlertasApolo/AlertasRecibidas.razor.rz.scp.css */
/* ==========================================================================
   Alertas Apolo — Scoped CSS Consolidado
   BEM: .apolo-alertas, .apolo-keywords, .apolo-equipo, .apolo-expedientes, .apolo-dual-list
   Design Tokens & Patrones Responsivos P-1 … P-10
   ========================================================================== */

/* ── Encabezado & Breadcrumb ────────────────────────────────────────────── */
.apolo-alertas__header-icon[b-52a6raqlkr] {
    color: var(--apolo-color-primary);
}

.apolo-alertas__title[b-52a6raqlkr] {
    font-size: var(--apolo-text-2xl);
    color: var(--apolo-color-primary-navy);
}

.apolo-alertas__breadcrumb[b-52a6raqlkr] {
    font-size: var(--apolo-text-sm);
}

    .apolo-alertas__breadcrumb a[b-52a6raqlkr] {
        color: var(--apolo-text-color-secondary);
    }

    .apolo-alertas__breadcrumb .active[b-52a6raqlkr] {
        color: var(--apolo-color-primary);
    }

/* ── Tabs Principales (Patrón P-5) ──────────────────────────────────────── */
.apolo-alertas__tabs-wrapper[b-52a6raqlkr] {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
}

.apolo-alertas__tabs[b-52a6raqlkr] {
    border-bottom: 2px solid var(--apolo-n200);
}

    .apolo-alertas__tabs .nav-link[b-52a6raqlkr] {
        color: var(--apolo-text-color-secondary);
        font-weight: var(--apolo-font-semibold);
        font-size: var(--apolo-text-base);
        padding: var(--apolo-space-3) var(--apolo-space-4);
        border-bottom: 2px solid transparent;
        margin-bottom: -2px;
        background: transparent;
        transition: var(--apolo-transition-color);
    }

        .apolo-alertas__tabs .nav-link:hover[b-52a6raqlkr] {
            color: var(--apolo-color-primary);
        }

        .apolo-alertas__tabs .nav-link.active[b-52a6raqlkr] {
            color: var(--apolo-color-primary);
            border-bottom-color: var(--apolo-color-primary);
            background: transparent;
        }

/* ── Menú Desplegable Móvil (<768px) ────────────────────────────────────── */
.apolo-alertas__mobile-dropdown-wrapper[b-52a6raqlkr] {
    position: relative;
    z-index: 10;
}

.apolo-alertas__nav-card[b-52a6raqlkr] {
    background-color: var(--apolo-surface-card);
    border-radius: var(--apolo-radius-xl);
    border: 1px solid var(--apolo-border-color-subtle);
    transition: box-shadow var(--apolo-transition-color);
}

.apolo-alertas__nav-item[b-52a6raqlkr] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 10px 14px;
    border-radius: var(--apolo-radius-lg);
    background-color: var(--apolo-surface-card);
    border: 1px solid var(--apolo-border-color-subtle);
    color: var(--apolo-color-primary-navy);
    text-align: left;
    transition: var(--apolo-transition-color), transform 0.15s ease;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
}

    .apolo-alertas__nav-item:hover[b-52a6raqlkr] {
        background-color: var(--apolo-n50);
        border-color: var(--apolo-border-color);
        color: var(--apolo-color-primary);
    }

.apolo-alertas__nav-item-title[b-52a6raqlkr] {
    font-size: var(--apolo-text-sm);
    font-weight: var(--apolo-font-semibold);
}

.apolo-alertas__nav-item--active[b-52a6raqlkr] {
    background: linear-gradient(135deg, var(--apolo-color-primary) 0%, var(--apolo-color-primary-dark) 100%) !important;
    border-color: transparent !important;
    color: #ffffff !important;
    box-shadow: 0 4px 10px rgba(16, 127, 201, 0.25) !important;
}

    .apolo-alertas__nav-item--active .apolo-icon[b-52a6raqlkr],
    .apolo-alertas__nav-item--active svg[b-52a6raqlkr] {
        color: #ffffff !important;
    }

    .apolo-alertas__nav-item--active .apolo-alertas__nav-item-title[b-52a6raqlkr] {
        color: #ffffff !important;
    }

.apolo-alertas__nav-chevron[b-52a6raqlkr] {
    color: #ffffff;
    display: flex;
    align-items: center;
    transition: transform var(--apolo-transition-color);
}

.apolo-alertas__nav-item-count[b-52a6raqlkr] {
    font-size: 13px;
    line-height: 1.1;
    text-align: right;
    white-space: nowrap;
}

.apolo-alertas__nav-item-subtext[b-52a6raqlkr] {
    font-size: 10px;
    opacity: 0.85;
}

.apolo-alertas__mobile-dropdown-list[b-52a6raqlkr] {
    animation: apolo-fade-in-b-52a6raqlkr 0.2s ease-out;
}

@keyframes apolo-fade-in-b-52a6raqlkr {
    from {
        opacity: 0;
        transform: translateY(-4px);
    }

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

/* ── 1. Alertas Recibidas: Filtros, Tarjetas y Acordeón ─────────────────── */
.apolo-alertas__filter-card[b-52a6raqlkr],
.apolo-alertas__summary-card[b-52a6raqlkr],
.apolo-alertas__group-card[b-52a6raqlkr] {
    border-radius: var(--apolo-radius-xl);
    background-color: var(--apolo-surface-card);
}

.apolo-alertas__search-group .form-control[b-52a6raqlkr] {
    font-size: var(--apolo-text-sm);
    color: var(--apolo-text-color-primary);
}

    .apolo-alertas__search-group .form-control:focus[b-52a6raqlkr] {
        border-color: var(--apolo-border-color-focus);
        box-shadow: var(--apolo-shadow-focus);
    }

.apolo-alertas__search-btn[b-52a6raqlkr] {
    border-radius: 0;
    padding: var(--apolo-space-2) var(--apolo-space-3);
    font-weight: var(--apolo-font-semibold);
    font-size: var(--apolo-text-sm);
}

@media (min-width: 768px) {
    .apolo-alertas__search-btn[b-52a6raqlkr] {
        border-top-right-radius: var(--apolo-radius-md) !important;
        border-bottom-right-radius: var(--apolo-radius-md) !important;
    }
}

/* ── Selector y Menú Desplegable de Período en Móvil (<768px) ─────────────── */
.apolo-alertas__period-dropdown-wrapper[b-52a6raqlkr] {
    position: relative;
    display: inline-flex;
}

.apolo-alertas__period-toggle-btn[b-52a6raqlkr] {
    width: 44px;
    min-width: 44px;
    height: 100%;
    min-height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--apolo-surface-card);
    border: 1px solid var(--apolo-border-color);
    border-left: 0;
    border-top-right-radius: var(--apolo-radius-md) !important;
    border-bottom-right-radius: var(--apolo-radius-md) !important;
    color: var(--apolo-color-primary-navy);
    cursor: pointer;
    transition: var(--apolo-transition-color);
}

    .apolo-alertas__period-toggle-btn:hover[b-52a6raqlkr],
    .apolo-alertas__period-toggle-btn--active[b-52a6raqlkr] {
        background-color: var(--apolo-n50);
        color: var(--apolo-color-primary);
    }

.apolo-alertas__dropdown-backdrop[b-52a6raqlkr] {
    position: fixed;
    inset: 0;
    z-index: 100;
    background: transparent;
}

.apolo-alertas__period-dropdown-menu[b-52a6raqlkr] {
    position: absolute;
    top: calc(100% + 6px);
    right: 0;
    min-width: 200px;
    background-color: var(--apolo-surface-card);
    border-radius: var(--apolo-radius-xl);
    border: 1px solid var(--apolo-border-color-subtle);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.12) !important;
    z-index: 101;
    animation: apolo-fade-in-b-52a6raqlkr 0.2s ease-out;
}

.apolo-alertas__period-dropdown-item[b-52a6raqlkr] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 8px 12px;
    border-radius: var(--apolo-radius-md);
    background-color: var(--apolo-surface-card);
    border: 1px solid transparent;
    color: var(--apolo-color-primary-navy);
    font-size: var(--apolo-text-sm);
    font-weight: var(--apolo-font-medium);
    text-align: left;
    transition: var(--apolo-transition-color);
}

    .apolo-alertas__period-dropdown-item:hover[b-52a6raqlkr] {
        background-color: var(--apolo-n50);
        color: var(--apolo-color-primary);
    }

.apolo-alertas__period-dropdown-item--active[b-52a6raqlkr] {
    background: linear-gradient(135deg, var(--apolo-color-primary) 0%, var(--apolo-color-primary-dark) 100%) !important;
    color: #ffffff !important;
    box-shadow: 0 2px 6px rgba(16, 127, 201, 0.3) !important;
}

    .apolo-alertas__period-dropdown-item--active .apolo-icon[b-52a6raqlkr],
    .apolo-alertas__period-dropdown-item--active svg[b-52a6raqlkr] {
        color: #ffffff !important;
    }

.apolo-alertas__mobile-count-addon[b-52a6raqlkr] {
    height: auto;
}

.apolo-alertas__input-badge[b-52a6raqlkr] {
    font-size: 11px;
    padding: 3px 6px;
    letter-spacing: 0.2px;
}

/* Cabecera de la Tarjeta de Resumen */
.apolo-alertas__summary-title-wrapper[b-52a6raqlkr] {
    min-width: 0;
    max-width: 100%;
}

.apolo-alertas__summary-title[b-52a6raqlkr] {
    font-size: 15px;
    color: var(--apolo-color-primary-navy);
    line-height: 1.2;
    white-space: nowrap;
}

.apolo-alertas__summary-badge[b-52a6raqlkr] {
    font-size: 10px !important;
    padding: 2px 7px !important;
    line-height: 1.2;
    letter-spacing: 0.2px;
    white-space: nowrap;
    flex-shrink: 0;
}

@media (min-width: 576px) {
    .apolo-alertas__summary-title[b-52a6raqlkr] {
        font-size: 16px;
    }

    .apolo-alertas__summary-badge[b-52a6raqlkr] {
        font-size: 11px !important;
        padding: 3px 8px !important;
    }
}

@media (min-width: 768px) {
    .apolo-alertas__summary-title[b-52a6raqlkr] {
        font-size: 18px;
    }

    .apolo-alertas__summary-badge[b-52a6raqlkr] {
        font-size: 12px !important;
        padding: 4px 10px !important;
    }
}

.apolo-alertas__mobile-actions .btn[b-52a6raqlkr] {
    min-height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 12px;
    color: var(--apolo-color-primary-navy);
    border-color: var(--apolo-border-color);
    background-color: var(--apolo-surface-card);
    transition: var(--apolo-transition-color);
}

    .apolo-alertas__mobile-actions .btn:hover[b-52a6raqlkr],
    .apolo-alertas__mobile-actions .btn:focus[b-52a6raqlkr] {
        background-color: var(--apolo-n50);
        border-color: var(--apolo-color-primary);
        color: var(--apolo-color-primary);
    }

.apolo-alertas__period-btn--active[b-52a6raqlkr] {
    background-color: var(--apolo-color-primary);
    border-color: var(--apolo-color-primary);
    color: var(--apolo-n0);
}

.apolo-alertas__progress[b-52a6raqlkr] {
    height: 6px;
    background-color: var(--apolo-n200);
    border-radius: var(--apolo-radius-full);
}

.apolo-alertas__progress-fill[b-52a6raqlkr] {
    width: 18.44%;
    background-color: var(--apolo-color-primary);
    border-radius: var(--apolo-radius-full);
}

.apolo-alertas__progress-text[b-52a6raqlkr] {
    font-size: var(--apolo-text-xs);
}

/* Acordeón de Grupos BEM */
.apolo-alertas__group-header[b-52a6raqlkr] {
    background-color: var(--apolo-surface-card);
    border: none;
    padding: var(--apolo-space-3) var(--apolo-space-4);
    cursor: pointer;
    border-radius: var(--apolo-radius-xl);
    transition: background-color var(--apolo-transition-color);
    width: 100%;
    box-sizing: border-box;
}

    .apolo-alertas__group-header:hover[b-52a6raqlkr] {
        background-color: var(--apolo-n50);
    }

.apolo-alertas__group-card--expanded .apolo-alertas__group-header[b-52a6raqlkr] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.apolo-alertas__group-left[b-52a6raqlkr] {
    flex: 1 1 auto;
    min-width: 0;
}

.apolo-alertas__chevron[b-52a6raqlkr] {
    color: var(--apolo-color-primary);
}

.apolo-alertas__group-title[b-52a6raqlkr] {
    font-size: var(--apolo-text-base);
    font-weight: var(--apolo-font-bold);
    color: var(--apolo-color-primary-navy);
}

.apolo-alertas__group-badges[b-52a6raqlkr] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
}

/* Badges BEM de Alertas */
.apolo-alertas__badge[b-52a6raqlkr] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 4px 12px;
    border-radius: var(--apolo-radius-full);
    font-size: var(--apolo-text-xs);
    font-weight: var(--apolo-font-bold);
    line-height: 1.2;
    white-space: nowrap;
}

.apolo-alertas__badge--total[b-52a6raqlkr] {
    background-color: var(--apolo-color-primary);
    color: var(--apolo-n0);
}

.apolo-alertas__badge--new[b-52a6raqlkr] {
    background-color: var(--apolo-color-danger-light);
    color: var(--apolo-color-danger);
}
.apolo-alertas__item[b-52a6raqlkr] {
    transition: background-color var(--apolo-transition-color);
}

    .apolo-alertas__item:hover[b-52a6raqlkr] {
        background-color: var(--apolo-n50);
    }

/* Manejo de anchos flexibles para evitar desbordamientos y compresión */
.apolo-alertas__item-content[b-52a6raqlkr] {
    flex: 1 1 auto;
    min-width: 0;
}

.apolo-alertas__item-meta[b-52a6raqlkr] {
    width: 100%;
    flex: 0 0 auto;
}

@media (min-width: 576px) {
    .apolo-alertas__item-meta[b-52a6raqlkr] {
        width: auto;
    }
}

.apolo-alertas__unread-dot[b-52a6raqlkr] {
    width: 8px;
    height: 8px;
    border-radius: var(--apolo-radius-full);
    background-color: var(--apolo-color-danger);
    flex-shrink: 0;
}

.apolo-alertas__source-link[b-52a6raqlkr] {
    color: var(--apolo-color-primary);
    font-size: var(--apolo-text-base);
    transition: var(--apolo-transition-color);
}

    .apolo-alertas__source-link:hover[b-52a6raqlkr] {
        color: var(--apolo-color-primary-dark);
        text-decoration: underline !important;
    }

.apolo-alertas__badge-tag[b-52a6raqlkr] {
    font-size: var(--apolo-text-xs);
    border-radius: var(--apolo-radius-sm);
    letter-spacing: 0.5px;
}

.apolo-alertas__description[b-52a6raqlkr] {
    font-size: var(--apolo-text-sm);
    color: var(--apolo-text-color-secondary);
}

/* Fecha y Hora */
.apolo-alertas__time[b-52a6raqlkr] {
    font-size: var(--apolo-text-xs);
    color: var(--apolo-n400);
    font-family: var(--apolo-font-mono, monospace);
    letter-spacing: 0.3px;
}

/* ── Botón Único de Acción para todo el módulo ──────────────────────────── */
.apolo-alertas__action-btn[b-52a6raqlkr] {
    width: 28px;
    height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: none;
    color: var(--apolo-n400);
    border-radius: var(--apolo-radius-sm);
    padding: 0;
    cursor: pointer;
    transition: var(--apolo-transition-color);
}

    .apolo-alertas__action-btn:hover[b-52a6raqlkr] {
        color: var(--apolo-color-primary);
        background-color: var(--apolo-color-primary-light);
    }

.apolo-alertas__action-btn--danger[b-52a6raqlkr] {
    color: var(--apolo-n400);
}

    .apolo-alertas__action-btn--danger:hover[b-52a6raqlkr] {
        color: var(--apolo-color-danger) !important;
        background-color: var(--apolo-color-danger-light) !important;
    }

/* ── 2. Mis Keywords ─────────────────────────────────────────────────────── */
.apolo-keywords__create-card[b-52a6raqlkr],
.apolo-keywords__table-card[b-52a6raqlkr] {
    border-radius: var(--apolo-radius-xl);
    background-color: var(--apolo-surface-card);
}

.apolo-keywords__chips-wrapper[b-52a6raqlkr] {
    width: 100%;
}

.apolo-keywords__chip-btn[b-52a6raqlkr] {
    background-color: var(--apolo-surface-card);
    color: var(--apolo-color-primary-navy);
    border: 1px solid var(--apolo-border-color-subtle) !important;
    border-radius: var(--apolo-radius-lg);
    font-size: var(--apolo-text-sm);
    font-weight: var(--apolo-font-medium);
    padding: 10px 14px;
    transition: var(--apolo-transition-color), background-color 0.15s ease;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
}

@media (min-width: 768px) {
    .apolo-keywords__chip-btn[b-52a6raqlkr] {
        width: auto;
        padding: var(--apolo-space-2) var(--apolo-space-3);
        font-size: var(--apolo-text-xs);
        border-radius: var(--apolo-radius-md);
    }
}

.apolo-keywords__chip-btn:hover[b-52a6raqlkr] {
    background-color: var(--apolo-n50);
    border-color: var(--apolo-border-color) !important;
    color: var(--apolo-color-primary);
}

.apolo-keywords__chip-btn--active[b-52a6raqlkr] {
    background-color: var(--apolo-color-primary-light) !important;
    border-color: var(--apolo-color-primary) !important;
    color: var(--apolo-color-primary-dark) !important;
}

.apolo-keywords__chip-chevron[b-52a6raqlkr] {
    color: var(--apolo-n400);
    display: flex;
    align-items: center;
}

/* Panel Desplegable: Keywords Especiales */
.apolo-keywords__special-card[b-52a6raqlkr] {
    background-color: var(--apolo-n50);
    border-color: var(--apolo-border-color-subtle) !important;
    border-radius: var(--apolo-radius-lg);
}

.apolo-keywords__collapse-btn[b-52a6raqlkr],
.apolo-keywords__collapse-circle-btn[b-52a6raqlkr] {
    width: 28px;
    height: 28px;
    border-radius: var(--apolo-radius-full);
    background-color: var(--apolo-color-primary-navy);
    border: none;
    color: var(--apolo-n0);
    transition: background-color var(--apolo-transition-color);
}

    .apolo-keywords__collapse-btn:hover[b-52a6raqlkr],
    .apolo-keywords__collapse-circle-btn:hover[b-52a6raqlkr] {
        background-color: var(--apolo-color-danger);
        color: var(--apolo-n0);
    }
/* ── Selector Personalizado de Páginas Especiales ───────────────────────── */
.apolo-custom-select[b-52a6raqlkr] {
    position: relative;
    width: 100%;
}

.apolo-custom-select__trigger[b-52a6raqlkr] {
    background-color: var(--apolo-surface-card);
    border: 1px solid var(--apolo-border-color);
    border-radius: var(--apolo-radius-md);
    padding: 8px 12px;
    font-size: var(--apolo-text-sm);
    min-height: 40px;
    cursor: pointer;
    transition: var(--apolo-transition-color);
}

    .apolo-custom-select__trigger:hover[b-52a6raqlkr],
    .apolo-custom-select__trigger:focus[b-52a6raqlkr] {
        border-color: var(--apolo-border-color-focus);
        box-shadow: var(--apolo-shadow-focus);
    }

.apolo-custom-select__chevron[b-52a6raqlkr] {
    color: var(--apolo-n400);
    display: flex;
    align-items: center;
}

.apolo-custom-select__backdrop[b-52a6raqlkr] {
    position: fixed;
    inset: 0;
    z-index: 1040;
    background: transparent;
}

.apolo-custom-select__menu[b-52a6raqlkr] {
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    right: 0;
    min-width: 260px;
    max-width: 100%;
    background-color: var(--apolo-surface-card);
    border-radius: var(--apolo-radius-xl);
    border: 1px solid var(--apolo-border-color-subtle);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.12) !important;
    z-index: 1050;
    animation: apolo-fade-in-b-52a6raqlkr 0.2s ease-out;
}

.apolo-custom-select__scroll[b-52a6raqlkr] {
    max-height: 250px;
    overflow-y: auto;
    scrollbar-width: thin;
}

.apolo-custom-select__item[b-52a6raqlkr] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 8px 12px;
    border-radius: var(--apolo-radius-md);
    background-color: transparent;
    border: 1px solid transparent;
    color: var(--apolo-color-primary-navy);
    font-size: var(--apolo-text-sm);
    font-weight: var(--apolo-font-medium);
    text-align: left;
    transition: var(--apolo-transition-color);
}

    .apolo-custom-select__item:hover[b-52a6raqlkr] {
        background-color: var(--apolo-n50);
        color: var(--apolo-color-primary);
    }

.apolo-custom-select__item--active[b-52a6raqlkr] {
    background: linear-gradient(135deg, var(--apolo-color-primary) 0%, var(--apolo-color-primary-dark) 100%) !important;
    color: #ffffff !important;
    font-weight: var(--apolo-font-bold) !important;
    box-shadow: 0 2px 6px rgba(16, 127, 201, 0.3) !important;
}

.apolo-keywords__subtabs .nav-link[b-52a6raqlkr] {
    color: var(--apolo-text-color-secondary);
    font-weight: var(--apolo-font-semibold);
    font-size: var(--apolo-text-sm);
    padding: var(--apolo-space-2) var(--apolo-space-3);
    border-bottom: 2px solid transparent;
    margin-bottom: -2px;
    background: transparent;
    transition: var(--apolo-transition-color);
}

    .apolo-keywords__subtabs .nav-link:hover[b-52a6raqlkr] {
        color: var(--apolo-color-primary);
    }

    .apolo-keywords__subtabs .nav-link.active[b-52a6raqlkr] {
        color: var(--apolo-color-primary);
        border-bottom-color: var(--apolo-color-primary);
        background: transparent;
    }

.apolo-keywords__filter-btn--active[b-52a6raqlkr] {
    background-color: var(--apolo-color-primary) !important;
    border-color: var(--apolo-color-primary) !important;
    color: var(--apolo-n0) !important;
}

.apolo-keywords__tag-badge[b-52a6raqlkr] {
    background-color: var(--apolo-color-primary-light);
    color: var(--apolo-color-primary-dark);
    font-size: var(--apolo-text-xs);
    font-weight: var(--apolo-font-semibold);
    border-radius: var(--apolo-radius-sm);
    padding: 2px 6px;
    letter-spacing: 0.3px;

    .apolo-keywords__filter-dropdown-btn {
        background-color: var(--apolo-surface-card);
        border: 1px solid var(--apolo-border-color);
        border-radius: var(--apolo-radius-md);
        color: var(--apolo-color-primary-navy);
        font-size: var(--apolo-text-sm);
        font-weight: var(--apolo-font-medium);
        padding: var(--apolo-space-2) var(--apolo-space-3);
        min-height: 38px;
        transition: var(--apolo-transition-color);
    }

        .apolo-keywords__filter-dropdown-btn:hover[b-52a6raqlkr],
        .apolo-keywords__filter-dropdown-btn--active[b-52a6raqlkr] {
            background-color: var(--apolo-n50);
            border-color: var(--apolo-color-primary);
            color: var(--apolo-color-primary);
        }
}
/* ── 3. Alertas Equipo ───────────────────────────────────────────────────── */
.apolo-equipo__banner-card[b-52a6raqlkr],
.apolo-equipo__table-card[b-52a6raqlkr] {
    border-radius: var(--apolo-radius-xl);
    background-color: var(--apolo-surface-card);
}

.apolo-equipo__banner-icon[b-52a6raqlkr] {
    color: var(--apolo-color-primary);
}

.apolo-equipo__total-badge[b-52a6raqlkr] {
    background-color: var(--apolo-color-primary-light);
    color: var(--apolo-color-primary-dark);
    font-size: var(--apolo-text-xs);
    font-weight: var(--apolo-font-semibold);
}

.apolo-equipo__filter-btn--active[b-52a6raqlkr] {
    background-color: var(--apolo-color-primary) !important;
    border-color: var(--apolo-color-primary) !important;
    color: var(--apolo-n0) !important;
}

/* ── Paginación Compartida (Mis Keywords y Alertas Equipo) ──────────────── */
.apolo-pagination .page-link[b-52a6raqlkr] {
    color: var(--apolo-text-color-primary);
    border-color: var(--apolo-border-color-subtle);
    padding: var(--apolo-space-2) var(--apolo-space-3);
    min-width: 36px;
    text-align: center;
    transition: var(--apolo-transition-color);
}

.apolo-pagination .page-item.active .page-link[b-52a6raqlkr] {
    background-color: var(--apolo-color-primary);
    border-color: var(--apolo-color-primary);
    color: var(--apolo-n0);
}

.apolo-pagination .page-link:hover:not(.disabled)[b-52a6raqlkr] {
    background-color: var(--apolo-color-primary-light);
    color: var(--apolo-color-primary-dark);
}

/* ── 4. Expedientes ──────────────────────────────────────────────────────── */
.apolo-expedientes__create-card[b-52a6raqlkr],
.apolo-expedientes__table-card[b-52a6raqlkr] {
    border-radius: var(--apolo-radius-xl);
    background-color: var(--apolo-surface-card);
}

.apolo-expedientes__icon[b-52a6raqlkr] {
    color: var(--apolo-color-primary);
}

.apolo-expedientes__search-group[b-52a6raqlkr] {
    max-width: 260px;
}

.apolo-expedientes__link[b-52a6raqlkr] {
    color: var(--apolo-color-primary);
    font-size: var(--apolo-text-base);
    transition: var(--apolo-transition-color);
}

    .apolo-expedientes__link:hover[b-52a6raqlkr] {
        color: var(--apolo-color-primary-dark);
        text-decoration: underline !important;
    }

/* ── 5. Configuración: Aislamiento del Listado Dual de Páginas ─────────── */
.apolo-configuracion-solo-listado .apolo-filtro-paginas__title[b-52a6raqlkr],
.apolo-configuracion-solo-listado .apolo-form-card > .d-flex.flex-wrap[b-52a6raqlkr] {
    display: none !important;
}

.apolo-configuracion-solo-listado .apolo-form-card[b-52a6raqlkr] {
    background-color: var(--apolo-surface-card);
    border-radius: var(--apolo-radius-xl);
    padding: var(--apolo-space-4);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

.apolo-filtro-paginas__instruccion[b-52a6raqlkr] {
    font-size: var(--apolo-text-sm);
    color: var(--apolo-text-color-secondary);
}

/* Estilos de las cajas duales .apolo-dual-list */
.apolo-dual-list[b-52a6raqlkr] {
    border: 1px solid var(--apolo-border-color-subtle, #e2e8f0);
    border-radius: var(--apolo-radius-lg, 8px);
    overflow: hidden;
    background-color: #ffffff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

/* Cabecera Azul Marina con Buscador */
.apolo-dual-list__header[b-52a6raqlkr] {
    background-color: var(--apolo-color-primary-navy, #194270);
    padding: 12px 16px;
    color: #ffffff;
}

.apolo-dual-list__title[b-52a6raqlkr] {
    font-size: 14px;
    font-weight: 600;
}

.apolo-dual-list__counter[b-52a6raqlkr] {
    background-color: rgba(255, 255, 255, 0.2);
    color: #ffffff;
    font-size: 11px;
    font-weight: 600;
    padding: 2px 8px;
    border-radius: 9999px;
}

/* Buscador Translúcido en Cabecera */
.apolo-dual-list__search[b-52a6raqlkr] {
    position: relative;
    display: flex;
    align-items: center;
    margin-top: 8px;
}

    .apolo-dual-list__search .apolo-icon[b-52a6raqlkr],
    .apolo-dual-list__search svg[b-52a6raqlkr] {
        position: absolute;
        left: 12px;
        color: rgba(255, 255, 255, 0.65);
        pointer-events: none;
    }

.apolo-dual-list__search-input[b-52a6raqlkr] {
    background-color: rgba(255, 255, 255, 0.12) !important;
    border: 1px solid rgba(255, 255, 255, 0.22) !important;
    color: #ffffff !important;
    border-radius: 6px;
    padding-left: 36px !important;
    font-size: 13px;
    height: 36px;
    transition: var(--apolo-transition-color);
}

    .apolo-dual-list__search-input[b-52a6raqlkr]::placeholder {
        color: rgba(255, 255, 255, 0.65) !important;
    }

    .apolo-dual-list__search-input:focus[b-52a6raqlkr] {
        background-color: rgba(255, 255, 255, 0.2) !important;
        border-color: rgba(255, 255, 255, 0.5) !important;
        box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.15) !important;
    }

/* Cuerpo con Scrollbar */
.apolo-dual-list__body[b-52a6raqlkr] {
    max-height: 280px;
    overflow-y: auto;
    padding: 8px 16px;
    scrollbar-width: thin;
}

.apolo-dual-list__item[b-52a6raqlkr] {
    padding: 6px 0;
    font-size: 13px;
    color: #334155;
}

.apolo-dual-list__item--select-all[b-52a6raqlkr] {
    border-bottom: 1px solid #e2e8f0;
    padding-bottom: 10px;
    margin-bottom: 6px;
}

/* ── Responsividad Global (Patrones P-1 a P-10) ─────────────────────────── */

/* Dispositivos Móviles (<768px) */
@media (max-width: 767.98px) {
    .apolo-alertas__action-btn[b-52a6raqlkr] {
        min-width: 44px;
        min-height: 44px;
    }

    .apolo-alertas__badge[b-52a6raqlkr] {
        padding: 3px 7px;
        font-size: 11px;
        white-space: nowrap;
    }

    .apolo-alertas__group-header[b-52a6raqlkr] {
        padding: 10px 12px;
        gap: 6px;
    }

    .apolo-alertas__group-title[b-52a6raqlkr] {
        font-size: var(--apolo-text-sm);
    }

    .apolo-alertas__group-left[b-52a6raqlkr] {
        flex: 1 1 auto;
        min-width: 0;
    }

    .apolo-alertas__group-badges[b-52a6raqlkr] {
        gap: 4px;
        flex: 0 0 auto;
    }

    .apolo-alertas__period-group[b-52a6raqlkr] {
        width: 100%;
    }

        .apolo-alertas__period-group .btn[b-52a6raqlkr] {
            flex: 1 1 calc(50% - 4px);
            text-align: center;
        }

    .apolo-alertas__summary-card .btn[b-52a6raqlkr],
    .apolo-alertas__summary-card .dropdown[b-52a6raqlkr] {
        width: 100%;
    }

    .apolo-alertas__summary-card .btn[b-52a6raqlkr] {
        justify-content: center;
    }

    .apolo-alertas__summary-card .dropdown-menu[b-52a6raqlkr] {
        width: 100%;
    }

    .apolo-expedientes__search-group[b-52a6raqlkr] {
        max-width: 100%;
        width: 100%;
    }
}

/* Tabletas (768px - 991.98px) */
@media (min-width: 768px) and (max-width: 991.98px) {
    .apolo-expedientes__search-group[b-52a6raqlkr] {
        max-width: 220px;
    }
}
.apolo-alertas__date-picker[b-52a6raqlkr] { width: 100%; } @media (min-width: 768px) { .apolo-alertas__date-picker[b-52a6raqlkr] { width: 260px; } }
@media (max-width: 768px) { [b-52a6raqlkr] .e-daterangepicker.e-popup { max-width: calc(100vw - 20px) !important; overflow-x: auto !important; } }

.apolo-custom-select__menu--right-aligned[b-52a6raqlkr] {
    right: 0 !important;
    left: auto !important;
}


.apolo-alertas__filter-select[b-52a6raqlkr] {
    width: 180px !important;
}
.apolo-alertas__filter-text[b-52a6raqlkr] {
    max-width: 120px;
}


.apolo-alertas__header-btn[b-52a6raqlkr] {
    height: 32px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    display: flex;
    align-items: center;
    line-height: 1 !important;
}


.apolo-alertas__header-btn[b-52a6raqlkr] {
    min-height: 32px !important;
    max-height: 32px !important;
    line-height: 1 !important;
}

/* SYNCFUSION OVERRIDES */
[b-52a6raqlkr] .apolo-alertas__accordion.e-accordion {
    background: transparent !important;
    border: none !important;
}
[b-52a6raqlkr] .apolo-alertas__accordion .e-acrdn-item {
    background-color: var(--apolo-surface-card, #ffffff) !important;
    border: none !important;
    border-radius: var(--apolo-radius-xl, 1rem) !important;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
    margin-bottom: 1rem !important; 
    overflow: hidden;
}
[b-52a6raqlkr] .apolo-alertas__accordion .e-acrdn-item.e-select {
    border-bottom: none !important;
}
[b-52a6raqlkr] .apolo-alertas__accordion .e-acrdn-header {
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
    width: 100% !important;
    display: flex !important;
}
[b-52a6raqlkr] .apolo-alertas__accordion .e-acrdn-header .e-acrdn-header-content {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    flex: 1 !important;
}
[b-52a6raqlkr] .apolo-alertas__accordion .e-acrdn-header:hover,
[b-52a6raqlkr] .apolo-alertas__accordion .e-acrdn-header:focus {
    background: transparent !important;
}
[b-52a6raqlkr] .apolo-alertas__accordion .e-acrdn-header .e-toggle-icon,
[b-52a6raqlkr] .apolo-alertas__accordion .e-acrdn-header .e-expand-icon {
    display: none !important;
    width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}
[b-52a6raqlkr] .apolo-alertas__accordion .e-acrdn-panel {
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
}
[b-52a6raqlkr] .apolo-alertas__accordion .e-acrdn-panel .e-acrdn-content {
    padding: 0 !important;
}
[b-52a6raqlkr] .apolo-alertas__group-header {
    width: 100% !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
}
/* /Components/Pages/Configuracion/Configuracion.razor.rz.scp.css */
/* ==========================================================================
   Componente: Pantalla "Mi Cuenta"
   Patrón: BEM (.apolo-cuenta)
   ========================================================================== */

/* ── CONTENEDOR GENERAL ── */
.apolo-cuenta[b-3jdy7xcogc] {
    width: 100%;
}

.apolo-cuenta__title[b-3jdy7xcogc] {
    font-size: var(--apolo-text-2xl, 1.5rem);
    font-weight: var(--apolo-font-bold, 700);
    color: var(--apolo-color-primary-navy, #194270);
}

.apolo-cuenta__subtitle[b-3jdy7xcogc] {
    font-size: var(--apolo-text-sm, 0.8125rem);
}

/* ── SIDEBAR (IZQUIERDA) ── */
.apolo-cuenta__sidebar-card[b-3jdy7xcogc] {
    background-color: var(--apolo-surface-card, #FFFFFF);
    border-radius: var(--apolo-radius-xl, 12px);
    box-shadow: var(--apolo-shadow-sm, 0 1px 2px rgba(15, 25, 35, 0.06));
    overflow: hidden;
    /* height: 100%; Removed so the white background doesn't stretch down */
}

.apolo-cuenta__profile-header[b-3jdy7xcogc] {
    background-color: var(--apolo-color-primary-navy, #194270);
    color: var(--apolo-text-color-on-primary, #FFFFFF);
    padding: var(--apolo-space-6, 24px) var(--apolo-space-4, 16px);
}

.apolo-cuenta__avatar-wrapper[b-3jdy7xcogc] {
    display: flex;
    justify-content: center;
    align-items: center;
}

.apolo-cuenta__avatar-circle[b-3jdy7xcogc] {
    background-color: var(--apolo-color-primary, #107FC9);
    color: var(--apolo-text-color-on-primary, #FFFFFF);
    border-radius: var(--apolo-radius-full, 9999px);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: var(--apolo-font-bold, 700);
}

.apolo-cuenta__avatar-circle--large[b-3jdy7xcogc] {
    width: 72px;
    height: 72px;
    font-size: var(--apolo-text-xl, 1.25rem);
    border: 2px solid rgba(255, 255, 255, 0.2);
}

.apolo-cuenta__avatar-circle--medium[b-3jdy7xcogc] {
    width: 56px;
    height: 56px;
    font-size: var(--apolo-text-lg, 1.0625rem);
}

.apolo-cuenta__profile-name[b-3jdy7xcogc] {
    font-size: var(--apolo-text-lg, 1.0625rem);
    font-weight: var(--apolo-font-bold, 700);
}

.apolo-cuenta__profile-email[b-3jdy7xcogc] {
    font-size: var(--apolo-text-xs, 0.6875rem);
    opacity: 0.8;
}

.apolo-cuenta__badge-membresia[b-3jdy7xcogc] {
    background-color: var(--apolo-color-success-dark, #0F5132); /* Ajustado a la paleta o un tono más verde */
    background-color: rgba(25, 135, 84, 0.2); /* Fondo sutil si se prefiere */
    color: var(--apolo-color-success, #198754);
    font-size: var(--apolo-text-xs, 0.6875rem);
    font-weight: var(--apolo-font-medium, 500);
    padding: 4px 12px;
    border-radius: var(--apolo-radius-full, 9999px);
    gap: 6px;
    /* Ajuste para que se parezca al mockup (fondo verde oscuro, texto verde claro) */
    background-color: #1a5632; /* Tono similar al mockup */
    color: #4cd964;
}

.apolo-cuenta__badge-dot[b-3jdy7xcogc] {
    width: 6px;
    height: 6px;
    background-color: currentColor;
    border-radius: var(--apolo-radius-full, 9999px);
}

.apolo-cuenta__sidebar-nav[b-3jdy7xcogc] {
    padding: var(--apolo-space-3, 12px) 0;
}

.apolo-cuenta__nav-link[b-3jdy7xcogc] {
    color: var(--apolo-text-color-secondary, #52637A);
    font-size: var(--apolo-text-sm, 0.8125rem);
    font-weight: var(--apolo-font-medium, 500);
    padding: var(--apolo-space-3, 12px) var(--apolo-space-5, 20px);
    display: flex;
    align-items: center;
    gap: 12px;
    transition: var(--apolo-transition-color, color 150ms ease);
}

.apolo-cuenta__nav-link:hover[b-3jdy7xcogc] {
    color: var(--apolo-color-primary-navy, #194270);
    background-color: var(--apolo-n50, #F8FAFC);
}

.apolo-cuenta__nav-link--active[b-3jdy7xcogc] {
    color: var(--apolo-color-primary, #107FC9);
    background-color: var(--apolo-color-accent-light, #FEF9E7);
    border-left: 3px solid var(--apolo-color-primary, #107FC9);
    padding-left: calc(var(--apolo-space-5, 20px) - 3px);
}

.apolo-cuenta__nav-dot[b-3jdy7xcogc] {
    width: 10px;
    height: 10px;
    border-radius: var(--apolo-radius-full, 9999px);
    background-color: var(--apolo-n300, #CCD8E2);
}

.apolo-cuenta__nav-link--active .apolo-cuenta__nav-dot[b-3jdy7xcogc] {
    background-color: var(--apolo-color-primary, #107FC9);
}


/* ── CONTENIDO PRINCIPAL (DERECHA) ── */
.apolo-cuenta__content-card[b-3jdy7xcogc] {
    background-color: var(--apolo-surface-card, #FFFFFF);
    border-radius: var(--apolo-radius-xl, 12px);
    box-shadow: var(--apolo-shadow-sm, 0 1px 2px rgba(15, 25, 35, 0.06));
    padding: var(--apolo-padding-card, 24px);
    min-/* height: 100%; Removed so the white background doesn't stretch down */
}

/* Tabs */
.apolo-cuenta__tabs[b-3jdy7xcogc] {
    border-bottom: 2px solid var(--apolo-n200, #E4ECF2);
}

.apolo-cuenta__tabs .nav-link[b-3jdy7xcogc] {
    color: var(--apolo-text-color-disabled, #A8BACB);
    font-weight: var(--apolo-font-semibold, 600);
    border: none;
    border-bottom: 2px solid transparent;
    padding: 12px 16px;
    margin-bottom: -2px;
    font-size: var(--apolo-text-sm, 0.8125rem);
}

.apolo-cuenta__tabs .nav-link:hover[b-3jdy7xcogc] {
    color: var(--apolo-text-color-secondary, #52637A);
    border-color: transparent;
}

.apolo-cuenta__tabs .nav-link.active[b-3jdy7xcogc] {
    color: var(--apolo-color-primary, #107FC9);
    border-color: var(--apolo-color-primary, #107FC9);
    background-color: transparent;
}

/* Foto de Perfil Box */
.apolo-cuenta__photo-box[b-3jdy7xcogc] {
    border: 1px solid var(--apolo-n200, #E4ECF2);
    border-radius: var(--apolo-radius-lg, 8px);
    padding: var(--apolo-space-4, 16px);
    background-color: var(--apolo-n50, #F8FAFC);
}

.apolo-cuenta__photo-title[b-3jdy7xcogc] {
    font-size: var(--apolo-text-sm, 0.8125rem);
    font-weight: var(--apolo-font-bold, 700);
    color: var(--apolo-color-primary-navy, #194270);
}

.apolo-cuenta__photo-desc[b-3jdy7xcogc] {
    font-size: var(--apolo-text-xs, 0.6875rem);
}

.apolo-cuenta__btn-outline[b-3jdy7xcogc] {
    font-size: var(--apolo-text-sm, 0.8125rem);
    font-weight: var(--apolo-font-medium, 500);
    color: var(--apolo-text-color-secondary, #52637A);
    border-color: var(--apolo-n300, #CCD8E2);
    background-color: var(--apolo-n0, #FFFFFF);
    border-radius: var(--apolo-radius-md, 6px);
}

.apolo-cuenta__btn-outline:hover[b-3jdy7xcogc] {
    background-color: var(--apolo-n100, #F1F5F9);
    color: var(--apolo-text-color-primary, #0F1923);
}

/* Tipografía de Labels */
[b-3jdy7xcogc] .apolo-input-label {
    font-size: var(--apolo-text-xs, 0.6875rem);
    font-weight: var(--apolo-font-semibold, 600);
    color: var(--apolo-text-color-secondary, #52637A);
}

/* Radio Buttons personalizados */
[b-3jdy7xcogc] .form-check-input:checked {
    background-color: var(--apolo-color-primary, #107FC9);
    border-color: var(--apolo-color-primary, #107FC9);
}

[b-3jdy7xcogc] .form-check-label {
    font-size: var(--apolo-text-sm, 0.8125rem);
    color: var(--apolo-color-primary-navy, #194270);
    cursor: pointer;
}

/* Caja MFA */
.apolo-cuenta__mfa-box[b-3jdy7xcogc] {
    border: 1px solid var(--apolo-n200, #E4ECF2);
    border-radius: var(--apolo-radius-lg, 8px);
    padding: var(--apolo-space-4, 16px);
    background-color: var(--apolo-n50, #F8FAFC);
}

.apolo-cuenta__mfa-title[b-3jdy7xcogc] {
    font-size: var(--apolo-text-sm, 0.8125rem);
    font-weight: var(--apolo-font-bold, 700);
    color: var(--apolo-color-primary-navy, #194270);
}

.apolo-cuenta__mfa-desc[b-3jdy7xcogc] {
    font-size: var(--apolo-text-xs, 0.6875rem);
}

.apolo-cuenta__mfa-switch[b-3jdy7xcogc] {
    width: 40px !important;
    height: 20px !important;
    cursor: pointer;
}

.apolo-cuenta__mfa-switch:checked[b-3jdy7xcogc] {
    background-color: var(--apolo-color-primary, #107FC9);
    border-color: var(--apolo-color-primary, #107FC9);
}

/* /Components/Pages/Configuracion/Domicilio.razor.rz.scp.css */
.apolo-domicilio[b-3egnj2q9pv] {
    /* Estilos específicos para la vista de domicilio si se requieren a futuro */
}
/* /Components/Pages/Configuracion/Facturacion.razor.rz.scp.css */
.apolo-tira .nav-tabs[b-22hjzc7hw1] {
    border-bottom: 1px solid #E2E8F0;
}

.apolo-tira .nav-link[b-22hjzc7hw1] {
    color: #9AA9B8;
    border: none;
    border-bottom: 2px solid transparent;
    padding-bottom: 0.75rem;
}

.apolo-tira .nav-link.active[b-22hjzc7hw1] {
    color: #107FC9 !important; /* Apolo primary blue */
    border-bottom: 2px solid #107FC9;
    background-color: transparent;
}
/* /Components/Pages/Configuracion/Membresia.razor.rz.scp.css */
.apolo-membresia h5[b-qc4j1igzrs] {
    color: #1E3A5F;
}

.apolo-membresia .card[b-qc4j1igzrs] {
    border-radius: 12px;
}

.apolo-membresia .progress[b-qc4j1igzrs] {
    height: 6px;
    border-radius: 10px;
    background-color: #F1F5F9;
}
/* /Components/Pages/CRM/CrmAdministrarEtapas.razor.rz.scp.css */
/* ==========================================================================
   APOLO SERVICES 2026 — Pantalla CRM: Administrar Etapas del Proceso
   BEM: .apolo-crm-etapas, .apolo-crm-etapas__*
   Tokens: apolo-tokens.css
   ========================================================================== */

.apolo-crm-etapas[b-wksiw4p828] {
    font-family: var(--apolo-font-family, 'Inter', sans-serif);
    color: var(--apolo-text-color-primary, #0F1923);
}

/* ── 1. Barra Superior y Títulos ────────────────────────────────────────── */
.apolo-btn-back[b-wksiw4p828] {
    background-color: #FFFFFF;
    color: var(--apolo-n800, #1E2A35);
    border: 1px solid var(--apolo-border-color, #CCD8E2);
    border-radius: var(--apolo-radius-md, 6px);
    font-size: var(--apolo-text-sm, 0.8125rem);
    font-weight: var(--apolo-font-semibold, 600);
    padding: 6px 14px;
    transition: var(--apolo-transition-color);
}

    .apolo-btn-back:hover[b-wksiw4p828] {
        background-color: var(--apolo-n50, #F8FAFC);
        color: var(--apolo-color-primary, #107FC9);
        border-color: var(--apolo-color-primary, #107FC9);
    }

.apolo-breadcrumb-link[b-wksiw4p828] {
    font-size: var(--apolo-text-sm, 0.8125rem);
    color: var(--apolo-text-color-secondary, #52637A);
    font-weight: var(--apolo-font-normal, 400);
}

    .apolo-breadcrumb-link:hover[b-wksiw4p828] {
        color: var(--apolo-color-primary, #107FC9);
    }

.apolo-crm-etapas__main-title[b-wksiw4p828] {
    font-size: 1.35rem;
    color: var(--apolo-color-primary-navy, #194270);
    letter-spacing: -0.2px;
}

.apolo-crm-etapas__subtitle[b-wksiw4p828] {
    font-size: var(--apolo-text-xs, 0.75rem);
    color: var(--apolo-text-color-secondary, #52637A);
}

.apolo-btn-top-save[b-wksiw4p828] {
    border-radius: var(--apolo-radius-md, 6px);
    font-size: var(--apolo-text-sm, 0.8125rem);
    height: 38px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

/* ── 2. Cards con Encabezado Azul Marino (#194270) ──────────────────────── */
.apolo-crm-etapas__card[b-wksiw4p828] {
    border: 1px solid var(--apolo-border-color-subtle, #E4ECF2) !important;
    border-radius: var(--apolo-radius-lg, 8px) !important;
    background-color: var(--apolo-surface-card, #FFFFFF);
    overflow: hidden;
}

.apolo-crm-etapas__card-header[b-wksiw4p828] {
    background-color: var(--apolo-color-primary-navy, #194270);
    color: #FFFFFF;
    min-height: 44px;
}

.apolo-crm-etapas__card-title[b-wksiw4p828] {
    font-size: var(--apolo-text-sm, 0.8125rem);
    letter-spacing: 0.5px;
    color: #FFFFFF;
}

.apolo-crm-etapas__card-body[b-wksiw4p828] {
    background-color: #FFFFFF;
}

.apolo-crm-etapas__label[b-wksiw4p828] {
    font-size: var(--apolo-text-sm, 0.8125rem);
    font-weight: var(--apolo-font-bold, 700);
    color: var(--apolo-n900, #0F1923);
}

.apolo-crm-etapas__help-text[b-wksiw4p828] {
    font-size: 0.72rem;
    color: var(--apolo-text-color-secondary, #7A8FA6);
}

/* ── 3. Inputs y Selects ────────────────────────────────────────────────── */
.apolo-crm-etapas[b-wksiw4p828]  .form-control,
.apolo-crm-etapas[b-wksiw4p828]  .form-select,
.apolo-crm-etapas__input[b-wksiw4p828] {
    border: 1px solid var(--apolo-border-color, #CCD8E2);
    border-radius: var(--apolo-radius-md, 6px);
    font-size: var(--apolo-text-sm, 0.8125rem);
    height: 38px;
    color: var(--apolo-n900, #0F1923);
    transition: var(--apolo-transition-color);
}

    .apolo-crm-etapas[b-wksiw4p828]  .form-control:focus,
    .apolo-crm-etapas[b-wksiw4p828]  .form-select:focus,
    .apolo-crm-etapas__input:focus[b-wksiw4p828] {
        border-color: var(--apolo-color-primary, #107FC9);
        box-shadow: var(--apolo-shadow-focus);
    }

.apolo-crm-etapas__select-unit[b-wksiw4p828] {
    max-width: 140px;
    border: 1px solid var(--apolo-border-color, #CCD8E2);
    border-left: 0;
    background-color: #FFFFFF;
    font-size: var(--apolo-text-sm, 0.8125rem);
    color: var(--apolo-n800, #1E2A35);
}

/* ── Grupo Híbrido: Rol Responsable + Nombre ────────────────────────────── */
.apolo-crm-etapas__responsable-group[b-wksiw4p828] {
    border-radius: var(--apolo-radius-md, 6px);
}

.apolo-crm-etapas__select-rol[b-wksiw4p828] {
    width: auto !important;
    min-width: 140px !important;
    max-width: 155px !important;
    background-color: var(--apolo-color-primary-light, #E8F4FD);
    color: var(--apolo-color-primary, #107FC9);
    font-weight: var(--apolo-font-bold, 700);
    font-size: 0.75rem;
    border: 1px solid var(--apolo-border-color, #CCD8E2);
    padding-left: 8px !important;
    padding-right: 26px !important;
    background-position: right 8px center !important;
    background-size: 10px 8px !important;
    cursor: pointer;
}

/* ── 4. Slider de Probabilidad de Éxito con Track Dinámico ──────────────── */
.apolo-slider-wrapper[b-wksiw4p828] {
    width: 100%;
    height: 38px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.apolo-crm-range[b-wksiw4p828] {
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    height: 8px;
    border-radius: 4px;
    background: linear-gradient(to right, #E77A31 0%, #E77A31 var(--range-progress, 50%), #E4ECF2 var(--range-progress, 50%), #E4ECF2 100%) !important;
    outline: none;
    cursor: pointer;
    margin: 0;
}

    .apolo-crm-range[b-wksiw4p828]::-webkit-slider-runnable-track {
        height: 8px;
        border-radius: 4px;
        background: transparent;
    }

    .apolo-crm-range[b-wksiw4p828]::-moz-range-track {
        height: 8px;
        border-radius: 4px;
        background: transparent;
    }

    .apolo-crm-range[b-wksiw4p828]::-moz-range-progress {
        height: 8px;
        border-radius: 4px;
        background: #E77A31;
    }

    .apolo-crm-range[b-wksiw4p828]::-webkit-slider-thumb {
        -webkit-appearance: none;
        appearance: none;
        width: 22px;
        height: 22px;
        border-radius: 50%;
        background-color: #FFFFFF;
        border: 4px solid #E77A31;
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
        cursor: pointer;
        margin-top: -7px;
        transition: transform 150ms ease;
    }

    .apolo-crm-range[b-wksiw4p828]::-moz-range-thumb {
        width: 22px;
        height: 22px;
        border-radius: 50%;
        background-color: #FFFFFF;
        border: 4px solid #E77A31;
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
        cursor: pointer;
        transition: transform 150ms ease;
    }

        .apolo-crm-range[b-wksiw4p828]::-webkit-slider-thumb:hover,
        .apolo-crm-range[b-wksiw4p828]::-moz-range-thumb:hover {
            transform: scale(1.15);
        }

.apolo-slider-labels[b-wksiw4p828] {
    font-size: 0.72rem;
    color: var(--apolo-text-color-secondary, #7A8FA6);
}

.apolo-slider-label--active[b-wksiw4p828] {
    color: #E77A31 !important;
}

/* ── 5. Selector de Plantilla Integrado ─────────────────────────────────── */
.apolo-template-selector[b-wksiw4p828] {
    background-color: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.25);
    border-radius: var(--apolo-radius-md, 6px);
    padding: 3px 8px;
    color: #FFFFFF;
}

.apolo-template-select[b-wksiw4p828] {
    background-color: transparent !important;
    color: #FFFFFF !important;
    border: none !important;
    font-size: var(--apolo-text-xs, 0.75rem) !important;
    font-weight: var(--apolo-font-semibold, 600) !important;
    padding-right: 24px;
    cursor: pointer;
}

    .apolo-template-select option[b-wksiw4p828] {
        background-color: var(--apolo-color-primary-navy, #194270);
        color: #FFFFFF;
    }

/* ── 6. Tabla de Etapas y Flujo de Trabajo ──────────────────────────────── */
.apolo-crm-table[b-wksiw4p828] {
    border-collapse: separate;
    border-spacing: 0 8px;
}

.apolo-crm-table__header-row th[b-wksiw4p828] {
    font-size: 0.72rem;
    font-weight: var(--apolo-font-bold, 700);
    letter-spacing: 0.4px;
    color: var(--apolo-text-color-secondary, #7A8FA6);
    border-bottom: none;
    padding-bottom: 6px;
}

.apolo-crm-table__th-orden[b-wksiw4p828] {
    width: 75px;
}

.apolo-crm-table__th-nombre[b-wksiw4p828] {
    min-width: 240px;
}

.apolo-crm-table__th-duracion[b-wksiw4p828] {
    width: 175px;
}

.apolo-crm-table__th-fecha[b-wksiw4p828] {
    width: 160px;
}

.apolo-crm-table__th-estado[b-wksiw4p828] {
    width: 160px;
}

.apolo-crm-table__th-acciones[b-wksiw4p828] {
    width: 150px;
}

.apolo-crm-row td[b-wksiw4p828] {
    background-color: #FFFFFF;
    border: 1px solid transparent;
    padding: 6px 6px;
}

.apolo-crm-row--active td[b-wksiw4p828] {
    background-color: #FFFFFF;
}

/* Fila PADRE: fondo blanco limpio */
.apolo-crm-row--parent td[b-wksiw4p828] {
    background-color: #FFFFFF;
}

/* Fila SUBETAPA: fondo ligeramente gris azulado + borde izquierdo marcado */
.apolo-crm-row--sub td[b-wksiw4p828] {
    background-color: #F8FAFC;
}

    .apolo-crm-row--sub td:first-child[b-wksiw4p828] {
        border-left: 3px solid var(--apolo-color-primary-light, #E8F4FD);
    }

/* Fila DESHABILITADA (etapa/subetapa ya pasada): fondo gris suave similar a ApoloPanel */
.apolo-crm-row--disabled td[b-wksiw4p828] {
    background-color: #F8FAFC !important;
}

.apolo-crm-row--disabled .form-control:disabled[b-wksiw4p828] {
    background-color: #EEF2F6 !important;
    color: var(--apolo-text-color-secondary, #64748B) !important;
    border-color: #CCD8E2 !important;
    cursor: not-allowed;
}

.apolo-crm-row--disabled .apolo-duracion-addon[b-wksiw4p828] {
    background-color: #EEF2F6 !important;
    color: var(--apolo-text-color-secondary, #64748B) !important;
    border-color: #CCD8E2 !important;
}

.apolo-crm-row--disabled .apolo-order-circle[b-wksiw4p828] {
    background-color: #E2E8F0;
    color: #64748B;
}

.apolo-crm-row--disabled .apolo-crm-grip[b-wksiw4p828] {
    opacity: 0.35;
    cursor: not-allowed;
}

.apolo-crm-input--active[b-wksiw4p828] {
    border-color: var(--apolo-color-primary, #107FC9) !important;
}

.apolo-duracion-group--active[b-wksiw4p828],
.apolo-duracion-group--active .form-control[b-wksiw4p828],
.apolo-duracion-group--active .input-group-text[b-wksiw4p828],
.apolo-fecha-group--active .form-control[b-wksiw4p828] {
    border-color: var(--apolo-color-primary, #107FC9) !important;
}

/* Grip de arrastre */
.apolo-crm-grip[b-wksiw4p828] {
    color: var(--apolo-n400, #A8BACB);
    cursor: grab;
    padding: 4px;
}

/* Círculo con número de orden */
.apolo-order-circle[b-wksiw4p828] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background-color: var(--apolo-n100, #F1F5F9);
    color: var(--apolo-n700, #344050);
    font-size: 0.75rem;
    font-weight: var(--apolo-font-bold, 700);
}

.apolo-order-circle--active[b-wksiw4p828] {
    background-color: var(--apolo-color-primary-navy, #194270);
    color: #FFFFFF;
}

/* Círculo de subetapa: más pequeño y con tono distinto */
.apolo-order-circle--sub[b-wksiw4p828] {
    width: 24px;
    height: 24px;
    font-size: 0.6875rem;
    background-color: #E8F4FD;
    color: var(--apolo-color-primary-dark, #0D56A6);
}

    .apolo-order-circle--sub.apolo-order-circle--active[b-wksiw4p828] {
        background-color: var(--apolo-color-primary-navy, #194270);
        color: #FFFFFF;
    }

/* ── INDENTACIÓN Y LÍNEA GUÍA PARA SUBETAPAS ─────────────────────────────── */
.apolo-crm-sub-indent[b-wksiw4p828] {
    padding-left: 14px;
    position: relative;
}

.apolo-crm-sub-guide[b-wksiw4p828] {
    display: inline-block;
    width: 14px;
    height: 26px;
    margin-right: 4px;
    border-left: 2px dashed #B6C9DA;
    border-bottom: 2px dashed #B6C9DA;
    border-bottom-left-radius: 6px;
    align-self: stretch;
}

/* Input de subetapa: tipografía ligeramente menor */
.apolo-crm-etapas__input--sub[b-wksiw4p828] {
    font-size: 0.78rem !important;
    background-color: #FFFFFF;
}

/* Addon "días hábiles" */
.apolo-duracion-addon[b-wksiw4p828] {
    font-size: var(--apolo-text-xs, 0.75rem);
    border: 1px solid var(--apolo-border-color, #CCD8E2);
    border-left: 0;
}

/* ── 7. Estado Actual (Badges y Botones) ─────────────────────────────────── */
.apolo-badge-etapa-actual[b-wksiw4p828] {
    background-color: #E8F8F0;
    color: #198754;
    border: 1px solid #198754;
    padding: 6px 14px;
    border-radius: var(--apolo-radius-full, 9999px);
    font-size: 0.75rem;
    font-weight: var(--apolo-font-semibold, 600);
}

.apolo-badge-etapa-actual__dot[b-wksiw4p828] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #198754;
}

.apolo-btn-marcar-actual[b-wksiw4p828] {
    background-color: #FFFFFF;
    color: var(--apolo-text-color-secondary, #52637A);
    border: 1px solid var(--apolo-border-color, #CCD8E2);
    padding: 6px 14px;
    border-radius: var(--apolo-radius-full, 9999px);
    font-size: 0.75rem;
    font-weight: var(--apolo-font-semibold, 600);
    transition: var(--apolo-transition-color);
}

    .apolo-btn-marcar-actual:hover:not(:disabled)[b-wksiw4p828] {
        background-color: var(--apolo-n50, #F8FAFC);
        color: var(--apolo-color-primary, #107FC9);
        border-color: var(--apolo-color-primary, #107FC9);
    }

    .apolo-btn-marcar-actual:disabled[b-wksiw4p828] {
        opacity: 0.6;
        cursor: not-allowed;
        background-color: #FAFAFA;
        border-color: #E2E8F0;
    }

.apolo-btn-marcar-actual__circle[b-wksiw4p828] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 1.5px solid var(--apolo-text-color-secondary, #7A8FA6);
}

/* ── 8. Botones Cuadrados de Acción ─────────────────────────────────────── */
.apolo-btn-action-square[b-wksiw4p828] {
    width: 32px;
    height: 32px;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--apolo-radius-md, 6px);
    border: none;
    transition: var(--apolo-transition-color);
}

.apolo-btn-action-square--accent[b-wksiw4p828] {
    background-color: var(--apolo-color-accent, #FAC414) !important;
    color: var(--apolo-n900, #0F1923) !important;
}

    .apolo-btn-action-square--accent:hover:not(:disabled)[b-wksiw4p828] {
        background-color: var(--apolo-color-accent-dark, #D4A50F) !important;
    }

    .apolo-btn-action-square--accent:disabled[b-wksiw4p828] {
        opacity: 0.45;
        cursor: not-allowed;
    }

.apolo-btn-action-square--danger[b-wksiw4p828] {
    background-color: #FDE8E8 !important;
    color: #DC3545 !important;
}

    .apolo-btn-action-square--danger:hover:not(:disabled)[b-wksiw4p828] {
        background-color: #F8D7DA !important;
    }

    .apolo-btn-action-square--danger:disabled[b-wksiw4p828] {
        opacity: 0.45;
        cursor: not-allowed;
    }

/* ── 9. Botón Punteado para Agregar Etapa ────────────────────────────────── */
.apolo-btn-add-dashed[b-wksiw4p828] {
    border: 1.5px dashed #90CDF4;
    background-color: #F0F7FF;
    border-radius: var(--apolo-radius-md, 6px);
    color: var(--apolo-color-primary, #107FC9);
    font-size: var(--apolo-text-sm, 0.8125rem);
    transition: background-color 150ms ease, border-color 150ms ease;
}

    .apolo-btn-add-dashed:hover[b-wksiw4p828] {
        background-color: #E1EFFE;
        border-color: var(--apolo-color-primary, #107FC9);
        color: var(--apolo-color-primary-dark, #0D56A6);
    }

/* ── 10. Botones de Pie de Página ───────────────────────────────────────── */
.apolo-btn-lg-action[b-wksiw4p828] {
    border-radius: var(--apolo-radius-md, 6px);
    height: 42px;
    font-size: var(--apolo-text-sm, 0.8125rem);
}

.apolo-crm-etapas__last-mod[b-wksiw4p828] {
    font-size: 0.75rem;
    color: var(--apolo-text-color-secondary, #7A8FA6);
}

/* ── 11. Adaptaciones Responsive ───────────────────────────────────────── */
@media (max-width: 991.98px) {
    .apolo-crm-etapas__topbar[b-wksiw4p828] {
        text-align: left !important;
    }

    .apolo-btn-action-square[b-wksiw4p828] {
        width: 36px;
        height: 36px;
    }
}

@media (max-width: 767.98px) {
    .apolo-crm-etapas__footer[b-wksiw4p828] {
        flex-direction: column;
        align-items: stretch !important;
    }

        .apolo-crm-etapas__footer .d-flex[b-wksiw4p828] {
            flex-direction: column;
            width: 100%;
        }

    .apolo-btn-lg-action[b-wksiw4p828] {
        width: 100%;
    }

    .apolo-crm-etapas__last-mod[b-wksiw4p828] {
        text-align: center;
    }

    /* En móvil reducimos la indentación para no perder espacio útil */
    .apolo-crm-sub-indent[b-wksiw4p828] {
        padding-left: 6px;
    }

    .apolo-crm-sub-guide[b-wksiw4p828] {
        width: 10px;
        margin-right: 2px;
    }
}
/* /Components/Pages/CRM/CrmChecklist.razor.rz.scp.css */
/* ==========================================================================
   APOLO SERVICES 2026 — Pantalla Configuración de Checklist (CRM)
   Nomenclatura BEM estricta + Tokens del Sistema
   ========================================================================== */

.apolo-checklist[b-7hdt0xgxoq] {
    width: 100%;
    margin: 0 auto;
}

/* ── 1. BARRA SUPERIOR ─────────────────────────────────────────────────── */
.apolo-checklist__topbar[b-7hdt0xgxoq] {
    margin-bottom: var(--apolo-space-3, 1rem);
}

/* ── 2. TARJETA PRINCIPAL ──────────────────────────────────────────────── */
.apolo-checklist__card[b-7hdt0xgxoq] {
    background-color: var(--apolo-surface-card, #FFFFFF);
    border-radius: var(--apolo-radius-xl, 12px) !important;
}

.apolo-checklist__title[b-7hdt0xgxoq] {
    color: var(--apolo-n900, #0F1923);
}

.apolo-checklist__subtitle[b-7hdt0xgxoq] {
    color: var(--apolo-text-color-secondary, #52637A);
}

/* Barra de progreso */
.apolo-checklist__progress[b-7hdt0xgxoq] {
    height: 6px;
    background-color: var(--apolo-n200, #E4ECF2);
    border-radius: var(--apolo-radius-full, 9999px);
    min-width: 180px;
    overflow: hidden;
}

.apolo-checklist__progress-bar[b-7hdt0xgxoq] {
    background-color: var(--apolo-color-accent, #FAC414);
    transition: width 250ms ease;
}

/* ── 3. SELECTOR DE ETAPA / SUBETAPA ────────────────────────────────────── */
.apolo-checklist__stage-selector[b-7hdt0xgxoq] {
    background-color: var(--apolo-n50, #F8FAFC);
    border: 1px solid var(--apolo-n200, #E4ECF2);
}

.apolo-checklist__stage-label[b-7hdt0xgxoq] {
    font-size: var(--apolo-text-xs, 11px);
    letter-spacing: 0.5px;
}

.apolo-checklist__stage-btn[b-7hdt0xgxoq] {
    background-color: var(--apolo-n0, #FFFFFF);
    border: 1px solid var(--apolo-border-color, #CCD8E2);
    border-radius: var(--apolo-radius-md, 6px);
    min-width: 240px;
    transition: var(--apolo-transition-color);
}

    .apolo-checklist__stage-btn:hover[b-7hdt0xgxoq] {
        border-color: var(--apolo-color-primary, #107FC9);
    }

.apolo-checklist__stage-badge[b-7hdt0xgxoq] {
    background-color: var(--apolo-n100, #F1F5F9);
    font-size: var(--apolo-text-xs, 12px);
    padding: 3px 8px;
}

/* ── 4. PÍLDORAS DE FILTRO ─────────────────────────────────────────────── */
.apolo-checklist__filter-pill[b-7hdt0xgxoq] {
    background-color: var(--apolo-n100, #F1F5F9);
    color: var(--apolo-text-color-secondary, #52637A);
    border: none;
    border-radius: var(--apolo-radius-full, 9999px);
    padding: 6px 14px;
    font-size: var(--apolo-text-sm, 13px);
    font-weight: var(--apolo-font-medium, 500);
    display: inline-flex;
    align-items: center;
    gap: 6px;
    transition: var(--apolo-transition-color);
}

    .apolo-checklist__filter-pill.active[b-7hdt0xgxoq] {
        background-color: var(--apolo-surface-sidebar, #194270);
        color: var(--apolo-n0, #FFFFFF);
    }

.apolo-checklist__dot[b-7hdt0xgxoq] {
    width: 8px;
    height: 8px;
    border-radius: var(--apolo-radius-full, 9999px);
    display: inline-block;
}

.apolo-checklist__dot--warning[b-7hdt0xgxoq] {
    background-color: var(--apolo-color-warning, #FFC107);
}

.apolo-checklist__dot--success[b-7hdt0xgxoq] {
    background-color: var(--apolo-color-success, #198754);
}

.apolo-checklist__dot--primary[b-7hdt0xgxoq] {
    background-color: var(--apolo-color-primary, #107FC9);
}

.apolo-checklist__dot--alta[b-7hdt0xgxoq] {
    background-color: #D97706;
}

.apolo-checklist__dot--normal[b-7hdt0xgxoq] {
    background-color: var(--apolo-n500, #7A8FA6);
}

.apolo-checklist__dot--urgente[b-7hdt0xgxoq] {
    background-color: var(--apolo-color-danger, #DC3545);
}

.apolo-checklist__reorder-hint[b-7hdt0xgxoq] {
    font-size: var(--apolo-text-xs, 12px);
}

/* ── 5. FILAS DE TAREAS ─────────────────────────────────────────────────── */
.apolo-checklist__item[b-7hdt0xgxoq] {
    background-color: var(--apolo-n0, #FFFFFF);
    border: 1px solid var(--apolo-border-color-subtle, #E4ECF2);
    transition: box-shadow 150ms ease, border-color 150ms ease;
}

    .apolo-checklist__item:hover[b-7hdt0xgxoq] {
        box-shadow: var(--apolo-shadow-sm, 0 1px 2px rgba(15, 25, 35, 0.06));
        border-color: var(--apolo-border-color, #CCD8E2);
    }

.apolo-checklist__item--completed[b-7hdt0xgxoq] {
    background-color: #FCFDFE;
}

.apolo-checklist__task-title[b-7hdt0xgxoq] {
    font-size: var(--apolo-text-base, 15px);
    color: var(--apolo-n900, #0F1923);
}

.apolo-checklist__task-title--checked[b-7hdt0xgxoq] {
    color: var(--apolo-text-color-secondary, #52637A);
}

.apolo-checklist__grip[b-7hdt0xgxoq] {
    cursor: grab;
    user-select: none;
}

.apolo-checklist__mandatory-warning[b-7hdt0xgxoq] {
    font-size: var(--apolo-text-xs, 12px);
    font-weight: var(--apolo-font-medium, 500);
    color: #B45309;
}

/* Píldoras de información */
.apolo-checklist__badge-pill[b-7hdt0xgxoq] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 10px;
    border-radius: var(--apolo-radius-full, 9999px);
    font-size: var(--apolo-text-xs, 12px);
    font-weight: var(--apolo-font-medium, 500);
}

.apolo-checklist__badge-pill--user[b-7hdt0xgxoq] {
    background-color: var(--apolo-color-primary-light, #E8F4FD);
    color: var(--apolo-color-primary-dark, #0D56A6);
}

.apolo-checklist__badge-pill--date[b-7hdt0xgxoq] {
    background-color: var(--apolo-color-primary-light, #E8F4FD);
    color: var(--apolo-color-primary-dark, #0D56A6);
}

.apolo-checklist__badge-pill--priority[b-7hdt0xgxoq] {
    background-color: var(--apolo-n100, #F1F5F9);
    color: var(--apolo-n700, #344050);
}

.apolo-checklist__badge-pill--alta[b-7hdt0xgxoq] {
    background-color: #FEF3C7;
    color: #92400E;
}

.apolo-checklist__badge-pill--urgente[b-7hdt0xgxoq] {
    background-color: var(--apolo-color-danger-light, #F8D7DA);
    color: var(--apolo-color-danger-dark, #842029);
}

/* ── ACCIONES DE FILA (Siempre visibles) ─────────────────────────────── */
.apolo-checklist__actions[b-7hdt0xgxoq] {
    display: inline-flex;
    align-items: center;
    gap: var(--apolo-space-2, 8px);
    opacity: 1 !important;
    visibility: visible !important;
}

.apolo-checklist__btn-action[b-7hdt0xgxoq] {
    width: 32px;
    height: 32px;
    padding: 0;
    border-radius: var(--apolo-radius-full, 9999px);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: var(--apolo-transition-color);
}

/* Botón Editar: Círculo blanco con borde sutil */
.apolo-checklist__btn-action--edit[b-7hdt0xgxoq] {
    background-color: var(--apolo-n0, #FFFFFF);
    border: 1px solid var(--apolo-n300, #CCD8E2);
    color: var(--apolo-n600, #52637A);
}

    .apolo-checklist__btn-action--edit:hover[b-7hdt0xgxoq] {
        background-color: var(--apolo-n100, #F1F5F9);
        border-color: var(--apolo-color-primary, #107FC9);
        color: var(--apolo-color-primary, #107FC9);
    }

/* Botón Eliminar: Círculo pastel rojizo suave */
.apolo-checklist__btn-action--delete[b-7hdt0xgxoq] {
    background-color: #FEE2E2;
    border: 1px solid #FECACA;
    color: var(--apolo-color-danger, #DC3545);
}

    .apolo-checklist__btn-action--delete:hover[b-7hdt0xgxoq] {
        background-color: #FCA5A5;
        color: #991B1B;
    }

/* ── 6. ESTADO EN EDICIÓN ("EDITANDO TAREA") ───────────────────────────── */
.apolo-checklist__item--editing[b-7hdt0xgxoq] {
    position: relative;
    border: 2px solid var(--apolo-color-primary, #107FC9) !important;
    background-color: var(--apolo-n0, #FFFFFF);
    box-shadow: 0 4px 12px rgba(16, 127, 201, 0.12);
}

.apolo-checklist__editing-badge[b-7hdt0xgxoq] {
    position: absolute;
    top: -2px;
    left: -2px;
    background-color: var(--apolo-color-primary, #107FC9);
    color: var(--apolo-n0, #FFFFFF);
    font-size: 11px;
    font-weight: var(--apolo-font-bold, 700);
    padding: 3px 12px;
    border-top-left-radius: var(--apolo-radius-md, 6px);
    border-bottom-right-radius: var(--apolo-radius-md, 6px);
    letter-spacing: 0.5px;
}

.apolo-checklist__input-label[b-7hdt0xgxoq] {
    font-size: 10px;
    font-weight: var(--apolo-font-bold, 700);
    color: var(--apolo-color-primary, #107FC9);
    letter-spacing: 0.3px;
}

.apolo-checklist__input[b-7hdt0xgxoq] {
    font-size: var(--apolo-text-sm, 13px);
    border-radius: var(--apolo-radius-md, 6px);
    border-color: var(--apolo-border-color, #CCD8E2);
}

.apolo-checklist__btn-save-inline[b-7hdt0xgxoq] {
    width: 38px;
    height: 38px;
    background-color: var(--apolo-color-success, #198754);
    color: var(--apolo-n0, #FFFFFF);
    border-radius: var(--apolo-radius-md, 6px);
    border: none;
    transition: var(--apolo-transition-color);
}

    .apolo-checklist__btn-save-inline:hover[b-7hdt0xgxoq] {
        background-color: var(--apolo-color-success-dark, #0F5132);
    }

/* ── 7. BOTÓN AÑADIR NUEVA TAREA ───────────────────────────────────────── */
.apolo-checklist__add-box[b-7hdt0xgxoq] {
    border: 2px dashed #B8DAF5;
    background-color: #F8FBFE;
    color: var(--apolo-color-primary, #107FC9);
    border-radius: var(--apolo-radius-lg, 8px);
    transition: background-color 150ms ease, border-color 150ms ease;
}

    .apolo-checklist__add-box:hover[b-7hdt0xgxoq] {
        background-color: var(--apolo-color-primary-light, #E8F4FD);
        border-color: var(--apolo-color-primary, #107FC9);
        color: var(--apolo-color-primary-dark, #0D56A6);
    }

/* ── 8. BARRA INFERIOR DE ACCIONES ─────────────────────────────────────── */
.apolo-checklist__bottom-bar[b-7hdt0xgxoq] {
    border-top: 1px solid var(--apolo-border-color-subtle, #E4ECF2);
}

/* ── 9. RESPONSIVE Y ZONAS TÁCTILES ─────────────────────────────────────── */
@media (max-width: 767.98px) {
    .apolo-checklist__stage-btn[b-7hdt0xgxoq] {
        width: 100%;
    }

    .apolo-checklist__actions[b-7hdt0xgxoq] {
        width: 100%;
        justify-content: flex-end;
    }
}
/* ── 10. ESTADO VACÍO (EMPTY STATE) ─────────────────────────────────────── */
.apolo-checklist-empty[b-7hdt0xgxoq] {
    max-width: 480px;
    margin: 0 auto;
}

.apolo-checklist-empty__graphic-wrapper[b-7hdt0xgxoq] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: transform 250ms ease;
}

    .apolo-checklist-empty__graphic-wrapper:hover[b-7hdt0xgxoq] {
        transform: translateY(-2px);
    }

.apolo-checklist-empty__title[b-7hdt0xgxoq] {
    color: var(--apolo-n900, #0F1923);
    font-size: var(--apolo-text-xl, 1.25rem);
}

.apolo-checklist-empty__desc[b-7hdt0xgxoq] {
    color: var(--apolo-text-color-secondary, #52637A);
    line-height: var(--apolo-leading-normal, 1.5);
    max-width: 420px;
}

.apolo-checklist-empty__btn[b-7hdt0xgxoq] {
    box-shadow: var(--apolo-shadow-sm, 0 1px 2px rgba(15, 25, 35, 0.06));
    transition: var(--apolo-transition-color);
}
/* /Components/Pages/CRM/CrmCrearReporte.razor.rz.scp.css */
/* ==========================================================================
   APOLO SERVICES 2026 — Pantalla CRM (Crear reporte de servicios)
   BEM: .apolo-crm-reporte, .apolo-crm-reporte__*
   Tokens: apolo-tokens.css
   ========================================================================== */

/* ── 1. Título de la sección ───────────────────────────────────────────── */
.apolo-crm-reporte__section-title[b-8ax55q42fr] {
    font-size: var(--apolo-text-xl, 1.25rem);
    color: var(--apolo-color-primary-navy, #194270);
    margin-top: 0;
}

/* ── 2. Cards con encabezado azul marino ───────────────────────────────── */
.apolo-crm-reporte__card[b-8ax55q42fr] {
    border: 1px solid var(--apolo-border-color-subtle, #E4ECF2);
    border-radius: var(--apolo-radius-lg, 8px);
    background-color: var(--apolo-surface-card, #FFFFFF);
    overflow: hidden;
}

.apolo-crm-reporte__card-header[b-8ax55q42fr] {
    background-color: var(--apolo-color-primary-navy, #194270);
    color: var(--apolo-n0, #FFFFFF);
    padding: 8px 16px;
    text-align: center;
}

    .apolo-crm-reporte__card-header h3[b-8ax55q42fr] {
        color: var(--apolo-n0, #FFFFFF);
        font-size: var(--apolo-text-sm, 0.8125rem);
        letter-spacing: 0.3px;
    }

.apolo-crm-reporte__card-body[b-8ax55q42fr] {
    padding: 16px 20px;
}

/* ── 3. Labels y campos centrados según el diseño Figma ─────────────────── */
.apolo-crm-reporte__label[b-8ax55q42fr] {
    font-size: var(--apolo-text-xs, 0.75rem);
    font-weight: var(--apolo-font-semibold, 600);
    color: var(--apolo-color-primary-navy, #194270);
    margin-bottom: 4px;
}

.apolo-crm-reporte__required[b-8ax55q42fr] {
    color: var(--apolo-color-danger, #DC3545);
    margin-left: 2px;
}

.apolo-crm-reporte__optional[b-8ax55q42fr] {
    font-weight: var(--apolo-font-normal, 400);
    color: var(--apolo-text-color-secondary, #52637A);
    font-size: var(--apolo-text-xs, 0.75rem);
}

.apolo-crm-reporte__input[b-8ax55q42fr] {
    border-radius: var(--apolo-radius-md, 6px);
    border: 1px solid var(--apolo-border-color, #CCD8E2);
    font-size: var(--apolo-text-sm, 0.8125rem);
    height: 36px;
    text-align: center; /* Centrado fiel al diseño de Figma */
    transition: var(--apolo-transition-color);
}

    .apolo-crm-reporte__input[b-8ax55q42fr]::placeholder {
        text-align: center;
        color: var(--apolo-text-color-disabled, #A8BACB);
    }

    .apolo-crm-reporte__input:focus[b-8ax55q42fr] {
        border-color: var(--apolo-color-primary, #107FC9);
        box-shadow: var(--apolo-shadow-focus, 0 0 0 3px rgba(16, 127, 201, 0.25));
    }

    .apolo-crm-reporte__input:disabled[b-8ax55q42fr] {
        background-color: var(--apolo-n50, #F8FAFC);
        cursor: not-allowed;
        color: var(--apolo-text-color-disabled, #A8BACB);
    }

/* Mensajes de validación y campos inválidos */
.apolo-crm-reporte__card-body[b-8ax55q42fr]  .invalid,
.apolo-crm-reporte__card-body[b-8ax55q42fr]  .is-invalid,
.apolo-crm-reporte__card-body .invalid[b-8ax55q42fr],
.apolo-crm-reporte__card-body .is-invalid[b-8ax55q42fr],
.apolo-crm-reporte__input.invalid[b-8ax55q42fr],
.apolo-crm-reporte__input.is-invalid[b-8ax55q42fr] {
    border-color: #DC3545 !important;
}

.apolo-crm-reporte__card-body[b-8ax55q42fr]  .validation-message,
.apolo-crm-reporte__card-body .validation-message[b-8ax55q42fr],
.validation-message[b-8ax55q42fr] {
    display: block;
    color: #DC3545 !important;
    font-size: 0.75rem;
    margin-top: 4px;
    text-align: left;
}

/* ── 4. Botones inferiores Guardar / Cancelar ───────────────────────────── */
.apolo-crm-reporte__btn-save[b-8ax55q42fr] {
    background-color: var(--apolo-color-accent, #FAC414) !important;
    border-color: var(--apolo-color-accent, #FAC414) !important;
    color: var(--apolo-n900, #0F1923) !important;
    border-radius: var(--apolo-radius-md, 6px);
    height: 36px;
    font-size: var(--apolo-text-sm, 0.8125rem);
    font-weight: var(--apolo-font-semibold, 600);
    padding: 0 24px;
    border: none;
    transition: var(--apolo-transition-color);
}

    .apolo-crm-reporte__btn-save:hover[b-8ax55q42fr] {
        background-color: var(--apolo-color-accent-dark, #D4A50F) !important;
    }

.apolo-crm-reporte__btn-cancel[b-8ax55q42fr] {
    background-color: var(--apolo-color-danger, #DC3545) !important;
    border-color: var(--apolo-color-danger, #DC3545) !important;
    color: var(--apolo-n0, #FFFFFF) !important;
    border-radius: var(--apolo-radius-md, 6px);
    height: 36px;
    font-size: var(--apolo-text-sm, 0.8125rem);
    font-weight: var(--apolo-font-semibold, 600);
    padding: 0 24px;
    border: none;
    transition: var(--apolo-transition-color);
}

    .apolo-crm-reporte__btn-cancel:hover[b-8ax55q42fr] {
        background-color: #B02A37 !important;
    }

/* ── 5. Responsive móvil (< 576px) ─────────────────────────────────────── */
@media (max-width: 575.98px) {
    .apolo-crm-reporte__card-body[b-8ax55q42fr] {
        padding: 12px;
    }

    .apolo-crm-reporte__btn-save[b-8ax55q42fr],
    .apolo-crm-reporte__btn-cancel[b-8ax55q42fr] {
        width: 100%;
        min-height: 44px;
    }
}
/* /Components/Pages/CRM/CrmDetalleReporte.razor.rz.scp.css */
/* ==========================================================================
   APOLO SERVICES 2026 — CRM Detalle: Reporte de Servicios
   BEM estricto + Tokens de Diseño canónicos
   ========================================================================== */

.apolo-crm-detalle[b-f2022tjb4q] {
    padding-bottom: var(--apolo-space-8, 32px);
}

/* ── 1. Botón Regresar al Listado ────────────────────────────────────────── */
.apolo-crm-btn-back[b-f2022tjb4q] {
    background-color: var(--apolo-color-accent, #FAC414) !important;
    color: var(--apolo-n900, #0F1923) !important;
    border-radius: var(--apolo-radius-lg, 8px) !important;
    font-weight: var(--apolo-font-semibold, 600) !important;
    border: none !important;
    padding: 0.45rem 1.15rem !important;
    min-height: 38px;
    box-shadow: var(--apolo-shadow-sm);
    transition: background-color var(--apolo-transition-color);
}

    .apolo-crm-btn-back:hover[b-f2022tjb4q] {
        background-color: var(--apolo-color-accent-dark, #D4A50F) !important;
    }

/* ── 2. Banner Superior del Asunto ──────────────────────────────────────── */
.apolo-crm-banner[b-f2022tjb4q] {
    background-color: var(--apolo-surface-card, #FFFFFF);
    border-radius: var(--apolo-radius-xl, 12px) !important;
}

.apolo-crm-banner__avatar[b-f2022tjb4q] {
    width: 44px;
    height: 44px;
    background-color: var(--apolo-surface-sidebar, #194270);
    color: var(--apolo-n0, #FFFFFF);
    border-radius: var(--apolo-radius-lg, 8px);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: var(--apolo-font-bold, 700);
    font-size: 1.05rem;
}

.apolo-crm-banner__eyebrow[b-f2022tjb4q] {
    font-size: 0.6875rem; /* 11px */
    letter-spacing: 0.06em;
    color: var(--apolo-n600, #52637A);
    font-weight: var(--apolo-font-semibold, 600);
}

.apolo-crm-banner__title[b-f2022tjb4q] {
    font-size: 1.5rem;
    color: var(--apolo-surface-sidebar, #194270);
    font-weight: var(--apolo-font-bold, 700);
    letter-spacing: -0.02em;
}

/* Botones píldora dentro del banner */
.apolo-crm-pill-btn[b-f2022tjb4q] {
    border-radius: var(--apolo-radius-full, 9999px) !important;
    padding: 0.45rem 1.25rem !important;
    font-size: 0.8125rem !important;
    font-weight: var(--apolo-font-semibold, 600) !important;
    display: inline-flex;
    align-items: center;
    gap: var(--apolo-space-2, 8px);
    min-height: 38px;
    transition: background-color var(--apolo-transition-color), color var(--apolo-transition-color);
}

.apolo-crm-pill-btn--outline[b-f2022tjb4q] {
    background-color: transparent !important;
    color: var(--apolo-color-primary, #107FC9) !important;
    border: 1px solid #BAE6FD !important;
}

    .apolo-crm-pill-btn--outline:hover[b-f2022tjb4q] {
        background-color: var(--apolo-color-primary-light, #E8F4FD) !important;
        border-color: var(--apolo-color-primary, #107FC9) !important;
    }

.apolo-crm-pill-btn--accent[b-f2022tjb4q] {
    background-color: var(--apolo-color-accent, #FAC414) !important;
    color: var(--apolo-n900, #0F1923) !important;
    border: none !important;
}

    .apolo-crm-pill-btn--accent:hover[b-f2022tjb4q] {
        background-color: var(--apolo-color-accent-dark, #D4A50F) !important;
    }

/* ── 3. Tarjetas KPI ────────────────────────────────────────────────────── */
.apolo-crm-kpi-card[b-f2022tjb4q] {
    border-radius: var(--apolo-radius-xl, 12px) !important;
    background-color: var(--apolo-surface-card, #FFFFFF);
    border-top: 4px solid transparent !important;
}

.apolo-crm-kpi-card--primary[b-f2022tjb4q] {
    border-top-color: var(--apolo-surface-sidebar, #194270) !important;
}

.apolo-crm-kpi-card--info[b-f2022tjb4q] {
    border-top-color: #00A3E0 !important;
}

.apolo-crm-kpi-card--danger[b-f2022tjb4q] {
    border-top-color: var(--apolo-color-danger, #DC3545) !important;
}

.apolo-crm-kpi-card--accent[b-f2022tjb4q] {
    border-top-color: var(--apolo-color-accent, #FAC414) !important;
}

.apolo-crm-kpi-card__label[b-f2022tjb4q] {
    font-size: 0.6875rem; /* 11px */
    letter-spacing: 0.04em;
    color: var(--apolo-n600, #52637A);
    font-weight: var(--apolo-font-semibold, 600);
}

.apolo-crm-kpi-card__label--danger[b-f2022tjb4q] {
    color: var(--apolo-color-danger, #DC3545) !important;
}

.apolo-crm-kpi-card__value[b-f2022tjb4q] {
    font-size: 1.6rem;
    font-weight: var(--apolo-font-bold, 700);
    color: var(--apolo-n900, #0F1923);
    line-height: 1.2;
}

.apolo-crm-kpi-card__subtext[b-f2022tjb4q] {
    font-size: 0.75rem;
    color: var(--apolo-n600, #52637A);
    margin-top: 4px;
}

/* Donut Chart en KPI 2 */
.apolo-crm-donut[b-f2022tjb4q] {
    width: 48px;
    height: 48px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.apolo-crm-donut__svg[b-f2022tjb4q] {
    width: 100%;
    height: 100%;
    transform: rotate(-90deg);
}

.apolo-crm-donut__bg[b-f2022tjb4q] {
    fill: none;
    stroke: #E2E8F0;
    stroke-width: 3.5;
}

.apolo-crm-donut__fill[b-f2022tjb4q] {
    fill: none;
    stroke: #00A3E0;
    stroke-width: 3.5;
    stroke-linecap: round;
}

.apolo-crm-donut__text[b-f2022tjb4q] {
    position: absolute;
    font-size: 0.6875rem;
    font-weight: var(--apolo-font-bold, 700);
    color: var(--apolo-n900, #0F1923);
}

/* ── 4. Tarjetas Base y Cabeceras ───────────────────────────────────────── */
.apolo-crm-card[b-f2022tjb4q] {
    border-radius: var(--apolo-radius-xl, 12px) !important;
    overflow: hidden;
    background-color: var(--apolo-surface-card, #FFFFFF);
}

.apolo-crm-card__header[b-f2022tjb4q] {
    background-color: var(--apolo-surface-sidebar, #194270);
    color: var(--apolo-text-color-on-primary, #FFFFFF);
    padding: 0.7rem 1.25rem;
}

.apolo-crm-card__title[b-f2022tjb4q] {
    font-size: var(--apolo-text-sm, 0.8125rem);
    font-weight: var(--apolo-font-bold, 700);
    color: var(--apolo-n0, #FFFFFF);
    letter-spacing: 0.03em;
}

.apolo-crm-card__subtitle[b-f2022tjb4q] {
    font-size: 0.75rem;
    font-weight: var(--apolo-font-bold, 700);
    color: var(--apolo-surface-sidebar, #194270);
    letter-spacing: 0.03em;
}

.apolo-crm-badge--stage[b-f2022tjb4q] {
    background-color: rgba(255, 255, 255, 0.16) !important;
    color: #FFFFFF !important;
    font-weight: var(--apolo-font-medium, 500) !important;
    border-radius: var(--apolo-radius-full, 9999px) !important;
    padding: 0.35rem 0.75rem !important;
    font-size: 0.75rem !important;
}

/* Área de Gráfico de Etapas (adaptable verticalmente) */
.apolo-crm-stage-chart[b-f2022tjb4q] {
    min-height: 180px;
    width: 100%;
}

/* Botón Finalizar etapa */
.apolo-crm-btn-finish[b-f2022tjb4q] {
    background-color: var(--apolo-color-accent, #FAC414) !important;
    color: var(--apolo-n900, #0F1923) !important;
    border-radius: var(--apolo-radius-lg, 8px) !important;
    font-weight: var(--apolo-font-semibold, 600) !important;
    padding: 0.45rem 1.25rem !important;
    border: none;
    transition: background-color var(--apolo-transition-color);
}

    .apolo-crm-btn-finish:hover[b-f2022tjb4q] {
        background-color: var(--apolo-color-accent-dark, #D4A50F) !important;
    }

/* ── 5. Lista Key-Value (Información Personal) ───────────────────────────── */
.apolo-crm-datalist__row[b-f2022tjb4q] {
    display: flex;
    justify-content: space-between;
    padding: 0.45rem 0;
    border-bottom: 1px solid var(--apolo-n100, #F1F5F9);
    font-size: 0.8125rem;
}

    .apolo-crm-datalist__row:last-child[b-f2022tjb4q] {
        border-bottom: none;
    }

.apolo-crm-datalist__key[b-f2022tjb4q] {
    color: var(--apolo-n600, #52637A);
    margin: 0;
    font-weight: var(--apolo-font-normal, 400);
}

.apolo-crm-datalist__val[b-f2022tjb4q] {
    color: var(--apolo-n900, #0F1923);
    margin: 0;
    text-align: right;
}

/* ── 5.1 Campos Personalizados ───────────────────────────────────────────── */
.apolo-crm-custom-field__value[b-f2022tjb4q] {
    min-height: 28px;
    padding: 2px 0 4px 0;
    border-bottom: 1.5px solid var(--apolo-color-accent, #FAC414);
    font-size: 0.875rem;
    font-weight: var(--apolo-font-bold, 700);
    color: var(--apolo-n900, #0F1923);
    word-break: break-word;
}

.apolo-crm-custom-fields-list[b-f2022tjb4q] {
    max-height: 420px;
    overflow-y: auto;
    padding-right: 0.5rem;
}

.apolo-crm-custom-fields-list[b-f2022tjb4q]::-webkit-scrollbar {
    width: 6px;
}

.apolo-crm-custom-fields-list[b-f2022tjb4q]::-webkit-scrollbar-track {
    background: transparent;
}

.apolo-crm-custom-fields-list[b-f2022tjb4q]::-webkit-scrollbar-thumb {
    background-color: var(--apolo-n300, #CBD5E1);
    border-radius: 4px;
}

.apolo-crm-custom-fields-list[b-f2022tjb4q]::-webkit-scrollbar-thumb:hover {
    background-color: var(--apolo-n400, #94A3B8);
}

/* ── 6. Segmented Control (Responsable Actual) ───────────────────────────── */
.apolo-crm-segmented-control[b-f2022tjb4q] {
    display: flex;
    background-color: var(--apolo-n100, #F1F5F9);
    border-radius: var(--apolo-radius-lg, 8px);
    padding: 4px;
    gap: 4px;
}

.apolo-crm-segmented-control__item[b-f2022tjb4q] {
    flex: 1;
    border: none;
    background: transparent;
    padding: 0.45rem 0.5rem;
    font-size: 0.75rem;
    font-weight: var(--apolo-font-bold, 700);
    color: var(--apolo-n700, #344050);
    border-radius: var(--apolo-radius-md, 6px);
    min-height: 38px;
    transition: background-color var(--apolo-transition-toggle), color var(--apolo-transition-color);
}

.apolo-crm-segmented-control__item--active[b-f2022tjb4q] {
    background-color: var(--apolo-color-primary, #107FC9) !important;
    color: var(--apolo-n0, #FFFFFF) !important;
    box-shadow: var(--apolo-shadow-sm);
}

/* ── 7. Dropzone y Documentos ───────────────────────────────────────────── */
.apolo-crm-btn-link-upload[b-f2022tjb4q] {
    cursor: pointer;
    user-select: none;
    transition: color var(--apolo-transition-color);
}

    .apolo-crm-btn-link-upload:hover[b-f2022tjb4q] {
        color: var(--apolo-color-primary-dark, #0D56A6) !important;
        text-decoration: underline;
    }

.apolo-crm-dropzone[b-f2022tjb4q] {
    border: 1.5px dashed #CBD5E1;
    border-radius: var(--apolo-radius-lg, 8px);
    background-color: #F8FAFC;
    cursor: pointer;
    user-select: none;
    transition: border-color var(--apolo-transition-color), background-color var(--apolo-transition-color);
}

    .apolo-crm-dropzone:hover[b-f2022tjb4q],
    .apolo-crm-dropzone:focus-within[b-f2022tjb4q] {
        border-color: var(--apolo-color-primary, #107FC9);
        background-color: #F0F9FF;
    }

.apolo-crm-dropzone__icon-circle[b-f2022tjb4q] {
    width: 42px;
    height: 42px;
    border-radius: var(--apolo-radius-full, 9999px);
    background-color: #E0F2FE;
    color: var(--apolo-color-primary, #107FC9);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform var(--apolo-transition-color);
}

.apolo-crm-dropzone:hover .apolo-crm-dropzone__icon-circle[b-f2022tjb4q] {
    transform: translateY(-2px);
}

.apolo-crm-dropzone__text[b-f2022tjb4q] {
    line-height: 1.3;
}

.apolo-crm-dropzone__hint[b-f2022tjb4q] {
    font-size: 0.72rem;
    margin-top: 3px;
}

.apolo-crm-file-badge[b-f2022tjb4q] {
    background-color: #FFFFFF;
    border: 1px solid #E2E8F0;
    min-height: 42px;
    transition: background-color var(--apolo-transition-color), border-color var(--apolo-transition-color);
}

    .apolo-crm-file-badge:hover[b-f2022tjb4q] {
        background-color: #F8FAFC;
        border-color: #CBD5E1;
    }

/* ── 8. Información Económica ────────────────────────────────────────────── */
.apolo-crm-btn-add[b-f2022tjb4q] {
    background-color: var(--apolo-color-accent, #FAC414) !important;
    color: var(--apolo-n900, #0F1923) !important;
    border-radius: var(--apolo-radius-md, 6px) !important;
    font-size: 0.75rem !important;
    font-weight: var(--apolo-font-semibold, 600) !important;
    padding: 0.25rem 0.75rem !important;
    border: none;
}

    .apolo-crm-btn-add:hover[b-f2022tjb4q] {
        background-color: var(--apolo-color-accent-dark, #D4A50F) !important;
    }

.apolo-crm-big-amount[b-f2022tjb4q] {
    font-size: 1.75rem;
    font-weight: var(--apolo-font-bold, 700);
    color: var(--apolo-surface-sidebar, #194270);
}

.apolo-crm-progress-bar[b-f2022tjb4q] {
    border-radius: var(--apolo-radius-full, 9999px);
    background-color: #E2E8F0;
}

.apolo-crm-subkpi__label[b-f2022tjb4q] {
    font-size: 0.6875rem;
    font-weight: var(--apolo-font-semibold, 600);
}

.apolo-crm-subkpi__value[b-f2022tjb4q] {
    font-size: 0.9375rem;
}

/* ── 9. Formulario y Timeline (Última Actualización) ─────────────────────── */
.apolo-crm-input-desc[b-f2022tjb4q] {
    border: 1px solid #E2E8F0 !important;
    border-radius: var(--apolo-radius-md, 6px) !important;
    font-size: 0.875rem;
    padding: 0.55rem 0.85rem;
}

    .apolo-crm-input-desc[b-f2022tjb4q]::placeholder {
        color: var(--apolo-n500, #7A8FA6);
    }

    .apolo-crm-input-desc:focus[b-f2022tjb4q] {
        border-color: var(--apolo-color-primary, #107FC9) !important;
        box-shadow: var(--apolo-shadow-focus) !important;
    }

.apolo-crm-btn-arrow[b-f2022tjb4q] {
    background-color: var(--apolo-color-accent, #FAC414) !important;
    color: var(--apolo-n900, #0F1923) !important;
    border-radius: var(--apolo-radius-md, 6px) !important;
    width: 44px;
    height: 40px;
    border: none;
    transition: background-color var(--apolo-transition-color);
}

    .apolo-crm-btn-arrow:hover[b-f2022tjb4q] {
        background-color: var(--apolo-color-accent-dark, #D4A50F) !important;
    }

.apolo-crm-avatar[b-f2022tjb4q] {
    width: 32px;
    height: 32px;
    background-color: var(--apolo-color-primary, #107FC9);
    color: #FFFFFF;
    border-radius: var(--apolo-radius-full, 9999px);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: var(--apolo-font-bold, 700);
    font-size: 0.75rem;
}

.apolo-crm-timeline__author[b-f2022tjb4q] {
    font-size: 0.8125rem;
}

.apolo-crm-timeline__desc[b-f2022tjb4q] {
    color: var(--apolo-n700, #344050) !important;
}

.apolo-crm-timeline__time[b-f2022tjb4q] {
    font-size: 0.75rem;
}

.apolo-crm-timeline[b-f2022tjb4q] {
    max-height: 420px;
    overflow-y: auto;
    padding-right: 0.5rem;
}

.apolo-crm-timeline[b-f2022tjb4q]::-webkit-scrollbar {
    width: 6px;
}

.apolo-crm-timeline[b-f2022tjb4q]::-webkit-scrollbar-track {
    background: transparent;
}

.apolo-crm-timeline[b-f2022tjb4q]::-webkit-scrollbar-thumb {
    background-color: var(--apolo-n300, #CBD5E1);
    border-radius: 4px;
}

.apolo-crm-timeline[b-f2022tjb4q]::-webkit-scrollbar-thumb:hover {
    background-color: var(--apolo-n400, #94A3B8);
}

/* ── Bloqueo de desplazamiento del reporte al abrir el chat expandido ──── */
.apolo-crm-detalle--chat-open[b-f2022tjb4q] {
    overflow: hidden !important;
}

/* ==========================================================================
   CHAT CONVERSACIONAL — VENTANA FLOTANTE TIPO FACEBOOK
   ========================================================================== */

.apolo-chat-widget[b-f2022tjb4q] {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 360px;
    max-width: calc(100vw - 32px);
    height: 520px;
    max-height: calc(100vh - 40px);
    background-color: var(--apolo-surface-card, #FFFFFF);
    border-radius: var(--apolo-radius-xl, 12px);
    box-shadow: 0 10px 32px rgba(15, 25, 35, 0.22), 0 2px 8px rgba(15, 25, 35, 0.12);
    z-index: 1060;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    animation: apoloChatWidgetIn-b-f2022tjb4q 220ms ease-out;
    transition: height 220ms ease, width 220ms ease;
}

/* Estado minimizado: solo se ve la cabecera como una barra compacta */
.apolo-chat-widget--minimized[b-f2022tjb4q] {
    height: auto;
    width: 300px;
    max-width: calc(100vw - 32px);
}

.apolo-chat-widget__header[b-f2022tjb4q] {
    background-color: var(--apolo-surface-sidebar, #194270);
    color: #FFFFFF;
    padding: 10px 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    cursor: pointer;
    user-select: none;
    flex-shrink: 0;
    transition: background-color var(--apolo-transition-color);
}

    .apolo-chat-widget__header:hover[b-f2022tjb4q] {
        background-color: #153a62;
    }

.apolo-chat-widget__title-group[b-f2022tjb4q] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
    flex: 1;
}

.apolo-chat-widget__icon[b-f2022tjb4q] {
    width: 32px;
    height: 32px;
    border-radius: var(--apolo-radius-full, 9999px);
    background-color: rgba(255, 255, 255, 0.15);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.apolo-chat-widget__titles[b-f2022tjb4q] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    line-height: 1.2;
}

.apolo-chat-widget__title[b-f2022tjb4q] {
    font-size: 0.875rem;
    font-weight: 700;
    color: #FFFFFF;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.apolo-chat-widget__subtitle[b-f2022tjb4q] {
    font-size: 0.6875rem;
    color: rgba(255, 255, 255, 0.72);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.apolo-chat-widget__actions[b-f2022tjb4q] {
    display: flex;
    align-items: center;
    gap: 4px;
    flex-shrink: 0;
}

.apolo-chat-widget__btn-icon[b-f2022tjb4q] {
    background: transparent;
    border: none;
    color: #FFFFFF;
    opacity: 0.85;
    padding: 6px;
    border-radius: var(--apolo-radius-md, 6px);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: opacity var(--apolo-transition-color), background-color var(--apolo-transition-color);
}

    .apolo-chat-widget__btn-icon:hover[b-f2022tjb4q] {
        opacity: 1;
        background-color: rgba(255, 255, 255, 0.18);
    }

/* Cuerpo de mensajes */
.apolo-chat-widget__body[b-f2022tjb4q] {
    flex: 1 1 auto;
    overflow-y: auto;
    overflow-x: hidden;
    background-color: #F8FAFC;
    padding: 12px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
}

.apolo-chat-msg[b-f2022tjb4q] {
    display: flex;
    gap: 8px;
    max-width: 88%;
}

.apolo-chat-msg--theirs[b-f2022tjb4q] {
    align-self: flex-start;
}

.apolo-chat-msg--mine[b-f2022tjb4q] {
    align-self: flex-end;
}

.apolo-chat-bubble-container[b-f2022tjb4q] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.apolo-chat-author[b-f2022tjb4q] {
    font-size: 0.75rem;
    color: var(--apolo-n700, #344050);
}

.apolo-chat-time[b-f2022tjb4q] {
    font-size: 0.7rem;
}

.apolo-chat-bubble[b-f2022tjb4q] {
    padding: 8px 12px;
    border-radius: 12px;
    font-size: 0.84375rem;
    line-height: 1.45;
    word-break: break-word;
}

.apolo-chat-bubble--theirs[b-f2022tjb4q] {
    background-color: #FFFFFF;
    color: var(--apolo-n900, #0F1923);
    border: 1px solid var(--apolo-n200, #E2E8F0);
    border-top-left-radius: 2px;
}

.apolo-chat-bubble--mine[b-f2022tjb4q] {
    background-color: var(--apolo-color-primary, #107FC9);
    color: #FFFFFF;
    border-top-right-radius: 2px;
}

.apolo-chat-avatar[b-f2022tjb4q] {
    width: 28px;
    height: 28px;
    border-radius: var(--apolo-radius-full, 9999px);
    background-color: var(--apolo-color-primary-light, #E8F4FD);
    color: var(--apolo-color-primary-dark, #0D56A6);
    font-size: 0.625rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.apolo-chat-avatar--mine[b-f2022tjb4q] {
    background-color: var(--apolo-surface-sidebar, #194270);
    color: #FFFFFF;
}

.apolo-chat-widget__footer[b-f2022tjb4q] {
    flex-shrink: 0;
    padding: 10px 12px;
    border-top: 1px solid var(--apolo-n200, #E2E8F0);
    background-color: #FFFFFF;
}

.apolo-chat-widget__input[b-f2022tjb4q] {
    border-radius: var(--apolo-radius-md, 6px);
    font-size: 0.84375rem;
    padding: 0.5rem 0.75rem;
}

.apolo-chat-widget__btn-send[b-f2022tjb4q] {
    width: 38px;
    height: 36px;
    flex-shrink: 0;
    border-radius: var(--apolo-radius-md, 6px);
}

@keyframes apoloChatWidgetIn-b-f2022tjb4q {
    from {
        opacity: 0;
        transform: translateY(16px) scale(0.97);
    }

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

/* ── Adaptación Móvil (< 768px): chat ocupa ancho completo inferior ────── */
@media (max-width: 767.98px) {
    .apolo-chat-widget[b-f2022tjb4q] {
        right: 8px;
        left: 8px;
        bottom: 8px;
        width: auto;
        max-width: none;
        height: 70vh;
        max-height: 70vh;
    }

    .apolo-chat-widget--minimized[b-f2022tjb4q] {
        height: auto;
        width: auto;
        right: 8px;
        left: 8px;
    }
}
/* /Components/Pages/CRM/CrmEditarReporte.razor.rz.scp.css */
/* ==========================================================================
   APOLO SERVICES 2026 — Pantalla CRM: Editar Reporte de Servicios
   BEM: .apolo-crm-reporte, .apolo-crm-reporte__*, .apolo-crm-modulo-item, .apolo-toggle
   Tokens: apolo-tokens.css
   Alineación: Información e inputs a la izquierda | Títulos centrados
   ========================================================================== */

.apolo-crm-reporte[b-nyayanmupf] {
    font-family: var(--apolo-font-family, 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);
}

/* ── 1. Título y Toolbar Superior (TÍTULO CENTRADO) ──────────────────────── */
.apolo-crm-reporte__section-title[b-nyayanmupf] {
    font-family: var(--apolo-font-family, 'Inter', sans-serif);
    font-size: var(--apolo-text-xl, 1.25rem);
    font-weight: var(--apolo-font-bold, 700);
    color: var(--apolo-color-primary-navy, #194270);
    text-align: center;
    margin-top: 0;
}

.apolo-crm-btn-top[b-nyayanmupf] {
    height: 36px;
    padding: 0 16px;
    font-family: var(--apolo-font-family, 'Inter', sans-serif);
    font-size: var(--apolo-text-sm, 0.8125rem);
    font-weight: var(--apolo-font-semibold, 600);
    border-radius: var(--apolo-radius-md, 6px);
    display: inline-flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
    transition: var(--apolo-transition-color);
}

/* ── 2. Cards con Encabezado Azul Marino (#194270) (TÍTULOS CENTRADOS) ──── */
.apolo-crm-reporte__card[b-nyayanmupf] {
    border: 1px solid var(--apolo-border-color-subtle, #E4ECF2);
    border-radius: var(--apolo-radius-lg, 8px);
    background-color: var(--apolo-surface-card, #FFFFFF);
    overflow: hidden;
}

.apolo-crm-reporte__card-header[b-nyayanmupf] {
    background-color: var(--apolo-color-primary-navy, #194270);
    color: var(--apolo-n0, #FFFFFF);
    padding: 10px 16px;
    text-align: center;
}

    .apolo-crm-reporte__card-header h3[b-nyayanmupf] {
        color: var(--apolo-n0, #FFFFFF);
        font-family: var(--apolo-font-family, 'Inter', sans-serif);
        font-size: var(--apolo-text-sm, 0.8125rem);
        font-weight: var(--apolo-font-bold, 700);
        letter-spacing: 0.3px;
        text-align: center;
        margin: 0;
    }

.apolo-crm-reporte__card-body[b-nyayanmupf] {
    padding: 20px 24px;
}

/* ── 3. Labels y Textos de Ayuda ────────────────────────────────────────── */
.apolo-crm-reporte__label[b-nyayanmupf] {
    font-family: var(--apolo-font-family, 'Inter', sans-serif);
    font-size: var(--apolo-text-sm, 0.8125rem);
    font-weight: var(--apolo-font-semibold, 600);
    color: var(--apolo-n800, #1E2A35);
    margin-bottom: 6px;
    text-align: left;
    display: block;
    min-height: 20px;
}

.apolo-crm-reporte__required[b-nyayanmupf] {
    color: var(--apolo-n800, #1E2A35);
    font-weight: var(--apolo-font-semibold, 600);
    margin-left: 0;
}

.apolo-crm-reporte__optional[b-nyayanmupf] {
    font-weight: var(--apolo-font-normal, 400);
    color: var(--apolo-text-color-secondary, #52637A);
    font-size: var(--apolo-text-sm, 0.8125rem);
}

.apolo-crm-reporte__help-text[b-nyayanmupf] {
    font-family: var(--apolo-font-family, 'Inter', sans-serif);
    font-size: var(--apolo-text-xs, 0.75rem);
    color: var(--apolo-text-color-secondary, #52637A);
    margin-top: 4px;
    line-height: 1.35;
    text-align: left;
}

/* ── 4. Inputs, Selects y Textos (ALINEADOS A LA IZQUIERDA CON ::deep) ──── */
.apolo-crm-reporte[b-nyayanmupf]  .apolo-crm-reporte__input,
.apolo-crm-reporte[b-nyayanmupf]  .form-control,
.apolo-crm-reporte[b-nyayanmupf]  .form-select,
.apolo-crm-reporte__input[b-nyayanmupf] {
    font-family: var(--apolo-font-family, 'Inter', sans-serif) !important;
    border-radius: var(--apolo-radius-md, 6px) !important;
    border: 1px solid var(--apolo-border-color, #CCD8E2) !important;
    font-size: var(--apolo-text-sm, 0.8125rem) !important;
    height: 40px !important;
    text-align: left !important;
    text-align-last: left !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
    color: var(--apolo-n900, #0F1923) !important;
    background-color: var(--apolo-n0, #FFFFFF) !important;
    box-shadow: none !important;
    transition: var(--apolo-transition-color);
}

    .apolo-crm-reporte[b-nyayanmupf]  .apolo-crm-reporte__input::placeholder,
    .apolo-crm-reporte[b-nyayanmupf]  .form-control::placeholder,
    .apolo-crm-reporte__input[b-nyayanmupf]::placeholder {
        text-align: left !important;
        color: var(--apolo-text-color-disabled, #A8BACB) !important;
    }

    .apolo-crm-reporte[b-nyayanmupf]  .apolo-crm-reporte__input:focus,
    .apolo-crm-reporte[b-nyayanmupf]  .form-control:focus,
    .apolo-crm-reporte[b-nyayanmupf]  .form-select:focus {
        border-color: var(--apolo-color-primary, #107FC9) !important;
        box-shadow: var(--apolo-shadow-focus, 0 0 0 3px rgba(16, 127, 201, 0.25)) !important;
    }

    .apolo-crm-reporte[b-nyayanmupf]  .apolo-crm-reporte__input:disabled,
    .apolo-crm-reporte[b-nyayanmupf]  .form-control:disabled,
    .apolo-crm-reporte[b-nyayanmupf]  .form-select:disabled {
        background-color: var(--apolo-n50, #F8FAFC) !important;
        cursor: not-allowed;
        color: var(--apolo-text-color-disabled, #A8BACB) !important;
    }

    /* ── 5. Eliminación de Flecha en Select y Alineación Izquierda ──────────── */
    .apolo-crm-reporte[b-nyayanmupf]  select.apolo-crm-reporte__input,
    .apolo-crm-reporte[b-nyayanmupf]  .form-select.apolo-crm-reporte__input,
    .apolo-crm-reporte[b-nyayanmupf]  select.form-select {
        appearance: none !important;
        -webkit-appearance: none !important;
        -moz-appearance: none !important;
        background-image: none !important;
        text-align: left !important;
        text-align-last: left !important;
        padding-left: 14px !important;
        padding-right: 14px !important;
        cursor: pointer;
    }

/* ── 6. Botones Cuadrados de Acción para Módulos ────────────────────────── */
.apolo-btn-icon-square[b-nyayanmupf] {
    width: 36px;
    height: 36px;
    min-width: 36px;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: var(--apolo-color-accent, #FAC414) !important;
    color: var(--apolo-n900, #0F1923) !important;
    border-radius: var(--apolo-radius-md, 6px);
    border: none;
    transition: var(--apolo-transition-color);
}

    .apolo-btn-icon-square:hover[b-nyayanmupf] {
        background-color: var(--apolo-color-accent-dark, #D4A50F) !important;
        color: var(--apolo-n900, #0F1923) !important;
    }

/* ── 7. Módulos Configurables y Componente Toggle Slider ────────────────── */
.apolo-crm-reporte__note[b-nyayanmupf] {
    font-family: var(--apolo-font-family, 'Inter', sans-serif);
    font-size: var(--apolo-text-xs, 0.75rem);
    color: var(--apolo-text-color-secondary, #52637A);
    text-align: left;
}

.apolo-crm-modulo-item[b-nyayanmupf] {
    background-color: var(--apolo-n50, #F8FAFC);
    border: 1px solid var(--apolo-border-color-subtle, #E4ECF2);
    border-radius: var(--apolo-radius-lg, 8px);
    min-height: 48px;
    padding: 8px 14px;
    transition: background-color 150ms ease;
}

    .apolo-crm-modulo-item:hover[b-nyayanmupf] {
        background-color: var(--apolo-n100, #F1F5F9);
    }

.apolo-crm-modulo-item__label[b-nyayanmupf] {
    font-family: var(--apolo-font-family, 'Inter', sans-serif);
    font-size: var(--apolo-text-sm, 0.8125rem);
    font-weight: var(--apolo-font-medium, 500);
    color: var(--apolo-n800, #1E2A35);
    user-select: none;
    text-align: left;
    cursor: pointer;
}

/* ── Componente Toggle (Slider Personalizado) ────────────────────────────── */
.apolo-toggle[b-nyayanmupf] {
    position: relative;
    display: inline-block;
    width: 44px;
    height: 24px;
    margin: 0;
    cursor: pointer;
    flex-shrink: 0;
}

.apolo-toggle__input[b-nyayanmupf] {
    opacity: 0;
    width: 0;
    height: 0;
    position: absolute;
}

.apolo-toggle__slider[b-nyayanmupf] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--apolo-border-color, #CCD8E2);
    border-radius: 24px;
    transition: background-color 0.2s ease;
}

    .apolo-toggle__slider[b-nyayanmupf]::before {
        position: absolute;
        content: "";
        height: 18px;
        width: 18px;
        left: 3px;
        bottom: 3px;
        background-color: #FFFFFF;
        border-radius: 50%;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
        transition: transform 0.2s ease;
    }

.apolo-toggle__input:checked + .apolo-toggle__slider[b-nyayanmupf] {
    background-color: var(--apolo-color-primary, #107FC9);
}

    .apolo-toggle__input:checked + .apolo-toggle__slider[b-nyayanmupf]::before {
        transform: translateX(20px);
    }

.apolo-toggle__input:focus-visible + .apolo-toggle__slider[b-nyayanmupf] {
    outline: 2px solid var(--apolo-color-primary, #107FC9);
    outline-offset: 2px;
}

/* ── 8. Botones Inferiores Guardar / Cancelar ───────────────────────────── */
.apolo-crm-reporte__btn-save[b-nyayanmupf] {
    background-color: var(--apolo-color-accent, #FAC414) !important;
    border-color: var(--apolo-color-accent, #FAC414) !important;
    color: var(--apolo-n900, #0F1923) !important;
    border-radius: var(--apolo-radius-md, 6px);
    height: 36px;
    font-family: var(--apolo-font-family, 'Inter', sans-serif);
    font-size: var(--apolo-text-sm, 0.8125rem);
    font-weight: var(--apolo-font-semibold, 600);
    padding: 0 24px;
    border: none;
    transition: var(--apolo-transition-color);
}

    .apolo-crm-reporte__btn-save:hover[b-nyayanmupf] {
        background-color: var(--apolo-color-accent-dark, #D4A50F) !important;
    }

.apolo-crm-reporte__btn-cancel[b-nyayanmupf] {
    background-color: var(--apolo-color-danger, #DC3545) !important;
    border-color: var(--apolo-color-danger, #DC3545) !important;
    color: var(--apolo-n0, #FFFFFF) !important;
    border-radius: var(--apolo-radius-md, 6px);
    height: 36px;
    font-family: var(--apolo-font-family, 'Inter', sans-serif);
    font-size: var(--apolo-text-sm, 0.8125rem);
    font-weight: var(--apolo-font-semibold, 600);
    padding: 0 24px;
    border: none;
    transition: var(--apolo-transition-color);
}

    .apolo-crm-reporte__btn-cancel:hover[b-nyayanmupf] {
        background-color: #B02A37 !important;
    }

/* ── 9. Modal Backdrop y Validación ─────────────────────────────────────── */
.apolo-modal-backdrop[b-nyayanmupf] {
    background-color: var(--apolo-bg-overlay, rgba(15, 25, 35, 0.5));
}

.apolo-crm-reporte__card-body[b-nyayanmupf]  .validation-message {
    display: block;
    color: var(--apolo-color-danger, #DC3545);
    font-size: var(--apolo-text-xs, 0.75rem);
    margin-top: 2px;
    text-align: left;
}

/* ── 10. Responsive (< 768px y < 576px) ─────────────────────────────────── */
@media (max-width: 767.98px) {
    .apolo-crm-btn-top[b-nyayanmupf] {
        min-height: 44px;
    }

    .apolo-btn-icon-square[b-nyayanmupf] {
        min-width: 44px;
        min-height: 44px;
    }
}

@media (max-width: 575.98px) {
    .apolo-crm-reporte__card-body[b-nyayanmupf] {
        padding: 12px;
    }

    .apolo-crm-reporte__btn-save[b-nyayanmupf],
    .apolo-crm-reporte__btn-cancel[b-nyayanmupf] {
        width: 100%;
        min-height: 44px;
    }
}

/* ── 11. Modal Mejorado: Información Financiera ──────────────────────────── */
.apolo-modal-financiera[b-nyayanmupf] {
    position: fixed;
    inset: 0;
    z-index: var(--apolo-z-modal, 1055) !important;
    overflow-x: hidden;
    overflow-y: auto;
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.apolo-modal-financiera__dialog[b-nyayanmupf] {
    max-width: 490px;
    width: 100%;
    margin: 1.5rem auto;
    z-index: 1056;
}

.apolo-modal-financiera__content[b-nyayanmupf] {
    border-radius: var(--apolo-radius-xl, 12px) !important;
    overflow: hidden;
    background-color: var(--apolo-surface-card, #FFFFFF) !important;
    border: 0;
    box-shadow: 0 16px 40px rgba(15, 25, 35, 0.25);
    animation: apoloModalZoomIn-b-nyayanmupf 200ms ease-out;
}

.apolo-modal-financiera__header[b-nyayanmupf] {
    background: linear-gradient(135deg, var(--apolo-color-primary, #107FC9) 0%, var(--apolo-color-primary-navy, #194270) 100%);
    padding: 16px 20px;
    border-bottom: 0;
}

.apolo-modal-financiera__icon[b-nyayanmupf] {
    width: 38px;
    height: 38px;
    border-radius: var(--apolo-radius-lg, 8px);
    background-color: rgba(255, 255, 255, 0.16);
    flex-shrink: 0;
}

.apolo-modal-financiera__subtitle[b-nyayanmupf] {
    color: rgba(255, 255, 255, 0.85);
    font-size: 0.75rem;
    display: block;
}

.apolo-modal-financiera__body[b-nyayanmupf] {
    padding: 24px;
    background-color: var(--apolo-surface-card, #FFFFFF);
}

.apolo-modal-financiera__addon[b-nyayanmupf] {
    background-color: var(--apolo-n100, #F1F5F9) !important;
    border: 1px solid var(--apolo-border-color, #CCD8E2) !important;
    border-right: none !important;
    color: var(--apolo-color-primary, #107FC9) !important;
    font-weight: var(--apolo-font-bold, 700) !important;
    font-size: var(--apolo-text-sm, 0.8125rem) !important;
    border-top-left-radius: var(--apolo-radius-md, 6px) !important;
    border-bottom-left-radius: var(--apolo-radius-md, 6px) !important;
    padding: 0 14px;
}

.apolo-modal-financiera__input[b-nyayanmupf] {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-radius: var(--apolo-radius-md, 6px) !important;
    border: 1px solid var(--apolo-border-color, #CCD8E2) !important;
    font-size: var(--apolo-text-sm, 0.8125rem) !important;
    height: 42px !important;
    font-weight: var(--apolo-font-semibold, 600);
    color: var(--apolo-n900, #0F1923);
}

    .apolo-modal-financiera__input:focus[b-nyayanmupf] {
        border-color: var(--apolo-color-primary, #107FC9) !important;
        box-shadow: var(--apolo-shadow-focus, 0 0 0 3px rgba(16, 127, 201, 0.25)) !important;
    }

.apolo-modal-financiera__hint[b-nyayanmupf] {
    font-size: 0.72rem;
    color: var(--apolo-text-color-secondary, #52637A);
}

.apolo-modal-financiera__summary[b-nyayanmupf] {
    background-color: #F0F9FF;
    border: 1px solid #BAE6FD;
}

.apolo-modal-financiera__footer[b-nyayanmupf] {
    background-color: #F8FAFC !important;
    border-top: 1px solid var(--apolo-border-color-subtle, #E4ECF2) !important;
    padding: 14px 20px;
}

@keyframes apoloModalZoomIn-b-nyayanmupf {
    from {
        opacity: 0;
        transform: scale(0.96);
    }

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

/* ── 9. Modal de Usuarios (Apolo 2026 Design System) ────────────────────── */
.apolo-modal-usuarios__dialog[b-nyayanmupf] {
    max-width: 680px;
    animation: apoloModalZoomIn-b-nyayanmupf 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}

.apolo-modal-usuarios__content[b-nyayanmupf] {
    border-radius: var(--apolo-radius-xl, 12px) !important;
    overflow: hidden;
    box-shadow: 0 20px 40px rgba(15, 25, 35, 0.22) !important;
}

.apolo-modal-usuarios__header[b-nyayanmupf] {
    background: linear-gradient(135deg, #107FC9 0%, #194270 100%) !important;
    border-bottom: none !important;
    padding: 16px 20px !important;
}

.apolo-modal-usuarios__icon-wrap[b-nyayanmupf] {
    width: 38px;
    height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--apolo-radius-md, 6px);
    background-color: rgba(255, 255, 255, 0.16);
    flex-shrink: 0;
}

.apolo-modal-usuarios__subtitle[b-nyayanmupf] {
    color: rgba(255, 255, 255, 0.85);
    font-size: 0.75rem;
    display: block;
}

.apolo-modal-usuarios__body[b-nyayanmupf] {
    padding: 20px;
    background-color: var(--apolo-surface-card, #FFFFFF);
    max-height: calc(85vh - 140px);
    overflow-y: auto;
}

.apolo-modal-usuarios__form-card[b-nyayanmupf] {
    background-color: var(--apolo-n50, #F8FAFC);
    border: 1px solid var(--apolo-border-color-subtle, #E4ECF2);
    border-radius: var(--apolo-radius-lg, 8px);
    padding: 18px 20px;
}

.apolo-modal-usuarios__input[b-nyayanmupf],
.apolo-modal-usuarios__select[b-nyayanmupf] {
    border-radius: var(--apolo-radius-md, 6px) !important;
    border: 1px solid var(--apolo-border-color, #CCD8E2) !important;
    font-size: var(--apolo-text-sm, 0.8125rem) !important;
    height: 38px !important;
    color: var(--apolo-n900, #0F1923);
    background-color: #FFFFFF;
}

    .apolo-modal-usuarios__input:focus[b-nyayanmupf],
    .apolo-modal-usuarios__select:focus[b-nyayanmupf] {
        border-color: var(--apolo-color-primary, #107FC9) !important;
        box-shadow: var(--apolo-shadow-focus, 0 0 0 3px rgba(16, 127, 201, 0.25)) !important;
    }

.apolo-modal-usuarios__banner[b-nyayanmupf] {
    background: linear-gradient(90deg, #107FC9 0%, #16568F 100%);
    color: #FFFFFF;
    font-size: 0.85rem;
}

.apolo-modal-usuarios__select-all[b-nyayanmupf] {
    background-color: var(--apolo-n100, #F1F5F9);
    border: 1px solid var(--apolo-border-color-subtle, #E4ECF2);
}

.apolo-modal-usuarios__list-container[b-nyayanmupf] {
    max-height: 280px;
    overflow-y: auto;
    padding-right: 4px;
}

    .apolo-modal-usuarios__list-container[b-nyayanmupf]::-webkit-scrollbar {
        width: 6px;
    }

    .apolo-modal-usuarios__list-container[b-nyayanmupf]::-webkit-scrollbar-track {
        background: #F1F5F9;
        border-radius: 4px;
    }

    .apolo-modal-usuarios__list-container[b-nyayanmupf]::-webkit-scrollbar-thumb {
        background: #CCD8E2;
        border-radius: 4px;
    }

        .apolo-modal-usuarios__list-container[b-nyayanmupf]::-webkit-scrollbar-thumb:hover {
            background: #94A3B8;
        }

.apolo-user-card[b-nyayanmupf] {
    background-color: #FFFFFF;
    border: 1px solid var(--apolo-border-color, #CCD8E2);
    box-shadow: 0 1px 2px rgba(16, 127, 201, 0.05);
    transition: all 0.15s ease-in-out;
}

    .apolo-user-card:hover[b-nyayanmupf] {
        border-color: var(--apolo-color-primary, #107FC9);
        background-color: #FAFCFE;
    }

.apolo-user-card--selected[b-nyayanmupf] {
    border-color: var(--apolo-color-primary, #107FC9) !important;
    background-color: #F0F9FF !important;
}

.apolo-user-card__name[b-nyayanmupf] {
    color: var(--apolo-n900, #0F1923);
    font-size: 0.84rem;
}

.apolo-user-card__avatar[b-nyayanmupf] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: linear-gradient(135deg, #107FC9 0%, #194270 100%);
    color: #FFFFFF;
    font-size: 0.75rem;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.apolo-user-card__avatar--sm[b-nyayanmupf] {
    width: 26px;
    height: 26px;
    font-size: 0.7rem;
}

.apolo-badge--role[b-nyayanmupf] {
    background-color: #EBF5FB;
    color: #107FC9;
    font-weight: 600;
    font-size: 0.72rem;
    padding: 4px 8px;
    border-radius: 6px;
}

.apolo-badge--moderador[b-nyayanmupf] {
    background-color: #FEF3C7;
    color: #92400E;
    font-weight: 600;
    font-size: 0.72rem;
    padding: 4px 8px;
    border-radius: 6px;
}

.apolo-user-card__btn-delete[b-nyayanmupf] {
    opacity: 0.6;
    transition: opacity 0.15s ease;
}

    .apolo-user-card__btn-delete:hover[b-nyayanmupf] {
        opacity: 1;
        transform: scale(1.1);
    }

.apolo-modal-usuarios__role-select[b-nyayanmupf] {
    height: 30px !important;
    font-size: 0.75rem !important;
    padding: 2px 24px 2px 8px !important;
    max-width: 180px;
}

.apolo-checkbox[b-nyayanmupf] {
    width: 17px;
    height: 17px;
    border: 1.5px solid var(--apolo-border-color, #CCD8E2);
    cursor: pointer;
}

    .apolo-checkbox:checked[b-nyayanmupf] {
        background-color: var(--apolo-color-primary, #107FC9);
        border-color: var(--apolo-color-primary, #107FC9);
    }

.apolo-modal-usuarios__footer[b-nyayanmupf] {
    background-color: #F8FAFC !important;
    border-top: 1px solid var(--apolo-border-color-subtle, #E4ECF2) !important;
    padding: 14px 20px;
}

/* ── 10. Modal de Documentos (Apolo 2026 Design System) ─────────────────── */
.apolo-modal-documentos__dialog[b-nyayanmupf] {
    max-width: 680px;
    animation: apoloModalZoomIn-b-nyayanmupf 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}

.apolo-modal-documentos__content[b-nyayanmupf] {
    border-radius: var(--apolo-radius-xl, 12px) !important;
    overflow: hidden;
    box-shadow: 0 20px 40px rgba(15, 25, 35, 0.22) !important;
}

.apolo-modal-documentos__header[b-nyayanmupf] {
    background: linear-gradient(135deg, #107FC9 0%, #194270 100%) !important;
    border-bottom: none !important;
    padding: 16px 20px !important;
}

.apolo-modal-documentos__icon-wrap[b-nyayanmupf] {
    width: 38px;
    height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--apolo-radius-md, 6px);
    background-color: rgba(255, 255, 255, 0.16);
    flex-shrink: 0;
}

.apolo-modal-documentos__subtitle[b-nyayanmupf] {
    color: rgba(255, 255, 255, 0.85);
    font-size: 0.75rem;
    display: block;
}

.apolo-modal-documentos__body[b-nyayanmupf] {
    padding: 20px;
    background-color: var(--apolo-surface-card, #FFFFFF);
    max-height: calc(85vh - 140px);
    overflow-y: auto;
}

.apolo-modal-documentos__upload-card[b-nyayanmupf] {
    background-color: var(--apolo-n50, #F8FAFC);
    border: 1px solid var(--apolo-border-color-subtle, #E4ECF2);
    border-radius: var(--apolo-radius-xl, 12px);
}

.apolo-dropzone[b-nyayanmupf] {
    position: relative;
    background-color: #FFFFFF;
    border: 1.5px dashed #B8D5EA !important;
    border-radius: var(--apolo-radius-xl, 12px) !important;
    padding: 26px 20px;
    transition: border-color 0.2s ease, background-color 0.2s ease;
    cursor: pointer;
}

    .apolo-dropzone:hover[b-nyayanmupf] {
        border-color: var(--apolo-color-primary, #107FC9) !important;
        background-color: #F8FAFC;
    }

.apolo-dropzone[b-nyayanmupf]  input[type="file"],
.apolo-dropzone__input[b-nyayanmupf] {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    opacity: 0 !important;
    cursor: pointer !important;
    z-index: 10 !important;
}

.apolo-dropzone__content[b-nyayanmupf] {
    pointer-events: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.apolo-dropzone__icon-circle[b-nyayanmupf] {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background-color: #E0F2FE;
    color: #0284C7;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.apolo-dropzone__title[b-nyayanmupf] {
    font-size: 0.95rem;
    font-weight: 700;
    color: var(--apolo-n900, #0F1923);
    line-height: 1.4;
}

.apolo-dropzone__subtitle[b-nyayanmupf] {
    font-size: 0.8125rem;
    color: var(--apolo-text-color-secondary, #64748B);
    line-height: 1.4;
}

.apolo-modal-documentos__banner[b-nyayanmupf] {
    background: linear-gradient(90deg, #107FC9 0%, #16568F 100%);
    color: #FFFFFF;
    font-size: 0.85rem;
}

.apolo-modal-documentos__table-wrap[b-nyayanmupf] {
    background-color: #FFFFFF;
    border-color: var(--apolo-border-color-subtle, #E4ECF2) !important;
}

.apolo-modal-documentos__thead th[b-nyayanmupf] {
    background-color: #107FC9 !important;
    color: #FFFFFF !important;
    border: none !important;
    font-size: 0.8125rem;
}

.apolo-modal-documentos__row[b-nyayanmupf] {
    transition: background-color 0.15s ease;
}

    .apolo-modal-documentos__row:hover[b-nyayanmupf] {
        background-color: #F8FAFC;
    }

.apolo-modal-documentos__doc-name[b-nyayanmupf] {
    font-size: 0.8125rem;
    word-break: break-word;
}

.apolo-doc-icon-wrap[b-nyayanmupf] {
    width: 30px;
    height: 30px;
    border-radius: 6px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.apolo-doc-icon-wrap--danger[b-nyayanmupf] {
    background-color: #FEE2E2;
    color: #DC2626;
}

.apolo-doc-icon-wrap--success[b-nyayanmupf] {
    background-color: #DCFCE7;
    color: #16A34A;
}

.apolo-doc-icon-wrap--primary[b-nyayanmupf] {
    background-color: #E0F2FE;
    color: #0284C7;
}

.apolo-doc-icon-wrap--secondary[b-nyayanmupf] {
    background-color: #F1F5F9;
    color: #64748B;
}

.apolo-btn-icon-square-sm[b-nyayanmupf] {
    width: 28px;
    height: 28px;
    min-width: 28px;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    font-size: 0.75rem;
    transition: all 0.15s ease;
}

    .apolo-btn-icon-square-sm:hover[b-nyayanmupf] {
        opacity: 0.9;
        transform: scale(1.05);
    }

.apolo-modal-documentos__footer[b-nyayanmupf] {
    background-color: #F8FAFC !important;
    border-top: 1px solid var(--apolo-border-color-subtle, #E4ECF2) !important;
    padding: 14px 20px;
}
/* /Components/Pages/CRM/CrmReportes.razor.rz.scp.css */
/* ==========================================================================
   APOLO SERVICES 2026 — Pantalla CRM (Lista de Reportes)
   BEM: .apolo-crm, .apolo-crm__*
   Tokens: apolo-tokens.css · 100% Responsivo (P-1 a P-10)
   ========================================================================== */

/* ── 1. Encabezado & Breadcrumb ────────────────────────────────────────── */
.apolo-crm__header-icon[b-8q0jtoz7qv] {
    color: var(--apolo-color-primary, #107FC9);
}

.apolo-crm__title[b-8q0jtoz7qv] {
    font-size: var(--apolo-text-2xl, 1.5rem);
    color: var(--apolo-color-primary-navy, #194270);
}

.apolo-crm__breadcrumb[b-8q0jtoz7qv] {
    font-size: var(--apolo-text-sm, 0.8125rem);
}

    .apolo-crm__breadcrumb a[b-8q0jtoz7qv] {
        color: var(--apolo-text-color-secondary, #52637A);
        transition: var(--apolo-transition-color);
    }

        .apolo-crm__breadcrumb a:hover[b-8q0jtoz7qv] {
            color: var(--apolo-color-primary, #107FC9);
        }

    .apolo-crm__breadcrumb .active[b-8q0jtoz7qv] {
        color: var(--apolo-color-primary, #107FC9);
        font-weight: var(--apolo-font-medium, 500);
    }

/* ── 2. Toolbar & Botones (Single-line forzado en todo pantalla) ────────── */
.apolo-crm__toolbar[b-8q0jtoz7qv] {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.apolo-crm__btn-export[b-8q0jtoz7qv] {
    background-color: var(--apolo-color-success, #198754) !important;
    border-color: var(--apolo-color-success, #198754) !important;
    color: var(--apolo-n0, #FFFFFF) !important;
    border-radius: var(--apolo-radius-md, 6px);
    height: 38px;
    font-size: var(--apolo-text-sm, 0.8125rem);
    transition: var(--apolo-transition-color);
}

    .apolo-crm__btn-export:hover[b-8q0jtoz7qv] {
        background-color: var(--apolo-color-success-dark, #0F5132) !important;
        border-color: var(--apolo-color-success-dark, #0F5132) !important;
    }

/* ── Buscador: Patrón Idéntico a Alertas Apolo ─────────────────────────── */
.apolo-crm__search-group[b-8q0jtoz7qv] {
    min-width: 140px;
    max-width: 320px;
}

.apolo-crm__search-input[b-8q0jtoz7qv] {
    border-top-left-radius: var(--apolo-radius-md, 6px) !important;
    border-bottom-left-radius: var(--apolo-radius-md, 6px) !important;
    border: 1px solid var(--apolo-border-color, #CCD8E2);
    border-right: none !important;
    font-size: var(--apolo-text-sm, 0.8125rem);
    color: var(--apolo-text-color-primary, #0F1923);
    height: 38px;
    transition: var(--apolo-transition-color);
}

    .apolo-crm__search-input:focus[b-8q0jtoz7qv] {
        border-color: var(--apolo-color-primary, #107FC9);
        box-shadow: var(--apolo-shadow-focus, 0 0 0 3px rgba(16, 127, 201, 0.25));
    }

.apolo-crm__search-btn[b-8q0jtoz7qv] {
    background-color: var(--apolo-color-primary, #107FC9) !important;
    border-color: var(--apolo-color-primary, #107FC9) !important;
    color: var(--apolo-n0, #FFFFFF) !important;
    border-radius: 0;
    padding: var(--apolo-space-2, 8px) var(--apolo-space-3, 12px);
    font-weight: var(--apolo-font-semibold, 600);
    font-size: var(--apolo-text-sm, 0.8125rem);
    height: 38px;
    border-top-right-radius: var(--apolo-radius-md, 6px) !important;
    border-bottom-right-radius: var(--apolo-radius-md, 6px) !important;
    transition: var(--apolo-transition-color);
}

    .apolo-crm__search-btn:hover[b-8q0jtoz7qv] {
        background-color: var(--apolo-color-primary-dark, #0D56A6) !important;
        border-color: var(--apolo-color-primary-dark, #0D56A6) !important;
    }

.apolo-crm__btn-config[b-8q0jtoz7qv] {
    background-color: var(--apolo-color-primary, #107FC9) !important;
    border-color: var(--apolo-color-primary, #107FC9) !important;
    color: var(--apolo-n0, #FFFFFF) !important;
    border-radius: var(--apolo-radius-md, 6px);
    height: 38px;
    font-size: var(--apolo-text-sm, 0.8125rem);
    transition: var(--apolo-transition-color);
}

    .apolo-crm__btn-config:hover[b-8q0jtoz7qv],
    .apolo-crm__btn-config.active[b-8q0jtoz7qv] {
        background-color: var(--apolo-color-primary-dark, #0D56A6) !important;
        border-color: var(--apolo-color-primary-dark, #0D56A6) !important;
    }

/* ── 3. Panel "Configurar Matriz" (Radio suave de 8px) ─────────────────── */
.apolo-crm__config-card[b-8q0jtoz7qv] {
    background-color: var(--apolo-surface-card, #FFFFFF);
    border: 1px solid var(--apolo-border-color-subtle, #E4ECF2) !important;
    border-radius: var(--apolo-radius-lg, 8px) !important;
    animation: apoloSlideDown-b-8q0jtoz7qv 250ms ease-out;
}

@keyframes apoloSlideDown-b-8q0jtoz7qv {
    from {
        opacity: 0;
        transform: translateY(-8px);
    }

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

.apolo-crm__btn-close[b-8q0jtoz7qv] {
    transition: var(--apolo-transition-color);
}

.apolo-crm__custom-input-group .apolo-input[b-8q0jtoz7qv] {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    height: 38px;
}

.apolo-crm__custom-input-group .apolo-btn--accent[b-8q0jtoz7qv] {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    height: 38px;
}

.apolo-crm__custom-item[b-8q0jtoz7qv] {
    border: 1px solid var(--apolo-border-color-subtle, #E4ECF2) !important;
    background-color: var(--apolo-n50, #F8FAFC) !important;
    transition: var(--apolo-transition-color);
}

    .apolo-crm__custom-item:hover[b-8q0jtoz7qv] {
        border-color: var(--apolo-border-color, #CCD8E2) !important;
    }

.apolo-crm__btn-trash[b-8q0jtoz7qv] {
    width: 32px;
    height: 32px;
    border-radius: var(--apolo-radius-md, 6px);
    background-color: rgba(220, 53, 69, 0.08);
    transition: var(--apolo-transition-color);
}

    .apolo-crm__btn-trash:hover[b-8q0jtoz7qv] {
        background-color: var(--apolo-color-danger, #DC3545) !important;
        color: var(--apolo-n0, #FFFFFF) !important;
    }

.apolo-crm__btn-save[b-8q0jtoz7qv] {
    background-color: var(--apolo-color-success, #198754) !important;
    border-color: var(--apolo-color-success, #198754) !important;
    color: var(--apolo-n0, #FFFFFF) !important;
    border-radius: var(--apolo-radius-md, 6px);
    height: 38px;
    transition: var(--apolo-transition-color);
}

    .apolo-crm__btn-save:hover[b-8q0jtoz7qv] {
        background-color: var(--apolo-color-success-dark, #0F5132) !important;
        border-color: var(--apolo-color-success-dark, #0F5132) !important;
    }

/* ── 4. Matriz / Tabla (Radio de 8px) ─────────────────────────────────── */
.apolo-crm__table-card[b-8q0jtoz7qv] {
    border: 1px solid var(--apolo-border-color-subtle, #E4ECF2) !important;
    border-radius: var(--apolo-radius-lg, 8px) !important;
}

.apolo-crm__table-responsive[b-8q0jtoz7qv] {
    min-height: 380px;
}

.apolo-crm__th-check[b-8q0jtoz7qv],
.apolo-crm__td-check[b-8q0jtoz7qv] {
    width: 44px;
    text-align: center;
}

.apolo-crm__th-actions[b-8q0jtoz7qv],
.apolo-crm__td-actions[b-8q0jtoz7qv] {
    width: 110px;
}

.apolo-crm__thead[b-8q0jtoz7qv] {
    background-color: var(--apolo-color-primary, #107FC9) !important;
}

    .apolo-crm__thead th[b-8q0jtoz7qv] {
        background-color: var(--apolo-color-primary, #107FC9) !important;
        color: var(--apolo-n0, #FFFFFF) !important;
        font-size: var(--apolo-text-sm, 0.8125rem);
        font-weight: var(--apolo-font-semibold, 600);
        padding: 12px 14px;
        border: none !important;
        vertical-align: middle;
        white-space: nowrap;
    }

.apolo-crm__table tbody td[b-8q0jtoz7qv] {
    padding: 12px 14px;
    font-size: var(--apolo-text-sm, 0.8125rem);
    border-bottom: 1px solid var(--apolo-border-color-subtle, #E4ECF2);
    border-top: none;
}

.apolo-crm__tr--selected td[b-8q0jtoz7qv] {
    background-color: var(--apolo-n100, #F1F5F9) !important;
}

.apolo-crm__link-asunto[b-8q0jtoz7qv] {
    color: var(--apolo-color-primary, #107FC9);
    cursor: pointer;
    font-weight: var(--apolo-font-semibold, 600);
    text-decoration: underline;
    transition: var(--apolo-transition-color);
}

    .apolo-crm__link-asunto:hover[b-8q0jtoz7qv] {
        color: var(--apolo-color-primary-dark, #0D56A6);
    }

.apolo-crm__badge-etapa[b-8q0jtoz7qv] {
    background-color: var(--apolo-color-accent-light, #FEF9E7);
    border-left: 3px solid var(--apolo-color-accent, #FAC414);
    color: var(--apolo-text-color-on-accent, #0F1923);
    font-size: 11px;
    font-weight: var(--apolo-font-semibold, 600);
    padding: 2px 8px;
    border-radius: var(--apolo-radius-sm, 4px);
    max-width: 140px;
}

.apolo-crm__fecha-vencida[b-8q0jtoz7qv] {
    color: var(--apolo-color-danger, #DC3545);
}

.apolo-crm__action-btn[b-8q0jtoz7qv] {
    width: 28px;
    height: 28px;
    border-radius: var(--apolo-radius-md, 6px);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--apolo-n600, #52637A);
    transition: var(--apolo-transition-color);
}

    .apolo-crm__action-btn:hover[b-8q0jtoz7qv] {
        background-color: var(--apolo-n100, #F1F5F9);
        color: var(--apolo-color-primary, #107FC9) !important;
    }

.apolo-crm__action-btn--delete[b-8q0jtoz7qv] {
    color: var(--apolo-color-danger, #DC3545) !important;
}

    .apolo-crm__action-btn--delete:hover[b-8q0jtoz7qv] {
        background-color: rgba(220, 53, 69, 0.1) !important;
        color: var(--apolo-color-danger, #DC3545) !important;
    }

.apolo-crm__page-link--active[b-8q0jtoz7qv] {
    background-color: var(--apolo-color-primary, #107FC9) !important;
    border-color: var(--apolo-color-primary, #107FC9) !important;
    color: var(--apolo-n0, #FFFFFF) !important;
    min-width: 28px;
    height: 28px;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* ── 5. Barra de acciones dentro de la Card de Configuración ───────────── */
.apolo-crm__bulk-bar[b-8q0jtoz7qv] {
    background-color: var(--apolo-color-primary-light, #E8F4FD);
    border: 1px solid var(--apolo-border-color-subtle, #CCD8E2);
    border-radius: var(--apolo-radius-lg, 8px);
    padding: 10px 14px;
    min-height: 52px;
    width: 100%;
    box-sizing: border-box;
}

.apolo-crm__bulk-count[b-8q0jtoz7qv] {
    color: var(--apolo-color-primary-navy, #194270);
    font-size: var(--apolo-text-sm, 0.8125rem);
    white-space: nowrap;
}

.apolo-crm__bulk-btn[b-8q0jtoz7qv] {
    color: var(--apolo-n0, #FFFFFF) !important;
    border: none !important;
    border-radius: var(--apolo-radius-md, 6px);
    font-size: var(--apolo-text-sm, 0.8125rem);
    font-weight: var(--apolo-font-semibold, 600);
    height: 38px;
    padding: 0 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: var(--apolo-transition-color);
}

.apolo-crm__bulk-btn--assign[b-8q0jtoz7qv] {
    background-color: var(--apolo-color-primary, #107FC9) !important;
}

    .apolo-crm__bulk-btn--assign:hover[b-8q0jtoz7qv] {
        background-color: var(--apolo-color-primary-dark, #0D56A6) !important;
    }

.apolo-crm__bulk-btn--delete[b-8q0jtoz7qv] {
    background-color: var(--apolo-color-danger, #DC3545) !important;
}

    .apolo-crm__bulk-btn--delete:hover[b-8q0jtoz7qv] {
        background-color: var(--apolo-color-danger-dark, #842029) !important;
    }

/* ── 6. Modales (Agregar usuario y Mensaje Exportar Excel) ─────────────── */
.apolo-crm__modal-backdrop[b-8q0jtoz7qv] {
    background-color: var(--apolo-bg-overlay, rgba(15, 25, 35, 0.5));
}

.apolo-crm__modal-content[b-8q0jtoz7qv] {
    border-radius: var(--apolo-radius-md, 6px) !important;
    border: none !important;
    box-shadow: var(--apolo-shadow-lg, 0 10px 25px -5px rgba(0, 0, 0, 0.15));
}

.apolo-crm__modal-header[b-8q0jtoz7qv] {
    background-color: var(--apolo-color-primary, #107FC9) !important;
    color: var(--apolo-n0, #FFFFFF) !important;
    padding: 10px 16px;
}

.apolo-crm__modal-title[b-8q0jtoz7qv] {
    font-size: var(--apolo-text-base, 0.9375rem);
    font-weight: var(--apolo-font-bold, 700);
    color: var(--apolo-n0, #FFFFFF);
}

.apolo-crm__modal-banner[b-8q0jtoz7qv] {
    background-color: var(--apolo-color-primary, #107FC9) !important;
    color: var(--apolo-n0, #FFFFFF) !important;
    font-weight: var(--apolo-font-bold, 700);
    font-size: var(--apolo-text-sm, 0.875rem);
    padding: 6px 12px;
    border-radius: var(--apolo-radius-sm, 4px);
    text-align: center;
}

.apolo-crm__btn-warning[b-8q0jtoz7qv] {
    background-color: var(--apolo-color-accent, #FAC414) !important;
    border-color: var(--apolo-color-accent, #FAC414) !important;
    color: var(--apolo-text-color-on-accent, #0F1923) !important;
    border-radius: var(--apolo-radius-md, 6px);
    font-weight: var(--apolo-font-semibold, 600);
    transition: var(--apolo-transition-color);
}

    .apolo-crm__btn-warning:hover[b-8q0jtoz7qv] {
        background-color: var(--apolo-color-accent-dark, #D4A50F) !important;
        border-color: var(--apolo-color-accent-dark, #D4A50F) !important;
    }

.apolo-crm__btn-primary-modal[b-8q0jtoz7qv] {
    background-color: var(--apolo-color-primary, #107FC9) !important;
    border-color: var(--apolo-color-primary, #107FC9) !important;
    color: var(--apolo-n0, #FFFFFF) !important;
    border-radius: var(--apolo-radius-md, 6px);
    font-weight: var(--apolo-font-semibold, 600);
    transition: var(--apolo-transition-color);
}

    .apolo-crm__btn-primary-modal:hover[b-8q0jtoz7qv] {
        background-color: var(--apolo-color-primary-dark, #0D56A6) !important;
        border-color: var(--apolo-color-primary-dark, #0D56A6) !important;
    }

.apolo-crm__btn-finish[b-8q0jtoz7qv] {
    background-color: var(--apolo-color-success, #198754) !important;
    border-color: var(--apolo-color-success, #198754) !important;
    color: var(--apolo-n0, #FFFFFF) !important;
    border-radius: var(--apolo-radius-md, 6px);
    font-weight: var(--apolo-font-bold, 700);
    padding: 6px 28px;
    transition: var(--apolo-transition-color);
}

    .apolo-crm__btn-finish:hover[b-8q0jtoz7qv] {
        background-color: var(--apolo-color-success-dark, #0F5132) !important;
        border-color: var(--apolo-color-success-dark, #0F5132) !important;
    }

.apolo-crm__modal-user-list[b-8q0jtoz7qv] {
    max-height: 260px;
    overflow-y: auto;
}

.apolo-crm__modal-user-card[b-8q0jtoz7qv] {
    border: 1px solid var(--apolo-border-color-subtle, #E4ECF2) !important;
    border-radius: var(--apolo-radius-md, 6px);
    background-color: var(--apolo-n0, #FFFFFF);
    padding: 8px 12px;
    transition: var(--apolo-transition-color);
}

    .apolo-crm__modal-user-card:hover[b-8q0jtoz7qv] {
        border-color: var(--apolo-color-primary, #107FC9) !important;
    }

.apolo-crm__user-email[b-8q0jtoz7qv] {
    font-size: var(--apolo-text-xs, 0.6875rem);
    color: var(--apolo-text-color-secondary, #52637A);
}

.apolo-crm__user-select[b-8q0jtoz7qv] {
    font-size: var(--apolo-text-sm, 0.8125rem);
}

.apolo-crm__modal-export-dialog[b-8q0jtoz7qv] {
    max-width: 420px;
}

/* ── 7. Responsive P-1 / P-2 & Modo Solo Iconos al Minimizar ───────────── */
@media (min-width: 768px) and (max-width: 991.98px) {
    .apolo-crm__table-responsive[b-8q0jtoz7qv] {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .apolo-crm__th-check[b-8q0jtoz7qv],
    .apolo-crm__td-check[b-8q0jtoz7qv] {
        position: sticky;
        left: 0;
        background-color: inherit;
        z-index: 2;
    }
}

@media (max-width: 767.98px) {
    .apolo-crm__search-group[b-8q0jtoz7qv] {
        max-width: none;
        flex: 1 1 auto;
    }

    .apolo-crm__table-responsive[b-8q0jtoz7qv] {
        min-height: auto;
    }

    .apolo-crm__btn-export[b-8q0jtoz7qv],
    .apolo-crm__btn-config[b-8q0jtoz7qv] {
        padding: 0 10px !important;
        min-width: 38px;
    }

    /* Botones cuadrados de 38x38 para iconos en móvil sin desbordamiento */
    .apolo-crm__bulk-btn[b-8q0jtoz7qv] {
        width: 38px !important;
        height: 38px !important;
        padding: 0 !important;
        min-width: 38px !important;
        flex-shrink: 0;
    }

    .apolo-crm__action-btn[b-8q0jtoz7qv] {
        min-width: 36px;
        min-height: 36px;
    }

    .apolo-crm__table-footer[b-8q0jtoz7qv] {
        flex-direction: column;
        gap: var(--apolo-space-2, 8px);
        text-align: center;
    }
}

/* Accesibilidad Focus Visible y Reduced Motion */
a:focus-visible[b-8q0jtoz7qv],
button:focus-visible[b-8q0jtoz7qv],
input:focus-visible[b-8q0jtoz7qv] {
    outline: 3px solid var(--apolo-color-accent, #FAC414) !important;
    outline-offset: 2px !important;
}

@media (prefers-reduced-motion: reduce) {
    .apolo-crm__config-card[b-8q0jtoz7qv] {
        animation: none !important;
    }

    *[b-8q0jtoz7qv] {
        transition-duration: 0.01ms !important;
    }
}



@media (max-width: 767.98px) {
  .apolo-tabla-cards > tbody > tr[b-8q0jtoz7qv] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--apolo-space-1) var(--apolo-space-3);
    
    /* ── Distinción de cada card ── */
    background: var(--apolo-surface-card);               /* Blanco */
    border: 1px solid var(--apolo-border-color-subtle);  /* Borde fino */
    border-radius: var(--apolo-radius-lg);               /* Curvatura */
    box-shadow: var(--apolo-shadow-sm);                  /* Elevación */
    padding: 14px 16px;                                  /* Espaciado interno */
    margin-bottom: var(--apolo-space-3);                 /* Espacio con la siguiente */
  }

  /* Centrar los iconos de acciones en móvil */
  .apolo-tabla-cards td[data-zona="acciones"][b-8q0jtoz7qv] {
      grid-column: 1 / -1;
      display: flex;
      justify-content: center !important; 
      width: 100%;
      margin-top: var(--apolo-space-3);
      padding-top: var(--apolo-space-2);
      border-top: 1px solid var(--apolo-border-color-subtle);
  }
  .apolo-tabla-cards td[data-zona="acciones"] .d-inline-flex[b-8q0jtoz7qv] {
      justify-content: center !important;
      gap: var(--apolo-space-4) !important;
      width: 100%;
  }

  /* Título Azul como Krypto */
  .apolo-tabla-cards td[data-zona="titulo"] .apolo-crm__link-asunto[b-8q0jtoz7qv] {
      color: var(--apolo-color-primary, #107FC9) !important;
      text-decoration: none !important;
  }
}

/* /Components/Pages/LeyesCalculadoras/Calculadoras.razor.rz.scp.css */
/* Bloque principal */
.apolo-leyes-calculadoras[b-zitxtvs6tq] {
    background-color: var(--apolo-surface-app-bg);
    min-height: calc(100vh - var(--apolo-layout-header-height));
}

/* Cabecera */
.apolo-leyes-calculadoras__breadcrumb[b-zitxtvs6tq] {
    display: flex;
    align-items: center;
    gap: var(--apolo-space-1);
    color: var(--apolo-text-color-disabled);
}

.apolo-leyes-calculadoras__breadcrumb-current[b-zitxtvs6tq] {
    color: var(--apolo-text-color-secondary);
}

.apolo-leyes-calculadoras__title[b-zitxtvs6tq] {
    font-size: var(--apolo-text-2xl);
    font-weight: var(--apolo-font-bold);
    color: var(--apolo-text-color-primary);
}

.apolo-leyes-calculadoras__title-icon[b-zitxtvs6tq] {
    color: var(--apolo-color-primary);
    display: inline-flex;
}

/* Tabs Nivel 1 */
.apolo-leyes-calculadoras__tabs[b-zitxtvs6tq] {
    border-bottom: 1px solid var(--apolo-border-color-subtle);
    margin-bottom: 0;
}

.apolo-leyes-calculadoras__tabs .nav-link[b-zitxtvs6tq] {
    color: var(--apolo-text-color-secondary);
    font-weight: var(--apolo-font-medium);
    font-size: var(--apolo-text-base);
    padding: var(--apolo-space-3) 0;
    margin-right: var(--apolo-space-6);
    border-bottom: 2px solid transparent;
    transition: var(--apolo-transition-color);
}

.apolo-leyes-calculadoras__tabs .nav-link:hover[b-zitxtvs6tq] {
    color: var(--apolo-text-color-primary);
    border-color: transparent;
}

.apolo-leyes-calculadoras__tabs .nav-link.active[b-zitxtvs6tq] {
    color: var(--apolo-color-primary);
    font-weight: var(--apolo-font-semibold);
    border-bottom-color: var(--apolo-color-primary);
}

/* Tabs Nivel 2 (Pills) */
.apolo-leyes-calculadoras__pills .nav-link[b-zitxtvs6tq] {
    color: var(--apolo-text-color-secondary);
    border-radius: var(--apolo-radius-full);
    padding: var(--apolo-space-2) var(--apolo-space-4);
    font-size: var(--apolo-text-sm);
    font-weight: var(--apolo-font-medium);
    transition: var(--apolo-transition-toggle);
    background-color: transparent;
}

.apolo-leyes-calculadoras__pills .nav-link:hover[b-zitxtvs6tq] {
    background-color: var(--apolo-n200);
    color: var(--apolo-n900);
}

.apolo-leyes-calculadoras__pills .nav-link.active[b-zitxtvs6tq] {
    background-color: var(--apolo-color-primary);
    color: var(--apolo-text-color-on-primary);
}

/* Buscador */
.apolo-leyes-calculadoras__search-container[b-zitxtvs6tq] {
    max-width: 100%;
}

.apolo-leyes-calculadoras__search-input[b-zitxtvs6tq] {
    border-radius: var(--apolo-radius-md);
    background-color: var(--apolo-surface-card);
    border: 1px solid var(--apolo-border-color);
    box-shadow: none; /* Eliminar sombra para matching exacto con Figma si no la lleva */
}

.apolo-leyes-calculadoras__search-icon[b-zitxtvs6tq] {
    pointer-events: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Iconos circulares simulados (basados en el mockup que muestra un círculo gris) */
.apolo-leyes-calculadoras__circle-icon[b-zitxtvs6tq] {
    display: block;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background-color: var(--apolo-n400);
}

.apolo-leyes-calculadoras__circle-icon--large[b-zitxtvs6tq] {
    display: block;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: var(--apolo-n300);
}

/* Estado Vacío */
.apolo-leyes-calculadoras__empty-state[b-zitxtvs6tq] {
    background-color: var(--apolo-surface-card);
    border: 1px dashed var(--apolo-n300);
    border-radius: var(--apolo-radius-lg);
    min-height: 240px;
}

.apolo-leyes-calculadoras__empty-text[b-zitxtvs6tq] {
    font-size: var(--apolo-text-sm);
    color: var(--apolo-text-color-disabled);
}

/* Lista Últimos Vistos */
.apolo-lista-leyes[b-zitxtvs6tq] {
    border-radius: var(--apolo-radius-lg);
    overflow: hidden;
}

.apolo-lista-leyes__item[b-zitxtvs6tq] {
    border-left: none;
    border-right: none;
    border-color: var(--apolo-border-color-subtle);
    transition: var(--apolo-transition-toggle);
}

.apolo-lista-leyes__item:first-child[b-zitxtvs6tq] {
    border-top: none;
}

.apolo-lista-leyes__item:last-child[b-zitxtvs6tq] {
    border-bottom: none;
}

.apolo-lista-leyes__item:hover[b-zitxtvs6tq] {
    background-color: var(--apolo-n50);
}

.apolo-lista-leyes__title[b-zitxtvs6tq] {
    font-size: var(--apolo-text-base);
    color: var(--apolo-n900) !important;
}

.apolo-lista-leyes__subtitle[b-zitxtvs6tq] {
    color: var(--apolo-text-color-disabled) !important;
}

.apolo-lista-leyes__meta[b-zitxtvs6tq] {
    color: var(--apolo-text-color-disabled) !important;
}

/* Estado de información */
.apolo-leyes-calculadoras__info-state[b-zitxtvs6tq] {
    background-color: transparent;
}

.apolo-leyes-calculadoras__info-text[b-zitxtvs6tq] {
    font-size: var(--apolo-text-sm);
}



/* Menú Desplegable Móvil (Estilo Alertas) */
.apolo-leyes-calculadoras__nav-card[b-zitxtvs6tq] {
    border-radius: 12px;
}

.apolo-leyes-calculadoras__nav-item[b-zitxtvs6tq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 10px 14px;
    border-radius: var(--apolo-radius-lg);
    background-color: var(--apolo-surface-card);
    border: 1px solid var(--apolo-border-color-subtle);
    color: var(--apolo-color-primary-navy);
    text-align: left;
    transition: var(--apolo-transition-color), transform 0.15s ease;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
}

.apolo-leyes-calculadoras__nav-item:hover[b-zitxtvs6tq] {
    background-color: var(--apolo-n50);
    border-color: var(--apolo-border-color);
    color: var(--apolo-color-primary);
}

.apolo-leyes-calculadoras__nav-item-title[b-zitxtvs6tq] {
    font-size: var(--apolo-text-sm);
    font-weight: var(--apolo-font-semibold);
}

.apolo-leyes-calculadoras__nav-item--active[b-zitxtvs6tq] {
    background: linear-gradient(135deg, var(--apolo-color-primary) 0%, var(--apolo-color-primary-dark) 100%) !important;
    border-color: transparent !important;
    color: #ffffff !important;
    box-shadow: 0 4px 10px rgba(16, 127, 201, 0.25) !important;
}

.apolo-leyes-calculadoras__nav-item--active .apolo-icon[b-zitxtvs6tq],
.apolo-leyes-calculadoras__nav-item--active svg[b-zitxtvs6tq] {
    color: #ffffff !important;
}

.apolo-leyes-calculadoras__nav-item--active .apolo-leyes-calculadoras__nav-item-title[b-zitxtvs6tq] {
    color: #ffffff !important;
}

.apolo-leyes-calculadoras__nav-chevron[b-zitxtvs6tq] {
    color: inherit;
    display: flex;
    align-items: center;
    transition: transform var(--apolo-transition-color);
}

.apolo-leyes-calculadoras__nav-item--active .apolo-leyes-calculadoras__nav-chevron[b-zitxtvs6tq] {
    color: #ffffff;
}

.apolo-leyes-calculadoras__mobile-dropdown-list[b-zitxtvs6tq] {
    animation: apolo-fade-in-b-zitxtvs6tq 0.2s ease-out;
}

@keyframes apolo-fade-in-b-zitxtvs6tq {
    from {
        opacity: 0;
        transform: translateY(-4px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}




/* === Estilos para el SfTreeView (Estilo Lista de Nodos con Punto Azul) === */
.apolo-leyes-tree-card[b-zitxtvs6tq] {
    border-radius: var(--apolo-radius-md);
    overflow: hidden;
}

.apolo-tree-container[b-zitxtvs6tq] {
    background-color: transparent;
    padding: 0;
}

/* Ocultar chevron nativo de Syncfusion */
[b-zitxtvs6tq] .e-treeview .e-icon-collapsible, 
[b-zitxtvs6tq] .e-treeview .e-icon-expandable {
    display: none !important;
}

/* Eliminar outline */
[b-zitxtvs6tq] .e-treeview .e-list-item:focus {
    outline: none;
}

/* Ajuste de fila y contenedor */
[b-zitxtvs6tq] .e-treeview .e-list-item {
    padding: 0;
    margin: 0;
}

[b-zitxtvs6tq] .e-treeview .e-list-item > .e-fullrow {
    background-color: #ffffff;
    border-bottom: 1px solid #f1f3f5;
    height: 54px; 
}

/* No aplicar borde al último elemento */
[b-zitxtvs6tq] .e-treeview > .e-list-parent > .e-list-item:last-child > .e-fullrow {
    border-bottom: none;
}

/* Sobrescribir el azul fuerte de Syncfusion con un azul muy claro */
[b-zitxtvs6tq] .e-treeview .e-list-item.e-hover > .e-fullrow,
[b-zitxtvs6tq] .e-treeview .e-list-item.e-active > .e-fullrow {
    background-color: #f0f7ff !important; /* Azul muy claro */
    border-color: #f0f7ff !important;
}

/* Forzar que el texto y los iconos sigan siendo oscuros aunque el elemento esté activo */
[b-zitxtvs6tq] .e-treeview .e-list-item.e-active > .e-text-content,
[b-zitxtvs6tq] .e-treeview .e-list-item.e-hover > .e-text-content {
    color: inherit !important;
}

[b-zitxtvs6tq] .e-treeview .e-list-item.e-active > .e-text-content .apolo-tree-node-title,
[b-zitxtvs6tq] .e-treeview .e-list-item.e-hover > .e-text-content .apolo-tree-node-title {
    color: var(--apolo-n900) !important;
}

[b-zitxtvs6tq] .e-treeview .e-list-item.e-active > .e-text-content .apolo-tree-node-chevron,
[b-zitxtvs6tq] .e-treeview .e-list-item.e-hover > .e-text-content .apolo-tree-node-chevron {
    color: var(--apolo-color-primary) !important;
}

[b-zitxtvs6tq] .e-treeview .e-list-text {
    padding: 0;
    width: 100%;
    display: flex;
    height: 54px;
    align-items: center;
}

/* Evitar color de texto forzado en activo */
[b-zitxtvs6tq] .e-treeview .e-list-item.e-active > .e-text-content {
    color: inherit;
}

/* Contenido de nuestro Template */
.apolo-tree-node-row[b-zitxtvs6tq] {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 0 16px 0 8px; /* Syncfusion ya añade padding izquierdo, así que compensamos */
    justify-content: space-between;
}

.apolo-tree-node-left[b-zitxtvs6tq] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.apolo-tree-node-dot[b-zitxtvs6tq] {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    flex-shrink: 0;
}
.apolo-tree-node-dot--category[b-zitxtvs6tq] {
    background-color: var(--apolo-color-accent); /* Amarillo Apolo */
}
.apolo-tree-node-dot--document[b-zitxtvs6tq] {
    background-color: var(--apolo-color-primary); /* Azul Apolo */
}

.apolo-tree-node-title[b-zitxtvs6tq] {
    font-size: 14px;
    color: var(--apolo-n900);
    font-weight: 500;
}

.apolo-tree-node-meta[b-zitxtvs6tq] {
    font-size: 12px;
    color: var(--apolo-n500);
    margin-left: 8px;
    font-style: italic;
}

.apolo-tree-node-right[b-zitxtvs6tq] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.apolo-tree-node-badge[b-zitxtvs6tq] {
    background-color: #f1f3f5; /* Gris clarito */
    color: var(--apolo-n700);
    font-size: 12px;
    font-weight: 600;
    padding: 2px 10px;
    border-radius: 12px;
}

.apolo-tree-node-chevron[b-zitxtvs6tq] {
    color: var(--apolo-n400);
    transition: transform 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Rotar el chevron cuando Syncfusion expande el nodo */
[b-zitxtvs6tq] .e-treeview .e-list-item[aria-expanded="true"] > .e-text-content .apolo-tree-node-chevron,
[b-zitxtvs6tq] .e-treeview .e-list-item.e-node-expanded > .e-text-content .apolo-tree-node-chevron {
    transform: rotate(90deg);
}



/* --- FIX PARA SCROLL TÁCTIL Y TEXTOS LARGOS --- */
[b-zitxtvs6tq] .e-treeview,
[b-zitxtvs6tq] .e-treeview .e-list-item,
[b-zitxtvs6tq] .e-treeview .e-fullrow,
[b-zitxtvs6tq] .e-treeview .e-list-text,
[b-zitxtvs6tq] .e-treeview .e-text-content {
    touch-action: auto !important; /* Permite que el navegador haga scroll arriba/abajo y a los lados sin pasmarse */
}

.apolo-leyes-tree-card[b-zitxtvs6tq] {
    overflow-x: auto !important; /* Por si el texto es muy largo y necesitan mover a los lados */
}



/* --- Modal de Calculadora con iframe --- */
.apolo-calculadora-modal[b-zitxtvs6tq] {
    position: fixed;
    inset: 0;
    width: 100vw;
    height: 100vh;
    z-index: 1055;
    background-color: rgba(15, 25, 35, 0.6);
    backdrop-filter: blur(3px);
    display: flex !important;
    align-items: center;
    justify-content: center;
    padding: 1.5rem;
    overflow: hidden;
    outline: 0;
}

.apolo-calculadora-modal__dialog[b-zitxtvs6tq] {
    width: 100%;
    max-width: 760px;
    height: 58vh;
    min-height: 360px;
    max-height: 500px;
    margin: 0;
    display: flex;
    flex-direction: column;
}

.apolo-calculadora-modal__content[b-zitxtvs6tq] {
    border-radius: var(--apolo-radius-xl, 14px);
    border: 1px solid var(--apolo-border-color-subtle, #e2e8f0);
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3);
    background-color: #ffffff !important;
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.apolo-calculadora-modal__header[b-zitxtvs6tq] {
    flex-shrink: 0;
    padding: 14px 22px;
    background-color: #ffffff;
    border-bottom: 1px solid var(--apolo-border-color-subtle, #e2e8f0);
}

.apolo-calculadora-modal__icon[b-zitxtvs6tq] {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    background-color: rgba(16, 127, 201, 0.1);
    color: var(--apolo-color-primary, #107fc9);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.apolo-calculadora-modal__body[b-zitxtvs6tq] {
    flex: 1 1 auto;
    width: 100%;
    height: 100%;
    min-height: 0;
    position: relative;
    background-color: #ffffff;
    overflow: hidden;
}

.apolo-calculadora-modal__iframe[b-zitxtvs6tq] {
    display: block;
    width: 100%;
    height: 100%;
    border: none;
    outline: none;
    background-color: #ffffff;
}

@media (max-width: 768px) {
    .apolo-calculadora-modal[b-zitxtvs6tq] {
        padding: 0.5rem;
    }

    .apolo-calculadora-modal__dialog[b-zitxtvs6tq] {
        max-width: 100%;
        height: 80vh;
        max-height: 520px;
    }

    .apolo-calculadora-modal__header[b-zitxtvs6tq] {
        padding: 10px 14px;
    }
}

/* En calculadora: opciones en azul */
.apolo-tree-node-row--document[b-zitxtvs6tq] {
    cursor: pointer;
}

.apolo-tree-node-row--document .apolo-tree-node-title[b-zitxtvs6tq] {
    color: var(--apolo-color-primary, #107fc9) !important;
    font-weight: 500;
}

.apolo-tree-node-row--document:hover .apolo-tree-node-title[b-zitxtvs6tq] {
    color: var(--apolo-color-primary-dark, #0c639e) !important;
    text-decoration: underline;
}

.apolo-lista-leyes__item .apolo-lista-leyes__title[b-zitxtvs6tq] {
    color: var(--apolo-color-primary, #107fc9) !important;
}

.apolo-lista-leyes__item:hover .apolo-lista-leyes__title[b-zitxtvs6tq] {
    color: var(--apolo-color-primary-dark, #0c639e) !important;
    text-decoration: underline;
}

/* --- Últimos Vistos (Estilo Captura 2) --- */
.apolo-vistos-card[b-zitxtvs6tq] {
    background-color: #ffffff;
    border: 1px solid var(--apolo-border-color-subtle, #e9ecef);
    border-radius: var(--apolo-radius-md, 8px);
    overflow: hidden;
}

.apolo-visto-captura2[b-zitxtvs6tq] {
    display: flex;
    align-items: center;
    gap: 12px;
    background-color: #ffffff;
    border: none;
    border-bottom: 1px solid #f1f3f5;
    border-left: 4px solid var(--apolo-color-primary, #107fc9) !important;
    padding: 12px 18px;
    cursor: pointer;
    text-align: left;
    width: 100%;
    transition: background-color 0.15s ease;
}

.apolo-visto-captura2:last-child[b-zitxtvs6tq] {
    border-bottom: none;
}

.apolo-visto-captura2:hover[b-zitxtvs6tq] {
    background-color: #f7faff;
}

.apolo-visto-captura2__chevron[b-zitxtvs6tq] {
    color: #495057;
    display: inline-flex;
    align-items: center;
    font-size: 13px;
    flex-shrink: 0;
}

.apolo-visto-captura2__title[b-zitxtvs6tq] {
    color: var(--apolo-color-primary, #107fc9);
    font-size: 14.5px;
    font-weight: 500;
    transition: color 0.15s ease;
}

.apolo-visto-captura2:hover .apolo-visto-captura2__title[b-zitxtvs6tq] {
    text-decoration: underline;
    color: var(--apolo-color-primary-dark, #0c639e);
}

.apolo-visto-captura2__meta[b-zitxtvs6tq] {
    font-size: 12px;
    flex-shrink: 0;
}

@keyframes apoloSpin-b-zitxtvs6tq {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
/* /Components/Pages/LeyesCalculadoras/DisposicionesLegales.razor.rz.scp.css */
/* Bloque principal */
.apolo-leyes-calculadoras[b-8c87ex4dq1] {
    background-color: var(--apolo-surface-app-bg);
    min-height: calc(100vh - var(--apolo-layout-header-height));
}

/* Cabecera */
.apolo-leyes-calculadoras__breadcrumb[b-8c87ex4dq1] {
    display: flex;
    align-items: center;
    gap: var(--apolo-space-1);
    color: var(--apolo-text-color-disabled);
}

.apolo-leyes-calculadoras__breadcrumb-current[b-8c87ex4dq1] {
    color: var(--apolo-text-color-secondary);
}

.apolo-leyes-calculadoras__title[b-8c87ex4dq1] {
    font-size: var(--apolo-text-2xl);
    font-weight: var(--apolo-font-bold);
    color: var(--apolo-text-color-primary);
}

.apolo-leyes-calculadoras__title-icon[b-8c87ex4dq1] {
    color: var(--apolo-color-primary);
    display: inline-flex;
}

/* Tabs Nivel 1 */
.apolo-leyes-calculadoras__tabs[b-8c87ex4dq1] {
    border-bottom: 1px solid var(--apolo-border-color-subtle);
    margin-bottom: 0;
}

.apolo-leyes-calculadoras__tabs .nav-link[b-8c87ex4dq1] {
    color: var(--apolo-text-color-secondary);
    font-weight: var(--apolo-font-medium);
    font-size: var(--apolo-text-base);
    padding: var(--apolo-space-3) 0;
    margin-right: var(--apolo-space-6);
    border-bottom: 2px solid transparent;
    transition: var(--apolo-transition-color);
}

.apolo-leyes-calculadoras__tabs .nav-link:hover[b-8c87ex4dq1] {
    color: var(--apolo-text-color-primary);
    border-color: transparent;
}

.apolo-leyes-calculadoras__tabs .nav-link.active[b-8c87ex4dq1] {
    color: var(--apolo-color-primary);
    font-weight: var(--apolo-font-semibold);
    border-bottom-color: var(--apolo-color-primary);
}

/* Tabs Nivel 2 (Pills) */
.apolo-leyes-calculadoras__pills .nav-link[b-8c87ex4dq1] {
    color: var(--apolo-text-color-secondary);
    border-radius: var(--apolo-radius-full);
    padding: var(--apolo-space-2) var(--apolo-space-4);
    font-size: var(--apolo-text-sm);
    font-weight: var(--apolo-font-medium);
    transition: var(--apolo-transition-toggle);
    background-color: transparent;
}

.apolo-leyes-calculadoras__pills .nav-link:hover[b-8c87ex4dq1] {
    background-color: var(--apolo-n200);
    color: var(--apolo-n900);
}

.apolo-leyes-calculadoras__pills .nav-link.active[b-8c87ex4dq1] {
    background-color: var(--apolo-color-primary);
    color: var(--apolo-text-color-on-primary);
}

/* Buscador */
.apolo-leyes-calculadoras__search-container[b-8c87ex4dq1] {
    max-width: 100%;
}

.apolo-leyes-calculadoras__search-input[b-8c87ex4dq1] {
    border-radius: var(--apolo-radius-md);
    background-color: var(--apolo-surface-card);
    border: 1px solid var(--apolo-border-color);
    box-shadow: none; /* Eliminar sombra para matching exacto con Figma si no la lleva */
}

.apolo-leyes-calculadoras__search-icon[b-8c87ex4dq1] {
    pointer-events: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Iconos circulares simulados (basados en el mockup que muestra un círculo gris) */
.apolo-leyes-calculadoras__circle-icon[b-8c87ex4dq1] {
    display: block;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background-color: var(--apolo-n400);
}

.apolo-leyes-calculadoras__circle-icon--large[b-8c87ex4dq1] {
    display: block;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: var(--apolo-n300);
}

/* Estado Vacío */
.apolo-leyes-calculadoras__empty-state[b-8c87ex4dq1] {
    background-color: var(--apolo-surface-card);
    border: 1px dashed var(--apolo-n300);
    border-radius: var(--apolo-radius-lg);
    min-height: 240px;
}

.apolo-leyes-calculadoras__empty-text[b-8c87ex4dq1] {
    font-size: var(--apolo-text-sm);
    color: var(--apolo-text-color-disabled);
}

/* Lista Últimos Vistos */
.apolo-lista-leyes[b-8c87ex4dq1] {
    border-radius: var(--apolo-radius-lg);
    overflow: hidden;
}

.apolo-lista-leyes__item[b-8c87ex4dq1] {
    border-left: none;
    border-right: none;
    border-color: var(--apolo-border-color-subtle);
    transition: var(--apolo-transition-toggle);
}

.apolo-lista-leyes__item:first-child[b-8c87ex4dq1] {
    border-top: none;
}

.apolo-lista-leyes__item:last-child[b-8c87ex4dq1] {
    border-bottom: none;
}

.apolo-lista-leyes__item:hover[b-8c87ex4dq1] {
    background-color: var(--apolo-n50);
}

.apolo-lista-leyes__title[b-8c87ex4dq1] {
    font-size: var(--apolo-text-base);
    color: var(--apolo-n900) !important;
}

.apolo-lista-leyes__subtitle[b-8c87ex4dq1] {
    color: var(--apolo-text-color-disabled) !important;
}

.apolo-lista-leyes__meta[b-8c87ex4dq1] {
    color: var(--apolo-text-color-disabled) !important;
}

/* Estado de información */
.apolo-leyes-calculadoras__info-state[b-8c87ex4dq1] {
    background-color: transparent;
}

.apolo-leyes-calculadoras__info-text[b-8c87ex4dq1] {
    font-size: var(--apolo-text-sm);
}



/* Menú Desplegable Móvil (Estilo Alertas) */
.apolo-leyes-calculadoras__nav-card[b-8c87ex4dq1] {
    border-radius: 12px;
}

.apolo-leyes-calculadoras__nav-item[b-8c87ex4dq1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 10px 14px;
    border-radius: var(--apolo-radius-lg);
    background-color: var(--apolo-surface-card);
    border: 1px solid var(--apolo-border-color-subtle);
    color: var(--apolo-color-primary-navy);
    text-align: left;
    transition: var(--apolo-transition-color), transform 0.15s ease;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
}

.apolo-leyes-calculadoras__nav-item:hover[b-8c87ex4dq1] {
    background-color: var(--apolo-n50);
    border-color: var(--apolo-border-color);
    color: var(--apolo-color-primary);
}

.apolo-leyes-calculadoras__nav-item-title[b-8c87ex4dq1] {
    font-size: var(--apolo-text-sm);
    font-weight: var(--apolo-font-semibold);
}

.apolo-leyes-calculadoras__nav-item--active[b-8c87ex4dq1] {
    background: linear-gradient(135deg, var(--apolo-color-primary) 0%, var(--apolo-color-primary-dark) 100%) !important;
    border-color: transparent !important;
    color: #ffffff !important;
    box-shadow: 0 4px 10px rgba(16, 127, 201, 0.25) !important;
}

.apolo-leyes-calculadoras__nav-item--active .apolo-icon[b-8c87ex4dq1],
.apolo-leyes-calculadoras__nav-item--active svg[b-8c87ex4dq1] {
    color: #ffffff !important;
}

.apolo-leyes-calculadoras__nav-item--active .apolo-leyes-calculadoras__nav-item-title[b-8c87ex4dq1] {
    color: #ffffff !important;
}

.apolo-leyes-calculadoras__nav-chevron[b-8c87ex4dq1] {
    color: inherit;
    display: flex;
    align-items: center;
    transition: transform var(--apolo-transition-color);
}

.apolo-leyes-calculadoras__nav-item--active .apolo-leyes-calculadoras__nav-chevron[b-8c87ex4dq1] {
    color: #ffffff;
}

.apolo-leyes-calculadoras__mobile-dropdown-list[b-8c87ex4dq1] {
    animation: apolo-fade-in-b-8c87ex4dq1 0.2s ease-out;
}

@keyframes apolo-fade-in-b-8c87ex4dq1 {
    from {
        opacity: 0;
        transform: translateY(-4px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}




/* === Estilos para el SfTreeView (Estilo Lista de Nodos con Punto Azul) === */
.apolo-leyes-tree-card[b-8c87ex4dq1] {
    border-radius: var(--apolo-radius-md);
    overflow: hidden;
}

.apolo-tree-container[b-8c87ex4dq1] {
    background-color: transparent;
    padding: 0;
}

/* Ocultar chevron nativo de Syncfusion */
[b-8c87ex4dq1] .e-treeview .e-icon-collapsible, 
[b-8c87ex4dq1] .e-treeview .e-icon-expandable {
    display: none !important;
}

/* Eliminar outline */
[b-8c87ex4dq1] .e-treeview .e-list-item:focus {
    outline: none;
}

/* Ajuste de fila y contenedor */
[b-8c87ex4dq1] .e-treeview .e-list-item {
    padding: 0;
    margin: 0;
}

[b-8c87ex4dq1] .e-treeview .e-list-item > .e-fullrow {
    background-color: #ffffff;
    border-bottom: 1px solid #f1f3f5;
    height: 54px; 
}

/* No aplicar borde al último elemento */
[b-8c87ex4dq1] .e-treeview > .e-list-parent > .e-list-item:last-child > .e-fullrow {
    border-bottom: none;
}

/* Sobrescribir el azul fuerte de Syncfusion con un azul muy claro */
[b-8c87ex4dq1] .e-treeview .e-list-item.e-hover > .e-fullrow,
[b-8c87ex4dq1] .e-treeview .e-list-item.e-active > .e-fullrow {
    background-color: #f0f7ff !important; /* Azul muy claro */
    border-color: #f0f7ff !important;
}

/* Forzar que el texto y los iconos sigan siendo oscuros aunque el elemento esté activo */
[b-8c87ex4dq1] .e-treeview .e-list-item.e-active > .e-text-content,
[b-8c87ex4dq1] .e-treeview .e-list-item.e-hover > .e-text-content {
    color: inherit !important;
}

[b-8c87ex4dq1] .e-treeview .e-list-item.e-active > .e-text-content .apolo-tree-node-title,
[b-8c87ex4dq1] .e-treeview .e-list-item.e-hover > .e-text-content .apolo-tree-node-title {
    color: var(--apolo-n900) !important;
}

[b-8c87ex4dq1] .e-treeview .e-list-item.e-active > .e-text-content .apolo-tree-node-chevron,
[b-8c87ex4dq1] .e-treeview .e-list-item.e-hover > .e-text-content .apolo-tree-node-chevron {
    color: var(--apolo-color-primary) !important;
}

[b-8c87ex4dq1] .e-treeview .e-list-text {
    padding: 0;
    width: 100%;
    display: flex;
    height: 54px;
    align-items: center;
}

/* Evitar color de texto forzado en activo */
[b-8c87ex4dq1] .e-treeview .e-list-item.e-active > .e-text-content {
    color: inherit;
}

/* Contenido de nuestro Template */
.apolo-tree-node-row[b-8c87ex4dq1] {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 0 16px 0 8px; /* Syncfusion ya añade padding izquierdo, así que compensamos */
    justify-content: space-between;
}

.apolo-tree-node-left[b-8c87ex4dq1] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.apolo-tree-node-dot[b-8c87ex4dq1] {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    flex-shrink: 0;
}
.apolo-tree-node-dot--category[b-8c87ex4dq1] {
    background-color: var(--apolo-color-accent); /* Amarillo Apolo */
}
.apolo-tree-node-dot--document[b-8c87ex4dq1] {
    background-color: var(--apolo-color-primary); /* Azul Apolo */
}

.apolo-tree-node-title[b-8c87ex4dq1] {
    font-size: 14px;
    color: var(--apolo-n900);
    font-weight: 500;
}

.apolo-tree-node-meta[b-8c87ex4dq1] {
    font-size: 12px;
    color: var(--apolo-n500);
    margin-left: 8px;
    font-style: italic;
}

.apolo-tree-node-right[b-8c87ex4dq1] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.apolo-tree-node-badge[b-8c87ex4dq1] {
    background-color: #f1f3f5; /* Gris clarito */
    color: var(--apolo-n700);
    font-size: 12px;
    font-weight: 600;
    padding: 2px 10px;
    border-radius: 12px;
}

.apolo-tree-node-chevron[b-8c87ex4dq1] {
    color: var(--apolo-n400);
    transition: transform 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Rotar el chevron cuando Syncfusion expande el nodo */
[b-8c87ex4dq1] .e-treeview .e-list-item[aria-expanded="true"] > .e-text-content .apolo-tree-node-chevron,
[b-8c87ex4dq1] .e-treeview .e-list-item.e-node-expanded > .e-text-content .apolo-tree-node-chevron {
    transform: rotate(90deg);
}



/* --- FIX PARA SCROLL TÁCTIL Y TEXTOS LARGOS --- */
[b-8c87ex4dq1] .e-treeview,
[b-8c87ex4dq1] .e-treeview .e-list-item,
[b-8c87ex4dq1] .e-treeview .e-fullrow,
[b-8c87ex4dq1] .e-treeview .e-list-text,
[b-8c87ex4dq1] .e-treeview .e-text-content {
    touch-action: auto !important; /* Permite que el navegador haga scroll arriba/abajo y a los lados sin pasmarse */
}

.apolo-leyes-tree-card[b-8c87ex4dq1] {
    overflow-x: auto !important; /* Por si el texto es muy largo y necesitan mover a los lados */
}


/* --- Visor integrado de documento --- */
.apolo-ley-visor-card[b-8c87ex4dq1] {
    border-radius: var(--apolo-radius-md);
    overflow: hidden;
}

.apolo-ley-visor-body[b-8c87ex4dq1] {
    height: 72vh;
    min-height: 550px;
    background-color: #ffffff;
}

.apolo-ley-iframe[b-8c87ex4dq1] {
    width: 100%;
    height: 100%;
    border: none;
    background-color: #ffffff;
}

.apolo-tree-node-row--document[b-8c87ex4dq1] {
    cursor: pointer;
}

.apolo-tree-node-row--document:hover .apolo-tree-node-title[b-8c87ex4dq1] {
    color: var(--apolo-color-primary) !important;
    text-decoration: underline;
}

/* --- Últimos Vistos (Estilo Captura 2) --- */
.apolo-vistos-card[b-8c87ex4dq1] {
    background-color: #ffffff;
    border: 1px solid var(--apolo-border-color-subtle, #e9ecef);
    border-radius: var(--apolo-radius-md, 8px);
    overflow: hidden;
}

.apolo-visto-captura2[b-8c87ex4dq1] {
    display: flex;
    align-items: center;
    gap: 12px;
    background-color: #ffffff;
    border: none;
    border-bottom: 1px solid #f1f3f5;
    border-left: 4px solid var(--apolo-color-primary, #107fc9) !important;
    padding: 12px 18px;
    cursor: pointer;
    text-align: left;
    width: 100%;
    transition: background-color 0.15s ease;
}

.apolo-visto-captura2:last-child[b-8c87ex4dq1] {
    border-bottom: none;
}

.apolo-visto-captura2:hover[b-8c87ex4dq1] {
    background-color: #f7faff;
}

.apolo-visto-captura2__chevron[b-8c87ex4dq1] {
    color: #495057;
    display: inline-flex;
    align-items: center;
    font-size: 13px;
    flex-shrink: 0;
}

.apolo-visto-captura2__title[b-8c87ex4dq1] {
    color: var(--apolo-color-primary, #107fc9);
    font-size: 14.5px;
    font-weight: 500;
    transition: color 0.15s ease;
}

.apolo-visto-captura2:hover .apolo-visto-captura2__title[b-8c87ex4dq1] {
    text-decoration: underline;
    color: var(--apolo-color-primary-dark, #0c639e);
}

.apolo-visto-captura2__meta[b-8c87ex4dq1] {
    font-size: 12px;
    flex-shrink: 0;
}

@keyframes apoloSpin-b-8c87ex4dq1 {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
/* /Components/Pages/LeyesCalculadoras/InfoContable.razor.rz.scp.css */
/* Bloque principal */
.apolo-leyes-calculadoras[b-tgyg9493mq] {
    background-color: var(--apolo-surface-app-bg);
    min-height: calc(100vh - var(--apolo-layout-header-height));
}

/* Cabecera */
.apolo-leyes-calculadoras__breadcrumb[b-tgyg9493mq] {
    display: flex;
    align-items: center;
    gap: var(--apolo-space-1);
    color: var(--apolo-text-color-disabled);
}

.apolo-leyes-calculadoras__breadcrumb-current[b-tgyg9493mq] {
    color: var(--apolo-text-color-secondary);
}

.apolo-leyes-calculadoras__title[b-tgyg9493mq] {
    font-size: var(--apolo-text-2xl);
    font-weight: var(--apolo-font-bold);
    color: var(--apolo-text-color-primary);
}

.apolo-leyes-calculadoras__title-icon[b-tgyg9493mq] {
    color: var(--apolo-color-primary);
    display: inline-flex;
}

/* Tabs Nivel 1 */
.apolo-leyes-calculadoras__tabs[b-tgyg9493mq] {
    border-bottom: 1px solid var(--apolo-border-color-subtle);
    margin-bottom: 0;
}

.apolo-leyes-calculadoras__tabs .nav-link[b-tgyg9493mq] {
    color: var(--apolo-text-color-secondary);
    font-weight: var(--apolo-font-medium);
    font-size: var(--apolo-text-base);
    padding: var(--apolo-space-3) 0;
    margin-right: var(--apolo-space-6);
    border-bottom: 2px solid transparent;
    transition: var(--apolo-transition-color);
}

.apolo-leyes-calculadoras__tabs .nav-link:hover[b-tgyg9493mq] {
    color: var(--apolo-text-color-primary);
    border-color: transparent;
}

.apolo-leyes-calculadoras__tabs .nav-link.active[b-tgyg9493mq] {
    color: var(--apolo-color-primary);
    font-weight: var(--apolo-font-semibold);
    border-bottom-color: var(--apolo-color-primary);
}

/* Tabs Nivel 2 (Pills) */
.apolo-leyes-calculadoras__pills .nav-link[b-tgyg9493mq] {
    color: var(--apolo-text-color-secondary);
    border-radius: var(--apolo-radius-full);
    padding: var(--apolo-space-2) var(--apolo-space-4);
    font-size: var(--apolo-text-sm);
    font-weight: var(--apolo-font-medium);
    transition: var(--apolo-transition-toggle);
    background-color: transparent;
}

.apolo-leyes-calculadoras__pills .nav-link:hover[b-tgyg9493mq] {
    background-color: var(--apolo-n200);
    color: var(--apolo-n900);
}

.apolo-leyes-calculadoras__pills .nav-link.active[b-tgyg9493mq] {
    background-color: var(--apolo-color-primary);
    color: var(--apolo-text-color-on-primary);
}

/* Buscador */
.apolo-leyes-calculadoras__search-container[b-tgyg9493mq] {
    max-width: 100%;
}

.apolo-leyes-calculadoras__search-input[b-tgyg9493mq] {
    border-radius: var(--apolo-radius-md);
    background-color: var(--apolo-surface-card);
    border: 1px solid var(--apolo-border-color);
    box-shadow: none; /* Eliminar sombra para matching exacto con Figma si no la lleva */
}

.apolo-leyes-calculadoras__search-icon[b-tgyg9493mq] {
    pointer-events: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Iconos circulares simulados (basados en el mockup que muestra un círculo gris) */
.apolo-leyes-calculadoras__circle-icon[b-tgyg9493mq] {
    display: block;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background-color: var(--apolo-n400);
}

.apolo-leyes-calculadoras__circle-icon--large[b-tgyg9493mq] {
    display: block;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: var(--apolo-n300);
}

/* Estado Vacío */
.apolo-leyes-calculadoras__empty-state[b-tgyg9493mq] {
    background-color: var(--apolo-surface-card);
    border: 1px dashed var(--apolo-n300);
    border-radius: var(--apolo-radius-lg);
    min-height: 240px;
}

.apolo-leyes-calculadoras__empty-text[b-tgyg9493mq] {
    font-size: var(--apolo-text-sm);
    color: var(--apolo-text-color-disabled);
}

/* Lista Últimos Vistos */
.apolo-lista-leyes[b-tgyg9493mq] {
    border-radius: var(--apolo-radius-lg);
    overflow: hidden;
}

.apolo-lista-leyes__item[b-tgyg9493mq] {
    border-left: none;
    border-right: none;
    border-color: var(--apolo-border-color-subtle);
    transition: var(--apolo-transition-toggle);
}

.apolo-lista-leyes__item:first-child[b-tgyg9493mq] {
    border-top: none;
}

.apolo-lista-leyes__item:last-child[b-tgyg9493mq] {
    border-bottom: none;
}

.apolo-lista-leyes__item:hover[b-tgyg9493mq] {
    background-color: var(--apolo-n50);
}

.apolo-lista-leyes__title[b-tgyg9493mq] {
    font-size: var(--apolo-text-base);
    color: var(--apolo-n900) !important;
}

.apolo-lista-leyes__subtitle[b-tgyg9493mq] {
    color: var(--apolo-text-color-disabled) !important;
}

.apolo-lista-leyes__meta[b-tgyg9493mq] {
    color: var(--apolo-text-color-disabled) !important;
}

/* Estado de información */
.apolo-leyes-calculadoras__info-state[b-tgyg9493mq] {
    background-color: transparent;
}

.apolo-leyes-calculadoras__info-text[b-tgyg9493mq] {
    font-size: var(--apolo-text-sm);
}



/* Menú Desplegable Móvil (Estilo Alertas) */
.apolo-leyes-calculadoras__nav-card[b-tgyg9493mq] {
    border-radius: 12px;
}

.apolo-leyes-calculadoras__nav-item[b-tgyg9493mq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 10px 14px;
    border-radius: var(--apolo-radius-lg);
    background-color: var(--apolo-surface-card);
    border: 1px solid var(--apolo-border-color-subtle);
    color: var(--apolo-color-primary-navy);
    text-align: left;
    transition: var(--apolo-transition-color), transform 0.15s ease;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
}

.apolo-leyes-calculadoras__nav-item:hover[b-tgyg9493mq] {
    background-color: var(--apolo-n50);
    border-color: var(--apolo-border-color);
    color: var(--apolo-color-primary);
}

.apolo-leyes-calculadoras__nav-item-title[b-tgyg9493mq] {
    font-size: var(--apolo-text-sm);
    font-weight: var(--apolo-font-semibold);
}

.apolo-leyes-calculadoras__nav-item--active[b-tgyg9493mq] {
    background: linear-gradient(135deg, var(--apolo-color-primary) 0%, var(--apolo-color-primary-dark) 100%) !important;
    border-color: transparent !important;
    color: #ffffff !important;
    box-shadow: 0 4px 10px rgba(16, 127, 201, 0.25) !important;
}

.apolo-leyes-calculadoras__nav-item--active .apolo-icon[b-tgyg9493mq],
.apolo-leyes-calculadoras__nav-item--active svg[b-tgyg9493mq] {
    color: #ffffff !important;
}

.apolo-leyes-calculadoras__nav-item--active .apolo-leyes-calculadoras__nav-item-title[b-tgyg9493mq] {
    color: #ffffff !important;
}

.apolo-leyes-calculadoras__nav-chevron[b-tgyg9493mq] {
    color: inherit;
    display: flex;
    align-items: center;
    transition: transform var(--apolo-transition-color);
}

.apolo-leyes-calculadoras__nav-item--active .apolo-leyes-calculadoras__nav-chevron[b-tgyg9493mq] {
    color: #ffffff;
}

.apolo-leyes-calculadoras__mobile-dropdown-list[b-tgyg9493mq] {
    animation: apolo-fade-in-b-tgyg9493mq 0.2s ease-out;
}

@keyframes apolo-fade-in-b-tgyg9493mq {
    from {
        opacity: 0;
        transform: translateY(-4px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}




/* === Estilos para el SfTreeView (Estilo Lista de Nodos con Punto Azul) === */
.apolo-leyes-tree-card[b-tgyg9493mq] {
    border-radius: var(--apolo-radius-md);
    overflow: hidden;
}

.apolo-tree-container[b-tgyg9493mq] {
    background-color: transparent;
    padding: 0;
}

/* Ocultar chevron nativo de Syncfusion */
[b-tgyg9493mq] .e-treeview .e-icon-collapsible, 
[b-tgyg9493mq] .e-treeview .e-icon-expandable {
    display: none !important;
}

/* Eliminar outline */
[b-tgyg9493mq] .e-treeview .e-list-item:focus {
    outline: none;
}

/* Ajuste de fila y contenedor */
[b-tgyg9493mq] .e-treeview .e-list-item {
    padding: 0;
    margin: 0;
}

[b-tgyg9493mq] .e-treeview .e-list-item > .e-fullrow {
    background-color: #ffffff;
    border-bottom: 1px solid #f1f3f5;
    height: 54px; 
}

/* No aplicar borde al último elemento */
[b-tgyg9493mq] .e-treeview > .e-list-parent > .e-list-item:last-child > .e-fullrow {
    border-bottom: none;
}

/* Sobrescribir el azul fuerte de Syncfusion con un azul muy claro */
[b-tgyg9493mq] .e-treeview .e-list-item.e-hover > .e-fullrow,
[b-tgyg9493mq] .e-treeview .e-list-item.e-active > .e-fullrow {
    background-color: #f0f7ff !important; /* Azul muy claro */
    border-color: #f0f7ff !important;
}

/* Forzar que el texto y los iconos sigan siendo oscuros aunque el elemento esté activo */
[b-tgyg9493mq] .e-treeview .e-list-item.e-active > .e-text-content,
[b-tgyg9493mq] .e-treeview .e-list-item.e-hover > .e-text-content {
    color: inherit !important;
}

[b-tgyg9493mq] .e-treeview .e-list-item.e-active > .e-text-content .apolo-tree-node-title,
[b-tgyg9493mq] .e-treeview .e-list-item.e-hover > .e-text-content .apolo-tree-node-title {
    color: var(--apolo-n900) !important;
}

[b-tgyg9493mq] .e-treeview .e-list-item.e-active > .e-text-content .apolo-tree-node-chevron,
[b-tgyg9493mq] .e-treeview .e-list-item.e-hover > .e-text-content .apolo-tree-node-chevron {
    color: var(--apolo-color-primary) !important;
}

[b-tgyg9493mq] .e-treeview .e-list-text {
    padding: 0;
    width: 100%;
    display: flex;
    height: 54px;
    align-items: center;
}

/* Evitar color de texto forzado en activo */
[b-tgyg9493mq] .e-treeview .e-list-item.e-active > .e-text-content {
    color: inherit;
}

/* Contenido de nuestro Template */
.apolo-tree-node-row[b-tgyg9493mq] {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 0 16px 0 8px; /* Syncfusion ya añade padding izquierdo, así que compensamos */
    justify-content: space-between;
}

.apolo-tree-node-left[b-tgyg9493mq] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.apolo-tree-node-dot[b-tgyg9493mq] {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    flex-shrink: 0;
}
.apolo-tree-node-dot--category[b-tgyg9493mq] {
    background-color: var(--apolo-color-accent); /* Amarillo Apolo */
}
.apolo-tree-node-dot--document[b-tgyg9493mq] {
    background-color: var(--apolo-color-primary); /* Azul Apolo */
}

.apolo-tree-node-title[b-tgyg9493mq] {
    font-size: 14px;
    color: var(--apolo-n900);
    font-weight: 500;
}

.apolo-tree-node-meta[b-tgyg9493mq] {
    font-size: 12px;
    color: var(--apolo-n500);
    margin-left: 8px;
    font-style: italic;
}

.apolo-tree-node-right[b-tgyg9493mq] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.apolo-tree-node-badge[b-tgyg9493mq] {
    background-color: #f1f3f5; /* Gris clarito */
    color: var(--apolo-n700);
    font-size: 12px;
    font-weight: 600;
    padding: 2px 10px;
    border-radius: 12px;
}

.apolo-tree-node-chevron[b-tgyg9493mq] {
    color: var(--apolo-n400);
    transition: transform 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Rotar el chevron cuando Syncfusion expande el nodo */
[b-tgyg9493mq] .e-treeview .e-list-item[aria-expanded="true"] > .e-text-content .apolo-tree-node-chevron,
[b-tgyg9493mq] .e-treeview .e-list-item.e-node-expanded > .e-text-content .apolo-tree-node-chevron {
    transform: rotate(90deg);
}




/* --- FIX PARA SCROLL TÁCTIL Y TEXTOS LARGOS --- */
[b-tgyg9493mq] .e-treeview,
[b-tgyg9493mq] .e-treeview .e-list-item,
[b-tgyg9493mq] .e-treeview .e-fullrow,
[b-tgyg9493mq] .e-treeview .e-list-text,
[b-tgyg9493mq] .e-treeview .e-text-content {
    touch-action: auto !important; /* Permite que el navegador haga scroll arriba/abajo y a los lados sin pasmarse */
}

.apolo-leyes-tree-card[b-tgyg9493mq] {
    overflow-x: auto !important; /* Por si el texto es muy largo y necesitan mover a los lados */
}


/* --- Visor integrado de documento --- */
.apolo-ley-visor-card[b-tgyg9493mq] {
    border-radius: var(--apolo-radius-md);
    overflow: hidden;
}

.apolo-ley-visor-body[b-tgyg9493mq] {
    height: 72vh;
    min-height: 550px;
    background-color: #ffffff;
}

.apolo-ley-iframe[b-tgyg9493mq] {
    width: 100%;
    height: 100%;
    border: none;
    background-color: #ffffff;
}

.apolo-tree-node-row--document[b-tgyg9493mq] {
    cursor: pointer;
}

.apolo-tree-node-row--document:hover .apolo-tree-node-title[b-tgyg9493mq] {
    color: var(--apolo-color-primary) !important;
    text-decoration: underline;
}

/* --- Últimos Vistos (Estilo Captura 2) --- */
.apolo-vistos-card[b-tgyg9493mq] {
    background-color: #ffffff;
    border: 1px solid var(--apolo-border-color-subtle, #e9ecef);
    border-radius: var(--apolo-radius-md, 8px);
    overflow: hidden;
}

.apolo-visto-captura2[b-tgyg9493mq] {
    display: flex;
    align-items: center;
    gap: 12px;
    background-color: #ffffff;
    border: none;
    border-bottom: 1px solid #f1f3f5;
    border-left: 4px solid var(--apolo-color-primary, #107fc9) !important;
    padding: 12px 18px;
    cursor: pointer;
    text-align: left;
    width: 100%;
    transition: background-color 0.15s ease;
}

.apolo-visto-captura2:last-child[b-tgyg9493mq] {
    border-bottom: none;
}

.apolo-visto-captura2:hover[b-tgyg9493mq] {
    background-color: #f7faff;
}

.apolo-visto-captura2__chevron[b-tgyg9493mq] {
    color: #495057;
    display: inline-flex;
    align-items: center;
    font-size: 13px;
    flex-shrink: 0;
}

.apolo-visto-captura2__title[b-tgyg9493mq] {
    color: var(--apolo-color-primary, #107fc9);
    font-size: 14.5px;
    font-weight: 500;
    transition: color 0.15s ease;
}

.apolo-visto-captura2:hover .apolo-visto-captura2__title[b-tgyg9493mq] {
    text-decoration: underline;
    color: var(--apolo-color-primary-dark, #0c639e);
}

.apolo-visto-captura2__meta[b-tgyg9493mq] {
    font-size: 12px;
    flex-shrink: 0;
}

@keyframes apoloSpin-b-tgyg9493mq {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
/* /Components/Pages/LeyesCalculadoras/LeyesCalculadoras.razor.rz.scp.css */
/* Bloque principal */
.apolo-leyes-calculadoras[b-6wgailewrg] {
    background-color: var(--apolo-surface-app-bg);
    min-height: calc(100vh - var(--apolo-layout-header-height));
}

/* Cabecera */
.apolo-leyes-calculadoras__breadcrumb[b-6wgailewrg] {
    display: flex;
    align-items: center;
    gap: var(--apolo-space-1);
    color: var(--apolo-text-color-disabled);
}

.apolo-leyes-calculadoras__breadcrumb-current[b-6wgailewrg] {
    color: var(--apolo-text-color-secondary);
}

.apolo-leyes-calculadoras__title[b-6wgailewrg] {
    font-size: var(--apolo-text-2xl);
    font-weight: var(--apolo-font-bold);
    color: var(--apolo-text-color-primary);
}

.apolo-leyes-calculadoras__title-icon[b-6wgailewrg] {
    color: var(--apolo-color-primary);
    display: inline-flex;
}

/* Tabs Nivel 1 */
.apolo-leyes-calculadoras__tabs[b-6wgailewrg] {
    border-bottom: 1px solid var(--apolo-border-color-subtle);
    margin-bottom: 0;
}

.apolo-leyes-calculadoras__tabs .nav-link[b-6wgailewrg] {
    color: var(--apolo-text-color-secondary);
    font-weight: var(--apolo-font-medium);
    font-size: var(--apolo-text-base);
    padding: var(--apolo-space-3) 0;
    margin-right: var(--apolo-space-6);
    border-bottom: 2px solid transparent;
    transition: var(--apolo-transition-color);
}

.apolo-leyes-calculadoras__tabs .nav-link:hover[b-6wgailewrg] {
    color: var(--apolo-text-color-primary);
    border-color: transparent;
}

.apolo-leyes-calculadoras__tabs .nav-link.active[b-6wgailewrg] {
    color: var(--apolo-color-primary);
    font-weight: var(--apolo-font-semibold);
    border-bottom-color: var(--apolo-color-primary);
}

/* Tabs Nivel 2 (Pills) */
.apolo-leyes-calculadoras__pills .nav-link[b-6wgailewrg] {
    color: var(--apolo-text-color-secondary);
    border-radius: var(--apolo-radius-full);
    padding: var(--apolo-space-2) var(--apolo-space-4);
    font-size: var(--apolo-text-sm);
    font-weight: var(--apolo-font-medium);
    transition: var(--apolo-transition-toggle);
    background-color: transparent;
}

.apolo-leyes-calculadoras__pills .nav-link:hover[b-6wgailewrg] {
    background-color: var(--apolo-n200);
    color: var(--apolo-n900);
}

.apolo-leyes-calculadoras__pills .nav-link.active[b-6wgailewrg] {
    background-color: var(--apolo-color-primary);
    color: var(--apolo-text-color-on-primary);
}

/* Buscador */
.apolo-leyes-calculadoras__search-container[b-6wgailewrg] {
    max-width: 100%;
}

.apolo-leyes-calculadoras__search-input[b-6wgailewrg] {
    border-radius: var(--apolo-radius-md);
    background-color: var(--apolo-surface-card);
    border: 1px solid var(--apolo-border-color);
    box-shadow: none; /* Eliminar sombra para matching exacto con Figma si no la lleva */
}

.apolo-leyes-calculadoras__search-icon[b-6wgailewrg] {
    pointer-events: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Iconos circulares simulados (basados en el mockup que muestra un círculo gris) */
.apolo-leyes-calculadoras__circle-icon[b-6wgailewrg] {
    display: block;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background-color: var(--apolo-n400);
}

.apolo-leyes-calculadoras__circle-icon--large[b-6wgailewrg] {
    display: block;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: var(--apolo-n300);
}

/* Estado Vacío */
.apolo-leyes-calculadoras__empty-state[b-6wgailewrg] {
    background-color: var(--apolo-surface-card);
    border: 1px dashed var(--apolo-n300);
    border-radius: var(--apolo-radius-lg);
    min-height: 240px;
}

.apolo-leyes-calculadoras__empty-text[b-6wgailewrg] {
    font-size: var(--apolo-text-sm);
    color: var(--apolo-text-color-disabled);
}

/* Lista Últimos Vistos */
.apolo-lista-leyes[b-6wgailewrg] {
    border-radius: var(--apolo-radius-lg);
    overflow: hidden;
}

.apolo-lista-leyes__item[b-6wgailewrg] {
    border-left: none;
    border-right: none;
    border-color: var(--apolo-border-color-subtle);
    transition: var(--apolo-transition-toggle);
}

.apolo-lista-leyes__item:first-child[b-6wgailewrg] {
    border-top: none;
}

.apolo-lista-leyes__item:last-child[b-6wgailewrg] {
    border-bottom: none;
}

.apolo-lista-leyes__item:hover[b-6wgailewrg] {
    background-color: var(--apolo-n50);
}

.apolo-lista-leyes__title[b-6wgailewrg] {
    font-size: var(--apolo-text-base);
    color: var(--apolo-n900) !important;
}

.apolo-lista-leyes__subtitle[b-6wgailewrg] {
    color: var(--apolo-text-color-disabled) !important;
}

.apolo-lista-leyes__meta[b-6wgailewrg] {
    color: var(--apolo-text-color-disabled) !important;
}

/* Estado de información */
.apolo-leyes-calculadoras__info-state[b-6wgailewrg] {
    background-color: transparent;
}

.apolo-leyes-calculadoras__info-text[b-6wgailewrg] {
    font-size: var(--apolo-text-sm);
}



/* Menú Desplegable Móvil (Estilo Alertas) */
.apolo-leyes-calculadoras__nav-card[b-6wgailewrg] {
    border-radius: 12px;
}

.apolo-leyes-calculadoras__nav-item[b-6wgailewrg] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 10px 14px;
    border-radius: var(--apolo-radius-lg);
    background-color: var(--apolo-surface-card);
    border: 1px solid var(--apolo-border-color-subtle);
    color: var(--apolo-color-primary-navy);
    text-align: left;
    transition: var(--apolo-transition-color), transform 0.15s ease;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
}

.apolo-leyes-calculadoras__nav-item:hover[b-6wgailewrg] {
    background-color: var(--apolo-n50);
    border-color: var(--apolo-border-color);
    color: var(--apolo-color-primary);
}

.apolo-leyes-calculadoras__nav-item-title[b-6wgailewrg] {
    font-size: var(--apolo-text-sm);
    font-weight: var(--apolo-font-semibold);
}

.apolo-leyes-calculadoras__nav-item--active[b-6wgailewrg] {
    background: linear-gradient(135deg, var(--apolo-color-primary) 0%, var(--apolo-color-primary-dark) 100%) !important;
    border-color: transparent !important;
    color: #ffffff !important;
    box-shadow: 0 4px 10px rgba(16, 127, 201, 0.25) !important;
}

.apolo-leyes-calculadoras__nav-item--active .apolo-icon[b-6wgailewrg],
.apolo-leyes-calculadoras__nav-item--active svg[b-6wgailewrg] {
    color: #ffffff !important;
}

.apolo-leyes-calculadoras__nav-item--active .apolo-leyes-calculadoras__nav-item-title[b-6wgailewrg] {
    color: #ffffff !important;
}

.apolo-leyes-calculadoras__nav-chevron[b-6wgailewrg] {
    color: inherit;
    display: flex;
    align-items: center;
    transition: transform var(--apolo-transition-color);
}

.apolo-leyes-calculadoras__nav-item--active .apolo-leyes-calculadoras__nav-chevron[b-6wgailewrg] {
    color: #ffffff;
}

.apolo-leyes-calculadoras__mobile-dropdown-list[b-6wgailewrg] {
    animation: apolo-fade-in-b-6wgailewrg 0.2s ease-out;
}

@keyframes apolo-fade-in-b-6wgailewrg {
    from {
        opacity: 0;
        transform: translateY(-4px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}




/* === Estilos para el SfTreeView (Estilo Lista de Nodos con Punto Azul) === */
.apolo-leyes-tree-card[b-6wgailewrg] {
    border-radius: var(--apolo-radius-md);
    overflow: hidden;
}

.apolo-tree-container[b-6wgailewrg] {
    background-color: transparent;
    padding: 0;
}

/* Ocultar chevron nativo de Syncfusion */
[b-6wgailewrg] .e-treeview .e-icon-collapsible, 
[b-6wgailewrg] .e-treeview .e-icon-expandable {
    display: none !important;
}

/* Eliminar outline */
[b-6wgailewrg] .e-treeview .e-list-item:focus {
    outline: none;
}

/* Ajuste de fila y contenedor */
[b-6wgailewrg] .e-treeview .e-list-item {
    padding: 0;
    margin: 0;
}

[b-6wgailewrg] .e-treeview .e-list-item > .e-fullrow {
    background-color: #ffffff;
    border-bottom: 1px solid #f1f3f5;
    height: 54px; 
}

/* No aplicar borde al último elemento */
[b-6wgailewrg] .e-treeview > .e-list-parent > .e-list-item:last-child > .e-fullrow {
    border-bottom: none;
}

/* Sobrescribir el azul fuerte de Syncfusion con un azul muy claro */
[b-6wgailewrg] .e-treeview .e-list-item.e-hover > .e-fullrow,
[b-6wgailewrg] .e-treeview .e-list-item.e-active > .e-fullrow {
    background-color: #f0f7ff !important; /* Azul muy claro */
    border-color: #f0f7ff !important;
}

/* Forzar que el texto y los iconos sigan siendo oscuros aunque el elemento esté activo */
[b-6wgailewrg] .e-treeview .e-list-item.e-active > .e-text-content,
[b-6wgailewrg] .e-treeview .e-list-item.e-hover > .e-text-content {
    color: inherit !important;
}

[b-6wgailewrg] .e-treeview .e-list-item.e-active > .e-text-content .apolo-tree-node-title,
[b-6wgailewrg] .e-treeview .e-list-item.e-hover > .e-text-content .apolo-tree-node-title {
    color: var(--apolo-n900) !important;
}

[b-6wgailewrg] .e-treeview .e-list-item.e-active > .e-text-content .apolo-tree-node-chevron,
[b-6wgailewrg] .e-treeview .e-list-item.e-hover > .e-text-content .apolo-tree-node-chevron {
    color: var(--apolo-color-primary) !important;
}

[b-6wgailewrg] .e-treeview .e-list-text {
    padding: 0;
    width: 100%;
    display: flex;
    height: 54px;
    align-items: center;
    background-color: var(--apolo-surface-card);
    padding: 8px 12px;
    margin-bottom: 4px;
    border-radius: 0 4px 4px 0;
    transition: background-color var(--apolo-transition-color);
    cursor: pointer;
}

/* Evitar color de texto forzado en activo */
[b-6wgailewrg] .e-treeview .e-list-item.e-active > .e-text-content {
    color: inherit;
}

/* Contenido de nuestro Template */
.apolo-tree-node-row[b-6wgailewrg] {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 0 16px 0 8px; /* Syncfusion ya añade padding izquierdo, así que compensamos */
    justify-content: space-between;
}

.apolo-tree-node-left[b-6wgailewrg] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.apolo-tree-node-dot[b-6wgailewrg] {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    flex-shrink: 0;
}
.apolo-tree-node-dot--category[b-6wgailewrg] {
    background-color: var(--apolo-color-accent); /* Amarillo Apolo */
}
.apolo-tree-node-dot--document[b-6wgailewrg] {
    background-color: var(--apolo-color-primary); /* Azul Apolo */
}

.apolo-tree-node-title[b-6wgailewrg] {
    font-size: 14px;
    color: var(--apolo-n900);
    font-weight: 500;
}

.apolo-tree-node-meta[b-6wgailewrg] {
    font-size: 12px;
    color: var(--apolo-n500);
    margin-left: 8px;
    font-style: italic;
}

.apolo-tree-node-right[b-6wgailewrg] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.apolo-tree-node-badge[b-6wgailewrg] {
    background-color: #f1f3f5; /* Gris clarito */
    color: var(--apolo-n700);
    font-size: 12px;
    font-weight: 600;
    padding: 2px 10px;
    border-radius: 12px;
}

.apolo-tree-node-chevron[b-6wgailewrg] {
    color: var(--apolo-n400);
    transition: transform 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Rotar el chevron cuando Syncfusion expande el nodo */
[b-6wgailewrg] .e-treeview .e-list-item.e-node-expanded > .e-text-content .apolo-tree-node-chevron {
    transform: rotate(90deg);
}


/* /Components/Pages/LeyesCalculadoras/Resoluciones.razor.rz.scp.css */
/* Bloque principal */
.apolo-leyes-calculadoras[b-ngnisoto9n] {
    background-color: var(--apolo-surface-app-bg);
    min-height: calc(100vh - var(--apolo-layout-header-height));
}

/* Cabecera */
.apolo-leyes-calculadoras__breadcrumb[b-ngnisoto9n] {
    display: flex;
    align-items: center;
    gap: var(--apolo-space-1);
    color: var(--apolo-text-color-disabled);
}

.apolo-leyes-calculadoras__breadcrumb-current[b-ngnisoto9n] {
    color: var(--apolo-text-color-secondary);
}

.apolo-leyes-calculadoras__title[b-ngnisoto9n] {
    font-size: var(--apolo-text-2xl);
    font-weight: var(--apolo-font-bold);
    color: var(--apolo-text-color-primary);
}

.apolo-leyes-calculadoras__title-icon[b-ngnisoto9n] {
    color: var(--apolo-color-primary);
    display: inline-flex;
}

/* Tabs Nivel 1 */
.apolo-leyes-calculadoras__tabs[b-ngnisoto9n] {
    border-bottom: 1px solid var(--apolo-border-color-subtle);
    margin-bottom: 0;
}

.apolo-leyes-calculadoras__tabs .nav-link[b-ngnisoto9n] {
    color: var(--apolo-text-color-secondary);
    font-weight: var(--apolo-font-medium);
    font-size: var(--apolo-text-base);
    padding: var(--apolo-space-3) 0;
    margin-right: var(--apolo-space-6);
    border-bottom: 2px solid transparent;
    transition: var(--apolo-transition-color);
}

.apolo-leyes-calculadoras__tabs .nav-link:hover[b-ngnisoto9n] {
    color: var(--apolo-text-color-primary);
    border-color: transparent;
}

.apolo-leyes-calculadoras__tabs .nav-link.active[b-ngnisoto9n] {
    color: var(--apolo-color-primary);
    font-weight: var(--apolo-font-semibold);
    border-bottom-color: var(--apolo-color-primary);
}

/* Tabs Nivel 2 (Pills) */
.apolo-leyes-calculadoras__pills .nav-link[b-ngnisoto9n] {
    color: var(--apolo-text-color-secondary);
    border-radius: var(--apolo-radius-full);
    padding: var(--apolo-space-2) var(--apolo-space-4);
    font-size: var(--apolo-text-sm);
    font-weight: var(--apolo-font-medium);
    transition: var(--apolo-transition-toggle);
    background-color: transparent;
}

.apolo-leyes-calculadoras__pills .nav-link:hover[b-ngnisoto9n] {
    background-color: var(--apolo-n200);
    color: var(--apolo-n900);
}

.apolo-leyes-calculadoras__pills .nav-link.active[b-ngnisoto9n] {
    background-color: var(--apolo-color-primary);
    color: var(--apolo-text-color-on-primary);
}

/* Buscador */
.apolo-leyes-calculadoras__search-container[b-ngnisoto9n] {
    max-width: 100%;
}

.apolo-leyes-calculadoras__search-input[b-ngnisoto9n] {
    border-radius: var(--apolo-radius-md);
    background-color: var(--apolo-surface-card);
    border: 1px solid var(--apolo-border-color);
    box-shadow: none; /* Eliminar sombra para matching exacto con Figma si no la lleva */
}

.apolo-leyes-calculadoras__search-icon[b-ngnisoto9n] {
    pointer-events: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Iconos circulares simulados (basados en el mockup que muestra un círculo gris) */
.apolo-leyes-calculadoras__circle-icon[b-ngnisoto9n] {
    display: block;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background-color: var(--apolo-n400);
}

.apolo-leyes-calculadoras__circle-icon--large[b-ngnisoto9n] {
    display: block;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: var(--apolo-n300);
}

/* Estado Vacío */
.apolo-leyes-calculadoras__empty-state[b-ngnisoto9n] {
    background-color: var(--apolo-surface-card);
    border: 1px dashed var(--apolo-n300);
    border-radius: var(--apolo-radius-lg);
    min-height: 240px;
}

.apolo-leyes-calculadoras__empty-text[b-ngnisoto9n] {
    font-size: var(--apolo-text-sm);
    color: var(--apolo-text-color-disabled);
}

/* Lista Últimos Vistos */
.apolo-lista-leyes[b-ngnisoto9n] {
    border-radius: var(--apolo-radius-lg);
    overflow: hidden;
}

.apolo-lista-leyes__item[b-ngnisoto9n] {
    border-left: none;
    border-right: none;
    border-color: var(--apolo-border-color-subtle);
    transition: var(--apolo-transition-toggle);
}

.apolo-lista-leyes__item:first-child[b-ngnisoto9n] {
    border-top: none;
}

.apolo-lista-leyes__item:last-child[b-ngnisoto9n] {
    border-bottom: none;
}

.apolo-lista-leyes__item:hover[b-ngnisoto9n] {
    background-color: var(--apolo-n50);
}

.apolo-lista-leyes__title[b-ngnisoto9n] {
    font-size: var(--apolo-text-base);
    color: var(--apolo-n900) !important;
}

.apolo-lista-leyes__subtitle[b-ngnisoto9n] {
    color: var(--apolo-text-color-disabled) !important;
}

.apolo-lista-leyes__meta[b-ngnisoto9n] {
    color: var(--apolo-text-color-disabled) !important;
}

/* Estado de información */
.apolo-leyes-calculadoras__info-state[b-ngnisoto9n] {
    background-color: transparent;
}

.apolo-leyes-calculadoras__info-text[b-ngnisoto9n] {
    font-size: var(--apolo-text-sm);
}



/* Menú Desplegable Móvil (Estilo Alertas) */
.apolo-leyes-calculadoras__nav-card[b-ngnisoto9n] {
    border-radius: 12px;
}

.apolo-leyes-calculadoras__nav-item[b-ngnisoto9n] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 10px 14px;
    border-radius: var(--apolo-radius-lg);
    background-color: var(--apolo-surface-card);
    border: 1px solid var(--apolo-border-color-subtle);
    color: var(--apolo-color-primary-navy);
    text-align: left;
    transition: var(--apolo-transition-color), transform 0.15s ease;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
}

.apolo-leyes-calculadoras__nav-item:hover[b-ngnisoto9n] {
    background-color: var(--apolo-n50);
    border-color: var(--apolo-border-color);
    color: var(--apolo-color-primary);
}

.apolo-leyes-calculadoras__nav-item-title[b-ngnisoto9n] {
    font-size: var(--apolo-text-sm);
    font-weight: var(--apolo-font-semibold);
}

.apolo-leyes-calculadoras__nav-item--active[b-ngnisoto9n] {
    background: linear-gradient(135deg, var(--apolo-color-primary) 0%, var(--apolo-color-primary-dark) 100%) !important;
    border-color: transparent !important;
    color: #ffffff !important;
    box-shadow: 0 4px 10px rgba(16, 127, 201, 0.25) !important;
}

.apolo-leyes-calculadoras__nav-item--active .apolo-icon[b-ngnisoto9n],
.apolo-leyes-calculadoras__nav-item--active svg[b-ngnisoto9n] {
    color: #ffffff !important;
}

.apolo-leyes-calculadoras__nav-item--active .apolo-leyes-calculadoras__nav-item-title[b-ngnisoto9n] {
    color: #ffffff !important;
}

.apolo-leyes-calculadoras__nav-chevron[b-ngnisoto9n] {
    color: inherit;
    display: flex;
    align-items: center;
    transition: transform var(--apolo-transition-color);
}

.apolo-leyes-calculadoras__nav-item--active .apolo-leyes-calculadoras__nav-chevron[b-ngnisoto9n] {
    color: #ffffff;
}

.apolo-leyes-calculadoras__mobile-dropdown-list[b-ngnisoto9n] {
    animation: apolo-fade-in-b-ngnisoto9n 0.2s ease-out;
}

@keyframes apolo-fade-in-b-ngnisoto9n {
    from {
        opacity: 0;
        transform: translateY(-4px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}




/* === Estilos para el SfTreeView (Estilo Lista de Nodos con Punto Azul) === */
.apolo-leyes-tree-card[b-ngnisoto9n] {
    border-radius: var(--apolo-radius-md);
    overflow: hidden;
}

.apolo-tree-container[b-ngnisoto9n] {
    background-color: transparent;
    padding: 0;
}

/* Ocultar chevron nativo de Syncfusion */
[b-ngnisoto9n] .e-treeview .e-icon-collapsible, 
[b-ngnisoto9n] .e-treeview .e-icon-expandable {
    display: none !important;
}

/* Eliminar outline */
[b-ngnisoto9n] .e-treeview .e-list-item:focus {
    outline: none;
}

/* Ajuste de fila y contenedor */
[b-ngnisoto9n] .e-treeview .e-list-item {
    padding: 0;
    margin: 0;
}

[b-ngnisoto9n] .e-treeview .e-list-item > .e-fullrow {
    background-color: #ffffff;
    border-bottom: 1px solid #f1f3f5;
    height: 54px; 
}

/* No aplicar borde al último elemento */
[b-ngnisoto9n] .e-treeview > .e-list-parent > .e-list-item:last-child > .e-fullrow {
    border-bottom: none;
}

/* Sobrescribir el azul fuerte de Syncfusion con un azul muy claro */
[b-ngnisoto9n] .e-treeview .e-list-item.e-hover > .e-fullrow,
[b-ngnisoto9n] .e-treeview .e-list-item.e-active > .e-fullrow {
    background-color: #f0f7ff !important; /* Azul muy claro */
    border-color: #f0f7ff !important;
}

/* Forzar que el texto y los iconos sigan siendo oscuros aunque el elemento esté activo */
[b-ngnisoto9n] .e-treeview .e-list-item.e-active > .e-text-content,
[b-ngnisoto9n] .e-treeview .e-list-item.e-hover > .e-text-content {
    color: inherit !important;
}

[b-ngnisoto9n] .e-treeview .e-list-item.e-active > .e-text-content .apolo-tree-node-title,
[b-ngnisoto9n] .e-treeview .e-list-item.e-hover > .e-text-content .apolo-tree-node-title {
    color: var(--apolo-n900) !important;
}

[b-ngnisoto9n] .e-treeview .e-list-item.e-active > .e-text-content .apolo-tree-node-chevron,
[b-ngnisoto9n] .e-treeview .e-list-item.e-hover > .e-text-content .apolo-tree-node-chevron {
    color: var(--apolo-color-primary) !important;
}

[b-ngnisoto9n] .e-treeview .e-list-text {
    padding: 0;
    width: 100%;
    display: flex;
    height: 54px;
    align-items: center;
}

/* Evitar color de texto forzado en activo */
[b-ngnisoto9n] .e-treeview .e-list-item.e-active > .e-text-content {
    color: inherit;
}

/* Contenido de nuestro Template */
.apolo-tree-node-row[b-ngnisoto9n] {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 0 16px 0 8px; /* Syncfusion ya añade padding izquierdo, así que compensamos */
    justify-content: space-between;
}

.apolo-tree-node-left[b-ngnisoto9n] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.apolo-tree-node-dot[b-ngnisoto9n] {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    flex-shrink: 0;
}
.apolo-tree-node-dot--category[b-ngnisoto9n] {
    background-color: var(--apolo-color-accent); /* Amarillo Apolo */
}
.apolo-tree-node-dot--document[b-ngnisoto9n] {
    background-color: var(--apolo-color-primary); /* Azul Apolo */
}

.apolo-tree-node-title[b-ngnisoto9n] {
    font-size: 14px;
    color: var(--apolo-n900);
    font-weight: 500;
}

.apolo-tree-node-meta[b-ngnisoto9n] {
    font-size: 12px;
    color: var(--apolo-n500);
    margin-left: 8px;
    font-style: italic;
}

.apolo-tree-node-right[b-ngnisoto9n] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.apolo-tree-node-badge[b-ngnisoto9n] {
    background-color: #f1f3f5; /* Gris clarito */
    color: var(--apolo-n700);
    font-size: 12px;
    font-weight: 600;
    padding: 2px 10px;
    border-radius: 12px;
}

.apolo-tree-node-chevron[b-ngnisoto9n] {
    color: var(--apolo-n400);
    transition: transform 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Rotar el chevron cuando Syncfusion expande el nodo */
[b-ngnisoto9n] .e-treeview .e-list-item[aria-expanded="true"] > .e-text-content .apolo-tree-node-chevron,
[b-ngnisoto9n] .e-treeview .e-list-item.e-node-expanded > .e-text-content .apolo-tree-node-chevron {
    transform: rotate(90deg);
}




/* --- FIX PARA SCROLL TÁCTIL Y TEXTOS LARGOS --- */
[b-ngnisoto9n] .e-treeview,
[b-ngnisoto9n] .e-treeview .e-list-item,
[b-ngnisoto9n] .e-treeview .e-fullrow,
[b-ngnisoto9n] .e-treeview .e-list-text,
[b-ngnisoto9n] .e-treeview .e-text-content {
    touch-action: auto !important; /* Permite que el navegador haga scroll arriba/abajo y a los lados sin pasmarse */
}

.apolo-leyes-tree-card[b-ngnisoto9n] {
    overflow-x: auto !important; /* Por si el texto es muy largo y necesitan mover a los lados */
}


/* --- Visor integrado de documento --- */
.apolo-ley-visor-card[b-ngnisoto9n] {
    border-radius: var(--apolo-radius-md);
    overflow: hidden;
}

.apolo-ley-visor-body[b-ngnisoto9n] {
    height: 72vh;
    min-height: 550px;
    background-color: #ffffff;
}

.apolo-ley-iframe[b-ngnisoto9n] {
    width: 100%;
    height: 100%;
    border: none;
    background-color: #ffffff;
}

.apolo-tree-node-row--document[b-ngnisoto9n] {
    cursor: pointer;
}

.apolo-tree-node-row--document:hover .apolo-tree-node-title[b-ngnisoto9n] {
    color: var(--apolo-color-primary) !important;
    text-decoration: underline;
}

/* --- Últimos Vistos (Estilo Captura 2) --- */
.apolo-vistos-card[b-ngnisoto9n] {
    background-color: #ffffff;
    border: 1px solid var(--apolo-border-color-subtle, #e9ecef);
    border-radius: var(--apolo-radius-md, 8px);
    overflow: hidden;
}

.apolo-visto-captura2[b-ngnisoto9n] {
    display: flex;
    align-items: center;
    gap: 12px;
    background-color: #ffffff;
    border: none;
    border-bottom: 1px solid #f1f3f5;
    border-left: 4px solid var(--apolo-color-primary, #107fc9) !important;
    padding: 12px 18px;
    cursor: pointer;
    text-align: left;
    width: 100%;
    transition: background-color 0.15s ease;
}

.apolo-visto-captura2:last-child[b-ngnisoto9n] {
    border-bottom: none;
}

.apolo-visto-captura2:hover[b-ngnisoto9n] {
    background-color: #f7faff;
}

.apolo-visto-captura2__chevron[b-ngnisoto9n] {
    color: #495057;
    display: inline-flex;
    align-items: center;
    font-size: 13px;
    flex-shrink: 0;
}

.apolo-visto-captura2__title[b-ngnisoto9n] {
    color: var(--apolo-color-primary, #107fc9);
    font-size: 14.5px;
    font-weight: 500;
    transition: color 0.15s ease;
}

.apolo-visto-captura2:hover .apolo-visto-captura2__title[b-ngnisoto9n] {
    text-decoration: underline;
    color: var(--apolo-color-primary-dark, #0c639e);
}

.apolo-visto-captura2__meta[b-ngnisoto9n] {
    font-size: 12px;
    flex-shrink: 0;
}

@keyframes apoloSpin-b-ngnisoto9n {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
/* /Components/Pages/Marketplace/Marketplace.razor.rz.scp.css */
/* ==========================================================================
   APOLO SERVICES — Marketplace Styles (Scoped)
   Implementación BEM con tokens globales
   ========================================================================== */

.apolo-marketplace[b-80p3kaz1sy] {
    padding: 0 0 var(--apolo-space-8) 0;
}

/* ── Header y Título ── */
.apolo-marketplace__header[b-80p3kaz1sy] {
    margin-bottom: var(--apolo-space-6);
}

.apolo-marketplace__breadcrumb[b-80p3kaz1sy] {
    font-size: var(--apolo-text-sm);
    color: var(--apolo-text-color-secondary);
    margin-bottom: var(--apolo-space-2);
}

.apolo-marketplace__title[b-80p3kaz1sy] {
    font-size: var(--apolo-text-2xl);
    font-weight: var(--apolo-font-bold);
    color: var(--apolo-color-primary-navy);
    display: flex;
    align-items: center;
    gap: var(--apolo-space-2);
    margin: 0;
}

.apolo-marketplace__title-icon[b-80p3kaz1sy] {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--apolo-color-primary-navy);
    color: var(--apolo-n0);
    border-radius: var(--apolo-radius-sm);
    padding: 2px;
}

/* ── Tabs Desplazables (P-5) ── */
.apolo-tira[b-80p3kaz1sy] {
    display: flex;
    gap: var(--apolo-space-6);
    overflow-x: auto;
    white-space: nowrap;
    border-bottom: 1px solid var(--apolo-border-color);
    padding-bottom: 0;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none; /* Firefox */
}

.apolo-tira[b-80p3kaz1sy]::-webkit-scrollbar {
    display: none; /* Chrome/Safari/Edge */
}

.apolo-tira__item[b-80p3kaz1sy] {
    background: none;
    border: none;
    padding: 0 0 var(--apolo-space-3) 0;
    font-size: var(--apolo-text-base);
    color: var(--apolo-text-color-secondary);
    font-weight: var(--apolo-font-medium);
    cursor: pointer;
    transition: var(--apolo-transition-color);
    position: relative;
}

.apolo-tira__item:hover[b-80p3kaz1sy] {
    color: var(--apolo-color-primary);
}

.apolo-tira__item--active[b-80p3kaz1sy] {
    color: #107FC9 !important;
}

.apolo-tira__item--active[b-80p3kaz1sy]::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: #107FC9 !important;
    border-radius: 3px 3px 0 0;
}

/* ── Tarjeta Principal ── */
.apolo-marketplace__card[b-80p3kaz1sy],
.apolo-marketplace[b-80p3kaz1sy]  .apolo-marketplace__card {
    background-color: var(--apolo-surface-card);
    border-radius: var(--apolo-radius-xl);
    box-shadow: var(--apolo-shadow-sm);
    padding: var(--apolo-padding-card);
    border: 1px solid var(--apolo-border-color-subtle);
}

.apolo-marketplace__card-header[b-80p3kaz1sy],
.apolo-marketplace[b-80p3kaz1sy]  .apolo-marketplace__card-header {
    background-color: var(--apolo-color-primary-navy);
    color: var(--apolo-n0);
    padding: var(--apolo-space-3) var(--apolo-space-4);
    margin: calc(var(--apolo-padding-card) * -1) calc(var(--apolo-padding-card) * -1) var(--apolo-space-6) calc(var(--apolo-padding-card) * -1);
    border-radius: var(--apolo-radius-xl) var(--apolo-radius-xl) 0 0;
}

/* ── Información Adicional (Collapse) ── */
.apolo-marketplace__collapse-btn[b-80p3kaz1sy],
.apolo-marketplace[b-80p3kaz1sy]  .apolo-marketplace__collapse-btn {
    color: var(--apolo-color-primary);
    font-weight: var(--apolo-font-medium);
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: var(--apolo-space-1);
    padding: 0;
    transition: var(--apolo-transition-color);
}

.apolo-marketplace__collapse-btn:focus-visible[b-80p3kaz1sy],
.apolo-marketplace[b-80p3kaz1sy]  .apolo-marketplace__collapse-btn:focus-visible {
    outline: none !important;
    box-shadow: var(--apolo-shadow-focus);
    border-radius: var(--apolo-radius-sm);
}

.apolo-marketplace__chevron[b-80p3kaz1sy],
.apolo-marketplace[b-80p3kaz1sy]  .apolo-marketplace__chevron {
    display: flex;
    transition: transform var(--apolo-transition-toggle);
}

.apolo-marketplace__collapse-btn[aria-expanded="true"] .apolo-marketplace__chevron[b-80p3kaz1sy],
.apolo-marketplace[b-80p3kaz1sy]  .apolo-marketplace__collapse-btn[aria-expanded="true"] .apolo-marketplace__chevron {
    transform: rotate(180deg);
}

.apolo-marketplace__additional-box[b-80p3kaz1sy],
.apolo-marketplace[b-80p3kaz1sy]  .apolo-marketplace__additional-box {
    border: 1px solid var(--apolo-border-color-subtle);
    border-radius: var(--apolo-radius-md);
    padding: var(--apolo-space-4);
    background-color: var(--apolo-surface-card);
}

/* ── Pantalla de Éxito ── */
.apolo-marketplace__success[b-80p3kaz1sy],
.apolo-marketplace[b-80p3kaz1sy]  .apolo-marketplace__success {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: var(--apolo-space-12) 0;
    text-align: center;
}

.apolo-marketplace__success-icon[b-80p3kaz1sy],
.apolo-marketplace[b-80p3kaz1sy]  .apolo-marketplace__success-icon {
    width: 64px;
    height: 64px;
    background-color: var(--apolo-color-success-light);
    color: var(--apolo-color-success);
    border-radius: var(--apolo-radius-full);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: var(--apolo-space-4);
}

/* ── Toolbar y Buscador ── */
.apolo-marketplace__toolbar[b-80p3kaz1sy],
.apolo-marketplace[b-80p3kaz1sy]  .apolo-marketplace__toolbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: var(--apolo-space-4);
    gap: var(--apolo-space-4);
}

.apolo-marketplace__search[b-80p3kaz1sy],
.apolo-marketplace[b-80p3kaz1sy]  .apolo-marketplace__search {
    max-width: 320px;
}

.apolo-marketplace__search .input-group-text[b-80p3kaz1sy],
.apolo-marketplace[b-80p3kaz1sy]  .apolo-marketplace__search .input-group-text {
    color: var(--apolo-text-color-secondary);
}

.apolo-marketplace__search .form-control[b-80p3kaz1sy],
.apolo-marketplace[b-80p3kaz1sy]  .apolo-marketplace__search .form-control {
    border-color: var(--apolo-border-color);
}

.apolo-marketplace__search .form-control:focus[b-80p3kaz1sy],
.apolo-marketplace[b-80p3kaz1sy]  .apolo-marketplace__search .form-control:focus {
    box-shadow: none;
    border-color: var(--apolo-border-color);
}

.apolo-marketplace__search:focus-within[b-80p3kaz1sy],
.apolo-marketplace[b-80p3kaz1sy]  .apolo-marketplace__search:focus-within {
    box-shadow: var(--apolo-shadow-focus);
    border-radius: var(--apolo-radius-md);
}

/* ── Tablas de Solicitudes (Desktop Base) ── */
.apolo-tabla-container[b-80p3kaz1sy],
.apolo-marketplace[b-80p3kaz1sy]  .apolo-tabla-container {
    margin-bottom: var(--apolo-space-4);
}

.apolo-tabla[b-80p3kaz1sy],
.apolo-marketplace[b-80p3kaz1sy]  .apolo-tabla {
    width: 100%;
    margin-bottom: 0;
}

.apolo-tabla th[b-80p3kaz1sy],
.apolo-marketplace[b-80p3kaz1sy]  .apolo-tabla th {
    font-size: var(--apolo-text-sm);
    color: var(--apolo-text-color-secondary);
    font-weight: var(--apolo-font-semibold);
    border-bottom: 1px solid var(--apolo-border-color);
    padding: var(--apolo-space-3) var(--apolo-space-2);
}

.apolo-tabla td[b-80p3kaz1sy],
.apolo-marketplace[b-80p3kaz1sy]  .apolo-tabla td {
    font-size: var(--apolo-text-sm);
    color: var(--apolo-text-color-primary);
    vertical-align: middle;
    padding: var(--apolo-space-3) var(--apolo-space-2);
    border-bottom: 1px solid var(--apolo-border-color-subtle);
}

.apolo-tabla tbody tr[b-80p3kaz1sy],
.apolo-marketplace[b-80p3kaz1sy]  .apolo-tabla tbody tr {
    transition: background-color var(--apolo-transition-color);
}

.apolo-tabla tbody tr:hover[b-80p3kaz1sy],
.apolo-marketplace[b-80p3kaz1sy]  .apolo-tabla tbody tr:hover {
    background-color: var(--apolo-n50);
}

/* Badges Específicos para Estados */
.apolo-badge--light-blue[b-80p3kaz1sy],
.apolo-marketplace[b-80p3kaz1sy]  .apolo-badge--light-blue { background-color: var(--apolo-color-info-light); color: var(--apolo-color-primary-dark); }
.apolo-badge--light-warning[b-80p3kaz1sy],
.apolo-marketplace[b-80p3kaz1sy]  .apolo-badge--light-warning { background-color: var(--apolo-color-warning-light); color: var(--apolo-color-warning-dark); }
.apolo-badge--light-success[b-80p3kaz1sy],
.apolo-marketplace[b-80p3kaz1sy]  .apolo-badge--light-success { background-color: var(--apolo-color-success-light); color: var(--apolo-color-success-dark); }
.apolo-badge--light-secondary[b-80p3kaz1sy],
.apolo-marketplace[b-80p3kaz1sy]  .apolo-badge--light-secondary { background-color: var(--apolo-n200); color: var(--apolo-n600); }

/* ── Banner de Información (Históricas) ── */
.apolo-info-banner[b-80p3kaz1sy],
.apolo-marketplace[b-80p3kaz1sy]  .apolo-info-banner {
    display: flex;
    align-items: center;
    gap: var(--apolo-space-3);
    background-color: var(--apolo-n50);
    border: 1px solid var(--apolo-border-color);
    padding: var(--apolo-space-3) var(--apolo-space-4);
    border-radius: var(--apolo-radius-lg);
    margin-bottom: var(--apolo-space-4);
    font-size: var(--apolo-text-sm);
    color: var(--apolo-text-color-secondary);
}

.apolo-info-banner svg[b-80p3kaz1sy],
.apolo-marketplace[b-80p3kaz1sy]  .apolo-info-banner svg {
    color: var(--apolo-text-color-secondary);
}

/* ── Paginación ── */
.apolo-pagination[b-80p3kaz1sy],
.apolo-marketplace[b-80p3kaz1sy]  .apolo-pagination {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: var(--apolo-space-4);
    font-size: var(--apolo-text-sm);
    color: var(--apolo-text-color-secondary);
}

.apolo-pagination__controls[b-80p3kaz1sy],
.apolo-marketplace[b-80p3kaz1sy]  .apolo-pagination__controls {
    display: flex;
    align-items: center;
    gap: var(--apolo-space-2);
}

.apolo-pagination__btn[b-80p3kaz1sy],
.apolo-marketplace[b-80p3kaz1sy]  .apolo-pagination__btn {
    background: none;
    border: none;
    padding: var(--apolo-space-1);
    color: var(--apolo-text-color-secondary);
    transition: color var(--apolo-transition-color);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--apolo-radius-sm);
}

.apolo-pagination__btn:hover[b-80p3kaz1sy],
.apolo-marketplace[b-80p3kaz1sy]  .apolo-pagination__btn:hover {
    color: var(--apolo-color-primary);
    background-color: var(--apolo-n50);
}

.apolo-pagination__page[b-80p3kaz1sy],
.apolo-marketplace[b-80p3kaz1sy]  .apolo-pagination__page {
    background-color: var(--apolo-color-primary);
    color: var(--apolo-n0);
    border-radius: var(--apolo-radius-sm);
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: var(--apolo-font-medium);
}

/* ── Encabezado de Tablas Institucional ── */
.apolo-marketplace__table-header[b-80p3kaz1sy],
.apolo-marketplace[b-80p3kaz1sy]  .apolo-marketplace__table-header,
.apolo-table-row--header[b-80p3kaz1sy],
.apolo-marketplace[b-80p3kaz1sy]  .apolo-table-row--header {
    background-color: #194270 !important;
}

.apolo-marketplace__table-header th[b-80p3kaz1sy],
.apolo-marketplace[b-80p3kaz1sy]  .apolo-marketplace__table-header th,
.apolo-table-row--header th[b-80p3kaz1sy],
.apolo-marketplace[b-80p3kaz1sy]  .apolo-table-row--header th {
    color: #ffffff !important;
}

.cursor-pointer[b-80p3kaz1sy],
.apolo-marketplace[b-80p3kaz1sy]  .cursor-pointer {
    cursor: pointer;
}

/* ==========================================================================
   RESPONSIVIDAD
   ========================================================================== */

/* ── Escritorio Pequeño y Tablet ── */
@media (max-width: 991.98px) {
    .apolo-marketplace__toolbar[b-80p3kaz1sy],
    .apolo-marketplace[b-80p3kaz1sy]  .apolo-marketplace__toolbar {
        flex-direction: column;
        align-items: stretch;
    }
    
    .apolo-marketplace__search[b-80p3kaz1sy],
    .apolo-marketplace[b-80p3kaz1sy]  .apolo-marketplace__search {
        max-width: 100%;
    }

    /* P-2: Tabla Tablet (Scroll horizontal con sticky ID) */
    .apolo-tabla-container[b-80p3kaz1sy],
    .apolo-marketplace[b-80p3kaz1sy]  .apolo-tabla-container {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        margin-right: calc(var(--apolo-padding-card) * -1);
        margin-left: calc(var(--apolo-padding-card) * -1);
        padding-left: var(--apolo-padding-card);
        padding-right: var(--apolo-padding-card);
    }
    
    .apolo-tabla[b-80p3kaz1sy],
    .apolo-marketplace[b-80p3kaz1sy]  .apolo-tabla {
        min-width: 700px;
    }
    
    .apolo-tabla__col-sticky[b-80p3kaz1sy],
    .apolo-marketplace[b-80p3kaz1sy]  .apolo-tabla__col-sticky {
        position: sticky;
        left: 0;
        background-color: var(--apolo-surface-card);
        z-index: 1;
    }
    
    .apolo-tabla tbody tr:hover .apolo-tabla__col-sticky[b-80p3kaz1sy],
    .apolo-marketplace[b-80p3kaz1sy]  .apolo-tabla tbody tr:hover .apolo-tabla__col-sticky {
        background-color: var(--apolo-n50);
    }
}

/* ── Móvil (Patrón P-1: Tablas tipo Tarjetas) ── */
@media (max-width: 767.98px) {
    .apolo-marketplace__card[b-80p3kaz1sy],
    .apolo-marketplace[b-80p3kaz1sy]  .apolo-marketplace__card {
        padding: var(--apolo-space-4);
    }

    .apolo-tabla-container[b-80p3kaz1sy],
    .apolo-marketplace[b-80p3kaz1sy]  .apolo-tabla-container {
        margin-right: 0;
        margin-left: 0;
        padding-left: 0;
        padding-right: 0;
        overflow-x: visible;
    }

    .apolo-tabla[b-80p3kaz1sy],
    .apolo-marketplace[b-80p3kaz1sy]  .apolo-tabla {
        min-width: 100%;
    }

    .apolo-tabla-cards thead[b-80p3kaz1sy],
    .apolo-marketplace[b-80p3kaz1sy]  .apolo-tabla-cards thead {
        display: none;
    }
    
    .apolo-tabla-cards tbody[b-80p3kaz1sy],
    .apolo-marketplace[b-80p3kaz1sy]  .apolo-tabla-cards tbody {
        display: flex;
        flex-direction: column;
        gap: var(--apolo-space-4);
    }
    
    .apolo-tabla-cards tr[b-80p3kaz1sy],
    .apolo-marketplace[b-80p3kaz1sy]  .apolo-tabla-cards tr {
        display: flex;
        flex-direction: column;
        background-color: var(--apolo-surface-card);
        border: 1px solid var(--apolo-border-color-subtle);
        border-radius: var(--apolo-radius-lg);
        padding: var(--apolo-space-3);
        box-shadow: var(--apolo-shadow-sm);
    }
    
    .apolo-tabla-cards td[b-80p3kaz1sy],
    .apolo-marketplace[b-80p3kaz1sy]  .apolo-tabla-cards td {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: var(--apolo-space-2) 0;
        border-bottom: 1px solid var(--apolo-n100);
    }
    
    .apolo-tabla-cards td:last-child[b-80p3kaz1sy],
    .apolo-marketplace[b-80p3kaz1sy]  .apolo-tabla-cards td:last-child {
        border-bottom: none;
        padding-bottom: 0;
    }
    
    .apolo-tabla-cards td[b-80p3kaz1sy]::before,
    .apolo-marketplace[b-80p3kaz1sy]  .apolo-tabla-cards td::before {
        content: attr(data-zona);
        font-weight: var(--apolo-font-semibold);
        color: var(--apolo-text-color-secondary);
        margin-right: var(--apolo-space-3);
    }
    
    .apolo-tabla__col-sticky[b-80p3kaz1sy],
    .apolo-marketplace[b-80p3kaz1sy]  .apolo-tabla__col-sticky {
        position: static !important;
        background-color: transparent !important;
    }
    
    .apolo-pagination[b-80p3kaz1sy],
    .apolo-marketplace[b-80p3kaz1sy]  .apolo-pagination {
        flex-direction: column;
        gap: var(--apolo-space-3);
    }
}

/* ── Accesibilidad: Reduced Motion ── */
@media (prefers-reduced-motion: reduce) {
    .apolo-tira__item[b-80p3kaz1sy], 
    .apolo-marketplace__collapse-btn[b-80p3kaz1sy], 
    .apolo-marketplace__chevron[b-80p3kaz1sy], 
    .apolo-tabla tbody tr[b-80p3kaz1sy], 
    .apolo-pagination__btn[b-80p3kaz1sy],
    .apolo-marketplace[b-80p3kaz1sy]  .apolo-tira__item, 
    .apolo-marketplace[b-80p3kaz1sy]  .apolo-marketplace__collapse-btn, 
    .apolo-marketplace[b-80p3kaz1sy]  .apolo-marketplace__chevron, 
    .apolo-marketplace[b-80p3kaz1sy]  .apolo-tabla tbody tr, 
    .apolo-marketplace[b-80p3kaz1sy]  .apolo-pagination__btn {
        transition: 0.01ms !important;
    }
}
/* /Components/Pages/Marketplace/MarketplaceClientesContactados.razor.rz.scp.css */
.apolo-marketplace__card[b-y5uk1nwt7j] {
    background-color: var(--apolo-surface-card);
    border-radius: var(--apolo-radius-xl);
    box-shadow: var(--apolo-shadow-sm);
    border: 1px solid var(--apolo-border-color-subtle);
}

.apolo-tabla-container[b-y5uk1nwt7j] {
    margin-bottom: var(--apolo-space-4);
}

.apolo-tabla[b-y5uk1nwt7j] {
    width: 100%;
    margin-bottom: 0;
}

.apolo-marketplace__table-header[b-y5uk1nwt7j],
.apolo-table-row--header[b-y5uk1nwt7j] {
    background-color: #194270 !important;
}

.apolo-marketplace__table-header th[b-y5uk1nwt7j],
.apolo-table-row--header th[b-y5uk1nwt7j] {
    color: #ffffff !important;
    font-size: var(--apolo-text-sm);
    font-weight: var(--apolo-font-semibold);
    border-bottom: 1px solid var(--apolo-border-color);
    padding: var(--apolo-space-3) var(--apolo-space-4);
}

.apolo-tabla td[b-y5uk1nwt7j] {
    font-size: var(--apolo-text-sm);
    color: var(--apolo-text-color-primary);
    vertical-align: middle;
    padding: var(--apolo-space-3) var(--apolo-space-4);
}

.apolo-tabla tbody tr[b-y5uk1nwt7j] {
    transition: background-color var(--apolo-transition-color);
}

.apolo-tabla tbody tr:hover[b-y5uk1nwt7j] {
    background-color: var(--apolo-n50);
}

@media (max-width: 991.98px) {
    .apolo-tabla-container[b-y5uk1nwt7j] {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    
    .apolo-tabla[b-y5uk1nwt7j] {
        min-width: 700px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .apolo-tabla tbody tr[b-y5uk1nwt7j] {
        transition: 0.01ms !important;
    }
}
/* /Components/Pages/Marketplace/MarketplaceDetalleSolicitud.razor.rz.scp.css */
.apolo-marketplace__card[b-mqipo925oz] {
    background-color: var(--apolo-surface-card);
    border-radius: var(--apolo-radius-xl);
    box-shadow: var(--apolo-shadow-sm);
    padding: var(--apolo-padding-card);
    border: 1px solid var(--apolo-border-color-subtle);
}

.apolo-table-row--header[b-mqipo925oz] {
    background-color: #194270 !important;
}

.apolo-marketplace__table-header[b-mqipo925oz] {
    background-color: #107FC9 !important;
}

.apolo-marketplace__table-header th[b-mqipo925oz] {
    color: #ffffff !important;
    font-size: var(--apolo-text-sm);
    font-weight: var(--apolo-font-semibold);
    border-bottom: 1px solid var(--apolo-border-color);
    padding: var(--apolo-space-3) var(--apolo-space-2);
}

.apolo-tabla[b-mqipo925oz] {
    width: 100%;
    margin-bottom: 0;
}

.apolo-tabla td[b-mqipo925oz] {
    font-size: var(--apolo-text-sm);
    color: var(--apolo-text-color-primary);
    vertical-align: middle;
    padding: var(--apolo-space-3) var(--apolo-space-2);
    border-bottom: 1px solid var(--apolo-border-color-subtle);
}

.apolo-tabla tbody tr:hover[b-mqipo925oz] {
    background-color: var(--apolo-n50);
}

.cursor-pointer[b-mqipo925oz] {
    cursor: pointer;
}

.especificaciones-scroll[b-mqipo925oz] {
    max-height: 140px;
    overflow-y: auto;
    word-break: break-word;
    line-height: 1.5;
    padding-right: 6px;
    scrollbar-width: thin;
    scrollbar-color: #c1c1c1 #f1f1f1;
}

.especificaciones-scroll[b-mqipo925oz]::-webkit-scrollbar {
    width: 6px;
}

.especificaciones-scroll[b-mqipo925oz]::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 4px;
}

.especificaciones-scroll[b-mqipo925oz]::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 4px;
}

.especificaciones-scroll[b-mqipo925oz]::-webkit-scrollbar-thumb:hover {
    background: #a8a8a8;
}
/* /Components/Pages/Marketplace/MarketplaceIngresarSolicitud.razor.rz.scp.css */
/* ── Tarjeta Principal ── */
.apolo-marketplace__card[b-wdnfvazj3x] {
    background-color: var(--apolo-surface-card);
    border-radius: var(--apolo-radius-xl);
    box-shadow: var(--apolo-shadow-sm);
    padding: var(--apolo-padding-card);
    border: 1px solid var(--apolo-border-color-subtle);
}

.apolo-marketplace__card-header[b-wdnfvazj3x] {
    background-color: var(--apolo-color-primary-navy);
    color: var(--apolo-n0);
    padding: var(--apolo-space-3) var(--apolo-space-4);
    margin: calc(var(--apolo-padding-card) * -1) calc(var(--apolo-padding-card) * -1) var(--apolo-space-6) calc(var(--apolo-padding-card) * -1);
    border-radius: var(--apolo-radius-xl) var(--apolo-radius-xl) 0 0;
}

/* ── Información Adicional (Collapse) ── */
.apolo-marketplace__collapse-btn[b-wdnfvazj3x] {
    color: var(--apolo-color-primary);
    font-weight: var(--apolo-font-medium);
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: var(--apolo-space-1);
    padding: 0;
    transition: var(--apolo-transition-color);
}

.apolo-marketplace__collapse-btn:focus-visible[b-wdnfvazj3x] {
    outline: none !important;
    box-shadow: var(--apolo-shadow-focus);
    border-radius: var(--apolo-radius-sm);
}

.apolo-marketplace__chevron[b-wdnfvazj3x] {
    display: flex;
    transition: transform var(--apolo-transition-toggle);
}

.apolo-marketplace__collapse-btn[aria-expanded="true"] .apolo-marketplace__chevron[b-wdnfvazj3x] {
    transform: rotate(180deg);
}

.apolo-marketplace__additional-box[b-wdnfvazj3x] {
    border: 1px solid var(--apolo-border-color-subtle);
    border-radius: var(--apolo-radius-md);
    padding: var(--apolo-space-4);
    background-color: var(--apolo-surface-card);
}

/* ── Pantalla de Éxito ── */
.apolo-marketplace__success[b-wdnfvazj3x] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: var(--apolo-space-12) 0;
    text-align: center;
}

.apolo-marketplace__success-icon[b-wdnfvazj3x] {
    width: 64px;
    height: 64px;
    background-color: var(--apolo-color-success-light);
    color: var(--apolo-color-success);
    border-radius: var(--apolo-radius-full);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: var(--apolo-space-4);
}

@media (max-width: 767.98px) {
    .apolo-marketplace__card[b-wdnfvazj3x] {
        padding: var(--apolo-space-4);
    }
}

@media (prefers-reduced-motion: reduce) {
    .apolo-marketplace__collapse-btn[b-wdnfvazj3x],
    .apolo-marketplace__chevron[b-wdnfvazj3x] {
        transition: 0.01ms !important;
    }
}
/* /Components/Pages/Marketplace/MarketplacePropuestasDefinitivas.razor.rz.scp.css */
.apolo-marketplace__card[b-mhvby3aj91] {
    background-color: var(--apolo-surface-card);
    border-radius: var(--apolo-radius-xl);
    box-shadow: var(--apolo-shadow-sm);
    padding: var(--apolo-padding-card);
    border: 1px solid var(--apolo-border-color-subtle);
}

.apolo-marketplace__toolbar[b-mhvby3aj91] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: var(--apolo-space-4);
    gap: var(--apolo-space-4);
}

.apolo-tabla-container[b-mhvby3aj91] {
    margin-bottom: var(--apolo-space-4);
}

.apolo-tabla[b-mhvby3aj91] {
    width: 100%;
    margin-bottom: 0;
}

.apolo-marketplace__table-header[b-mhvby3aj91],
.apolo-table-row--header[b-mhvby3aj91] {
    background-color: #194270 !important;
}

.apolo-marketplace__table-header th[b-mhvby3aj91],
.apolo-table-row--header th[b-mhvby3aj91] {
    color: #ffffff !important;
    font-size: var(--apolo-text-sm);
    font-weight: var(--apolo-font-semibold);
    border-bottom: 1px solid var(--apolo-border-color);
    padding: var(--apolo-space-3) var(--apolo-space-2);
}

.apolo-tabla td[b-mhvby3aj91] {
    font-size: var(--apolo-text-sm);
    color: var(--apolo-text-color-primary);
    vertical-align: middle;
    padding: var(--apolo-space-3) var(--apolo-space-2);
    border-bottom: 1px solid var(--apolo-border-color-subtle);
}

.apolo-tabla tbody tr[b-mhvby3aj91] {
    transition: background-color var(--apolo-transition-color);
}

.apolo-tabla tbody tr:hover[b-mhvby3aj91] {
    background-color: var(--apolo-n50);
}

.cursor-pointer[b-mhvby3aj91] {
    cursor: pointer;
}

/* ── Escritorio Pequeño y Tablet ── */
@media (max-width: 991.98px) {
    .apolo-marketplace__toolbar[b-mhvby3aj91] {
        flex-direction: column;
        align-items: stretch;
    }

    .apolo-tabla-container[b-mhvby3aj91] {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        margin-right: calc(var(--apolo-padding-card) * -1);
        margin-left: calc(var(--apolo-padding-card) * -1);
        padding-left: var(--apolo-padding-card);
        padding-right: var(--apolo-padding-card);
    }
    
    .apolo-tabla[b-mhvby3aj91] {
        min-width: 700px;
    }
    
    .apolo-tabla__col-sticky[b-mhvby3aj91] {
        position: sticky;
        left: 0;
        background-color: var(--apolo-surface-card);
        z-index: 1;
    }
    
    .apolo-tabla tbody tr:hover .apolo-tabla__col-sticky[b-mhvby3aj91] {
        background-color: var(--apolo-n50);
    }
}

/* ── Móvil (Patrón P-1: Tablas tipo Tarjetas) ── */
@media (max-width: 767.98px) {
    .apolo-marketplace__card[b-mhvby3aj91] {
        padding: var(--apolo-space-4);
    }

    .apolo-tabla-container[b-mhvby3aj91] {
        margin-right: 0;
        margin-left: 0;
        padding-left: 0;
        padding-right: 0;
        overflow-x: visible;
    }

    .apolo-tabla[b-mhvby3aj91] {
        min-width: 100%;
    }

    .apolo-tabla-cards thead[b-mhvby3aj91] {
        display: none;
    }
    
    .apolo-tabla-cards tbody[b-mhvby3aj91] {
        display: flex;
        flex-direction: column;
        gap: var(--apolo-space-4);
    }
    
    .apolo-tabla-cards tr[b-mhvby3aj91] {
        display: flex;
        flex-direction: column;
        background-color: var(--apolo-surface-card);
        border: 1px solid var(--apolo-border-color-subtle);
        border-radius: var(--apolo-radius-lg);
        padding: var(--apolo-space-3);
        box-shadow: var(--apolo-shadow-sm);
    }
    
    .apolo-tabla-cards td[b-mhvby3aj91] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: var(--apolo-space-2) 0;
        border-bottom: 1px solid var(--apolo-n100);
    }
    
    .apolo-tabla-cards td:last-child[b-mhvby3aj91] {
        border-bottom: none;
        padding-bottom: 0;
    }
    
    .apolo-tabla-cards td[b-mhvby3aj91]::before {
        content: attr(data-zona);
        font-weight: var(--apolo-font-semibold);
        color: var(--apolo-text-color-secondary);
        margin-right: var(--apolo-space-3);
    }
    
    .apolo-tabla__col-sticky[b-mhvby3aj91] {
        position: static !important;
        background-color: transparent !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .apolo-tabla tbody tr[b-mhvby3aj91] {
        transition: 0.01ms !important;
    }
}
/* /Components/Pages/Marketplace/MarketplaceProveedoresContactados.razor.rz.scp.css */
.apolo-info-banner[b-58t26y8mra] {
    display: flex;
    align-items: center;
    gap: var(--apolo-space-3);
    background-color: var(--apolo-n50);
    border: 1px solid var(--apolo-border-color);
    padding: var(--apolo-space-3) var(--apolo-space-4);
    border-radius: var(--apolo-radius-lg);
    margin-bottom: var(--apolo-space-4);
    font-size: var(--apolo-text-sm);
    color: var(--apolo-text-color-secondary);
}

.apolo-marketplace__card[b-58t26y8mra] {
    background-color: var(--apolo-surface-card);
    border-radius: var(--apolo-radius-xl);
    box-shadow: var(--apolo-shadow-sm);
    border: 1px solid var(--apolo-border-color-subtle);
}

.apolo-tabla-container[b-58t26y8mra] {
    margin-bottom: var(--apolo-space-4);
}

.apolo-tabla[b-58t26y8mra] {
    width: 100%;
    margin-bottom: 0;
}

.apolo-marketplace__table-header[b-58t26y8mra],
.apolo-table-row--header[b-58t26y8mra] {
    background-color: #194270 !important;
}

.apolo-marketplace__table-header th[b-58t26y8mra],
.apolo-table-row--header th[b-58t26y8mra] {
    color: #ffffff !important;
    font-size: var(--apolo-text-sm);
    font-weight: var(--apolo-font-semibold);
    border-bottom: 1px solid var(--apolo-border-color);
    padding: var(--apolo-space-3) var(--apolo-space-4);
}

.apolo-tabla td[b-58t26y8mra] {
    font-size: var(--apolo-text-sm);
    color: var(--apolo-text-color-primary);
    vertical-align: middle;
    padding: var(--apolo-space-3) var(--apolo-space-4);
}

.apolo-tabla tbody tr[b-58t26y8mra] {
    transition: background-color var(--apolo-transition-color);
}

.apolo-tabla tbody tr:hover[b-58t26y8mra] {
    background-color: var(--apolo-n50);
}

@media (max-width: 991.98px) {
    .apolo-tabla-container[b-58t26y8mra] {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    
    .apolo-tabla[b-58t26y8mra] {
        min-width: 700px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .apolo-tabla tbody tr[b-58t26y8mra] {
        transition: 0.01ms !important;
    }
}
/* /Components/Pages/Marketplace/MarketplaceSolicitudesEnviadas.razor.rz.scp.css */
.apolo-marketplace__card[b-gv1cqm0fzp] {
    background-color: var(--apolo-surface-card);
    border-radius: var(--apolo-radius-xl);
    box-shadow: var(--apolo-shadow-sm);
    padding: var(--apolo-padding-card);
    border: 1px solid var(--apolo-border-color-subtle);
}

.apolo-marketplace__toolbar[b-gv1cqm0fzp] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: var(--apolo-space-4);
    gap: var(--apolo-space-4);
}

.apolo-tabla-container[b-gv1cqm0fzp] {
    margin-bottom: var(--apolo-space-4);
}

.apolo-tabla[b-gv1cqm0fzp] {
    width: 100%;
    margin-bottom: 0;
}

.apolo-marketplace__table-header[b-gv1cqm0fzp],
.apolo-table-row--header[b-gv1cqm0fzp] {
    background-color: #194270 !important;
}

.apolo-marketplace__table-header th[b-gv1cqm0fzp],
.apolo-table-row--header th[b-gv1cqm0fzp] {
    color: #ffffff !important;
    font-size: var(--apolo-text-sm);
    font-weight: var(--apolo-font-semibold);
    border-bottom: 1px solid var(--apolo-border-color);
    padding: var(--apolo-space-3) var(--apolo-space-2);
}

.apolo-tabla td[b-gv1cqm0fzp] {
    font-size: var(--apolo-text-sm);
    color: var(--apolo-text-color-primary);
    vertical-align: middle;
    padding: var(--apolo-space-3) var(--apolo-space-2);
    border-bottom: 1px solid var(--apolo-border-color-subtle);
}

.apolo-tabla tbody tr[b-gv1cqm0fzp] {
    transition: background-color var(--apolo-transition-color);
}

.apolo-tabla tbody tr:hover[b-gv1cqm0fzp] {
    background-color: var(--apolo-n50);
}

.cursor-pointer[b-gv1cqm0fzp] {
    cursor: pointer;
}

/* ── Escritorio Pequeño y Tablet ── */
@media (max-width: 991.98px) {
    .apolo-marketplace__toolbar[b-gv1cqm0fzp] {
        flex-direction: column;
        align-items: stretch;
    }

    .apolo-tabla-container[b-gv1cqm0fzp] {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        margin-right: calc(var(--apolo-padding-card) * -1);
        margin-left: calc(var(--apolo-padding-card) * -1);
        padding-left: var(--apolo-padding-card);
        padding-right: var(--apolo-padding-card);
    }
    
    .apolo-tabla[b-gv1cqm0fzp] {
        min-width: 700px;
    }
    
    .apolo-tabla__col-sticky[b-gv1cqm0fzp] {
        position: sticky;
        left: 0;
        background-color: var(--apolo-surface-card);
        z-index: 1;
    }
    
    .apolo-tabla tbody tr:hover .apolo-tabla__col-sticky[b-gv1cqm0fzp] {
        background-color: var(--apolo-n50);
    }
}

/* ── Móvil (Patrón P-1: Tablas tipo Tarjetas) ── */
@media (max-width: 767.98px) {
    .apolo-marketplace__card[b-gv1cqm0fzp] {
        padding: var(--apolo-space-4);
    }

    .apolo-tabla-container[b-gv1cqm0fzp] {
        margin-right: 0;
        margin-left: 0;
        padding-left: 0;
        padding-right: 0;
        overflow-x: visible;
    }

    .apolo-tabla[b-gv1cqm0fzp] {
        min-width: 100%;
    }

    .apolo-tabla-cards thead[b-gv1cqm0fzp] {
        display: none;
    }
    
    .apolo-tabla-cards tbody[b-gv1cqm0fzp] {
        display: flex;
        flex-direction: column;
        gap: var(--apolo-space-4);
    }
    
    .apolo-tabla-cards tr[b-gv1cqm0fzp] {
        display: flex;
        flex-direction: column;
        background-color: var(--apolo-surface-card);
        border: 1px solid var(--apolo-border-color-subtle);
        border-radius: var(--apolo-radius-lg);
        padding: var(--apolo-space-3);
        box-shadow: var(--apolo-shadow-sm);
    }
    
    .apolo-tabla-cards td[b-gv1cqm0fzp] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: var(--apolo-space-2) 0;
        border-bottom: 1px solid var(--apolo-n100);
    }
    
    .apolo-tabla-cards td:last-child[b-gv1cqm0fzp] {
        border-bottom: none;
        padding-bottom: 0;
    }
    
    .apolo-tabla-cards td[b-gv1cqm0fzp]::before {
        content: attr(data-zona);
        font-weight: var(--apolo-font-semibold);
        color: var(--apolo-text-color-secondary);
        margin-right: var(--apolo-space-3);
    }
    
    .apolo-tabla__col-sticky[b-gv1cqm0fzp] {
        position: static !important;
        background-color: transparent !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .apolo-tabla tbody tr[b-gv1cqm0fzp] {
        transition: 0.01ms !important;
    }
}
/* /Components/Pages/Marketplace/MarketplaceSolicitudesHistoricas.razor.rz.scp.css */
.apolo-info-banner[b-nh8c7uot5m] {
    display: flex;
    align-items: center;
    gap: var(--apolo-space-3);
    background-color: var(--apolo-n50);
    border: 1px solid var(--apolo-border-color);
    padding: var(--apolo-space-3) var(--apolo-space-4);
    border-radius: var(--apolo-radius-lg);
    margin-bottom: var(--apolo-space-4);
    font-size: var(--apolo-text-sm);
    color: var(--apolo-text-color-secondary);
}

.apolo-marketplace__card[b-nh8c7uot5m] {
    background-color: var(--apolo-surface-card);
    border-radius: var(--apolo-radius-xl);
    box-shadow: var(--apolo-shadow-sm);
    padding: var(--apolo-padding-card);
    border: 1px solid var(--apolo-border-color-subtle);
}

.apolo-marketplace__toolbar[b-nh8c7uot5m] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: var(--apolo-space-4);
    gap: var(--apolo-space-4);
}

.apolo-tabla-container[b-nh8c7uot5m] {
    margin-bottom: var(--apolo-space-4);
}

.apolo-tabla[b-nh8c7uot5m] {
    width: 100%;
    margin-bottom: 0;
}

.apolo-marketplace__table-header[b-nh8c7uot5m],
.apolo-table-row--header[b-nh8c7uot5m] {
    background-color: #194270 !important;
}

.apolo-marketplace__table-header th[b-nh8c7uot5m],
.apolo-table-row--header th[b-nh8c7uot5m] {
    color: #ffffff !important;
    font-size: var(--apolo-text-sm);
    font-weight: var(--apolo-font-semibold);
    border-bottom: 1px solid var(--apolo-border-color);
    padding: var(--apolo-space-3) var(--apolo-space-2);
}

.apolo-tabla td[b-nh8c7uot5m] {
    font-size: var(--apolo-text-sm);
    color: var(--apolo-text-color-primary);
    vertical-align: middle;
    padding: var(--apolo-space-3) var(--apolo-space-2);
    border-bottom: 1px solid var(--apolo-border-color-subtle);
}

.apolo-tabla tbody tr[b-nh8c7uot5m] {
    transition: background-color var(--apolo-transition-color);
}

.apolo-tabla tbody tr:hover[b-nh8c7uot5m] {
    background-color: var(--apolo-n50);
}

.cursor-pointer[b-nh8c7uot5m] {
    cursor: pointer;
}

/* ── Escritorio Pequeño y Tablet ── */
@media (max-width: 991.98px) {
    .apolo-marketplace__toolbar[b-nh8c7uot5m] {
        flex-direction: column;
        align-items: stretch;
    }

    .apolo-tabla-container[b-nh8c7uot5m] {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        margin-right: calc(var(--apolo-padding-card) * -1);
        margin-left: calc(var(--apolo-padding-card) * -1);
        padding-left: var(--apolo-padding-card);
        padding-right: var(--apolo-padding-card);
    }
    
    .apolo-tabla[b-nh8c7uot5m] {
        min-width: 700px;
    }
    
    .apolo-tabla__col-sticky[b-nh8c7uot5m] {
        position: sticky;
        left: 0;
        background-color: var(--apolo-surface-card);
        z-index: 1;
    }
    
    .apolo-tabla tbody tr:hover .apolo-tabla__col-sticky[b-nh8c7uot5m] {
        background-color: var(--apolo-n50);
    }
}

/* ── Móvil (Patrón P-1: Tablas tipo Tarjetas) ── */
@media (max-width: 767.98px) {
    .apolo-marketplace__card[b-nh8c7uot5m] {
        padding: var(--apolo-space-4);
    }

    .apolo-tabla-container[b-nh8c7uot5m] {
        margin-right: 0;
        margin-left: 0;
        padding-left: 0;
        padding-right: 0;
        overflow-x: visible;
    }

    .apolo-tabla[b-nh8c7uot5m] {
        min-width: 100%;
    }

    .apolo-tabla-cards thead[b-nh8c7uot5m] {
        display: none;
    }
    
    .apolo-tabla-cards tbody[b-nh8c7uot5m] {
        display: flex;
        flex-direction: column;
        gap: var(--apolo-space-4);
    }
    
    .apolo-tabla-cards tr[b-nh8c7uot5m] {
        display: flex;
        flex-direction: column;
        background-color: var(--apolo-surface-card);
        border: 1px solid var(--apolo-border-color-subtle);
        border-radius: var(--apolo-radius-lg);
        padding: var(--apolo-space-3);
        box-shadow: var(--apolo-shadow-sm);
    }
    
    .apolo-tabla-cards td[b-nh8c7uot5m] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: var(--apolo-space-2) 0;
        border-bottom: 1px solid var(--apolo-n100);
    }
    
    .apolo-tabla-cards td:last-child[b-nh8c7uot5m] {
        border-bottom: none;
        padding-bottom: 0;
    }
    
    .apolo-tabla-cards td[b-nh8c7uot5m]::before {
        content: attr(data-zona);
        font-weight: var(--apolo-font-semibold);
        color: var(--apolo-text-color-secondary);
        margin-right: var(--apolo-space-3);
    }
    
    .apolo-tabla__col-sticky[b-nh8c7uot5m] {
        position: static !important;
        background-color: transparent !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .apolo-tabla tbody tr[b-nh8c7uot5m] {
        transition: 0.01ms !important;
    }
}
/* /Components/Pages/Marketplace/MarketplaceSolicitudesRecibidas.razor.rz.scp.css */
.apolo-marketplace__card[b-bugr6oeei6] {
    background-color: var(--apolo-surface-card);
    border-radius: var(--apolo-radius-xl);
    box-shadow: var(--apolo-shadow-sm);
    padding: var(--apolo-padding-card);
    border: 1px solid var(--apolo-border-color-subtle);
}

.apolo-marketplace__toolbar[b-bugr6oeei6] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: var(--apolo-space-4);
    gap: var(--apolo-space-4);
}

.apolo-tabla-container[b-bugr6oeei6] {
    margin-bottom: var(--apolo-space-4);
}

.apolo-tabla[b-bugr6oeei6] {
    width: 100%;
    margin-bottom: 0;
}

.apolo-marketplace__table-header[b-bugr6oeei6],
.apolo-table-row--header[b-bugr6oeei6] {
    background-color: #194270 !important;
}

.apolo-marketplace__table-header th[b-bugr6oeei6],
.apolo-table-row--header th[b-bugr6oeei6] {
    color: #ffffff !important;
    font-size: var(--apolo-text-sm);
    font-weight: var(--apolo-font-semibold);
    border-bottom: 1px solid var(--apolo-border-color);
    padding: var(--apolo-space-3) var(--apolo-space-2);
}

.apolo-tabla td[b-bugr6oeei6] {
    font-size: var(--apolo-text-sm);
    color: var(--apolo-text-color-primary);
    vertical-align: middle;
    padding: var(--apolo-space-3) var(--apolo-space-2);
    border-bottom: 1px solid var(--apolo-border-color-subtle);
}

.apolo-tabla tbody tr[b-bugr6oeei6] {
    transition: background-color var(--apolo-transition-color);
}

.apolo-tabla tbody tr:hover[b-bugr6oeei6] {
    background-color: var(--apolo-n50);
}

.cursor-pointer[b-bugr6oeei6] {
    cursor: pointer;
}

/* ── Escritorio Pequeño y Tablet ── */
@media (max-width: 991.98px) {
    .apolo-marketplace__toolbar[b-bugr6oeei6] {
        flex-direction: column;
        align-items: stretch;
    }

    .apolo-tabla-container[b-bugr6oeei6] {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        margin-right: calc(var(--apolo-padding-card) * -1);
        margin-left: calc(var(--apolo-padding-card) * -1);
        padding-left: var(--apolo-padding-card);
        padding-right: var(--apolo-padding-card);
    }
    
    .apolo-tabla[b-bugr6oeei6] {
        min-width: 700px;
    }
    
    .apolo-tabla__col-sticky[b-bugr6oeei6] {
        position: sticky;
        left: 0;
        background-color: var(--apolo-surface-card);
        z-index: 1;
    }
    
    .apolo-tabla tbody tr:hover .apolo-tabla__col-sticky[b-bugr6oeei6] {
        background-color: var(--apolo-n50);
    }
}

/* ── Móvil (Patrón P-1: Tablas tipo Tarjetas) ── */
@media (max-width: 767.98px) {
    .apolo-marketplace__card[b-bugr6oeei6] {
        padding: var(--apolo-space-4);
    }

    .apolo-tabla-container[b-bugr6oeei6] {
        margin-right: 0;
        margin-left: 0;
        padding-left: 0;
        padding-right: 0;
        overflow-x: visible;
    }

    .apolo-tabla[b-bugr6oeei6] {
        min-width: 100%;
    }

    .apolo-tabla-cards thead[b-bugr6oeei6] {
        display: none;
    }
    
    .apolo-tabla-cards tbody[b-bugr6oeei6] {
        display: flex;
        flex-direction: column;
        gap: var(--apolo-space-4);
    }
    
    .apolo-tabla-cards tr[b-bugr6oeei6] {
        display: flex;
        flex-direction: column;
        background-color: var(--apolo-surface-card);
        border: 1px solid var(--apolo-border-color-subtle);
        border-radius: var(--apolo-radius-lg);
        padding: var(--apolo-space-3);
        box-shadow: var(--apolo-shadow-sm);
    }
    
    .apolo-tabla-cards td[b-bugr6oeei6] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: var(--apolo-space-2) 0;
        border-bottom: 1px solid var(--apolo-n100);
    }
    
    .apolo-tabla-cards td:last-child[b-bugr6oeei6] {
        border-bottom: none;
        padding-bottom: 0;
    }
    
    .apolo-tabla-cards td[b-bugr6oeei6]::before {
        content: attr(data-zona);
        font-weight: var(--apolo-font-semibold);
        color: var(--apolo-text-color-secondary);
        margin-right: var(--apolo-space-3);
    }
    
    .apolo-tabla__col-sticky[b-bugr6oeei6] {
        position: static !important;
        background-color: transparent !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .apolo-tabla tbody tr[b-bugr6oeei6] {
        transition: 0.01ms !important;
    }
}
/* /Components/Pages/ReporteKrypto/NuevoReporteKrypto.razor.rz.scp.css */
/* ==========================================================================
   Nuevo Reporte Krypto — (Scoped CSS Consolidado)
   BEM: .apolo-krypto-nuevo
   Tokens Oficiales Apolo 2026
   ========================================================================== */

/* ── Encabezado & Breadcrumb ────────────────────────────────────────────── */
.apolo-krypto-nuevo__header-icon[b-rbcryku5zr] {
    color: var(--apolo-color-primary);
}

.apolo-krypto-nuevo__title[b-rbcryku5zr] {
    font-size: var(--apolo-text-2xl);
    color: var(--apolo-color-primary-navy);
}

.apolo-krypto-nuevo__breadcrumb[b-rbcryku5zr] {
    font-size: var(--apolo-text-sm);
}

    .apolo-krypto-nuevo__breadcrumb a[b-rbcryku5zr] {
        color: var(--apolo-text-color-secondary);
    }

        .apolo-krypto-nuevo__breadcrumb a:hover[b-rbcryku5zr] {
            color: var(--apolo-color-primary);
        }

    .apolo-krypto-nuevo__breadcrumb .active[b-rbcryku5zr] {
        color: var(--apolo-color-primary);
    }

/* ── Tarjeta Principal ──────────────────────────────────────────────────── */
.apolo-krypto-nuevo__card[b-rbcryku5zr] {
    background-color: var(--apolo-surface-card);
    border-radius: var(--apolo-radius-xl);
    box-shadow: var(--apolo-shadow-sm);
    overflow: hidden;
}

.apolo-krypto-nuevo__section-title[b-rbcryku5zr] {
    color: var(--apolo-color-primary-navy);
    font-size: var(--apolo-text-lg);
}

.apolo-krypto-nuevo__subtitle[b-rbcryku5zr] {
    font-size: var(--apolo-text-sm);
    color: var(--apolo-text-color-secondary);
}

/* ── Radios y Selectores ────────────────────────────────────────────────── */
.apolo-krypto-nuevo__radio[b-rbcryku5zr] {
    cursor: pointer;
}

    .apolo-krypto-nuevo__radio:checked[b-rbcryku5zr] {
        background-color: var(--apolo-color-primary);
        border-color: var(--apolo-color-primary);
    }

    .apolo-krypto-nuevo__radio:focus[b-rbcryku5zr] {
        box-shadow: var(--apolo-shadow-focus);
        border-color: var(--apolo-border-color-focus);
    }

/* ── Entradas de Texto ──────────────────────────────────────────────────── */
.apolo-krypto-nuevo__input-wrapper[b-rbcryku5zr] {
    max-width: 440px;
}

.apolo-krypto-nuevo__input[b-rbcryku5zr],
.apolo-krypto-nuevo__input-impi[b-rbcryku5zr] {
    border-radius: var(--apolo-radius-md);
    border: 1px solid var(--apolo-border-color);
    font-size: var(--apolo-text-sm);
    padding: var(--apolo-space-2) var(--apolo-space-3);
    color: var(--apolo-text-color-primary);
    transition: var(--apolo-transition-color);
}

    .apolo-krypto-nuevo__input:focus[b-rbcryku5zr],
    .apolo-krypto-nuevo__input-impi:focus[b-rbcryku5zr] {
        border-color: var(--apolo-border-color-focus);
        box-shadow: var(--apolo-shadow-focus);
    }

    .apolo-krypto-nuevo__input[b-rbcryku5zr]::placeholder,
    .apolo-krypto-nuevo__input-impi[b-rbcryku5zr]::placeholder {
        color: var(--apolo-text-color-disabled);
    }

.apolo-krypto-nuevo__input--center[b-rbcryku5zr] {
    text-align: center;
}

.apolo-krypto-nuevo__input.is-invalid[b-rbcryku5zr] {
    border-color: var(--apolo-color-danger);
}

    .apolo-krypto-nuevo__input.is-invalid:focus[b-rbcryku5zr] {
        box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
    }

/* ── Checkbox ───────────────────────────────────────────────────────────── */
.apolo-krypto-nuevo__checkbox[b-rbcryku5zr] {
    cursor: pointer;
}

    .apolo-krypto-nuevo__checkbox:checked[b-rbcryku5zr] {
        background-color: var(--apolo-color-primary);
        border-color: var(--apolo-color-primary);
    }

    .apolo-krypto-nuevo__checkbox:focus[b-rbcryku5zr] {
        box-shadow: var(--apolo-shadow-focus);
        border-color: var(--apolo-border-color-focus);
    }

.apolo-krypto-nuevo__check-label[b-rbcryku5zr] {
    font-size: var(--apolo-text-sm);
    color: var(--apolo-text-color-primary);
    cursor: pointer;
}

.apolo-krypto-nuevo__label-impi[b-rbcryku5zr] {
    font-size: var(--apolo-text-sm);
    color: var(--apolo-text-color-secondary);
}

/* ── Toast / Alerta de Validación de Razón Social ───────────────────────── */
.apolo-krypto-nuevo__toast-alerta[b-rbcryku5zr] {
    background-color: var(--apolo-color-danger-light);
    color: var(--apolo-color-danger);
    border-radius: var(--apolo-radius-md);
    padding: var(--apolo-space-3) var(--apolo-space-4);
    display: flex;
    align-items: center;
    gap: var(--apolo-space-2);
    font-size: var(--apolo-text-sm);
    animation: apolo-fade-in-b-rbcryku5zr 150ms ease-in-out;
}

.apolo-krypto-nuevo__toast-alerta-icon[b-rbcryku5zr] {
    font-weight: var(--apolo-font-bold);
    font-size: var(--apolo-text-base);
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.apolo-krypto-nuevo__toast-alerta-text[b-rbcryku5zr] {
    color: var(--apolo-color-danger);
    line-height: var(--apolo-leading-normal);
}

@keyframes apolo-fade-in-b-rbcryku5zr {
    from {
        opacity: 0;
        transform: translateY(-4px);
    }

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

/* ── Widget de Créditos ─────────────────────────────────────────────────── */
.apolo-krypto-nuevo__credits-box[b-rbcryku5zr] {
    background-color: var(--apolo-n50);
    border: 1px solid var(--apolo-border-color-subtle);
    border-radius: var(--apolo-radius-lg);
}

.apolo-krypto-nuevo__credits-label[b-rbcryku5zr] {
    font-size: var(--apolo-text-sm);
    color: var(--apolo-text-color-secondary);
}

.apolo-krypto-nuevo__credits-value[b-rbcryku5zr] {
    font-size: var(--apolo-text-sm);
    color: var(--apolo-color-primary);
}

.apolo-krypto-nuevo__progress[b-rbcryku5zr] {
    height: 5px;
    background-color: var(--apolo-n200);
    border-radius: var(--apolo-radius-full);
    overflow: hidden;
}

.apolo-krypto-nuevo__progress-bar--consumo[b-rbcryku5zr] {
    width: 93.6%;
    background-color: var(--apolo-color-danger);
    border-radius: var(--apolo-radius-full);
}

.apolo-krypto-nuevo__credits-detail[b-rbcryku5zr] {
    font-size: var(--apolo-text-xs);
    color: var(--apolo-text-color-secondary);
}

/* ── Paso 2: Controles Superiores & Switch ──────────────────────────────── */
.apolo-krypto-nuevo__switch-box[b-rbcryku5zr] {
    display: flex;
    align-items: center;
    gap: var(--apolo-space-2);
}

.apolo-krypto-nuevo__switch-input[b-rbcryku5zr] {
    cursor: pointer;
    width: 2.5rem;
    height: 1.25rem;
}

    .apolo-krypto-nuevo__switch-input:checked[b-rbcryku5zr] {
        background-color: var(--apolo-color-primary);
        border-color: var(--apolo-color-primary);
    }

    .apolo-krypto-nuevo__switch-input:focus[b-rbcryku5zr] {
        box-shadow: var(--apolo-shadow-focus);
        border-color: var(--apolo-border-color-focus);
    }

.apolo-krypto-nuevo__switch-label[b-rbcryku5zr] {
    font-size: var(--apolo-text-sm);
    color: var(--apolo-text-color-primary);
    cursor: pointer;
    font-weight: var(--apolo-font-medium);
}

.apolo-krypto-nuevo__link-tercero[b-rbcryku5zr] {
    font-size: var(--apolo-text-sm);
    color: var(--apolo-color-primary);
    font-weight: var(--apolo-font-medium);
    text-decoration: none;
    transition: var(--apolo-transition-color);
}

    .apolo-krypto-nuevo__link-tercero:hover[b-rbcryku5zr] {
        color: var(--apolo-color-primary-dark);
        text-decoration: underline;
    }

/* ── Paso 2: Subtabs de Método Financiero Directo ───────────────────────── */
.apolo-krypto-nuevo__subtabs[b-rbcryku5zr] {
    border-bottom: 1px solid var(--apolo-border-color-subtle);
    padding-bottom: var(--apolo-space-2);
}

.apolo-krypto-nuevo__subtab-btn[b-rbcryku5zr] {
    font-size: var(--apolo-text-sm);
    color: var(--apolo-text-color-secondary);
    background-color: transparent;
    border: 1.5px solid transparent;
    border-radius: var(--apolo-radius-md);
    padding: var(--apolo-space-2) var(--apolo-space-3);
    font-weight: var(--apolo-font-medium);
    transition: var(--apolo-transition-color);
}

    .apolo-krypto-nuevo__subtab-btn:hover[b-rbcryku5zr] {
        color: var(--apolo-color-primary);
    }

    .apolo-krypto-nuevo__subtab-btn.is-active[b-rbcryku5zr] {
        color: var(--apolo-color-primary);
        border-color: var(--apolo-color-primary);
        background-color: transparent;
        font-weight: var(--apolo-font-semibold);
    }

/* ── Paso 2: Dropzone de Archivos FIEL ──────────────────────────────────── */
.apolo-krypto-nuevo__field-help[b-rbcryku5zr] {
    font-size: var(--apolo-text-sm);
    color: var(--apolo-text-color-secondary);
}

.apolo-krypto-nuevo__label[b-rbcryku5zr] {
    font-size: var(--apolo-text-sm);
    color: var(--apolo-text-color-primary);
    font-weight: var(--apolo-font-medium);
}

.apolo-krypto-nuevo__dropzone[b-rbcryku5zr] {
    background-color: var(--apolo-surface-card);
    border: 1px solid var(--apolo-border-color);
    border-radius: var(--apolo-radius-md);
    padding: var(--apolo-space-2) var(--apolo-space-3);
    min-height: 48px;
}

.apolo-krypto-nuevo__dropzone-btn[b-rbcryku5zr] {
    background-color: #212529;
    color: var(--apolo-n0);
    border: none;
    border-radius: var(--apolo-radius-full);
    padding: 4px 18px;
    font-size: var(--apolo-text-sm);
    font-weight: var(--apolo-font-medium);
    cursor: pointer;
    display: inline-block;
    transition: var(--apolo-transition-color);
}

    .apolo-krypto-nuevo__dropzone-btn:hover[b-rbcryku5zr] {
        background-color: #000000;
        color: var(--apolo-n0);
    }

.apolo-krypto-nuevo__dropzone-text[b-rbcryku5zr] {
    font-size: var(--apolo-text-sm);
    color: var(--apolo-text-color-secondary);
}

/* ── Paso 2: Password Group con Botón de Ojo ───────────────────────────── */
.apolo-krypto-nuevo__password-group[b-rbcryku5zr] {
    display: flex;
}

    .apolo-krypto-nuevo__password-group .apolo-krypto-nuevo__input[b-rbcryku5zr] {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        border-right: none;
    }

.apolo-krypto-nuevo__btn-eye[b-rbcryku5zr] {
    background-color: #4A5568;
    color: var(--apolo-n0);
    border: 1px solid #4A5568;
    border-top-right-radius: var(--apolo-radius-md);
    border-bottom-right-radius: var(--apolo-radius-md);
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    padding: 0 var(--apolo-space-3);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: var(--apolo-transition-color);
}

    .apolo-krypto-nuevo__btn-eye:hover[b-rbcryku5zr] {
        background-color: #2D3748;
        color: var(--apolo-n0);
    }

/* ── Paso 2 (Derecha): Formulario Solicitar a un Tercero ────────────────── */
.apolo-krypto-nuevo__email-group[b-rbcryku5zr] {
    max-width: 600px;
}

.apolo-krypto-nuevo__btn-add-email[b-rbcryku5zr] {
    background-color: var(--apolo-color-success);
    color: var(--apolo-n0);
    border: 1px solid var(--apolo-color-success);
    border-top-right-radius: var(--apolo-radius-md);
    border-bottom-right-radius: var(--apolo-radius-md);
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    padding: 0 var(--apolo-space-3);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    transition: var(--apolo-transition-color);
}

    .apolo-krypto-nuevo__btn-add-email:hover[b-rbcryku5zr] {
        background-color: var(--apolo-color-success-dark);
        border-color: var(--apolo-color-success-dark);
        color: var(--apolo-n0);
    }

.apolo-krypto-nuevo__help-text-tercero[b-rbcryku5zr] {
    font-size: var(--apolo-text-xs);
    color: var(--apolo-text-color-secondary);
    line-height: var(--apolo-leading-normal);
}

/* ── Paso 2: Barra de Créditos Consumidos ───────────────────────────────── */
.apolo-krypto-nuevo__credits-bar-p2[b-rbcryku5zr] {
    background-color: var(--apolo-surface-card);
    border: 1px solid var(--apolo-border-color);
    border-radius: var(--apolo-radius-md);
}

.apolo-krypto-nuevo__credits-text-danger[b-rbcryku5zr] {
    color: var(--apolo-color-danger);
    font-size: var(--apolo-text-sm);
    font-weight: var(--apolo-font-normal);
}

/* ── Barra Inferior de Acciones ─────────────────────────────────────────── */
.apolo-krypto-nuevo__card-footer[b-rbcryku5zr] {
    background-color: var(--apolo-surface-card);
    border-top: 1px solid var(--apolo-border-color-subtle);
}

/* Botón Cancelar (Neutro institucional, NO rojo) */
.apolo-krypto-nuevo__btn-cancel[b-rbcryku5zr] {
    border: 1px solid var(--apolo-border-color);
    color: var(--apolo-text-color-primary);
    background-color: transparent;
    border-radius: var(--apolo-radius-md);
    font-weight: var(--apolo-font-medium);
    font-size: var(--apolo-text-sm);
    padding: var(--apolo-space-2) var(--apolo-space-4);
    text-decoration: none;
    min-height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: var(--apolo-transition-color);
}

    .apolo-krypto-nuevo__btn-cancel:hover[b-rbcryku5zr] {
        background-color: var(--apolo-n100);
        color: var(--apolo-text-color-primary);
        border-color: var(--apolo-n400);
    }

/* Botón Regresar (Paso 2) */
.apolo-krypto-nuevo__btn-back[b-rbcryku5zr] {
    background-color: var(--apolo-color-primary);
    color: var(--apolo-n0);
    border: none;
    border-radius: var(--apolo-radius-md);
    font-weight: var(--apolo-font-semibold);
    font-size: var(--apolo-text-sm);
    padding: var(--apolo-space-2) var(--apolo-space-4);
    min-height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: var(--apolo-transition-color);
}

    .apolo-krypto-nuevo__btn-back:hover[b-rbcryku5zr] {
        background-color: var(--apolo-color-primary-dark);
        color: var(--apolo-n0);
    }

/* Botón Continuar (Azul principal) */
.apolo-krypto-nuevo__btn-continue[b-rbcryku5zr] {
    background-color: var(--apolo-color-primary);
    color: var(--apolo-n0);
    border: none;
    border-radius: var(--apolo-radius-md);
    font-weight: var(--apolo-font-semibold);
    font-size: var(--apolo-text-sm);
    padding: var(--apolo-space-2) var(--apolo-space-4);
    min-height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: var(--apolo-transition-color);
}

    .apolo-krypto-nuevo__btn-continue:hover[b-rbcryku5zr] {
        background-color: var(--apolo-color-primary-dark);
        color: var(--apolo-n0);
    }

/* ── Adaptabilidad Móvil (<768px): Misma Línea Horizontal ──────────────── */
@media (max-width: 767.98px) {
    .apolo-krypto-nuevo__input-wrapper[b-rbcryku5zr],
    .apolo-krypto-nuevo__email-group[b-rbcryku5zr] {
        max-width: 100%;
    }

    .apolo-krypto-nuevo__card-footer[b-rbcryku5zr] {
        flex-direction: row;
        justify-content: space-between;
        gap: var(--apolo-space-3);
    }

    .apolo-krypto-nuevo__btn-cancel[b-rbcryku5zr],
    .apolo-krypto-nuevo__btn-back[b-rbcryku5zr],
    .apolo-krypto-nuevo__btn-continue[b-rbcryku5zr] {
        flex: 1 1 0;
        min-width: 0;
        width: auto;
        justify-content: center;
        min-height: 42px;
        padding-left: var(--apolo-space-2);
        padding-right: var(--apolo-space-2);
    }
}

@media (prefers-reduced-motion: reduce) {
    .apolo-krypto-nuevo__btn-cancel[b-rbcryku5zr],
    .apolo-krypto-nuevo__btn-back[b-rbcryku5zr],
    .apolo-krypto-nuevo__btn-continue[b-rbcryku5zr],
    .apolo-krypto-nuevo__input[b-rbcryku5zr],
    .apolo-krypto-nuevo__input-impi[b-rbcryku5zr] {
        transition-duration: 0.01ms !important;
    }
}
/* /Components/Pages/ReporteKrypto/ReporteKryptoDetalle.razor.rz.scp.css */
/* ==========================================================================
   Reporte Krypto Detalle (Reporte Final Completo) — Scoped CSS
   BEM: .apolo-krypto-reporte
   Tokens oficiales & Cero estilos inline
   ========================================================================== */

.apolo-krypto-reporte[b-580b25boem] {
    width: 100%;
}

/* ── 1. Barra Superior y Breadcrumb ──────────────────────────────────────── */
.apolo-krypto-reporte__topbar[b-580b25boem] {
    width: 100%;
}

.apolo-krypto-reporte__btn-back[b-580b25boem] {
    background-color: var(--apolo-surface-card);
    border: 1px solid var(--apolo-border-color);
    color: var(--apolo-text-color-primary);
    border-radius: var(--apolo-radius-md);
    padding: var(--apolo-space-2) var(--apolo-space-3);
    font-size: var(--apolo-text-sm);
    font-weight: var(--apolo-font-medium);
    transition: var(--apolo-transition-color);
}

    .apolo-krypto-reporte__btn-back:hover[b-580b25boem] {
        background-color: var(--apolo-n100);
        border-color: var(--apolo-border-color-focus);
        color: var(--apolo-color-primary);
    }

.apolo-krypto-reporte__breadcrumb[b-580b25boem] {
    font-size: var(--apolo-text-sm);
}

    .apolo-krypto-reporte__breadcrumb a[b-580b25boem] {
        color: var(--apolo-text-color-secondary);
    }

        .apolo-krypto-reporte__breadcrumb a:hover[b-580b25boem] {
            color: var(--apolo-color-primary);
        }

    .apolo-krypto-reporte__breadcrumb .active[b-580b25boem] {
        color: var(--apolo-color-primary);
        font-weight: var(--apolo-font-medium);
    }

.apolo-krypto-reporte__btn-share[b-580b25boem] {
    background-color: var(--apolo-surface-card);
    border: 1px solid var(--apolo-border-color);
    color: var(--apolo-text-color-primary);
    border-radius: var(--apolo-radius-md);
    padding: var(--apolo-space-2) var(--apolo-space-3);
    font-size: var(--apolo-text-sm);
    font-weight: var(--apolo-font-medium);
    transition: var(--apolo-transition-color);
}

    .apolo-krypto-reporte__btn-share:hover[b-580b25boem] {
        background-color: var(--apolo-n100);
        border-color: var(--apolo-border-color-focus);
        color: var(--apolo-color-primary);
    }

.apolo-krypto-reporte__btn-pdf[b-580b25boem] {
    background-color: var(--apolo-color-success);
    border: 1px solid var(--apolo-color-success);
    color: var(--apolo-n0);
    border-radius: var(--apolo-radius-md);
    padding: var(--apolo-space-2) var(--apolo-space-3);
    font-size: var(--apolo-text-sm);
    font-weight: var(--apolo-font-medium);
    transition: var(--apolo-transition-color);
}

    .apolo-krypto-reporte__btn-pdf:hover[b-580b25boem] {
        background-color: var(--apolo-color-success-dark);
        border-color: var(--apolo-color-success-dark);
        color: var(--apolo-n0);
    }

/* ── 2. Menú Desplegable Táctil al Minimizar / Móvil (<992px) (Estilo Alertas) ── */
.apolo-krypto-reporte__sections-nav-mobile[b-580b25boem] {
    position: sticky;
    top: var(--apolo-layout-header-height, 60px);
    z-index: calc(var(--apolo-z-header, 1020) - 5);
}

.apolo-krypto-reporte__mobile-nav-card[b-580b25boem] {
    background-color: var(--apolo-surface-card);
    border-radius: var(--apolo-radius-xl);
    border: 1px solid var(--apolo-border-color-subtle);
    box-shadow: var(--apolo-shadow-md);
}

.apolo-krypto-reporte__mobile-nav-item[b-580b25boem] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 10px 14px;
    border-radius: var(--apolo-radius-lg);
    background-color: var(--apolo-surface-card);
    border: 1px solid var(--apolo-border-color-subtle);
    color: var(--apolo-color-primary-navy);
    text-align: left;
    transition: var(--apolo-transition-color), transform 0.15s ease;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
    min-height: 44px;
}

    .apolo-krypto-reporte__mobile-nav-item:hover[b-580b25boem] {
        background-color: var(--apolo-n50);
        border-color: var(--apolo-border-color);
        color: var(--apolo-color-primary);
    }

.apolo-krypto-reporte__mobile-nav-title[b-580b25boem] {
    font-size: var(--apolo-text-sm);
    font-weight: var(--apolo-font-semibold);
}

/* Estado Activo con Borde Dorado y Gradiente (Idéntico a Alertas Apolo) */
.apolo-krypto-reporte__mobile-nav-item--active[b-580b25boem] {
    background: linear-gradient(135deg, var(--apolo-color-primary) 0%, var(--apolo-color-primary-dark) 100%) !important;
    border: 2px solid var(--apolo-color-accent) !important;
    color: #ffffff !important;
    box-shadow: 0 4px 10px rgba(16, 127, 201, 0.25) !important;
}

    .apolo-krypto-reporte__mobile-nav-item--active .apolo-icon[b-580b25boem],
    .apolo-krypto-reporte__mobile-nav-item--active svg[b-580b25boem] {
        color: #ffffff !important;
    }

    .apolo-krypto-reporte__mobile-nav-item--active .apolo-krypto-reporte__mobile-nav-title[b-580b25boem] {
        color: #ffffff !important;
    }

.apolo-krypto-reporte__mobile-nav-chevron[b-580b25boem] {
    color: #ffffff;
    display: flex;
    align-items: center;
    transition: transform var(--apolo-transition-color);
}

.apolo-krypto-reporte__mobile-dropdown-list[b-580b25boem] {
    animation: apolo-fade-in-b-580b25boem 0.2s ease-out;
}

@keyframes apolo-fade-in-b-580b25boem {
    from {
        opacity: 0;
        transform: translateY(-4px);
    }

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

/* ── 3. Navegación de Secciones Plana sin Cards en Escritorio (≥992px) (Estilo Captura 2) ── */
.apolo-krypto-reporte__tabs-wrapper[b-580b25boem] {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
    position: sticky;
    top: var(--apolo-layout-header-height, 60px);
    z-index: calc(var(--apolo-z-header, 1020) - 5);
    background-color: var(--apolo-surface-app-bg, #F1F5F9);
    padding-top: var(--apolo-space-1);
}

    .apolo-krypto-reporte__tabs-wrapper[b-580b25boem]::-webkit-scrollbar {
        display: none;
    }

.apolo-krypto-reporte__tabs[b-580b25boem] {
    border-bottom: 2px solid var(--apolo-n200);
    gap: 0;
}

.apolo-krypto-reporte__tab-link[b-580b25boem] {
    font-family: inherit;
    color: var(--apolo-text-color-secondary);
    font-weight: var(--apolo-font-semibold);
    font-size: var(--apolo-text-sm);
    padding: var(--apolo-space-3) var(--apolo-space-4);
    border: 0;
    border-bottom: 2px solid transparent;
    margin-bottom: -2px;
    background: transparent;
    white-space: nowrap;
    transition: var(--apolo-transition-color);
    text-decoration: none;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    min-height: 44px;
}

    .apolo-krypto-reporte__tab-link:hover[b-580b25boem] {
        color: var(--apolo-color-primary);
    }

    .apolo-krypto-reporte__tab-link.active[b-580b25boem] {
        color: var(--apolo-color-primary) !important;
        border-bottom-color: var(--apolo-color-primary) !important;
        background: transparent !important;
    }

/* ── 4. Cards Generales ──────────────────────────────────────────────────── */
.apolo-krypto-reporte__card[b-580b25boem] {
    background-color: var(--apolo-surface-card);
    border-radius: var(--apolo-radius-lg);
    overflow: hidden;
    scroll-margin-top: 130px;
}

@media (min-width: 992px) {
    .apolo-krypto-reporte__card[b-580b25boem] {
        scroll-margin-top: 115px;
    }
}

.apolo-krypto-reporte__header-navy[b-580b25boem] {
    background-color: var(--apolo-color-primary-navy);
    color: var(--apolo-text-color-on-primary);
}

.apolo-krypto-reporte__header-icon[b-580b25boem] {
    color: var(--apolo-text-color-on-primary);
}

.apolo-krypto-reporte__badge-finalizado[b-580b25boem] {
    background-color: var(--apolo-color-success);
    color: var(--apolo-n0);
    font-size: var(--apolo-text-xs);
    font-weight: var(--apolo-font-medium);
    padding: var(--apolo-space-1) var(--apolo-space-3);
}

.apolo-krypto-reporte__badge-score[b-580b25boem] {
    background-color: rgba(255, 255, 255, 0.15);
    color: var(--apolo-n0);
    font-size: var(--apolo-text-xs);
    font-weight: var(--apolo-font-semibold);
    padding: var(--apolo-space-1) var(--apolo-space-3);
    border: 1px solid rgba(255, 255, 255, 0.25);
}

/* ── 5. Metadatos del Reporte ────────────────────────────────────────────── */
.apolo-krypto-reporte__meta-label[b-580b25boem] {
    font-size: var(--apolo-text-xs);
    color: var(--apolo-text-color-tertiary);
    font-weight: var(--apolo-font-medium);
    letter-spacing: 0.5px;
    margin-bottom: var(--apolo-space-1);
}

.apolo-krypto-reporte__meta-value[b-580b25boem] {
    font-size: var(--apolo-text-base);
    color: var(--apolo-text-color-primary);
    font-weight: var(--apolo-font-bold);
}

.apolo-krypto-reporte__meta-value--mono[b-580b25boem],
.apolo-krypto-reporte__mono[b-580b25boem],
.apolo-krypto-reporte__dd--mono[b-580b25boem] {
    font-family: var(--apolo-font-mono);
    letter-spacing: 0.5px;
}

/* ── 6. Fuentes de Información & Validaciones ───────────────────────────── */
.apolo-krypto-reporte__source-card[b-580b25boem] {
    background-color: var(--apolo-n50);
    border: 1px solid var(--apolo-border-color-subtle);
    border-radius: var(--apolo-radius-md);
    min-height: 52px;
}

.apolo-krypto-reporte__source-label[b-580b25boem] {
    font-size: var(--apolo-text-sm);
    color: var(--apolo-text-color-primary);
    font-weight: var(--apolo-font-medium);
}

.apolo-krypto-reporte__badge[b-580b25boem] {
    border-radius: var(--apolo-radius-full);
    padding: var(--apolo-space-1) var(--apolo-space-2);
    font-size: var(--apolo-text-xs);
    font-weight: var(--apolo-font-semibold);
    white-space: nowrap;
}

.apolo-krypto-reporte__badge--valid[b-580b25boem] {
    background-color: var(--apolo-color-success-light);
    color: var(--apolo-color-success-dark);
}

.apolo-krypto-reporte__badge--not-found[b-580b25boem] {
    background-color: var(--apolo-color-danger-light);
    color: var(--apolo-color-danger-dark);
}

.apolo-krypto-reporte__badge--neutral[b-580b25boem] {
    color: var(--apolo-text-color-tertiary);
    font-size: var(--apolo-text-sm);
}

.apolo-krypto-reporte__badge--active-status[b-580b25boem] {
    background-color: var(--apolo-color-success-light);
    color: var(--apolo-color-success-dark);
}

/* ── 7. Gráficas y Cajas SyncFusion ─────────────────────────────────────── */
.apolo-krypto-reporte__chart-title[b-580b25boem] {
    font-size: var(--apolo-text-base);
    color: var(--apolo-text-color-primary);
    font-weight: var(--apolo-font-semibold);
}

.apolo-krypto-reporte__chart-box[b-580b25boem] {
    background-color: var(--apolo-surface-card);
    border: 1px dashed var(--apolo-border-color);
    border-radius: var(--apolo-radius-lg);
    min-height: 180px;
}

.apolo-krypto-reporte__metric-chart-box[b-580b25boem] {
    background-color: var(--apolo-surface-card);
    border: 1px dashed var(--apolo-border-color);
    border-radius: var(--apolo-radius-md);
    min-height: 140px;
}

.apolo-krypto-reporte__chart-icon[b-580b25boem] {
    color: var(--apolo-n400);
}

.apolo-krypto-reporte__chart-caption[b-580b25boem] {
    font-size: var(--apolo-text-sm);
    color: var(--apolo-text-color-tertiary);
    font-weight: var(--apolo-font-medium);
    text-align: center;
}

/* ── 8. Tags de Métricas Financieras ─────────────────────────────────────── */
.apolo-krypto-reporte__section-tag[b-580b25boem] {
    background-color: var(--apolo-color-primary);
    color: var(--apolo-text-color-on-primary);
    font-size: var(--apolo-text-sm);
    font-weight: var(--apolo-font-semibold);
    padding: var(--apolo-space-2) var(--apolo-space-3);
    border-radius: var(--apolo-radius-sm);
    display: inline-block;
}

/* ── 9. Acordeones ───────────────────────────────────────────────────────── */
.apolo-krypto-reporte__accordion-item[b-580b25boem] {
    border-color: var(--apolo-border-color-subtle);
}

.apolo-krypto-reporte__accordion-btn[b-580b25boem] {
    background-color: var(--apolo-color-primary);
    color: var(--apolo-text-color-on-primary);
    border: 0;
    border-radius: 0;
    font-size: var(--apolo-text-sm);
    font-weight: var(--apolo-font-semibold);
    transition: var(--apolo-transition-color);
    cursor: pointer;
}

    .apolo-krypto-reporte__accordion-btn:hover[b-580b25boem] {
        background-color: var(--apolo-color-primary-dark);
        color: var(--apolo-text-color-on-primary);
    }

    .apolo-krypto-reporte__accordion-btn:focus-visible[b-580b25boem] {
        outline: 3px solid var(--apolo-color-accent);
        outline-offset: -2px;
    }

.apolo-krypto-reporte__accordion-icon[b-580b25boem] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
}

.apolo-krypto-reporte__accordion-title[b-580b25boem] {
    color: var(--apolo-text-color-on-primary);
    font-size: var(--apolo-text-sm);
    font-weight: var(--apolo-font-semibold);
}

.apolo-krypto-reporte__accordion-content[b-580b25boem] {
    background-color: var(--apolo-surface-card);
}

/* ── 10. Lista Clave-Valor ───────────────────────────────────────────────── */
.apolo-krypto-reporte__dl[b-580b25boem] {
    font-size: var(--apolo-text-sm);
}

.apolo-krypto-reporte__dt[b-580b25boem] {
    color: var(--apolo-text-color-secondary);
    font-weight: var(--apolo-font-normal);
}

.apolo-krypto-reporte__dd[b-580b25boem] {
    color: var(--apolo-text-color-primary);
    font-weight: var(--apolo-font-semibold);
}

/* ── 11. Tablas Generales y Contenedor Enmarcado (Captura 2) ─────────────── */
.apolo-krypto-reporte__table-container[b-580b25boem] {
    border: 1px solid var(--apolo-border-color);
    border-radius: var(--apolo-radius-lg);
    background-color: var(--apolo-surface-card);
    overflow-x: auto;
    overflow-y: hidden;
}

.apolo-krypto-reporte__table[b-580b25boem] {
    font-size: var(--apolo-text-sm);
    width: 100%;
    margin-bottom: 0;
}

.apolo-krypto-reporte__th[b-580b25boem] {
    background-color: var(--apolo-n50);
    color: var(--apolo-text-color-secondary);
    font-weight: var(--apolo-font-semibold);
    padding: var(--apolo-space-3) var(--apolo-space-4);
    border-bottom: 1px solid var(--apolo-border-color);
    white-space: nowrap;
}

.apolo-krypto-reporte__td[b-580b25boem] {
    padding: var(--apolo-space-3) var(--apolo-space-4);
    color: var(--apolo-text-color-primary);
    border-bottom: 1px solid var(--apolo-border-color-subtle);
    background-color: var(--apolo-surface-card);
}

.apolo-krypto-reporte__table--financial .apolo-krypto-reporte__td[b-580b25boem],
.apolo-krypto-reporte__table--retroactivo .apolo-krypto-reporte__td[b-580b25boem],
.apolo-krypto-reporte__table--retroactivo .apolo-krypto-reporte__th[b-580b25boem] {
    white-space: nowrap;
}

.apolo-krypto-reporte__table tbody tr:last-child .apolo-krypto-reporte__td[b-580b25boem] {
    border-bottom: none;
}

.apolo-krypto-reporte__td--nombre[b-580b25boem],
.apolo-krypto-reporte__td--descripcion[b-580b25boem] {
    font-weight: var(--apolo-font-medium);
}

.apolo-krypto-reporte__btn-view[b-580b25boem] {
    background-color: var(--apolo-color-success);
    color: var(--apolo-n0);
    border: none;
    border-radius: var(--apolo-radius-sm);
    padding: 2px 14px;
    font-size: var(--apolo-text-xs);
    font-weight: var(--apolo-font-semibold);
    transition: var(--apolo-transition-color);
}

    .apolo-krypto-reporte__btn-view:hover[b-580b25boem] {
        background-color: var(--apolo-color-success-dark);
        color: var(--apolo-n0);
    }

.apolo-krypto-reporte__tr--total[b-580b25boem] {
    background-color: var(--apolo-n50);
    border-top: 2px solid var(--apolo-border-color);
}

.apolo-krypto-reporte__val--negative[b-580b25boem] {
    color: var(--apolo-color-danger) !important;
}

/* ── 12. Documentos Oficiales & Buró ─────────────────────────────────────── */
.apolo-krypto-reporte__doc-heading[b-580b25boem] {
    font-size: var(--apolo-text-base);
    color: var(--apolo-text-color-primary);
    font-weight: var(--apolo-font-semibold);
}

.apolo-krypto-reporte__doc-card[b-580b25boem] {
    background-color: var(--apolo-n50);
    border: 1px solid var(--apolo-border-color-subtle);
    border-radius: var(--apolo-radius-lg);
}

.apolo-krypto-reporte__doc-icon[b-580b25boem] {
    color: var(--apolo-n400);
}

.apolo-krypto-reporte__doc-sub[b-580b25boem] {
    font-size: var(--apolo-text-xs);
}

.apolo-krypto-reporte__btn-doc-primary[b-580b25boem] {
    background-color: var(--apolo-color-primary);
    border-color: var(--apolo-color-primary);
    color: var(--apolo-text-color-on-primary);
    font-size: var(--apolo-text-xs);
    font-weight: var(--apolo-font-medium);
}

    .apolo-krypto-reporte__btn-doc-primary:hover[b-580b25boem] {
        background-color: var(--apolo-color-primary-dark);
        border-color: var(--apolo-color-primary-dark);
    }

.apolo-krypto-reporte__btn-doc-secondary[b-580b25boem] {
    border-color: var(--apolo-border-color);
    color: var(--apolo-text-color-secondary);
    font-size: var(--apolo-text-xs);
    font-weight: var(--apolo-font-medium);
    background-color: var(--apolo-surface-card);
}

    .apolo-krypto-reporte__btn-doc-secondary:hover[b-580b25boem] {
        background-color: var(--apolo-n100);
        color: var(--apolo-text-color-primary);
    }

/* ── 13. Ubicación ───────────────────────────────────────────────────────── */
.apolo-krypto-reporte__map-box[b-580b25boem] {
    background-color: var(--apolo-n50);
    border: 1px solid var(--apolo-border-color-subtle);
    border-radius: var(--apolo-radius-lg);
    min-height: 180px;
}

.apolo-krypto-reporte__map-icon[b-580b25boem] {
    color: var(--apolo-n400);
}

.apolo-krypto-reporte__map-icon--blue[b-580b25boem] {
    color: var(--apolo-color-primary);
}

.apolo-krypto-reporte__domicilio-fiscal[b-580b25boem] {
    font-size: var(--apolo-text-sm);
}

/* ── 14. Patrón Responsive P-1 (Tabla a Tarjetas en móvil < 768px) ───────── */
@media (max-width: 767.98px) {
    .apolo-krypto-reporte__table-container[b-580b25boem] {
        border: none;
        border-radius: 0;
        background-color: transparent;
        overflow-x: auto;
    }

    .apolo-krypto-reporte__table.apolo-tabla-cards thead[b-580b25boem] {
        display: none;
    }

    .apolo-krypto-reporte__table.apolo-tabla-cards tbody tr[b-580b25boem] {
        display: block;
        background-color: var(--apolo-surface-card);
        border: 1px solid var(--apolo-border-color-subtle);
        border-radius: var(--apolo-radius-md);
        margin-bottom: var(--apolo-space-3);
        padding: var(--apolo-space-3);
    }

    .apolo-krypto-reporte__table.apolo-tabla-cards td[b-580b25boem] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: var(--apolo-space-1) 0;
        border: none;
    }

        .apolo-krypto-reporte__table.apolo-tabla-cards td[data-zona="titulo"][b-580b25boem] {
            font-weight: var(--apolo-font-bold);
            font-size: var(--apolo-text-base);
            border-bottom: 1px solid var(--apolo-border-color-subtle);
            padding-bottom: var(--apolo-space-2);
            margin-bottom: var(--apolo-space-2);
            display: block;
        }

        .apolo-krypto-reporte__table.apolo-tabla-cards td[data-rotulo][b-580b25boem]::before {
            content: attr(data-rotulo);
            font-weight: var(--apolo-font-medium);
            color: var(--apolo-text-color-secondary);
            font-size: var(--apolo-text-xs);
            text-transform: uppercase;
            margin-right: 8px;
            display: inline-block;
        }
}

/* ── 15. Reduced Motion ─────────────────────────────────────────────────── */
@media (prefers-reduced-motion: reduce) {
    .apolo-krypto-reporte__btn-back[b-580b25boem],
    .apolo-krypto-reporte__btn-share[b-580b25boem],
    .apolo-krypto-reporte__btn-pdf[b-580b25boem],
    .apolo-krypto-reporte__btn-view[b-580b25boem],
    .apolo-krypto-reporte__accordion-btn[b-580b25boem],
    .apolo-krypto-reporte__tab-link[b-580b25boem],
    .apolo-krypto-reporte__mobile-nav-item[b-580b25boem],
    .apolo-krypto-reporte__btn-scroll-top[b-580b25boem] {
        transition-duration: 0.01ms !important;
    }
}

/* ── 16. Botón Flotante Volver Arriba ─────────────────────────────────────── */
.apolo-krypto-reporte__btn-scroll-top[b-580b25boem] {
    position: fixed;
    bottom: var(--apolo-space-5, 24px);
    right: var(--apolo-space-5, 24px);
    width: 48px;
    height: 48px;
    border-radius: var(--apolo-radius-full);
    background-color: var(--apolo-color-primary);
    color: var(--apolo-n0, #ffffff);
    border: none;
    box-shadow: 0 4px 14px rgba(16, 127, 201, 0.35);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1050;
    opacity: 0;
    visibility: hidden;
    transform: translateY(16px);
    transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s ease, background-color var(--apolo-transition-color);
    cursor: pointer;
}

    .apolo-krypto-reporte__btn-scroll-top.is-visible[b-580b25boem] {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }

    .apolo-krypto-reporte__btn-scroll-top:hover[b-580b25boem] {
        background-color: var(--apolo-color-primary-dark);
        color: var(--apolo-n0, #ffffff);
        box-shadow: 0 6px 18px rgba(16, 127, 201, 0.45);
        transform: translateY(-2px);
    }

    .apolo-krypto-reporte__btn-scroll-top:focus-visible[b-580b25boem] {
        outline: 3px solid var(--apolo-color-accent);
        outline-offset: 2px;
    }
/* /Components/Pages/ReporteKrypto/ReporteSinResultados.razor.rz.scp.css */
/* ==========================================================================
   Reporte Krypto — Sin Resultados (Empty State)
   BEM: .apolo-krypto-vacio
   Tokens Oficiales Apolo 2026
   ========================================================================== */

/* ── Barra Superior & Navegación ── */
.apolo-krypto-vacio__btn-back[b-1x2tfi1brm] {
    background-color: var(--apolo-surface-card);
    border: 1px solid var(--apolo-border-color);
    color: var(--apolo-text-color-primary);
    border-radius: var(--apolo-radius-md);
    font-size: var(--apolo-text-sm);
    font-weight: var(--apolo-font-medium);
    padding: var(--apolo-space-1) var(--apolo-space-3);
    min-height: 34px;
    text-decoration: none;
    transition: var(--apolo-transition-color);
}

    .apolo-krypto-vacio__btn-back:hover[b-1x2tfi1brm] {
        background-color: var(--apolo-n100);
        border-color: var(--apolo-border-color-focus);
        color: var(--apolo-color-primary);
    }

.apolo-krypto-vacio__breadcrumb[b-1x2tfi1brm] {
    font-size: var(--apolo-text-sm);
}

    .apolo-krypto-vacio__breadcrumb a[b-1x2tfi1brm] {
        color: var(--apolo-text-color-secondary);
    }

        .apolo-krypto-vacio__breadcrumb a:hover[b-1x2tfi1brm] {
            color: var(--apolo-color-primary);
        }

    .apolo-krypto-vacio__breadcrumb .active[b-1x2tfi1brm] {
        color: var(--apolo-color-primary);
    }

/* ── Tarjeta Principal ── */
.apolo-krypto-vacio__card[b-1x2tfi1brm] {
    background-color: var(--apolo-surface-card);
    border-radius: var(--apolo-radius-xl);
    box-shadow: var(--apolo-shadow-sm);
    overflow: hidden;
    min-height: 520px;
}

.apolo-krypto-vacio__card-header[b-1x2tfi1brm] {
    background-color: var(--apolo-surface-card);
    border-bottom: 1px solid var(--apolo-border-color-subtle);
}

.apolo-krypto-vacio__title[b-1x2tfi1brm] {
    color: var(--apolo-color-primary-navy);
    font-size: var(--apolo-text-lg);
}

/* ── Panel Interior (Empty State) ── */
.apolo-krypto-vacio__panel[b-1x2tfi1brm] {
    background-color: var(--apolo-n50);
    border: 1px solid var(--apolo-border-color-subtle);
    border-radius: var(--apolo-radius-xl);
    max-width: 620px;
    width: 100%;
}

.apolo-krypto-vacio__icon-box[b-1x2tfi1brm] {
    color: var(--apolo-n500);
}

.apolo-krypto-vacio__panel-title[b-1x2tfi1brm] {
    color: var(--apolo-color-primary-navy);
    font-size: var(--apolo-text-lg);
}

.apolo-krypto-vacio__desc[b-1x2tfi1brm] {
    color: var(--apolo-text-color-secondary);
    font-size: var(--apolo-text-sm);
    line-height: var(--apolo-leading-normal);
    max-width: 480px;
    margin-inline: auto;
}

.apolo-krypto-vacio__btn-action[b-1x2tfi1brm] {
    background-color: var(--apolo-color-primary);
    color: var(--apolo-n0);
    border: none;
    border-radius: var(--apolo-radius-md);
    font-size: var(--apolo-text-sm);
    font-weight: var(--apolo-font-semibold);
    padding: var(--apolo-space-2) var(--apolo-space-4);
    min-height: 40px;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: var(--apolo-transition-color);
}

    .apolo-krypto-vacio__btn-action:hover[b-1x2tfi1brm] {
        background-color: var(--apolo-color-primary-dark);
        color: var(--apolo-n0);
    }

/* ── Responsivo & Accesibilidad ── */
@media (max-width: 767.98px) {
    .apolo-krypto-vacio__panel[b-1x2tfi1brm] {
        padding: var(--apolo-space-4) var(--apolo-space-3);
    }

    .apolo-krypto-vacio__btn-action[b-1x2tfi1brm] {
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .apolo-krypto-vacio__btn-back[b-1x2tfi1brm],
    .apolo-krypto-vacio__btn-action[b-1x2tfi1brm] {
        transition-duration: 0.01ms !important;
    }
}
/* /Components/Pages/ReporteKrypto/ReportesKrypto.razor.rz.scp.css */
/* ==========================================================================
   Reportes Krypto — Scoped CSS Consolidado
   BEM: .apolo-krypto, .apolo-krypto__*
   Design Tokens & Patrones Responsivos P-1 y P-2
   ========================================================================== */

/* ── Encabezado & Breadcrumb ────────────────────────────────────────────── */
.apolo-krypto__header-icon[b-dnp63f1334] {
    color: var(--apolo-color-primary);
}

.apolo-krypto__title[b-dnp63f1334] {
    font-size: var(--apolo-text-2xl);
    color: var(--apolo-color-primary-navy);
}

.apolo-krypto__breadcrumb[b-dnp63f1334] {
    font-size: var(--apolo-text-sm);
}

    .apolo-krypto__breadcrumb a[b-dnp63f1334] {
        color: var(--apolo-text-color-secondary);
    }

    .apolo-krypto__breadcrumb .active[b-dnp63f1334] {
        color: var(--apolo-color-primary);
    }

/* ==========================================================================
   ESCRITORIO Y TABLET (≥ 768px): Píldoras Exactas de la Captura Original
   ========================================================================== */
.apolo-krypto__pill-desktop[b-dnp63f1334] {
    display: inline-flex;
    align-items: center;
    gap: var(--apolo-space-2);
    padding: 6px 16px;
    border-radius: var(--apolo-radius-full);
    font-size: var(--apolo-text-sm);
    font-weight: var(--apolo-font-semibold);
    transition: var(--apolo-transition-color);
    white-space: nowrap;
    min-height: 38px;
    border-width: 1px;
    border-style: solid;
}

/* Píldora 1: Todos (13) */
.apolo-krypto__pill-desktop--todos[b-dnp63f1334] {
    background-color: var(--apolo-color-primary-navy);
    border-color: var(--apolo-color-primary-navy);
    color: var(--apolo-n0);
    box-shadow: var(--apolo-shadow-sm);
}

    .apolo-krypto__pill-desktop--todos:hover[b-dnp63f1334] {
        background-color: var(--apolo-n900);
        color: var(--apolo-n0);
    }

/* Píldora 2: 8 Finalizados */
.apolo-krypto__pill-desktop--finalizado[b-dnp63f1334] {
    background-color: #E8F7EE;
    border-color: #75B798;
    color: #0F5132;
}

    .apolo-krypto__pill-desktop--finalizado:hover[b-dnp63f1334] {
        background-color: #d4edda;
    }

.apolo-krypto__pill-desktop--finalizado-active[b-dnp63f1334] {
    outline: 2px solid var(--apolo-color-success);
}

/* Píldora 3: 4 Sin resultados */
.apolo-krypto__pill-desktop--sin-resultados[b-dnp63f1334] {
    background-color: var(--apolo-surface-card);
    border-color: #CCD8E2;
    color: #52637A;
}

    .apolo-krypto__pill-desktop--sin-resultados:hover[b-dnp63f1334] {
        background-color: var(--apolo-n50);
    }

.apolo-krypto__pill-desktop--sin-resultados-active[b-dnp63f1334] {
    outline: 2px solid var(--apolo-n500);
}

/* Píldora 4: 1 Generando */
.apolo-krypto__pill-desktop--generando[b-dnp63f1334] {
    background-color: #E0F2FE;
    border-color: #38BDF8;
    color: #0284C7;
}

    .apolo-krypto__pill-desktop--generando:hover[b-dnp63f1334] {
        background-color: #bae6fd;
    }

.apolo-krypto__pill-desktop--generando-active[b-dnp63f1334] {
    outline: 2px solid var(--apolo-color-primary);
}

/* ── Indicadores Circulares (Dots) ──────────────────────────────────────── */
.apolo-krypto__dot[b-dnp63f1334] {
    width: 8px;
    height: 8px;
    border-radius: var(--apolo-radius-full);
    display: inline-block;
    flex-shrink: 0;
}

.apolo-krypto__dot--white[b-dnp63f1334] {
    background-color: var(--apolo-n0);
}

.apolo-krypto__dot--navy[b-dnp63f1334] {
    background-color: var(--apolo-color-primary-navy);
}

.apolo-krypto__dot--success[b-dnp63f1334] {
    background-color: var(--apolo-color-success);
}

.apolo-krypto__dot--neutral[b-dnp63f1334] {
    background-color: #6c757d;
}

/* ── Créditos y Botón Nuevo Reporte (Escritorio / Global) ────────────────── */
.apolo-krypto__credits[b-dnp63f1334] {
    color: #B8860B; /* Ocre dorado exacto de la captura */
    font-size: var(--apolo-text-sm);
    font-weight: var(--apolo-font-bold);
    white-space: nowrap;
}

.apolo-krypto__btn-new[b-dnp63f1334] {
    background-color: var(--apolo-color-success);
    color: var(--apolo-n0);
    border: 0;
    border-radius: var(--apolo-radius-md);
    font-weight: var(--apolo-font-semibold);
    font-size: var(--apolo-text-sm);
    transition: var(--apolo-transition-color);
    min-height: 40px;
    white-space: nowrap;
}

    .apolo-krypto__btn-new:hover[b-dnp63f1334] {
        background-color: var(--apolo-color-success-dark);
        color: var(--apolo-n0);
    }

/* ==========================================================================
   MÓVIL (< 768px): Menú Desplegable Tipo Tarjeta Flotante (Captura 1)
   ========================================================================== */
.apolo-krypto__mobile-filter-container[b-dnp63f1334] {
    z-index: var(--apolo-z-dropdown);
}

.apolo-krypto__mobile-trigger[b-dnp63f1334] {
    background-color: var(--apolo-surface-card);
    border: 1px solid var(--apolo-border-color);
    border-radius: var(--apolo-radius-lg);
    color: var(--apolo-text-color-primary);
    min-height: 48px;
    box-shadow: var(--apolo-shadow-sm);
    transition: var(--apolo-transition-color);
}

    .apolo-krypto__mobile-trigger:hover[b-dnp63f1334],
    .apolo-krypto__mobile-trigger:focus-visible[b-dnp63f1334] {
        border-color: var(--apolo-color-primary);
        outline: 2px solid var(--apolo-color-primary-light);
    }

.apolo-krypto__mobile-menu[b-dnp63f1334] {
    border-radius: var(--apolo-radius-xl);
    background-color: var(--apolo-surface-card);
    box-shadow: var(--apolo-shadow-lg);
}

.apolo-krypto__mobile-item[b-dnp63f1334] {
    border-radius: var(--apolo-radius-lg);
    padding: var(--apolo-space-3) var(--apolo-space-3);
    border: 1px solid var(--apolo-border-color-subtle);
    background-color: var(--apolo-surface-card);
    color: var(--apolo-text-color-primary);
    transition: var(--apolo-transition-color);
    min-height: 44px;
}

    .apolo-krypto__mobile-item:hover[b-dnp63f1334] {
        background-color: var(--apolo-n50);
    }

.apolo-krypto__mobile-item--active-navy[b-dnp63f1334] {
    background-color: var(--apolo-color-primary-navy);
    border-color: var(--apolo-color-primary-navy);
    color: var(--apolo-n0) !important;
}

.apolo-krypto__mobile-item--active-success[b-dnp63f1334] {
    background-color: var(--apolo-color-success);
    border-color: var(--apolo-color-success);
    color: var(--apolo-n0) !important;
}

.apolo-krypto__mobile-item--active-neutral[b-dnp63f1334] {
    background-color: var(--apolo-n700);
    border-color: var(--apolo-n700);
    color: var(--apolo-n0) !important;
}

.apolo-krypto__mobile-item--active-info[b-dnp63f1334] {
    background-color: var(--apolo-color-primary);
    border-color: var(--apolo-color-primary);
    color: var(--apolo-n0) !important;
}

/* ==========================================================================
   TARJETA Y TABLA DE REPORTES EN ESCRITORIO
   ========================================================================== */
.apolo-krypto__card[b-dnp63f1334] {
    border-radius: var(--apolo-radius-xl);
    background-color: var(--apolo-surface-card);
    overflow: hidden;
}

.apolo-krypto__card-header[b-dnp63f1334] {
    background-color: var(--apolo-surface-card);
}

.apolo-krypto__card-title[b-dnp63f1334] {
    color: var(--apolo-color-primary-navy);
    font-size: var(--apolo-text-lg);
}

.apolo-krypto__card-count[b-dnp63f1334] {
    color: var(--apolo-text-color-secondary);
    font-weight: var(--apolo-font-normal);
}

.apolo-krypto__btn-export[b-dnp63f1334] {
    border-color: var(--apolo-border-color);
    color: var(--apolo-text-color-primary);
    border-radius: var(--apolo-radius-md);
    font-weight: var(--apolo-font-medium);
    font-size: var(--apolo-text-sm);
    transition: var(--apolo-transition-color);
}

    .apolo-krypto__btn-export:hover[b-dnp63f1334] {
        background-color: var(--apolo-n100);
        border-color: var(--apolo-n400);
    }

.apolo-krypto__table[b-dnp63f1334] {
    font-size: var(--apolo-text-sm);
    color: var(--apolo-text-color-primary);
}

.apolo-krypto__th[b-dnp63f1334] {
    background-color: var(--apolo-surface-card);
    color: var(--apolo-text-color-secondary);
    font-size: var(--apolo-text-xs);
    font-weight: var(--apolo-font-semibold);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: var(--apolo-space-3) var(--apolo-space-4);
    border-bottom: 1px solid var(--apolo-border-color-subtle);
}

.apolo-krypto__th--rfc[b-dnp63f1334] {
    width: 170px;
}

.apolo-krypto__td[b-dnp63f1334] {
    padding: var(--apolo-space-3) var(--apolo-space-4);
    border-bottom: 1px solid var(--apolo-border-color-subtle);
    background-color: var(--apolo-surface-card);
}

.apolo-krypto__rfc-code[b-dnp63f1334] {
    font-family: var(--apolo-font-mono);
    font-weight: var(--apolo-font-semibold);
    color: var(--apolo-text-color-primary);
}

.apolo-krypto__client-link[b-dnp63f1334] {
    color: var(--apolo-color-primary);
    text-decoration: none;
    font-weight: var(--apolo-font-semibold);
    transition: var(--apolo-transition-color);
}

    .apolo-krypto__client-link:hover[b-dnp63f1334] {
        color: var(--apolo-color-primary-dark);
        text-decoration: underline !important;
    }

.apolo-krypto__client-plain[b-dnp63f1334] {
    color: var(--apolo-text-color-primary);
    font-weight: var(--apolo-font-semibold);
}

.apolo-krypto__date[b-dnp63f1334] {
    color: var(--apolo-text-color-secondary);
    font-size: var(--apolo-text-sm);
}

/* ── Badges de Estatus de Fila ─────────────────────────────────────────── */
.apolo-krypto__badge[b-dnp63f1334] {
    border-radius: var(--apolo-radius-full);
    font-weight: var(--apolo-font-semibold);
    font-size: var(--apolo-text-xs);
    padding: 6px 12px;
}

.apolo-krypto__badge--finalizado[b-dnp63f1334] {
    background-color: #D1E7DD;
    color: #0F5132;
}

.apolo-krypto__badge--sin-resultados[b-dnp63f1334] {
    background-color: var(--apolo-n200);
    color: var(--apolo-n700);
}

.apolo-krypto__badge--generando[b-dnp63f1334] {
    background-color: var(--apolo-color-primary-light);
    color: var(--apolo-color-primary);
}

/* ── Botones de Acción de Fila ─────────────────────────────────────────── */
.apolo-krypto__action-btn[b-dnp63f1334] {
    width: 36px;
    height: 36px;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--apolo-radius-md);
    border: 0;
    transition: var(--apolo-transition-color);
}

.apolo-krypto__action-btn--finalizado[b-dnp63f1334] {
    background-color: var(--apolo-color-success);
    color: var(--apolo-n0);
}

    .apolo-krypto__action-btn--finalizado:hover[b-dnp63f1334] {
        background-color: var(--apolo-color-success-dark);
        color: var(--apolo-n0);
    }

.apolo-krypto__action-btn--sin-resultados[b-dnp63f1334] {
    background-color: #495057;
    color: var(--apolo-n0);
}

    .apolo-krypto__action-btn--sin-resultados:hover[b-dnp63f1334] {
        background-color: #343a40;
        color: var(--apolo-n0);
    }

.apolo-krypto__action-btn--generando[b-dnp63f1334] {
    background-color: var(--apolo-color-primary-light);
    color: var(--apolo-color-primary);
}

    .apolo-krypto__action-btn--generando:hover[b-dnp63f1334] {
        background-color: #bfdbfe;
        color: var(--apolo-color-primary-dark);
    }

/* ── Microinteracciones y Accesibilidad ─────────────────────────────────── */
@keyframes apolo-spin-b-dnp63f1334 {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.apolo-krypto__spin-icon[b-dnp63f1334] {
    animation: apolo-spin-b-dnp63f1334 1.5s linear infinite;
}

@media (prefers-reduced-motion: reduce) {
    .apolo-krypto__spin-icon[b-dnp63f1334] {
        animation: none;
    }
}

/* ==========================================================================
   AJUSTES RESPONSIVOS PARA MÓVIL (< 768px):
   Distinción clara entre tarjetas, contraste de fondo y línea continua
   ========================================================================== */
@media (max-width: 767.98px) {
    /* 1. Fondo de contraste suave y márgenes para que las tarjetas resalten */
    .apolo-krypto__card .card-body[b-dnp63f1334] {
        background-color: var(--apolo-surface-app-bg) !important;
        padding: 14px 12px !important;
    }

    .apolo-krypto__table.apolo-tabla-cards[b-dnp63f1334],
    .apolo-krypto__table.apolo-tabla-cards > tbody[b-dnp63f1334] {
        display: block !important;
        width: 100% !important;
    }

        .apolo-krypto__table.apolo-tabla-cards > thead[b-dnp63f1334] {
            display: none !important;
        }

        /* 2. Cada tarjeta individual resalta con fondo blanco, borde definido y sombra */
        .apolo-krypto__table.apolo-tabla-cards > tbody > tr.apolo-krypto__row[b-dnp63f1334] {
            display: grid !important;
            grid-template-columns: 1fr 1fr auto !important;
            column-gap: 0 !important;
            row-gap: 0 !important;
            background: var(--apolo-surface-card) !important;
            border: 1px solid var(--apolo-border-color) !important;
            border-radius: var(--apolo-radius-xl) !important;
            box-shadow: var(--apolo-shadow-md) !important;
            padding: 16px !important;
            margin-bottom: 16px !important; /* Separación clara entre cada tarjeta */
        }

            .apolo-krypto__table.apolo-tabla-cards > tbody > tr.apolo-krypto__row:last-child[b-dnp63f1334] {
                margin-bottom: 0 !important;
            }

        /* 3. Anular bordes heredados en todas las celdas */
        .apolo-krypto__table.apolo-tabla-cards > tbody > tr > td[b-dnp63f1334] {
            border-bottom: 0 !important;
            padding: 0 !important;
            min-width: 0 !important;
            box-shadow: none !important;
        }

        /* ── FILA 1: Título y Estatus con línea continua al mismo par ── */
        .apolo-krypto__table.apolo-tabla-cards td[data-zona="titulo"].apolo-krypto__td--cliente[b-dnp63f1334] {
            grid-column: 1 / 3 !important;
            grid-row: 1 !important;
            display: flex !important;
            flex-direction: column !important;
            justify-content: center !important;
            align-self: stretch !important;
            padding-bottom: 12px !important;
            padding-right: var(--apolo-space-2) !important;
            border-bottom: 1px solid var(--apolo-border-color-subtle) !important;
            margin-bottom: 0 !important;
        }

        .apolo-krypto__table.apolo-tabla-cards td[data-zona="estado"].apolo-krypto__td--estatus[b-dnp63f1334] {
            grid-column: 3 !important;
            grid-row: 1 !important;
            display: flex !important;
            align-items: center !important;
            justify-content: flex-end !important;
            align-self: stretch !important;
            justify-self: stretch !important;
            padding-bottom: 12px !important;
            border-bottom: 1px solid var(--apolo-border-color-subtle) !important;
            margin-bottom: 0 !important;
        }

        /* ── FILA 2: RFC, Fecha y Botón verde en la misma fila inferior ── */
        .apolo-krypto__table.apolo-tabla-cards td[data-zona="meta"].apolo-krypto__td--rfc[b-dnp63f1334] {
            grid-column: 1 !important;
            grid-row: 2 !important;
            padding-top: 12px !important;
            padding-right: var(--apolo-space-2) !important;
            display: flex !important;
            flex-direction: column !important;
            justify-content: center !important;
            align-self: center !important;
        }

        .apolo-krypto__table.apolo-tabla-cards td[data-zona="meta"].apolo-krypto__td--fecha[b-dnp63f1334] {
            grid-column: 2 !important;
            grid-row: 2 !important;
            padding-top: 12px !important;
            padding-right: var(--apolo-space-2) !important;
            display: flex !important;
            flex-direction: column !important;
            justify-content: center !important;
            align-self: center !important;
        }

        /* Botón verde alineado a la derecha al lado de la fecha */
        .apolo-krypto__table.apolo-tabla-cards td[data-zona="acciones"].apolo-krypto__td--acciones[b-dnp63f1334] {
            grid-column: 3 !important;
            grid-row: 2 !important;
            display: flex !important;
            align-items: center !important;
            justify-content: flex-end !important;
            align-self: center !important;
            justify-self: end !important;
            padding-top: 12px !important;
            margin-top: 0 !important;
        }

}
/* /Components/Pages/Retroactivo/ApoloDetalleReporte.razor.rz.scp.css */
/* ==========================================================================
   APOLO SERVICES 2026 — Detalle de Reporte Retroactivo
   Ajuste Fino de Fidelidad Visual (Cards Lineales + Modal de Validaciones)
   ========================================================================== */

.apolo-detalle-reporte[b-fx736hikok] {
    padding-block: var(--apolo-space-2, 8px) var(--apolo-space-6, 24px);
}

/* ── 1. Botones de Acción Superiores ── */
.apolo-btn-top-white[b-fx736hikok] {
    background-color: #FFFFFF !important;
    border: 1px solid #D1D5DB !important;
    color: #374151 !important;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 500;
    padding: 6px 14px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: var(--apolo-transition-color);
}

    .apolo-btn-top-white:hover[b-fx736hikok] {
        background-color: #F9FAFB !important;
        border-color: #9CA3AF !important;
        color: #111827 !important;
    }

.apolo-btn-top-primary[b-fx736hikok] {
    background-color: var(--apolo-color-primary, #107FC9) !important;
    border: 1px solid var(--apolo-color-primary, #107FC9) !important;
    color: #FFFFFF !important;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 500;
    padding: 6px 14px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: var(--apolo-transition-color);
}

    .apolo-btn-top-primary:hover[b-fx736hikok] {
        background-color: var(--apolo-color-primary-dark, #0D56A6) !important;
        border-color: var(--apolo-color-primary-dark, #0D56A6) !important;
    }

/* ── 2. Hero Header Card (Azul Marino con Radio de 8px) ── */
.apolo-hero-reporte[b-fx736hikok] {
    background-color: var(--apolo-color-primary-navy, #194270);
    border-radius: 8px;
    padding: 20px 28px;
    color: #FFFFFF;
    box-shadow: var(--apolo-shadow-sm);
}

.apolo-hero-reporte__avatar[b-fx736hikok] {
    width: 52px;
    height: 52px;
    border-radius: 8px;
    background-color: rgba(255, 255, 255, 0.12);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFFFFF;
    flex-shrink: 0;
}

.apolo-hero-reporte__eyebrow[b-fx736hikok] {
    font-size: 11px;
    letter-spacing: 0.8px;
    font-weight: 600;
    opacity: 0.85;
}

.apolo-hero-reporte__title[b-fx736hikok] {
    font-size: 22px;
    font-weight: 700;
    color: #FFFFFF;
    line-height: 1.2;
}

.apolo-badge--cliente[b-fx736hikok] {
    background-color: var(--apolo-color-accent, #FAC414) !important;
    color: #0F1923 !important;
    font-size: 11px;
    font-weight: 600;
    border-radius: 9999px;
    padding: 3px 10px;
}

.apolo-hero-reporte__meta[b-fx736hikok] {
    font-size: 12px;
    opacity: 0.75;
}

/* KPIs de dimensiones estrictamente iguales en todas las resoluciones */
.apolo-hero-reporte__kpis[b-fx736hikok] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
    align-items: stretch;
}

.apolo-kpi-card[b-fx736hikok] {
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 6px;
    padding: 10px 12px;
    height: 100%;
    min-height: 76px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.apolo-kpi-card__num[b-fx736hikok] {
    display: block;
    font-size: 22px;
    font-weight: 700;
    color: #FFFFFF;
    line-height: 1.1;
}

.apolo-kpi-card__label[b-fx736hikok] {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    opacity: 0.85;
    margin-top: 4px;
    min-height: 28px;
    line-height: 1.2;
}

/* ── 3. Paneles Generales y Modificadores Lineales ── */
.apolo-panel[b-fx736hikok] {
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 8px;
    box-shadow: 0 1px 2px rgba(15, 25, 35, 0.04);
    overflow: hidden;
}

.apolo-panel--linear[b-fx736hikok] {
    border-radius: 0 !important;
    border: 1px solid #E2E8F0;
    box-shadow: none;
}

.apolo-panel__header[b-fx736hikok] {
    background-color: var(--apolo-color-primary-navy, #194270);
    padding: 10px 16px;
    border-radius: 0 !important;
}

.apolo-panel__title[b-fx736hikok] {
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 0;
}

/* ── 4. Tabla Resumen de Alertas (Sin líneas intermedias) ── */
.apolo-tabla-resumen[b-fx736hikok] {
    border-collapse: separate;
    border-spacing: 0;
    width: 100%;
}

    .apolo-tabla-resumen thead[b-fx736hikok] {
        border: none !important;
    }

.apolo-tabla-resumen__header-row[b-fx736hikok] {
    background-color: var(--apolo-n100, #F1F5F9) !important;
    border: none !important;
}

.apolo-th-categoria[b-fx736hikok] {
    color: var(--apolo-n700, #344050) !important;
    font-size: 13.5px;
    font-weight: 600;
    padding: 10px 16px;
    border: none !important;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.apolo-th-num[b-fx736hikok] {
    color: var(--apolo-n700, #344050) !important;
    font-size: 13.5px;
    font-weight: 600;
    padding: 10px 16px;
    border: none !important;
}

    .apolo-th-num:last-child[b-fx736hikok] {
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
    }

.apolo-tabla-resumen tbody tr[b-fx736hikok] {
    border: none !important;
}

.apolo-tabla-resumen td[b-fx736hikok] {
    border: none !important;
    padding: 8px 16px;
}

.apolo-col-categoria[b-fx736hikok] {
    font-size: 13.5px;
    color: var(--apolo-n800, #1E2A35);
    font-weight: 500;
}

.apolo-col-num[b-fx736hikok] {
    font-size: 13.5px;
    color: var(--apolo-n700, #344050);
}

.apolo-tabla-resumen__row--clickable[b-fx736hikok] {
    cursor: pointer;
    transition: background-color 150ms ease;
}

    .apolo-tabla-resumen__row--clickable:hover[b-fx736hikok] {
        background-color: #F1F5F9 !important;
    }

.apolo-subpanel--highlight[b-fx736hikok] {
    outline: 2px solid var(--apolo-color-primary, #107FC9);
    background-color: #F0F8FE;
    transition: background-color 600ms ease;
}

/* Caja de la Gráfica a la derecha */
.apolo-chart-box[b-fx736hikok] {
    background-color: #F8FAFC;
    border: 1px dashed var(--apolo-n300, #CCD8E2);
    border-radius: 0;
    min-height: 290px;
    width: 100%;
}

.apolo-chart-donut[b-fx736hikok] {
    position: relative;
    width: 115px;
    height: 115px;
}

.apolo-donut-svg[b-fx736hikok] {
    width: 100%;
    height: 100%;
    transform: rotate(-90deg);
}

.apolo-donut-circle-bg[b-fx736hikok] {
    fill: none;
    stroke: var(--apolo-n200, #E4ECF2);
    stroke-width: 3.5;
}

.apolo-donut-circle[b-fx736hikok] {
    fill: none;
    stroke-width: 3.5;
    stroke-linecap: round;
}

.apolo-donut-segment-1[b-fx736hikok] {
    stroke: var(--apolo-color-primary, #107FC9);
}

.apolo-donut-segment-2[b-fx736hikok] {
    stroke: var(--apolo-color-accent, #FAC414);
}

.apolo-donut-segment-3[b-fx736hikok] {
    stroke: var(--apolo-color-info, #0DCAF0);
}

.apolo-donut-segment-4[b-fx736hikok] {
    stroke: var(--apolo-color-primary-navy, #194270);
}

.apolo-donut-center[b-fx736hikok] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

.apolo-donut-total[b-fx736hikok] {
    display: block;
    font-size: 18px;
    font-weight: 700;
    color: var(--apolo-n900, #0F1923);
    line-height: 1;
}

.apolo-donut-text[b-fx736hikok] {
    font-size: 11px;
    color: var(--apolo-n600, #52637A);
}

/* ── 5. Validaciones Avanzadas (Lista Lineal) ── */
.apolo-validaciones-list[b-fx736hikok] {
    display: flex;
    flex-direction: column;
}

.apolo-validaciones-row[b-fx736hikok] {
    border-bottom: 1px solid #E2E8F0;
    transition: var(--apolo-transition-color);
}

    .apolo-validaciones-row:last-child[b-fx736hikok] {
        border-bottom: none;
    }

.apolo-validaciones-row--clickable[b-fx736hikok] {
    cursor: pointer;
}

    .apolo-validaciones-row--clickable:hover[b-fx736hikok] {
        background-color: #F8FAFC;
    }

.apolo-validaciones-text[b-fx736hikok] {
    color: #1E293B;
    font-size: 13.5px;
    font-weight: 500;
    text-decoration: none !important;
}

.apolo-badge-indicator[b-fx736hikok] {
    width: 22px;
    height: 22px;
    border-radius: 9999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.apolo-badge-indicator--success[b-fx736hikok] {
    background-color: #D1E7DD;
    color: #198754;
}

.apolo-badge-indicator--error[b-fx736hikok] {
    background-color: #F8D7DA;
    color: #DC3545;
}

.apolo-badge-indicator--neutral[b-fx736hikok] {
    background-color: #E2E8F0;
    color: #64748B;
}

.apolo-badge-dash[b-fx736hikok] {
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    margin-top: -1px;
}

.apolo-link-external[b-fx736hikok] {
    color: #194270;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    padding: 3px;
    border-radius: 4px;
}

    .apolo-link-external:hover[b-fx736hikok] {
        color: #107FC9;
        background-color: rgba(16, 127, 201, 0.08);
    }

/* ── 6. Banner Promocional ── */
.apolo-promo-card[b-fx736hikok] {
    background-color: #F0F8FE;
    border-radius: 0 !important;
    padding: 24px 28px;
    border: none;
}

.apolo-promo-card__icon-clean[b-fx736hikok] {
    background: transparent !important;
    color: #194270;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    padding: 0;
}

.apolo-promo-card__title[b-fx736hikok] {
    font-size: 16px;
    font-weight: 700;
    color: #0F1923;
}

.apolo-promo-card__desc[b-fx736hikok] {
    font-size: 13px;
    color: #64748B;
    max-width: 600px;
}

.apolo-btn-alertas-apolo[b-fx736hikok] {
    background-color: #107FC9 !important;
    color: #FFFFFF !important;
    border: none;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 600;
    padding: 14px 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 140px;
    transition: var(--apolo-transition-color);
}

    .apolo-btn-alertas-apolo:hover[b-fx736hikok] {
        background-color: #0D56A6 !important;
    }

/* ── 7. Desglose de Alertas ── */
.apolo-subpanel[b-fx736hikok] {
    border-bottom: 1px solid #E2E8F0;
}

    .apolo-subpanel:last-child[b-fx736hikok] {
        border-bottom: none;
    }

.apolo-subpanel__bar[b-fx736hikok] {
    width: 100%;
    background-color: #107FC9;
    color: #FFFFFF;
    border: none;
    border-radius: 0 !important;
    padding: 9px 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 13px;
    font-weight: 600;
    transition: background-color 150ms ease;
}

    .apolo-subpanel__bar:hover[b-fx736hikok] {
        background-color: #0D56A6;
    }

.apolo-subheading[b-fx736hikok] {
    font-size: 14px;
    font-weight: 700;
    color: #0F1923;
}

.apolo-section-subtitle[b-fx736hikok] {
    font-size: 13px;
    font-weight: 600;
    color: #1E293B;
}

/* ── 8. Tablas de Procesos ── */
.apolo-tabla-procesos th[b-fx736hikok] {
    font-size: 11px;
    font-weight: 600;
    color: #64748B;
    border-bottom: 1px solid #E2E8F0;
    padding: 8px;
}

.apolo-tabla-procesos td[b-fx736hikok] {
    font-size: 13px;
    padding: 8px;
    border-bottom: 1px solid #E2E8F0;
}

.apolo-badge-tag[b-fx736hikok] {
    background-color: #F1F5F9;
    color: #334155;
    border-radius: 4px;
    font-weight: 400;
    font-size: 11px;
    padding: 3px 6px;
}

.apolo-mini-table[b-fx736hikok] {
    background-color: #F8FAFC;
    border-radius: 4px;
}

    .apolo-mini-table th[b-fx736hikok] {
        font-size: 11px;
        color: #64748B;
        font-weight: 600;
    }

    .apolo-mini-table td[b-fx736hikok] {
        font-size: 12px;
        color: #0F1923;
    }

/* ── 9. Extractos de Alerta ── */
.apolo-link-alerta[b-fx736hikok] {
    color: #107FC9;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
}

    .apolo-link-alerta:hover[b-fx736hikok] {
        color: #0D56A6;
        text-decoration: underline;
    }

.apolo-date-muted[b-fx736hikok] {
    font-size: 11px;
    color: #64748B;
}

.apolo-extract-box[b-fx736hikok] {
    margin-top: 4px;
}

.apolo-extract-label[b-fx736hikok] {
    display: block;
    font-size: 11px;
    font-weight: 700;
    color: #64748B;
    margin-bottom: 2px;
}

.apolo-extract-text[b-fx736hikok] {
    font-size: 13px;
    color: #1E293B;
    line-height: 1.5;
}

/* ── 10. Tarjeta de Soporte Inferior ── */
.apolo-support-card[b-fx736hikok] {
    background-color: #F0F8FE;
    border-radius: 0 !important;
    padding: 24px 28px;
    border: none;
}

.apolo-support-card__title[b-fx736hikok] {
    font-size: 15px;
    font-weight: 700;
    color: #0F1923;
}

.apolo-support-card__text[b-fx736hikok] {
    font-size: 13px;
    color: #64748B;
    line-height: 1.6;
}

.apolo-btn-contactanos[b-fx736hikok] {
    background-color: #FAC414 !important;
    color: #0F1923 !important;
    border: none;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 700;
    padding: 14px 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 140px;
    transition: var(--apolo-transition-color);
}

    .apolo-btn-contactanos:hover[b-fx736hikok] {
        background-color: #D4A50F !important;
    }

/* ── 11. Chips de Fuentes Consultadas ── */
.apolo-source-group__title[b-fx736hikok] {
    font-size: 11px;
    font-weight: 700;
    color: #64748B;
    letter-spacing: 0.5px;
}

.apolo-chip[b-fx736hikok] {
    background-color: #F1F5F9;
    color: #1E293B;
    font-size: 12px;
    font-weight: 500;
    padding: 2px 8px;
    border-radius: 4px;
    border: 1px solid #E2E8F0;
}

/* ── 12. Historial de Búsquedas (Timeline) ── */
.apolo-timeline[b-fx736hikok] {
    position: relative;
    padding-left: 10px;
}

.apolo-timeline__item[b-fx736hikok] {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 8px;
    padding-bottom: 12px;
}

    .apolo-timeline__item:last-child[b-fx736hikok] {
        padding-bottom: 0;
    }

.apolo-timeline__dot[b-fx736hikok] {
    width: 8px;
    height: 8px;
    background-color: #107FC9;
    border-radius: 9999px;
    margin-top: 5px;
    flex-shrink: 0;
}

.apolo-timeline__content[b-fx736hikok] {
    display: flex;
    flex-direction: column;
}

.apolo-timeline__action[b-fx736hikok] {
    font-size: 13px;
    font-weight: 600;
    color: #0F1923;
}

.apolo-timeline__meta[b-fx736hikok] {
    font-size: 11px;
    color: #64748B;
}

/* ── 13. Notas del Analista ── */
.apolo-textarea[b-fx736hikok] {
    border-radius: 4px;
    border: 1px solid #CBD5E1;
    font-size: 13px;
    color: #0F1923;
    resize: vertical;
}

    .apolo-textarea:focus[b-fx736hikok] {
        border-color: #107FC9;
        box-shadow: 0 0 0 3px rgba(16, 127, 201, 0.2);
    }

/* ── 14. Responsive: Patrón Móvil y Tablet ── */
@media (max-width: 767.98px) {
    .apolo-hero-reporte[b-fx736hikok] {
        padding: 16px;
    }

    .apolo-hero-reporte__kpis[b-fx736hikok] {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 8px;
    }

    .apolo-kpi-card[b-fx736hikok] {
        min-width: 0;
        padding: 8px 4px;
        min-height: 72px;
    }

    .apolo-kpi-card__num[b-fx736hikok] {
        font-size: 18px;
    }

    .apolo-kpi-card__label[b-fx736hikok] {
        font-size: 10px;
        min-height: 26px;
    }

    /* Tabla de Procesos a Tarjetas */
    .apolo-tabla-procesos thead[b-fx736hikok] {
        display: none;
    }

    .apolo-tabla-procesos tr[b-fx736hikok] {
        display: block;
        margin-bottom: 12px;
        background: #F8FAFC;
        border: 1px solid #E2E8F0;
        border-radius: 0;
        padding: 8px;
    }

    .apolo-tabla-procesos td[b-fx736hikok] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        border-bottom: 1px dashed #E2E8F0;
        padding: 4px 0;
    }

        .apolo-tabla-procesos td:last-child[b-fx736hikok] {
            border-bottom: none;
        }

        .apolo-tabla-procesos td[b-fx736hikok]::before {
            content: attr(data-zona);
            font-weight: 700;
            font-size: 11px;
            color: #64748B;
        }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .apolo-table-wrapper[b-fx736hikok] {
        overflow-x: auto;
    }

    .apolo-tabla-procesos th:first-child[b-fx736hikok],
    .apolo-tabla-procesos td:first-child[b-fx736hikok] {
        position: sticky;
        left: 0;
        background: #FFFFFF;
        z-index: 2;
        box-shadow: 2px 0 4px rgba(0, 0, 0, 0.04);
    }
}

/* ==========================================================================
   ── 15. MODAL DE VALIDACIONES AVANZADAS (SIGER Y SEMANAS COTIZADAS) ──
   ========================================================================== */

.apolo-modal-val-backdrop[b-fx736hikok] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(15, 25, 35, 0.65);
    z-index: 1050;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
    backdrop-filter: blur(2px);
}

.apolo-modal-val-container[b-fx736hikok] {
    background: #FFFFFF;
    width: 100%;
    max-width: 980px;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.25), 0 10px 10px -5px rgba(0, 0, 0, 0.1);
    animation: apoloModalIn-b-fx736hikok 0.2s ease-out;
}

@keyframes apoloModalIn-b-fx736hikok {
    from {
        opacity: 0;
        transform: translateY(16px) scale(0.98);
    }

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

/* Encabezado Oficial con franja azul */
.apolo-modal-val__topbar[b-fx736hikok] {
    background-color: #194270;
    color: #FFFFFF;
    padding: 12px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-shrink: 0;
}

.apolo-modal-val__topbar-title[b-fx736hikok] {
    font-size: 15px;
    font-weight: 700;
    color: #FFFFFF;
}

.apolo-modal-val__brand[b-fx736hikok] {
    font-size: 13px;
    font-weight: 700;
    color: #FFFFFF;
    letter-spacing: 0.5px;
}

    .apolo-modal-val__brand span[b-fx736hikok] {
        color: #FAC414;
        font-weight: 400;
    }

.apolo-modal-val__btn-close[b-fx736hikok] {
    background: transparent;
    border: none;
    color: #FFFFFF;
    font-size: 16px;
    cursor: pointer;
    padding: 4px 8px;
    border-radius: 4px;
    line-height: 1;
    transition: background-color 150ms ease;
}

    .apolo-modal-val__btn-close:hover[b-fx736hikok] {
        background-color: rgba(255, 255, 255, 0.15);
    }

.apolo-modal-val__body[b-fx736hikok] {
    padding: 24px;
    overflow-y: auto;
    flex-grow: 1;
    background-color: #FFFFFF;
}

/* Encabezado de Documento SIGER */
.apolo-siger-header-title[b-fx736hikok] {
    border-bottom: 2px solid #107FC9;
    margin-bottom: 20px;
    padding-bottom: 8px;
}

    .apolo-siger-header-title h2[b-fx736hikok] {
        font-size: 18px;
        font-weight: 700;
        color: #0F1923;
        margin: 0;
    }

/* Secciones de SIGER */
.apolo-siger-section[b-fx736hikok] {
    margin-bottom: 20px;
}

.apolo-siger-bar[b-fx736hikok] {
    background-color: #107FC9;
    color: #FFFFFF;
    font-size: 13px;
    font-weight: 700;
    padding: 7px 14px;
    border-radius: 0;
    margin-bottom: 8px;
}

.apolo-siger-bar--sub[b-fx736hikok] {
    background-color: #194270;
    margin-top: 12px;
}

/* Tabla 2 Columnas de Descripción */
.apolo-siger-grid-table[b-fx736hikok] {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
    margin-bottom: 8px;
}

    .apolo-siger-grid-table th[b-fx736hikok] {
        background-color: #F8FAFC;
        color: #475569;
        font-weight: 600;
        padding: 6px 12px;
        width: 240px;
        border: 1px solid #E2E8F0;
        text-align: left;
    }

    .apolo-siger-grid-table td[b-fx736hikok] {
        color: #0F1923;
        padding: 6px 12px;
        border: 1px solid #E2E8F0;
    }

/* Cuadro de Texto de Objeto Social y Notas */
.apolo-siger-box-text[b-fx736hikok] {
    background-color: #F8FAFC;
    border: 1px solid #E2E8F0;
    padding: 12px 16px;
    font-size: 12.5px;
    line-height: 1.6;
    color: #334155;
    text-align: justify;
}

/* Tablas de Socios, Apoderados, Nombramientos y Actos */
.apolo-siger-table[b-fx736hikok] {
    width: 100%;
    border-collapse: collapse;
    font-size: 12.5px;
}

    .apolo-siger-table th[b-fx736hikok] {
        background-color: #F1F5F9;
        color: #334155;
        font-weight: 600;
        padding: 8px 10px;
        border: 1px solid #E2E8F0;
        font-size: 11.5px;
        text-align: left;
    }

    .apolo-siger-table td[b-fx736hikok] {
        padding: 8px 10px;
        border: 1px solid #E2E8F0;
        color: #0F1923;
    }

.apolo-siger-table--actos th[b-fx736hikok] {
    background-color: #EBF3FA;
    color: #194270;
}

/* Caja de Resumen de Acto */
.apolo-siger-summary-box[b-fx736hikok] {
    background-color: #F0F8FE;
    border-left: 3px solid #107FC9;
    padding: 8px 14px;
    font-size: 13px;
    color: #1E293B;
}

    .apolo-siger-summary-box span[b-fx736hikok] {
        font-weight: 600;
        color: #107FC9;
    }

/* Estilos Específicos para Semanas Cotizadas (IMSS) */
.apolo-semanas-card[b-fx736hikok] {
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 4px;
}

.apolo-semanas-badge[b-fx736hikok] {
    width: 48px;
    height: 48px;
    border-radius: 8px;
    background-color: #EBF3FA;
    color: #107FC9;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.apolo-semanas-title[b-fx736hikok] {
    font-size: 16px;
    font-weight: 700;
    color: #0F1923;
}

.apolo-semanas-subtitle[b-fx736hikok] {
    font-size: 12px;
    color: #64748B;
}

.apolo-semanas-stat[b-fx736hikok] {
    background: #F8FAFC;
    border: 1px solid #E2E8F0;
    border-radius: 4px;
    padding: 12px 8px;
}

.apolo-semanas-stat__num[b-fx736hikok] {
    display: block;
    font-size: 22px;
    font-weight: 700;
    color: #107FC9;
}

.apolo-semanas-stat__label[b-fx736hikok] {
    font-size: 11px;
    color: #64748B;
    font-weight: 600;
}
/* Margen para evitar que la barra superior tape las categorías al hacer scroll */
.apolo-subpanel[b-fx736hikok] {
    scroll-margin-top: 100px;
}

/* Estado deshabilitado en validaciones sin palomita */
.apolo-validaciones-row--disabled[b-fx736hikok] {
    cursor: default;
    opacity: 0.85;
}

/* ── Estilos de RFC (Fiel a Imagen 1) ── */
.apolo-val-card-rfc[b-fx736hikok] {
    background-color: #F0F8FE;
    border: 1px solid #DCEEFA;
    border-radius: 12px;
    padding: 24px 28px;
}

.apolo-val-card-rfc__title[b-fx736hikok] {
    font-size: 15px;
    font-weight: 700;
    color: #0F1923;
    margin-bottom: 12px;
}

.apolo-val-card-rfc__text[b-fx736hikok] {
    font-size: 14px;
    color: #334155;
    line-height: 1.5;
}

    .apolo-val-card-rfc__text strong[b-fx736hikok] {
        color: #0F1923;
        font-weight: 700;
    }

/* ── Estilos de CURP (Fiel a Imagen 2) ── */
.apolo-curp-header[b-fx736hikok] {
    background-color: #F0F8FE;
    border: 1px solid #DCEEFA;
    border-radius: 6px;
    padding: 10px 16px;
    text-align: center;
}

.apolo-curp-header__title[b-fx736hikok] {
    font-size: 15px;
    font-weight: 700;
    color: #0F1923;
}

.apolo-curp-subtitle[b-fx736hikok] {
    font-size: 13.5px;
    font-weight: 700;
    color: #475569;
}

.apolo-curp-table[b-fx736hikok] {
    border-collapse: collapse;
    font-size: 12.5px;
    border: 1px solid #E2E8F0;
}

    .apolo-curp-table th[b-fx736hikok] {
        background-color: #FFFFFF;
        color: #334155;
        font-weight: 700;
        padding: 6px 12px;
        width: 44%;
        border: 1px solid #E2E8F0;
        text-align: left;
    }

    .apolo-curp-table td[b-fx736hikok] {
        background-color: #FFFFFF;
        color: #475569;
        font-weight: 500;
        padding: 6px 12px;
        border: 1px solid #E2E8F0;
    }

/* ── Visor de PDF para Semanas Cotizadas ── */
.apolo-pdf-container[b-fx736hikok] {
    width: 100%;
    height: 68vh;
    min-height: 480px;
    background-color: #525659;
    border: 1px solid #CBD5E1;
    border-radius: 4px;
    overflow: hidden;
}

.apolo-pdf-frame[b-fx736hikok] {
    width: 100%;
    height: 100%;
    border: none;
}

.apolo-modal-val__subtitle[b-fx736hikok] {
    font-size: 16px;
    font-weight: 700;
    color: #0F1923;
}

.apolo-modal-val__meta[b-fx736hikok] {
    font-size: 12px;
    color: #64748B;
}

/* ── BLINDAJE PARA EXPORTACIÓN A PDF / IMPRESIÓN ── */
@media print {
    /* Ocultar modales, backdrops flotantes y botones para que no dañen la exportación */
    .apolo-modal-val-backdrop[b-fx736hikok],
    .apolo-modal-val-container[b-fx736hikok],
    .apolo-btn-top-white[b-fx736hikok],
    .apolo-btn-top-primary[b-fx736hikok],
    .apolo-btn-alertas-apolo[b-fx736hikok],
    .apolo-btn-contactanos[b-fx736hikok],
    .apolo-toast[b-fx736hikok] {
        display: none !important;
    }

    body[b-fx736hikok], .apolo-detalle-reporte[b-fx736hikok] {
        background: #FFFFFF !important;
        padding: 0 !important;
    }

    .apolo-panel[b-fx736hikok], .apolo-hero-reporte[b-fx736hikok] {
        box-shadow: none !important;
        break-inside: avoid;
    }
}
/* ==========================================================================
   VISOR DEDICADO DE PDF — SEMANAS COTIZADAS (IMSS)
   ========================================================================== */

/* Contenedor adaptado a visor de PDF */
.apolo-modal-val-container--pdf[b-fx736hikok] {
    max-width: 1040px !important;
    height: 92vh !important;
    background-color: #323639 !important;
    border-radius: 6px;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5) !important;
}

/* Barra superior de herramientas del visor de PDF */
.apolo-pdf-viewer__topbar[b-fx736hikok] {
    background-color: #26292B;
    padding: 10px 18px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #1C1E20;
    flex-shrink: 0;
}

.apolo-pdf-badge[b-fx736hikok] {
    background-color: #DC2626;
    color: #FFFFFF;
    font-size: 10px;
    font-weight: 800;
    padding: 2px 6px;
    border-radius: 3px;
    letter-spacing: 0.5px;
}

.apolo-pdf-viewer__filename[b-fx736hikok] {
    color: #FFFFFF;
    font-size: 13px;
    font-weight: 600;
}

.apolo-pdf-viewer__filesize[b-fx736hikok] {
    color: #9CA3AF;
    font-size: 11px;
}

/* Paginación y zoom central */
.apolo-pdf-viewer__pagination[b-fx736hikok],
.apolo-pdf-viewer__zoom[b-fx736hikok] {
    background-color: #1A1C1E;
    border-radius: 4px;
    padding: 4px 8px;
    color: #D1D5DB;
    font-size: 12px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.apolo-pdf-viewer__divider[b-fx736hikok] {
    width: 1px;
    height: 18px;
    background-color: #374151;
    margin-inline: 4px;
}

.apolo-pdf-btn-tool[b-fx736hikok] {
    background: transparent;
    border: none;
    color: #9CA3AF;
    font-size: 12px;
    cursor: pointer;
    padding: 2px 6px;
    border-radius: 3px;
    transition: background-color 150ms ease, color 150ms ease;
}

    .apolo-pdf-btn-tool:hover:not(:disabled)[b-fx736hikok] {
        background-color: #374151;
        color: #FFFFFF;
    }

    .apolo-pdf-btn-tool:disabled[b-fx736hikok] {
        opacity: 0.35;
        cursor: not-allowed;
    }

/* Botones de acción del visor */
.apolo-pdf-btn-action[b-fx736hikok] {
    background-color: #374151;
    color: #FFFFFF;
    border: none;
    font-size: 12px;
    font-weight: 500;
    padding: 6px 12px;
    border-radius: 4px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
    transition: background-color 150ms ease;
}

    .apolo-pdf-btn-action:hover[b-fx736hikok] {
        background-color: #4B5563;
    }

.apolo-pdf-btn-action--primary[b-fx736hikok] {
    background-color: #107FC9 !important;
}

    .apolo-pdf-btn-action--primary:hover[b-fx736hikok] {
        background-color: #0D56A6 !important;
    }

.apolo-pdf-viewer__btn-close[b-fx736hikok] {
    background: transparent;
    border: none;
    color: #9CA3AF;
    font-size: 16px;
    cursor: pointer;
    padding: 4px 8px;
    border-radius: 4px;
    transition: background-color 150ms ease, color 150ms ease;
}

    .apolo-pdf-viewer__btn-close:hover[b-fx736hikok] {
        background-color: rgba(255, 255, 255, 0.15);
        color: #FFFFFF;
    }

/* Lienzo oscuro donde descansa la hoja */
.apolo-pdf-viewer__canvas[b-fx736hikok] {
    flex-grow: 1;
    overflow-y: auto;
    background-color: #525659;
    padding: 32px 16px;
    display: flex;
    justify-content: center;
}

/* Hoja de papel A4 del documento */
.apolo-pdf-page-sheet[b-fx736hikok] {
    background-color: #FFFFFF;
    color: #1E293B;
    width: 100%;
    max-width: 820px;
    min-height: 980px;
    padding: 44px 50px;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.5);
    font-family: Arial, Helvetica, sans-serif;
    transition: transform 0.12s ease-out;
}

/* Membrete IMSS */
.apolo-imss-logo[b-fx736hikok] {
    width: 46px;
    height: 46px;
    background-color: #006341;
    color: #FFFFFF;
    font-weight: 800;
    font-size: 13px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    letter-spacing: 0.5px;
}

.apolo-imss-title[b-fx736hikok] {
    font-size: 13px;
    font-weight: 800;
    color: #006341;
    letter-spacing: 0.3px;
}

.apolo-imss-sub[b-fx736hikok] {
    font-size: 11px;
    font-weight: 700;
    color: #374151;
}

.apolo-imss-dept[b-fx736hikok] {
    font-size: 10px;
    color: #6B7280;
}

.apolo-pdf-folio[b-fx736hikok] {
    font-size: 12px;
    color: #1F2937;
}

.apolo-pdf-date[b-fx736hikok] {
    font-size: 11px;
    color: #6B7280;
}

.apolo-imss-doc-name[b-fx736hikok] {
    font-size: 15px;
    font-weight: 800;
    color: #111827;
    margin-bottom: 2px;
}

.apolo-imss-doc-desc[b-fx736hikok] {
    font-size: 11.5px;
    color: #6B7280;
}

/* Bloques y tablas oficiales */
.apolo-imss-box[b-fx736hikok] {
    border: 1px solid #D1D5DB;
    border-radius: 2px;
}

.apolo-imss-bar[b-fx736hikok] {
    background-color: #006341;
    color: #FFFFFF;
    font-size: 11.5px;
    font-weight: 700;
    padding: 5px 12px;
}

.apolo-imss-table-resumen[b-fx736hikok],
.apolo-imss-table-detail[b-fx736hikok] {
    border-collapse: collapse;
    font-size: 12px;
}

    .apolo-imss-table-resumen th[b-fx736hikok],
    .apolo-imss-table-detail th[b-fx736hikok] {
        background-color: #F3F4F6;
        color: #374151;
        font-weight: 700;
        padding: 6px 10px;
        border: 1px solid #D1D5DB;
        font-size: 11px;
    }

    .apolo-imss-table-resumen td[b-fx736hikok],
    .apolo-imss-table-detail td[b-fx736hikok] {
        padding: 6px 10px;
        border: 1px solid #D1D5DB;
        color: #1F2937;
    }

.apolo-th-total[b-fx736hikok], .apolo-td-total[b-fx736hikok] {
    background-color: #ECFDF5 !important;
    font-weight: 800 !important;
    color: #065F46 !important;
}

/* Pie de documento y QR */
.apolo-imss-footer[b-fx736hikok] {
    border-top: 1px dashed #D1D5DB;
}

.apolo-imss-hash[b-fx736hikok] {
    font-family: monospace;
    font-size: 9.5px;
    color: #6B7280;
    word-break: break-all;
    max-width: 580px;
}

.apolo-imss-qr[b-fx736hikok] {
    color: #1F2937;
}

.apolo-qr-label[b-fx736hikok] {
    display: block;
    font-size: 9px;
    color: #6B7280;
    margin-top: 2px;
}

/* ==========================================================================
   ── 16. MÓDULO HELIOS AI ──
   ========================================================================== */

.apolo-helios-card[b-fx736hikok] {
    position: relative;
    border-top: 25px solid var(--apolo-color-primary-navy, #194270);
    border-radius: 8px;
    background: #FFFFFF;
    border-left: 1px solid #E2E8F0;
    border-right: 1px solid #E2E8F0;
    border-bottom: 1px solid #E2E8F0;
    box-shadow: 0 1px 2px rgba(15, 25, 35, 0.04);
}



.apolo-helios-header[b-fx736hikok] {
    border-bottom: 1px solid #E2E8F0;
}

.apolo-helios-title[b-fx736hikok] {
    font-size: 20px;
    font-weight: 700;
    color: var(--apolo-color-primary, #107FC9);
}
.apolo-retroactivo__breadcrumb[b-fx736hikok] {
    font-size: var(--apolo-text-sm, 0.8125rem);
}

    .apolo-retroactivo__breadcrumb a[b-fx736hikok] {
        color: var(--apolo-text-color-secondary, #52637A); /* gris */
        transition: var(--apolo-transition-color);
    }

        .apolo-retroactivo__breadcrumb a:hover[b-fx736hikok] {
            color: var(--apolo-color-primary, #107FC9); /* azul al hover */
        }

    .apolo-retroactivo__breadcrumb .active[b-fx736hikok] {
        color: var(--apolo-color-primary, #107FC9); /* azul fijo */
        font-weight: var(--apolo-font-medium, 500);
    }

.apolo-helios-badge-danger[b-fx736hikok] {
    background: #FEE2E2;
    color: #DC2626;
    border: 1px solid #FCA5A5;
    padding: 4px 12px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.apolo-helios-conclusion-title[b-fx736hikok] {
    color: var(--apolo-color-primary-navy, #194270);
    font-weight: 700;
    font-size: 16px;
    text-align: center;
    letter-spacing: 0.5px;

}

.apolo-helios-text[b-fx736hikok] {
    font-size: 13px;
    color: var(--apolo-color-primary-navy, #194270);
    line-height: 1.6;
    text-align: justify; /* o center, left, right */
    margin: 0 12px; /* agrega espacio lateral */
}

.apolo-helios-stats[b-fx736hikok] {
    display: flex;
    gap: 8px;
}

.apolo-helios-stat-card[b-fx736hikok] {
    flex: 1;
    border-radius: 6px;
    padding: 10px;
    display: flex;
    align-items: center;
    gap: 10px;
    border: 1px solid #E2E8F0;
}

.apolo-helios-stat-card--yellow[b-fx736hikok] {
    background: #FEF9C3;
    border-color: #FEF08A;
}

.apolo-helios-stat-card--green[b-fx736hikok] {
    background: #DCFCE7;
    border-color: #BBF7D0;
}

.apolo-helios-stat-card--red[b-fx736hikok] {
    background: #FEE2E2;
    border-color: #FECACA;
}

.apolo-helios-stat-icon[b-fx736hikok] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.apolo-helios-stat-icon--yellow[b-fx736hikok] {
    background: #FEF08A;
    color: #CA8A04;
}

.apolo-helios-stat-icon--green[b-fx736hikok] {
    background: #BBF7D0;
    color: #16A34A;
}

.apolo-helios-stat-icon--red[b-fx736hikok] {
    background: #FECACA;
    color: #DC2626;
}

.apolo-helios-stat-info[b-fx736hikok] {
    display: flex;
    flex-direction: column;
}

.apolo-helios-stat-num[b-fx736hikok] {
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    color: #0F1923;
}

.apolo-helios-stat-label[b-fx736hikok] {
    font-size: 10px;
    font-weight: 600;
    color: #475569;
    text-transform: uppercase;
    margin-top: 2px;
    line-height: 1.1;
}

.apolo-helios-btn[b-fx736hikok] {
    background-color: var(--apolo-color-primary, #107FC9);
    border-color: var(--apolo-color-primary, #107FC9);
    color: #FFFFFF;
    font-weight: 600;
}

@media (max-width: 767.98px) {
    .apolo-helios-stats[b-fx736hikok] {
        flex-direction: column;
    }
}
/* /Components/Pages/VerifySesion.razor.rz.scp.css */
.main[b-hgnq6ux5t7] {
    background-color: #fff;
    color: #333;
    width: 100%;
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem 1rem;
}

    .main .content[b-hgnq6ux5t7] {
        width: 100%;
        /*max-width: 400px;*/
        display: flex;
        flex-flow: column;
        align-items: center;
        justify-content: center;
    }

    /*
        .main .content p {
            font-size: 2rem;
            font-weight: bold
        }*/
    .main .inputValidacion[b-hgnq6ux5t7] {
        width: 50px;
        height: 70px;
        font-size: 2rem;
        color: #666;
        text-align: center;
        border: 1px solid var(--primary-color-50);
        border-radius:10px;
    }

@keyframes ldio-qrini9awllc-b-hgnq6ux5t7 {
    0% {
        transform: rotate(0deg)
    }

    50% {
        transform: rotate(180deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

.ldio-qrini9awllc div[b-hgnq6ux5t7] {
    position: absolute;
    animation: ldio-qrini9awllc-b-hgnq6ux5t7 1s linear infinite;
    width: 160px;
    height: 160px;
    top: 20px;
    left: 20px;
    border-radius: 50%;
    box-shadow: 0 4px 0 0 #f3b72e;
    transform-origin: 80px 82px;
}

.loadingio-spinner-eclipse-vch2okg1k9a[b-hgnq6ux5t7] {
    width: 200px;
    height: 200px;
    display: inline-block;
    overflow: hidden;
    background: none;
}

.ldio-qrini9awllc[b-hgnq6ux5t7] {
    width: 100%;
    height: 100%;
    position: relative;
    transform: translateZ(0) scale(1);
    backface-visibility: hidden;
    transform-origin: 0 0; /* see note above */
}

    .ldio-qrini9awllc div[b-hgnq6ux5t7] {
        box-sizing: content-box;
    }
/* generated by https://loading.io/ */
/* /Components/Shared/ApoloConfiguracionUsuarios.razor.rz.scp.css */
/* ==========================================================================
   APOLO SERVICES 2026 — Componente: Configuración de Usuarios
   BEM Estricto + Tokens Canónicos
   ========================================================================== */

.apolo-config-usuarios[b-re73mcj885] {
    background-color: var(--apolo-surface-card);
    border-radius: var(--apolo-radius-xl, 12px);
    box-shadow: var(--apolo-shadow-sm);
    overflow: hidden;
}

/* ── Encabezado ── */
.apolo-config-usuarios__header[b-re73mcj885] {
    padding: var(--apolo-space-5, 20px) var(--apolo-space-6, 24px) var(--apolo-space-3, 12px);
}

.apolo-config-usuarios__icon[b-re73mcj885] {
    color: var(--apolo-color-primary, #107FC9);
    display: inline-flex;
    align-items: center;
}

.apolo-config-usuarios__title[b-re73mcj885] {
    font-size: var(--apolo-text-xl, 1.25rem);
    font-weight: var(--apolo-font-bold, 700);
    color: var(--apolo-color-primary-navy, #194270);
    line-height: var(--apolo-leading-tight, 1.2);
}

.apolo-config-usuarios__desc[b-re73mcj885] {
    font-size: var(--apolo-text-sm, 0.8125rem);
    color: var(--apolo-text-color-secondary, #52637A);
    margin-top: var(--apolo-space-1, 4px);
}

/* ── Tabla ── */
.apolo-config-usuarios__table-wrapper[b-re73mcj885] {
    border-top: 1px solid var(--apolo-border-color-subtle, #E4ECF2);
}

.apolo-config-usuarios__table[b-re73mcj885] {
    width: 100%;
    margin-bottom: 0;
    border-collapse: collapse;
}

/* ── Header de Columnas (Gris claro) ── */
.apolo-config-usuarios__thead tr[b-re73mcj885] {
    background-color: var(--apolo-n100, #F1F5F9);
    border-bottom: 1px solid var(--apolo-border-color-subtle, #E4ECF2);
}

.apolo-config-usuarios__th[b-re73mcj885] {
    padding: var(--apolo-space-3, 12px) var(--apolo-space-6, 24px);
    font-size: var(--apolo-text-sm, 0.8125rem);
    font-weight: var(--apolo-font-semibold, 600);
    color: var(--apolo-n700, #344050);
    border: none;
    vertical-align: middle;
}

.apolo-config-usuarios__th--columna[b-re73mcj885] {
    width: 170px;
    min-width: 140px;
}

.apolo-config-usuarios__th-title[b-re73mcj885] {
    color: var(--apolo-n700, #344050);
    font-size: var(--apolo-text-sm, 0.8125rem);
    font-weight: var(--apolo-font-semibold, 600);
}

.apolo-config-usuarios__toggle-all[b-re73mcj885] {
    font-size: var(--apolo-text-xs, 0.6875rem);
    color: var(--apolo-color-primary, #107FC9);
    text-decoration: none;
    font-weight: var(--apolo-font-medium, 500);
    transition: var(--apolo-transition-color);
}

    .apolo-config-usuarios__toggle-all:hover[b-re73mcj885] {
        color: var(--apolo-color-primary-dark, #0D56A6);
        text-decoration: underline;
    }

/* ── Banner de Agrupación (Navy Clientes) ── */
.apolo-config-usuarios__group-header[b-re73mcj885] {
    background-color: var(--apolo-color-primary-navy, #194270) !important;
    color: var(--apolo-n0, #FFFFFF) !important;
    font-size: var(--apolo-text-sm, 0.8125rem);
    font-weight: var(--apolo-font-semibold, 600);
    padding: var(--apolo-space-2, 8px) var(--apolo-space-6, 24px);
    border: none;
}

/* ── Filas de Usuario ── */
.apolo-config-usuarios__row[b-re73mcj885] {
    border-bottom: 1px solid var(--apolo-border-color-subtle, #E4ECF2);
    transition: var(--apolo-transition-color);
}

    .apolo-config-usuarios__row:hover[b-re73mcj885] {
        background-color: var(--apolo-n50, #F8FAFC);
    }

.apolo-config-usuarios__td[b-re73mcj885] {
    padding: var(--apolo-space-3, 12px) var(--apolo-space-6, 24px);
    border: none;
    vertical-align: middle;
}

.apolo-config-usuarios__user-name[b-re73mcj885] {
    font-size: var(--apolo-text-base, 0.9375rem);
    font-weight: var(--apolo-font-medium, 500);
    color: var(--apolo-text-color-primary, #0F1923);
    line-height: var(--apolo-leading-tight, 1.2);
}

.apolo-config-usuarios__user-name--link[b-re73mcj885] {
    color: var(--apolo-color-primary, #107FC9);
}

.apolo-config-usuarios__user-email[b-re73mcj885] {
    font-size: var(--apolo-text-sm, 0.8125rem);
    color: var(--apolo-text-color-tertiary, #7A8FA6);
    margin-top: 2px;
}

/* ── Checkboxes y Touch Targets ── */
.apolo-config-usuarios__touch-target[b-re73mcj885] {
    min-width: 44px;
    min-height: 44px;
}

.apolo-config-usuarios__checkbox[b-re73mcj885] {
    width: 20px;
    height: 20px;
    border-radius: var(--apolo-radius-sm, 4px);
    border: 1.5px solid var(--apolo-n400, #A8BACB);
    cursor: pointer;
    transition: var(--apolo-transition-toggle);
}

    .apolo-config-usuarios__checkbox:checked[b-re73mcj885] {
        background-color: var(--apolo-color-primary, #107FC9);
        border-color: var(--apolo-color-primary, #107FC9);
    }

    .apolo-config-usuarios__checkbox:focus-visible[b-re73mcj885] {
        outline: 3px solid var(--apolo-color-accent, #FAC414);
        outline-offset: 2px;
    }

/* ── Footer ── */
.apolo-config-usuarios__footer[b-re73mcj885] {
    background-color: var(--apolo-surface-card);
    padding: var(--apolo-space-4, 16px) var(--apolo-space-6, 24px);
}

.apolo-config-usuarios__submit-btn[b-re73mcj885] {
    min-height: 40px;
    padding: var(--apolo-space-2, 8px) var(--apolo-space-5, 20px);
    font-size: var(--apolo-text-base, 0.9375rem);
}

/* ── Responsive (< 768px) ── */
@media (max-width: 767.98px) {
    .apolo-config-usuarios__header[b-re73mcj885] {
        padding: var(--apolo-space-4, 16px);
    }

    .apolo-config-usuarios__th[b-re73mcj885],
    .apolo-config-usuarios__td[b-re73mcj885],
    .apolo-config-usuarios__group-header[b-re73mcj885],
    .apolo-config-usuarios__footer[b-re73mcj885] {
        padding-left: var(--apolo-space-4, 16px);
        padding-right: var(--apolo-space-4, 16px);
    }

    .apolo-config-usuarios__submit-btn[b-re73mcj885] {
        width: 100%;
    }
}
/* Soporte para modo embebido dentro de otra card */
.apolo-config-usuarios--embedded[b-re73mcj885] {
    background-color: transparent;
    border-radius: 0;
    box-shadow: none;
    overflow: visible;
}

    .apolo-config-usuarios--embedded .apolo-config-usuarios__header[b-re73mcj885] {
        padding-left: 0;
        padding-right: 0;
        padding-top: 0;
    }

    .apolo-config-usuarios--embedded .apolo-config-usuarios__footer[b-re73mcj885] {
        padding-left: 0;
        padding-right: 0;
        background-color: transparent;
    }
/* /Components/Shared/ApoloConfiguracionUsuariosRetro.razor.rz.scp.css */
/* ==========================================================================
   DISEÑO EXACTO FIGMA: CONFIGURACIÓN DE USUARIOS RETROACTIVAS
   ========================================================================== */

.apolo-config-retroactivas-card[b-da8l68ad6r] {
    background-color: var(--apolo-surface-card, #FFFFFF);
    border-radius: var(--apolo-radius-xl, 12px);
    box-shadow: 0 1px 3px rgba(15, 25, 35, 0.05);
    border: 1px solid var(--apolo-border-color-subtle, #E4ECF2) !important;
    overflow: hidden;
}

/* ── Encabezado ── */
.apolo-config-retroactivas-card__header[b-da8l68ad6r] {
    padding: 24px 28px 18px 28px;
}

.apolo-config-retroactivas-card__icon[b-da8l68ad6r] {
    color: var(--apolo-color-primary, #107FC9);
    flex-shrink: 0;
}

.apolo-config-retroactivas-card__title[b-da8l68ad6r] {
    font-size: 1.1875rem; /* ~19px */
    font-weight: 700;
    color: var(--apolo-color-primary-navy, #194270);
    letter-spacing: -0.01em;
}

.apolo-config-retroactivas-card__subtitle[b-da8l68ad6r] {
    font-size: 0.84375rem; /* 13.5px */
    color: var(--apolo-text-color-tertiary, #7A8FA6);
    margin-top: 4px;
}

/* ── Franja Gris de Encabezado de Tabla (De borde a borde) ── */
.apolo-config-retroactivas-table thead tr th[b-da8l68ad6r] {
    background-color: #F1F5F9 !important; /* Gris claro de Figma */
    color: #52637A !important;
    font-size: 0.8125rem; /* 13px */
    font-weight: 600;
    border-top: 1px solid #E4ECF2;
    border-bottom: 1px solid #E4ECF2;
    padding: 12px 28px;
    box-shadow: none !important;
}

.apolo-config-retroactivas-table__th--action[b-da8l68ad6r] {
    width: 220px;
    min-width: 180px;
}

.apolo-config-retroactivas-table__col-title[b-da8l68ad6r] {
    font-size: 0.8125rem;
    font-weight: 600;
    color: #52637A;
}

.apolo-config-retroactivas-table__toggle-all[b-da8l68ad6r] {
    font-size: 0.75rem;
    color: #A8BACB;
    text-decoration: none;
    font-weight: 500;
    margin-top: 2px;
}

    .apolo-config-retroactivas-table__toggle-all:hover[b-da8l68ad6r] {
        color: var(--apolo-color-primary, #107FC9);
        text-decoration: underline;
    }

/* ── Filas de Usuario ── */
.apolo-config-retroactivas-table__row[b-da8l68ad6r] {
    border-bottom: 1px solid #F1F5F9;
    transition: background-color 150ms ease;
}

    .apolo-config-retroactivas-table__row:hover[b-da8l68ad6r] {
        background-color: #F8FAFC;
    }

.apolo-config-retroactivas-table__td[b-da8l68ad6r] {
    padding: 16px 28px;
    border: none;
    background-color: transparent !important;
}

/* Nombre en AZUL idéntico al Figma */
.apolo-config-retroactivas-table__name[b-da8l68ad6r] {
    font-size: 0.9375rem; /* 15px */
    font-weight: 500;
    color: var(--apolo-color-primary, #107FC9);
    line-height: 1.25;
}

/* Correo en GRIS SUAVE idéntico al Figma */
.apolo-config-retroactivas-table__email[b-da8l68ad6r] {
    font-size: 0.8125rem; /* 13px */
    color: var(--apolo-text-color-tertiary, #7A8FA6);
    margin-top: 3px;
}

/* ── Checkbox ── */
.apolo-config-retroactivas-table__checkbox[b-da8l68ad6r] {
    width: 20px;
    height: 20px;
    border-radius: 4px;
    border: 1.5px solid #A8BACB;
    cursor: pointer;
    transition: background-color 150ms ease, border-color 150ms ease;
}

    .apolo-config-retroactivas-table__checkbox:checked[b-da8l68ad6r] {
        background-color: var(--apolo-color-primary, #107FC9);
        border-color: var(--apolo-color-primary, #107FC9);
    }

    .apolo-config-retroactivas-table__checkbox:focus-visible[b-da8l68ad6r] {
        outline: 3px solid var(--apolo-color-accent, #FAC414);
        outline-offset: 2px;
    }

/* ── Pie de Tarjeta y Botón ── */
.apolo-config-retroactivas-card__footer[b-da8l68ad6r] {
    padding: 20px 28px 24px 28px;
    background-color: #FFFFFF;
}

.apolo-config-retroactivas-card__btn-submit[b-da8l68ad6r] {
    min-height: 40px;
    padding: 8px 22px;
    font-size: 0.9375rem;
    font-weight: 500;
    border-radius: 6px;
}

@media (max-width: 767.98px) {
    .apolo-config-retroactivas-card__header[b-da8l68ad6r],
    .apolo-config-retroactivas-table thead tr th[b-da8l68ad6r],
    .apolo-config-retroactivas-table__td[b-da8l68ad6r],
    .apolo-config-retroactivas-card__footer[b-da8l68ad6r] {
        padding-left: 16px;
        padding-right: 16px;
    }

    .apolo-config-retroactivas-card__btn-submit[b-da8l68ad6r] {
        width: 100%;
    }
}
.apolo-config-retroactivas-table thead tr th[b-da8l68ad6r] {
    background-color: #F1F5F9 !important;
    color: #52637A !important;
    font-size: 0.8125rem;
    font-weight: 600;
    border-top: 1px solid #E4ECF2;
    border-bottom: 1px solid #E4ECF2;
    padding: 12px 28px;
    box-shadow: none !important;
    vertical-align: middle !important; /* <--- Centra verticalmente */
}
/* /Components/Shared/ApoloFiltroPaginas.razor.rz.scp.css */
.apolo-form-card[b-z8hc9ficjy] {
    background-color: var(--apolo-surface-card, #FFFFFF);
    border-radius: var(--apolo-radius-lg, 8px);
    box-shadow: 0 2px 8px rgba(15, 25, 35, 0.04);
}

.apolo-filtro-paginas__title[b-z8hc9ficjy] {
    font-size: var(--apolo-text-lg, 1.0625rem);
    font-weight: var(--apolo-font-bold, 700);
    color: var(--apolo-text-color-primary, #0F1923);
}

.form-check-input[b-z8hc9ficjy] {
    width: 1.05rem;
    height: 1.05rem;
    border-radius: var(--apolo-radius-sm, 4px);
    border: 1.5px solid var(--apolo-n400, #A8BACB);
    cursor: pointer;
}

    .form-check-input:checked[b-z8hc9ficjy] {
        background-color: var(--apolo-color-primary, #107FC9);
        border-color: var(--apolo-color-primary, #107FC9);
    }

    .form-check-input:focus[b-z8hc9ficjy] {
        box-shadow: 0 0 0 0.2rem rgba(16, 127, 201, 0.25);
        border-color: var(--apolo-color-primary, #107FC9);
    }

.form-check-label[b-z8hc9ficjy] {
    font-size: var(--apolo-text-sm, 0.8125rem);
    color: var(--apolo-text-color-primary, #0F1923);
    cursor: pointer;
    user-select: none;
}

.apolo-filtro-paginas__selector-container[b-z8hc9ficjy] {
    border-top-color: var(--apolo-border-color-subtle, #E4ECF2) !important;
    animation: fadeIn-b-z8hc9ficjy 0.2s ease-in-out;
}

@keyframes fadeIn-b-z8hc9ficjy {
    from {
        opacity: 0;
        transform: translateY(4px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}
/* /Components/Shared/ApoloSelectorPaginas.razor.rz.scp.css */
.apolo-filtro-paginas__instruccion[b-lg07g4q7bq] {
    color: var(--apolo-text-color-secondary, #52637A);
    font-size: var(--apolo-text-sm, 0.8125rem);
}

.apolo-dual-list[b-lg07g4q7bq] {
    background-color: var(--apolo-surface-card, #FFFFFF);
    border: 1px solid var(--apolo-border-color-subtle, #E4ECF2);
    border-radius: var(--apolo-radius-lg, 8px);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    box-shadow: 0 2px 8px rgba(15, 25, 35, 0.04);
}

/* Cabecera Navy (#194270) */
.apolo-dual-list__header[b-lg07g4q7bq] {
    background-color: var(--apolo-color-primary-navy, #194270);
    color: var(--apolo-n0, #FFFFFF);
    padding: 0.875rem 1rem;
}

.apolo-dual-list__title[b-lg07g4q7bq] {
    font-size: var(--apolo-text-sm, 0.8125rem);
    font-weight: var(--apolo-font-semibold, 600);
    color: var(--apolo-n0, #FFFFFF);
}

.apolo-dual-list__counter[b-lg07g4q7bq] {
    background-color: rgba(255, 255, 255, 0.16);
    color: var(--apolo-n0, #FFFFFF);
    font-size: var(--apolo-text-xs, 0.6875rem);
    font-weight: var(--apolo-font-semibold, 600);
    padding: 0.2rem 0.5rem;
    border-radius: var(--apolo-radius-full, 9999px);
    border: 1px solid rgba(255, 255, 255, 0.2);
}

/* Buscador en Cabecera */
.apolo-dual-list__search[b-lg07g4q7bq] {
    position: relative;
    display: flex;
    align-items: center;
}

    .apolo-dual-list__search svg[b-lg07g4q7bq] {
        position: absolute;
        left: 0.75rem;
        color: rgba(255, 255, 255, 0.6);
        pointer-events: none;
    }

.apolo-dual-list__search-input[b-lg07g4q7bq] {
    background-color: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.25);
    color: var(--apolo-n0, #FFFFFF);
    padding-left: 2.25rem;
    font-size: var(--apolo-text-sm, 0.8125rem);
    border-radius: var(--apolo-radius-md, 6px);
    transition: var(--apolo-transition-color, 150ms ease);
}

    .apolo-dual-list__search-input[b-lg07g4q7bq]::placeholder {
        color: rgba(255, 255, 255, 0.65);
    }

    .apolo-dual-list__search-input:focus[b-lg07g4q7bq] {
        background-color: rgba(255, 255, 255, 0.2);
        border-color: var(--apolo-color-accent, #FAC414);
        color: var(--apolo-n0, #FFFFFF);
        box-shadow: 0 0 0 0.2rem rgba(250, 196, 20, 0.25);
        outline: none;
    }

/* Cuerpo con Scroll */
.apolo-dual-list__body[b-lg07g4q7bq] {
    padding: 0.5rem 0;
    max-height: 380px;
    overflow-y: auto;
    background-color: var(--apolo-surface-card, #FFFFFF);
}

    .apolo-dual-list__body[b-lg07g4q7bq]::-webkit-scrollbar {
        width: 6px;
    }

    .apolo-dual-list__body[b-lg07g4q7bq]::-webkit-scrollbar-track {
        background: var(--apolo-n50, #F8FAFC);
    }

    .apolo-dual-list__body[b-lg07g4q7bq]::-webkit-scrollbar-thumb {
        background: var(--apolo-n300, #CCD8E2);
        border-radius: var(--apolo-radius-full, 9999px);
    }

/* Ítems del Listado */
.apolo-dual-list__item[b-lg07g4q7bq] {
    padding: 0.45rem 1rem;
    transition: var(--apolo-transition-color, 150ms ease);
}

    .apolo-dual-list__item:hover[b-lg07g4q7bq] {
        background-color: var(--apolo-color-primary-light, #E8F4FD);
    }

.apolo-dual-list__item--select-all[b-lg07g4q7bq] {
    border-bottom: 1px solid var(--apolo-border-color-subtle, #E4ECF2);
    background-color: var(--apolo-n50, #F8FAFC);
    padding-top: 0.6rem;
    padding-bottom: 0.6rem;
}

.apolo-dual-list__item .form-check-label[b-lg07g4q7bq] {
    font-size: var(--apolo-text-sm, 0.8125rem);
    color: var(--apolo-text-color-primary, #0F1923);
    cursor: pointer;
    user-select: none;
}

.apolo-dual-list__item .form-check-input[b-lg07g4q7bq] {
    cursor: pointer;
}
/* /Components/Shared/ApoloToast.razor.rz.scp.css */
/* ==========================================================================
   APOLO SERVICES — Componente Reutilizable ApoloToast
   Tokens: apolo-tokens.css · BEM Estricto · Bootstrap 5.3
   ========================================================================== */

/* ── 1. Contenedor Flotante Fijo ────────────────────────────────────────── */
.apolo-toast-wrapper[b-khbtkcxbbx] {
    position: fixed;
    top: 75px;
    right: 24px;
    z-index: var(--apolo-z-toast, 1070);
    max-width: 440px;
    width: 100%;
    animation: apolo-toast-slide-in-b-khbtkcxbbx 300ms ease-out forwards;
}

/* ── 2. Estructura de la Tarjeta Toast ──────────────────────────────────── */
.apolo-toast[b-khbtkcxbbx] {
    position: relative;
    display: flex;
    align-items: center;
    gap: var(--apolo-space-3);
    padding: var(--apolo-space-3) var(--apolo-space-4) var(--apolo-space-3) var(--apolo-space-3);
    border-radius: var(--apolo-radius-lg);
    box-shadow: var(--apolo-shadow-lg);
    overflow: hidden;
    background-color: var(--apolo-surface-card);
}

/* ── 3. Barra Lateral de Acento ─────────────────────────────────────────── */
.apolo-toast__indicator-bar[b-khbtkcxbbx] {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 5px;
    border-top-left-radius: var(--apolo-radius-lg);
    border-bottom-left-radius: var(--apolo-radius-lg);
}

/* ── 4. Ícono / Badge ───────────────────────────────────────────────────── */
.apolo-toast__icon-wrapper[b-khbtkcxbbx] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    min-width: 28px;
    border-radius: var(--apolo-radius-full);
    margin-top: 2px;
    margin-left: var(--apolo-space-1);
}

/* ── 5. Contenido de Texto ──────────────────────────────────────────────── */
.apolo-toast__content[b-khbtkcxbbx] {
    flex: 1;
    text-align: left;
    padding-right: var(--apolo-space-2);
}

.apolo-toast__title[b-khbtkcxbbx] {
    font-size: var(--apolo-text-base);
    font-weight: var(--apolo-font-bold);
    color: var(--apolo-n900);
    line-height: var(--apolo-leading-tight);
}

.apolo-toast__message[b-khbtkcxbbx] {
    font-size: var(--apolo-text-sm);
    color: var(--apolo-n700);
    line-height: var(--apolo-leading-normal);
}

/* ── 6. Botón de Cierre ─────────────────────────────────────────────────── */
.apolo-toast__close[b-khbtkcxbbx] {
    font-size: 0.65rem;
    opacity: 0.6;
    margin-top: 4px;
    transition: opacity var(--apolo-transition-color);
}

    .apolo-toast__close:hover[b-khbtkcxbbx] {
        opacity: 1;
    }

/* ── 7. Variantes Semánticas ────────────────────────────────────────────── */

/* Variante: Éxito */
.apolo-toast--success[b-khbtkcxbbx] {
    background-color: #E8F5ED;
    border: 1px solid rgba(25, 135, 84, 0.15);
}

    .apolo-toast--success .apolo-toast__indicator-bar[b-khbtkcxbbx] {
        background-color: var(--apolo-color-success);
    }

    .apolo-toast--success .apolo-toast__icon-wrapper[b-khbtkcxbbx] {
        background-color: var(--apolo-color-success);
        color: var(--apolo-n0);
    }

/* Variante: Información */
.apolo-toast--info[b-khbtkcxbbx] {
    background-color: var(--apolo-color-primary-light);
    border: 1px solid rgba(16, 127, 201, 0.15);
}

    .apolo-toast--info .apolo-toast__indicator-bar[b-khbtkcxbbx] {
        background-color: var(--apolo-color-primary);
    }

    .apolo-toast--info .apolo-toast__icon-wrapper[b-khbtkcxbbx] {
        background-color: var(--apolo-color-primary);
        color: var(--apolo-n0);
    }

/* Variante: Advertencia */
.apolo-toast--warning[b-khbtkcxbbx] {
    background-color: var(--apolo-color-accent-light);
    border: 1px solid rgba(250, 196, 20, 0.25);
}

    .apolo-toast--warning .apolo-toast__indicator-bar[b-khbtkcxbbx] {
        background-color: var(--apolo-color-warning-dark);
    }

    .apolo-toast--warning .apolo-toast__icon-wrapper[b-khbtkcxbbx] {
        background-color: var(--apolo-color-warning);
        color: var(--apolo-n900);
    }

/* Variante: Error */
.apolo-toast--danger[b-khbtkcxbbx] {
    background-color: var(--apolo-color-danger-light);
    border: 1px solid rgba(220, 53, 69, 0.15);
}

    .apolo-toast--danger .apolo-toast__indicator-bar[b-khbtkcxbbx] {
        background-color: var(--apolo-color-danger);
    }

    .apolo-toast--danger .apolo-toast__icon-wrapper[b-khbtkcxbbx] {
        background-color: var(--apolo-color-danger);
        color: var(--apolo-n0);
    }

/* ── 8. Animación y Responsive ──────────────────────────────────────────── */
@keyframes apolo-toast-slide-in-b-khbtkcxbbx {
    from {
        opacity: 0;
        transform: translateX(30px);
    }

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

@media (max-width: 767.98px) {
    .apolo-toast-wrapper[b-khbtkcxbbx] {
        top: 68px;
        right: 16px;
        left: 16px;
        max-width: none;
        width: calc(100% - 32px);
    }
}

@media (prefers-reduced-motion: reduce) {
    .apolo-toast-wrapper[b-khbtkcxbbx] {
        animation: none;
    }
}
/* Asegura que el contenedor sea un círculo verde sólido */
.apolo-toast--success .apolo-toast__icon-wrapper[b-khbtkcxbbx] {
    background-color: var(--apolo-color-success) !important;
    color: var(--apolo-n0) !important;
    border-radius: var(--apolo-radius-full);
}

/* Quita el contorno del stroke y fuerza el relleno blanco del check */
.apolo-toast__icon-wrapper[b-khbtkcxbbx]  .apolo-icon {
    stroke: none !important;
    fill: currentColor !important;
}
/* /Components/Shared/ModalBusquedasMasivas.razor.rz.scp.css */
.apolo-modal-masivas[b-k0e55ffaar] {
    position: fixed;
    inset: 0;
    background-color: rgba(15, 25, 35, 0.55);
    z-index: 1055;
    overflow-x: hidden;
    overflow-y: auto;
}

.apolo-modal-masivas__dialog[b-k0e55ffaar] {
    max-width: 540px;
    margin-inline: auto;
}

.apolo-modal-masivas__content[b-k0e55ffaar] {
    border-radius: var(--apolo-radius-xl, 12px);
    border: 1px solid var(--apolo-border-color-subtle, #E4ECF2);
    box-shadow: var(--apolo-shadow-xl);
    padding: var(--apolo-space-4, 16px) var(--apolo-space-5, 20px);
    background-color: #FFFFFF !important;
}

/* ── Cabecera alineada (Título a la izquierda, X a la derecha) ── */
.apolo-modal-masivas__header[b-k0e55ffaar] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: var(--apolo-space-2, 8px) 0 var(--apolo-space-3, 12px) 0;
}

.apolo-modal-masivas__avatar[b-k0e55ffaar] {
    width: 32px;
    height: 32px;
    border-radius: var(--apolo-radius-full, 9999px);
    background-color: var(--apolo-color-primary, #107FC9);
    color: var(--apolo-n0, #FFFFFF);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.apolo-modal-masivas__title[b-k0e55ffaar] {
    font-size: var(--apolo-text-lg, 18px);
    font-weight: var(--apolo-font-bold, 700);
    color: var(--apolo-color-primary-navy, #194270);
    margin: 0;
    line-height: var(--apolo-leading-tight, 1.2);
}

.apolo-modal-masivas__btn-close[b-k0e55ffaar] {
    width: 24px;
    height: 24px;
    opacity: 0.45;
    background-size: 11px;
    padding: 0;
    margin: 0;
    transition: opacity var(--apolo-transition-color);
}

    .apolo-modal-masivas__btn-close:hover[b-k0e55ffaar] {
        opacity: 1;
    }

/* ── Cuerpo ── */
.apolo-modal-masivas__body[b-k0e55ffaar] {
    padding: var(--apolo-space-2, 8px) 0 var(--apolo-space-4, 16px) 0;
}

.apolo-modal-masivas__instructions[b-k0e55ffaar] {
    font-size: var(--apolo-text-sm, 13px);
    color: var(--apolo-text-color-secondary, #52637A);
    line-height: var(--apolo-leading-normal, 1.5);
}

/* ── Tarjeta Formato (Fondo suave con bordes sutiles) ── */
.apolo-modal-masivas__format-card[b-k0e55ffaar] {
    background-color: #F4F8FC;
    border: 1px solid #D6E4F0;
    border-radius: var(--apolo-radius-lg, 8px);
}

.apolo-modal-masivas__excel-badge[b-k0e55ffaar] {
    width: 36px;
    height: 36px;
    border-radius: var(--apolo-radius-sm, 4px);
    background-color: #107C41;
    color: var(--apolo-n0, #FFFFFF);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.apolo-modal-masivas__format-title[b-k0e55ffaar] {
    font-size: var(--apolo-text-sm, 13px);
    font-weight: var(--apolo-font-bold, 700);
    color: var(--apolo-n900, #0F1923);
}

.apolo-modal-masivas__format-subtitle[b-k0e55ffaar] {
    font-size: var(--apolo-text-xs, 11px);
    color: var(--apolo-text-color-secondary, #52637A);
}

.apolo-modal-masivas__format-btn[b-k0e55ffaar] {
    font-size: var(--apolo-text-sm, 13px);
    font-weight: var(--apolo-font-medium, 500);
    padding: var(--apolo-space-2, 8px) var(--apolo-space-4, 16px);
    border-radius: var(--apolo-radius-md, 6px);
    white-space: nowrap;
}

/* ── Dropzone de Carga ── */
.apolo-modal-masivas__dropzone[b-k0e55ffaar] {
    border: 2px dashed #CCD8E2;
    border-radius: var(--apolo-radius-xl, 12px);
    padding: var(--apolo-space-6, 24px) var(--apolo-space-4, 16px);
    background-color: var(--apolo-n0, #FFFFFF);
    transition: border-color 150ms ease, background-color 150ms ease;
}

.apolo-modal-masivas__dropzone--active[b-k0e55ffaar] {
    border-color: var(--apolo-color-primary, #107FC9);
    background-color: var(--apolo-color-primary-light, #E8F4FD);
}

.apolo-modal-masivas__upload-circle[b-k0e55ffaar] {
    width: 44px;
    height: 44px;
    border-radius: var(--apolo-radius-full, 9999px);
    background-color: #A8BACB;
    color: var(--apolo-n0, #FFFFFF);
    display: flex;
    align-items: center;
    justify-content: center;
}

.apolo-modal-masivas__dropzone-text[b-k0e55ffaar] {
    font-size: var(--apolo-text-base, 15px);
    font-weight: var(--apolo-font-semibold, 600);
    color: var(--apolo-n900, #0F1923);
}

.apolo-modal-masivas__dropzone-or[b-k0e55ffaar] {
    font-size: var(--apolo-text-xs, 11px);
    color: var(--apolo-text-color-tertiary, #7A8FA6);
}

.apolo-modal-masivas__file-select-btn[b-k0e55ffaar] {
    border: 1px solid #CCD8E2;
    background-color: var(--apolo-n0, #FFFFFF);
    color: var(--apolo-text-color-primary, #0F1923);
    font-size: var(--apolo-text-sm, 13px);
    font-weight: var(--apolo-font-medium, 500);
    border-radius: var(--apolo-radius-md, 6px);
    padding: var(--apolo-space-2, 8px) var(--apolo-space-4, 16px);
    cursor: pointer;
    transition: var(--apolo-transition-color);
}

    .apolo-modal-masivas__file-select-btn:hover[b-k0e55ffaar] {
        background-color: var(--apolo-n50, #F8FAFC);
        border-color: var(--apolo-n400, #A8BACB);
    }

.apolo-modal-masivas__selected-file[b-k0e55ffaar] {
    background-color: var(--apolo-n50, #F8FAFC);
    border: 1px solid var(--apolo-border-color, #CCD8E2);
    border-radius: var(--apolo-radius-md, 6px);
    padding: var(--apolo-space-1, 4px) var(--apolo-space-3, 12px);
}

.apolo-modal-masivas__file-icon[b-k0e55ffaar] {
    color: #107C41;
}

.apolo-modal-masivas__file-name[b-k0e55ffaar] {
    font-size: var(--apolo-text-sm, 13px);
    font-weight: var(--apolo-font-semibold, 600);
    color: var(--apolo-n900, #0F1923);
    max-width: 260px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.apolo-modal-masivas__file-size[b-k0e55ffaar] {
    font-size: var(--apolo-text-xs, 11px);
}

.apolo-modal-masivas__dropzone-formats[b-k0e55ffaar] {
    font-size: var(--apolo-text-xs, 11px);
    color: var(--apolo-text-color-secondary, #52637A);
}

/* ── Nota ── */
.apolo-modal-masivas__note[b-k0e55ffaar] {
    font-size: var(--apolo-text-xs, 11px);
    color: var(--apolo-text-color-secondary, #52637A);
    line-height: var(--apolo-leading-normal, 1.5);
}

    .apolo-modal-masivas__note strong[b-k0e55ffaar] {
        color: var(--apolo-n900, #0F1923);
    }

/* ── Pie ── */
.apolo-modal-masivas__footer[b-k0e55ffaar] {
    display: flex;
    justify-content: flex-end;
    gap: var(--apolo-space-2, 8px);
    padding: var(--apolo-space-3, 12px) 0 0 0;
}

.apolo-modal-masivas__btn-cancel[b-k0e55ffaar] {
    border: 1px solid var(--apolo-border-color, #CCD8E2);
    background-color: var(--apolo-n0, #FFFFFF);
    color: var(--apolo-text-color-primary, #0F1923);
    font-size: var(--apolo-text-sm, 13px);
    font-weight: var(--apolo-font-medium, 500);
    border-radius: var(--apolo-radius-md, 6px);
    padding: var(--apolo-space-2, 8px) var(--apolo-space-5, 20px);
    min-height: 40px;
    transition: var(--apolo-transition-color);
}

    .apolo-modal-masivas__btn-cancel:hover[b-k0e55ffaar] {
        background-color: var(--apolo-n50, #F8FAFC);
        border-color: var(--apolo-n400, #A8BACB);
    }

.apolo-modal-masivas__btn-submit[b-k0e55ffaar] {
    font-size: var(--apolo-text-sm, 13px);
    font-weight: var(--apolo-font-medium, 500);
    border-radius: var(--apolo-radius-md, 6px);
    padding: var(--apolo-space-2, 8px) var(--apolo-space-5, 20px);
    min-height: 40px;
}

@media (max-width: 767.98px) {
    /* 1. Modal flotante compacto y centrado */
    .apolo-modal-masivas__dialog[b-k0e55ffaar] {
        max-width: 390px;
        margin: 16px auto;
        width: calc(100% - 24px);
    }

    .apolo-modal-masivas__content[b-k0e55ffaar] {
        border-radius: var(--apolo-radius-xl, 12px);
        min-height: auto;
        max-height: calc(100dvh - 32px);
        overflow-y: auto;
        padding: 14px 16px;
        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.35);
    }

    /* 2. Cabecera e instrucciones más compactas */
    .apolo-modal-masivas__header[b-k0e55ffaar] {
        padding: 0 0 8px 0;
    }

    .apolo-modal-masivas__body[b-k0e55ffaar] {
        padding: 6px 0 10px 0;
    }

    .apolo-modal-masivas__instructions[b-k0e55ffaar] {
        font-size: 12px;
        line-height: 1.35;
        margin-bottom: 10px !important;
    }

    /* 3. Tarjeta de plantilla: 1 sola línea horizontal */
    .apolo-modal-masivas__format-card[b-k0e55ffaar] {
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between;
        padding: 8px 12px !important;
        margin-bottom: 10px !important;
    }

    .apolo-modal-masivas__excel-badge[b-k0e55ffaar] {
        width: 30px;
        height: 30px;
    }

    .apolo-modal-masivas__format-title[b-k0e55ffaar] {
        font-size: 12px;
    }

    .apolo-modal-masivas__format-subtitle[b-k0e55ffaar] {
        display: none; /* Oculta el subtítulo redundante para ahorrar altura */
    }

    .apolo-modal-masivas__format-btn[b-k0e55ffaar] {
        width: auto !important;
        padding: 5px 12px !important;
        font-size: 12px !important;
    }

    /* 4. Dropzone táctil para móviles (sin textos de arrastrar) */
    .apolo-modal-masivas__dropzone[b-k0e55ffaar] {
        padding: 12px 10px !important;
        margin-bottom: 8px !important;
    }

    .apolo-modal-masivas__dropzone-text[b-k0e55ffaar],
    .apolo-modal-masivas__dropzone-or[b-k0e55ffaar] {
        display: none; /* Se ocultan 'Arrastra tu archivo aquí' y 'o' */
    }

    .apolo-modal-masivas__upload-circle[b-k0e55ffaar] {
        width: 34px;
        height: 34px;
        margin-bottom: 6px !important;
    }

    .apolo-modal-masivas__file-select-btn[b-k0e55ffaar] {
        width: 100%;
        margin-bottom: 0 !important;
        padding: 7px 14px;
        font-size: 13px;
    }

    .apolo-modal-masivas__note[b-k0e55ffaar] {
        font-size: 10px;
        line-height: 1.3;
    }

    /* 5. Botones de acción lado a lado (50% / 50%) */
    .apolo-modal-masivas__footer[b-k0e55ffaar] {
        flex-direction: row !important;
        gap: 8px;
        padding: 8px 0 0 0;
    }

    .apolo-modal-masivas__btn-cancel[b-k0e55ffaar],
    .apolo-modal-masivas__btn-submit[b-k0e55ffaar] {
        flex: 1;
        min-height: 38px;
        padding: 6px 10px;
        font-size: 13px;
        white-space: nowrap;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }
}
/* /Components/Shared/ModalTarea.razor.rz.scp.css */
/* ==========================================================================
   MODAL DE TAREAS — Scoped CSS (BEM estricto + Tokens de Apolo)
   Componente: Components/Shared/ModalTarea.razor
   ========================================================================== */

.apolo-modal-tarea__backdrop[b-iydrqbxnzy] {
    position: fixed;
    inset: 0;
    width: 100vw;
    height: 100vh;
    z-index: var(--apolo-z-modal-bg, 1040) !important;
    background-color: rgba(15, 25, 35, 0.45);
}

.apolo-modal-tarea[b-iydrqbxnzy] {
    position: fixed;
    inset: 0;
    z-index: var(--apolo-z-modal, 1055) !important;
    overflow-x: hidden;
    overflow-y: auto;
}

.apolo-modal-tarea__dialog[b-iydrqbxnzy] {
    max-width: 440px;
    z-index: 1056;
}

.apolo-modal-tarea__content[b-iydrqbxnzy] {
    border-radius: 14px;
    overflow: hidden;
    background-color: #FFFFFF !important;
    border: 0;
    position: relative;
    z-index: 1057;
    box-shadow: 0 12px 36px rgba(0, 0, 0, 0.25);
}

.apolo-modal-tarea__header[b-iydrqbxnzy] {
    background-color: #107FC9;
    padding: 14px 20px;
    border-bottom: 0;
}

    .apolo-modal-tarea__header .modal-title[b-iydrqbxnzy] {
        font-size: 18px;
        font-weight: 600;
    }

    .apolo-modal-tarea__header .btn-close[b-iydrqbxnzy] {
        opacity: 0.95;
        background-size: 10px;
    }

        .apolo-modal-tarea__header .btn-close:hover[b-iydrqbxnzy] {
            opacity: 1;
        }

.apolo-modal-tarea__body[b-iydrqbxnzy] {
    background-color: #FFFFFF !important;
    padding: 20px 20px 0 20px;
}

.apolo-modal-tarea__required-text[b-iydrqbxnzy] {
    font-size: 12px;
    color: #8D9EA8;
    margin-bottom: 16px;
    font-weight: 400;
}

/* Switches */
.apolo-modal-tarea__switch[b-iydrqbxnzy] {
    min-height: auto;
}

    .apolo-modal-tarea__switch .form-check-input[b-iydrqbxnzy] {
        width: 2.35em;
        height: 1.3em;
        cursor: pointer;
        background-color: #A5B4C2;
        border: 0;
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
        transition: background-position 200ms ease, background-color 200ms ease;
    }

        .apolo-modal-tarea__switch .form-check-input:checked[b-iydrqbxnzy] {
            background-color: #107FC9;
            border-color: #107FC9;
            background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
        }

        .apolo-modal-tarea__switch .form-check-input:focus[b-iydrqbxnzy] {
            box-shadow: 0 0 0 2px rgba(16, 127, 201, 0.25);
        }

    .apolo-modal-tarea__switch .form-check-label[b-iydrqbxnzy] {
        font-size: 14px;
        color: #334155;
        font-weight: 400;
        cursor: pointer;
        user-select: none;
    }

/* Labels e Inputs */
.apolo-modal-tarea__label[b-iydrqbxnzy] {
    font-size: 13.5px;
    font-weight: 600;
    color: #1E293B;
    margin-bottom: 6px;
    display: block;
}

.apolo-modal-tarea__input[b-iydrqbxnzy] {
    border: 1px solid #DCE5ED;
    border-radius: 8px;
    padding: 8px 14px;
    font-size: 14px;
    color: #1E293B;
    background-color: #FFFFFF;
    transition: border-color var(--apolo-transition-color), box-shadow var(--apolo-transition-color);
    min-height: 42px;
}

    .apolo-modal-tarea__input:focus[b-iydrqbxnzy] {
        border-color: #107FC9;
        box-shadow: 0 0 0 3px rgba(16, 127, 201, 0.15);
        outline: none;
    }

    .apolo-modal-tarea__input[b-iydrqbxnzy]::placeholder {
        color: #94A3B8;
        font-weight: 400;
    }

select.apolo-modal-tarea__input[b-iydrqbxnzy] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%2394A3B8' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 12px 10px;
}

.apolo-modal-tarea__textarea[b-iydrqbxnzy] {
    resize: none;
    min-height: 85px;
    padding-top: 10px;
}

.apolo-modal-tarea__footer[b-iydrqbxnzy] {
    padding: 18px 20px 24px 20px;
    background-color: #FFFFFF !important;
    gap: 10px;
}

.apolo-modal-tarea__btn-create[b-iydrqbxnzy] {
    background-color: #107FC9;
    color: #FFFFFF;
    border: 0;
    border-radius: 8px;
    padding: 9px 26px;
    font-weight: 600;
    font-size: 14px;
    min-height: 40px;
    min-width: 90px;
    transition: background-color var(--apolo-transition-color), transform 150ms ease;
}

    .apolo-modal-tarea__btn-create:hover[b-iydrqbxnzy] {
        background-color: #0D6EB0;
        color: #FFFFFF;
        transform: translateY(-1px);
    }

.apolo-modal-tarea__btn-cancel[b-iydrqbxnzy] {
    background-color: #344050;
    color: #FFFFFF;
    border: 0;
    border-radius: 8px;
    padding: 9px 24px;
    font-weight: 600;
    font-size: 14px;
    min-height: 40px;
    min-width: 90px;
    transition: background-color var(--apolo-transition-color), transform 150ms ease;
}

    .apolo-modal-tarea__btn-cancel:hover[b-iydrqbxnzy] {
        background-color: #242E3A;
        color: #FFFFFF;
        transform: translateY(-1px);
    }

/* Responsivo Móvil P-9 */
@media (max-width: 767.98px) {
    .apolo-modal-tarea__dialog.modal-fullscreen-sm-down[b-iydrqbxnzy] {
        margin: 0;
        max-width: 100%;
        height: 100%;
    }

    .apolo-modal-tarea__content[b-iydrqbxnzy] {
        border-radius: 0;
        height: 100%;
    }

    .apolo-modal-tarea__footer[b-iydrqbxnzy] {
        position: sticky;
        bottom: 0;
        background-color: #FFFFFF !important;
        padding: 16px 20px;
    }
}