/* /Components/Account/Pages/ConfirmEmail.razor.rz.scp.css */
.confirm-email-page[b-zgutw2ya0h] {
    position: relative;
    min-height: 100vh;
    display: grid;
    place-items: center;
    padding: 28px;
    overflow: hidden;
    background:
        radial-gradient(circle at 12% 18%, rgba(37, 99, 235, 0.35), transparent 32%),
        radial-gradient(circle at 88% 82%, rgba(14, 165, 233, 0.26), transparent 30%),
        linear-gradient(135deg, #031225 0%, #0b2e59 54%, #123f79 100%);
}

.confirm-grid[b-zgutw2ya0h] {
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(255,255,255,.07) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.07) 1px, transparent 1px);
    background-size: 36px 36px;
    mask-image: radial-gradient(circle at center, black 0%, transparent 72%);
    opacity: .45;
    pointer-events: none;
}

.confirm-orb[b-zgutw2ya0h] {
    position: absolute;
    border-radius: 999px;
    filter: blur(86px);
    pointer-events: none;
}

.confirm-orb-primary[b-zgutw2ya0h] {
    width: 360px;
    height: 360px;
    top: -110px;
    left: -80px;
    background: rgba(59, 130, 246, .48);
}

.confirm-orb-accent[b-zgutw2ya0h] {
    width: 320px;
    height: 320px;
    right: -70px;
    bottom: -80px;
    background: rgba(184, 145, 44, .28);
}

.confirm-card[b-zgutw2ya0h] {
    position: relative;
    z-index: 1;
    width: min(100%, 560px);
    padding: clamp(28px, 5vw, 44px);
    text-align: center;
    color: #0f172a;
    border: 1px solid rgba(255,255,255,.72);
    border-radius: 32px;
    background: rgba(255,255,255,.92);
    box-shadow: 0 30px 80px rgba(0, 0, 0, .30);
    backdrop-filter: blur(18px);
}

.confirm-brand[b-zgutw2ya0h] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 10px 16px;
    margin-bottom: 26px;
    border: 1px solid #e2e8f0;
    border-radius: 999px;
    background: #f8fafc;
    color: #475569;
    font-size: .82rem;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.confirm-brand img[b-zgutw2ya0h] {
    width: 98px;
    height: auto;
}

.confirm-icon[b-zgutw2ya0h] {
    width: 88px;
    height: 88px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 18px;
    border-radius: 28px;
    font-size: 2.85rem;
}

.confirm-icon-success[b-zgutw2ya0h] {
    color: #047857;
    background: linear-gradient(135deg, #dcfce7, #bbf7d0);
    box-shadow: 0 18px 36px rgba(22, 163, 74, .22);
}

.confirm-icon-error[b-zgutw2ya0h] {
    color: #b45309;
    background: linear-gradient(135deg, #fef3c7, #fde68a);
    box-shadow: 0 18px 36px rgba(217, 119, 6, .18);
}

.confirm-eyebrow[b-zgutw2ya0h] {
    margin: 0 0 8px;
    color: #1d4ed8;
    font-size: .8rem;
    font-weight: 900;
    letter-spacing: .16em;
    text-transform: uppercase;
}

.confirm-card h1[b-zgutw2ya0h] {
    margin: 0 0 14px;
    font-size: clamp(2rem, 5vw, 3.1rem);
    font-weight: 950;
    color: #0f172a;
    letter-spacing: -.04em;
}

.confirm-message[b-zgutw2ya0h] {
    max-width: 440px;
    margin: 0 auto 24px;
    color: #475569;
    font-size: 1.03rem;
    line-height: 1.7;
}

.redirect-panel[b-zgutw2ya0h] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    width: 100%;
    padding: 14px 16px;
    margin-bottom: 18px;
    border: 1px solid #bfdbfe;
    border-radius: 18px;
    background: #eff6ff;
    color: #1e3a8a;
    font-weight: 700;
}

.redirect-spinner[b-zgutw2ya0h] {
    width: 18px;
    height: 18px;
    border: 3px solid rgba(37, 99, 235, .2);
    border-top-color: #2563eb;
    border-radius: 50%;
    animation: confirm-spin-b-zgutw2ya0h .8s linear infinite;
}

.confirm-actions[b-zgutw2ya0h] {
    display: grid;
    gap: 12px;
}

.confirm-primary-action[b-zgutw2ya0h],
.confirm-secondary-action[b-zgutw2ya0h] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 50px;
    padding: 12px 18px;
    border-radius: 15px;
    font-weight: 800;
    text-decoration: none;
}

.confirm-primary-action[b-zgutw2ya0h] {
    color: #fff;
    background: linear-gradient(90deg, #1d4ed8 0%, #0ea5e9 100%);
    box-shadow: 0 16px 30px rgba(37, 99, 235, .28);
}

.confirm-primary-action:hover[b-zgutw2ya0h] {
    color: #fff;
    transform: translateY(-1px);
}

.confirm-secondary-action[b-zgutw2ya0h] {
    color: #1d4ed8;
    background: #f8fafc;
    border: 1px solid #dbeafe;
}

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

@media (max-width: 576px) {
    .confirm-email-page[b-zgutw2ya0h] {
        padding: 16px;
    }

    .confirm-brand[b-zgutw2ya0h] {
        flex-direction: column;
        border-radius: 22px;
        line-height: 1.35;
    }

    .confirm-icon[b-zgutw2ya0h] {
        width: 76px;
        height: 76px;
        font-size: 2.35rem;
    }
}
/* /Components/Account/Pages/Login.razor.rz.scp.css */
.auth-page[b-sjjybs4y7v] {
    position: relative;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    overflow: hidden;
    background: linear-gradient(135deg, #031225 0%, #0a2f66 60%, #1d4ed8 100%);
}

.animated-grid[b-sjjybs4y7v] {
    position: absolute;
    inset: 0;
    background-image: linear-gradient(rgba(255,255,255,0.04) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.04) 1px, transparent 1px);
    background-size: 42px 42px;
    opacity: 0.18;
    animation: gridMove-b-sjjybs4y7v 18s linear infinite;
    pointer-events: none;
}

.bg-orb[b-sjjybs4y7v] {
    position: absolute;
    border-radius: 50%;
    filter: blur(90px);
    pointer-events: none;
}

.orb-1[b-sjjybs4y7v] {
    width: 380px;
    height: 380px;
    top: -90px;
    left: -70px;
    background: rgba(59, 130, 246, 0.40);
    animation: floatOrb-b-sjjybs4y7v 13s ease-in-out infinite;
}

.orb-2[b-sjjybs4y7v] {
    width: 340px;
    height: 340px;
    right: -70px;
    bottom: -60px;
    background: rgba(14, 165, 233, 0.30);
    animation: floatOrb-b-sjjybs4y7v 15s ease-in-out infinite reverse;
}

.bg-noise[b-sjjybs4y7v] {
    position: absolute;
    inset: 0;
    background-image: radial-gradient(rgba(255,255,255,0.06) 0.7px, transparent 0.7px);
    background-size: 18px 18px;
    opacity: 0.08;
    pointer-events: none;
}

.auth-shell[b-sjjybs4y7v] {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 1180px;
    min-height: 720px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    border-radius: 30px;
    overflow: hidden;
    background: rgba(255,255,255,0.08);
    border: 1px solid rgba(255,255,255,0.12);
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.35);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

.auth-brand-panel[b-sjjybs4y7v] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 52px 44px;
    background: radial-gradient(circle at 18% 18%, rgba(255, 255, 255, 0.13), transparent 28%), linear-gradient(180deg, #2563eb 0%, #0e7490 100%);
    color: #fff;
    overflow: hidden;
    isolation: isolate;
}

.brand-visual-bg[b-sjjybs4y7v] {
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    overflow: hidden;
}

.brand-ring[b-sjjybs4y7v] {
    position: absolute;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.15);
    background: radial-gradient(circle, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0));
}

.brand-ring-1[b-sjjybs4y7v] {
    width: 430px;
    height: 430px;
    top: -210px;
    left: -170px;
}

.brand-ring-2[b-sjjybs4y7v] {
    width: 360px;
    height: 360px;
    right: -170px;
    bottom: -80px;
}

.brand-line[b-sjjybs4y7v] {
    position: absolute;
    height: 2px;
    border-radius: 999px;
    background: linear-gradient( 90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.20), rgba(255, 255, 255, 0) );
    transform-origin: center;
}

.brand-line-1[b-sjjybs4y7v] {
    width: 520px;
    left: -100px;
    bottom: 135px;
    transform: rotate(-12deg);
}

.brand-line-2[b-sjjybs4y7v] {
    width: 460px;
    right: -150px;
    top: 185px;
    transform: rotate(-20deg);
}

.brand-content[b-sjjybs4y7v] {
    width: 100%;
    max-width: 460px;
    position: relative;
    z-index: 2;
    animation: fadeUp-b-sjjybs4y7v 0.9s ease;
}

.brand-top[b-sjjybs4y7v] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 14px;
    margin-bottom: 30px;
    text-align: center;
}

.brand-logo-wrap[b-sjjybs4y7v] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    animation: logoFloat-b-sjjybs4y7v 4s ease-in-out infinite;
}

    .brand-logo-wrap[b-sjjybs4y7v]::after {
        content: "";
        position: absolute;
        width: 230px;
        height: 230px;
        border-radius: 40px;
        background: radial-gradient(circle, rgba(255, 255, 255, 0.17), rgba(255, 255, 255, 0));
        z-index: -1;
    }

.brand-logo[b-sjjybs4y7v] {
    width: 180px;
    max-width: 180px;
    height: auto;
    object-fit: contain;
    display: block;
    filter: drop-shadow(0 14px 26px rgba(0, 0, 0, 0.22));
    animation: logoGlow-b-sjjybs4y7v 3s ease-in-out infinite;
}

.brand-badge[b-sjjybs4y7v] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 16px;
    border-radius: 999px;
    font-size: .82rem;
    font-weight: 800;
    letter-spacing: .08em;
    color: #fff;
    background: rgba(255,255,255,.12);
    border: 1px solid rgba(255,255,255,.18);
    box-shadow: 0 14px 30px rgba(0, 0, 0, 0.12);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    animation: badgePulse-b-sjjybs4y7v 2.8s ease-in-out infinite;
}

.brand-deco-image-wrap[b-sjjybs4y7v],
.brand-deco-image[b-sjjybs4y7v],
.brand-watermark[b-sjjybs4y7v] {
    display: none !important;
}

.brand-content h1[b-sjjybs4y7v] {
    margin: 0 0 16px;
    font-size: clamp(2.7rem, 4vw, 4rem);
    line-height: .95;
    font-weight: 900;
    letter-spacing: -0.03em;
    animation: fadeUp-b-sjjybs4y7v 1s ease;
}

.brand-content p[b-sjjybs4y7v] {
    margin: 0 0 30px;
    font-size: 1.04rem;
    line-height: 1.72;
    color: rgba(255,255,255,.92);
    animation: fadeUp-b-sjjybs4y7v 1.15s ease;
}

.brand-highlights[b-sjjybs4y7v] {
    display: grid;
    gap: 14px;
    animation: fadeUp-b-sjjybs4y7v 1.3s ease;
}

.highlight-item[b-sjjybs4y7v] {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 1rem;
    color: rgba(255,255,255,.96);
    transition: transform .25s ease;
}

    .highlight-item:hover[b-sjjybs4y7v] {
        transform: translateX(6px);
    }

.highlight-dot[b-sjjybs4y7v] {
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 0 0 5px rgba(255,255,255,.14);
}

.auth-card[b-sjjybs4y7v] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 22px;
    padding: 40px 32px;
    background: radial-gradient(circle at 50% 22%, rgba(37, 99, 235, 0.08), transparent 34%), linear-gradient(180deg, #edf2f8 0%, #dfe7f2 100%);
}

.auth-card-body[b-sjjybs4y7v] {
    width: 100%;
    max-width: 460px;
    padding: 36px 32px;
    border-radius: 28px;
    background: rgba(255,255,255,.58);
    border: 1px solid rgba(255,255,255,.68);
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.10);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    animation: cardIn-b-sjjybs4y7v 0.6s ease;
}

.auth-card-header[b-sjjybs4y7v] {
    margin-bottom: 28px;
}

    .auth-card-header h2[b-sjjybs4y7v] {
        margin: 0 0 8px;
        color: #0f172a;
        font-size: 3rem;
        line-height: 1;
        font-weight: 900;
        letter-spacing: -0.03em;
    }

    .auth-card-header p[b-sjjybs4y7v] {
        margin: 0;
        color: #64748b;
        font-size: 1rem;
    }

.custom-input-group[b-sjjybs4y7v] {
    display: flex;
    align-items: stretch;
    width: 100%;
    border: 1px solid #dbe4f0;
    border-radius: 14px;
    overflow: hidden;
    background: #ffffff;
    box-shadow: 0 6px 16px rgba(15, 23, 42, 0.05);
    transition: box-shadow .2s ease, border-color .2s ease, transform .2s ease;
}

    .custom-input-group:focus-within[b-sjjybs4y7v] {
        border-color: #0d6efd;
        box-shadow: 0 0 0 .2rem rgba(13, 110, 253, .12);
        transform: translateY(-1px);
    }

.custom-addon[b-sjjybs4y7v] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #ffffff;
    color: #6c757d;
    flex: 0 0 52px;
    min-width: 52px;
    border: 0;
    margin: 0;
    padding: 0;
}

.custom-addon-left[b-sjjybs4y7v] {
    border-right: 1px solid #eef2f7;
}

.custom-addon-right[b-sjjybs4y7v] {
    border-left: 1px solid #eef2f7;
}

.custom-control[b-sjjybs4y7v] {
    border: 0 !important;
    box-shadow: none !important;
    min-height: 54px;
    background: #ffffff !important;
    color: #0f172a !important;
    font-size: 1rem;
    font-weight: 500;
    border-radius: 0 !important;
    padding-left: 14px;
    padding-right: 14px;
}

    .custom-control[b-sjjybs4y7v]::placeholder {
        color: #94a3b8;
        font-weight: 400;
    }

    .custom-control:focus[b-sjjybs4y7v] {
        box-shadow: none !important;
        background: #ffffff !important;
    }

.custom-addon-btn[b-sjjybs4y7v] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #ffffff;
    color: #6c757d;
    border: 0;
    flex: 0 0 52px;
    min-width: 52px;
    margin: 0;
    padding: 0;
    transition: color .2s ease, background .2s ease, transform .2s ease;
}

    .custom-addon-btn:hover[b-sjjybs4y7v] {
        color: #0d6efd;
        background: #ffffff;
        transform: scale(1.05);
    }

    .custom-addon-btn:focus[b-sjjybs4y7v],
    .custom-addon-btn:active[b-sjjybs4y7v] {
        box-shadow: none !important;
        outline: none !important;
        background: #ffffff;
    }

.submit-btn[b-sjjybs4y7v] {
    height: 56px;
    border: none;
    border-radius: 16px;
    background: linear-gradient(90deg, #2563eb 0%, #2497e8 100%);
    color: #fff;
    font-size: 1.05rem;
    font-weight: 800;
    box-shadow: 0 14px 24px rgba(37, 99, 235, 0.24);
    transition: transform .2s ease, box-shadow .2s ease, filter .2s ease;
}

    .submit-btn:hover[b-sjjybs4y7v] {
        transform: translateY(-2px);
        box-shadow: 0 18px 28px rgba(37, 99, 235, 0.28);
        color: #fff;
        filter: brightness(1.03);
    }

    .submit-btn:focus[b-sjjybs4y7v],
    .submit-btn:active[b-sjjybs4y7v] {
        color: #fff;
        box-shadow: 0 18px 28px rgba(37, 99, 235, 0.28);
    }

.auth-footer[b-sjjybs4y7v],
.secondary-links[b-sjjybs4y7v] {
    color: #64748b;
}

    .auth-footer a[b-sjjybs4y7v],
    .secondary-links a[b-sjjybs4y7v],
    .text-link[b-sjjybs4y7v] {
        color: #2563eb;
        font-weight: 700;
        text-decoration: none;
    }

        .auth-footer a:hover[b-sjjybs4y7v],
        .secondary-links a:hover[b-sjjybs4y7v],
        .text-link:hover[b-sjjybs4y7v] {
            text-decoration: underline;
        }

.auth-government-brand[b-sjjybs4y7v] {
    width: 100%;
    max-width: 460px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    opacity: 0;
    transform: translateY(14px);
    animation: governmentBrandIn-b-sjjybs4y7v 0.8s ease 0.35s forwards;
}

.government-brand-line[b-sjjybs4y7v] {
    width: 74%;
    height: 1px;
    border-radius: 999px;
    background: linear-gradient( 90deg, rgba(15, 23, 42, 0), rgba(15, 23, 42, 0.18), rgba(15, 23, 42, 0) );
}

.government-brand-logo[b-sjjybs4y7v] {
    width: 285px;
    max-width: 82%;
    height: auto;
    object-fit: contain;
    opacity: 0.76;
    filter: drop-shadow(0 10px 20px rgba(15, 23, 42, 0.10));
    transition: opacity 0.25s ease, transform 0.25s ease, filter 0.25s ease;
    animation: governmentLogoFloat-b-sjjybs4y7v 4.5s ease-in-out infinite;
}

.auth-government-brand:hover .government-brand-logo[b-sjjybs4y7v] {
    opacity: 0.95;
    transform: translateY(-2px) scale(1.015);
    filter: drop-shadow(0 14px 24px rgba(15, 23, 42, 0.16));
}

.validation-summary[b-sjjybs4y7v] {
    padding: 12px 14px;
    border-radius: 12px;
    background: #fef2f2;
    color: #b91c1c;
    border: 1px solid #fecaca;
    font-size: 0.92rem;
    margin-bottom: 12px;
}

.field-validation[b-sjjybs4y7v],
[b-sjjybs4y7v] .validation-message {
    color: #dc2626;
    font-size: .84rem;
    margin-top: 6px;
}

[b-sjjybs4y7v] .validation-errors {
    margin: 0;
    padding-left: 18px;
}

[b-sjjybs4y7v] .mb-3:has(.input-validation-error) .custom-input-group {
    border-color: #ef4444;
    box-shadow: 0 0 0 0.18rem rgba(239, 68, 68, 0.10);
}

@keyframes floatOrb-b-sjjybs4y7v {
    0%, 100% {
        transform: translate(0, 0) scale(1);
    }

    50% {
        transform: translate(18px, -12px) scale(1.06);
    }
}

@keyframes gridMove-b-sjjybs4y7v {
    0% {
        transform: translate(0, 0);
    }

    100% {
        transform: translate(42px, 42px);
    }
}

@keyframes cardIn-b-sjjybs4y7v {
    from {
        opacity: 0;
        transform: translateY(18px);
    }

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

@keyframes fadeUp-b-sjjybs4y7v {
    from {
        opacity: 0;
        transform: translateY(18px);
    }

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

@keyframes logoFloat-b-sjjybs4y7v {
    0%, 100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-8px);
    }
}

@keyframes logoGlow-b-sjjybs4y7v {
    0%, 100% {
        filter: drop-shadow(0 14px 26px rgba(0, 0, 0, 0.22));
    }

    50% {
        filter: drop-shadow(0 18px 34px rgba(255, 255, 255, 0.20));
    }
}

@keyframes badgePulse-b-sjjybs4y7v {
    0%, 100% {
        transform: scale(1);
        background: rgba(255,255,255,.12);
    }

    50% {
        transform: scale(1.04);
        background: rgba(255,255,255,.18);
    }
}

@keyframes governmentBrandIn-b-sjjybs4y7v {
    from {
        opacity: 0;
        transform: translateY(14px);
    }

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

@keyframes governmentLogoFloat-b-sjjybs4y7v {
    0%, 100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-5px);
    }
}

@media (max-width: 1024px) {
    .auth-shell[b-sjjybs4y7v] {
        grid-template-columns: 1fr;
        min-height: auto;
    }

    .auth-brand-panel[b-sjjybs4y7v] {
        min-height: 330px;
        padding: 36px 28px;
    }

    .auth-card[b-sjjybs4y7v] {
        padding: 36px 24px;
    }

    .auth-card-body[b-sjjybs4y7v] {
        max-width: 520px;
    }

    .auth-government-brand[b-sjjybs4y7v] {
        max-width: 520px;
    }

    .government-brand-logo[b-sjjybs4y7v] {
        width: 250px;
    }
}

@media (max-width: 640px) {
    .auth-page[b-sjjybs4y7v] {
        padding: 12px;
    }

    .auth-shell[b-sjjybs4y7v] {
        border-radius: 24px;
    }

    .auth-brand-panel[b-sjjybs4y7v] {
        min-height: 280px;
        padding: 24px 20px;
    }

    .brand-content h1[b-sjjybs4y7v] {
        font-size: 2.3rem;
    }

    .brand-content p[b-sjjybs4y7v] {
        font-size: 0.95rem;
        margin-bottom: 22px;
    }

    .brand-top[b-sjjybs4y7v] {
        align-items: center;
        text-align: center;
        margin-bottom: 22px;
    }

    .brand-logo[b-sjjybs4y7v] {
        width: 130px;
        max-width: 130px;
    }

    .brand-logo-wrap[b-sjjybs4y7v]::after {
        width: 170px;
        height: 170px;
    }

    .brand-ring-1[b-sjjybs4y7v] {
        width: 300px;
        height: 300px;
        top: -150px;
        left: -130px;
    }

    .brand-ring-2[b-sjjybs4y7v] {
        width: 250px;
        height: 250px;
        right: -120px;
        bottom: -80px;
    }

    .auth-card[b-sjjybs4y7v] {
        gap: 16px;
        padding: 22px 14px;
    }

    .auth-card-body[b-sjjybs4y7v] {
        padding: 24px 18px;
        border-radius: 22px;
    }

    .auth-card-header h2[b-sjjybs4y7v] {
        font-size: 2.2rem;
    }

    .auth-government-brand[b-sjjybs4y7v] {
        max-width: 100%;
    }

    .government-brand-logo[b-sjjybs4y7v] {
        width: 210px;
        max-width: 78%;
    }
}
/* /Components/Account/Pages/LoginWith2fa.razor.rz.scp.css */
.auth-page[b-nd26jmdtvr] { position: relative; min-height: 100vh; display: flex; align-items: center; justify-content: center; padding: 24px; overflow: hidden; background: linear-gradient(135deg, #031225 0%, #0a2f66 60%, #1d4ed8 100%); }
.animated-grid[b-nd26jmdtvr] { position: absolute; inset: 0; background-image: linear-gradient(rgba(255,255,255,0.04) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.04) 1px, transparent 1px); background-size: 42px 42px; opacity: 0.18; }
.bg-orb[b-nd26jmdtvr] { position: absolute; border-radius: 50%; filter: blur(90px); }
.orb-1[b-nd26jmdtvr] { width: 380px; height: 380px; top: -90px; left: -70px; background: rgba(59,130,246,.40); }
.orb-2[b-nd26jmdtvr] { width: 340px; height: 340px; right: -70px; bottom: -60px; background: rgba(14,165,233,.30); }
.bg-noise[b-nd26jmdtvr] { position: absolute; inset: 0; background-image: radial-gradient(rgba(255,255,255,0.06) 0.7px, transparent 0.7px); background-size: 18px 18px; opacity: 0.08; }
.auth-shell[b-nd26jmdtvr] { position: relative; z-index: 2; width: 100%; max-width: 1100px; min-height: 640px; display: grid; grid-template-columns: 1fr 1fr; border-radius: 30px; overflow: hidden; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.12); }
.auth-brand-panel[b-nd26jmdtvr] { display:flex; align-items:center; justify-content:center; padding:52px 44px; background: linear-gradient(180deg, #2563eb 0%, #0e7490 100%); color:#fff; }
.brand-content[b-nd26jmdtvr] { max-width:460px; }
.brand-logo[b-nd26jmdtvr] { width:180px; }
.brand-badge[b-nd26jmdtvr] { display:inline-flex; padding:8px 16px; border-radius:999px; background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.18); margin-top:12px; }
.auth-card[b-nd26jmdtvr] { display:flex; align-items:center; justify-content:center; padding:40px 32px; background: linear-gradient(180deg, #edf2f8 0%, #dfe7f2 100%); }
.auth-card-body[b-nd26jmdtvr] { width:100%; max-width:460px; padding:36px 32px; border-radius:28px; background: rgba(255,255,255,.58); }
.submit-btn[b-nd26jmdtvr] { background: linear-gradient(90deg, #0d6efd, #2563eb); color:white; border:none; }
.validation-summary[b-nd26jmdtvr], .field-validation[b-nd26jmdtvr] { color:#b42318; font-size:.875rem; }
.secondary-links a[b-nd26jmdtvr] { color:#0d6efd; text-decoration:none; }
@media (max-width: 992px) { .auth-shell[b-nd26jmdtvr] { grid-template-columns: 1fr; } .auth-brand-panel[b-nd26jmdtvr] { display:none; } }
/* /Components/Account/Pages/LoginWithRecoveryCode.razor.rz.scp.css */
.auth-page[b-0imutyth3m] { position: relative; min-height: 100vh; display: flex; align-items: center; justify-content: center; padding: 24px; overflow: hidden; background: linear-gradient(135deg, #031225 0%, #0a2f66 60%, #1d4ed8 100%); }
.animated-grid[b-0imutyth3m] { position: absolute; inset: 0; background-image: linear-gradient(rgba(255,255,255,0.04) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.04) 1px, transparent 1px); background-size: 42px 42px; opacity: 0.18; }
.bg-orb[b-0imutyth3m] { position: absolute; border-radius: 50%; filter: blur(90px); }
.orb-1[b-0imutyth3m] { width: 380px; height: 380px; top: -90px; left: -70px; background: rgba(59,130,246,.40); }
.orb-2[b-0imutyth3m] { width: 340px; height: 340px; right: -70px; bottom: -60px; background: rgba(14,165,233,.30); }
.bg-noise[b-0imutyth3m] { position: absolute; inset: 0; background-image: radial-gradient(rgba(255,255,255,0.06) 0.7px, transparent 0.7px); background-size: 18px 18px; opacity: 0.08; }
.auth-shell[b-0imutyth3m] { position: relative; z-index: 2; width: 100%; max-width: 1100px; min-height: 640px; display: grid; grid-template-columns: 1fr 1fr; border-radius: 30px; overflow: hidden; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.12); }
.auth-brand-panel[b-0imutyth3m] { display:flex; align-items:center; justify-content:center; padding:52px 44px; background: linear-gradient(180deg, #2563eb 0%, #0e7490 100%); color:#fff; }
.brand-content[b-0imutyth3m] { max-width:460px; }
.brand-logo[b-0imutyth3m] { width:180px; }
.brand-badge[b-0imutyth3m] { display:inline-flex; padding:8px 16px; border-radius:999px; background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.18); margin-top:12px; }
.auth-card[b-0imutyth3m] { display:flex; align-items:center; justify-content:center; padding:40px 32px; background: linear-gradient(180deg, #edf2f8 0%, #dfe7f2 100%); }
.auth-card-body[b-0imutyth3m] { width:100%; max-width:460px; padding:36px 32px; border-radius:28px; background: rgba(255,255,255,.58); }
.submit-btn[b-0imutyth3m] { background: linear-gradient(90deg, #0d6efd, #2563eb); color:white; border:none; }
.validation-summary[b-0imutyth3m], .field-validation[b-0imutyth3m] { color:#b42318; font-size:.875rem; }
.secondary-links a[b-0imutyth3m] { color:#0d6efd; text-decoration:none; }
@media (max-width: 992px) { .auth-shell[b-0imutyth3m] { grid-template-columns: 1fr; } .auth-brand-panel[b-0imutyth3m] { display:none; } }
/* /Components/Account/Pages/Register.razor.rz.scp.css */
.auth-page[b-lj15n3sfoe] {
    position: relative;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    overflow: hidden;
    background: linear-gradient(135deg, #031225 0%, #0a2f66 60%, #1d4ed8 100%);
}

.animated-grid[b-lj15n3sfoe] {
    position: absolute;
    inset: 0;
    background-image: linear-gradient(rgba(255,255,255,0.04) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.04) 1px, transparent 1px);
    background-size: 42px 42px;
    opacity: 0.18;
    animation: gridMove-b-lj15n3sfoe 18s linear infinite;
    pointer-events: none;
}

.bg-orb[b-lj15n3sfoe] {
    position: absolute;
    border-radius: 50%;
    filter: blur(90px);
    pointer-events: none;
}

.orb-1[b-lj15n3sfoe] {
    width: 380px;
    height: 380px;
    top: -90px;
    left: -70px;
    background: rgba(59, 130, 246, 0.40);
    animation: floatOrb-b-lj15n3sfoe 13s ease-in-out infinite;
}

.orb-2[b-lj15n3sfoe] {
    width: 340px;
    height: 340px;
    right: -70px;
    bottom: -60px;
    background: rgba(14, 165, 233, 0.30);
    animation: floatOrb-b-lj15n3sfoe 15s ease-in-out infinite reverse;
}

.bg-noise[b-lj15n3sfoe] {
    position: absolute;
    inset: 0;
    background-image: radial-gradient(rgba(255,255,255,0.06) 0.7px, transparent 0.7px);
    background-size: 18px 18px;
    opacity: 0.08;
    pointer-events: none;
}

.register-shell[b-lj15n3sfoe] {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 1520px;
    min-height: 740px;
    display: grid;
    grid-template-columns: 0.95fr 1.45fr;
    border-radius: 30px;
    overflow: hidden;
    background: rgba(255,255,255,0.08);
    border: 1px solid rgba(255,255,255,0.12);
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.35);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

.auth-brand-panel[b-lj15n3sfoe] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 48px 40px;
    background: radial-gradient(circle at 18% 18%, rgba(255, 255, 255, 0.13), transparent 28%), linear-gradient(180deg, #2563eb 0%, #0e7490 100%);
    color: #fff;
    overflow: hidden;
    isolation: isolate;
}

.brand-visual-bg[b-lj15n3sfoe] {
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    overflow: hidden;
}

.brand-ring[b-lj15n3sfoe] {
    position: absolute;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.15);
    background: radial-gradient(circle, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0));
}

.brand-ring-1[b-lj15n3sfoe] {
    width: 430px;
    height: 430px;
    top: -210px;
    left: -170px;
}

.brand-ring-2[b-lj15n3sfoe] {
    width: 360px;
    height: 360px;
    right: -170px;
    bottom: -80px;
}

.brand-line[b-lj15n3sfoe] {
    position: absolute;
    height: 2px;
    border-radius: 999px;
    background: linear-gradient( 90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.20), rgba(255, 255, 255, 0) );
    transform-origin: center;
}

.brand-line-1[b-lj15n3sfoe] {
    width: 520px;
    left: -100px;
    bottom: 135px;
    transform: rotate(-12deg);
}

.brand-line-2[b-lj15n3sfoe] {
    width: 460px;
    right: -150px;
    top: 185px;
    transform: rotate(-20deg);
}

.brand-deco-image-wrap[b-lj15n3sfoe],
.brand-deco-image[b-lj15n3sfoe],
.brand-watermark[b-lj15n3sfoe] {
    display: none !important;
}

.brand-content[b-lj15n3sfoe] {
    width: 100%;
    max-width: 460px;
    position: relative;
    z-index: 2;
    animation: fadeUp-b-lj15n3sfoe 0.9s ease;
}

.brand-top[b-lj15n3sfoe] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 14px;
    margin-bottom: 30px;
    text-align: center;
}

.brand-logo-wrap[b-lj15n3sfoe] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    animation: logoFloat-b-lj15n3sfoe 4s ease-in-out infinite;
}

    .brand-logo-wrap[b-lj15n3sfoe]::after {
        content: "";
        position: absolute;
        width: 230px;
        height: 230px;
        border-radius: 40px;
        background: radial-gradient(circle, rgba(255, 255, 255, 0.17), rgba(255, 255, 255, 0));
        z-index: -1;
    }

.brand-logo[b-lj15n3sfoe] {
    width: 180px;
    max-width: 180px;
    height: auto;
    object-fit: contain;
    display: block;
    filter: drop-shadow(0 14px 26px rgba(0, 0, 0, 0.22));
    animation: logoGlow-b-lj15n3sfoe 3s ease-in-out infinite;
}

.brand-badge[b-lj15n3sfoe] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 16px;
    border-radius: 999px;
    font-size: .82rem;
    font-weight: 800;
    letter-spacing: .08em;
    color: #fff;
    background: rgba(255,255,255,.12);
    border: 1px solid rgba(255,255,255,.18);
    box-shadow: 0 14px 30px rgba(0, 0, 0, 0.12);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    animation: badgePulse-b-lj15n3sfoe 2.8s ease-in-out infinite;
}

.brand-content h1[b-lj15n3sfoe] {
    margin: 0 0 16px;
    font-size: clamp(2.5rem, 4vw, 4rem);
    line-height: .95;
    font-weight: 900;
    letter-spacing: -0.03em;
    animation: fadeUp-b-lj15n3sfoe 1s ease;
}

.brand-content p[b-lj15n3sfoe] {
    margin: 0 0 26px;
    font-size: 1rem;
    line-height: 1.65;
    color: rgba(255,255,255,.92);
    animation: fadeUp-b-lj15n3sfoe 1.15s ease;
}

.brand-highlights[b-lj15n3sfoe] {
    display: grid;
    gap: 12px;
    animation: fadeUp-b-lj15n3sfoe 1.3s ease;
}

.highlight-item[b-lj15n3sfoe] {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 1rem;
    color: rgba(255,255,255,.96);
    transition: transform .25s ease;
}

    .highlight-item:hover[b-lj15n3sfoe] {
        transform: translateX(6px);
    }

.highlight-dot[b-lj15n3sfoe] {
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 0 0 5px rgba(255,255,255,.14);
}

.register-card[b-lj15n3sfoe] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 22px;
    padding: 24px 20px;
    background: radial-gradient(circle at 50% 22%, rgba(37, 99, 235, 0.08), transparent 34%), linear-gradient(180deg, #edf2f8 0%, #dfe7f2 100%);
}

.register-card-body[b-lj15n3sfoe] {
    width: min(980px, 100%);
    max-width: 980px;
    min-width: 0;
    padding: 28px 26px;
    border-radius: 28px;
    background: rgba(255,255,255,.62);
    border: 1px solid rgba(255,255,255,.72);
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.10);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    animation: cardIn-b-lj15n3sfoe 0.6s ease;
}

.auth-card-header[b-lj15n3sfoe] {
    margin-bottom: 20px;
}

    .auth-card-header h2[b-lj15n3sfoe] {
        margin: 0 0 8px;
        color: #0f172a;
        font-size: 2.5rem;
        line-height: 1;
        font-weight: 900;
        letter-spacing: -0.03em;
    }

    .auth-card-header p[b-lj15n3sfoe] {
        margin: 0;
        color: #64748b;
        font-size: 1rem;
    }

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

.form-grid-full[b-lj15n3sfoe] {
    grid-column: 1 / -1;
}

.custom-input-group[b-lj15n3sfoe] {
    display: flex;
    align-items: stretch;
    width: 100%;
    border: 1px solid #dbe4f0;
    border-radius: 14px;
    overflow: hidden;
    background: #ffffff;
    box-shadow: 0 6px 16px rgba(15, 23, 42, 0.05);
    transition: box-shadow .2s ease, border-color .2s ease, transform .2s ease;
}

    .custom-input-group:focus-within[b-lj15n3sfoe] {
        border-color: #0d6efd;
        box-shadow: 0 0 0 .2rem rgba(13, 110, 253, .12);
        transform: translateY(-1px);
    }

.custom-addon[b-lj15n3sfoe] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #ffffff;
    color: #6c757d;
    flex: 0 0 52px;
    min-width: 52px;
    border: 0;
    margin: 0;
    padding: 0;
}

.custom-addon-left[b-lj15n3sfoe] {
    border-right: 1px solid #eef2f7;
}

.custom-addon-right[b-lj15n3sfoe] {
    border-left: 1px solid #eef2f7;
}

.custom-control[b-lj15n3sfoe] {
    flex: 1 1 auto;
    width: 100% !important;
    min-width: 0;
    border: 0 !important;
    box-shadow: none !important;
    min-height: 52px;
    background: #ffffff !important;
    color: #0f172a !important;
    font-size: 1rem;
    font-weight: 500;
    border-radius: 0 !important;
    padding-left: 14px;
    padding-right: 14px;
}

    .custom-control[b-lj15n3sfoe]::placeholder {
        color: #94a3b8;
        font-weight: 400;
    }

    .custom-control:focus[b-lj15n3sfoe] {
        box-shadow: none !important;
        background: #ffffff !important;
    }

.custom-addon-btn[b-lj15n3sfoe] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #ffffff;
    color: #6c757d;
    border: 0;
    flex: 0 0 52px;
    min-width: 52px;
    margin: 0;
    padding: 0;
    transition: color .2s ease, background .2s ease, transform .2s ease;
}

    .custom-addon-btn:hover[b-lj15n3sfoe] {
        color: #0d6efd;
        background: #ffffff;
        transform: scale(1.05);
    }

    .custom-addon-btn:focus[b-lj15n3sfoe],
    .custom-addon-btn:active[b-lj15n3sfoe] {
        box-shadow: none !important;
        outline: none !important;
        background: #ffffff;
    }

.submit-btn[b-lj15n3sfoe] {
    height: 56px;
    border: none;
    border-radius: 16px;
    background: linear-gradient(90deg, #2563eb 0%, #2497e8 100%);
    color: #fff;
    font-size: 1.05rem;
    font-weight: 800;
    box-shadow: 0 14px 24px rgba(37, 99, 235, 0.24);
    transition: transform .2s ease, box-shadow .2s ease, filter .2s ease;
}

    .submit-btn:hover[b-lj15n3sfoe] {
        transform: translateY(-2px);
        box-shadow: 0 18px 28px rgba(37, 99, 235, 0.28);
        color: #fff;
        filter: brightness(1.03);
    }

    .submit-btn:focus[b-lj15n3sfoe],
    .submit-btn:active[b-lj15n3sfoe] {
        color: #fff;
        box-shadow: 0 18px 28px rgba(37, 99, 235, 0.28);
    }

.auth-footer[b-lj15n3sfoe] {
    color: #64748b;
}

    .auth-footer a[b-lj15n3sfoe] {
        color: #2563eb;
        font-weight: 700;
        text-decoration: none;
    }

        .auth-footer a:hover[b-lj15n3sfoe] {
            text-decoration: underline;
        }

.auth-government-brand[b-lj15n3sfoe] {
    width: 100%;
    max-width: 980px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    opacity: 0;
    transform: translateY(14px);
    animation: governmentBrandIn-b-lj15n3sfoe 0.8s ease 0.35s forwards;
}

.government-brand-line[b-lj15n3sfoe] {
    width: 74%;
    height: 1px;
    border-radius: 999px;
    background: linear-gradient( 90deg, rgba(15, 23, 42, 0), rgba(15, 23, 42, 0.18), rgba(15, 23, 42, 0) );
}

.government-brand-logo[b-lj15n3sfoe] {
    width: 285px;
    max-width: 82%;
    height: auto;
    object-fit: contain;
    opacity: 0.76;
    filter: drop-shadow(0 10px 20px rgba(15, 23, 42, 0.10));
    transition: opacity 0.25s ease, transform 0.25s ease, filter 0.25s ease;
    animation: governmentLogoFloat-b-lj15n3sfoe 4.5s ease-in-out infinite;
}

.auth-government-brand:hover .government-brand-logo[b-lj15n3sfoe] {
    opacity: 0.95;
    transform: translateY(-2px) scale(1.015);
    filter: drop-shadow(0 14px 24px rgba(15, 23, 42, 0.16));
}

.validation-summary[b-lj15n3sfoe] {
    padding: 12px 14px;
    border-radius: 12px;
    background: #fef2f2;
    color: #b91c1c;
    border: 1px solid #fecaca;
    font-size: 0.92rem;
    margin-bottom: 12px;
}

.field-validation[b-lj15n3sfoe],
[b-lj15n3sfoe] .validation-message {
    color: #dc2626;
    font-size: .84rem;
    margin-top: 6px;
}

[b-lj15n3sfoe] .validation-errors {
    margin: 0;
    padding-left: 18px;
}

[b-lj15n3sfoe] .mb-3:has(.input-validation-error) .custom-input-group {
    border-color: #ef4444;
    box-shadow: 0 0 0 0.18rem rgba(239, 68, 68, 0.10);
}

@keyframes floatOrb-b-lj15n3sfoe {
    0%, 100% {
        transform: translate(0, 0) scale(1);
    }

    50% {
        transform: translate(18px, -12px) scale(1.06);
    }
}

@keyframes gridMove-b-lj15n3sfoe {
    0% {
        transform: translate(0, 0);
    }

    100% {
        transform: translate(42px, 42px);
    }
}

@keyframes cardIn-b-lj15n3sfoe {
    from {
        opacity: 0;
        transform: translateY(18px);
    }

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

@keyframes fadeUp-b-lj15n3sfoe {
    from {
        opacity: 0;
        transform: translateY(18px);
    }

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

@keyframes logoFloat-b-lj15n3sfoe {
    0%, 100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-8px);
    }
}

@keyframes logoGlow-b-lj15n3sfoe {
    0%, 100% {
        filter: drop-shadow(0 14px 26px rgba(0, 0, 0, 0.22));
    }

    50% {
        filter: drop-shadow(0 18px 34px rgba(255, 255, 255, 0.20));
    }
}

@keyframes badgePulse-b-lj15n3sfoe {
    0%, 100% {
        transform: scale(1);
        background: rgba(255,255,255,.12);
    }

    50% {
        transform: scale(1.04);
        background: rgba(255,255,255,.18);
    }
}

@keyframes governmentBrandIn-b-lj15n3sfoe {
    from {
        opacity: 0;
        transform: translateY(14px);
    }

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

@keyframes governmentLogoFloat-b-lj15n3sfoe {
    0%, 100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-5px);
    }
}

@media (max-width: 1200px) {
    .register-shell[b-lj15n3sfoe] {
        grid-template-columns: 1fr;
        max-width: 980px;
    }

    .auth-brand-panel[b-lj15n3sfoe] {
        min-height: 300px;
        padding: 36px 28px;
    }

    .register-card[b-lj15n3sfoe] {
        padding: 28px 20px;
    }

    .register-card-body[b-lj15n3sfoe] {
        max-width: 100%;
    }

    .auth-government-brand[b-lj15n3sfoe] {
        max-width: 100%;
    }

    .government-brand-logo[b-lj15n3sfoe] {
        width: 250px;
    }
}

@media (max-width: 768px) {
    .auth-page[b-lj15n3sfoe] {
        padding: 12px;
    }

    .register-shell[b-lj15n3sfoe] {
        border-radius: 24px;
    }

    .auth-brand-panel[b-lj15n3sfoe] {
        min-height: 280px;
        padding: 24px 20px;
    }

    .brand-content h1[b-lj15n3sfoe] {
        font-size: 2.3rem;
    }

    .brand-content p[b-lj15n3sfoe] {
        font-size: 0.95rem;
        margin-bottom: 22px;
    }

    .brand-top[b-lj15n3sfoe] {
        align-items: center;
        text-align: center;
        margin-bottom: 22px;
    }

    .brand-logo[b-lj15n3sfoe] {
        width: 130px;
        max-width: 130px;
    }

    .brand-logo-wrap[b-lj15n3sfoe]::after {
        width: 170px;
        height: 170px;
    }

    .brand-ring-1[b-lj15n3sfoe] {
        width: 300px;
        height: 300px;
        top: -150px;
        left: -130px;
    }

    .brand-ring-2[b-lj15n3sfoe] {
        width: 250px;
        height: 250px;
        right: -120px;
        bottom: -80px;
    }

    .form-grid[b-lj15n3sfoe] {
        grid-template-columns: 1fr;
    }

    .form-grid-full[b-lj15n3sfoe] {
        grid-column: auto;
    }

    .register-card[b-lj15n3sfoe] {
        gap: 16px;
        padding: 22px 14px;
    }

    .register-card-body[b-lj15n3sfoe] {
        padding: 24px 18px;
        border-radius: 22px;
    }

    .auth-card-header h2[b-lj15n3sfoe] {
        font-size: 2.1rem;
    }

    .government-brand-logo[b-lj15n3sfoe] {
        width: 210px;
        max-width: 78%;
    }
}
/* /Components/Account/Pages/RegisterConfirmation.razor.rz.scp.css */
.auth-page[b-0a560dh6ks] {
    position: relative;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    overflow: hidden;
    background: linear-gradient(135deg, #031225 0%, #0a2f66 60%, #1d4ed8 100%);
}

.animated-grid[b-0a560dh6ks] {
    position: absolute;
    inset: 0;
    background-image: linear-gradient(rgba(255,255,255,0.04) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.04) 1px, transparent 1px);
    background-size: 42px 42px;
    opacity: 0.18;
}

.bg-orb[b-0a560dh6ks] {
    position: absolute;
    border-radius: 50%;
    filter: blur(90px);
    pointer-events: none;
}

.orb-1[b-0a560dh6ks] {
    width: 380px;
    height: 380px;
    top: -90px;
    left: -70px;
    background: rgba(59, 130, 246, 0.40);
}

.orb-2[b-0a560dh6ks] {
    width: 340px;
    height: 340px;
    right: -70px;
    bottom: -60px;
    background: rgba(14, 165, 233, 0.30);
}

.bg-noise[b-0a560dh6ks] {
    position: absolute;
    inset: 0;
    background-image: radial-gradient(rgba(255,255,255,0.06) 0.7px, transparent 0.7px);
    background-size: 18px 18px;
    opacity: 0.08;
    pointer-events: none;
}

.confirmation-shell[b-0a560dh6ks] {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 1180px;
    min-height: 680px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    border-radius: 30px;
    overflow: hidden;
    background: rgba(255,255,255,0.08);
    border: 1px solid rgba(255,255,255,0.12);
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.35);
    backdrop-filter: blur(12px);
}

.auth-brand-panel[b-0a560dh6ks] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 52px 44px;
    background: linear-gradient(180deg, #2563eb 0%, #0e7490 100%);
    color: #fff;
    overflow: hidden;
}

.brand-content[b-0a560dh6ks] {
    width: 100%;
    max-width: 460px;
    position: relative;
    z-index: 2;
}

.brand-top[b-0a560dh6ks] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 14px;
    margin-bottom: 30px;
    text-align: center;
}

.brand-logo[b-0a560dh6ks] { width: 180px; max-width: 180px; }

.brand-badge[b-0a560dh6ks] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 16px;
    border-radius: 999px;
    font-size: .82rem;
    font-weight: 800;
    letter-spacing: .08em;
    color: #fff;
    background: rgba(255,255,255,.12);
    border: 1px solid rgba(255,255,255,.18);
}

.brand-content h1[b-0a560dh6ks] { margin: 0 0 16px; font-size: clamp(2.4rem, 4vw, 3.6rem); font-weight: 900; }
.brand-content p[b-0a560dh6ks] { margin: 0 0 30px; color: rgba(255,255,255,.92); line-height: 1.7; }
.brand-highlights[b-0a560dh6ks] { display: grid; gap: 14px; }
.highlight-item[b-0a560dh6ks] { display: flex; align-items: center; gap: 12px; }
.highlight-dot[b-0a560dh6ks] { width: 11px; height: 11px; border-radius: 50%; background: #fff; box-shadow: 0 0 0 5px rgba(255,255,255,.14); }

.brand-deco-image-wrap[b-0a560dh6ks] { position: absolute; right: 24px; bottom: 18px; opacity: 0.14; }
.brand-deco-image[b-0a560dh6ks] { width: 240px; max-width: 240px; transform: rotate(-8deg); }

.confirmation-card[b-0a560dh6ks] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px 32px;
    background: linear-gradient(180deg, #edf2f8 0%, #dfe7f2 100%);
}

.confirmation-card-body[b-0a560dh6ks] {
    width: 100%;
    max-width: 500px;
    padding: 36px 32px;
    border-radius: 28px;
    background: rgba(255,255,255,.62);
    border: 1px solid rgba(255,255,255,.72);
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.10);
}

.auth-card-header h2[b-0a560dh6ks] { margin: 0 0 8px; font-size: 2.4rem; font-weight: 900; color: #0f172a; }
.auth-card-header p[b-0a560dh6ks] { margin: 0; color: #64748b; }

.info-card[b-0a560dh6ks] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 14px;
    align-items: start;
    padding: 16px;
    border-radius: 16px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
}

.info-icon[b-0a560dh6ks] {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #0d6efd;
    background: rgba(13,110,253,.12);
    font-size: 1.2rem;
}

.info-card h3[b-0a560dh6ks] { margin: 2px 0 8px; font-size: 1.06rem; color: #0f172a; }
.info-card p[b-0a560dh6ks] { margin: 0; color: #475569; }

.info-note[b-0a560dh6ks] {
    margin-top: 14px;
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 10px;
    align-items: start;
    font-size: .94rem;
    color: #334155;
}

.submit-btn[b-0a560dh6ks] {
    background: linear-gradient(90deg, #1d4ed8 0%, #0ea5e9 100%);
    color: #fff;
    border: none;
    border-radius: 12px;
    min-height: 48px;
    font-weight: 700;
}

.auth-footer a[b-0a560dh6ks] { color: #1d4ed8; font-weight: 700; text-decoration: none; }

.validation-summary[b-0a560dh6ks] {
    background: #ffe4e6;
    color: #9f1239;
    border: 1px solid #fecdd3;
    border-radius: 12px;
    padding: 10px 12px;
    margin-bottom: 12px;
}

@media (max-width: 992px) {
    .confirmation-shell[b-0a560dh6ks] {
        grid-template-columns: 1fr;
        min-height: auto;
    }

    .auth-brand-panel[b-0a560dh6ks],
    .confirmation-card[b-0a560dh6ks] {
        padding: 28px 20px;
    }
}

@media (max-width: 576px) {
    .auth-page[b-0a560dh6ks] { padding: 12px; }
    .confirmation-card-body[b-0a560dh6ks] { padding: 24px 18px; }
    .auth-card-header h2[b-0a560dh6ks] { font-size: 2rem; }
}
/* /Components/Account/Shared/ManageLayout.razor.rz.scp.css */
.manage-shell[b-s3mqfaowwe] {
    max-width: 1120px;
    margin: 1.5rem auto;
}

.manage-hero[b-s3mqfaowwe] {
    background: linear-gradient(120deg, #0f3469 0%, #1f5fab 72%, #5b93d6 100%);
    border-radius: 18px;
    padding: 1.6rem 1.8rem;
    color: #fff;
    margin-bottom: 1rem;
    box-shadow: 0 12px 26px rgba(15, 52, 105, .18);
}

.manage-hero h1[b-s3mqfaowwe] {
    margin: 0 0 .2rem;
}

.manage-hero p[b-s3mqfaowwe] {
    margin: 0;
    color: rgba(255,255,255,.92);
}

.manage-content[b-s3mqfaowwe] {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    padding: 1.2rem;
    box-shadow: 0 8px 18px rgba(15, 23, 42, .06);
}
/* /Components/Account/Shared/ManageNavMenu.razor.rz.scp.css */
.nav[b-0ymybn1zp2] {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    padding: .6rem;
    box-shadow: 0 8px 18px rgba(15, 23, 42, .06);
}

.nav-item + .nav-item[b-0ymybn1zp2] {
    margin-top: .25rem;
}

.nav-pills .nav-link[b-0ymybn1zp2] {
    border-radius: 10px;
    color: #0f172a;
    font-weight: 600;
    padding: .7rem .8rem;
}

.nav-pills .nav-link.active[b-0ymybn1zp2] {
    background: linear-gradient(120deg, #1f5fab 0%, #2f78d1 100%);
}
/* /Components/Layout/EmptyLayout.razor.rz.scp.css */
.page[b-upvvxhgzof] {
    position: relative;
    display: flex;
    flex-direction: column;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    #blazor-error-ui .dismiss[b-upvvxhgzof] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-boa39ld41j] {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

main[b-boa39ld41j] {
    flex: 1;
    min-width: 0;
}

.sidebar[b-boa39ld41j] {
    background: linear-gradient(180deg, #031225 0%, #0a2f66 60%, #1d4ed8 100%);
    transition: width .25s ease;
    overflow: hidden;
    background-image: linear-gradient(180deg, #071a33 0%, #0b2f60 72%, #174a94 100%) !important;
}

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

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

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

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


.top-actions[b-boa39ld41j] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

.top-action-btn[b-boa39ld41j] {
    border: 1px solid #cbd5e1;
    background: #ffffff;
    color: #1e293b;
    border-radius: 999px;
    padding: 6px 12px;
    font-weight: 600;
    font-size: 0.92rem;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    transition: all .2s ease;
}

.top-action-btn:hover[b-boa39ld41j] {
    background: #f8fafc;
    border-color: #94a3b8;
}

.top-action-btn-manual[b-boa39ld41j] {
    border-color: #93c5fd;
    background: #eff6ff;
    color: #1d4ed8;
}

.top-action-btn-manual:hover[b-boa39ld41j] {
    background: #dbeafe;
    border-color: #60a5fa;
}
.top-account-hub[b-boa39ld41j] {
    position: relative;
}

.top-account-trigger[b-boa39ld41j] {
    border: 1px solid #cbd5e1;
    background: #fff;
    border-radius: 999px;
    padding: 6px 12px;
    display: inline-flex;
    gap: 8px;
    align-items: center;
    color: #0f172a;
    font-weight: 600;
}

.top-account-menu[b-boa39ld41j] {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    width: 260px;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    box-shadow: 0 18px 34px rgba(15, 23, 42, .18);
    padding: 8px;
    z-index: 40;
}

.top-account-menu a[b-boa39ld41j] {
    display: flex;
    align-items: center;
    gap: 8px;
    border-radius: 8px;
    padding: 8px 10px;
    text-decoration: none;
    color: #0f172a;
    font-weight: 600;
}

.top-account-menu a:hover[b-boa39ld41j] {
    background: #eff6ff;
}

.top-account-menu .logout-item[b-boa39ld41j] {
    margin-top: 6px;
    border-top: 1px solid #e2e8f0;
    padding-top: 10px;
}

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

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

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

    .sidebar[b-boa39ld41j] {
        width: 248px;
        height: 100dvh;
        min-height: 100vh;
        position: fixed;
        inset: 0 auto 0 0;
        z-index: 20;
    }

    main[b-boa39ld41j] {
        margin-left: 248px;
        transition: margin-left .25s ease;
    }

    .sidebar-collapsed[b-boa39ld41j] {
        width: 92px;
    }

    .sidebar-collapsed + main[b-boa39ld41j] {
        margin-left: 92px;
    }

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

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

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

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

    #blazor-error-ui .dismiss[b-boa39ld41j] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

@media (max-width: 575.98px) {
    .top-row[b-boa39ld41j] {
        height: auto;
        min-height: 3.5rem;
        align-items: flex-start;
        gap: .65rem;
        flex-wrap: wrap;
        padding-top: .55rem;
        padding-bottom: .55rem;
    }

    .top-actions[b-boa39ld41j] {
        flex: 1 1 auto;
        min-width: 0;
        gap: .45rem;
        flex-wrap: wrap;
    }

    .top-action-btn[b-boa39ld41j],
    .top-account-trigger[b-boa39ld41j] {
        max-width: 100%;
        padding: 6px 10px;
        font-size: .86rem;
        white-space: normal;
    }

    .top-account-hub[b-boa39ld41j] {
        max-width: 100%;
    }

    .top-account-trigger span[b-boa39ld41j] {
        min-width: 0;
        max-width: min(44vw, 12rem);
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .top-account-menu[b-boa39ld41j] {
        right: 0;
        width: min(260px, calc(100vw - 1rem));
    }
}

.simega-page-error[b-boa39ld41j] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 1rem;
    margin: 1.5rem 0;
    padding: 1.25rem;
    border: 1px solid rgba(239, 68, 68, 0.25);
    border-radius: 24px;
    color: #7f1d1d;
    background: linear-gradient(135deg, #fff7ed, #fff1f2);
    box-shadow: 0 18px 48px rgba(127, 29, 29, 0.12);
}

.simega-page-error-icon[b-boa39ld41j] {
    width: 3rem;
    height: 3rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 18px;
    color: #b91c1c;
    background: rgba(239, 68, 68, 0.12);
    font-size: 1.35rem;
}

.simega-page-error-eyebrow[b-boa39ld41j],
.simega-page-error-content h2[b-boa39ld41j],
.simega-page-error-content p[b-boa39ld41j] {
    margin: 0;
}

.simega-page-error-eyebrow[b-boa39ld41j] {
    color: #991b1b;
    font-size: 0.75rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.simega-page-error-content h2[b-boa39ld41j] {
    margin-top: 0.1rem;
    color: #450a0a;
    font-size: 1.25rem;
    font-weight: 800;
}

.simega-page-error-content p[b-boa39ld41j] {
    margin-top: 0.35rem;
    color: #7f1d1d;
}

.simega-page-error-details[b-boa39ld41j] {
    display: grid;
    grid-template-columns: max-content minmax(0, 1fr);
    gap: 0.45rem 0.75rem;
    margin: 1rem 0 0;
}

.simega-page-error-details dt[b-boa39ld41j] {
    font-weight: 800;
}

.simega-page-error-details dd[b-boa39ld41j] {
    margin: 0;
    min-width: 0;
    overflow-wrap: anywhere;
}

.simega-page-error-stack[b-boa39ld41j] {
    margin-top: 1rem;
}

.simega-page-error-stack summary[b-boa39ld41j] {
    cursor: pointer;
    font-weight: 800;
}

.simega-page-error-stack pre[b-boa39ld41j] {
    max-height: 22rem;
    overflow: auto;
    margin: 0.75rem 0 0;
    padding: 1rem;
    border-radius: 16px;
    color: #fee2e2;
    background: #1f2937;
    white-space: pre-wrap;
}

.simega-page-error-actions[b-boa39ld41j] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-top: 1rem;
}

.simega-page-error-primary[b-boa39ld41j],
.simega-page-error-secondary[b-boa39ld41j] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    padding: 0.65rem 1rem;
    font-weight: 800;
    text-decoration: none;
}

.simega-page-error-primary[b-boa39ld41j] {
    color: #fff;
    background: linear-gradient(135deg, #dc2626, #b91c1c);
}

.simega-page-error-secondary[b-boa39ld41j] {
    border: 1px solid rgba(185, 28, 28, 0.28);
    color: #991b1b;
    background: #fff;
}

@media (max-width: 575.98px) {
    .simega-page-error[b-boa39ld41j] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.navmenu-shell[b-ad0543omqq] {
    position: relative;
    min-height: 100%;
    display: flex;
    flex-direction: column;
    color: #e2e8f0;
    background-color: #071a33;
    background-image: linear-gradient(180deg, #071a33 0%, #0b2f60 72%, #174a94 100%) !important;
    overflow: hidden;
}

.navmenu-header[b-ad0543omqq] {
    position: relative;
    z-index: 45;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 12px;
    border-bottom: 1px solid rgba(255,255,255,.12);
    background: rgba(255,255,255,.07);
    backdrop-filter: blur(8px);
}

.header-actions[b-ad0543omqq] {
    display: flex;
    align-items: center;
    gap: 8px;
    position: relative;
}

.brand[b-ad0543omqq] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    color: #fff;
    min-width: 0;
}

.brand-logo[b-ad0543omqq] {
    width: 34px;
    height: 34px;
    object-fit: contain;
}

.brand-text[b-ad0543omqq] {
    font-size: .95rem;
    font-weight: 800;
    letter-spacing: .08em;
    white-space: nowrap;
}

.collapse-btn[b-ad0543omqq],
.mobile-btn[b-ad0543omqq] {
    width: 2.1rem;
    height: 2.1rem;
    border: 1px solid rgba(255,255,255,.24);
    border-radius: .6rem;
    color: #fff;
    background: rgba(255,255,255,.08);
    align-items: center;
    justify-content: center;
}

.menu-overlay[b-ad0543omqq] {
    position: fixed;
    inset: 0;
    background: rgba(2, 6, 23, .6);
    opacity: 0;
    pointer-events: none;
    transition: opacity .2s ease;
    z-index: 30;
}

.navmenu-content[b-ad0543omqq] {
    flex: 1;
    overflow-y: auto;
    padding: 14px 10px 16px;
    position: relative;
    z-index: 40;
    scrollbar-width: thin;
}

.menu-group-title[b-ad0543omqq] {
    padding: 8px 10px;
    text-transform: uppercase;
    letter-spacing: .08em;
    font-size: .72rem;
    color: rgba(226,232,240,.72);
}

.nav-item[b-ad0543omqq] {
    margin-bottom: 6px;
}

.nav-item[b-ad0543omqq]  .nav-link,
.logout-btn[b-ad0543omqq] {
    border: none;
    width: 100%;
    display: flex;
    align-items: center;
    gap: 12px;
    height: 44px;
    border-radius: 12px;
    padding: 0 12px;
    color: #e2e8f0;
    text-decoration: none;
    background: transparent;
    font-weight: 600;
    font-size: .93rem;
    transition: background .2s ease, color .2s ease, transform .2s ease;
}

.nav-item[b-ad0543omqq]  .nav-link i,
.logout-btn i[b-ad0543omqq] {
    font-size: 1.15rem;
    min-width: 20px;
}

.nav-item[b-ad0543omqq]  .nav-link:hover,
.logout-btn:hover[b-ad0543omqq] {
    background: rgba(255,255,255,.12);
    color: #fff;
    transform: translateX(2px);
}

.nav-item[b-ad0543omqq]  a.active {
    background: rgba(255,255,255,.24);
    color: #fff;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.15);
}

.logout-form[b-ad0543omqq] {
    margin: 0;
}


@media (max-width: 640.98px) {
    .navmenu-content[b-ad0543omqq] {
        position: fixed;
        top: 0;
        left: 0;
        width: min(86vw, 320px);
        height: 100vh;
        padding-top: 72px;
        transform: translateX(-102%);
        transition: transform .22s ease;
        box-shadow: 18px 0 36px rgba(2, 6, 23, .5);
        background-color: #071a33;
        background-image: linear-gradient(180deg, #071a33 0%, #0b2f60 72%, #174a94 100%) !important;
    }

    .is-mobile-open .navmenu-content[b-ad0543omqq] {
        transform: translateX(0);
    }

    .is-mobile-open .menu-overlay[b-ad0543omqq] {
        opacity: 1;
        pointer-events: auto;
    }
}

@media (min-width: 641px) {
    .navmenu-shell[b-ad0543omqq] {
        width: 100%;
        height: 100dvh;
        min-height: 100vh;
    }

    .navmenu-shell.is-collapsed .brand-text[b-ad0543omqq],
    .navmenu-shell.is-collapsed .menu-group-title[b-ad0543omqq],
    .navmenu-shell.is-collapsed .nav-item[b-ad0543omqq]  .nav-link span {
        display: none;
    }

    .navmenu-shell.is-collapsed .nav-item[b-ad0543omqq]  .nav-link {
        justify-content: center;
        padding: 0;
    }

    .navmenu-shell.is-collapsed .navmenu-content[b-ad0543omqq] {
        padding-left: 8px;
        padding-right: 8px;
    }

    .navmenu-shell.is-collapsed .brand[b-ad0543omqq] {
        justify-content: center;
    }

}

@media (max-width: 575.98px) {
    .navmenu-header[b-ad0543omqq] {
        gap: 8px;
        padding: 12px 10px;
    }

    .brand[b-ad0543omqq] {
        flex: 1 1 auto;
    }

    .brand-text[b-ad0543omqq] {
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: .86rem;
        letter-spacing: .05em;
    }

    .navmenu-content[b-ad0543omqq] {
        width: min(92vw, 320px);
    }
}
/* /Components/Pages/Corrales/AsignacionInspectores.razor.rz.scp.css */
.corrales-assignment-page[b-cxyur4ak66] {
    color: #16324f;
}

/* HERO */

.assignment-hero[b-cxyur4ak66] {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    gap: 1.5rem;
    padding: 2rem;
    border-radius: 28px;
    color: #fff;
    background: linear-gradient(135deg, #0f4c81 0%, #13856f 58%, #23b39a 100%);
    box-shadow: 0 24px 60px rgba(15, 76, 129, .22);
    position: relative;
    overflow: hidden;
}

    .assignment-hero[b-cxyur4ak66]::after {
        content: "";
        position: absolute;
        width: 280px;
        height: 280px;
        right: -90px;
        bottom: -150px;
        border-radius: 999px;
        background: rgba(255, 255, 255, .16);
    }

    .assignment-hero > *[b-cxyur4ak66] {
        position: relative;
        z-index: 1;
    }

    .assignment-hero h1[b-cxyur4ak66] {
        margin: .55rem 0 .45rem;
        font-size: clamp(2rem, 4vw, 3.2rem);
        font-weight: 900;
        letter-spacing: -.04em;
    }

    .assignment-hero p[b-cxyur4ak66] {
        max-width: 780px;
        margin: 0;
        color: rgba(255, 255, 255, .88);
        font-size: 1.05rem;
    }

.assignment-eyebrow[b-cxyur4ak66],
.assignment-panel__label[b-cxyur4ak66] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    font-size: .75rem;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.assignment-eyebrow[b-cxyur4ak66] {
    padding: .45rem .7rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, .16);
    border: 1px solid rgba(255, 255, 255, .22);
}

.assignment-hero__actions[b-cxyur4ak66] {
    display: grid;
    grid-template-columns: repeat(2, minmax(120px, 1fr));
    gap: .8rem;
    min-width: 340px;
}

    .assignment-hero__actions .btn[b-cxyur4ak66] {
        grid-column: 1 / -1;
        border: 0;
        border-radius: 18px;
        font-weight: 800;
    }

.assignment-kpi[b-cxyur4ak66] {
    padding: 1rem;
    border-radius: 20px;
    background: rgba(255, 255, 255, .14);
    border: 1px solid rgba(255, 255, 255, .24);
    backdrop-filter: blur(8px);
}

    .assignment-kpi span[b-cxyur4ak66] {
        display: block;
        color: rgba(255, 255, 255, .72);
        font-size: .74rem;
        font-weight: 800;
        text-transform: uppercase;
        letter-spacing: .06em;
    }

    .assignment-kpi strong[b-cxyur4ak66] {
        display: block;
        margin-top: .4rem;
        font-size: 2.15rem;
        line-height: 1;
        font-weight: 900;
    }

/* ALERTA */

.assignment-alert[b-cxyur4ak66] {
    display: flex;
    align-items: center;
    gap: .7rem;
    border: 0;
    border-radius: 18px;
    box-shadow: 0 12px 28px rgba(22, 50, 79, .08);
}

/* TOOLBAR */

.assignment-toolbar[b-cxyur4ak66] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(360px, 520px);
    gap: 1rem;
    align-items: end;
    padding: 1.15rem;
    border: 1px solid #e7edf5;
    border-radius: 24px;
    background: rgba(255, 255, 255, .96);
    box-shadow: 0 18px 40px rgba(22, 50, 79, .08);
}

.assignment-toolbar__filters[b-cxyur4ak66] {
    display: grid;
    grid-template-columns: minmax(280px, 1fr);
    gap: 1rem;
}

.assignment-toolbar__filters--single[b-cxyur4ak66] {
    grid-template-columns: minmax(280px, 1fr);
}

.assignment-toolbar__new[b-cxyur4ak66] {
    min-width: 0;
}

.assignment-toolbar .form-label[b-cxyur4ak66] {
    margin-bottom: .35rem;
    color: #6d7f93;
    font-size: .78rem;
    font-weight: 900;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.assignment-toolbar .form-select[b-cxyur4ak66],
.assignment-toolbar .form-control[b-cxyur4ak66],
.assignment-toolbar .input-group-text[b-cxyur4ak66],
.assignment-search .form-control[b-cxyur4ak66],
.assignment-search .input-group-text[b-cxyur4ak66] {
    min-height: 46px;
    border-color: #e1eaf4;
}

.assignment-toolbar .form-select[b-cxyur4ak66],
.assignment-toolbar .form-control[b-cxyur4ak66] {
    border-radius: 15px;
}


.assignment-toolbar .input-group .form-select[b-cxyur4ak66] {
    border-radius: 15px 0 0 15px;
}

.assignment-toolbar .input-group .btn[b-cxyur4ak66] {
    border-radius: 0 15px 15px 0;
}

.assignment-search .input-group-text[b-cxyur4ak66] {
    border-right: 0;
    border-radius: 15px 0 0 15px;
    color: #13856f;
    background: #fff;
}

.assignment-search .form-control[b-cxyur4ak66] {
    border-left: 0;
    border-radius: 0 15px 15px 0;
}

/* PANEL */

.assignment-panel[b-cxyur4ak66] {
    overflow: hidden;
    border: 1px solid #e7edf5;
    border-radius: 24px;
    background: rgba(255, 255, 255, .96);
    box-shadow: 0 18px 40px rgba(22, 50, 79, .08);
}

.assignment-panel__header[b-cxyur4ak66] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.25rem;
    border-bottom: 1px solid #edf2f7;
    background: linear-gradient(180deg, #fbfdff, #fff);
}

.assignment-panel__label[b-cxyur4ak66] {
    color: #13856f;
}

.assignment-panel__header h2[b-cxyur4ak66] {
    margin: .25rem 0 0;
    font-size: 1.25rem;
    font-weight: 900;
}

.assignment-panel__header p[b-cxyur4ak66] {
    margin: .3rem 0 0;
    color: #6d7f93;
}

.assignment-count-pill[b-cxyur4ak66],
.assignment-number-pill[b-cxyur4ak66],
.assignment-tag[b-cxyur4ak66] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    width: fit-content;
    padding: .4rem .7rem;
    border-radius: 999px;
    font-size: .78rem;
    font-weight: 800;
    white-space: nowrap;
}

.assignment-count-pill[b-cxyur4ak66] {
    color: #0f4c81;
    background: #eef7ff;
}

.assignment-number-pill[b-cxyur4ak66] {
    color: #08735d;
    background: #ecfdf7;
}

.assignment-tag[b-cxyur4ak66] {
    color: #08735d;
    background: #ecfdf7;
}

/* TABLA */

.assignment-table-wrapper[b-cxyur4ak66] {
    max-height: 650px;
    overflow: auto;
}

.assignment-table-wrapper--modal[b-cxyur4ak66] {
    max-height: 560px;
    border: 1px solid #e7edf5;
    border-radius: 18px;
}

.assignment-table-wrapper--compact[b-cxyur4ak66] {
    max-height: 430px;
    border: 1px solid #e7edf5;
    border-radius: 18px;
}

.assignment-table[b-cxyur4ak66] {
    min-width: 980px;
}

    .assignment-table thead th[b-cxyur4ak66] {
        position: sticky;
        top: 0;
        z-index: 2;
        padding: .9rem 1rem;
        border-bottom: 1px solid #e7edf5;
        color: #5c6f84;
        background: #f8fbff;
        font-size: .76rem;
        font-weight: 900;
        text-transform: uppercase;
        letter-spacing: .055em;
        white-space: nowrap;
    }

    .assignment-table tbody td[b-cxyur4ak66] {
        padding: .95rem 1rem;
        border-bottom: 1px solid #edf2f7;
        vertical-align: middle;
    }

    .assignment-table tbody tr[b-cxyur4ak66] {
        transition: background .18s ease;
    }

        .assignment-table tbody tr:hover[b-cxyur4ak66] {
            background: #f8fbff;
        }

        .assignment-table tbody tr.is-selected[b-cxyur4ak66] {
            background: #f0fffb;
            box-shadow: inset 4px 0 0 #23b39a;
        }

        .assignment-table tbody tr.assignment-clickable-row[b-cxyur4ak66] {
            cursor: pointer;
        }

    .assignment-table strong[b-cxyur4ak66] {
        color: #16324f;
        font-weight: 900;
    }

.assignment-inspector-cell[b-cxyur4ak66] {
    display: flex;
    align-items: center;
    gap: .8rem;
    min-width: 280px;
}

    .assignment-inspector-cell strong[b-cxyur4ak66],
    .assignment-inspector-cell small[b-cxyur4ak66],
    .assignment-inspector-cell em[b-cxyur4ak66] {
        display: block;
    }

    .assignment-inspector-cell small[b-cxyur4ak66],
    .assignment-inspector-cell em[b-cxyur4ak66] {
        color: #6d7f93;
        font-size: .82rem;
        font-style: normal;
    }

.assignment-row-actions[b-cxyur4ak66] {
    display: inline-flex;
    justify-content: flex-end;
    gap: .5rem;
}

.assignment-check[b-cxyur4ak66] {
    width: 1.15rem;
    height: 1.15rem;
    cursor: pointer;
}

    .assignment-check:checked[b-cxyur4ak66] {
        background-color: #13856f;
        border-color: #13856f;
    }

/* AVATARES */

.assignment-user-avatar[b-cxyur4ak66] {
    display: inline-grid;
    place-items: center;
    flex: 0 0 auto;
    width: 44px;
    height: 44px;
    border-radius: 16px;
    color: #fff;
    background: linear-gradient(135deg, #0f4c81, #13856f);
    font-weight: 900;
}

.assignment-user-avatar--large[b-cxyur4ak66] {
    width: 68px;
    height: 68px;
    border-radius: 22px;
    font-size: 1.25rem;
}

/* BOTONES */

.corrales-assignment-page .btn[b-cxyur4ak66],
.assignment-modal .btn[b-cxyur4ak66] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .4rem;
    border-radius: 14px;
    font-weight: 800;
}

.corrales-assignment-page .btn-primary[b-cxyur4ak66],
.assignment-modal .btn-primary[b-cxyur4ak66] {
    border: 0;
    background: linear-gradient(135deg, #0f4c81, #13856f);
    box-shadow: 0 12px 26px rgba(15, 76, 129, .16);
}

    .corrales-assignment-page .btn-primary:hover[b-cxyur4ak66],
    .assignment-modal .btn-primary:hover[b-cxyur4ak66] {
        background: linear-gradient(135deg, #0d416f, #107461);
    }

.corrales-assignment-page .btn-outline-secondary[b-cxyur4ak66],
.assignment-modal .btn-outline-secondary[b-cxyur4ak66] {
    border-color: #d9e4ee;
    color: #16324f;
    background: #fff;
}

    .corrales-assignment-page .btn-outline-secondary:hover[b-cxyur4ak66],
    .assignment-modal .btn-outline-secondary:hover[b-cxyur4ak66] {
        color: #16324f;
        background: #f4f8fc;
    }

.corrales-assignment-page .btn-outline-primary[b-cxyur4ak66],
.assignment-modal .btn-outline-primary[b-cxyur4ak66] {
    border-color: rgba(15, 76, 129, .28);
    color: #0f4c81;
    background: #fff;
}

    .corrales-assignment-page .btn-outline-primary:hover[b-cxyur4ak66],
    .assignment-modal .btn-outline-primary:hover[b-cxyur4ak66] {
        color: #fff;
        background: #0f4c81;
    }

/* VACÍO */

.assignment-empty[b-cxyur4ak66] {
    display: grid;
    place-items: center;
    gap: .45rem;
    min-height: 230px;
    padding: 2rem;
    color: #6d7f93;
    text-align: center;
}

    .assignment-empty i[b-cxyur4ak66] {
        display: inline-grid;
        place-items: center;
        width: 58px;
        height: 58px;
        border-radius: 20px;
        color: #13856f;
        background: #ecfdf7;
        font-size: 1.7rem;
    }

    .assignment-empty strong[b-cxyur4ak66] {
        color: #16324f;
        font-weight: 900;
    }

    .assignment-empty span[b-cxyur4ak66] {
        max-width: 380px;
    }

/* MODALES */

.assignment-modal-backdrop[b-cxyur4ak66] {
    position: fixed;
    inset: 0;
    z-index: 1040;
    background: rgba(5, 20, 36, .52);
    backdrop-filter: blur(5px);
}

.assignment-modal-backdrop--top[b-cxyur4ak66] {
    z-index: 1060;
}

.assignment-modal[b-cxyur4ak66] {
    position: fixed;
    z-index: 1050;
    top: 50%;
    left: 50%;
    width: min(760px, calc(100vw - 2rem));
    max-height: calc(100vh - 2rem);
    overflow: auto;
    transform: translate(-50%, -50%);
    border-radius: 26px;
    background: #fff;
    box-shadow: 0 30px 90px rgba(5, 20, 36, .28);
    animation: assignmentModalIn-b-cxyur4ak66 .18s ease both;
}

.assignment-modal--large[b-cxyur4ak66] {
    width: min(1180px, calc(100vw - 2rem));
}

.assignment-modal--detail[b-cxyur4ak66] {
    width: min(980px, calc(100vw - 2rem));
}

.assignment-modal--corral[b-cxyur4ak66] {
    z-index: 1070;
    width: min(1020px, calc(100vw - 2rem));
}

.assignment-modal__header[b-cxyur4ak66],
.assignment-modal__footer[b-cxyur4ak66] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.25rem;
}

.assignment-modal__header[b-cxyur4ak66] {
    align-items: flex-start;
    border-bottom: 1px solid #edf2f7;
    background: linear-gradient(135deg, #eef7ff, #ecfdf7);
}

    .assignment-modal__header h2[b-cxyur4ak66] {
        margin: .25rem 0 0;
        font-size: 1.45rem;
        font-weight: 900;
    }

    .assignment-modal__header p[b-cxyur4ak66] {
        margin: .25rem 0 0;
        color: #6d7f93;
    }

.assignment-modal__body[b-cxyur4ak66] {
    padding: 1.25rem;
}

.assignment-modal__footer[b-cxyur4ak66] {
    align-items: center;
    border-top: 1px solid #edf2f7;
    background: #fbfdff;
}

/* MODAL ADMINISTRAR */

.assignment-modal-layout[b-cxyur4ak66] {
    display: grid;
    grid-template-columns: 300px minmax(0, 1fr);
    gap: 1.15rem;
    align-items: start;
}

.assignment-inspector-card[b-cxyur4ak66] {
    position: sticky;
    top: 0;
    padding: 1.2rem;
    border: 1px solid #e7edf5;
    border-radius: 22px;
    background: linear-gradient(180deg, #fff, #fbfdff);
}

    .assignment-inspector-card h3[b-cxyur4ak66] {
        margin: .85rem 0 .25rem;
        font-size: 1.2rem;
        font-weight: 900;
    }

    .assignment-inspector-card p[b-cxyur4ak66] {
        margin: 0;
        color: #6d7f93;
        word-break: break-word;
    }

.assignment-inspector-data[b-cxyur4ak66] {
    display: grid;
    gap: .75rem;
    margin-top: 1rem;
}

    .assignment-inspector-data div[b-cxyur4ak66],
    .assignment-detail-metrics article[b-cxyur4ak66],
    .assignment-detail-grid > div[b-cxyur4ak66],
    .assignment-detail-address[b-cxyur4ak66] {
        padding: .85rem;
        border: 1px solid #e7edf5;
        border-radius: 16px;
        background: #fbfdff;
    }

        .assignment-inspector-data span[b-cxyur4ak66],
        .assignment-detail-metrics span[b-cxyur4ak66],
        .assignment-detail-grid span[b-cxyur4ak66],
        .assignment-detail-address span[b-cxyur4ak66],
        .assignment-box-label[b-cxyur4ak66] {
            display: block;
            color: #6d7f93;
            font-size: .74rem;
            font-weight: 900;
            letter-spacing: .055em;
            text-transform: uppercase;
        }

    .assignment-inspector-data strong[b-cxyur4ak66],
    .assignment-detail-metrics strong[b-cxyur4ak66],
    .assignment-detail-grid strong[b-cxyur4ak66] {
        display: block;
        margin-top: .25rem;
        color: #16324f;
        font-weight: 900;
    }

.assignment-corrals-selector[b-cxyur4ak66] {
    min-width: 0;
}

.assignment-selector-header[b-cxyur4ak66] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: .9rem;
}

    .assignment-selector-header h3[b-cxyur4ak66] {
        margin: 0;
        font-size: 1.1rem;
        font-weight: 900;
    }

    .assignment-selector-header p[b-cxyur4ak66] {
        margin: .25rem 0 0;
        color: #6d7f93;
    }

/* DETALLE */

.assignment-detail-top[b-cxyur4ak66] {
    display: grid;
    grid-template-columns: minmax(260px, 1fr) minmax(360px, 1.5fr);
    gap: 1rem;
    margin-bottom: 1rem;
}

.assignment-detail-profile[b-cxyur4ak66] {
    display: flex;
    align-items: center;
    gap: .9rem;
    padding: 1rem;
    border: 1px solid #e7edf5;
    border-radius: 20px;
    background: linear-gradient(135deg, #eef7ff, #ecfdf7);
}

.assignment-detail-profile--small[b-cxyur4ak66] {
    margin-top: .8rem;
    margin-bottom: 1rem;
    background: #fbfdff;
}

.assignment-detail-profile h3[b-cxyur4ak66] {
    margin: 0;
    font-size: 1.18rem;
    font-weight: 900;
}

.assignment-detail-profile p[b-cxyur4ak66] {
    margin: .2rem 0 0;
    color: #6d7f93;
}

.assignment-detail-metrics[b-cxyur4ak66] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .75rem;
}

.assignment-detail-split[b-cxyur4ak66] {
    display: grid;
    grid-template-columns: minmax(280px, .8fr) minmax(0, 1.2fr);
    gap: 1rem;
}

.assignment-detail-box[b-cxyur4ak66] {
    padding: 1rem;
    border: 1px solid #e7edf5;
    border-radius: 22px;
    background: #fff;
}

.assignment-detail-grid[b-cxyur4ak66] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem;
}

.assignment-detail-address[b-cxyur4ak66] {
    margin-top: .75rem;
}

    .assignment-detail-address p[b-cxyur4ak66] {
        margin: .35rem 0 0;
        color: #16324f;
        font-weight: 800;
    }

@keyframes assignmentModalIn-b-cxyur4ak66 {
    from {
        opacity: 0;
        transform: translate(-50%, -48%) scale(.985);
    }

    to {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1);
    }
}

/* RESPONSIVE */

@media (max-width: 1199.98px) {
    .assignment-hero[b-cxyur4ak66],
    .assignment-toolbar[b-cxyur4ak66],
    .assignment-modal-layout[b-cxyur4ak66],
    .assignment-detail-top[b-cxyur4ak66],
    .assignment-detail-split[b-cxyur4ak66] {
        grid-template-columns: 1fr;
    }

    .assignment-hero[b-cxyur4ak66] {
        flex-direction: column;
    }

    .assignment-hero__actions[b-cxyur4ak66] {
        min-width: 0;
    }

    .assignment-inspector-card[b-cxyur4ak66] {
        position: static;
    }
}

@media (max-width: 991.98px) {
    .assignment-toolbar__filters[b-cxyur4ak66] {
        grid-template-columns: 1fr;
    }

    .assignment-toolbar[b-cxyur4ak66] {
        grid-template-columns: 1fr;
    }

    .assignment-detail-metrics[b-cxyur4ak66] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767.98px) {
    .assignment-hero[b-cxyur4ak66],
    .assignment-modal__footer[b-cxyur4ak66],
    .assignment-selector-header[b-cxyur4ak66] {
        flex-direction: column;
        align-items: stretch;
    }

    .assignment-hero__actions[b-cxyur4ak66],
    .assignment-detail-grid[b-cxyur4ak66] {
        grid-template-columns: 1fr;
    }

    .assignment-row-actions[b-cxyur4ak66] {
        flex-direction: column;
        align-items: stretch;
    }

    .assignment-modal[b-cxyur4ak66] {
        width: calc(100vw - 1rem);
        max-height: calc(100vh - 1rem);
        border-radius: 22px;
    }

    .assignment-modal__header[b-cxyur4ak66],
    .assignment-modal__body[b-cxyur4ak66],
    .assignment-modal__footer[b-cxyur4ak66] {
        padding: 1rem;
    }

        .assignment-modal__footer .btn[b-cxyur4ak66] {
            width: 100%;
        }
}

/* TARJETAS DE INSPECTORES */

.assignment-inspector-grid[b-cxyur4ak66] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 1rem;
    padding: 1.25rem;
    background: linear-gradient(180deg, #fbfdff 0%, #f5f9fc 100%);
}

.assignment-inspector-summary[b-cxyur4ak66] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    min-height: 100%;
    padding: 1.1rem;
    border: 1px solid #e3edf6;
    border-radius: 24px;
    background: #fff;
    box-shadow: 0 14px 32px rgba(22, 50, 79, .07);
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

    .assignment-inspector-summary:hover[b-cxyur4ak66] {
        transform: translateY(-2px);
        border-color: rgba(35, 179, 154, .45);
        box-shadow: 0 20px 44px rgba(22, 50, 79, .11);
    }

.assignment-card-top[b-cxyur4ak66] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .85rem;
}

.assignment-card-metrics[b-cxyur4ak66] {
    display: grid;
    grid-template-columns: .7fr 1.3fr;
    gap: .75rem;
}

    .assignment-card-metrics div[b-cxyur4ak66] {
        padding: .85rem;
        border: 1px solid #e7edf5;
        border-radius: 18px;
        background: linear-gradient(180deg, #fbfdff, #f7fbff);
    }

    .assignment-card-metrics span[b-cxyur4ak66],
    .assignment-card-info span[b-cxyur4ak66] {
        display: block;
        color: #6d7f93;
        font-size: .72rem;
        font-weight: 900;
        letter-spacing: .055em;
        text-transform: uppercase;
    }

    .assignment-card-metrics strong[b-cxyur4ak66] {
        display: block;
        margin-top: .3rem;
        color: #16324f;
        font-size: 1.05rem;
        font-weight: 900;
    }

.assignment-card-info[b-cxyur4ak66] {
    padding: .9rem;
    border: 1px solid #eef3f8;
    border-radius: 18px;
    background: #fbfdff;
}

    .assignment-card-info p[b-cxyur4ak66] {
        margin: .35rem 0 0;
        color: #263f59;
        line-height: 1.35;
    }

.assignment-card-actions[b-cxyur4ak66] {
    display: grid;
    grid-template-columns: 1fr 1.3fr;
    gap: .7rem;
    margin-top: auto;
}

.assignment-card-actions .btn[b-cxyur4ak66] {
    min-height: 44px;
}

@media (max-width: 575.98px) {
    .assignment-inspector-grid[b-cxyur4ak66] {
        grid-template-columns: 1fr;
        padding: .85rem;
    }

    .assignment-card-top[b-cxyur4ak66],
    .assignment-card-actions[b-cxyur4ak66] {
        display: grid;
        grid-template-columns: 1fr;
    }

    .assignment-card-metrics[b-cxyur4ak66] {
        grid-template-columns: 1fr;
    }
}

/* SELECCIÓN GUIADA */

.assignment-inspector-picker[b-cxyur4ak66] {
    display: grid;
    gap: .8rem;
}

.assignment-picker-title[b-cxyur4ak66] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
}

    .assignment-picker-title p[b-cxyur4ak66] {
        margin: -.2rem 0 0;
        color: #6d7f93;
        font-size: .85rem;
    }

    .assignment-picker-title span[b-cxyur4ak66] {
        align-self: flex-start;
        padding: .35rem .6rem;
        border-radius: 999px;
        color: #0f4c81;
        background: #eef7ff;
        font-size: .76rem;
        font-weight: 900;
        white-space: nowrap;
    }

.assignment-picker-list[b-cxyur4ak66] {
    display: grid;
    gap: .55rem;
    max-height: 285px;
    overflow: auto;
    padding-right: .15rem;
}

.assignment-picker-card[b-cxyur4ak66] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: .75rem;
    width: 100%;
    padding: .75rem;
    border: 1px solid #e3edf6;
    border-radius: 18px;
    color: #16324f;
    text-align: left;
    background: #fff;
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

    .assignment-picker-card:hover[b-cxyur4ak66],
    .assignment-picker-card:focus[b-cxyur4ak66] {
        transform: translateY(-1px);
        border-color: rgba(19, 133, 111, .42);
        box-shadow: 0 12px 28px rgba(22, 50, 79, .09);
        outline: none;
    }

.assignment-picker-copy[b-cxyur4ak66] {
    min-width: 0;
}

    .assignment-picker-copy strong[b-cxyur4ak66],
    .assignment-picker-copy small[b-cxyur4ak66] {
        display: block;
    }

    .assignment-picker-copy strong[b-cxyur4ak66] {
        overflow: hidden;
        font-weight: 900;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .assignment-picker-copy small[b-cxyur4ak66] {
        color: #6d7f93;
        font-size: .8rem;
    }

.assignment-picker-meta[b-cxyur4ak66] {
    padding: .35rem .55rem;
    border-radius: 999px;
    color: #08735d;
    background: #ecfdf7;
    font-size: .76rem;
    font-weight: 900;
    white-space: nowrap;
}

.assignment-corral-picker-grid[b-cxyur4ak66] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(255px, 1fr));
    gap: .85rem;
    max-height: 560px;
    overflow: auto;
    padding: .15rem .2rem .35rem;
}

.assignment-corral-card[b-cxyur4ak66] {
    display: flex;
    flex-direction: column;
    gap: .75rem;
    padding: .95rem;
    border: 1px solid #e3edf6;
    border-radius: 22px;
    background: #fff;
    box-shadow: 0 10px 24px rgba(22, 50, 79, .06);
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

    .assignment-corral-card:hover[b-cxyur4ak66] {
        transform: translateY(-1px);
        box-shadow: 0 14px 32px rgba(22, 50, 79, .09);
    }

    .assignment-corral-card.is-selected[b-cxyur4ak66] {
        border-color: rgba(35, 179, 154, .65);
        background: linear-gradient(180deg, #f0fffb, #fff);
        box-shadow: inset 0 0 0 1px rgba(35, 179, 154, .22), 0 14px 32px rgba(22, 50, 79, .08);
    }

.assignment-corral-toggle[b-cxyur4ak66] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .45rem;
    width: 100%;
    min-height: 40px;
    border: 1px solid #d9e4ee;
    border-radius: 14px;
    color: #16324f;
    background: #fbfdff;
    font-weight: 900;
}

    .assignment-corral-card.is-selected .assignment-corral-toggle[b-cxyur4ak66] {
        border-color: transparent;
        color: #fff;
        background: linear-gradient(135deg, #0f4c81, #13856f);
    }

.assignment-corral-check[b-cxyur4ak66] {
    display: inline-grid;
    place-items: center;
    width: 22px;
    height: 22px;
    border-radius: 999px;
    color: #13856f;
    background: #ecfdf7;
}

.assignment-corral-card.is-selected .assignment-corral-check[b-cxyur4ak66] {
    color: #0f4c81;
    background: #fff;
}

.assignment-corral-main strong[b-cxyur4ak66],
.assignment-corral-main span[b-cxyur4ak66],
.assignment-corral-owner span[b-cxyur4ak66],
.assignment-corral-owner p[b-cxyur4ak66],
.assignment-corral-owner small[b-cxyur4ak66] {
    display: block;
}

.assignment-corral-main strong[b-cxyur4ak66] {
    color: #16324f;
    font-size: 1.05rem;
    font-weight: 900;
}

.assignment-corral-main span[b-cxyur4ak66],
.assignment-corral-owner small[b-cxyur4ak66],
.assignment-corral-meta span:last-child[b-cxyur4ak66] {
    color: #6d7f93;
    font-size: .82rem;
}

.assignment-corral-owner[b-cxyur4ak66] {
    padding: .75rem;
    border: 1px solid #eef3f8;
    border-radius: 16px;
    background: #fbfdff;
}

    .assignment-corral-owner span[b-cxyur4ak66] {
        color: #6d7f93;
        font-size: .72rem;
        font-weight: 900;
        letter-spacing: .055em;
        text-transform: uppercase;
    }

    .assignment-corral-owner p[b-cxyur4ak66] {
        margin: .25rem 0 .1rem;
        color: #16324f;
        font-weight: 850;
    }

.assignment-corral-meta[b-cxyur4ak66],
.assignment-corral-footer[b-cxyur4ak66] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .6rem;
}

.assignment-corral-meta span:first-child[b-cxyur4ak66] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    color: #0f4c81;
    font-weight: 900;
}

@media (max-width: 575.98px) {
    .assignment-picker-title[b-cxyur4ak66],
    .assignment-corral-meta[b-cxyur4ak66],
    .assignment-corral-footer[b-cxyur4ak66] {
        align-items: stretch;
        flex-direction: column;
    }

    .assignment-picker-card[b-cxyur4ak66] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .assignment-picker-meta[b-cxyur4ak66] {
        grid-column: 1 / -1;
        width: fit-content;
    }

    .assignment-corral-picker-grid[b-cxyur4ak66] {
        grid-template-columns: 1fr;
        max-height: none;
    }
}

/* CONFIGURACIÓN DE ROLES */

.assignment-config-panel[b-cxyur4ak66] {
    overflow: visible;
}

.assignment-role-config-grid[b-cxyur4ak66] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: .9rem;
    padding: 1.25rem;
}

.assignment-role-config-card[b-cxyur4ak66] {
    display: flex;
    align-items: center;
    gap: .8rem;
    min-height: 74px;
    padding: .9rem 1rem;
    border: 1px solid #e1eaf4;
    border-radius: 18px;
    background: #fff;
    cursor: pointer;
    transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.assignment-role-config-card:hover[b-cxyur4ak66],
.assignment-role-config-card.is-selected[b-cxyur4ak66] {
    border-color: rgba(19, 133, 111, .45);
    box-shadow: 0 12px 26px rgba(19, 133, 111, .12);
    transform: translateY(-1px);
}

.assignment-role-config-card input[b-cxyur4ak66] {
    width: 1.1rem;
    height: 1.1rem;
    accent-color: #13856f;
}

.assignment-role-config-card strong[b-cxyur4ak66],
.assignment-role-config-card small[b-cxyur4ak66] {
    display: block;
}

.assignment-role-config-card strong[b-cxyur4ak66] {
    color: #16324f;
    font-weight: 900;
}

.assignment-role-config-card small[b-cxyur4ak66] {
    margin-top: .15rem;
    color: #6d7f93;
    font-weight: 700;
}
/* /Components/Pages/Corrales/Corrales.razor.rz.scp.css */
.corrales-view[b-pbhedeilbo] {
    display: grid;
    gap: 1.5rem;
}

.corrales-hero[b-pbhedeilbo] {
    align-items: center;
    background: linear-gradient(135deg, #14532d, #16a34a);
    border-radius: 1.5rem;
    color: #fff;
    display: flex;
    justify-content: space-between;
    padding: 2rem;
    box-shadow: 0 18px 45px rgba(20, 83, 45, .22);
}

.corrales-hero h1[b-pbhedeilbo] {
    font-size: clamp(2rem, 4vw, 3.4rem);
    font-weight: 800;
    margin: .35rem 0;
}

.corrales-hero p[b-pbhedeilbo] {
    margin: 0;
    max-width: 760px;
    opacity: .92;
}

.corrales-chip[b-pbhedeilbo],
.corrales-section-label[b-pbhedeilbo] {
    font-size: .75rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.corrales-chip[b-pbhedeilbo] {
    background: rgba(255, 255, 255, .18);
    border: 1px solid rgba(255, 255, 255, .3);
    border-radius: 999px;
    padding: .35rem .8rem;
}

.corrales-refresh[b-pbhedeilbo] {
    border: 0;
    border-radius: 999px;
    font-weight: 800;
    min-width: 132px;
}

.corrales-alert[b-pbhedeilbo] {
    border-radius: 1rem;
    display: grid;
    gap: .25rem;
}

.corrales-panel[b-pbhedeilbo] {
    background: #fff;
    border: 1px solid rgba(15, 23, 42, .08);
    border-radius: 1.35rem;
    box-shadow: 0 18px 45px rgba(15, 23, 42, .08);
    overflow: hidden;
}

.corrales-panel-header[b-pbhedeilbo] {
    align-items: end;
    border-bottom: 1px solid rgba(15, 23, 42, .08);
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding: 1.5rem;
}

.corrales-panel-header h2[b-pbhedeilbo] {
    color: #0f172a;
    font-size: 1.35rem;
    font-weight: 800;
    margin: .2rem 0;
}

.corrales-panel-header p[b-pbhedeilbo] {
    color: #64748b;
    margin: 0;
}

.corrales-section-label[b-pbhedeilbo] {
    color: #16a34a;
}

.corrales-search[b-pbhedeilbo] {
    min-width: 0;
}

.corrales-search label[b-pbhedeilbo] {
    color: #475569;
    font-size: .8rem;
    font-weight: 800;
    margin-bottom: .35rem;
}

.corrales-table-wrap[b-pbhedeilbo] {
    overflow-x: auto;
}

.corrales-table th[b-pbhedeilbo] {
    background: #f8fafc;
    color: #334155;
    font-size: .75rem;
    letter-spacing: .05em;
    text-transform: uppercase;
    white-space: nowrap;
}

.corrales-table td[b-pbhedeilbo] {
    color: #334155;
    font-size: .92rem;
    white-space: nowrap;
}

.corrales-loading[b-pbhedeilbo],
.corrales-empty[b-pbhedeilbo] {
    align-items: center;
    color: #64748b;
    display: flex;
    flex-direction: column;
    gap: .75rem;
    justify-content: center;
    min-height: 220px;
    padding: 2rem;
    text-align: center;
}

.corrales-empty strong[b-pbhedeilbo] {
    color: #0f172a;
    font-size: 1.1rem;
}

@media (max-width: 768px) {
    .corrales-hero[b-pbhedeilbo],
    .corrales-panel-header[b-pbhedeilbo] {
        align-items: stretch;
        flex-direction: column;
    }
}

.corrales-stats[b-pbhedeilbo] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.corrales-stat[b-pbhedeilbo] {
    background: #fff;
    border: 1px solid rgba(15, 23, 42, .08);
    border-radius: 1rem;
    box-shadow: 0 12px 30px rgba(15, 23, 42, .06);
    padding: 1.25rem;
}

.corrales-stat span[b-pbhedeilbo] {
    color: #16a34a;
    display: block;
    font-size: .75rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.corrales-stat strong[b-pbhedeilbo] {
    color: #0f172a;
    display: block;
    font-size: 2rem;
    line-height: 1.1;
    margin: .35rem 0;
}

.corrales-stat small[b-pbhedeilbo] {
    color: #64748b;
}

.corrales-code[b-pbhedeilbo] {
    background: #ecfdf5;
    border-radius: 999px;
    color: #166534;
    display: inline-block;
    font-weight: 800;
    padding: .25rem .65rem;
}

.corrales-status[b-pbhedeilbo] {
    border-radius: 999px;
    display: inline-block;
    font-size: .75rem;
    font-weight: 800;
    min-width: 44px;
    padding: .25rem .65rem;
    text-align: center;
}

.corrales-status.is-active[b-pbhedeilbo] {
    background: #dcfce7;
    color: #166534;
}

.corrales-status.is-inactive[b-pbhedeilbo] {
    background: #fee2e2;
    color: #991b1b;
}

.corrales-observacion[b-pbhedeilbo] {
    max-width: 360px;
    white-space: normal !important;
}

@media (max-width: 768px) {
    .corrales-stats[b-pbhedeilbo] {
        grid-template-columns: 1fr;
    }
}

.corrales-stat.is-active[b-pbhedeilbo] {
    border-color: rgba(22, 163, 74, .22);
}

.corrales-stat.is-inactive[b-pbhedeilbo] {
    border-color: rgba(220, 38, 38, .22);
}

.corrales-row[b-pbhedeilbo] {
    border-left: 5px solid transparent;
}

.corrales-row.is-active[b-pbhedeilbo] {
    border-left-color: #22c55e;
}

.corrales-row.is-inactive[b-pbhedeilbo] {
    background: #fff7f7;
    border-left-color: #ef4444;
}

.corrales-primary-cell[b-pbhedeilbo],
.corrales-name-cell[b-pbhedeilbo] {
    display: grid;
    gap: .25rem;
}

.corrales-primary-cell small[b-pbhedeilbo],
.corrales-name-cell small[b-pbhedeilbo] {
    color: #64748b;
    font-size: .75rem;
}

.corrales-name-cell strong[b-pbhedeilbo] {
    color: #0f172a;
    font-weight: 800;
    max-width: 260px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.corrales-detail-btn[b-pbhedeilbo] {
    background: #0f766e;
    border: 0;
    border-radius: 999px;
    color: #fff;
    font-weight: 800;
    padding: .4rem .85rem;
}

.corrales-detail-btn:hover[b-pbhedeilbo],
.corrales-detail-btn:focus[b-pbhedeilbo] {
    background: #115e59;
    color: #fff;
}

.corrales-modal-backdrop[b-pbhedeilbo] {
    align-items: center;
    background: rgba(15, 23, 42, .62);
    display: flex;
    inset: 0;
    justify-content: center;
    padding: 1.5rem;
    position: fixed;
    z-index: 1050;
}

.corrales-modal[b-pbhedeilbo] {
    background: #fff;
    border-radius: 1.35rem;
    box-shadow: 0 25px 80px rgba(15, 23, 42, .35);
    max-height: min(86vh, 920px);
    max-width: 980px;
    overflow: hidden;
    width: min(980px, 100%);
}

.corrales-modal-header[b-pbhedeilbo] {
    align-items: flex-start;
    color: #fff;
    display: flex;
    justify-content: space-between;
    padding: 1.5rem;
}

.corrales-modal-header.is-active[b-pbhedeilbo] {
    background: linear-gradient(135deg, #14532d, #16a34a);
}

.corrales-modal-header.is-inactive[b-pbhedeilbo] {
    background: linear-gradient(135deg, #7f1d1d, #ef4444);
}

.corrales-modal-header h2[b-pbhedeilbo] {
    font-size: 1.75rem;
    font-weight: 900;
    margin: .5rem 0 .15rem;
}

.corrales-modal-header p[b-pbhedeilbo] {
    margin: 0;
    opacity: .92;
}

.corrales-modal-close[b-pbhedeilbo] {
    align-items: center;
    background: rgba(255, 255, 255, .18);
    border: 1px solid rgba(255, 255, 255, .28);
    border-radius: 999px;
    color: #fff;
    display: inline-flex;
    font-size: 1.5rem;
    height: 2.5rem;
    justify-content: center;
    line-height: 1;
    width: 2.5rem;
}

.corrales-modal-body[b-pbhedeilbo] {
    display: grid;
    gap: 1rem;
    max-height: calc(86vh - 150px);
    overflow-y: auto;
    padding: 1.25rem;
}

.corrales-detail-section[b-pbhedeilbo] {
    border: 1px solid rgba(15, 23, 42, .08);
    border-radius: 1rem;
    padding: 1rem;
}

.corrales-detail-section h3[b-pbhedeilbo] {
    color: #0f172a;
    font-size: 1rem;
    font-weight: 900;
    margin: 0 0 1rem;
}

.corrales-detail-grid[b-pbhedeilbo] {
    display: grid;
    gap: .85rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.corrales-detail-grid div[b-pbhedeilbo] {
    background: #f8fafc;
    border-radius: .85rem;
    padding: .8rem;
}

.corrales-detail-grid span[b-pbhedeilbo] {
    color: #64748b;
    display: block;
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .06em;
    margin-bottom: .25rem;
    text-transform: uppercase;
}

.corrales-detail-grid strong[b-pbhedeilbo] {
    color: #0f172a;
    overflow-wrap: anywhere;
}

.corrales-detail-note[b-pbhedeilbo] {
    background: #f8fafc;
    border-radius: .85rem;
    color: #334155;
    margin: 0;
    min-height: 64px;
    padding: 1rem;
    white-space: pre-wrap;
}

@media (max-width: 992px) {
    .corrales-stats[b-pbhedeilbo],
    .corrales-detail-grid[b-pbhedeilbo] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .corrales-modal-backdrop[b-pbhedeilbo] {
        padding: .75rem;
    }

    .corrales-detail-grid[b-pbhedeilbo] {
        grid-template-columns: 1fr;
    }
}

.corrales-filters[b-pbhedeilbo] {
    align-items: end;
    display: grid;
    gap: .85rem;
    grid-template-columns: minmax(260px, 1.6fr) repeat(3, minmax(150px, .7fr));
    width: min(920px, 100%);
}

.corrales-filter label[b-pbhedeilbo] {
    color: #475569;
    font-size: .8rem;
    font-weight: 800;
    margin-bottom: .35rem;
}

.corrales-filter .form-select[b-pbhedeilbo],
.corrales-search .form-control[b-pbhedeilbo] {
    border-color: rgba(15, 23, 42, .14);
    border-radius: .85rem;
    min-height: 42px;
}

@media (max-width: 1200px) {
    .corrales-filters[b-pbhedeilbo] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        width: 100%;
    }
}

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

/* Ajuste visual azul para armonizar con el sistema */
.corrales-hero[b-pbhedeilbo],
.corrales-modal-header.is-active[b-pbhedeilbo] {
    background: linear-gradient(135deg, #0f3f7a, #1479c9);
    box-shadow: 0 18px 45px rgba(20, 121, 201, .22);
}

.corrales-section-label[b-pbhedeilbo],
.corrales-stat span[b-pbhedeilbo] {
    color: #1479c9;
}

.corrales-code[b-pbhedeilbo] {
    background: #e0f2fe;
    color: #075985;
}

.corrales-status.is-active[b-pbhedeilbo] {
    background: #dbeafe;
    color: #1d4ed8;
}

.corrales-row.is-active[b-pbhedeilbo] {
    border-left-color: #1479c9;
}

.corrales-detail-btn[b-pbhedeilbo] {
    background: #1479c9;
}

.corrales-detail-btn:hover[b-pbhedeilbo],
.corrales-detail-btn:focus[b-pbhedeilbo] {
    background: #0f3f7a;
}

.corrales-map-panel[b-pbhedeilbo] {
    background:
        radial-gradient(circle at top left, rgba(20, 121, 201, .16), transparent 34%),
        linear-gradient(135deg, #ffffff, #f0f7ff);
    border: 1px solid rgba(20, 121, 201, .16);
    border-radius: 1.35rem;
    box-shadow: 0 18px 45px rgba(15, 23, 42, .08);
    display: grid;
    gap: 1rem;
    overflow: hidden;
    padding: 1.25rem;
}

.corrales-map-copy h2[b-pbhedeilbo] {
    color: #0f172a;
    font-size: 1.35rem;
    font-weight: 900;
    margin: .25rem 0;
}

.corrales-map-copy p[b-pbhedeilbo] {
    color: #64748b;
    margin: 0;
}

.corrales-map-shell[b-pbhedeilbo] {
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, 1.6fr) minmax(280px, .8fr);
}

.corrales-map-canvas[b-pbhedeilbo] {
    background:
        linear-gradient(135deg, rgba(15, 63, 122, .9), rgba(20, 121, 201, .82)),
        radial-gradient(circle at 25% 20%, rgba(255, 255, 255, .26), transparent 26%);
    border-radius: 1.2rem;
    min-height: 390px;
    overflow: hidden;
    position: relative;
}

.corrales-map-grid[b-pbhedeilbo] {
    background-image:
        linear-gradient(rgba(255, 255, 255, .12) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, .12) 1px, transparent 1px);
    background-size: 48px 48px;
    inset: 0;
    opacity: .75;
    position: absolute;
}

.corrales-map-marker[b-pbhedeilbo] {
    animation: marker-pop-b-pbhedeilbo .42s ease both;
    background: transparent;
    border: 0;
    height: 1.35rem;
    position: absolute;
    transform: translate(-50%, -50%);
    width: 1.35rem;
    z-index: 2;
}

.corrales-map-marker span[b-pbhedeilbo] {
    background: #e0f2fe;
    border: 3px solid #fff;
    border-radius: 999px;
    box-shadow: 0 0 0 8px rgba(224, 242, 254, .22), 0 10px 24px rgba(15, 23, 42, .28);
    display: block;
    height: 100%;
    transition: transform .18s ease, box-shadow .18s ease;
    width: 100%;
}

.corrales-map-marker:hover span[b-pbhedeilbo],
.corrales-map-marker:focus span[b-pbhedeilbo] {
    box-shadow: 0 0 0 12px rgba(224, 242, 254, .28), 0 16px 30px rgba(15, 23, 42, .34);
    transform: scale(1.28);
}

.corrales-map-marker.is-inactive span[b-pbhedeilbo] {
    background: #fecaca;
    box-shadow: 0 0 0 8px rgba(254, 202, 202, .22), 0 10px 24px rgba(15, 23, 42, .28);
}

.corrales-map-empty[b-pbhedeilbo] {
    align-items: center;
    color: #fff;
    display: flex;
    flex-direction: column;
    inset: 0;
    justify-content: center;
    position: absolute;
    text-align: center;
    z-index: 1;
}

.corrales-map-card[b-pbhedeilbo] {
    background: #fff;
    border: 1px solid rgba(20, 121, 201, .14);
    border-radius: 1.2rem;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .8);
    padding: 1.25rem;
}

.corrales-map-card-kicker[b-pbhedeilbo] {
    color: #1479c9;
    font-size: .75rem;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.corrales-map-card h3[b-pbhedeilbo] {
    color: #0f172a;
    font-size: 1.35rem;
    font-weight: 900;
    margin: .8rem 0 .4rem;
}

.corrales-map-card p[b-pbhedeilbo] {
    color: #475569;
}

.corrales-map-card dl[b-pbhedeilbo] {
    display: grid;
    gap: .75rem;
    margin: 1rem 0;
}

.corrales-map-card dl div[b-pbhedeilbo] {
    background: #f8fafc;
    border-radius: .85rem;
    padding: .75rem;
}

.corrales-map-card dt[b-pbhedeilbo] {
    color: #64748b;
    font-size: .72rem;
    font-weight: 900;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.corrales-map-card dd[b-pbhedeilbo] {
    color: #0f172a;
    font-weight: 800;
    margin: .2rem 0 0;
    overflow-wrap: anywhere;
}

@keyframes marker-pop-b-pbhedeilbo {
    from {
        opacity: 0;
        transform: translate(-50%, -50%) scale(.25);
    }
    to {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1);
    }
}

@media (max-width: 992px) {
    .corrales-map-shell[b-pbhedeilbo] {
        grid-template-columns: 1fr;
    }
}

.corrales-map-canvas[b-pbhedeilbo]::before {
    background:
        radial-gradient(circle at 18% 22%, rgba(255,255,255,.18), transparent 8%),
        radial-gradient(circle at 72% 68%, rgba(255,255,255,.14), transparent 10%);
    content: "";
    inset: 0;
    position: absolute;
}

.corrales-chihuahua-shape[b-pbhedeilbo] {
    filter: drop-shadow(0 22px 32px rgba(15, 23, 42, .22));
    height: min(90%, 500px);
    left: 50%;
    max-width: 72%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 72%;
    z-index: 1;
}

.corrales-chihuahua-shape path:first-child[b-pbhedeilbo] {
    fill: rgba(255, 255, 255, .82);
    stroke: rgba(255, 255, 255, .96);
    stroke-width: 5;
}

.corrales-map-road[b-pbhedeilbo] {
    fill: none;
    opacity: .58;
    stroke: #1479c9;
    stroke-dasharray: 8 8;
    stroke-linecap: round;
    stroke-width: 4;
}

.corrales-map-marker[b-pbhedeilbo] {
    z-index: 4;
}

.corrales-map-grid[b-pbhedeilbo] {
    z-index: 0;
}

.corrales-map-empty[b-pbhedeilbo] {
    z-index: 5;
}

.corrales-leaflet-shell[b-pbhedeilbo] {
    border-radius: 1.2rem;
    box-shadow: 0 18px 45px rgba(15, 23, 42, .12);
    min-height: 520px;
    overflow: hidden;
    position: relative;
}

.corrales-leaflet-map[b-pbhedeilbo] {
    height: 520px;
    min-height: 520px;
    width: 100%;
}

.corrales-map-empty.is-leaflet[b-pbhedeilbo] {
    background: rgba(15, 63, 122, .72);
    border-radius: 1rem;
    inset: 1.25rem;
    pointer-events: none;
}

.corrales-leaflet-marker[b-pbhedeilbo] {
    background: transparent;
    border: 0;
}

.corrales-leaflet-marker span[b-pbhedeilbo] {
    animation: marker-pop-b-pbhedeilbo .42s ease both;
    background: #1479c9;
    border: 3px solid #fff;
    border-radius: 999px;
    box-shadow: 0 0 0 8px rgba(20, 121, 201, .22), 0 10px 24px rgba(15, 23, 42, .28);
    display: block;
    height: 24px;
    width: 24px;
}

.corrales-leaflet-marker.is-inactive span[b-pbhedeilbo] {
    background: #ef4444;
    box-shadow: 0 0 0 8px rgba(239, 68, 68, .18), 0 10px 24px rgba(15, 23, 42, .28);
}

.corrales-leaflet-popup[b-pbhedeilbo] {
    min-width: 220px;
}

.corrales-leaflet-popup h3[b-pbhedeilbo] {
    color: #0f172a;
    font-size: 1.1rem;
    font-weight: 900;
    margin: .5rem 0 .25rem;
}

.corrales-leaflet-popup p[b-pbhedeilbo] {
    color: #475569;
    margin: 0 0 .65rem;
}

.corrales-popup-status[b-pbhedeilbo] {
    border-radius: 999px;
    display: inline-block;
    font-size: .7rem;
    font-weight: 900;
    padding: .2rem .55rem;
    text-transform: uppercase;
}

.corrales-popup-status.is-active[b-pbhedeilbo] {
    background: #dbeafe;
    color: #1d4ed8;
}

.corrales-popup-status.is-inactive[b-pbhedeilbo] {
    background: #fee2e2;
    color: #991b1b;
}

.corrales-leaflet-popup dl[b-pbhedeilbo] {
    display: grid;
    gap: .45rem;
    margin: 0;
}

.corrales-leaflet-popup dt[b-pbhedeilbo] {
    color: #64748b;
    font-size: .68rem;
    font-weight: 900;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.corrales-leaflet-popup dd[b-pbhedeilbo] {
    color: #0f172a;
    font-weight: 800;
    margin: 0;
}

.leaflet-container[b-pbhedeilbo] {
    font-family: inherit;
}

@media (max-width: 768px) {
    .corrales-leaflet-shell[b-pbhedeilbo],
    .corrales-leaflet-map[b-pbhedeilbo] {
        height: 430px;
        min-height: 430px;
    }
}

.corrales-leaflet-marker[b-pbhedeilbo] {
    align-items: center !important;
    display: flex !important;
    height: 30px !important;
    justify-content: center !important;
    width: 30px !important;
}

.corrales-leaflet-marker span[b-pbhedeilbo] {
    outline: 2px solid rgba(15, 63, 122, .28);
}

.corrales-leaflet-marker .corrales-pin[b-pbhedeilbo] {
    align-items: center;
    animation: marker-pop-b-pbhedeilbo .42s ease both;
    background: #1479c9;
    border: 3px solid #fff;
    border-radius: 999px 999px 999px 0;
    box-shadow: 0 0 0 8px rgba(20, 121, 201, .22), 0 12px 28px rgba(15, 23, 42, .38);
    display: flex;
    height: 34px;
    justify-content: center;
    transform: rotate(-45deg);
    transition: transform .18s ease, box-shadow .18s ease;
    width: 34px;
}

.corrales-leaflet-marker .corrales-pin i[b-pbhedeilbo] {
    background: #fff;
    border-radius: 999px;
    display: block;
    height: 11px;
    width: 11px;
}

.corrales-leaflet-marker:hover .corrales-pin[b-pbhedeilbo],
.corrales-leaflet-marker:focus .corrales-pin[b-pbhedeilbo] {
    box-shadow: 0 0 0 12px rgba(20, 121, 201, .28), 0 18px 34px rgba(15, 23, 42, .44);
    transform: rotate(-45deg) scale(1.16);
}

.corrales-leaflet-marker.is-inactive .corrales-pin[b-pbhedeilbo] {
    background: #ef4444;
    box-shadow: 0 0 0 8px rgba(239, 68, 68, .2), 0 12px 28px rgba(15, 23, 42, .36);
}

.corrales-circle-marker[b-pbhedeilbo] {
    filter: drop-shadow(0 8px 14px rgba(15, 23, 42, .45));
    outline: 5px solid rgba(20, 121, 201, .25);
}

.corrales-circle-marker.is-inactive[b-pbhedeilbo] {
    outline-color: rgba(239, 68, 68, .25);
}

.corrales-zone-marker[b-pbhedeilbo] {
    align-items: center !important;
    display: flex !important;
    height: 44px !important;
    justify-content: center !important;
    width: 38px !important;
}

.corrales-zone-pin[b-pbhedeilbo] {
    align-items: center;
    background: var(--marker-color, #1479c9);
    border: 3px solid #fff;
    border-radius: 999px 999px 999px 0;
    box-shadow: 0 0 0 8px color-mix(in srgb, var(--marker-color, #1479c9) 28%, transparent), 0 14px 30px rgba(15, 23, 42, .42);
    display: flex;
    height: 34px;
    justify-content: center;
    transform: rotate(-45deg);
    transition: transform .18s ease, box-shadow .18s ease;
    width: 34px;
}

.corrales-zone-pin i[b-pbhedeilbo] {
    background: #fff;
    border-radius: 999px;
    display: block;
    height: 11px;
    width: 11px;
}

.corrales-zone-marker:hover .corrales-zone-pin[b-pbhedeilbo],
.corrales-zone-marker:focus .corrales-zone-pin[b-pbhedeilbo] {
    box-shadow: 0 0 0 12px color-mix(in srgb, var(--marker-color, #1479c9) 34%, transparent), 0 18px 36px rgba(15, 23, 42, .48);
    transform: rotate(-45deg) scale(1.18);
}

.corrales-row.is-active[b-pbhedeilbo] {
    border-left-color: #22c55e;
}

.corrales-filter-toolbar[b-pbhedeilbo] {
    align-items: flex-start;
    display: flex;
    gap: 1.25rem;
    justify-content: space-between;
    padding: 1.5rem;
}

.corrales-filter-actions[b-pbhedeilbo] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .85rem;
    justify-content: flex-end;
}

.corrales-filter-summary[b-pbhedeilbo] {
    background: linear-gradient(135deg, rgba(37, 99, 235, .08), rgba(14, 165, 233, .12));
    border: 1px solid rgba(37, 99, 235, .18);
    border-radius: 1rem;
    color: #1e3a8a;
    display: grid;
    gap: .2rem;
    min-width: min(100%, 320px);
    padding: .85rem 1rem;
}

.corrales-filter-summary span[b-pbhedeilbo] {
    color: #475569;
    font-size: .78rem;
    line-height: 1.35;
}

.corrales-filter-summary strong[b-pbhedeilbo] {
    color: #0f172a;
    font-size: .95rem;
}

.corrales-filter-button[b-pbhedeilbo] {
    align-items: center;
    background: linear-gradient(135deg, #1d4ed8, #0ea5e9);
    border: 0;
    border-radius: 999px;
    box-shadow: 0 14px 28px rgba(37, 99, 235, .22);
    color: #fff;
    display: inline-flex;
    font-weight: 800;
    gap: .45rem;
    justify-content: center;
    padding: .8rem 1.15rem;
}

.corrales-filter-button:hover[b-pbhedeilbo],
.corrales-filter-button:focus[b-pbhedeilbo] {
    color: #fff;
    transform: translateY(-1px);
}

.corrales-filter-button.compact[b-pbhedeilbo] {
    padding: .65rem 1rem;
}

.corrales-filter-modal[b-pbhedeilbo] {
    z-index: 1060;
}

.corrales-filter-modal-content[b-pbhedeilbo] {
    border: 0;
    border-radius: 1.35rem;
    box-shadow: 0 28px 70px rgba(15, 23, 42, .28);
    overflow: hidden;
}

.corrales-filter-modal-content .modal-header[b-pbhedeilbo] {
    align-items: flex-start;
    background: linear-gradient(135deg, #1d4ed8, #0ea5e9);
    color: #fff;
    padding: 1.35rem 1.5rem;
}

.corrales-filter-modal-content .modal-header .corrales-chip[b-pbhedeilbo] {
    background: rgba(255, 255, 255, .18);
    color: #fff;
}

.corrales-filter-modal-content .modal-title[b-pbhedeilbo] {
    font-weight: 900;
    margin-top: .45rem;
}

.corrales-filter-modal-content .modal-header p[b-pbhedeilbo] {
    margin: .2rem 0 0;
    opacity: .88;
}

.corrales-filter-modal-content .btn-close[b-pbhedeilbo] {
    filter: invert(1) grayscale(100%) brightness(200%);
    opacity: .9;
}

.corrales-filter-grid[b-pbhedeilbo] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.corrales-filter-grid .corrales-search[b-pbhedeilbo] {
    grid-column: 1 / -1;
}

.corrales-filter[b-pbhedeilbo],
.corrales-search[b-pbhedeilbo] {
    display: grid;
    gap: .35rem;
}

.corrales-filter label[b-pbhedeilbo],
.corrales-search label[b-pbhedeilbo] {
    color: #334155;
    font-size: .78rem;
    font-weight: 900;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.corrales-filter .form-select[b-pbhedeilbo],
.corrales-search .form-control[b-pbhedeilbo] {
    border-color: rgba(37, 99, 235, .18);
    border-radius: .9rem;
    min-height: 46px;
}

.corrales-filter .form-select:focus[b-pbhedeilbo],
.corrales-search .form-control:focus[b-pbhedeilbo] {
    border-color: #2563eb;
    box-shadow: 0 0 0 .2rem rgba(37, 99, 235, .12);
}

.corrales-purpose-admin[b-pbhedeilbo] {
    background: #f8fafc;
    border: 1px solid rgba(37, 99, 235, .14);
    border-radius: 1rem;
    display: grid;
    gap: 1rem;
    margin-top: 1.25rem;
    padding: 1rem;
}

.corrales-purpose-admin h3[b-pbhedeilbo] {
    color: #0f172a;
    font-size: 1rem;
    font-weight: 900;
    margin: .15rem 0;
}

.corrales-purpose-admin p[b-pbhedeilbo] {
    color: #64748b;
    margin: 0;
}

.corrales-purpose-list[b-pbhedeilbo] {
    display: flex;
    flex-wrap: wrap;
    gap: .65rem;
}

.corrales-purpose-option[b-pbhedeilbo] {
    align-items: center;
    background: #fff;
    border: 1px solid rgba(37, 99, 235, .16);
    border-radius: 999px;
    color: #1e293b;
    cursor: pointer;
    display: inline-flex;
    font-weight: 800;
    gap: .45rem;
    padding: .55rem .8rem;
}

.corrales-purpose-option input[b-pbhedeilbo] {
    accent-color: #2563eb;
}

@media (max-width: 768px) {
    .corrales-filter-toolbar[b-pbhedeilbo],
    .corrales-filter-actions[b-pbhedeilbo] {
        align-items: stretch;
        flex-direction: column;
    }

    .corrales-filter-grid[b-pbhedeilbo] {
        grid-template-columns: 1fr;
    }
}

.corrales-zone-legend[b-pbhedeilbo] {
    display: flex;
    flex-wrap: wrap;
    gap: .55rem;
    margin: .9rem 0 1rem;
}

.corrales-zone-legend span[b-pbhedeilbo] {
    align-items: center;
    background: rgba(255, 255, 255, .92);
    border: 1px solid rgba(15, 23, 42, .08);
    border-radius: 999px;
    box-shadow: 0 10px 24px rgba(15, 23, 42, .08);
    color: #334155;
    display: inline-flex;
    font-size: .82rem;
    font-weight: 700;
    gap: .4rem;
    padding: .4rem .65rem;
}

.corrales-zone-legend i[b-pbhedeilbo] {
    border-radius: 999px;
    box-shadow: 0 0 0 3px rgba(15, 23, 42, .08);
    display: inline-block;
    height: .75rem;
    width: .75rem;
}

.corrales-purpose-message[b-pbhedeilbo] {
    background: rgba(20, 121, 201, .1);
    border: 1px solid rgba(20, 121, 201, .22);
    border-radius: 14px;
    color: #0f4f88;
    font-size: .85rem;
    font-weight: 700;
    margin-top: .85rem;
    padding: .65rem .8rem;
}
/* /Components/Pages/Corrales/MisCorrales.razor.rz.scp.css */
.mis-corrales-page[b-m4z7kdte5i] { color: #172033; }
.mis-corrales-hero[b-m4z7kdte5i] { align-items: center; background: linear-gradient(135deg, #0f5f46, #117a8b); border-radius: 28px; color: #fff; display: flex; gap: 1.5rem; justify-content: space-between; padding: 2rem; }
.mis-corrales-hero h1[b-m4z7kdte5i] { font-size: clamp(2rem, 4vw, 3.4rem); font-weight: 800; margin: .35rem 0; }
.mis-corrales-hero p[b-m4z7kdte5i] { color: rgba(255,255,255,.86); margin: 0; max-width: 760px; }
.mis-corrales-eyebrow[b-m4z7kdte5i] { align-items: center; display: inline-flex; gap: .5rem; font-size: .82rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.mis-corrales-alert[b-m4z7kdte5i] { border: 0; border-radius: 18px; display: flex; gap: .75rem; }
.mis-corrales-toolbar[b-m4z7kdte5i] { align-items: end; background: #fff; border: 1px solid rgba(15, 95, 70, .12); border-radius: 22px; box-shadow: 0 16px 45px rgba(15, 95, 70, .08); display: grid; gap: 1rem; grid-template-columns: 1fr auto; padding: 1.25rem; }
.mis-corrales-kpi[b-m4z7kdte5i] { background: #f0fdf8; border-radius: 18px; min-width: 180px; padding: 1rem; }
.mis-corrales-kpi span[b-m4z7kdte5i] { color: #64748b; display: block; font-size: .78rem; font-weight: 800; text-transform: uppercase; }
.mis-corrales-kpi strong[b-m4z7kdte5i] { color: #0f5f46; font-size: 2rem; }
.mis-corrales-grid[b-m4z7kdte5i] { display: grid; gap: 1.2rem; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); }
.mis-corral-card[b-m4z7kdte5i] { background: #fff; border: 1px solid rgba(15, 95, 70, .12); border-radius: 24px; box-shadow: 0 16px 45px rgba(15, 95, 70, .08); padding: 1.25rem; }
.mis-corral-card__header[b-m4z7kdte5i] { align-items: start; display: flex; gap: 1rem; justify-content: space-between; }
.mis-corral-card__header h2[b-m4z7kdte5i] { font-size: 1.1rem; font-weight: 800; margin: .35rem 0 0; }
.mis-corral-code[b-m4z7kdte5i], .mis-corral-status[b-m4z7kdte5i] { border-radius: 999px; display: inline-flex; font-size: .78rem; font-weight: 800; padding: .35rem .7rem; }
.mis-corral-code[b-m4z7kdte5i] { background: #e0f2fe; color: #075985; }
.mis-corral-status[b-m4z7kdte5i] { background: #ecfdf5; color: #047857; }
.mis-corral-details[b-m4z7kdte5i] { display: grid; gap: .65rem; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 1rem 0; }
.mis-corral-details div[b-m4z7kdte5i] { background: #f8fafc; border-radius: 14px; padding: .75rem; }
.mis-corral-details dt[b-m4z7kdte5i] { color: #64748b; font-size: .72rem; font-weight: 800; text-transform: uppercase; }
.mis-corral-details dd[b-m4z7kdte5i] { font-weight: 700; margin: .2rem 0 0; }
.mis-corral-address[b-m4z7kdte5i] { align-items: flex-start; color: #475569; display: flex; gap: .45rem; margin: 0 0 1rem; }
.mis-corral-actions[b-m4z7kdte5i] { display: grid; gap: .75rem; grid-template-columns: 1fr 1fr; }
.mis-corral-actions--single[b-m4z7kdte5i] { grid-template-columns: 1fr; }
.mis-corrales-empty[b-m4z7kdte5i] { align-items: center; background: #fff; border: 1px dashed rgba(15, 95, 70, .24); border-radius: 24px; color: #64748b; display: flex; flex-direction: column; gap: .45rem; padding: 3rem 1rem; text-align: center; }
.mis-corrales-empty i[b-m4z7kdte5i] { color: #0f5f46; font-size: 2rem; }
.mis-corrales-empty strong[b-m4z7kdte5i] { color: #172033; font-size: 1.25rem; }
@media (max-width: 768px) { .mis-corrales-hero[b-m4z7kdte5i], .mis-corrales-toolbar[b-m4z7kdte5i] { display: block; } .mis-corrales-hero .btn[b-m4z7kdte5i] { margin-top: 1rem; width: 100%; } .mis-corrales-kpi[b-m4z7kdte5i] { margin-top: 1rem; } .mis-corral-details[b-m4z7kdte5i] { grid-template-columns: 1fr; } }
/* /Components/Pages/Pases/Casetas.razor.rz.scp.css */
.casetas-view[b-slqpa7b6bz] {
    min-height: calc(100vh - 70px);
    padding: 1.25rem;
    background: radial-gradient(circle at top left, rgba(13, 110, 253, .12), transparent 30rem), radial-gradient(circle at bottom right, rgba(11, 46, 89, .08), transparent 28rem), #f4f7fb;
}

.casetas-hero[b-slqpa7b6bz] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1.25rem;
    padding: 1.5rem;
    border-radius: 1.5rem;
    color: #fff;
    background: linear-gradient(135deg, rgba(7, 35, 68, .98), rgba(13, 110, 253, .95)), linear-gradient(45deg, #0b2e59, #0d6efd);
    box-shadow: 0 22px 55px rgba(13, 110, 253, .22);
    position: relative;
    overflow: hidden;
    margin-bottom: 1rem;
}

    .casetas-hero[b-slqpa7b6bz]::before,
    .casetas-hero[b-slqpa7b6bz]::after {
        content: "";
        position: absolute;
        border-radius: 999px;
        background: rgba(255, 255, 255, .12);
        pointer-events: none;
    }

    .casetas-hero[b-slqpa7b6bz]::before {
        width: 18rem;
        height: 18rem;
        right: -5rem;
        top: -8rem;
    }

    .casetas-hero[b-slqpa7b6bz]::after {
        width: 10rem;
        height: 10rem;
        left: 42%;
        bottom: -6rem;
    }

.casetas-hero-content[b-slqpa7b6bz],
.casetas-hero-actions[b-slqpa7b6bz] {
    position: relative;
    z-index: 1;
}

.casetas-chip[b-slqpa7b6bz],
.casetas-section-label[b-slqpa7b6bz] {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    border-radius: 999px;
    font-size: .72rem;
    font-weight: 850;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.casetas-chip[b-slqpa7b6bz] {
    padding: .35rem .7rem;
    color: #eaf3ff;
    background: rgba(255, 255, 255, .16);
    margin-bottom: .7rem;
}

.casetas-section-label[b-slqpa7b6bz] {
    color: #0d6efd;
    margin-bottom: .25rem;
}

.casetas-hero h1[b-slqpa7b6bz] {
    margin: 0;
    font-size: clamp(1.7rem, 3vw, 2.45rem);
    font-weight: 900;
    letter-spacing: -.04em;
}

.casetas-hero p[b-slqpa7b6bz] {
    max-width: 760px;
    margin: .4rem 0 0;
    color: rgba(255, 255, 255, .82);
    font-size: .98rem;
}

.casetas-btn-main[b-slqpa7b6bz] {
    border: 0;
    color: #0b2e59;
    font-weight: 800;
    border-radius: .95rem;
    padding: .7rem 1rem;
    box-shadow: 0 14px 30px rgba(0, 0, 0, .16);
    transition: transform .18s ease, box-shadow .18s ease;
    white-space: nowrap;
}

    .casetas-btn-main:hover[b-slqpa7b6bz] {
        transform: translateY(-2px);
        box-shadow: 0 18px 38px rgba(0, 0, 0, .20);
    }

.casetas-toast[b-slqpa7b6bz] {
    display: flex;
    align-items: center;
    gap: .8rem;
    margin-bottom: 1rem;
    padding: .9rem 1rem;
    border-radius: 1rem;
    border: 1px solid transparent;
    background: #fff;
    box-shadow: 0 14px 35px rgba(15, 23, 42, .10);
}

    .casetas-toast.alert-success[b-slqpa7b6bz] {
        border-color: rgba(22, 101, 52, .14);
        background: #f0fdf4;
    }

    .casetas-toast.alert-warning[b-slqpa7b6bz] {
        border-color: rgba(180, 83, 9, .18);
        background: #fffbeb;
    }

.casetas-toast-icon[b-slqpa7b6bz] {
    width: 2.1rem;
    height: 2.1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    color: #fff;
    background: #0d6efd;
    font-weight: 900;
    flex: 0 0 auto;
}

.casetas-toast.alert-success .casetas-toast-icon[b-slqpa7b6bz] {
    background: #16a34a;
}

.casetas-toast.alert-warning .casetas-toast-icon[b-slqpa7b6bz] {
    background: #f59e0b;
}

.casetas-toast-body[b-slqpa7b6bz] {
    display: flex;
    flex-direction: column;
    gap: .05rem;
    flex: 1;
}

    .casetas-toast-body strong[b-slqpa7b6bz] {
        color: #0f172a;
        font-size: .92rem;
    }

    .casetas-toast-body span[b-slqpa7b6bz] {
        color: #475569;
        font-size: .88rem;
    }

.casetas-toast-close[b-slqpa7b6bz] {
    border: 0;
    background: transparent;
    color: #64748b;
    font-size: 1.3rem;
    line-height: 1;
    padding: .25rem;
}

.casetas-stats[b-slqpa7b6bz] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
    margin-bottom: 1rem;
}

.casetas-stat[b-slqpa7b6bz] {
    padding: 1rem;
    border-radius: 1.2rem;
    background: rgba(255, 255, 255, .94);
    border: 1px solid rgba(15, 23, 42, .07);
    box-shadow: 0 16px 38px rgba(15, 23, 42, .07);
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

    .casetas-stat:hover[b-slqpa7b6bz] {
        transform: translateY(-4px);
        border-color: rgba(13, 110, 253, .22);
        box-shadow: 0 20px 45px rgba(13, 110, 253, .11);
    }

    .casetas-stat span[b-slqpa7b6bz] {
        display: block;
        color: #64748b;
        font-size: .75rem;
        font-weight: 850;
        text-transform: uppercase;
        letter-spacing: .06em;
        margin-bottom: .35rem;
    }

    .casetas-stat strong[b-slqpa7b6bz] {
        display: block;
        color: #0b2e59;
        font-size: 1.8rem;
        line-height: 1;
        font-weight: 950;
    }

    .casetas-stat small[b-slqpa7b6bz] {
        display: block;
        color: #64748b;
        margin-top: .45rem;
    }

.casetas-panel[b-slqpa7b6bz] {
    border-radius: 1.35rem;
    background: rgba(255, 255, 255, .97);
    border: 1px solid rgba(15, 23, 42, .08);
    box-shadow: 0 20px 50px rgba(15, 23, 42, .08);
    overflow: hidden;
}

.casetas-panel-header[b-slqpa7b6bz] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    padding: 1.25rem;
    background: linear-gradient(180deg, #fff 0%, #f8fbff 100%);
    border-bottom: 1px solid rgba(15, 23, 42, .07);
}

    .casetas-panel-header h2[b-slqpa7b6bz] {
        margin: 0;
        color: #0f172a;
        font-size: 1.2rem;
        font-weight: 900;
        letter-spacing: -.025em;
    }

    .casetas-panel-header p[b-slqpa7b6bz] {
        margin: .25rem 0 0;
        color: #64748b;
        font-size: .9rem;
    }

.casetas-btn-filter[b-slqpa7b6bz],
.casetas-modal-footer .btn[b-slqpa7b6bz] {
    border-radius: .9rem;
    font-weight: 800;
}

.casetas-toolbar[b-slqpa7b6bz] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 180px auto;
    gap: .8rem;
    padding: 1rem 1.25rem;
    background: #fff;
    border-bottom: 1px solid rgba(15, 23, 42, .07);
}

.casetas-search-box label[b-slqpa7b6bz],
.casetas-filter-box label[b-slqpa7b6bz],
.casetas-field label[b-slqpa7b6bz] {
    display: block;
    color: #334155;
    font-size: .78rem;
    font-weight: 850;
    text-transform: uppercase;
    letter-spacing: .05em;
    margin-bottom: .35rem;
}

.casetas-search-box .form-control[b-slqpa7b6bz],
.casetas-filter-box .form-select[b-slqpa7b6bz] {
    min-height: 43px;
    border-radius: .9rem;
    border-color: #dbe4f0;
    color: #0f172a;
}

.casetas-field[b-slqpa7b6bz]  .form-control,
.casetas-field[b-slqpa7b6bz]  .form-select {
    min-height: 43px;
    border-radius: .9rem;
    border-color: #dbe4f0;
    color: #0f172a;
}

.casetas-search-box .form-control:focus[b-slqpa7b6bz],
.casetas-filter-box .form-select:focus[b-slqpa7b6bz] {
    border-color: #0d6efd;
    box-shadow: 0 0 0 .22rem rgba(13, 110, 253, .12);
}

.casetas-field[b-slqpa7b6bz]  .form-control:focus,
.casetas-field[b-slqpa7b6bz]  .form-select:focus {
    border-color: #0d6efd;
    box-shadow: 0 0 0 .22rem rgba(13, 110, 253, .12);
}

.casetas-btn-filter[b-slqpa7b6bz] {
    align-self: end;
    min-height: 43px;
    white-space: nowrap;
}

.casetas-table-wrap[b-slqpa7b6bz] {
    background: #fff;
    overflow-x: auto;
}

.casetas-table[b-slqpa7b6bz] {
    --bs-table-hover-bg: transparent;
}

    .casetas-table thead th[b-slqpa7b6bz] {
        padding: .95rem 1rem;
        background: #f1f6ff;
        color: #334155;
        border-bottom: 1px solid #dbe4f0;
        font-size: .74rem;
        font-weight: 900;
        letter-spacing: .06em;
        text-transform: uppercase;
        white-space: nowrap;
    }

    .casetas-table tbody td[b-slqpa7b6bz] {
        padding: 1rem;
        border-bottom: 1px solid rgba(15, 23, 42, .06);
        vertical-align: middle;
    }

.casetas-row[b-slqpa7b6bz] {
    transition: background .16s ease, transform .16s ease, box-shadow .16s ease;
}

    .casetas-row:hover td[b-slqpa7b6bz] {
        background: #f8fbff;
    }

    .casetas-row.selected td[b-slqpa7b6bz] {
        background: #eef6ff;
    }

.casetas-code[b-slqpa7b6bz] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 3rem;
    padding: .38rem .58rem;
    border-radius: .8rem;
    background: #eaf3ff;
    color: #0b5ed7;
    font-weight: 950;
}

.casetas-name-cell[b-slqpa7b6bz] {
    display: flex;
    align-items: center;
    gap: .75rem;
    min-width: 210px;
}

.casetas-avatar[b-slqpa7b6bz],
.casetas-detail-avatar[b-slqpa7b6bz] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 1rem;
    background: linear-gradient(135deg, #0d6efd, #0b2e59);
    color: #fff;
    font-weight: 900;
    box-shadow: 0 12px 24px rgba(13, 110, 253, .20);
}

.casetas-avatar[b-slqpa7b6bz] {
    width: 2.35rem;
    height: 2.35rem;
    font-size: .82rem;
    flex: 0 0 auto;
}

.casetas-name-cell strong[b-slqpa7b6bz] {
    display: block;
    color: #0f172a;
    font-weight: 900;
}

.casetas-name-cell small[b-slqpa7b6bz] {
    display: block;
    color: #94a3b8;
    font-size: .76rem;
    margin-top: .15rem;
}

.casetas-location[b-slqpa7b6bz] {
    display: block;
    color: #475569;
    max-width: 360px;
    line-height: 1.35;
}

.casetas-town[b-slqpa7b6bz] {
    display: inline-flex;
    align-items: center;
    border-radius: .8rem;
    background: #f8fafc;
    color: #334155;
    border: 1px solid #e2e8f0;
    padding: .35rem .65rem;
    font-size: .82rem;
    font-weight: 750;
    white-space: nowrap;
}

.casetas-status[b-slqpa7b6bz] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    border-radius: 999px;
    padding: .35rem .65rem;
    font-size: .78rem;
    font-weight: 850;
    white-space: nowrap;
}

    .casetas-status span[b-slqpa7b6bz] {
        width: .45rem;
        height: .45rem;
        border-radius: 999px;
    }

    .casetas-status.active[b-slqpa7b6bz] {
        background: #dcfce7;
        color: #166534;
    }

        .casetas-status.active span[b-slqpa7b6bz] {
            background: #16a34a;
            box-shadow: 0 0 0 .25rem rgba(22, 163, 74, .13);
        }

    .casetas-status.inactive[b-slqpa7b6bz] {
        background: #e2e8f0;
        color: #475569;
    }

        .casetas-status.inactive span[b-slqpa7b6bz] {
            background: #64748b;
        }

.casetas-actions[b-slqpa7b6bz] {
    display: flex;
    justify-content: flex-end;
    gap: .45rem;
    white-space: nowrap;
}

    .casetas-actions .btn[b-slqpa7b6bz] {
        border-radius: .75rem;
        font-weight: 750;
    }

.casetas-empty[b-slqpa7b6bz] {
    min-height: 230px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: .35rem;
    text-align: center;
    color: #64748b;
}

.casetas-empty-icon[b-slqpa7b6bz] {
    width: 3.25rem;
    height: 3.25rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 1.1rem;
    background: #eaf3ff;
    color: #0d6efd;
    font-size: 1.6rem;
    font-weight: 900;
    margin-bottom: .35rem;
}

.casetas-empty strong[b-slqpa7b6bz] {
    color: #0f172a;
    font-size: 1rem;
}

.casetas-modal-backdrop[b-slqpa7b6bz] {
    position: fixed;
    inset: 0;
    z-index: 1050;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    background: rgba(15, 23, 42, .58);
    backdrop-filter: blur(7px);
}

.casetas-modal[b-slqpa7b6bz] {
    width: min(760px, 100%);
    max-height: calc(100vh - 2rem);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    border-radius: 1.4rem;
    background: #fff;
    box-shadow: 0 28px 80px rgba(0, 0, 0, .26);
    border: 1px solid rgba(255, 255, 255, .35);
}

.casetas-modal-sm[b-slqpa7b6bz] {
    width: min(580px, 100%);
}

.casetas-modal-confirm[b-slqpa7b6bz] {
    width: min(460px, 100%);
    padding: 1.5rem;
    text-align: center;
}

.casetas-modal-header[b-slqpa7b6bz] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.25rem;
    background: linear-gradient(180deg, #fff 0%, #f8fbff 100%);
    border-bottom: 1px solid rgba(15, 23, 42, .08);
}

    .casetas-modal-header h3[b-slqpa7b6bz],
    .casetas-modal-confirm h3[b-slqpa7b6bz] {
        margin: 0;
        color: #0f172a;
        font-size: 1.25rem;
        font-weight: 950;
        letter-spacing: -.03em;
    }

    .casetas-modal-header p[b-slqpa7b6bz],
    .casetas-modal-confirm p[b-slqpa7b6bz] {
        margin: .3rem 0 0;
        color: #64748b;
        font-size: .9rem;
    }

.casetas-modal-close[b-slqpa7b6bz] {
    width: 2.3rem;
    height: 2.3rem;
    border: 0;
    border-radius: .8rem;
    background: #eef2f7;
    color: #334155;
    font-size: 1.4rem;
    line-height: 1;
    transition: background .16s ease, transform .16s ease;
}

    .casetas-modal-close:hover:not(:disabled)[b-slqpa7b6bz] {
        background: #e2e8f0;
        transform: rotate(8deg);
    }

.casetas-modal-body[b-slqpa7b6bz] {
    overflow-y: auto;
    padding: 1.25rem;
}

.casetas-form-alert[b-slqpa7b6bz] {
    margin-bottom: 1rem;
    padding: .8rem .9rem;
    border-radius: .9rem;
    color: #92400e;
    background: #fffbeb;
    border: 1px solid rgba(180, 83, 9, .18);
    font-weight: 700;
    font-size: .9rem;
}

.casetas-form-grid[b-slqpa7b6bz] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.casetas-field-full[b-slqpa7b6bz] {
    grid-column: 1 / -1;
}

.casetas-field small[b-slqpa7b6bz] {
    display: block;
    color: #64748b;
    margin-top: .35rem;
    font-size: .78rem;
}

.casetas-switch-card[b-slqpa7b6bz] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    padding: .95rem;
    border-radius: 1rem;
    background: #f8fbff;
    border: 1px solid rgba(13, 110, 253, .12);
}

    .casetas-switch-card strong[b-slqpa7b6bz] {
        display: block;
        color: #0f172a;
        font-size: .92rem;
        font-weight: 850;
    }

    .casetas-switch-card small[b-slqpa7b6bz] {
        display: block;
        color: #64748b;
        font-size: .78rem;
        margin-top: .2rem;
    }

    .casetas-switch-card[b-slqpa7b6bz]  .casetas-switch {
        width: 2.7rem;
        height: 1.45rem;
        cursor: pointer;
    }

.casetas-modal-footer[b-slqpa7b6bz] {
    display: flex;
    justify-content: flex-end;
    gap: .65rem;
    padding: 1rem 1.25rem;
    background: #fff;
    border-top: 1px solid rgba(15, 23, 42, .08);
}

    .casetas-modal-footer.center[b-slqpa7b6bz] {
        justify-content: center;
        border-top: 0;
        padding: 1rem 0 0;
    }

.casetas-detail-body[b-slqpa7b6bz] {
    padding: 1.5rem;
    text-align: center;
}

.casetas-detail-avatar[b-slqpa7b6bz] {
    width: 4.4rem;
    height: 4.4rem;
    margin: 0 auto 1rem;
    font-size: 1.25rem;
}

.casetas-detail-grid[b-slqpa7b6bz] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .8rem;
    text-align: left;
}

    .casetas-detail-grid div[b-slqpa7b6bz] {
        padding: .9rem;
        border-radius: 1rem;
        background: #f8fbff;
        border: 1px solid rgba(13, 110, 253, .10);
    }

    .casetas-detail-grid span[b-slqpa7b6bz] {
        display: block;
        color: #64748b;
        font-size: .75rem;
        font-weight: 850;
        text-transform: uppercase;
        letter-spacing: .05em;
        margin-bottom: .25rem;
    }

    .casetas-detail-grid strong[b-slqpa7b6bz] {
        display: block;
        color: #0f172a;
        line-height: 1.35;
        word-break: break-word;
    }

.casetas-confirm-icon[b-slqpa7b6bz] {
    width: 4rem;
    height: 4rem;
    margin: 0 auto 1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 1.2rem;
    color: #fff;
    font-size: 1.8rem;
    font-weight: 950;
}

    .casetas-confirm-icon.danger[b-slqpa7b6bz] {
        background: linear-gradient(135deg, #dc2626, #991b1b);
        box-shadow: 0 18px 38px rgba(220, 38, 38, .22);
    }

    .casetas-confirm-icon.success[b-slqpa7b6bz] {
        background: linear-gradient(135deg, #16a34a, #166534);
        box-shadow: 0 18px 38px rgba(22, 163, 74, .22);
    }

.animate-rise[b-slqpa7b6bz] {
    animation: casetasRise-b-slqpa7b6bz .42s ease both;
}

.animate-slide-down[b-slqpa7b6bz] {
    animation: casetasSlideDown-b-slqpa7b6bz .28s ease both;
}

.animate-fade[b-slqpa7b6bz] {
    animation: casetasFade-b-slqpa7b6bz .18s ease both;
}

.animate-pop[b-slqpa7b6bz] {
    animation: casetasPop-b-slqpa7b6bz .23s ease both;
}

.delay-1[b-slqpa7b6bz] {
    animation-delay: .04s;
}

.delay-2[b-slqpa7b6bz] {
    animation-delay: .08s;
}

.delay-3[b-slqpa7b6bz] {
    animation-delay: .12s;
}

.delay-4[b-slqpa7b6bz] {
    animation-delay: .16s;
}

@keyframes casetasRise-b-slqpa7b6bz {
    from {
        opacity: 0;
        transform: translateY(14px);
    }

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

@keyframes casetasSlideDown-b-slqpa7b6bz {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }

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

@keyframes casetasFade-b-slqpa7b6bz {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes casetasPop-b-slqpa7b6bz {
    from {
        opacity: 0;
        transform: translateY(16px) scale(.96);
    }

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

@media (max-width: 1200px) {
    .casetas-stats[b-slqpa7b6bz] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .casetas-toolbar[b-slqpa7b6bz] {
        grid-template-columns: minmax(0, 1fr) 170px;
    }

    .casetas-btn-filter[b-slqpa7b6bz] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 768px) {
    .casetas-view[b-slqpa7b6bz] {
        padding: .85rem;
    }

    .casetas-hero[b-slqpa7b6bz],
    .casetas-panel-header[b-slqpa7b6bz] {
        flex-direction: column;
        align-items: stretch;
    }

    .casetas-hero[b-slqpa7b6bz] {
        border-radius: 1.1rem;
    }

    .casetas-btn-main[b-slqpa7b6bz],
    .casetas-btn-filter[b-slqpa7b6bz] {
        width: 100%;
    }

    .casetas-stats[b-slqpa7b6bz],
    .casetas-toolbar[b-slqpa7b6bz],
    .casetas-form-grid[b-slqpa7b6bz],
    .casetas-detail-grid[b-slqpa7b6bz] {
        grid-template-columns: 1fr;
    }

    .casetas-field-full[b-slqpa7b6bz] {
        grid-column: auto;
    }

    .casetas-actions[b-slqpa7b6bz] {
        flex-direction: column;
    }

        .casetas-actions .btn[b-slqpa7b6bz] {
            width: 100%;
        }

    .casetas-modal-footer[b-slqpa7b6bz] {
        flex-direction: column-reverse;
    }

        .casetas-modal-footer .btn[b-slqpa7b6bz] {
            width: 100%;
        }
}
/* /Components/Pages/Pases/PasesCaseta.razor.rz.scp.css */
.pases-view[b-fvnjrs6syo] {
    animation: fadeIn-b-fvnjrs6syo .25s ease both;
}

.empresas-header[b-fvnjrs6syo] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
}

.pases-header[b-fvnjrs6syo] {
    margin-bottom: .75rem;
}

    .pases-header h1[b-fvnjrs6syo] {
        margin: 0;
    }

    .pases-header p[b-fvnjrs6syo] {
        font-size: .95rem;
    }

.pases-filter-card[b-fvnjrs6syo] {
    background: #fff;
    border: 1px solid #e4eaf5;
    border-radius: 0.9rem;
    box-shadow: 0 0.5rem 1rem rgba(15, 23, 42, 0.08);
    padding: 1rem;
    animation: fadeIn-b-fvnjrs6syo .35s ease both;
}

.caseta-selector-shell[b-fvnjrs6syo] {
    min-height: calc(100vh - 240px);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2.5rem 1rem;
    animation: fadeIn-b-fvnjrs6syo .25s ease both;
}

.caseta-selector-card[b-fvnjrs6syo] {
    position: relative;
    width: min(620px, 100%);
    overflow: hidden;
    border: 1px solid #bfdbfe;
    border-radius: 1.35rem;
    background: linear-gradient(145deg, #ffffff 0%, #f8fbff 45%, #eef6ff 100%);
    box-shadow: 0 24px 60px rgba(15, 23, 42, .16), 0 0 0 8px rgba(219, 234, 254, .45);
    padding: 2rem;
    text-align: center;
    animation: slideInUp-b-fvnjrs6syo .35s ease both;
}

.caseta-selector-glow[b-fvnjrs6syo] {
    position: absolute;
    top: -90px;
    right: -90px;
    width: 210px;
    height: 210px;
    border-radius: 999px;
    background: radial-gradient(circle, rgba(31, 78, 161, .22), rgba(31, 78, 161, 0) 68%);
    pointer-events: none;
}

.caseta-selector-icon[b-fvnjrs6syo] {
    width: 76px;
    height: 76px;
    margin: 0 auto 1rem;
    border-radius: 1.3rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #0d3d9b, #1f4ea1);
    color: #ffffff;
    font-size: 2.15rem;
    box-shadow: 0 14px 28px rgba(31, 78, 161, .28);
}

.caseta-selector-content[b-fvnjrs6syo] {
    position: relative;
    z-index: 1;
}

.caseta-selector-eyebrow[b-fvnjrs6syo] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: .55rem;
    padding: .28rem .75rem;
    border-radius: 999px;
    background: #dbeafe;
    color: #1e3a8a;
    font-size: .78rem;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.caseta-selector-content h2[b-fvnjrs6syo] {
    margin: 0;
    color: #0f172a;
    font-size: clamp(1.45rem, 2vw, 2.05rem);
    font-weight: 900;
    letter-spacing: -.03em;
}

.caseta-selector-content p[b-fvnjrs6syo] {
    max-width: 480px;
    margin: .75rem auto 0;
    color: #475569;
    font-size: .98rem;
    font-weight: 600;
    line-height: 1.5;
}

.caseta-selector-form[b-fvnjrs6syo] {
    position: relative;
    z-index: 1;
    max-width: 430px;
    margin: 1.45rem auto 0;
    text-align: left;
}

.caseta-selector-select[b-fvnjrs6syo] {
    min-height: 52px;
    border: 1px solid #93c5fd !important;
    border-radius: .9rem !important;
    font-size: 1rem !important;
    font-weight: 700;
    box-shadow: 0 10px 24px rgba(31, 78, 161, .12) !important;
}

    .caseta-selector-select:focus[b-fvnjrs6syo] {
        border-color: #1f4ea1 !important;
        box-shadow: 0 0 0 .24rem rgba(31, 78, 161, .18), 0 12px 26px rgba(31, 78, 161, .14) !important;
    }

.caseta-selector-help[b-fvnjrs6syo] {
    display: flex;
    align-items: flex-start;
    gap: .45rem;
    margin-top: .75rem;
    color: #64748b;
    font-size: .82rem;
    font-weight: 700;
    line-height: 1.35;
}

    .caseta-selector-help i[b-fvnjrs6syo] {
        color: #1f4ea1;
        margin-top: .1rem;
    }

.pases-content-ready[b-fvnjrs6syo] {
    animation: slideInUp-b-fvnjrs6syo .28s ease both;
}

.btn-nuevo-pase[b-fvnjrs6syo] {
    border-radius: .8rem;
    font-weight: 700;
    padding: .58rem 1rem;
    box-shadow: 0 10px 20px rgba(37, 99, 235, .16);
    white-space: nowrap;
}

.solicitudes-table[b-fvnjrs6syo] {
    background: #fff;
    border: 1px solid #e4eaf5;
    border-radius: 0.9rem;
    box-shadow: 0 0.5rem 1rem rgba(15, 23, 42, 0.08);
    padding: 0.8rem;
    animation: fadeIn-b-fvnjrs6syo .35s ease both;
}

.pases-table-wrapper[b-fvnjrs6syo] {
    overflow-x: auto;
}

.pases-table[b-fvnjrs6syo] {
    margin-bottom: 0;
}

    .pases-table thead th[b-fvnjrs6syo] {
        color: #334155;
        font-size: .86rem;
        font-weight: 800;
        border-bottom: 1px solid #e4eaf5;
        white-space: nowrap;
        background: #f8fafc;
    }

    .pases-table tbody td[b-fvnjrs6syo] {
        color: #344054;
        font-size: .92rem;
        vertical-align: middle;
    }

    .pases-table tbody tr:hover[b-fvnjrs6syo] {
        background-color: #f6f9ff;
        transform: translateY(-1px);
        transition: .2s ease;
    }

.acciones-col[b-fvnjrs6syo] {
    white-space: nowrap;
}

/* MODAL CAPTURA */
.pase-modal[b-fvnjrs6syo] {
    z-index: 1060;
    background: rgba(15, 23, 42, .55);
    backdrop-filter: blur(3px);
}

.modal-backdrop[b-fvnjrs6syo] {
    z-index: 1050;
}

.solicitud-modal[b-fvnjrs6syo] {
    border: 0;
    border-radius: 1rem;
    overflow: hidden;
    box-shadow: 0 24px 70px rgba(15, 23, 42, 0.32);
}

.pase-modal-content .modal-header[b-fvnjrs6syo] {
    background: linear-gradient(90deg, #f7faff 0%, #f2f7ff 100%);
    border-bottom: 1px solid #e7edf8;
    padding: 1rem 1.25rem;
}

.pase-modal-content .modal-title[b-fvnjrs6syo] {
    color: #111827;
    font-weight: 800;
}

.pase-modal-content .modal-body[b-fvnjrs6syo] {
    background: #ffffff;
    padding: 1.25rem;
}

.pase-modal-content .modal-footer[b-fvnjrs6syo] {
    justify-content: space-between;
    background: #ffffff;
    border-top: 1px solid #e7edf8;
    padding: 1rem 1.25rem;
}

.wizard-header[b-fvnjrs6syo] {
    background: linear-gradient(90deg, #f8fafc 0%, #eef4ff 100%);
    color: #1d3f7a;
    text-align: center;
    font-size: 1.1rem;
    font-weight: 800;
    line-height: 1.25;
    letter-spacing: .35px;
    padding: 12px 16px;
    margin-bottom: 1rem;
    border: 1px solid #d6e4ff;
    border-radius: .85rem;
    text-transform: uppercase;
}

.stepper[b-fvnjrs6syo] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .55rem;
}

.step-item[b-fvnjrs6syo] {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    color: #98a2b3;
    font-weight: 700;
    white-space: nowrap;
}

    .step-item span[b-fvnjrs6syo] {
        width: 34px;
        height: 34px;
        border-radius: 50%;
        background: #d6dff2;
        color: #284070;
        font-weight: 800;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        transition: .18s ease;
    }

    .step-item small[b-fvnjrs6syo] {
        font-size: .82rem;
    }

    .step-item.active[b-fvnjrs6syo] {
        color: #1f4ea1;
    }

        .step-item.active span[b-fvnjrs6syo] {
            background: #39a54a;
            color: #fff;
            box-shadow: 0 8px 18px rgba(57, 165, 74, .22);
        }

    .step-item.done[b-fvnjrs6syo] {
        color: #0d3d9b;
    }

        .step-item.done span[b-fvnjrs6syo] {
            background: #0d3d9b;
            color: #fff;
        }

.step-line[b-fvnjrs6syo] {
    flex: 1;
    height: 3px;
    min-width: 45px;
    background: #d8e2f1;
    border-radius: 999px;
}

    .step-line.active[b-fvnjrs6syo] {
        background: #0d3d9b;
    }

.step-card[b-fvnjrs6syo] {
    border: 1px solid #d9dfeb;
    border-radius: 0.85rem;
    box-shadow: 0 0.45rem 1rem rgba(15, 23, 42, 0.08);
    overflow: hidden;
}

    .step-card .card-header[b-fvnjrs6syo] {
        background: #f4f6f9;
        font-weight: 700;
        border-bottom: 1px solid #e7edf8;
        color: #274374;
        letter-spacing: .01em;
        padding: .85rem 1rem;
    }

    .step-card .card-body[b-fvnjrs6syo] {
        background: #ffffff;
        padding: 1rem;
    }

:deep(.form-label)[b-fvnjrs6syo] {
    margin-bottom: .35rem;
    color: #344054;
    font-size: .95rem;
    font-weight: 700;
}

:deep(.form-control)[b-fvnjrs6syo],
:deep(.form-select)[b-fvnjrs6syo] {
    min-height: 42px;
    border: 1px solid #cbd5e1;
    border-radius: .65rem;
    background-color: #ffffff;
    color: #1f2937;
    font-size: .96rem;
    padding: .48rem .75rem;
    box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05);
    transition: border-color .15s ease, box-shadow .15s ease, background-color .15s ease;
}

:deep(.form-control:hover)[b-fvnjrs6syo],
:deep(.form-select:hover)[b-fvnjrs6syo] {
    border-color: #94a3b8;
    background-color: #fbfdff;
}

:deep(.form-control:focus)[b-fvnjrs6syo],
:deep(.form-select:focus)[b-fvnjrs6syo] {
    border-color: #1f4ea1;
    box-shadow: 0 0 0 .22rem rgba(31, 78, 161, 0.16);
    background-color: #ffffff;
}

:deep(.form-control:disabled)[b-fvnjrs6syo],
:deep(.form-select:disabled)[b-fvnjrs6syo] {
    background-color: #f1f5f9;
    color: #64748b;
    cursor: not-allowed;
}

.note[b-fvnjrs6syo] {
    display: block;
    margin-top: 2px;
    color: #64748b;
    font-size: .75rem;
    font-weight: 600;
}

.section-band[b-fvnjrs6syo] {
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    border-radius: .75rem;
    color: #1e3a8a;
    font-weight: 800;
    padding: .7rem .9rem;
    box-shadow: inset 4px 0 0 #1f4ea1;
}

.step-counter[b-fvnjrs6syo] {
    color: #475467;
    font-weight: 700;
}

.wizard-actions[b-fvnjrs6syo] {
    display: flex;
    justify-content: flex-end;
    gap: .65rem;
}

    .wizard-actions .btn[b-fvnjrs6syo] {
        min-width: 112px;
        border-radius: .8rem;
        font-weight: 700;
    }

.preview-image[b-fvnjrs6syo] {
    max-width: 320px;
    max-height: 220px;
    border: 3px solid #e5e7eb;
    border-radius: 1rem;
    padding: 4px;
    background: #ffffff;
    box-shadow: 0 8px 22px rgba(16, 24, 40, 0.18);
}

.empty-image-box[b-fvnjrs6syo] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: min(320px, 100%);
    min-height: 160px;
    border: 2px dashed #cbd5e1;
    border-radius: 1rem;
    color: #64748b;
    background: #f8fafc;
    font-weight: 600;
}

/* MODAL PDF */
.pase-pdf-modal[b-fvnjrs6syo] {
    z-index: 1070;
    background: rgba(15, 23, 42, .65);
    backdrop-filter: blur(3px);
}

.pase-pdf-backdrop[b-fvnjrs6syo] {
    z-index: 1060;
}

.pase-pdf-content[b-fvnjrs6syo] {
    border: 0;
    border-radius: 1rem;
    overflow: hidden;
    box-shadow: 0 24px 70px rgba(15, 23, 42, 0.35);
}

    .pase-pdf-content .modal-header[b-fvnjrs6syo] {
        background: linear-gradient(90deg, #f7faff 0%, #f2f7ff 100%);
        border-bottom: 1px solid #e7edf8;
    }

.pase-pdf-frame[b-fvnjrs6syo] {
    width: 100%;
    height: calc(100vh - 150px);
    border: 0;
    background: #1f2937;
}

@keyframes fadeIn-b-fvnjrs6syo {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes slideInUp-b-fvnjrs6syo {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

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

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

    .caseta-selector-shell[b-fvnjrs6syo] {
        min-height: calc(100vh - 210px);
        padding: 1.25rem .25rem;
    }

    .caseta-selector-card[b-fvnjrs6syo] {
        padding: 1.35rem;
        border-radius: 1.05rem;
    }

    .caseta-selector-icon[b-fvnjrs6syo] {
        width: 64px;
        height: 64px;
        font-size: 1.8rem;
    }

    .btn-nuevo-pase[b-fvnjrs6syo] {
        width: 100%;
        margin-left: 0;
    }

    .pase-modal-content .modal-footer[b-fvnjrs6syo] {
        flex-direction: column;
        align-items: stretch;
    }

    .stepper[b-fvnjrs6syo] {
        gap: .3rem;
    }

    .step-line[b-fvnjrs6syo] {
        min-width: 24px;
    }

    .step-item small[b-fvnjrs6syo] {
        display: none;
    }

    .wizard-actions[b-fvnjrs6syo] {
        justify-content: stretch;
    }

        .wizard-actions .btn[b-fvnjrs6syo] {
            flex: 1;
            min-width: 0;
        }

    .pase-pdf-frame[b-fvnjrs6syo] {
        height: calc(100vh - 135px);
    }
}

.pase-pdf-loading-message[b-fvnjrs6syo] {
    position: absolute;
    inset: 0;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .85rem;
    min-height: 420px;
    background: rgba(255, 255, 255, .92);
    color: #0b2f5b;
    font-weight: 700;
}

.folio-preview-card[b-fvnjrs6syo],
.folio-result-card[b-fvnjrs6syo] {
    border: 1px solid #bfdbfe;
    border-radius: .9rem;
    background: #eff6ff;
    padding: .9rem 1rem;
    box-shadow: inset 4px 0 0 #1f4ea1;
}

.folio-preview-label[b-fvnjrs6syo],
.folio-result-label[b-fvnjrs6syo] {
    color: #1e3a8a;
    font-size: .78rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .05em;
}

.folio-preview-value[b-fvnjrs6syo],
.folio-result-value[b-fvnjrs6syo] {
    color: #0f172a;
    font-size: 1.35rem;
    font-weight: 900;
    line-height: 1.15;
}

.folio-preview-note[b-fvnjrs6syo] {
    color: #64748b;
    font-size: .78rem;
    font-weight: 600;
}

/* MODAL CONFIGURACIÓN CASETAS */
.configuracion-casetas-modal[b-fvnjrs6syo] {
    z-index: 1080;
}

.configuracion-casetas-content[b-fvnjrs6syo] {
    overflow: hidden;
}

.config-panel[b-fvnjrs6syo] {
    border: 1px solid #dbe7fb;
    border-radius: 1rem;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
    padding: 1rem;
    box-shadow: 0 12px 28px rgba(15, 23, 42, .08);
}

.config-panel-title[b-fvnjrs6syo] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .75rem;
    margin-bottom: .85rem;
    color: #0f172a;
    font-weight: 900;
}

.config-users-list[b-fvnjrs6syo] {
    display: flex;
    flex-direction: column;
    gap: .65rem;
    max-height: 520px;
    overflow-y: auto;
    padding-right: .25rem;
}

.config-user-row[b-fvnjrs6syo] {
    width: 100%;
    border: 1px solid #d7e2f3;
    border-radius: .9rem;
    background: #ffffff;
    padding: .85rem;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: .8rem;
    text-align: left;
    transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease, background-color .15s ease;
}

    .config-user-row:hover[b-fvnjrs6syo] {
        transform: translateY(-1px);
        border-color: #93c5fd;
        background: #f8fbff;
        box-shadow: 0 10px 22px rgba(31, 78, 161, .10);
    }

    .config-user-row.active[b-fvnjrs6syo] {
        border-color: #1f4ea1;
        background: #eff6ff;
        box-shadow: 0 0 0 3px rgba(31, 78, 161, .12);
    }

.config-user-main[b-fvnjrs6syo],
.config-user-access[b-fvnjrs6syo] {
    display: flex;
    flex-direction: column;
    gap: .22rem;
}

    .config-user-main strong[b-fvnjrs6syo] {
        color: #0f172a;
        font-size: .92rem;
        font-weight: 900;
    }

    .config-user-main small[b-fvnjrs6syo],
    .config-user-access small[b-fvnjrs6syo] {
        color: #64748b;
        font-size: .78rem;
        font-weight: 700;
        line-height: 1.25;
    }

.config-user-access[b-fvnjrs6syo] {
    align-items: flex-end;
    max-width: 48%;
}

.config-options[b-fvnjrs6syo] {
    display: grid;
    gap: .75rem;
}

.config-option[b-fvnjrs6syo] {
    border: 1px solid #d7e2f3;
    border-radius: .95rem;
    background: #ffffff;
    padding: .95rem 1rem;
    display: flex;
    align-items: flex-start;
    gap: .8rem;
    cursor: pointer;
    transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease, background-color .15s ease;
}

    .config-option:hover[b-fvnjrs6syo] {
        transform: translateY(-1px);
        border-color: #93c5fd;
        background: #f8fbff;
        box-shadow: 0 10px 22px rgba(31, 78, 161, .10);
    }

    .config-option.active[b-fvnjrs6syo] {
        border-color: #1f4ea1;
        background: #eff6ff;
        box-shadow: inset 4px 0 0 #1f4ea1;
    }

    .config-option input[b-fvnjrs6syo] {
        width: 18px;
        height: 18px;
        margin-top: .15rem;
        accent-color: #1f4ea1;
    }

    .config-option span[b-fvnjrs6syo] {
        display: flex;
        flex-direction: column;
        gap: .25rem;
    }

    .config-option strong[b-fvnjrs6syo] {
        color: #0f172a;
        font-size: .96rem;
        font-weight: 900;
    }

    .config-option small[b-fvnjrs6syo] {
        color: #64748b;
        font-size: .82rem;
        font-weight: 700;
        line-height: 1.35;
    }

.config-casetas-box[b-fvnjrs6syo] {
    margin-top: 1rem;
    border: 1px solid #d7e2f3;
    border-radius: 1rem;
    background: #ffffff;
    padding: 1rem;
    transition: opacity .15s ease, filter .15s ease, border-color .15s ease;
}

    .config-casetas-box.disabled[b-fvnjrs6syo] {
        opacity: .55;
        filter: grayscale(.25);
    }

    .config-casetas-box.enabled[b-fvnjrs6syo] {
        border-color: #93c5fd;
        box-shadow: inset 4px 0 0 #39a54a;
    }

.config-casetas-header[b-fvnjrs6syo] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .75rem;
    margin-bottom: .75rem;
}

    .config-casetas-header strong[b-fvnjrs6syo] {
        color: #0f172a;
        font-weight: 900;
    }

    .config-casetas-header small[b-fvnjrs6syo] {
        color: #64748b;
        font-size: .78rem;
        font-weight: 700;
    }

.config-casetas-grid[b-fvnjrs6syo] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
    gap: .6rem;
    max-height: 260px;
    overflow-y: auto;
    padding-right: .25rem;
}

.config-caseta-check[b-fvnjrs6syo] {
    border: 1px solid #e2e8f0;
    border-radius: .75rem;
    background: #f8fafc;
    padding: .65rem .75rem;
    display: flex;
    align-items: center;
    gap: .55rem;
    color: #334155;
    font-size: .86rem;
    font-weight: 800;
    cursor: pointer;
    transition: .15s ease;
}

    .config-caseta-check:hover[b-fvnjrs6syo] {
        border-color: #93c5fd;
        background: #f8fbff;
    }

    .config-caseta-check.checked[b-fvnjrs6syo] {
        border-color: #1f4ea1;
        background: #eff6ff;
        color: #1e3a8a;
    }

    .config-caseta-check input[b-fvnjrs6syo] {
        accent-color: #1f4ea1;
    }

.config-loading[b-fvnjrs6syo],
.config-empty[b-fvnjrs6syo] {
    min-height: 160px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .75rem;
    border: 1px dashed #cbd5e1;
    border-radius: .9rem;
    background: #f8fafc;
    color: #64748b;
    font-weight: 800;
    text-align: center;
    padding: 1rem;
}

.config-empty-tall[b-fvnjrs6syo] {
    min-height: 440px;
}

@media (max-width: 768px) {
    .config-user-row[b-fvnjrs6syo] {
        flex-direction: column;
    }

    .config-user-access[b-fvnjrs6syo] {
        align-items: flex-start;
        max-width: 100%;
    }

    .config-casetas-header[b-fvnjrs6syo] {
        align-items: flex-start;
        flex-direction: column;
    }
}
/* /Components/Pages/Pases/PasesColmenas.razor.rz.scp.css */
.pases-view[b-5gkjnwia5y] {
    animation: fadeIn-b-5gkjnwia5y .25s ease both;
}

.empresas-header[b-5gkjnwia5y] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
}

.pases-header[b-5gkjnwia5y] {
    margin-bottom: .75rem;
}

    .pases-header h1[b-5gkjnwia5y] {
        margin: 0;
    }

    .pases-header p[b-5gkjnwia5y] {
        font-size: .95rem;
    }

.pases-filter-card[b-5gkjnwia5y] {
    background: #fff;
    border: 1px solid #e4eaf5;
    border-radius: 0.9rem;
    box-shadow: 0 0.5rem 1rem rgba(15, 23, 42, 0.08);
    padding: 1rem;
    animation: fadeIn-b-5gkjnwia5y .35s ease both;
}

.btn-nuevo-pase[b-5gkjnwia5y] {
    border-radius: .8rem;
    font-weight: 700;
    padding: .58rem 1rem;
    box-shadow: 0 10px 20px rgba(37, 99, 235, .16);
    white-space: nowrap;
}

.solicitudes-table[b-5gkjnwia5y] {
    background: #fff;
    border: 1px solid #e4eaf5;
    border-radius: 0.9rem;
    box-shadow: 0 0.5rem 1rem rgba(15, 23, 42, 0.08);
    padding: 0.8rem;
    animation: fadeIn-b-5gkjnwia5y .35s ease both;
}

.pases-table-wrapper[b-5gkjnwia5y] {
    overflow-x: auto;
}

.pases-table[b-5gkjnwia5y] {
    margin-bottom: 0;
}

    .pases-table thead th[b-5gkjnwia5y] {
        color: #334155;
        font-size: .86rem;
        font-weight: 800;
        border-bottom: 1px solid #e4eaf5;
        white-space: nowrap;
        background: #f8fafc;
    }

    .pases-table tbody td[b-5gkjnwia5y] {
        color: #344054;
        font-size: .92rem;
        vertical-align: middle;
    }

    .pases-table tbody tr:hover[b-5gkjnwia5y] {
        background-color: #f6f9ff;
        transform: translateY(-1px);
        transition: .2s ease;
    }

.acciones-col[b-5gkjnwia5y] {
    white-space: nowrap;
}

/* MODAL CAPTURA */
.pase-modal[b-5gkjnwia5y] {
    z-index: 1060;
    background: rgba(15, 23, 42, .55);
    backdrop-filter: blur(3px);
}

.modal-backdrop[b-5gkjnwia5y] {
    z-index: 1050;
}

.solicitud-modal[b-5gkjnwia5y] {
    border: 0;
    border-radius: 1rem;
    overflow: hidden;
    box-shadow: 0 24px 70px rgba(15, 23, 42, 0.32);
}

.pase-modal-content .modal-header[b-5gkjnwia5y] {
    background: linear-gradient(90deg, #f7faff 0%, #f2f7ff 100%);
    border-bottom: 1px solid #e7edf8;
    padding: 1rem 1.25rem;
}

.pase-modal-content .modal-title[b-5gkjnwia5y] {
    color: #111827;
    font-weight: 800;
}

.pase-modal-content .modal-body[b-5gkjnwia5y] {
    background: #ffffff;
    padding: 1.25rem;
}

.pase-modal-content .modal-footer[b-5gkjnwia5y] {
    justify-content: space-between;
    background: #ffffff;
    border-top: 1px solid #e7edf8;
    padding: 1rem 1.25rem;
}

.wizard-header[b-5gkjnwia5y] {
    background: linear-gradient(90deg, #f8fafc 0%, #eef4ff 100%);
    color: #1d3f7a;
    text-align: center;
    font-size: 1.1rem;
    font-weight: 800;
    line-height: 1.25;
    letter-spacing: .35px;
    padding: 12px 16px;
    margin-bottom: 1rem;
    border: 1px solid #d6e4ff;
    border-radius: .85rem;
    text-transform: uppercase;
}

.stepper[b-5gkjnwia5y] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .55rem;
}

.step-item[b-5gkjnwia5y] {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    color: #98a2b3;
    font-weight: 700;
    white-space: nowrap;
}

    .step-item span[b-5gkjnwia5y] {
        width: 34px;
        height: 34px;
        border-radius: 50%;
        background: #d6dff2;
        color: #284070;
        font-weight: 800;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        transition: .18s ease;
    }

    .step-item small[b-5gkjnwia5y] {
        font-size: .82rem;
    }

    .step-item.active[b-5gkjnwia5y] {
        color: #1f4ea1;
    }

        .step-item.active span[b-5gkjnwia5y] {
            background: #39a54a;
            color: #fff;
            box-shadow: 0 8px 18px rgba(57, 165, 74, .22);
        }

    .step-item.done[b-5gkjnwia5y] {
        color: #0d3d9b;
    }

        .step-item.done span[b-5gkjnwia5y] {
            background: #0d3d9b;
            color: #fff;
        }

.step-line[b-5gkjnwia5y] {
    flex: 1;
    height: 3px;
    min-width: 45px;
    background: #d8e2f1;
    border-radius: 999px;
}

    .step-line.active[b-5gkjnwia5y] {
        background: #0d3d9b;
    }

.step-card[b-5gkjnwia5y] {
    border: 1px solid #d9dfeb;
    border-radius: 0.85rem;
    box-shadow: 0 0.45rem 1rem rgba(15, 23, 42, 0.08);
    overflow: hidden;
}

    .step-card .card-header[b-5gkjnwia5y] {
        background: #f4f6f9;
        font-weight: 700;
        border-bottom: 1px solid #e7edf8;
        color: #274374;
        letter-spacing: .01em;
        padding: .85rem 1rem;
    }

    .step-card .card-body[b-5gkjnwia5y] {
        background: #ffffff;
        padding: 1rem;
    }

:deep(.form-label)[b-5gkjnwia5y] {
    margin-bottom: .35rem;
    color: #344054;
    font-size: .95rem;
    font-weight: 700;
}

:deep(.form-control)[b-5gkjnwia5y],
:deep(.form-select)[b-5gkjnwia5y] {
    min-height: 42px;
    border: 1px solid #cbd5e1;
    border-radius: .65rem;
    background-color: #ffffff;
    color: #1f2937;
    font-size: .96rem;
    padding: .48rem .75rem;
    box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05);
    transition: border-color .15s ease, box-shadow .15s ease, background-color .15s ease;
}

:deep(.form-control:hover)[b-5gkjnwia5y],
:deep(.form-select:hover)[b-5gkjnwia5y] {
    border-color: #94a3b8;
    background-color: #fbfdff;
}

:deep(.form-control:focus)[b-5gkjnwia5y],
:deep(.form-select:focus)[b-5gkjnwia5y] {
    border-color: #1f4ea1;
    box-shadow: 0 0 0 .22rem rgba(31, 78, 161, 0.16);
    background-color: #ffffff;
}

:deep(.form-control:disabled)[b-5gkjnwia5y],
:deep(.form-select:disabled)[b-5gkjnwia5y] {
    background-color: #f1f5f9;
    color: #64748b;
    cursor: not-allowed;
}

.note[b-5gkjnwia5y] {
    display: block;
    margin-top: 2px;
    color: #64748b;
    font-size: .75rem;
    font-weight: 600;
}

.section-band[b-5gkjnwia5y] {
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    border-radius: .75rem;
    color: #1e3a8a;
    font-weight: 800;
    padding: .7rem .9rem;
    box-shadow: inset 4px 0 0 #1f4ea1;
}

.step-counter[b-5gkjnwia5y] {
    color: #475467;
    font-weight: 700;
}

.wizard-actions[b-5gkjnwia5y] {
    display: flex;
    justify-content: flex-end;
    gap: .65rem;
}

    .wizard-actions .btn[b-5gkjnwia5y] {
        min-width: 112px;
        border-radius: .8rem;
        font-weight: 700;
    }

.preview-image[b-5gkjnwia5y] {
    max-width: 320px;
    max-height: 220px;
    border: 3px solid #e5e7eb;
    border-radius: 1rem;
    padding: 4px;
    background: #ffffff;
    box-shadow: 0 8px 22px rgba(16, 24, 40, 0.18);
}

.empty-image-box[b-5gkjnwia5y] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: min(320px, 100%);
    min-height: 160px;
    border: 2px dashed #cbd5e1;
    border-radius: 1rem;
    color: #64748b;
    background: #f8fafc;
    font-weight: 600;
}

/* MODAL PDF */
.pase-pdf-modal[b-5gkjnwia5y] {
    z-index: 1070;
    background: rgba(15, 23, 42, .65);
    backdrop-filter: blur(3px);
}

.pase-pdf-backdrop[b-5gkjnwia5y] {
    z-index: 1060;
}

.pase-pdf-content[b-5gkjnwia5y] {
    border: 0;
    border-radius: 1rem;
    overflow: hidden;
    box-shadow: 0 24px 70px rgba(15, 23, 42, 0.35);
}

    .pase-pdf-content .modal-header[b-5gkjnwia5y] {
        background: linear-gradient(90deg, #f7faff 0%, #f2f7ff 100%);
        border-bottom: 1px solid #e7edf8;
    }

.pase-pdf-frame[b-5gkjnwia5y] {
    width: 100%;
    height: calc(100vh - 150px);
    border: 0;
    background: #1f2937;
}

@keyframes fadeIn-b-5gkjnwia5y {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes slideInUp-b-5gkjnwia5y {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

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

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

    .btn-nuevo-pase[b-5gkjnwia5y] {
        width: 100%;
        margin-left: 0;
    }

    .pase-modal-content .modal-footer[b-5gkjnwia5y] {
        flex-direction: column;
        align-items: stretch;
    }

    .stepper[b-5gkjnwia5y] {
        gap: .3rem;
    }

    .step-line[b-5gkjnwia5y] {
        min-width: 24px;
    }

    .step-item small[b-5gkjnwia5y] {
        display: none;
    }

    .wizard-actions[b-5gkjnwia5y] {
        justify-content: stretch;
    }

        .wizard-actions .btn[b-5gkjnwia5y] {
            flex: 1;
            min-width: 0;
        }

    .pase-pdf-frame[b-5gkjnwia5y] {
        height: calc(100vh - 135px);
    }
}


.pase-pdf-loading-message[b-5gkjnwia5y] {
    position: absolute;
    inset: 0;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .85rem;
    min-height: 420px;
    background: rgba(255, 255, 255, .92);
    color: #0b2f5b;
    font-weight: 700;
}
/* /Components/Pages/Pases/PasesDeportivos.razor.rz.scp.css */
.pases-view[b-10fqiibii3] {
    animation: fadeIn-b-10fqiibii3 .25s ease both;
}

.empresas-header[b-10fqiibii3] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
}

.pases-header[b-10fqiibii3] {
    margin-bottom: .75rem;
}

    .pases-header h1[b-10fqiibii3] {
        margin: 0;
    }

    .pases-header p[b-10fqiibii3] {
        font-size: .95rem;
    }

.pases-filter-card[b-10fqiibii3] {
    background: #fff;
    border: 1px solid #e4eaf5;
    border-radius: 0.9rem;
    box-shadow: 0 0.5rem 1rem rgba(15, 23, 42, 0.08);
    padding: 1rem;
    animation: fadeIn-b-10fqiibii3 .35s ease both;
}


.caseta-import-card[b-10fqiibii3] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1.25rem;
    padding: 1rem;
    border: 1px solid #bfdbfe;
    border-radius: 1rem;
    background:
        radial-gradient(circle at top left, rgba(37, 99, 235, .12), transparent 30%),
        linear-gradient(135deg, #ffffff 0%, #f8fbff 100%);
    box-shadow: 0 14px 32px rgba(15, 23, 42, .08);
}

.caseta-import-copy[b-10fqiibii3] {
    display: flex;
    align-items: center;
    gap: .9rem;
    min-width: 260px;
}

.caseta-import-icon[b-10fqiibii3] {
    display: grid;
    place-items: center;
    width: 46px;
    height: 46px;
    flex: 0 0 46px;
    border-radius: 14px;
    color: #1d4ed8;
    background: #dbeafe;
    box-shadow: inset 0 0 0 1px rgba(37, 99, 235, .18);
    font-size: 1.25rem;
}

.caseta-import-eyebrow[b-10fqiibii3] {
    display: block;
    margin-bottom: .1rem;
    color: #1d4ed8;
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.caseta-import-copy h5[b-10fqiibii3] {
    margin: 0;
    color: #0f172a;
    font-size: 1.05rem;
    font-weight: 800;
}

.caseta-import-copy p[b-10fqiibii3] {
    margin: .15rem 0 0;
    color: #64748b;
    font-size: .86rem;
}

.caseta-import-actions[b-10fqiibii3] {
    width: min(100%, 560px);
}

.caseta-import-actions .form-label[b-10fqiibii3] {
    margin-bottom: .35rem;
    color: #334155;
    font-size: .78rem;
    font-weight: 800;
}

.caseta-import-input-group[b-10fqiibii3] {
    display: flex;
    gap: .6rem;
}

.caseta-import-input-group .form-control[b-10fqiibii3] {
    min-height: 42px;
    border-radius: .75rem;
}

.caseta-import-input-group .btn[b-10fqiibii3] {
    min-height: 42px;
    border-radius: .75rem;
    font-weight: 800;
    white-space: nowrap;
    box-shadow: 0 10px 18px rgba(22, 163, 74, .18);
}

@media (max-width: 992px) {
    .caseta-import-card[b-10fqiibii3] {
        align-items: stretch;
        flex-direction: column;
    }

    .caseta-import-actions[b-10fqiibii3] {
        width: 100%;
    }
}

@media (max-width: 576px) {
    .caseta-import-input-group[b-10fqiibii3] {
        flex-direction: column;
    }
}

.btn-nuevo-pase[b-10fqiibii3] {
    border-radius: .8rem;
    font-weight: 700;
    padding: .58rem 1rem;
    box-shadow: 0 10px 20px rgba(37, 99, 235, .16);
    white-space: nowrap;
}

.solicitudes-table[b-10fqiibii3] {
    background: #fff;
    border: 1px solid #e4eaf5;
    border-radius: 0.9rem;
    box-shadow: 0 0.5rem 1rem rgba(15, 23, 42, 0.08);
    padding: 0.8rem;
    animation: fadeIn-b-10fqiibii3 .35s ease both;
}

.pases-table-wrapper[b-10fqiibii3] {
    overflow-x: auto;
}

.pases-table[b-10fqiibii3] {
    margin-bottom: 0;
}

    .pases-table thead th[b-10fqiibii3] {
        color: #334155;
        font-size: .86rem;
        font-weight: 800;
        border-bottom: 1px solid #e4eaf5;
        white-space: nowrap;
        background: #f8fafc;
    }

    .pases-table tbody td[b-10fqiibii3] {
        color: #344054;
        font-size: .92rem;
        vertical-align: middle;
    }

    .pases-table tbody tr:hover[b-10fqiibii3] {
        background-color: #f6f9ff;
        transform: translateY(-1px);
        transition: .2s ease;
    }

.acciones-col[b-10fqiibii3] {
    white-space: nowrap;
}

/* MODAL CAPTURA */
.pase-modal[b-10fqiibii3] {
    z-index: 1060;
    background: rgba(15, 23, 42, .55);
    backdrop-filter: blur(3px);
}

.modal-backdrop[b-10fqiibii3] {
    z-index: 1050;
}

.solicitud-modal[b-10fqiibii3] {
    border: 0;
    border-radius: 1rem;
    overflow: hidden;
    box-shadow: 0 24px 70px rgba(15, 23, 42, 0.32);
}

.pase-modal-content .modal-header[b-10fqiibii3] {
    background: linear-gradient(90deg, #f7faff 0%, #f2f7ff 100%);
    border-bottom: 1px solid #e7edf8;
    padding: 1rem 1.25rem;
}

.pase-modal-content .modal-title[b-10fqiibii3] {
    color: #111827;
    font-weight: 800;
}

.pase-modal-content .modal-body[b-10fqiibii3] {
    background: #ffffff;
    padding: 1.25rem;
}

.pase-modal-content .modal-footer[b-10fqiibii3] {
    justify-content: space-between;
    background: #ffffff;
    border-top: 1px solid #e7edf8;
    padding: 1rem 1.25rem;
}

.wizard-header[b-10fqiibii3] {
    background: linear-gradient(90deg, #f8fafc 0%, #eef4ff 100%);
    color: #1d3f7a;
    text-align: center;
    font-size: 1.1rem;
    font-weight: 800;
    line-height: 1.25;
    letter-spacing: .35px;
    padding: 12px 16px;
    margin-bottom: 1rem;
    border: 1px solid #d6e4ff;
    border-radius: .85rem;
    text-transform: uppercase;
}

.stepper[b-10fqiibii3] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .55rem;
}

.step-item[b-10fqiibii3] {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    color: #98a2b3;
    font-weight: 700;
    white-space: nowrap;
}

    .step-item span[b-10fqiibii3] {
        width: 34px;
        height: 34px;
        border-radius: 50%;
        background: #d6dff2;
        color: #284070;
        font-weight: 800;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        transition: .18s ease;
    }

    .step-item small[b-10fqiibii3] {
        font-size: .82rem;
    }

    .step-item.active[b-10fqiibii3] {
        color: #1f4ea1;
    }

        .step-item.active span[b-10fqiibii3] {
            background: #39a54a;
            color: #fff;
            box-shadow: 0 8px 18px rgba(57, 165, 74, .22);
        }

    .step-item.done[b-10fqiibii3] {
        color: #0d3d9b;
    }

        .step-item.done span[b-10fqiibii3] {
            background: #0d3d9b;
            color: #fff;
        }

.step-line[b-10fqiibii3] {
    flex: 1;
    height: 3px;
    min-width: 45px;
    background: #d8e2f1;
    border-radius: 999px;
}

    .step-line.active[b-10fqiibii3] {
        background: #0d3d9b;
    }

.step-card[b-10fqiibii3] {
    border: 1px solid #d9dfeb;
    border-radius: 0.85rem;
    box-shadow: 0 0.45rem 1rem rgba(15, 23, 42, 0.08);
    overflow: hidden;
}

    .step-card .card-header[b-10fqiibii3] {
        background: #f4f6f9;
        font-weight: 700;
        border-bottom: 1px solid #e7edf8;
        color: #274374;
        letter-spacing: .01em;
        padding: .85rem 1rem;
    }

    .step-card .card-body[b-10fqiibii3] {
        background: #ffffff;
        padding: 1rem;
    }

:deep(.form-label)[b-10fqiibii3] {
    margin-bottom: .35rem;
    color: #344054;
    font-size: .95rem;
    font-weight: 700;
}

:deep(.form-control)[b-10fqiibii3],
:deep(.form-select)[b-10fqiibii3] {
    min-height: 42px;
    border: 1px solid #cbd5e1;
    border-radius: .65rem;
    background-color: #ffffff;
    color: #1f2937;
    font-size: .96rem;
    padding: .48rem .75rem;
    box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05);
    transition: border-color .15s ease, box-shadow .15s ease, background-color .15s ease;
}

:deep(.form-control:hover)[b-10fqiibii3],
:deep(.form-select:hover)[b-10fqiibii3] {
    border-color: #94a3b8;
    background-color: #fbfdff;
}

:deep(.form-control:focus)[b-10fqiibii3],
:deep(.form-select:focus)[b-10fqiibii3] {
    border-color: #1f4ea1;
    box-shadow: 0 0 0 .22rem rgba(31, 78, 161, 0.16);
    background-color: #ffffff;
}

:deep(.form-control:disabled)[b-10fqiibii3],
:deep(.form-select:disabled)[b-10fqiibii3] {
    background-color: #f1f5f9;
    color: #64748b;
    cursor: not-allowed;
}

.note[b-10fqiibii3] {
    display: block;
    margin-top: 2px;
    color: #64748b;
    font-size: .75rem;
    font-weight: 600;
}

.section-band[b-10fqiibii3] {
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    border-radius: .75rem;
    color: #1e3a8a;
    font-weight: 800;
    padding: .7rem .9rem;
    box-shadow: inset 4px 0 0 #1f4ea1;
}

.step-counter[b-10fqiibii3] {
    color: #475467;
    font-weight: 700;
}

.wizard-actions[b-10fqiibii3] {
    display: flex;
    justify-content: flex-end;
    gap: .65rem;
}

    .wizard-actions .btn[b-10fqiibii3] {
        min-width: 112px;
        border-radius: .8rem;
        font-weight: 700;
    }

.preview-image[b-10fqiibii3] {
    max-width: 320px;
    max-height: 220px;
    border: 3px solid #e5e7eb;
    border-radius: 1rem;
    padding: 4px;
    background: #ffffff;
    box-shadow: 0 8px 22px rgba(16, 24, 40, 0.18);
}

.empty-image-box[b-10fqiibii3] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: min(320px, 100%);
    min-height: 160px;
    border: 2px dashed #cbd5e1;
    border-radius: 1rem;
    color: #64748b;
    background: #f8fafc;
    font-weight: 600;
}

/* MODAL PDF */
.pase-pdf-modal[b-10fqiibii3] {
    z-index: 1070;
    background: rgba(15, 23, 42, .65);
    backdrop-filter: blur(3px);
}

.pase-pdf-backdrop[b-10fqiibii3] {
    z-index: 1060;
}

.pase-pdf-content[b-10fqiibii3] {
    border: 0;
    border-radius: 1rem;
    overflow: hidden;
    box-shadow: 0 24px 70px rgba(15, 23, 42, 0.35);
}

    .pase-pdf-content .modal-header[b-10fqiibii3] {
        background: linear-gradient(90deg, #f7faff 0%, #f2f7ff 100%);
        border-bottom: 1px solid #e7edf8;
    }

.pase-pdf-frame[b-10fqiibii3] {
    width: 100%;
    height: calc(100vh - 150px);
    border: 0;
    background: #1f2937;
}

@keyframes fadeIn-b-10fqiibii3 {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes slideInUp-b-10fqiibii3 {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

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

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

    .btn-nuevo-pase[b-10fqiibii3] {
        width: 100%;
        margin-left: 0;
    }

    .pase-modal-content .modal-footer[b-10fqiibii3] {
        flex-direction: column;
        align-items: stretch;
    }

    .stepper[b-10fqiibii3] {
        gap: .3rem;
    }

    .step-line[b-10fqiibii3] {
        min-width: 24px;
    }

    .step-item small[b-10fqiibii3] {
        display: none;
    }

    .wizard-actions[b-10fqiibii3] {
        justify-content: stretch;
    }

        .wizard-actions .btn[b-10fqiibii3] {
            flex: 1;
            min-width: 0;
        }

    .pase-pdf-frame[b-10fqiibii3] {
        height: calc(100vh - 135px);
    }
}


.pase-pdf-loading-message[b-10fqiibii3] {
    position: absolute;
    inset: 0;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .85rem;
    min-height: 420px;
    background: rgba(255, 255, 255, .92);
    color: #0b2f5b;
    font-weight: 700;
}
/* /Components/Pages/Pases/PasesGanado.razor.rz.scp.css */
.pases-view[b-cvqnmdn95x] {
    animation: fadeIn-b-cvqnmdn95x .25s ease both;
}

.empresas-header[b-cvqnmdn95x] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
}

.pases-header[b-cvqnmdn95x] {
    margin-bottom: .75rem;
}

    .pases-header h1[b-cvqnmdn95x] {
        margin: 0;
    }

    .pases-header p[b-cvqnmdn95x] {
        font-size: .95rem;
    }

.pases-filter-card[b-cvqnmdn95x] {
    background: #fff;
    border: 1px solid #e4eaf5;
    border-radius: 0.9rem;
    box-shadow: 0 0.5rem 1rem rgba(15, 23, 42, 0.08);
    padding: 1rem;
    animation: fadeIn-b-cvqnmdn95x .35s ease both;
}

.btn-nuevo-pase[b-cvqnmdn95x] {
    border-radius: .8rem;
    font-weight: 700;
    padding: .58rem 1rem;
    box-shadow: 0 10px 20px rgba(37, 99, 235, .16);
    white-space: nowrap;
}

.solicitudes-table[b-cvqnmdn95x] {
    background: #fff;
    border: 1px solid #e4eaf5;
    border-radius: 0.9rem;
    box-shadow: 0 0.5rem 1rem rgba(15, 23, 42, 0.08);
    padding: 0.8rem;
    animation: fadeIn-b-cvqnmdn95x .35s ease both;
}

.pases-table-wrapper[b-cvqnmdn95x] {
    overflow-x: auto;
}

.pases-table[b-cvqnmdn95x] {
    margin-bottom: 0;
}

    .pases-table thead th[b-cvqnmdn95x] {
        color: #334155;
        font-size: .86rem;
        font-weight: 800;
        border-bottom: 1px solid #e4eaf5;
        white-space: nowrap;
        background: #f8fafc;
    }

    .pases-table tbody td[b-cvqnmdn95x] {
        color: #344054;
        font-size: .92rem;
        vertical-align: middle;
    }

    .pases-table tbody tr:hover[b-cvqnmdn95x] {
        background-color: #f6f9ff;
        transform: translateY(-1px);
        transition: .2s ease;
    }

.acciones-col[b-cvqnmdn95x] {
    white-space: nowrap;
}

/* MODAL CAPTURA */
.pase-modal[b-cvqnmdn95x] {
    z-index: 1060;
    background: rgba(15, 23, 42, .55);
    backdrop-filter: blur(3px);
}

.modal-backdrop[b-cvqnmdn95x] {
    z-index: 1050;
}

.solicitud-modal[b-cvqnmdn95x] {
    border: 0;
    border-radius: 1rem;
    overflow: hidden;
    box-shadow: 0 24px 70px rgba(15, 23, 42, 0.32);
}

.pase-modal-content .modal-header[b-cvqnmdn95x] {
    background: linear-gradient(90deg, #f7faff 0%, #f2f7ff 100%);
    border-bottom: 1px solid #e7edf8;
    padding: 1rem 1.25rem;
}

.pase-modal-content .modal-title[b-cvqnmdn95x] {
    color: #111827;
    font-weight: 800;
}

.pase-modal-content .modal-body[b-cvqnmdn95x] {
    background: #ffffff;
    padding: 1.25rem;
}

.pase-modal-content .modal-footer[b-cvqnmdn95x] {
    justify-content: space-between;
    background: #ffffff;
    border-top: 1px solid #e7edf8;
    padding: 1rem 1.25rem;
}

.wizard-header[b-cvqnmdn95x] {
    background: linear-gradient(90deg, #f8fafc 0%, #eef4ff 100%);
    color: #1d3f7a;
    text-align: center;
    font-size: 1.1rem;
    font-weight: 800;
    line-height: 1.25;
    letter-spacing: .35px;
    padding: 12px 16px;
    margin-bottom: 1rem;
    border: 1px solid #d6e4ff;
    border-radius: .85rem;
    text-transform: uppercase;
}

.stepper[b-cvqnmdn95x] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .55rem;
}

.step-item[b-cvqnmdn95x] {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    color: #98a2b3;
    font-weight: 700;
    white-space: nowrap;
}

    .step-item span[b-cvqnmdn95x] {
        width: 34px;
        height: 34px;
        border-radius: 50%;
        background: #d6dff2;
        color: #284070;
        font-weight: 800;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        transition: .18s ease;
    }

    .step-item small[b-cvqnmdn95x] {
        font-size: .82rem;
    }

    .step-item.active[b-cvqnmdn95x] {
        color: #1f4ea1;
    }

        .step-item.active span[b-cvqnmdn95x] {
            background: #39a54a;
            color: #fff;
            box-shadow: 0 8px 18px rgba(57, 165, 74, .22);
        }

    .step-item.done[b-cvqnmdn95x] {
        color: #0d3d9b;
    }

        .step-item.done span[b-cvqnmdn95x] {
            background: #0d3d9b;
            color: #fff;
        }

.step-line[b-cvqnmdn95x] {
    flex: 1;
    height: 3px;
    min-width: 45px;
    background: #d8e2f1;
    border-radius: 999px;
}

    .step-line.active[b-cvqnmdn95x] {
        background: #0d3d9b;
    }

.step-card[b-cvqnmdn95x] {
    border: 1px solid #d9dfeb;
    border-radius: 0.85rem;
    box-shadow: 0 0.45rem 1rem rgba(15, 23, 42, 0.08);
    overflow: hidden;
}

    .step-card .card-header[b-cvqnmdn95x] {
        background: #f4f6f9;
        font-weight: 700;
        border-bottom: 1px solid #e7edf8;
        color: #274374;
        letter-spacing: .01em;
        padding: .85rem 1rem;
    }

    .step-card .card-body[b-cvqnmdn95x] {
        background: #ffffff;
        padding: 1rem;
    }

:deep(.form-label)[b-cvqnmdn95x] {
    margin-bottom: .35rem;
    color: #344054;
    font-size: .95rem;
    font-weight: 700;
}

:deep(.form-control)[b-cvqnmdn95x],
:deep(.form-select)[b-cvqnmdn95x] {
    min-height: 42px;
    border: 1px solid #cbd5e1;
    border-radius: .65rem;
    background-color: #ffffff;
    color: #1f2937;
    font-size: .96rem;
    padding: .48rem .75rem;
    box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05);
    transition: border-color .15s ease, box-shadow .15s ease, background-color .15s ease;
}

:deep(.form-control:hover)[b-cvqnmdn95x],
:deep(.form-select:hover)[b-cvqnmdn95x] {
    border-color: #94a3b8;
    background-color: #fbfdff;
}

:deep(.form-control:focus)[b-cvqnmdn95x],
:deep(.form-select:focus)[b-cvqnmdn95x] {
    border-color: #1f4ea1;
    box-shadow: 0 0 0 .22rem rgba(31, 78, 161, 0.16);
    background-color: #ffffff;
}

:deep(.form-control:disabled)[b-cvqnmdn95x],
:deep(.form-select:disabled)[b-cvqnmdn95x] {
    background-color: #f1f5f9;
    color: #64748b;
    cursor: not-allowed;
}

.note[b-cvqnmdn95x] {
    display: block;
    margin-top: 2px;
    color: #64748b;
    font-size: .75rem;
    font-weight: 600;
}

.section-band[b-cvqnmdn95x] {
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    border-radius: .75rem;
    color: #1e3a8a;
    font-weight: 800;
    padding: .7rem .9rem;
    box-shadow: inset 4px 0 0 #1f4ea1;
}

.step-counter[b-cvqnmdn95x] {
    color: #475467;
    font-weight: 700;
}

.wizard-actions[b-cvqnmdn95x] {
    display: flex;
    justify-content: flex-end;
    gap: .65rem;
}

    .wizard-actions .btn[b-cvqnmdn95x] {
        min-width: 112px;
        border-radius: .8rem;
        font-weight: 700;
    }

.preview-image[b-cvqnmdn95x] {
    max-width: 320px;
    max-height: 220px;
    border: 3px solid #e5e7eb;
    border-radius: 1rem;
    padding: 4px;
    background: #ffffff;
    box-shadow: 0 8px 22px rgba(16, 24, 40, 0.18);
}

.empty-image-box[b-cvqnmdn95x] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: min(320px, 100%);
    min-height: 160px;
    border: 2px dashed #cbd5e1;
    border-radius: 1rem;
    color: #64748b;
    background: #f8fafc;
    font-weight: 600;
}

/* MODAL PDF */
.pase-pdf-modal[b-cvqnmdn95x] {
    z-index: 1070;
    background: rgba(15, 23, 42, .65);
    backdrop-filter: blur(3px);
}

.pase-pdf-backdrop[b-cvqnmdn95x] {
    z-index: 1060;
}

.pase-pdf-content[b-cvqnmdn95x] {
    border: 0;
    border-radius: 1rem;
    overflow: hidden;
    box-shadow: 0 24px 70px rgba(15, 23, 42, 0.35);
}

    .pase-pdf-content .modal-header[b-cvqnmdn95x] {
        background: linear-gradient(90deg, #f7faff 0%, #f2f7ff 100%);
        border-bottom: 1px solid #e7edf8;
    }

.pase-pdf-frame[b-cvqnmdn95x] {
    width: 100%;
    height: calc(100vh - 150px);
    border: 0;
    background: #1f2937;
}

@keyframes fadeIn-b-cvqnmdn95x {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes slideInUp-b-cvqnmdn95x {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

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

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

    .btn-nuevo-pase[b-cvqnmdn95x] {
        width: 100%;
        margin-left: 0;
    }

    .pase-modal-content .modal-footer[b-cvqnmdn95x] {
        flex-direction: column;
        align-items: stretch;
    }

    .stepper[b-cvqnmdn95x] {
        gap: .3rem;
    }

    .step-line[b-cvqnmdn95x] {
        min-width: 24px;
    }

    .step-item small[b-cvqnmdn95x] {
        display: none;
    }

    .wizard-actions[b-cvqnmdn95x] {
        justify-content: stretch;
    }

        .wizard-actions .btn[b-cvqnmdn95x] {
            flex: 1;
            min-width: 0;
        }

    .pase-pdf-frame[b-cvqnmdn95x] {
        height: calc(100vh - 135px);
    }
}


.pase-pdf-loading-message[b-cvqnmdn95x] {
    position: absolute;
    inset: 0;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .85rem;
    min-height: 420px;
    background: rgba(255, 255, 255, .92);
    color: #0b2f5b;
    font-weight: 700;
}
/* /Components/Pages/Permisos/Admin/PermisosImpresion.razor.rz.scp.css */
.empresas-header[b-q7vhb66ezu] {
    align-items: center;
    background: radial-gradient(circle at top left, rgba(37, 99, 235, 0.16), transparent 34%), linear-gradient(135deg, #eff6ff 0%, #ffffff 55%, #ecfdf5 100%);
    border: 1px solid #dbeafe;
    border-radius: 1.25rem;
    box-shadow: 0 16px 38px rgba(15, 23, 42, 0.1);
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    overflow: hidden;
    padding: 1.35rem;
}

.header-eyebrow[b-q7vhb66ezu] {
    color: #2563eb;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.empresas-header h1[b-q7vhb66ezu] {
    color: #0f172a;
    font-weight: 800;
}

.header-summary[b-q7vhb66ezu] {
    align-items: center;
    background: rgba(255, 255, 255, 0.78);
    border: 1px solid rgba(191, 219, 254, 0.9);
    border-radius: 1rem;
    display: grid;
    min-width: 150px;
    padding: 0.85rem 1rem;
    text-align: center;
}

.summary-label[b-q7vhb66ezu],
.summary-caption[b-q7vhb66ezu] {
    color: #64748b;
    font-size: 0.74rem;
    font-weight: 700;
    text-transform: uppercase;
}

.summary-value[b-q7vhb66ezu] {
    color: #1d4ed8;
    font-size: 1.7rem;
    font-weight: 900;
    line-height: 1;
}

.search-card[b-q7vhb66ezu] {
    border: 1px solid #e2e8f0;
    border-radius: 1.1rem;
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.06);
}

.active-filters[b-q7vhb66ezu] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.filter-chip[b-q7vhb66ezu] {
    background: #f8fafc;
    border: 1px solid #dbeafe;
    border-radius: 999px;
    color: #334155;
    font-size: 0.78rem;
    font-weight: 700;
    padding: 0.28rem 0.65rem;
}

.filtro-lateral-modal[b-q7vhb66ezu] {
    z-index: 1065;
}

.modal-dialog-end[b-q7vhb66ezu] {
    margin-right: 0;
    max-width: 420px;
}

.tipo-solicitud-options[b-q7vhb66ezu] {
    display: grid;
    gap: 0.5rem;
    max-height: 260px;
    overflow-y: auto;
    padding-right: 0.25rem;
}

.tipo-option[b-q7vhb66ezu] {
    background: #ffffff;
    border: 1px solid #dbe3ef;
    border-radius: 0.85rem;
    color: #334155;
    font-size: 0.86rem;
    font-weight: 700;
    line-height: 1.25;
    padding: 0.7rem 0.8rem;
    text-align: left;
    transition: all 0.16s ease;
    white-space: normal;
    word-break: break-word;
}

.tipo-option:hover[b-q7vhb66ezu] {
    background: #f8fafc;
    border-color: #93c5fd;
}

.tipo-option.active[b-q7vhb66ezu] {
    background: #eff6ff;
    border-color: #2563eb;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.12);
    color: #1d4ed8;
}

@media (min-width: 576px) {
    .modal-dialog-end[b-q7vhb66ezu] {
        margin-left: auto;
    }
}


.solicitudes-table[b-q7vhb66ezu] {
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    overflow-x: auto;
    padding: 0.1rem 0;
}

.solicitudes-table table[b-q7vhb66ezu] {
    border-collapse: separate;
    border-spacing: 0 0.55rem;
    min-width: 860px;
    table-layout: auto;
}

.solicitudes-table thead th[b-q7vhb66ezu] {
    background: transparent;
    border: 0;
    color: #64748b;
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    padding: 0 0.9rem 0.25rem;
    text-transform: uppercase;
    white-space: nowrap;
}

.solicitudes-table tbody tr[b-q7vhb66ezu] {
    filter: drop-shadow(0 8px 18px rgba(15, 23, 42, 0.06));
}

.solicitudes-table tbody td[b-q7vhb66ezu] {
    background: #ffffff;
    border-bottom: 1px solid #e8eef7;
    border-top: 1px solid #e8eef7;
    padding: 0.78rem 0.9rem;
    vertical-align: middle;
}

.solicitudes-table tbody td:first-child[b-q7vhb66ezu] {
    border-left: 1px solid #e8eef7;
    border-radius: 0.9rem 0 0 0.9rem;
}

.solicitudes-table tbody td:last-child[b-q7vhb66ezu] {
    border-radius: 0 0.9rem 0.9rem 0;
    border-right: 1px solid #e8eef7;
}

.solicitudes-table tbody tr:hover td[b-q7vhb66ezu] {
    background: #fbfdff;
    border-color: #bfdbfe;
}

.solicitudes-table th:nth-child(1)[b-q7vhb66ezu],
.solicitudes-table td:nth-child(1)[b-q7vhb66ezu] {
    width: 13%;
}

.solicitudes-table th:nth-child(2)[b-q7vhb66ezu],
.solicitudes-table td:nth-child(2)[b-q7vhb66ezu] {
    width: 25%;
}

.solicitudes-table th:nth-child(3)[b-q7vhb66ezu],
.solicitudes-table td:nth-child(3)[b-q7vhb66ezu] {
    width: 31%;
}

.solicitudes-table th:nth-child(4)[b-q7vhb66ezu],
.solicitudes-table td:nth-child(4)[b-q7vhb66ezu] {
    width: 13%;
}

.solicitudes-table th:nth-child(5)[b-q7vhb66ezu],
.solicitudes-table td:nth-child(5)[b-q7vhb66ezu] {
    width: 10%;
}

.solicitudes-table th:nth-child(6)[b-q7vhb66ezu],
.solicitudes-table td:nth-child(6)[b-q7vhb66ezu] {
    width: 8%;
}

.folio-cell[b-q7vhb66ezu] {
    color: #1d4ed8;
    font-size: 0.9rem;
    font-weight: 850;
}

.solicitante-cell[b-q7vhb66ezu],
.tipo-solicitud-cell[b-q7vhb66ezu] {
    color: #1e293b;
    font-size: 0.9rem;
    font-weight: 700;
    line-height: 1.28;
    overflow: hidden;
    text-overflow: ellipsis;
}

.solicitante-cell[b-q7vhb66ezu],
.tipo-solicitud-cell[b-q7vhb66ezu] {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.tipo-tramite-cell[b-q7vhb66ezu],
.hora-cell[b-q7vhb66ezu] {
    color: #64748b;
    font-size: 0.74rem;
    margin-top: 0.18rem;
}

.tipo-tramite-cell[b-q7vhb66ezu]::before {
    content: "Trámite: ";
    font-weight: 800;
}

.fecha-cell[b-q7vhb66ezu] {
    color: #334155;
    font-size: 0.86rem;
    font-weight: 750;
}

.status-pill[b-q7vhb66ezu] {
    border-radius: 999px;
    display: inline-flex;
    font-size: 0.7rem;
    font-weight: 800;
    line-height: 1;
    max-width: 100%;
    padding: 0.38rem 0.58rem;
    white-space: normal;
}

.solicitudes-table .btn-sm[b-q7vhb66ezu] {
    border-radius: 999px;
    font-size: 0.78rem;
    font-weight: 750;
    padding: 0.36rem 0.72rem;
}

.pdf-detalle-top[b-q7vhb66ezu] {
    z-index: 1065;
}

.pdf-detalle-backdrop[b-q7vhb66ezu] {
    z-index: 1060;
}

.pdf-loading-message[b-q7vhb66ezu] {
    align-items: center;
    background: rgba(255, 255, 255, 0.86);
    display: flex;
    gap: 0.75rem;
    inset: 0;
    justify-content: center;
    position: absolute;
    z-index: 2;
}

.pdf-detalle-frame[b-q7vhb66ezu] {
    border: 0;
    display: block;
    min-height: 72vh;
    width: 100%;
}

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

    .pdf-detalle-frame[b-q7vhb66ezu] {
        min-height: 65vh;
    }
}
/* /Components/Pages/Permisos/Admin/ReporteSolicitudes.razor.rz.scp.css */
:root[b-sjnhqd4mow] {
    --report-bg: #f3f6fb;
    --report-card: rgba(255, 255, 255, .94);
    --report-border: rgba(148, 163, 184, .25);
    --report-text: #0f172a;
    --report-muted: #64748b;
    --report-primary: #174ea6;
    --report-primary-2: #2563eb;
    --report-success: #15803d;
    --report-danger: #b91c1c;
    --report-warning: #b45309;
    --report-shadow: 0 22px 55px rgba(15, 23, 42, .10);
}

.report-page[b-sjnhqd4mow] {
    min-height: 100vh;
    padding: 1rem 0 2.5rem;
    background: radial-gradient(circle at top left, rgba(37, 99, 235, .12), transparent 28rem), radial-gradient(circle at top right, rgba(22, 163, 74, .10), transparent 24rem), var(--report-bg);
    color: var(--report-text);
}

.report-hero[b-sjnhqd4mow] {
    position: relative;
    overflow: hidden;
    border-radius: 1.6rem;
    padding: 2rem;
    margin-bottom: 1.25rem;
    color: #fff;
    background: linear-gradient(135deg, rgba(8, 33, 78, .97), rgba(23, 78, 166, .94)), radial-gradient(circle at 80% 20%, rgba(255,255,255,.22), transparent 20rem);
    box-shadow: var(--report-shadow);
    animation: reportFadeUp-b-sjnhqd4mow .55s ease both;
}

.hero-glow[b-sjnhqd4mow] {
    position: absolute;
    border-radius: 999px;
    filter: blur(2px);
    opacity: .55;
    pointer-events: none;
}

.hero-glow-one[b-sjnhqd4mow] {
    width: 18rem;
    height: 18rem;
    right: -6rem;
    top: -7rem;
    background: rgba(255, 255, 255, .22);
}

.hero-glow-two[b-sjnhqd4mow] {
    width: 12rem;
    height: 12rem;
    left: 45%;
    bottom: -7rem;
    background: rgba(34, 197, 94, .25);
}

.hero-content[b-sjnhqd4mow] {
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: space-between;
    gap: 1.5rem;
    align-items: center;
}

.hero-copy[b-sjnhqd4mow] {
    min-width: 0;
}

.hero-eyebrow[b-sjnhqd4mow],
.section-kicker[b-sjnhqd4mow] {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    font-size: .75rem;
    text-transform: uppercase;
    letter-spacing: .13em;
    font-weight: 900;
}

.hero-eyebrow[b-sjnhqd4mow] {
    padding: .35rem .65rem;
    border-radius: 999px;
    color: #bfdbfe;
    background: rgba(255,255,255,.10);
    border: 1px solid rgba(255,255,255,.16);
}

.report-hero h1[b-sjnhqd4mow] {
    margin: .7rem 0 .35rem;
    font-size: clamp(2rem, 4vw, 3.2rem);
    font-weight: 950;
    letter-spacing: -.04em;
}

.report-hero p[b-sjnhqd4mow] {
    max-width: 760px;
    margin: 0;
    color: rgba(255,255,255,.82);
    font-size: 1rem;
}

.hero-actions[b-sjnhqd4mow] {
    min-width: 290px;
    display: grid;
    gap: .75rem;
}

.hero-summary[b-sjnhqd4mow] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem;
}

    .hero-summary div[b-sjnhqd4mow] {
        padding: 1rem;
        border-radius: 1.2rem;
        background: rgba(255,255,255,.12);
        border: 1px solid rgba(255,255,255,.14);
        backdrop-filter: blur(12px);
    }

    .hero-summary span[b-sjnhqd4mow] {
        display: block;
        color: rgba(255,255,255,.72);
        font-size: .78rem;
    }

    .hero-summary strong[b-sjnhqd4mow] {
        display: block;
        margin-top: .25rem;
        font-size: 1.8rem;
        line-height: 1;
    }

.btn-filter-open[b-sjnhqd4mow] {
    width: 100%;
    min-height: 46px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: .55rem;
    border: 1px solid rgba(255,255,255,.22);
    border-radius: 1rem;
    color: #fff;
    background: rgba(255,255,255,.14);
    backdrop-filter: blur(14px);
    font-weight: 900;
    letter-spacing: .01em;
    transition: transform .2s ease, background .2s ease, box-shadow .2s ease;
}

    .btn-filter-open:hover[b-sjnhqd4mow] {
        transform: translateY(-2px);
        background: rgba(255,255,255,.22);
        box-shadow: 0 18px 36px rgba(0,0,0,.18);
    }

.loading-card[b-sjnhqd4mow],
.panel-card[b-sjnhqd4mow],
.metric-card[b-sjnhqd4mow],
.mini-kpi-row > div[b-sjnhqd4mow],
.chart-card-pro[b-sjnhqd4mow] {
    border: 1px solid var(--report-border);
    background: var(--report-card);
    box-shadow: var(--report-shadow);
    backdrop-filter: blur(14px);
}

.loading-card[b-sjnhqd4mow] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1.25rem;
    border-radius: 1.25rem;
    animation: reportFadeUp-b-sjnhqd4mow .45s ease both;
}

    .loading-card span[b-sjnhqd4mow] {
        display: block;
        color: var(--report-muted);
        font-size: .9rem;
    }

.loader-ring[b-sjnhqd4mow] {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    border: 4px solid #dbeafe;
    border-top-color: var(--report-primary);
    animation: spin-b-sjnhqd4mow .8s linear infinite;
}

.panel-card[b-sjnhqd4mow] {
    border-radius: 1.45rem;
    padding: 1.25rem;
    animation: reportFadeUp-b-sjnhqd4mow .5s ease both;
}

.section-title-row[b-sjnhqd4mow] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

    .section-title-row.compact[b-sjnhqd4mow] {
        align-items: center;
    }

.section-kicker[b-sjnhqd4mow] {
    color: var(--report-primary);
    margin-bottom: .25rem;
}

.section-title-row h2[b-sjnhqd4mow] {
    margin: 0;
    font-size: 1.15rem;
    font-weight: 950;
    letter-spacing: -.02em;
    color: var(--report-text);
}

.section-description[b-sjnhqd4mow] {
    margin: .25rem 0 0;
    color: #64748b;
    font-size: .87rem;
    font-weight: 650;
}

.panel-badge[b-sjnhqd4mow] {
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
    padding: .4rem .65rem;
    border-radius: 999px;
    background: #eff6ff;
    color: #1d4ed8;
    border: 1px solid #bfdbfe;
    font-size: .78rem;
    font-weight: 900;
}

.btn-modern[b-sjnhqd4mow] {
    border: 0;
    border-radius: .95rem;
    padding: .65rem 1rem;
    font-weight: 900;
    transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}

    .btn-modern:hover[b-sjnhqd4mow] {
        transform: translateY(-2px);
    }

.btn-primary-modern[b-sjnhqd4mow] {
    color: #fff;
    background: linear-gradient(135deg, #174ea6, #2563eb);
    box-shadow: 0 14px 28px rgba(37,99,235,.22);
}

.btn-outline-modern[b-sjnhqd4mow] {
    color: #174ea6;
    background: #eff6ff;
    border: 1px solid #bfdbfe;
}

.filter-modal-backdrop[b-sjnhqd4mow] {
    position: fixed;
    inset: 0;
    z-index: 3000;
    display: flex;
    justify-content: flex-end;
    background: rgba(15,23,42,.48);
    backdrop-filter: blur(5px);
    animation: backdropFade-b-sjnhqd4mow .18s ease both;
}

.filter-side-modal[b-sjnhqd4mow] {
    width: min(540px, 100%);
    height: 100vh;
    display: flex;
    flex-direction: column;
    padding: 1.25rem;
    background: radial-gradient(circle at top right, rgba(37,99,235,.10), transparent 18rem), linear-gradient(180deg,#fff,#f8fbff);
    border-left: 1px solid rgba(148,163,184,.35);
    box-shadow: -26px 0 70px rgba(15,23,42,.24);
    animation: slideFilterIn-b-sjnhqd4mow .28s cubic-bezier(.2,.9,.2,1) both;
}

.filter-modal-header[b-sjnhqd4mow] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    border-bottom: 1px solid #e2e8f0;
}

    .filter-modal-header h2[b-sjnhqd4mow] {
        margin: .2rem 0 .2rem;
        font-size: 1.35rem;
        font-weight: 950;
        letter-spacing: -.03em;
        color: #0f172a;
    }

    .filter-modal-header p[b-sjnhqd4mow] {
        margin: 0;
        color: #64748b;
        font-size: .9rem;
        font-weight: 650;
    }

.filter-close-btn[b-sjnhqd4mow] {
    width: 40px;
    height: 40px;
    flex: 0 0 auto;
    display: grid;
    place-items: center;
    border: 1px solid #e2e8f0;
    border-radius: .9rem;
    color: #334155;
    background: #fff;
    font-weight: 900;
    transition: transform .2s ease, background .2s ease, color .2s ease;
}

    .filter-close-btn:hover[b-sjnhqd4mow] {
        transform: rotate(90deg);
        color: #b91c1c;
        background: #fef2f2;
    }

.filters-grid[b-sjnhqd4mow] {
    display: grid;
    gap: .9rem;
}

.filters-grid-modal[b-sjnhqd4mow] {
    flex: 1;
    grid-template-columns: 1fr;
    overflow-y: auto;
    padding-right: .35rem;
    padding-bottom: 1rem;
}

.filter-field[b-sjnhqd4mow] {
    display: flex;
    flex-direction: column;
    gap: .35rem;
}

    .filter-field label[b-sjnhqd4mow] {
        color: #334155;
        font-size: .82rem;
        font-weight: 900;
    }

    .filter-field input[b-sjnhqd4mow],
    .filter-field select[b-sjnhqd4mow] {
        width: 100%;
        min-height: 43px;
        border-radius: .9rem;
        border: 1px solid #d8e1ef;
        background: #fff;
        color: var(--report-text);
        padding: .6rem .75rem;
        outline: none;
        transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
    }

        .filter-field input:focus[b-sjnhqd4mow],
        .filter-field select:focus[b-sjnhqd4mow] {
            border-color: #2563eb;
            box-shadow: 0 0 0 .22rem rgba(37,99,235,.12);
            transform: translateY(-1px);
        }

.filter-modal-actions[b-sjnhqd4mow] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .75rem;
    padding-top: 1rem;
    border-top: 1px solid #e2e8f0;
    background: linear-gradient(180deg, rgba(248,251,255,.75), #f8fbff);
}

.filter-date-field label[b-sjnhqd4mow] {
    align-self: flex-start;
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    padding: .2rem .65rem;
    border-radius: 999px;
    color: #1e3a8a;
    background: linear-gradient(180deg, #eff6ff, #dbeafe);
    border: 1px solid #bfdbfe;
    font-size: .76rem;
    font-weight: 950;
    letter-spacing: .06em;
    text-transform: uppercase;
    box-shadow: 0 8px 18px rgba(37, 99, 235, .08);
}

.filter-date-control[b-sjnhqd4mow],
.modern-date-field[b-sjnhqd4mow] {
    position: relative;
    width: 100%;
    min-height: 48px;
    border-radius: 1rem;
    border: 1px solid #d8e1ef;
    background: radial-gradient(circle at 14% 0%, rgba(37, 99, 235, .08), transparent 34%), linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .95), 0 10px 22px rgba(15, 23, 42, .055);
    overflow: hidden;
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

    .filter-date-control[b-sjnhqd4mow]::before,
    .filter-date-control[b-sjnhqd4mow]::after,
    .modern-date-field[b-sjnhqd4mow]::before,
    .modern-date-field[b-sjnhqd4mow]::after {
        content: none !important;
        display: none !important;
    }

    .filter-date-control:hover[b-sjnhqd4mow],
    .modern-date-field:hover[b-sjnhqd4mow] {
        border-color: #93c5fd;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, .95), 0 14px 28px rgba(37, 99, 235, .10);
    }

    .filter-date-control:focus-within[b-sjnhqd4mow],
    .modern-date-field:focus-within[b-sjnhqd4mow] {
        border-color: #2563eb;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, .95), 0 0 0 .2rem rgba(37, 99, 235, .12), 0 16px 32px rgba(37, 99, 235, .13);
        transform: translateY(-1px);
    }

    .filter-native-date[b-sjnhqd4mow],
    .filter-date-control input[type="date"][b-sjnhqd4mow],
    [b-sjnhqd4mow](.modern-date-input),
    .modern-date-input[b-sjnhqd4mow] {
        width: 100%;
        min-height: 48px;
        border: 0 !important;
        border-radius: 1rem;
        background: transparent !important;
        color: #0f172a;
        padding: .72rem .9rem !important;
        outline: none;
        box-shadow: none !important;
        font-size: .95rem;
        font-weight: 850;
        letter-spacing: .01em;
        line-height: 1.2;
        font-variant-numeric: tabular-nums;
        color-scheme: light;
    }

        .filter-native-date:focus[b-sjnhqd4mow],
        .filter-date-control input[type="date"]:focus[b-sjnhqd4mow],
        [b-sjnhqd4mow](.modern-date-input:focus),
        .modern-date-input:focus[b-sjnhqd4mow] {
            box-shadow: none !important;
            transform: none !important;
        }

        .filter-native-date[b-sjnhqd4mow]::-webkit-calendar-picker-indicator,
        .filter-date-control input[type="date"][b-sjnhqd4mow]::-webkit-calendar-picker-indicator,
        .modern-date-input[b-sjnhqd4mow]::-webkit-calendar-picker-indicator {
            width: 1.25rem;
            height: 1.25rem;
            margin: 0;
            padding: .2rem;
            cursor: pointer;
            opacity: .72;
            filter: invert(28%) sepia(76%) saturate(1767%) hue-rotate(211deg) brightness(91%) contrast(91%);
        }

        .filter-native-date[b-sjnhqd4mow]::-webkit-inner-spin-button,
        .filter-native-date[b-sjnhqd4mow]::-webkit-clear-button,
        .filter-date-control input[type="date"][b-sjnhqd4mow]::-webkit-inner-spin-button,
        .filter-date-control input[type="date"][b-sjnhqd4mow]::-webkit-clear-button,
        .modern-date-input[b-sjnhqd4mow]::-webkit-inner-spin-button,
        .modern-date-input[b-sjnhqd4mow]::-webkit-clear-button {
            display: none;
        }

.month-picker-list[b-sjnhqd4mow] {
    width: 100%;
    min-height: 180px;
    border-radius: 1rem;
    border: 1px solid #d8e1ef;
    background: linear-gradient(180deg,#fff,#f8fbff);
    color: #0f172a;
    padding: .55rem;
    outline: none;
    font-size: .94rem;
    font-weight: 750;
    overflow-y: auto;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.85), 0 8px 20px rgba(15,23,42,.045);
}

    .month-picker-list option[b-sjnhqd4mow] {
        padding: .68rem .75rem;
        margin-bottom: .35rem;
        border-radius: .85rem;
        color: #334155;
        background: #fff;
        font-weight: 850;
        letter-spacing: .01em;
    }

        .month-picker-list option:checked[b-sjnhqd4mow] {
            color: #fff;
            background: linear-gradient(135deg, #174ea6, #2563eb);
        }

.filter-help[b-sjnhqd4mow] {
    color: #64748b;
    font-size: .76rem;
    font-weight: 700;
}

.quick-filter-row[b-sjnhqd4mow] {
    display: grid;
    grid-template-columns: 1fr;
    gap: .5rem;
    margin-bottom: .8rem;
}

    .quick-filter-row button[b-sjnhqd4mow] {
        border: 1px solid #bfdbfe;
        border-radius: .85rem;
        padding: .55rem .75rem;
        color: #174ea6;
        background: #eff6ff;
        font-weight: 850;
        transition: transform .18s ease, background .18s ease;
    }

        .quick-filter-row button:hover[b-sjnhqd4mow] {
            transform: translateY(-1px);
            background: #dbeafe;
        }

.active-visual-filter[b-sjnhqd4mow],
.active-months-filter[b-sjnhqd4mow] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;
    padding: .95rem 1rem;
    border-radius: 1.1rem;
    background: linear-gradient(135deg, rgba(23,78,166,.10), rgba(37,99,235,.05)), #fff;
    border: 1px solid rgba(37,99,235,.22);
    box-shadow: 0 16px 38px rgba(15,23,42,.08);
    animation: reportFadeUp-b-sjnhqd4mow .28s ease both;
}

.active-months-filter[b-sjnhqd4mow] {
    background: linear-gradient(135deg, rgba(22,163,74,.10), rgba(37,99,235,.04)), #fff;
    border-color: rgba(22,163,74,.22);
}

    .active-visual-filter span[b-sjnhqd4mow],
    .active-months-filter span[b-sjnhqd4mow] {
        display: block;
        color: #64748b;
        font-size: .78rem;
        font-weight: 900;
        text-transform: uppercase;
        letter-spacing: .08em;
    }

    .active-visual-filter strong[b-sjnhqd4mow],
    .active-months-filter strong[b-sjnhqd4mow] {
        display: block;
        color: #174ea6;
        font-size: 1rem;
        font-weight: 950;
    }

    .active-visual-filter button[b-sjnhqd4mow],
    .active-months-filter button[b-sjnhqd4mow] {
        border: 0;
        border-radius: .9rem;
        padding: .55rem .85rem;
        color: #fff;
        background: linear-gradient(135deg,#174ea6,#2563eb);
        font-weight: 900;
        transition: transform .2s ease, box-shadow .2s ease;
    }

.dashboard-widget-grid[b-sjnhqd4mow] {
    display: flex;
    flex-wrap: wrap;
    gap: 1.25rem;
    align-items: stretch;
    margin-bottom: 1.25rem;
}

.dashboard-widget-normal[b-sjnhqd4mow] {
    flex: 1 1 420px;
    min-width: 320px;
}

.dashboard-widget-wide[b-sjnhqd4mow] {
    flex: 1 1 680px;
    min-width: 420px;
}

.dashboard-widget-full[b-sjnhqd4mow] {
    flex: 1 1 100%;
    width: 100%;
}

.layout-edit-mode .layout-section-block[b-sjnhqd4mow] {
    position: relative;
    cursor: grab;
    outline: 2px dashed rgba(37,99,235,.35);
    outline-offset: 6px;
    transition: transform .18s ease, box-shadow .18s ease, outline-color .18s ease;
}

    .layout-edit-mode .layout-section-block:hover[b-sjnhqd4mow] {
        transform: translateY(-3px);
        outline-color: rgba(37,99,235,.75);
        box-shadow: 0 26px 60px rgba(15,23,42,.16);
    }

    .layout-edit-mode .layout-section-block:active[b-sjnhqd4mow] {
        cursor: grabbing;
    }

.drag-widget-handle[b-sjnhqd4mow] {
    position: absolute;
    top: .75rem;
    right: .75rem;
    z-index: 10;
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    padding: .35rem .65rem;
    border-radius: 999px;
    color: #fff;
    background: rgba(15,23,42,.92);
    box-shadow: 0 10px 22px rgba(15,23,42,.22);
    font-size: .78rem;
    font-weight: 900;
    letter-spacing: .02em;
    pointer-events: none;
}

.customize-inline-panel[b-sjnhqd4mow] {
    display: grid;
    gap: 1rem;
    margin: 0 0 1.25rem;
    padding: 1.15rem;
    border-radius: 1.25rem;
    background: linear-gradient(135deg, #fff 0%, #f4f7fb 100%);
    border: 1px solid rgba(37,99,235,.18);
    box-shadow: 0 16px 36px rgba(15,23,42,.08);
}

.customize-help[b-sjnhqd4mow] {
    padding: .9rem 1rem;
    border-radius: 1rem;
    background: rgba(37,99,235,.08);
    border: 1px dashed rgba(37,99,235,.30);
    color: #1e3a8a;
    font-size: .95rem;
    font-weight: 700;
}

.customize-group[b-sjnhqd4mow] {
    display: grid;
    gap: .65rem;
}

    .customize-group h3[b-sjnhqd4mow] {
        margin: 0;
        color: #12335f;
        font-size: .88rem;
        font-weight: 950;
        text-transform: uppercase;
        letter-spacing: .08em;
    }

.customize-widget-list[b-sjnhqd4mow] {
    display: flex;
    flex-wrap: wrap;
    gap: .6rem;
}

.inline-switch-item[b-sjnhqd4mow] {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    padding: .55rem .8rem;
    border-radius: 999px;
    background: #fff;
    border: 1px solid rgba(148,163,184,.35);
    color: #0f172a;
    font-size: .86rem;
    font-weight: 800;
    cursor: pointer;
    user-select: none;
    transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}

    .inline-switch-item:hover[b-sjnhqd4mow] {
        transform: translateY(-1px);
        border-color: rgba(37,99,235,.45);
        box-shadow: 0 8px 18px rgba(37,99,235,.10);
    }

    .inline-switch-item input[b-sjnhqd4mow] {
        width: 1rem;
        height: 1rem;
        accent-color: #174ea6;
    }

.customize-actions[b-sjnhqd4mow] {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
}

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

.metric-card[b-sjnhqd4mow] {
    position: relative;
    overflow: hidden;
    min-height: 150px;
    padding: 1.15rem;
    border-radius: 1.35rem;
    transition: transform .22s ease, box-shadow .22s ease;
    animation: reportFadeUp-b-sjnhqd4mow .55s ease both;
}

    .metric-card[b-sjnhqd4mow]::after {
        content: "";
        position: absolute;
        width: 8rem;
        height: 8rem;
        right: -3.4rem;
        top: -3.6rem;
        border-radius: 999px;
        background: rgba(37,99,235,.08);
    }

    .metric-card:hover[b-sjnhqd4mow] {
        transform: translateY(-4px);
        box-shadow: 0 26px 60px rgba(15,23,42,.14);
    }

.metric-primary[b-sjnhqd4mow] {
    color: #fff;
    background: linear-gradient(135deg,#0b285f,#1d4ed8);
}

    .metric-primary span[b-sjnhqd4mow],
    .metric-primary small[b-sjnhqd4mow] {
        color: rgba(255,255,255,.78);
    }

.metric-icon[b-sjnhqd4mow] {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border-radius: 1rem;
    margin-bottom: .85rem;
    background: #eff6ff;
    font-size: 1.2rem;
}

.metric-primary .metric-icon[b-sjnhqd4mow] {
    background: rgba(255,255,255,.16);
}

.metric-card span[b-sjnhqd4mow] {
    display: block;
    color: var(--report-muted);
    font-size: .82rem;
    font-weight: 900;
}

.metric-card strong[b-sjnhqd4mow] {
    display: block;
    margin: .2rem 0;
    font-size: 2.1rem;
    line-height: 1;
    letter-spacing: -.04em;
}

.metric-card small[b-sjnhqd4mow] {
    color: var(--report-muted);
    font-weight: 750;
}

.metric-card.success .metric-icon[b-sjnhqd4mow] {
    background: #dcfce7;
}

.metric-card.danger .metric-icon[b-sjnhqd4mow] {
    background: #fee2e2;
}

.metric-card.warning .metric-icon[b-sjnhqd4mow] {
    background: #fef3c7;
}

.mini-kpi-row[b-sjnhqd4mow] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: .8rem;
}

    .mini-kpi-row > div[b-sjnhqd4mow] {
        border-radius: 1.1rem;
        padding: .9rem 1rem;
        animation: reportFadeUp-b-sjnhqd4mow .6s ease both;
    }

    .mini-kpi-row span[b-sjnhqd4mow] {
        display: block;
        font-size: .78rem;
        font-weight: 900;
        color: var(--report-muted);
    }

    .mini-kpi-row strong[b-sjnhqd4mow] {
        font-size: 1.55rem;
        letter-spacing: -.03em;
    }

.chart-card-pro[b-sjnhqd4mow] {
    position: relative;
    overflow: hidden;
    min-height: 460px;
    padding: 1.25rem;
    border-radius: 1.45rem;
    background: radial-gradient(circle at top right, rgba(37,99,235,.08), transparent 16rem), rgba(255,255,255,.94);
    animation: chartFadeUp-b-sjnhqd4mow .45s ease both;
    transition: transform .22s ease, box-shadow .22s ease;
}

    .chart-card-pro:hover[b-sjnhqd4mow] {
        transform: translateY(-4px);
        box-shadow: 0 28px 70px rgba(15,23,42,.14);
    }

    .chart-card-pro[b-sjnhqd4mow]::before {
        content: "";
        position: absolute;
        inset: 0;
        pointer-events: none;
        border-radius: inherit;
        background: linear-gradient(135deg, rgba(255,255,255,.75), transparent 38%), radial-gradient(circle at 15% 10%, rgba(34,197,94,.07), transparent 18rem);
    }

.chart-head[b-sjnhqd4mow] {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

    .chart-head h2[b-sjnhqd4mow] {
        margin: .15rem 0 .25rem;
        font-size: 1.2rem;
        font-weight: 950;
        letter-spacing: -.03em;
        color: #0f172a;
    }

    .chart-head p[b-sjnhqd4mow] {
        margin: 0;
        color: #64748b;
        font-size: .88rem;
        font-weight: 650;
    }

.chart-pill[b-sjnhqd4mow] {
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
    padding: .45rem .7rem;
    border-radius: 999px;
    color: #174ea6;
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    font-size: .75rem;
    font-weight: 900;
}

.chart-canvas-wrap[b-sjnhqd4mow] {
    position: relative;
    z-index: 1;
    height: 340px;
    width: 100%;
}

    .chart-canvas-wrap.chart-large[b-sjnhqd4mow] {
        height: 390px;
    }

    .chart-canvas-wrap.chart-xlarge[b-sjnhqd4mow] {
        height: 430px;
    }

    .chart-canvas-wrap canvas[b-sjnhqd4mow] {
        width: 100% !important;
        height: 100% !important;
    }

.chart-card-pro canvas[b-sjnhqd4mow] {
    cursor: pointer;
}

.contributor-panel[b-sjnhqd4mow] {
    min-height: 420px;
}

.contributors-list[b-sjnhqd4mow] {
    display: grid;
    gap: .65rem;
    max-height: 520px;
    overflow-y: auto;
    padding-right: .25rem;
}

.contributor-item[b-sjnhqd4mow] {
    width: 100%;
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: .85rem;
    padding: .8rem;
    border: 1px solid #e2e8f0;
    border-radius: 1rem;
    background: linear-gradient(180deg,#fff,#f8fbff);
    text-align: left;
    cursor: pointer;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
}

    .contributor-item:hover[b-sjnhqd4mow] {
        transform: translateX(4px);
        border-color: #bfdbfe;
        background: #eff6ff;
        box-shadow: 0 14px 28px rgba(15,23,42,.08);
    }

    .contributor-item.active[b-sjnhqd4mow] {
        border-color: #2563eb;
        background: linear-gradient(135deg, rgba(23,78,166,.12), rgba(37,99,235,.06)), #fff;
        box-shadow: 0 0 0 .18rem rgba(37,99,235,.12), 0 18px 34px rgba(37,99,235,.12);
    }

.contributor-rank[b-sjnhqd4mow] {
    width: 2.25rem;
    height: 2.25rem;
    display: grid;
    place-items: center;
    border-radius: .8rem;
    color: #fff;
    background: linear-gradient(135deg,#174ea6,#2563eb);
    font-weight: 950;
    font-size: .9rem;
}

.contributor-main[b-sjnhqd4mow] {
    min-width: 0;
}

    .contributor-main strong[b-sjnhqd4mow] {
        display: block;
        color: #0f172a;
        font-size: .92rem;
        font-weight: 950;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .contributor-main span[b-sjnhqd4mow] {
        display: block;
        margin-top: .15rem;
        color: #64748b;
        font-size: .76rem;
        font-weight: 750;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

.contributor-total[b-sjnhqd4mow] {
    min-width: 78px;
    text-align: right;
}

    .contributor-total strong[b-sjnhqd4mow] {
        display: block;
        color: #174ea6;
        font-size: 1.25rem;
        font-weight: 950;
        line-height: 1;
    }

    .contributor-total span[b-sjnhqd4mow] {
        color: #64748b;
        font-size: .7rem;
        font-weight: 850;
    }

.ranking-list[b-sjnhqd4mow] {
    display: grid;
    gap: .65rem;
}

.compact-list[b-sjnhqd4mow] {
    gap: .5rem;
}

.simple-rank[b-sjnhqd4mow] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding: .7rem .8rem;
    border-radius: .85rem;
    background: #f8fafc;
    border: 1px solid #edf2f7;
    font-weight: 850;
    transition: transform .2s ease, background .2s ease;
}

    .simple-rank:hover[b-sjnhqd4mow] {
        transform: translateX(4px);
        background: #eff6ff;
    }

    .simple-rank span[b-sjnhqd4mow] {
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        color: #334155;
    }

    .simple-rank strong[b-sjnhqd4mow] {
        color: var(--report-primary);
    }

.table-panel[b-sjnhqd4mow] {
    overflow: hidden;
}

.table-responsive[b-sjnhqd4mow] {
    width: 100%;
    overflow-x: auto;
}

.modern-table[b-sjnhqd4mow] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    overflow: hidden;
    font-size: .9rem;
}

    .modern-table thead th[b-sjnhqd4mow] {
        position: sticky;
        top: 0;
        z-index: 1;
        padding: .85rem;
        color: #334155;
        background: #eef4ff;
        border-bottom: 1px solid #dbeafe;
        font-size: .78rem;
        text-transform: uppercase;
        letter-spacing: .06em;
        white-space: nowrap;
    }

    .modern-table tbody td[b-sjnhqd4mow] {
        padding: .85rem;
        border-bottom: 1px solid #edf2f7;
        color: #1e293b;
        vertical-align: middle;
    }

    .modern-table tbody tr[b-sjnhqd4mow] {
        transition: background .18s ease;
    }

        .modern-table tbody tr:hover[b-sjnhqd4mow] {
            background: #f8fbff;
        }

.text-end[b-sjnhqd4mow] {
    text-align: right;
}

.fw-bold[b-sjnhqd4mow] {
    font-weight: 900;
}

.date-input-shell[b-sjnhqd4mow],
.date-icon[b-sjnhqd4mow] {
    display: none !important;
}

.resumen-backdrop[b-sjnhqd4mow] {
    justify-content: center;
    align-items: center;
    padding: 1rem;
}

.resumen-modal-card[b-sjnhqd4mow] {
    width: min(96vw, 1180px);
    height: min(92vh, 900px);
    display: flex;
    flex-direction: column;
    gap: .85rem;
    padding: 1rem 1rem 1.1rem;
    border-radius: 1.15rem;
    background: linear-gradient(180deg,#fff,#f8fbff);
    border: 1px solid rgba(148,163,184,.35);
    box-shadow: 0 32px 90px rgba(15,23,42,.34);
    animation: modalRiseIn-b-sjnhqd4mow .24s ease both;
}

.resumen-modal-header[b-sjnhqd4mow] {
    margin-bottom: .25rem;
    padding-bottom: .65rem;
}

.resumen-toolbar[b-sjnhqd4mow] {
    display: grid;
    grid-template-columns: 165px 165px minmax(280px, 1fr) auto auto;
    gap: .75rem;
    align-items: end;
    padding: .15rem 0 .2rem;
}

.resumen-toolbar-field[b-sjnhqd4mow] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: .34rem;
}

    .resumen-toolbar-field label[b-sjnhqd4mow] {
        color: #1e293b;
        font-size: .72rem;
        font-weight: 950;
        line-height: 1;
        letter-spacing: .09em;
        text-transform: uppercase;
    }

.resumen-date-field[b-sjnhqd4mow] {
    min-width: 0;
}

    .resumen-date-field label[b-sjnhqd4mow] {
        align-self: flex-start;
        padding-left: .15rem;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
        color: #1e3a8a;
    }

.resumen-date-control[b-sjnhqd4mow] {
    position: relative;
    width: 100%;
    min-height: 44px;
    display: flex;
    align-items: center;
    border-radius: .9rem;
    border: 1px solid #cbd5e1;
    background: #ffffff;
    box-shadow: 0 8px 18px rgba(15, 23, 42, .055);
    overflow: hidden;
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

    .resumen-date-control[b-sjnhqd4mow]::before,
    .resumen-date-control[b-sjnhqd4mow]::after {
        content: none !important;
        display: none !important;
    }

    .resumen-date-control:hover[b-sjnhqd4mow] {
        border-color: #93c5fd;
        box-shadow: 0 12px 24px rgba(37, 99, 235, .10);
    }

    .resumen-date-control:focus-within[b-sjnhqd4mow] {
        border-color: #2563eb;
        box-shadow: 0 0 0 .2rem rgba(37, 99, 235, .12), 0 14px 28px rgba(37, 99, 235, .12);
        transform: translateY(-1px);
    }

.resumen-date-icon[b-sjnhqd4mow] {
    display: none !important;
}

.resumen-native-date[b-sjnhqd4mow],
.resumen-date-control input[type="date"][b-sjnhqd4mow] {
    width: 100% !important;
    min-width: 0;
    min-height: 44px;
    border: 0 !important;
    border-radius: .9rem;
    background: transparent !important;
    color: #0f172a;
    padding: .62rem .72rem !important;
    outline: none !important;
    box-shadow: none !important;
    font-size: .92rem;
    font-weight: 850;
    line-height: 1.1;
    letter-spacing: .01em;
    font-variant-numeric: tabular-nums;
    color-scheme: light;
    appearance: auto;
    -webkit-appearance: auto;
}

    .resumen-native-date[b-sjnhqd4mow]::-webkit-calendar-picker-indicator,
    .resumen-date-control input[type="date"][b-sjnhqd4mow]::-webkit-calendar-picker-indicator {
        width: 1.1rem;
        height: 1.1rem;
        margin: 0;
        padding: .12rem;
        cursor: pointer;
        opacity: .78;
        filter: invert(25%) sepia(91%) saturate(1583%) hue-rotate(210deg) brightness(92%) contrast(91%);
    }

    .resumen-native-date[b-sjnhqd4mow]::-webkit-inner-spin-button,
    .resumen-native-date[b-sjnhqd4mow]::-webkit-clear-button,
    .resumen-date-control input[type="date"][b-sjnhqd4mow]::-webkit-inner-spin-button,
    .resumen-date-control input[type="date"][b-sjnhqd4mow]::-webkit-clear-button {
        display: none;
    }

.resumen-periodo-field[b-sjnhqd4mow] {
    min-width: 0;
}

    .resumen-periodo-field small[b-sjnhqd4mow] {
        color: #64748b;
        font-size: .71rem;
        font-weight: 700;
        line-height: 1.15;
    }

.modern-period-input[b-sjnhqd4mow] {
    width: 100%;
    min-height: 44px;
    border-radius: .9rem;
    border: 1px solid #cbd5e1;
    background: #fff;
    color: #0f172a;
    padding: .62rem .8rem;
    outline: none;
    font-size: .92rem;
    font-weight: 850;
    box-shadow: 0 8px 18px rgba(15, 23, 42, .055);
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

    .modern-period-input[b-sjnhqd4mow]::placeholder {
        color: #94a3b8;
        font-weight: 750;
    }

    .modern-period-input:hover[b-sjnhqd4mow] {
        border-color: #93c5fd;
    }

    .modern-period-input:focus[b-sjnhqd4mow] {
        border-color: #2563eb;
        box-shadow: 0 0 0 .2rem rgba(37, 99, 235, .12), 0 14px 28px rgba(37, 99, 235, .12);
        transform: translateY(-1px);
    }

.resumen-toolbar .btn-modern[b-sjnhqd4mow] {
    min-height: 44px;
    white-space: nowrap;
    border-radius: .9rem;
    padding: .62rem 1rem;
}


.resumen-tabs[b-sjnhqd4mow] {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
    padding: .35rem;
    border: 1px solid #dbeafe;
    border-radius: .9rem;
    background: #eff6ff;
}

.resumen-tab[b-sjnhqd4mow] {
    flex: 1 1 260px;
    border: 0;
    border-radius: .7rem;
    padding: .7rem .9rem;
    background: transparent;
    color: #1e3a8a;
    font-size: .82rem;
    font-weight: 900;
    letter-spacing: .02em;
    text-align: center;
    transition: background .2s ease, color .2s ease, box-shadow .2s ease, transform .2s ease;
}

    .resumen-tab:hover[b-sjnhqd4mow] {
        background: rgba(255, 255, 255, .72);
        transform: translateY(-1px);
    }

    .resumen-tab.active[b-sjnhqd4mow] {
        background: #fff;
        color: #0f172a;
        box-shadow: 0 12px 28px rgba(30, 64, 175, .18);
    }

.resumen-pdf-wrap[b-sjnhqd4mow] {
    flex: 1;
    min-height: 0;
    border-radius: .9rem;
    border: 1px solid #dbeafe;
    overflow: hidden;
    background: #f8fafc;
}

.resumen-pdf-frame[b-sjnhqd4mow] {
    width: 100%;
    height: 100%;
    border: 0;
    background: #fff;
}

.geo-toolbar[b-sjnhqd4mow] {
    display: grid;
    gap: .4rem;
    margin-bottom: 1rem;
}

    .geo-toolbar select[b-sjnhqd4mow] {
        max-width: 480px;
        border: 1px solid #cbd5e1;
        border-radius: .7rem;
        padding: .55rem .7rem;
    }

.maps-grid[b-sjnhqd4mow] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 1rem;
}

.mini-map-card[b-sjnhqd4mow] {
    border: 1px solid var(--report-border);
    border-radius: 1rem;
    padding: 1rem;
    background: #fff;
}

    .mini-map-card h3[b-sjnhqd4mow] {
        font-size: 1rem;
        margin-bottom: .8rem;
    }

.map-points[b-sjnhqd4mow] {
    display: grid;
    gap: .65rem;
}

.map-point[b-sjnhqd4mow] {
    display: flex;
    gap: .55rem;
    align-items: flex-start;
}

    .map-point .dot[b-sjnhqd4mow] {
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background: #2563eb;
        margin-top: .35rem;
    }

    .map-point strong[b-sjnhqd4mow] {
        display: block;
        font-size: .92rem;
    }

    .map-point small[b-sjnhqd4mow] {
        color: #64748b;
    }

.google-like-map[b-sjnhqd4mow] {
    width: 100%;
    height: 320px;
    border-radius: .8rem;
    overflow: hidden;
    border: 1px solid #cbd5e1;
}

.geo-hidden-wrap summary[b-sjnhqd4mow] {
    cursor: pointer;
    font-weight: 800;
    color: #1d4ed8;
}

@keyframes reportFadeUp-b-sjnhqd4mow {
    from {
        opacity: 0;
        transform: translateY(16px);
    }

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

@keyframes chartFadeUp-b-sjnhqd4mow {
    from {
        opacity: 0;
        transform: translateY(18px) scale(.985);
    }

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

@keyframes slideFilterIn-b-sjnhqd4mow {
    from {
        opacity: .5;
        transform: translateX(100%);
    }

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

@keyframes modalRiseIn-b-sjnhqd4mow {
    from {
        opacity: 0;
        transform: translateY(12px) scale(.99);
    }

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

@keyframes backdropFade-b-sjnhqd4mow {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

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

@media (max-width: 1200px) {
    .kpi-grid[b-sjnhqd4mow] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .mini-kpi-row[b-sjnhqd4mow] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 992px) {
    .hero-content[b-sjnhqd4mow] {
        display: grid;
    }

    .hero-actions[b-sjnhqd4mow] {
        width: 100%;
    }

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

@media (max-width: 768px) {
    .dashboard-widget-grid[b-sjnhqd4mow] {
        display: grid;
        grid-template-columns: 1fr;
    }

    .dashboard-widget-normal[b-sjnhqd4mow],
    .dashboard-widget-wide[b-sjnhqd4mow],
    .dashboard-widget-full[b-sjnhqd4mow] {
        width: 100%;
        min-width: 0;
    }

    .drag-widget-handle[b-sjnhqd4mow] {
        position: static;
        width: fit-content;
        margin-bottom: .75rem;
    }

    .chart-card-pro[b-sjnhqd4mow] {
        min-height: 420px;
    }

    .chart-head[b-sjnhqd4mow] {
        display: grid;
    }

    .chart-canvas-wrap[b-sjnhqd4mow],
    .chart-canvas-wrap.chart-large[b-sjnhqd4mow],
    .chart-canvas-wrap.chart-xlarge[b-sjnhqd4mow] {
        height: 340px;
    }
}

@media (max-width: 640px) {
    .report-hero[b-sjnhqd4mow],
    .panel-card[b-sjnhqd4mow],
    .chart-card-pro[b-sjnhqd4mow] {
        border-radius: 1.1rem;
        padding: 1rem;
    }

    .section-title-row[b-sjnhqd4mow] {
        display: grid;
    }

    .hero-summary[b-sjnhqd4mow],
    .kpi-grid[b-sjnhqd4mow],
    .mini-kpi-row[b-sjnhqd4mow] {
        grid-template-columns: 1fr;
    }

    .filter-side-modal[b-sjnhqd4mow] {
        width: 100%;
        padding: 1rem;
    }

    .filter-modal-actions[b-sjnhqd4mow] {
        grid-template-columns: 1fr;
    }

    .active-visual-filter[b-sjnhqd4mow],
    .active-months-filter[b-sjnhqd4mow] {
        display: grid;
    }

    .contributor-item[b-sjnhqd4mow] {
        grid-template-columns: auto 1fr;
    }

    .contributor-total[b-sjnhqd4mow] {
        grid-column: 1 / -1;
        text-align: left;
        padding-left: 3.1rem;
    }
}


/* Ajuste limpio para la barra de Reportes PDF */
@media (max-width: 1180px) {
    .resumen-toolbar[b-sjnhqd4mow] {
        grid-template-columns: repeat(2, minmax(155px, 1fr));
    }

    .resumen-periodo-field[b-sjnhqd4mow] {
        grid-column: 1 / -1;
    }

    .resumen-toolbar .btn-modern[b-sjnhqd4mow] {
        width: 100%;
    }
}

@media (max-width: 640px) {
    .resumen-toolbar[b-sjnhqd4mow] {
        grid-template-columns: 1fr;
    }

        .resumen-date-control[b-sjnhqd4mow],
        .resumen-native-date[b-sjnhqd4mow],
        .resumen-date-control input[type="date"][b-sjnhqd4mow],
        .modern-period-input[b-sjnhqd4mow],
        .resumen-toolbar .btn-modern[b-sjnhqd4mow] {
            min-height: 44px;
        }
}

@media (max-width: 640px) {
    .filter-date-control[b-sjnhqd4mow],
    .filter-native-date[b-sjnhqd4mow],
    .filter-date-control input[type="date"][b-sjnhqd4mow] {
        min-height: 46px;
    }
}

/* =========================================================
   FIX SORTABLE DASHBOARD
   Este bloque debe quedarse hasta el final.
   ========================================================= */

.layout-edit-mode[b-sjnhqd4mow],
.layout-edit-mode *[b-sjnhqd4mow] {
    -webkit-user-select: none !important;
    user-select: none !important;
}

.dashboard-sortable-ready[b-sjnhqd4mow] {
    position: relative;
}

    .dashboard-sortable-ready .layout-section-block[b-sjnhqd4mow] {
        position: relative !important;
        cursor: grab !important;
        touch-action: none !important;
        -webkit-user-drag: none !important;
    }

        .dashboard-sortable-ready .layout-section-block *[b-sjnhqd4mow] {
            cursor: grab !important;
            -webkit-user-drag: none !important;
        }

        .dashboard-sortable-ready .layout-section-block:active[b-sjnhqd4mow],
        .dashboard-sortable-ready .layout-section-block:active *[b-sjnhqd4mow] {
            cursor: grabbing !important;
        }

.simega-dashboard-dragging[b-sjnhqd4mow],
.simega-dashboard-dragging *[b-sjnhqd4mow] {
    -webkit-user-select: none !important;
    user-select: none !important;
    cursor: grabbing !important;
}

.dashboard-sortable-ready .layout-section-block.dashboard-drag-source[b-sjnhqd4mow] {
    opacity: .35 !important;
    transform: scale(.985);
}

.dashboard-drag-clone[b-sjnhqd4mow] {
    cursor: grabbing !important;
    box-shadow: 0 35px 80px rgba(15, 23, 42, .32) !important;
    outline: 2px solid rgba(37, 99, 235, .75) !important;
    outline-offset: 4px !important;
    border-radius: 1.35rem !important;
    background: rgba(255, 255, 255, .98) !important;
    overflow: hidden !important;
}

.dashboard-drop-target[b-sjnhqd4mow] {
    outline: 3px solid rgba(22, 163, 74, .90) !important;
    outline-offset: 8px !important;
    box-shadow: 0 0 0 6px rgba(22, 163, 74, .10), 0 30px 70px rgba(15, 23, 42, .18) !important;
}

.layout-edit-mode .layout-section-block[b-sjnhqd4mow]::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 40;
    border-radius: inherit;
    border: 2px solid transparent;
    background: transparent;
    pointer-events: none;
    transition: border-color .15s ease, background .15s ease;
}

.layout-edit-mode .layout-section-block:hover[b-sjnhqd4mow]::after {
    border-color: rgba(37, 99, 235, .85);
    background: rgba(37, 99, 235, .05);
}

.layout-edit-mode .drag-widget-handle[b-sjnhqd4mow] {
    pointer-events: none !important;
    z-index: 60 !important;
}

.layout-edit-mode .layout-section-block button[b-sjnhqd4mow],
.layout-edit-mode .layout-section-block a[b-sjnhqd4mow],
.layout-edit-mode .layout-section-block input[b-sjnhqd4mow],
.layout-edit-mode .layout-section-block select[b-sjnhqd4mow],
.layout-edit-mode .layout-section-block textarea[b-sjnhqd4mow],
.layout-edit-mode .layout-section-block canvas[b-sjnhqd4mow],
.layout-edit-mode .layout-section-block table[b-sjnhqd4mow],
.layout-edit-mode .layout-section-block th[b-sjnhqd4mow],
.layout-edit-mode .layout-section-block td[b-sjnhqd4mow] {
    pointer-events: none !important;
}

.layout-edit-mode [b-sjnhqd4mow]::selection,
.simega-dashboard-dragging [b-sjnhqd4mow]::selection {
    background: transparent !important;
    color: inherit !important;
}

.layout-edit-mode .layout-section-block[b-sjnhqd4mow] {
    outline: 2px dashed rgba(37, 99, 235, .35) !important;
    outline-offset: 6px !important;
}

    .layout-edit-mode .layout-section-block:hover[b-sjnhqd4mow] {
        outline-color: rgba(37, 99, 235, .75) !important;
    }

@media (max-width: 768px) {
    .dashboard-drag-clone[b-sjnhqd4mow] {
        max-width: calc(100vw - 2rem) !important;
    }
}

/* =========================================================
   MEJORA BOTONES PDF: ACTUALIZAR / ABRIR / DESCARGAR / IMPRIMIR
   Este bloque va al final para sobrescribir reglas anteriores.
   ========================================================= */

.resumen-toolbar[b-sjnhqd4mow] {
    display: grid;
    grid-template-columns: minmax(150px, 165px) minmax(150px, 165px) minmax(260px, 1fr) auto minmax(330px, auto);
    gap: .75rem;
    align-items: end;
    padding: .15rem 0 .35rem;
}

.resumen-update-wrap[b-sjnhqd4mow] {
    min-width: 120px;
}

.resumen-btn-update[b-sjnhqd4mow] {
    width: 100%;
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: .9rem;
    white-space: nowrap;
}

.resumen-toolbar-actions[b-sjnhqd4mow] {
    display: inline-grid;
    grid-template-columns: repeat(3, auto);
    gap: .5rem;
    align-items: center;
    justify-content: end;
    padding: .35rem;
    border-radius: 1rem;
    background: linear-gradient(180deg, #f8fbff, #eef4ff);
    border: 1px solid #dbeafe;
    box-shadow: 0 10px 24px rgba(15, 23, 42, .06);
}

.resumen-action-btn[b-sjnhqd4mow] {
    min-height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .45rem;
    padding: .55rem .78rem;
    border-radius: .78rem;
    border: 1px solid transparent;
    font-size: .82rem;
    font-weight: 950;
    line-height: 1;
    text-decoration: none;
    white-space: nowrap;
    box-shadow: none;
}

.resumen-action-icon[b-sjnhqd4mow] {
    width: 1.25rem;
    height: 1.25rem;
    display: inline-grid;
    place-items: center;
    font-size: .95rem;
    line-height: 1;
}

.resumen-action-open[b-sjnhqd4mow] {
    color: #334155;
    background: #ffffff;
    border-color: #e2e8f0;
}

.resumen-action-download[b-sjnhqd4mow] {
    color: #ffffff;
    background: linear-gradient(135deg, #15803d, #16a34a);
    border-color: rgba(22, 163, 74, .28);
    box-shadow: 0 10px 22px rgba(22, 163, 74, .18);
}

.resumen-action-print[b-sjnhqd4mow] {
    color: #174ea6;
    background: #ffffff;
    border-color: #bfdbfe;
}

.resumen-action-btn:hover[b-sjnhqd4mow] {
    transform: translateY(-2px);
    text-decoration: none;
}

.resumen-action-open:hover[b-sjnhqd4mow] {
    color: #174ea6;
    background: #eff6ff;
    border-color: #bfdbfe;
}

.resumen-action-download:hover[b-sjnhqd4mow] {
    background: linear-gradient(135deg, #166534, #15803d);
    box-shadow: 0 14px 28px rgba(22, 163, 74, .24);
}

.resumen-action-print:hover[b-sjnhqd4mow] {
    color: #0f172a;
    background: #eff6ff;
    border-color: #93c5fd;
}

@media (max-width: 1280px) {
    .resumen-toolbar[b-sjnhqd4mow] {
        grid-template-columns: repeat(2, minmax(150px, 1fr));
    }

    .resumen-periodo-field[b-sjnhqd4mow] {
        grid-column: 1 / -1;
    }

    .resumen-update-wrap[b-sjnhqd4mow] {
        grid-column: 1 / 2;
    }

    .resumen-toolbar-actions[b-sjnhqd4mow] {
        grid-column: 2 / 3;
        width: 100%;
        justify-content: stretch;
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .resumen-action-btn[b-sjnhqd4mow] {
        width: 100%;
    }
}

@media (max-width: 720px) {
    .resumen-toolbar[b-sjnhqd4mow] {
        grid-template-columns: 1fr;
    }

    .resumen-periodo-field[b-sjnhqd4mow],
    .resumen-update-wrap[b-sjnhqd4mow],
    .resumen-toolbar-actions[b-sjnhqd4mow] {
        grid-column: 1 / -1;
    }

    .resumen-toolbar-actions[b-sjnhqd4mow] {
        grid-template-columns: 1fr;
    }

    .resumen-action-btn[b-sjnhqd4mow],
    .resumen-btn-update[b-sjnhqd4mow] {
        width: 100%;
        min-height: 44px;
    }
}
/* /Components/Pages/Permisos/Admin/Solicitudes.razor.rz.scp.css */
:root[b-s5b3nakzzj] {
    --sol-primary: #0d6efd;
    --sol-primary-dark: #084298;
    --sol-success: #198754;
    --sol-warning: #f59f00;
    --sol-danger: #dc3545;
    --sol-muted: #667085;
    --sol-text: #172033;
    --sol-border: #e5eaf3;
    --sol-card: #ffffff;
    --sol-soft: #f8fafc;
    --sol-shadow: 0 16px 40px rgba(15, 23, 42, .09);
    --sol-shadow-hover: 0 22px 55px rgba(15, 23, 42, .15);
}

/* =========================
   ENCABEZADO
========================= */

.empresas-header[b-s5b3nakzzj] {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1.25rem;
    margin-bottom: 1.25rem;
    padding: 1.45rem 1.55rem;
    border-radius: 1.45rem;
    border: 1px solid rgba(13, 110, 253, .14);
    background: linear-gradient(135deg, rgba(13, 110, 253, .12), rgba(255, 255, 255, .95)), radial-gradient(circle at top right, rgba(25, 135, 84, .14), transparent 42%), radial-gradient(circle at bottom left, rgba(13, 110, 253, .08), transparent 34%);
    box-shadow: var(--sol-shadow);
    overflow: hidden;
    animation: sol-page-in-b-s5b3nakzzj .35s ease both;
}

    .empresas-header[b-s5b3nakzzj]::before {
        content: "";
        position: absolute;
        width: 210px;
        height: 210px;
        right: -80px;
        top: -90px;
        border-radius: 50%;
        background: rgba(13, 110, 253, .12);
        pointer-events: none;
    }

    .empresas-header[b-s5b3nakzzj]::after {
        content: "";
        position: absolute;
        width: 115px;
        height: 115px;
        left: -45px;
        bottom: -55px;
        border-radius: 50%;
        background: rgba(25, 135, 84, .09);
        pointer-events: none;
    }

    .empresas-header h1[b-s5b3nakzzj] {
        position: relative;
        z-index: 1;
        margin: 0;
        color: var(--sol-text);
        font-size: clamp(1.65rem, 2.5vw, 2.15rem);
        font-weight: 850;
        letter-spacing: -.035em;
    }

        .empresas-header h1[b-s5b3nakzzj]::before {
            /*content: "Revisión administrativa";*/
            display: inline-flex;
            align-items: center;
            width: fit-content;
            margin-bottom: .45rem;
            padding: .25rem .7rem;
            border-radius: 999px;
            color: var(--sol-primary-dark);
            background: rgba(13, 110, 253, .09);
            border: 1px solid rgba(13, 110, 253, .14);
            font-size: .78rem;
            font-weight: 850;
            letter-spacing: .05em;
            text-transform: uppercase;
        }

/* =========================
   CARD DE FILTROS SUPERIOR
========================= */

.card.mb-3[b-s5b3nakzzj] {
    border: 1px solid var(--sol-border);
    border-radius: 1.3rem;
    background: linear-gradient(180deg, #ffffff, #fbfdff);
    box-shadow: 0 12px 28px rgba(15, 23, 42, .06);
    overflow: hidden;
    animation: sol-fade-up-b-s5b3nakzzj .35s ease both;
}

    .card.mb-3 .card-body[b-s5b3nakzzj] {
        padding: 1.1rem;
    }

    .card.mb-3 .form-label[b-s5b3nakzzj] {
        color: #344054;
        font-weight: 800;
        font-size: .88rem;
    }

    .card.mb-3 .d-flex.flex-wrap.gap-3[b-s5b3nakzzj] {
        padding: .85rem;
        border-radius: 1rem;
        border: 1px solid #e5eaf3;
        background: linear-gradient(135deg, rgba(13, 110, 253, .035), rgba(255,255,255,.98));
    }

.form-check-input[b-s5b3nakzzj] {
    cursor: pointer;
}

.form-check-label[b-s5b3nakzzj] {
    color: #344054;
    font-weight: 650;
    cursor: pointer;
}

/* =========================
   TABLA PRINCIPAL
========================= */

.solicitudes-table[b-s5b3nakzzj] {
    background: #ffffff;
    border-radius: 1.35rem;
    box-shadow: var(--sol-shadow);
    border: 1px solid var(--sol-border);
    overflow: hidden;
    animation: sol-fade-up-b-s5b3nakzzj .35s ease both;
}

    .solicitudes-table table[b-s5b3nakzzj] {
        margin-bottom: 0;
    }

    .solicitudes-table thead th[b-s5b3nakzzj] {
        padding: .95rem 1rem;
        font-size: .72rem;
        text-transform: uppercase;
        letter-spacing: .08em;
        color: #5d6678;
        background: linear-gradient(180deg, #f8fafc, #f1f5f9);
        border-bottom: 1px solid var(--sol-border);
        white-space: nowrap;
    }

    .solicitudes-table tbody td[b-s5b3nakzzj] {
        padding: .95rem 1rem;
        border-color: #eef2f7;
        color: var(--sol-text);
        vertical-align: middle;
    }

    .solicitudes-table tbody tr[b-s5b3nakzzj] {
        transition: background-color .18s ease, transform .18s ease, box-shadow .18s ease;
        animation: sol-row-in-b-s5b3nakzzj .35s ease both;
    }

        .solicitudes-table tbody tr:hover[b-s5b3nakzzj] {
            background-color: #f8fbff;
            transform: translateY(-1px);
            box-shadow: inset 4px 0 0 var(--sol-primary);
        }

    .solicitudes-table .fw-semibold[b-s5b3nakzzj] {
        color: var(--sol-text);
        font-weight: 850 !important;
    }

.row-correccion[b-s5b3nakzzj] {
    background: linear-gradient(90deg, rgba(220, 53, 69, .10), rgba(255, 255, 255, .95)) !important;
    box-shadow: inset 5px 0 0 var(--sol-danger) !important;
}

    .row-correccion:hover[b-s5b3nakzzj] {
        background: linear-gradient(90deg, rgba(220, 53, 69, .14), rgba(248, 251, 255, .98)) !important;
    }

/* =========================
   BADGES
========================= */

.badge[b-s5b3nakzzj] {
    border-radius: 999px;
    padding: .36rem .72rem;
    font-weight: 850;
    font-size: .75rem;
    border: 1px solid transparent;
}

.text-bg-primary[b-s5b3nakzzj],
.bg-primary[b-s5b3nakzzj],
.bg-primary-subtle[b-s5b3nakzzj] {
    background: #eef5ff !important;
    color: #084298 !important;
    border-color: #dbe6ff !important;
}

.text-bg-success[b-s5b3nakzzj],
.bg-success[b-s5b3nakzzj],
.bg-success-subtle[b-s5b3nakzzj] {
    background: #e9f8f1 !important;
    color: #146c43 !important;
    border-color: #c7eedb !important;
}

.text-bg-warning[b-s5b3nakzzj],
.bg-warning[b-s5b3nakzzj],
.bg-warning-subtle[b-s5b3nakzzj] {
    background: #fff4e6 !important;
    color: #92400e !important;
    border-color: #ffd8a8 !important;
}

.text-bg-danger[b-s5b3nakzzj],
.bg-danger[b-s5b3nakzzj],
.bg-danger-subtle[b-s5b3nakzzj] {
    background: #fff1f1 !important;
    color: #842029 !important;
    border-color: #ffc9c9 !important;
}

.text-bg-secondary[b-s5b3nakzzj],
.bg-secondary[b-s5b3nakzzj],
.bg-secondary-subtle[b-s5b3nakzzj] {
    background: #f2f4f7 !important;
    color: #667085 !important;
    border-color: #e4e7ec !important;
}

/* =========================
   BOTONES
========================= */

.btn[b-s5b3nakzzj] {
    border-radius: .85rem;
    font-weight: 800;
    transition: transform .15s ease, box-shadow .15s ease, background-color .15s ease, border-color .15s ease;
}

    .btn:hover:not(:disabled)[b-s5b3nakzzj] {
        transform: translateY(-1px);
        box-shadow: 0 .45rem 1rem rgba(15, 23, 42, .13);
    }

    .btn:active:not(:disabled)[b-s5b3nakzzj] {
        transform: translateY(0);
        box-shadow: none;
    }

.btn-primary[b-s5b3nakzzj],
.btn-success[b-s5b3nakzzj],
.btn-danger[b-s5b3nakzzj],
.btn-warning[b-s5b3nakzzj] {
    border: 0;
}

.btn-primary[b-s5b3nakzzj] {
    background: linear-gradient(135deg, #0d6efd, #0a58ca);
}

.btn-success[b-s5b3nakzzj] {
    background: linear-gradient(135deg, #198754, #146c43);
}

.btn-danger[b-s5b3nakzzj] {
    background: linear-gradient(135deg, #dc3545, #b02a37);
}

.btn-warning[b-s5b3nakzzj] {
    color: #3b2f00;
    background: linear-gradient(135deg, #ffc107, #f59f00);
}

.solicitudes-table .btn-sm[b-s5b3nakzzj] {
    width: 2.2rem;
    height: 2.2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    padding: 0;
}

/* =========================
   FORMULARIOS
========================= */

.form-control[b-s5b3nakzzj],
.form-select[b-s5b3nakzzj] {
    border-radius: .9rem;
    border-color: #d8e0ec;
    min-height: 42px;
    transition: border-color .15s ease, box-shadow .15s ease, background-color .15s ease;
}

    .form-control:hover[b-s5b3nakzzj],
    .form-select:hover[b-s5b3nakzzj] {
        border-color: #b9c7dc;
    }

    .form-control:focus[b-s5b3nakzzj],
    .form-select:focus[b-s5b3nakzzj] {
        border-color: rgba(13, 110, 253, .55);
        box-shadow: 0 0 0 .22rem rgba(13, 110, 253, .12);
    }

.form-label[b-s5b3nakzzj] {
    color: #344054;
    font-weight: 800;
    font-size: .88rem;
}

textarea.form-control[b-s5b3nakzzj] {
    min-height: auto;
}

/* =========================
   MODALES GENERALES
========================= */

.modal-content[b-s5b3nakzzj] {
    border: 0;
    border-radius: 1.35rem;
    overflow: hidden;
    box-shadow: 0 28px 80px rgba(15, 23, 42, .30);
    animation: sol-modal-in-b-s5b3nakzzj .26s ease-out both;
    background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
}

.modal-header[b-s5b3nakzzj] {
    position: relative;
    padding: 1rem 1.2rem;
    background: linear-gradient(135deg, #f8fbff, #ffffff), radial-gradient(circle at top right, rgba(13, 110, 253, .12), transparent 35%);
    border-bottom: 1px solid var(--sol-border);
}

    .modal-header[b-s5b3nakzzj]::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 5px;
        background: linear-gradient(180deg, #0d6efd, #20c997);
    }

.modal-title[b-s5b3nakzzj] {
    color: var(--sol-text);
    font-weight: 850;
    letter-spacing: -.01em;
}

.modal-body[b-s5b3nakzzj] {
    padding: 1.15rem 1.2rem 1.25rem;
}

.modal-footer[b-s5b3nakzzj] {
    background: #f8fafc;
    border-top: 1px solid var(--sol-border);
    padding: .95rem 1.2rem;
}

.modal-backdrop.show[b-s5b3nakzzj] {
    opacity: .42;
    backdrop-filter: blur(4px);
}

/* =========================
   MODAL NOTIFICACIÓN
========================= */

.modal-notificacion-simega .modal-content[b-s5b3nakzzj] {
    border-radius: 1.25rem;
}

.modal-notificacion-simega .modal-header[b-s5b3nakzzj] {
    background: linear-gradient(135deg, #f8fbff, #ffffff) !important;
    color: var(--sol-text) !important;
}

    .modal-notificacion-simega .modal-header.bg-success[b-s5b3nakzzj],
    .modal-notificacion-simega .modal-header.bg-danger[b-s5b3nakzzj],
    .modal-notificacion-simega .modal-header.bg-primary[b-s5b3nakzzj] {
        color: var(--sol-text) !important;
    }

    .modal-notificacion-simega .modal-header i[b-s5b3nakzzj] {
        color: var(--sol-primary);
    }

/* =========================
   FILTRO LATERAL
========================= */

.filtro-lateral-modal .modal-dialog[b-s5b3nakzzj] {
    margin: 0 0 0 auto;
    height: 100vh;
    max-width: 430px;
}

.filtro-lateral-modal .modal-content[b-s5b3nakzzj] {
    height: 100vh;
    border-radius: 0;
    box-shadow: -1.4rem 0 3rem rgba(2, 6, 23, .22);
    background: linear-gradient(180deg, #ffffff, #fbfdff);
    animation: sol-slide-right-b-s5b3nakzzj .24s ease both;
}

.filtro-lateral-modal .modal-header[b-s5b3nakzzj] {
    background: linear-gradient(135deg, #f8fbff, #ffffff);
}

.filtro-lateral-modal .modal-body[b-s5b3nakzzj] {
    overflow: auto;
}

.filtro-lateral-modal .modal-footer[b-s5b3nakzzj] {
    justify-content: flex-end;
}

.filtro-checklist[b-s5b3nakzzj] {
    max-height: 280px;
    overflow-y: auto;
    border-color: var(--sol-border) !important;
    border-radius: 1rem !important;
    background: linear-gradient(180deg, #ffffff, #fbfdff);
    padding: .8rem !important;
}

    .filtro-checklist .form-check[b-s5b3nakzzj] {
        padding-top: .32rem;
        padding-bottom: .32rem;
        border-radius: .7rem;
        transition: background-color .15s ease;
    }

        .filtro-checklist .form-check:hover[b-s5b3nakzzj] {
            background: #f8fbff;
        }

/* =========================
   DETALLE SOLICITUD
========================= */

.detalle-solicitud-modal[b-s5b3nakzzj] {
    max-width: min(1500px, 98vw);
}

    .detalle-solicitud-modal .modal-body[b-s5b3nakzzj] {
        max-height: 78vh;
        overflow-y: auto;
        background: #fbfdff;
    }

.solicitud-detalle-hero[b-s5b3nakzzj] {
    position: sticky;
    top: 0;
    z-index: 10;
    border: 1px solid rgba(13, 110, 253, .14);
    border-radius: 1.15rem;
    padding: .85rem 1rem;
    background: linear-gradient(135deg, rgba(13, 110, 253, .08), rgba(255,255,255,.98));
    box-shadow: 0 10px 24px rgba(15, 23, 42, .07);
    backdrop-filter: blur(8px);
}

.detalle-solicitud-modal .border.rounded-3[b-s5b3nakzzj] {
    border-color: var(--sol-border) !important;
    border-radius: 1.15rem !important;
    background: #ffffff;
    box-shadow: 0 12px 28px rgba(15, 23, 42, .06);
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

    .detalle-solicitud-modal .border.rounded-3:hover[b-s5b3nakzzj] {
        transform: translateY(-2px);
        box-shadow: 0 18px 42px rgba(15, 23, 42, .10);
        border-color: rgba(13, 110, 253, .25) !important;
    }

.detalle-solicitud-modal h6[b-s5b3nakzzj] {
    color: var(--sol-text);
    font-weight: 850;
    letter-spacing: -.01em;
    padding-bottom: .45rem;
    margin-bottom: .8rem !important;
    border-bottom: 1px solid #eef2f7;
}

.detalle-solicitud-modal .text-muted[b-s5b3nakzzj] {
    color: var(--sol-muted) !important;
    font-weight: 650;
}

.bg-light-subtle[b-s5b3nakzzj] {
    background: linear-gradient(180deg, #f8fbff, #ffffff) !important;
}

/* =========================
   TABLA PRODUCTOS
========================= */

.tabla-productos-movimiento[b-s5b3nakzzj] {
    min-width: 1050px;
    overflow: hidden;
    border-radius: 1rem;
}

    .tabla-productos-movimiento th[b-s5b3nakzzj] {
        padding: .75rem .85rem;
        text-transform: uppercase;
        font-size: .7rem;
        letter-spacing: .06em;
        color: #5d6678;
        background: linear-gradient(180deg, #f8fafc, #f1f5f9);
        white-space: nowrap;
    }

    .tabla-productos-movimiento td[b-s5b3nakzzj] {
        padding: .75rem .85rem;
        vertical-align: middle;
        white-space: nowrap;
        background: #ffffff;
    }

    .tabla-productos-movimiento tbody tr:hover td[b-s5b3nakzzj] {
        background: #f8fbff;
    }

    .tabla-productos-movimiento td.descripcion-cell[b-s5b3nakzzj],
    .tabla-productos-movimiento td.unidad-cell[b-s5b3nakzzj],
    .tabla-productos-movimiento td.origen-cell[b-s5b3nakzzj] {
        min-width: 220px;
    }

    .tabla-productos-movimiento td.producto-cell[b-s5b3nakzzj] {
        min-width: 220px;
        white-space: normal;
        color: var(--sol-text);
        font-weight: 850 !important;
    }

    .tabla-productos-movimiento input[b-s5b3nakzzj],
    .tabla-productos-movimiento select[b-s5b3nakzzj] {
        min-width: 100%;
    }

/* =========================
   COMPARADOR / PDF
========================= */

embed[b-s5b3nakzzj] {
    border: 1px solid #cfddf1;
    border-radius: 1rem;
    background: #fff;
    box-shadow: 0 12px 28px rgba(15, 23, 42, .08);
}

.resumen-lateral-fijo[b-s5b3nakzzj] {
    position: sticky;
    top: .75rem;
    padding: 1rem;
    border: 1px solid var(--sol-border);
    border-radius: 1.15rem;
    background: #ffffff;
    box-shadow: 0 14px 30px rgba(15, 23, 42, .08);
}

    .resumen-lateral-fijo h6[b-s5b3nakzzj] {
        color: var(--sol-text);
        font-weight: 850;
        padding-bottom: .45rem;
        border-bottom: 1px solid #eef2f7;
    }

    .resumen-lateral-fijo div[b-s5b3nakzzj] {
        margin-bottom: .45rem;
    }

    .resumen-lateral-fijo .text-muted[b-s5b3nakzzj] {
        color: var(--sol-muted) !important;
        font-weight: 800;
    }

/* =========================
   CONFIRMACIONES
========================= */

.modal-confirmacion-dictamen .modal-dialog[b-s5b3nakzzj] {
    max-width: 520px;
}

.modal-confirmacion-dictamen .modal-header[b-s5b3nakzzj]::before {
    background: linear-gradient(180deg, #f59f00, #dc3545);
}

.modal-content.border-danger[b-s5b3nakzzj] {
    border: 1px solid #ffc9c9 !important;
}

    .modal-content.border-danger .modal-header[b-s5b3nakzzj]::before {
        background: linear-gradient(180deg, #dc3545, #b02a37);
    }

/* =========================
   NUEVA SOLICITUD
========================= */

.modal .bi-bell-fill[b-s5b3nakzzj] {
    color: var(--sol-primary) !important;
}

/* =========================
   ANIMACIONES
========================= */

@keyframes sol-page-in-b-s5b3nakzzj {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

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

@keyframes sol-fade-up-b-s5b3nakzzj {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

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

@keyframes sol-row-in-b-s5b3nakzzj {
    from {
        opacity: 0;
        transform: translateY(7px);
    }

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

@keyframes sol-modal-in-b-s5b3nakzzj {
    from {
        opacity: 0;
        transform: translateY(16px) scale(.98);
    }

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

@keyframes sol-slide-right-b-s5b3nakzzj {
    from {
        opacity: 0;
        transform: translateX(24px);
    }

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

/* =========================
   RESPONSIVE
========================= */

@media (max-width: 992px) {
    .detalle-solicitud-modal[b-s5b3nakzzj] {
        max-width: 96vw;
    }

    .resumen-lateral-fijo[b-s5b3nakzzj] {
        position: static;
    }

    embed[b-s5b3nakzzj] {
        height: 520px !important;
    }
}

@media (max-width: 768px) {
    .empresas-header[b-s5b3nakzzj] {
        padding: 1.15rem;
        border-radius: 1.2rem;
    }

        .empresas-header h1[b-s5b3nakzzj] {
            font-size: 1.55rem;
        }

    .card.mb-3 .col-lg-4.col-md-12.d-flex[b-s5b3nakzzj] {
        flex-direction: column;
    }

        .card.mb-3 .col-lg-4.col-md-12.d-flex .btn[b-s5b3nakzzj] {
            width: 100%;
        }

    .solicitudes-table .btn-sm[b-s5b3nakzzj] {
        width: 2.05rem;
        height: 2.05rem;
    }

    .modal-footer[b-s5b3nakzzj] {
        flex-direction: column;
        align-items: stretch;
    }

        .modal-footer .btn[b-s5b3nakzzj] {
            width: 100%;
        }

    .filtro-lateral-modal .modal-dialog[b-s5b3nakzzj] {
        max-width: 92vw;
    }

    .detalle-solicitud-modal .modal-body[b-s5b3nakzzj] {
        max-height: 74vh;
    }

    embed[b-s5b3nakzzj] {
        height: 460px !important;
    }
}

@media (max-width: 520px) {
    .solicitud-detalle-hero[b-s5b3nakzzj] {
        position: static;
    }

    .empresas-header h1[b-s5b3nakzzj]::before {
        font-size: .7rem;
    }

    .badge[b-s5b3nakzzj] {
        white-space: normal;
        text-align: left;
    }
}

.solicitudes-documentos-modal[b-s5b3nakzzj] {
    max-width: min(96vw, 1800px);
}

.solicitudes-documentos-layout[b-s5b3nakzzj] {
    align-items: stretch;
}

@media (min-width: 1200px) {
    .solicitudes-documentos-layout > .col-xl-10[b-s5b3nakzzj] {
        width: 80%;
    }

    .solicitudes-documentos-layout > .col-xl-2[b-s5b3nakzzj] {
        width: 20%;
    }
}


.solicitudes-documentos-modal .modal-body[b-s5b3nakzzj] {
    max-height: 86vh;
}

.solicitudes-documentos-pdf[b-s5b3nakzzj] {
    width: 100%;
    height: clamp(560px, 74vh, 900px);
}

.pdf-loading-message[b-s5b3nakzzj] {
    position: absolute;
    inset: 0;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .85rem;
    min-height: 420px;
    background: rgba(255, 255, 255, .92);
    color: #0b2f5b;
    font-weight: 700;
}


.pdf-detalle-backdrop[b-s5b3nakzzj] {
    z-index: 3000;
}

.pdf-detalle-top[b-s5b3nakzzj] {
    z-index: 3010;
}

.pdf-detalle-frame[b-s5b3nakzzj] {
    width: 100%;
    height: 720px;
    border: 0;
}

@media (max-width: 575.98px) {
    .solicitudes-table[b-s5b3nakzzj] {
        display: block;
        width: 100%;
        max-width: 100%;
        overflow-x: auto !important;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        overscroll-behavior-inline: contain;
    }

    .solicitudes-table table[b-s5b3nakzzj] {
        width: max-content !important;
        min-width: 920px;
        max-width: none !important;
    }

    .solicitudes-table thead th[b-s5b3nakzzj],
    .solicitudes-table tbody td[b-s5b3nakzzj] {
        white-space: nowrap;
    }

    .solicitudes-table tbody td:nth-child(3)[b-s5b3nakzzj],
    .solicitudes-table tbody td:nth-child(4)[b-s5b3nakzzj],
    .solicitudes-table tbody td:nth-child(6)[b-s5b3nakzzj] {
        min-width: 150px;
        max-width: 220px;
        white-space: normal;
    }

    .solicitudes-table tbody td:last-child[b-s5b3nakzzj] {
        min-width: 220px;
        white-space: nowrap;
    }
}
/* /Components/Pages/Permisos/Contribuyentes/Contribuyentes.razor.rz.scp.css */
/* =========================
   CONTRIBUYENTES - EST�TICA PREMIUM
========================= */

.contribuyentes-hero[b-vticpy46tx] {
    position: relative;
    overflow: hidden;
    border-radius: 1.45rem;
    border: 1px solid rgba(13, 110, 253, .14);
    background: linear-gradient(135deg, rgba(13, 110, 253, .12), rgba(255, 255, 255, .95)), radial-gradient(circle at top right, rgba(25, 135, 84, .15), transparent 42%), radial-gradient(circle at bottom left, rgba(13, 110, 253, .08), transparent 34%);
    padding: 1.45rem 1.55rem;
    box-shadow: 0 16px 40px rgba(15, 23, 42, .09);
    animation: contrib-page-in-b-vticpy46tx .35s ease both;
}

    .contribuyentes-hero[b-vticpy46tx]::before {
        content: "";
        position: absolute;
        width: 210px;
        height: 210px;
        right: -80px;
        top: -90px;
        border-radius: 50%;
        background: rgba(13, 110, 253, .12);
        pointer-events: none;
    }

    .contribuyentes-hero[b-vticpy46tx]::after {
        content: "";
        position: absolute;
        width: 115px;
        height: 115px;
        left: -45px;
        bottom: -55px;
        border-radius: 50%;
        background: rgba(25, 135, 84, .09);
        pointer-events: none;
    }

.hero-glow[b-vticpy46tx] {
    position: absolute;
    width: 16rem;
    height: 16rem;
    right: -4.5rem;
    top: -5.5rem;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(13, 110, 253, .25) 0%, rgba(13, 110, 253, 0) 72%);
    animation: pulseGlow-b-vticpy46tx 5s ease-in-out infinite;
}

.hero-content[b-vticpy46tx] {
    position: relative;
    z-index: 1;
}

    .hero-content h1[b-vticpy46tx] {
        margin: 0;
        color: #172033;
        font-size: clamp(1.65rem, 2.5vw, 2.15rem);
        font-weight: 850;
        letter-spacing: -.035em;
    }

        .hero-content h1[b-vticpy46tx]::before {
            content: "Validaci�n administrativa";
            display: inline-flex;
            align-items: center;
            width: fit-content;
            margin-bottom: .45rem;
            padding: .25rem .7rem;
            border-radius: 999px;
            color: #084298;
            background: rgba(13, 110, 253, .09);
            border: 1px solid rgba(13, 110, 253, .14);
            font-size: .78rem;
            font-weight: 850;
            letter-spacing: .05em;
            text-transform: uppercase;
        }

    .hero-content p[b-vticpy46tx] {
        margin-top: .3rem;
        color: #667085 !important;
        font-size: .97rem;
    }

/* =========================
   ALERTAS
========================= */

.alert[b-vticpy46tx] {
    border: 0;
    border-radius: 1rem;
    padding: .95rem 1rem;
    box-shadow: 0 12px 30px rgba(15, 23, 42, .08);
    animation: fadeUp-b-vticpy46tx .25s ease both;
}

.alert-success[b-vticpy46tx] {
    color: #146c43;
    background: linear-gradient(135deg, #e9f8f1, #ffffff);
    border: 1px solid #c7eedb;
}

.alert-danger[b-vticpy46tx] {
    color: #842029;
    background: linear-gradient(135deg, #fff1f1, #ffffff);
    border: 1px solid #ffc9c9;
}

.alert-info[b-vticpy46tx] {
    color: #075985;
    background: linear-gradient(135deg, #e0f2fe, #ffffff);
    border: 1px solid #bae6fd;
}

/* =========================
   LOADING / EMPTY
========================= */

p:not(.text-muted)[b-vticpy46tx] {
    color: #667085;
}

body p:has(+ .contribuyentes-stats)[b-vticpy46tx] {
    display: none;
}

/* =========================
   ESTAD�STICAS
========================= */

.contribuyentes-stats[b-vticpy46tx] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(165px, 1fr));
    gap: .9rem;
}

.stat-card[b-vticpy46tx] {
    position: relative;
    overflow: hidden;
    border: 1px solid #e5eaf3;
    background: linear-gradient(180deg, #ffffff, #fbfdff);
    border-radius: 1.25rem;
    padding: 1rem;
    box-shadow: 0 12px 28px rgba(15, 23, 42, .06);
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
    animation: fadeUp-b-vticpy46tx .35s ease both;
}

    .stat-card[b-vticpy46tx]::before {
        content: "";
        position: absolute;
        inset: 0 auto 0 0;
        width: 5px;
        background: linear-gradient(180deg, #0d6efd, #20c997);
        opacity: .72;
    }

    .stat-card[b-vticpy46tx]::after {
        content: "";
        position: absolute;
        width: 105px;
        height: 105px;
        right: -45px;
        bottom: -55px;
        border-radius: 50%;
        background: rgba(13, 110, 253, .07);
        pointer-events: none;
    }

    .stat-card:hover[b-vticpy46tx] {
        transform: translateY(-4px);
        box-shadow: 0 20px 48px rgba(15, 23, 42, .13);
        border-color: rgba(13, 110, 253, .35);
        background: linear-gradient(180deg, #ffffff, #f8fbff);
    }

.stat-label[b-vticpy46tx] {
    position: relative;
    z-index: 1;
    font-size: .78rem;
    text-transform: uppercase;
    letter-spacing: .045em;
    color: #667085;
    font-weight: 850;
}

.stat-value[b-vticpy46tx] {
    position: relative;
    z-index: 1;
    margin-top: .3rem;
    font-size: 2rem;
    font-weight: 850;
    color: #172033;
    line-height: 1;
}

/* =========================
   TOOLBAR FILTROS
========================= */

.contribuyentes-filter-toolbar[b-vticpy46tx] {
    border: 1px solid #e5eaf3;
    border-radius: 1.15rem;
    padding: .9rem 1rem;
    background: linear-gradient(135deg, rgba(13, 110, 253, .045), rgba(255, 255, 255, .98));
    box-shadow: 0 12px 28px rgba(15, 23, 42, .06);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .85rem;
    animation: fadeUp-b-vticpy46tx .35s ease both;
}

    .contribuyentes-filter-toolbar strong[b-vticpy46tx] {
        color: #172033;
        font-weight: 850;
    }

    .contribuyentes-filter-toolbar .btn[b-vticpy46tx] {
        border-radius: .85rem;
        font-weight: 800;
    }

/* =========================
   TABLA PRINCIPAL
========================= */

.contribuyentes-table-wrap[b-vticpy46tx] {
    background: #ffffff;
    border-radius: 1.35rem;
    box-shadow: 0 16px 40px rgba(15, 23, 42, .09);
    padding: 0;
    border: 1px solid #e5eaf3;
    overflow: hidden;
    animation: fadeUp-b-vticpy46tx .35s ease-out both;
}

    .contribuyentes-table-wrap table[b-vticpy46tx] {
        margin-bottom: 0;
    }

    .contribuyentes-table-wrap thead th[b-vticpy46tx] {
        padding: .95rem 1rem;
        font-size: .72rem;
        text-transform: uppercase;
        letter-spacing: .08em;
        color: #5d6678;
        background: linear-gradient(180deg, #f8fafc, #f1f5f9);
        border-bottom: 1px solid #e5eaf3;
        white-space: nowrap;
    }

    .contribuyentes-table-wrap tbody td[b-vticpy46tx] {
        padding: .95rem 1rem;
        border-color: #eef2f7;
        color: #172033;
        vertical-align: middle;
    }

    .contribuyentes-table-wrap tbody tr[b-vticpy46tx] {
        transition: background-color .18s ease, transform .18s ease, box-shadow .18s ease;
    }

        .contribuyentes-table-wrap tbody tr:hover[b-vticpy46tx] {
            background-color: #f8fbff;
            transform: translateY(-1px);
            box-shadow: inset 4px 0 0 #0d6efd;
        }

.row-fade-in[b-vticpy46tx] {
    animation: rowIn-b-vticpy46tx .35s ease both;
}

.contribuyentes-table-wrap .fw-semibold[b-vticpy46tx] {
    color: #172033;
    font-weight: 850 !important;
}

.contribuyentes-table-wrap .small.text-muted[b-vticpy46tx] {
    color: #667085 !important;
}

/* =========================
   BADGES
========================= */

.badge[b-vticpy46tx] {
    border-radius: 999px;
    padding: .35rem .7rem;
    font-weight: 850;
    font-size: .75rem;
    border: 1px solid transparent;
}

.bg-success-subtle[b-vticpy46tx] {
    color: #146c43 !important;
    background: #e9f8f1 !important;
    border-color: #c7eedb;
}

.bg-warning-subtle[b-vticpy46tx] {
    color: #92400e !important;
    background: #fff4e6 !important;
    border-color: #ffd8a8;
}

.bg-primary-subtle[b-vticpy46tx] {
    color: #084298 !important;
    background: #eef5ff !important;
    border-color: #dbe6ff;
}

.bg-danger-subtle[b-vticpy46tx] {
    color: #842029 !important;
    background: #fff1f1 !important;
    border-color: #ffc9c9;
}

/* =========================
   BOT�N VER
========================= */

.btn-view[b-vticpy46tx] {
    border-radius: 999px;
    width: 2.25rem;
    height: 2.25rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #0d6efd;
    background: #ffffff;
    border: 1px solid #dbe6ff;
    box-shadow: 0 .45rem 1rem rgba(13, 110, 253, .16);
    transition: transform .15s ease, box-shadow .15s ease, background-color .15s ease, border-color .15s ease;
}

    .btn-view:hover[b-vticpy46tx] {
        color: #ffffff;
        background: linear-gradient(135deg, #0d6efd, #0a58ca);
        border-color: transparent;
        transform: translateY(-1px);
        box-shadow: 0 .65rem 1.25rem rgba(13, 110, 253, .24);
    }

/* =========================
   PANEL LATERAL FILTROS
========================= */

.filtros-lateral-backdrop[b-vticpy46tx] {
    position: fixed;
    inset: 0;
    background: rgba(2, 6, 23, .45);
    backdrop-filter: blur(4px);
    z-index: 1090;
    animation: fadeIn-b-vticpy46tx .2s ease both;
}

.filtros-lateral-panel[b-vticpy46tx] {
    position: fixed;
    top: 0;
    right: 0;
    width: min(92vw, 430px);
    height: 100vh;
    background: linear-gradient(180deg, #ffffff, #fbfdff);
    border-left: 1px solid rgba(13, 110, 253, .14);
    box-shadow: -1.4rem 0 3rem rgba(2, 6, 23, .22);
    z-index: 1095;
    display: flex;
    flex-direction: column;
    animation: slideInRight-b-vticpy46tx .24s ease-out;
}

.filtros-lateral-header[b-vticpy46tx] {
    position: relative;
    padding: 1.05rem 1rem;
    border-bottom: 1px solid #e5eaf3;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    background: linear-gradient(135deg, #f8fbff, #ffffff);
}

    .filtros-lateral-header[b-vticpy46tx]::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 5px;
        background: linear-gradient(180deg, #0d6efd, #20c997);
    }

    .filtros-lateral-header h5[b-vticpy46tx] {
        color: #172033;
        font-weight: 850;
    }

.filtros-lateral-body[b-vticpy46tx] {
    padding: 1rem;
    overflow: auto;
}

    .filtros-lateral-body .form-label[b-vticpy46tx] {
        color: #344054 !important;
        font-weight: 800;
        text-transform: uppercase;
        letter-spacing: .04em;
    }

.filtros-lateral-footer[b-vticpy46tx] {
    padding: 1rem;
    border-top: 1px solid #e5eaf3;
    margin-top: auto;
    background: #f8fafc;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: .65rem;
}

    .filtros-lateral-footer .btn[b-vticpy46tx] {
        border-radius: .85rem;
        font-weight: 800;
    }

/* =========================
   MODAL PRINCIPAL
========================= */

.modal-glass .modal-content[b-vticpy46tx] {
    border: 0;
    box-shadow: 0 28px 80px rgba(15, 23, 42, .30);
    border-radius: 1.45rem;
    overflow: hidden;
    animation: modalPop-b-vticpy46tx .26s ease-out both;
    background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
}

.modal-contribuyentes[b-vticpy46tx] {
    width: min(94vw, 1580px);
    max-width: none;
    margin: .75rem auto;
}

.modal-glass .modal-header[b-vticpy46tx] {
    position: relative;
    background: linear-gradient(135deg, #f8fbff, #ffffff), radial-gradient(circle at top right, rgba(13, 110, 253, .12), transparent 35%);
    border-bottom: 1px solid #e5eaf3;
    padding: 1rem 1.2rem;
}

    .modal-glass .modal-header[b-vticpy46tx]::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 5px;
        background: linear-gradient(180deg, #0d6efd, #dc3545);
    }

.modal-glass .modal-title[b-vticpy46tx] {
    color: #172033;
    font-weight: 850;
    letter-spacing: -.01em;
}

.modal-glass .modal-body[b-vticpy46tx] {
    max-height: min(84vh, 980px);
    overflow: auto;
    padding: 1.15rem 1.2rem 1.25rem;
}

    .modal-glass .modal-body > p[b-vticpy46tx] {
        padding: .75rem .9rem;
        border: 1px solid #e5eaf3;
        border-radius: 1rem;
        color: #667085;
        background: #f8fafc;
    }

.modal-glass .modal-footer[b-vticpy46tx] {
    background: #f8fafc;
    border-top: 1px solid #e5eaf3;
    padding: .95rem 1.2rem;
}

/* =========================
   PDF PREVIEW
========================= */

.pdf-preview-panel[b-vticpy46tx] {
    border: 1px solid #dbe6ff;
    border-radius: 1.2rem;
    padding: .95rem;
    background: linear-gradient(180deg, #f8fbff 0%, #f5f9ff 100%);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .7), 0 12px 28px rgba(15, 23, 42, .06);
}

    .pdf-preview-panel .small.text-muted[b-vticpy46tx] {
        display: inline-flex;
        align-items: center;
        gap: .4rem;
        padding: .35rem .65rem;
        border-radius: 999px;
        color: #842029 !important;
        background: #fff1f1;
        border: 1px solid #ffc9c9;
        font-weight: 850;
    }

.pdf-preview-frame[b-vticpy46tx] {
    width: 100%;
    min-height: min(70vh, 820px);
    border: 1px solid #cfddf1;
    border-radius: .9rem;
    background: #fff;
    box-shadow: inset 0 0 0 1px rgba(13, 110, 253, .03);
}

.pdf-preview-empty[b-vticpy46tx] {
    min-height: 180px;
    border-radius: 1rem;
    border: 1px dashed #c4d3ef;
    color: #667085;
    background: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 1rem;
    font-weight: 700;
}

/* =========================
   PANEL DETALLE
========================= */

.detalle-form-panel[b-vticpy46tx] {
    border: 1px solid #e5eaf3;
    border-radius: 1.2rem;
    background: #ffffff;
    box-shadow: 0 14px 30px rgba(15, 23, 42, .08);
    padding: 1rem;
}

    .detalle-form-panel .small.text-muted[b-vticpy46tx] {
        color: #667085 !important;
        font-weight: 800;
        text-transform: uppercase;
        letter-spacing: .035em;
        font-size: .72rem;
    }

    .detalle-form-panel .fw-semibold[b-vticpy46tx] {
        color: #172033;
        font-weight: 850 !important;
    }

/* =========================
   FORMULARIOS
========================= */

.form-control[b-vticpy46tx],
.form-select[b-vticpy46tx] {
    border-radius: .9rem;
    border-color: #d8e0ec;
    min-height: 42px;
    transition: border-color .15s ease, box-shadow .15s ease, background-color .15s ease;
}

    .form-control:hover[b-vticpy46tx],
    .form-select:hover[b-vticpy46tx] {
        border-color: #b9c7dc;
    }

    .form-control:focus[b-vticpy46tx],
    .form-select:focus[b-vticpy46tx] {
        border-color: rgba(13, 110, 253, .55);
        box-shadow: 0 0 0 .22rem rgba(13, 110, 253, .12);
    }

/* =========================
   CONFIRMACI�N ACCIONES
========================= */

.modal-action-confirm[b-vticpy46tx] {
    z-index: 1085;
}

    .modal-action-confirm .modal-content[b-vticpy46tx] {
        border: 0;
        border-radius: 1.25rem;
        box-shadow: 0 26px 78px rgba(15, 23, 42, .28);
        overflow: hidden;
        animation: modalPop-b-vticpy46tx .24s ease-out both;
    }

    .modal-action-confirm .modal-header[b-vticpy46tx] {
        background: linear-gradient(135deg, #f8fbff, #ffffff);
        border-bottom: 1px solid #e5eaf3;
    }

    .modal-action-confirm .modal-title[b-vticpy46tx] {
        color: #172033;
        font-weight: 850;
    }

.modal-action-backdrop[b-vticpy46tx] {
    z-index: 1080;
    background-color: rgba(2, 6, 23, .45);
    backdrop-filter: blur(4px);
}

/* =========================
   BOTONES GENERALES
========================= */

.btn[b-vticpy46tx] {
    border-radius: .85rem;
    font-weight: 800;
    transition: transform .15s ease, box-shadow .15s ease, background-color .15s ease, border-color .15s ease;
}

    .btn:hover:not(:disabled)[b-vticpy46tx] {
        transform: translateY(-1px);
        box-shadow: 0 .45rem 1rem rgba(15, 23, 42, .13);
    }

    .btn:active:not(:disabled)[b-vticpy46tx] {
        transform: translateY(0);
        box-shadow: none;
    }

.btn-primary[b-vticpy46tx],
.btn-success[b-vticpy46tx],
.btn-danger[b-vticpy46tx] {
    border: 0;
}

.btn-primary[b-vticpy46tx] {
    background: linear-gradient(135deg, #0d6efd, #0a58ca);
}

.btn-success[b-vticpy46tx] {
    background: linear-gradient(135deg, #198754, #146c43);
}

.btn-danger[b-vticpy46tx] {
    background: linear-gradient(135deg, #dc3545, #b02a37);
}

/* =========================
   BACKDROPS
========================= */

.modal-backdrop.show[b-vticpy46tx] {
    opacity: .42;
    backdrop-filter: blur(4px);
}

/* =========================
   ANIMACIONES
========================= */

@keyframes contrib-page-in-b-vticpy46tx {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

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

@keyframes rowIn-b-vticpy46tx {
    from {
        opacity: 0;
        transform: translateY(7px);
    }

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

@keyframes pulseGlow-b-vticpy46tx {
    0%, 100% {
        transform: scale(1);
        opacity: .65;
    }

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

@keyframes fadeUp-b-vticpy46tx {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

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

@keyframes fadeIn-b-vticpy46tx {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes modalPop-b-vticpy46tx {
    from {
        opacity: 0;
        transform: translateY(16px) scale(.98);
    }

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

@keyframes slideInRight-b-vticpy46tx {
    from {
        opacity: 0;
        transform: translateX(24px);
    }

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

/* =========================
   RESPONSIVE
========================= */

@media (max-width: 992px) {
    .modal-contribuyentes[b-vticpy46tx] {
        width: min(96vw, 100%);
    }

    .pdf-preview-frame[b-vticpy46tx] {
        min-height: 58vh;
    }
}

@media (max-width: 768px) {
    .contribuyentes-hero[b-vticpy46tx] {
        padding: 1.15rem;
        border-radius: 1.2rem;
    }

    .contribuyentes-stats[b-vticpy46tx] {
        grid-template-columns: repeat(2, 1fr);
    }

    .contribuyentes-filter-toolbar[b-vticpy46tx] {
        flex-direction: column;
        align-items: flex-start;
    }

        .contribuyentes-filter-toolbar .btn[b-vticpy46tx] {
            width: 100%;
        }

    .filtros-lateral-footer[b-vticpy46tx] {
        flex-direction: column;
    }

        .filtros-lateral-footer .btn[b-vticpy46tx] {
            width: 100%;
        }

    .modal-glass .modal-footer[b-vticpy46tx] {
        flex-direction: column;
        align-items: stretch;
    }

        .modal-glass .modal-footer .btn[b-vticpy46tx] {
            width: 100%;
        }
}

@media (max-width: 520px) {
    .contribuyentes-stats[b-vticpy46tx] {
        grid-template-columns: 1fr;
    }

    .hero-content h1[b-vticpy46tx] {
        font-size: 1.55rem;
    }

    .stat-value[b-vticpy46tx] {
        font-size: 1.75rem;
    }
}
/* /Components/Pages/Permisos/Empresas/Permisos/Empresas/Empresas.razor.rz.scp.css */
:root[b-jmlg8ou2nm] {
    --emp-primary: #0d6efd;
    --emp-primary-dark: #084298;
    --emp-success: #198754;
    --emp-warning: #f59f00;
    --emp-danger: #dc3545;
    --emp-muted: #667085;
    --emp-text: #172033;
    --emp-border: #e5eaf3;
    --emp-card: #ffffff;
    --emp-soft: #f8fafc;
    --emp-shadow: 0 16px 40px rgba(15, 23, 42, .09);
    --emp-shadow-hover: 0 22px 55px rgba(15, 23, 42, .15);
}

/* ================================
   ENCABEZADO
================================ */

.empresas-header[b-jmlg8ou2nm] {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1.25rem;
    margin-bottom: 1.25rem;
    padding: 1.45rem 1.55rem;
    border-radius: 1.45rem;
    border: 1px solid rgba(13, 110, 253, .14);
    background: linear-gradient(135deg, rgba(13, 110, 253, .12), rgba(255, 255, 255, .95)), radial-gradient(circle at top right, rgba(25, 135, 84, .14), transparent 42%), radial-gradient(circle at bottom left, rgba(13, 110, 253, .08), transparent 34%);
    box-shadow: var(--emp-shadow);
    overflow: hidden;
    animation: emp-page-in-b-jmlg8ou2nm .35s ease both;
}

    .empresas-header[b-jmlg8ou2nm]::before {
        content: "";
        position: absolute;
        width: 210px;
        height: 210px;
        right: -80px;
        top: -90px;
        border-radius: 50%;
        background: rgba(13, 110, 253, .12);
        pointer-events: none;
    }

    .empresas-header[b-jmlg8ou2nm]::after {
        content: "";
        position: absolute;
        width: 115px;
        height: 115px;
        left: -45px;
        bottom: -55px;
        border-radius: 50%;
        background: rgba(25, 135, 84, .09);
        pointer-events: none;
    }

    .empresas-header h1[b-jmlg8ou2nm] {
        position: relative;
        z-index: 1;
        margin: 0;
        color: var(--emp-text);
        font-size: clamp(1.65rem, 2.5vw, 2.15rem);
        font-weight: 850;
        letter-spacing: -.035em;
    }

        .empresas-header h1[b-jmlg8ou2nm]::before {
            /* content: "Panel de solicitudes";*/
            display: inline-flex;
            align-items: center;
            width: fit-content;
            margin-bottom: .45rem;
            padding: .25rem .7rem;
            border-radius: 999px;
            color: var(--emp-primary-dark);
            background: rgba(13, 110, 253, .09);
            border: 1px solid rgba(13, 110, 253, .14);
            font-size: .78rem;
            font-weight: 850;
            letter-spacing: .05em;
            text-transform: uppercase;
        }

/* ================================
   KPIS
================================ */

.empresas-kpi-row[b-jmlg8ou2nm] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
    gap: .9rem;
    margin-bottom: 1rem;
}

.kpi-card[b-jmlg8ou2nm] {
    position: relative;
    overflow: hidden;
    border: 1px solid var(--emp-border);
    border-radius: 1.25rem;
    padding: 1rem;
    background: linear-gradient(180deg, #ffffff, #fbfdff);
    box-shadow: 0 12px 28px rgba(15, 23, 42, .06);
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
    animation: slideInUp-b-jmlg8ou2nm .35s ease both;
}

    .kpi-card[b-jmlg8ou2nm]::before {
        content: "";
        position: absolute;
        inset: 0 auto 0 0;
        width: 5px;
        background: linear-gradient(180deg, #0d6efd, #20c997);
        opacity: .72;
    }

    .kpi-card[b-jmlg8ou2nm]::after {
        content: "";
        position: absolute;
        width: 105px;
        height: 105px;
        right: -45px;
        bottom: -55px;
        border-radius: 50%;
        background: rgba(13, 110, 253, .07);
        pointer-events: none;
    }

    .kpi-card:hover[b-jmlg8ou2nm] {
        transform: translateY(-4px);
        box-shadow: var(--emp-shadow-hover);
        border-color: rgba(13, 110, 253, .35);
        background: linear-gradient(180deg, #ffffff, #f8fbff);
    }

.kpi-card-primary[b-jmlg8ou2nm] {
    color: #fff;
    border: 1px solid rgba(255, 255, 255, .18);
    background: linear-gradient(135deg, #0b2652, #164a8a 52%, #1f6ec5), radial-gradient(circle at top right, rgba(255,255,255,.24), transparent 40%);
    box-shadow: 0 20px 50px rgba(10, 31, 66, .22);
}

    .kpi-card-primary[b-jmlg8ou2nm]::before {
        background: linear-gradient(180deg, #ffffff, #20c997);
        opacity: .65;
    }

    .kpi-card-primary[b-jmlg8ou2nm]::after {
        background: rgba(255, 255, 255, .12);
    }

.kpi-label[b-jmlg8ou2nm] {
    position: relative;
    z-index: 1;
    font-size: .78rem;
    color: var(--emp-muted);
    font-weight: 850;
    text-transform: uppercase;
    letter-spacing: .045em;
    opacity: 1;
}

.kpi-card-primary .kpi-label[b-jmlg8ou2nm] {
    color: rgba(255, 255, 255, .86);
}

.kpi-value[b-jmlg8ou2nm] {
    position: relative;
    z-index: 1;
    margin-top: .3rem;
    font-size: 2rem;
    font-weight: 850;
    color: var(--emp-text);
    line-height: 1;
}

.kpi-card-primary .kpi-value[b-jmlg8ou2nm] {
    color: #fff;
}

/* ================================
   TABLAS
================================ */

.solicitudes-table[b-jmlg8ou2nm] {
    background: #fff;
    border: 1px solid var(--emp-border);
    border-radius: 1.35rem;
    box-shadow: var(--emp-shadow);
    padding: 0;
    overflow: hidden;
    animation: fadeIn-b-jmlg8ou2nm .35s ease both;
}

    .solicitudes-table table[b-jmlg8ou2nm] {
        margin-bottom: 0;
    }

    .solicitudes-table thead th[b-jmlg8ou2nm] {
        padding: .95rem 1rem;
        font-size: .72rem;
        text-transform: uppercase;
        letter-spacing: .08em;
        color: #5d6678;
        background: linear-gradient(180deg, #f8fafc, #f1f5f9);
        border-bottom: 1px solid var(--emp-border);
        white-space: nowrap;
    }

    .solicitudes-table tbody td[b-jmlg8ou2nm] {
        padding: .95rem 1rem;
        border-color: #eef2f7;
        color: var(--emp-text);
        vertical-align: middle;
    }

    .solicitudes-table tbody tr[b-jmlg8ou2nm] {
        transition: background-color .18s ease, transform .18s ease, box-shadow .18s ease;
    }

        .solicitudes-table tbody tr:hover[b-jmlg8ou2nm] {
            background-color: #f8fbff;
            transform: translateY(-1px);
            box-shadow: inset 4px 0 0 var(--emp-primary);
        }

/* ================================
   MODAL DE AVISOS - SIMEGA
================================ */

.aviso-backdrop[b-jmlg8ou2nm] {
    background: radial-gradient(circle at top left, rgba(37, 99, 235, .22), transparent 34%), radial-gradient(circle at bottom right, rgba(22, 163, 74, .18), transparent 36%), rgba(15, 23, 42, .62);
    backdrop-filter: blur(6px);
}

.aviso-modal-layer[b-jmlg8ou2nm] {
    z-index: 1055;
}

.aviso-carrusel-modal[b-jmlg8ou2nm] {
    border: 0;
    border-radius: 1.35rem;
    overflow: hidden;
    background: linear-gradient(165deg, #f8fbff 0%, #f3f7ff 35%, #ffffff 100%);
    box-shadow: 0 28px 80px rgba(15, 23, 42, .30);
    backdrop-filter: blur(6px);
    animation: emp-modal-in-b-jmlg8ou2nm .26s ease-out both;
}

    .aviso-carrusel-modal .modal-header[b-jmlg8ou2nm] {
        border-bottom: 1px solid var(--emp-border);
    }

    .aviso-carrusel-modal.tema-modal-info[b-jmlg8ou2nm] {
        border-top: 5px solid #2563eb;
        box-shadow: 0 1.2rem 2.4rem rgba(37, 99, 235, .17);
    }

    .aviso-carrusel-modal.tema-modal-success[b-jmlg8ou2nm] {
        border-top: 5px solid #16a34a;
        box-shadow: 0 1.2rem 2.4rem rgba(22, 163, 74, .18);
    }

    .aviso-carrusel-modal.tema-modal-warning[b-jmlg8ou2nm] {
        border-top: 5px solid #d97706;
        box-shadow: 0 1.2rem 2.4rem rgba(217, 119, 6, .20);
    }

    .aviso-carrusel-modal.tema-modal-danger[b-jmlg8ou2nm] {
        border-top: 5px solid #dc2626;
        box-shadow: 0 1.2rem 2.4rem rgba(220, 38, 38, .22);
    }

    .aviso-carrusel-modal.tema-modal-info .modal-header[b-jmlg8ou2nm] {
        background: linear-gradient(90deg, #eef4ff, #ffffff 70%);
    }

    .aviso-carrusel-modal.tema-modal-success .modal-header[b-jmlg8ou2nm] {
        background: linear-gradient(90deg, #ecfdf3, #ffffff 70%);
    }

    .aviso-carrusel-modal.tema-modal-warning .modal-header[b-jmlg8ou2nm] {
        background: linear-gradient(90deg, #fff8ea, #ffffff 70%);
    }

    .aviso-carrusel-modal.tema-modal-danger .modal-header[b-jmlg8ou2nm] {
        background: linear-gradient(90deg, #fff1f1, #ffffff 70%);
    }

.aviso-progress-info[b-jmlg8ou2nm] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: .5rem;
    color: var(--emp-muted);
    font-size: .78rem;
    font-weight: 850;
}

.aviso-progress-track[b-jmlg8ou2nm] {
    height: .55rem;
    width: 100%;
    border-radius: 999px;
    background: #e6edf7;
    overflow: hidden;
    box-shadow: inset 0 1px 2px rgba(15, 23, 42, .08);
}

.aviso-progress-fill[b-jmlg8ou2nm] {
    height: 100%;
    border-radius: 999px;
    transition: width .32s ease;
}

    .aviso-progress-fill.tema-info[b-jmlg8ou2nm] {
        background: linear-gradient(90deg, #3b82f6, #2563eb);
    }

    .aviso-progress-fill.tema-success[b-jmlg8ou2nm] {
        background: linear-gradient(90deg, #22c55e, #16a34a);
    }

    .aviso-progress-fill.tema-warning[b-jmlg8ou2nm] {
        background: linear-gradient(90deg, #f59e0b, #d97706);
    }

    .aviso-progress-fill.tema-danger[b-jmlg8ou2nm] {
        background: linear-gradient(90deg, #ef4444, #dc2626);
    }

.aviso-slide[b-jmlg8ou2nm] {
    min-height: 230px;
    border: 1px solid #dce8ff;
    border-radius: 1.15rem;
    background: #fff;
    animation: fadeIn-b-jmlg8ou2nm .25s ease;
    display: grid;
    grid-template-columns: 8px 1fr;
    box-shadow: 0 .9rem 1.9rem rgba(15, 23, 42, .10);
    overflow: hidden;
}

.aviso-slide-main[b-jmlg8ou2nm] {
    padding: 1.2rem 1.2rem 1.05rem 1rem;
}

.aviso-slide-acento[b-jmlg8ou2nm] {
    border-radius: 1.15rem 0 0 1.15rem;
}

    .aviso-slide-acento.tema-info[b-jmlg8ou2nm] {
        background: linear-gradient(180deg, #3b82f6, #1d4ed8);
    }

    .aviso-slide-acento.tema-success[b-jmlg8ou2nm] {
        background: linear-gradient(180deg, #22c55e, #15803d);
    }

    .aviso-slide-acento.tema-warning[b-jmlg8ou2nm] {
        background: linear-gradient(180deg, #f59e0b, #b45309);
    }

    .aviso-slide-acento.tema-danger[b-jmlg8ou2nm] {
        background: linear-gradient(180deg, #ef4444, #b91c1c);
    }

.aviso-slide.tema-info[b-jmlg8ou2nm] {
    background: linear-gradient(180deg, #f8fbff, #ffffff);
}

.aviso-slide.tema-success[b-jmlg8ou2nm] {
    background: linear-gradient(180deg, #f0fff5, #ffffff);
    border-color: #b7ebcd;
}

.aviso-slide.tema-warning[b-jmlg8ou2nm] {
    background: linear-gradient(180deg, #fff9ed, #ffffff);
    border-color: #ffe1a6;
}

.aviso-slide.tema-danger[b-jmlg8ou2nm] {
    background: linear-gradient(180deg, #fff2f2, #ffffff);
    border-color: #ffc9c9;
}

.aviso-slide.slide-next[b-jmlg8ou2nm] {
    animation: avisoSlideInNext-b-jmlg8ou2nm .32s cubic-bezier(.2,.8,.2,1);
}

.aviso-slide.slide-prev[b-jmlg8ou2nm] {
    animation: avisoSlideInPrev-b-jmlg8ou2nm .32s cubic-bezier(.2,.8,.2,1);
}

.aviso-slide h4[b-jmlg8ou2nm] {
    font-weight: 850;
    color: var(--emp-text);
    margin-bottom: .5rem;
    letter-spacing: -.02em;
}

.aviso-slide p[b-jmlg8ou2nm] {
    color: #1f2937;
    line-height: 1.55;
}

.aviso-indicadores[b-jmlg8ou2nm] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
}

.aviso-indicador[b-jmlg8ou2nm] {
    width: .55rem;
    height: .55rem;
    border: 0;
    border-radius: 999px;
    opacity: .45;
    transform: scale(1);
    transition: .22s ease;
}

    .aviso-indicador:hover[b-jmlg8ou2nm] {
        opacity: .85;
        transform: scale(1.08);
    }

    .aviso-indicador.activo[b-jmlg8ou2nm] {
        opacity: 1;
        width: 1.5rem;
    }

    .aviso-indicador.tema-info[b-jmlg8ou2nm] {
        background: #2563eb;
    }

    .aviso-indicador.tema-success[b-jmlg8ou2nm] {
        background: #16a34a;
    }

    .aviso-indicador.tema-warning[b-jmlg8ou2nm] {
        background: #d97706;
    }

    .aviso-indicador.tema-danger[b-jmlg8ou2nm] {
        background: #dc2626;
    }

.aviso-tema-icon[b-jmlg8ou2nm] {
    font-size: 1.1rem;
}

.aviso-icon-shell[b-jmlg8ou2nm] {
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #e5edff;
}

    .aviso-icon-shell.tema-info[b-jmlg8ou2nm] {
        background: #dbeafe;
        color: #1d4ed8;
    }

    .aviso-icon-shell.tema-success[b-jmlg8ou2nm] {
        background: #dcfce7;
        color: #166534;
    }

    .aviso-icon-shell.tema-warning[b-jmlg8ou2nm] {
        background: #fef3c7;
        color: #92400e;
    }

    .aviso-icon-shell.tema-danger[b-jmlg8ou2nm] {
        background: #fee2e2;
        color: #991b1b;
    }

.aviso-tema-badge[b-jmlg8ou2nm] {
    font-weight: 800;
    letter-spacing: .01em;
}

.aviso-tema-dot[b-jmlg8ou2nm] {
    width: .7rem;
    height: .7rem;
    border-radius: 50%;
    display: inline-block;
    box-shadow: 0 0 0 3px rgba(148, 163, 184, .18);
}

    .aviso-tema-dot.tema-info[b-jmlg8ou2nm] {
        background: #2563eb;
    }

    .aviso-tema-dot.tema-success[b-jmlg8ou2nm] {
        background: #16a34a;
    }

    .aviso-tema-dot.tema-warning[b-jmlg8ou2nm] {
        background: #d97706;
    }

    .aviso-tema-dot.tema-danger[b-jmlg8ou2nm] {
        background: #dc2626;
    }

/* ================================
   MODAL DE SOLICITUD / STEPPER
================================ */

.solicitud-modal[b-jmlg8ou2nm] {
    border: 0;
    border-radius: 1.35rem;
    overflow: hidden;
    box-shadow: 0 28px 80px rgba(15, 23, 42, .30);
    background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
    animation: emp-modal-in-b-jmlg8ou2nm .26s ease-out both;
}

    .solicitud-modal .modal-header[b-jmlg8ou2nm] {
        position: relative;
        background: linear-gradient(135deg, #f8fbff, #ffffff), radial-gradient(circle at top right, rgba(13, 110, 253, .12), transparent 35%);
        border-bottom: 1px solid var(--emp-border);
        padding: 1rem 1.2rem;
    }

        .solicitud-modal .modal-header[b-jmlg8ou2nm]::before {
            content: "";
            position: absolute;
            left: 0;
            top: 0;
            bottom: 0;
            width: 5px;
            background: linear-gradient(180deg, #0d6efd, #20c997);
        }

    .solicitud-modal .modal-title[b-jmlg8ou2nm] {
        color: var(--emp-text);
        font-weight: 850;
        letter-spacing: -.01em;
    }

.stepper[b-jmlg8ou2nm] {
    display: flex;
    align-items: center;
    gap: .45rem;
    padding: .75rem;
    border-radius: 1rem;
    background: #f8fafc;
    border: 1px solid var(--emp-border);
}

.step-item[b-jmlg8ou2nm] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #e8eefb;
    color: #284070;
    font-weight: 850;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #dbe6ff;
    box-shadow: 0 5px 12px rgba(15, 23, 42, .06);
    transition: transform .18s ease, background-color .18s ease, color .18s ease, box-shadow .18s ease;
}

    .step-item.active[b-jmlg8ou2nm] {
        background: linear-gradient(135deg, #198754, #20c997);
        color: #fff;
        border-color: transparent;
        transform: scale(1.06);
        box-shadow: 0 10px 20px rgba(25, 135, 84, .22);
    }

    .step-item.done[b-jmlg8ou2nm] {
        background: linear-gradient(135deg, #0d6efd, #0a58ca);
        color: #fff;
        border-color: transparent;
    }

.step-line[b-jmlg8ou2nm] {
    flex: 1;
    height: 4px;
    border-radius: 999px;
    background: linear-gradient(90deg, #d8e2f1, #eef2f7);
}

.step-card[b-jmlg8ou2nm] {
    border: 1px solid var(--emp-border);
    border-radius: 1.2rem;
    box-shadow: 0 12px 28px rgba(15, 23, 42, .06);
    overflow: hidden;
    background: #fff;
    animation: slideInUp-b-jmlg8ou2nm .35s ease both;
}

    .step-card .card-header[b-jmlg8ou2nm] {
        background: linear-gradient(135deg, #f8fbff, #ffffff);
        font-weight: 850;
        color: var(--emp-text);
        border-bottom: 1px solid var(--emp-border);
        letter-spacing: -.01em;
        padding: .9rem 1rem;
    }

    .step-card .card-body[b-jmlg8ou2nm] {
        padding: 1rem;
    }

.tipo-item[b-jmlg8ou2nm] {
    cursor: pointer;
    border-radius: .9rem;
    transition: background-color .15s ease, transform .15s ease, box-shadow .15s ease;
}

    .tipo-item:hover[b-jmlg8ou2nm] {
        background: #f8fbff;
        transform: translateY(-1px);
        box-shadow: 0 8px 18px rgba(15, 23, 42, .06);
    }

    .tipo-item input[b-jmlg8ou2nm] {
        cursor: pointer;
    }

.step-card .form-control[readonly][b-jmlg8ou2nm] {
    background: #f8fafc;
    border-color: #dce6f7;
    color: #41506d;
}

/* ================================
   RESUMEN
================================ */

.resumen-solicitud-grid[b-jmlg8ou2nm] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: .9rem;
}

.resumen-card[b-jmlg8ou2nm] {
    position: relative;
    overflow: hidden;
    border: 1px solid var(--emp-border);
    border-radius: 1.15rem;
    padding: .95rem;
    background: linear-gradient(180deg, #ffffff, #fbfdff);
    box-shadow: 0 12px 28px rgba(15, 23, 42, .06);
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

    .resumen-card[b-jmlg8ou2nm]::before {
        content: "";
        position: absolute;
        inset: 0 auto 0 0;
        width: 5px;
        background: linear-gradient(180deg, #0d6efd, #20c997);
        opacity: .72;
    }

    .resumen-card:hover[b-jmlg8ou2nm] {
        transform: translateY(-3px);
        box-shadow: 0 18px 42px rgba(15, 23, 42, .10);
        border-color: rgba(13, 110, 253, .30);
    }

.resumen-card-title[b-jmlg8ou2nm] {
    position: relative;
    z-index: 1;
    font-size: .95rem;
    font-weight: 850;
    color: var(--emp-text);
    margin-bottom: .65rem;
}

.resumen-separator[b-jmlg8ou2nm] {
    border-color: #dce8fb;
    opacity: 1;
}

/* ================================
   DETALLE / DOCUMENTOS / PDF
================================ */

.detalle-solicitud-layout[b-jmlg8ou2nm] {
    display: grid;
    grid-template-columns: minmax(320px, 40%) minmax(0, 1fr);
    gap: 1rem;
}

.detalle-solicitud-pdfs[b-jmlg8ou2nm] {
    max-height: 68vh;
    overflow-y: auto;
    padding-right: .35rem;
}

.detalle-solicitud-info[b-jmlg8ou2nm] {
    min-width: 0;
}

.documento-card[b-jmlg8ou2nm] {
    border: 1px solid var(--emp-border);
    border-radius: 1.15rem;
    padding: .9rem;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
    box-shadow: 0 12px 28px rgba(15, 23, 42, .06);
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

    .documento-card:hover[b-jmlg8ou2nm] {
        transform: translateY(-2px);
        box-shadow: 0 18px 42px rgba(15, 23, 42, .10);
        border-color: rgba(13, 110, 253, .30);
    }

embed[b-jmlg8ou2nm],
iframe[b-jmlg8ou2nm] {
    border: 1px solid #cfddf1;
    border-radius: 1rem;
    background: #fff;
    box-shadow: 0 12px 28px rgba(15, 23, 42, .08);
}

/* ================================
   FORMULARIOS / BOTONES / BADGES
================================ */

.form-control[b-jmlg8ou2nm],
.form-select[b-jmlg8ou2nm] {
    border-radius: .9rem;
    border-color: #d8e0ec;
    min-height: 42px;
    transition: border-color .15s ease, box-shadow .15s ease, background-color .15s ease;
}

    .form-control:hover[b-jmlg8ou2nm],
    .form-select:hover[b-jmlg8ou2nm] {
        border-color: #b9c7dc;
    }

    .form-control:focus[b-jmlg8ou2nm],
    .form-select:focus[b-jmlg8ou2nm] {
        border-color: rgba(13, 110, 253, .55);
        box-shadow: 0 0 0 .22rem rgba(13, 110, 253, .12);
    }

.form-label[b-jmlg8ou2nm] {
    color: #344054;
    font-weight: 800;
    font-size: .88rem;
}

.btn[b-jmlg8ou2nm] {
    border-radius: .85rem;
    font-weight: 800;
    transition: transform .15s ease, box-shadow .15s ease, background-color .15s ease, border-color .15s ease;
}

    .btn:hover:not(:disabled)[b-jmlg8ou2nm] {
        transform: translateY(-1px);
        box-shadow: 0 .45rem 1rem rgba(15, 23, 42, .13);
    }

    .btn:active:not(:disabled)[b-jmlg8ou2nm] {
        transform: translateY(0);
        box-shadow: none;
    }

.btn-primary[b-jmlg8ou2nm],
.btn-success[b-jmlg8ou2nm],
.btn-danger[b-jmlg8ou2nm],
.btn-warning[b-jmlg8ou2nm] {
    border: 0;
}

.btn-primary[b-jmlg8ou2nm] {
    background: linear-gradient(135deg, #0d6efd, #0a58ca);
}

.btn-success[b-jmlg8ou2nm] {
    background: linear-gradient(135deg, #198754, #146c43);
}

.btn-danger[b-jmlg8ou2nm] {
    background: linear-gradient(135deg, #dc3545, #b02a37);
}

.btn-warning[b-jmlg8ou2nm] {
    color: #3b2f00;
    background: linear-gradient(135deg, #ffc107, #f59f00);
}

.badge[b-jmlg8ou2nm] {
    border-radius: 999px;
    padding: .36rem .72rem;
    font-weight: 850;
    font-size: .75rem;
    border: 1px solid transparent;
}

/* ================================
   ANIMACIONES
================================ */

@keyframes fadeIn-b-jmlg8ou2nm {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes slideInUp-b-jmlg8ou2nm {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

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

@keyframes emp-page-in-b-jmlg8ou2nm {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

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

@keyframes emp-modal-in-b-jmlg8ou2nm {
    from {
        opacity: 0;
        transform: translateY(16px) scale(.98);
    }

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

@keyframes avisoSlideInNext-b-jmlg8ou2nm {
    from {
        opacity: 0;
        transform: translateX(18px) scale(.99);
    }

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

@keyframes avisoSlideInPrev-b-jmlg8ou2nm {
    from {
        opacity: 0;
        transform: translateX(-18px) scale(.99);
    }

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

/* ================================
   RESPONSIVE
================================ */

@media (max-width: 991.98px) {
    .detalle-solicitud-layout[b-jmlg8ou2nm] {
        grid-template-columns: 1fr;
    }

    .detalle-solicitud-pdfs[b-jmlg8ou2nm] {
        max-height: none;
        overflow: visible;
        padding-right: 0;
    }
}

@media (max-width: 768px) {
    .empresas-header[b-jmlg8ou2nm] {
        align-items: flex-start;
        flex-direction: column;
        padding: 1.15rem;
        border-radius: 1.2rem;
    }

        .empresas-header h1[b-jmlg8ou2nm] {
            font-size: 1.55rem;
        }

    .empresas-kpi-row[b-jmlg8ou2nm] {
        grid-template-columns: 1fr;
    }

    .stepper[b-jmlg8ou2nm] {
        overflow-x: auto;
    }

    .step-line[b-jmlg8ou2nm] {
        min-width: 30px;
    }

    .solicitud-modal .modal-footer[b-jmlg8ou2nm] {
        flex-direction: column;
        align-items: stretch;
    }

        .solicitud-modal .modal-footer .btn[b-jmlg8ou2nm] {
            width: 100%;
        }
}

.driver-popover-simega[b-jmlg8ou2nm] {
    border-radius: 14px !important;
    border: 1px solid #d9e4f7 !important;
    box-shadow: 0 16px 40px rgba(15, 23, 42, .18) !important;
}

    .driver-popover-simega .driver-popover-title[b-jmlg8ou2nm] {
        font-weight: 800 !important;
        color: #0b2652 !important;
    }

    .driver-popover-simega .driver-popover-description[b-jmlg8ou2nm] {
        color: #334155 !important;
        line-height: 1.45 !important;
    }

    .driver-popover-simega .driver-popover-next-btn[b-jmlg8ou2nm] {
        background: #0d6efd !important;
        color: #fff !important;
        border-radius: 8px !important;
        border: 1px solid #0d6efd !important;
    }

    .driver-popover-simega .driver-popover-prev-btn[b-jmlg8ou2nm] {
        background: #fff !important;
        color: #0d6efd !important;
        border-radius: 8px !important;
        border: 1px solid #cdd8ee !important;
    }

.pdf-loading-message[b-jmlg8ou2nm] {
    position: absolute;
    inset: 0;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .85rem;
    min-height: 420px;
    background: rgba(255, 255, 255, .92);
    color: #0b2f5b;
    font-weight: 700;
}

.pdf-modal-frame[b-jmlg8ou2nm] {
    width: 100%;
    height: 78vh;
    border: 0;
}

/* ================================
   BLOQUEO ANTI DOBLE ENVÍO / SUBIDA
================================ */

.solicitud-modal-processing[b-jmlg8ou2nm] {
    position: relative;
}

    .solicitud-modal-processing .modal-body[b-jmlg8ou2nm] {
        pointer-events: none;
        user-select: none;
    }

.solicitud-processing-alert[b-jmlg8ou2nm] {
    display: flex;
    align-items: flex-start;
    gap: .75rem;
    border: 1px solid rgba(13, 110, 253, .20);
    border-radius: 1rem;
    padding: .85rem 1rem;
    color: #0b2f5b;
    background: linear-gradient(135deg, rgba(13, 110, 253, .10), #ffffff);
    box-shadow: 0 12px 28px rgba(15, 23, 42, .08);
    animation: slideInUp-b-jmlg8ou2nm .25s ease both;
}

    .solicitud-processing-alert div[b-jmlg8ou2nm] {
        display: flex;
        flex-direction: column;
        line-height: 1.35;
    }

    .solicitud-processing-alert span:not(.spinner-border)[b-jmlg8ou2nm] {
        color: var(--emp-muted);
        font-size: .84rem;
        font-weight: 700;
    }

.solicitud-processing-overlay[b-jmlg8ou2nm] {
    position: absolute;
    inset: 0;
    z-index: 20;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    background: rgba(255, 255, 255, .76);
    backdrop-filter: blur(3px);
    pointer-events: all;
}

.solicitud-processing-box[b-jmlg8ou2nm] {
    display: flex;
    align-items: center;
    gap: 1rem;
    max-width: 520px;
    width: min(100%, 520px);
    border: 1px solid rgba(13, 110, 253, .18);
    border-radius: 1.15rem;
    padding: 1rem 1.1rem;
    background: linear-gradient(135deg, #ffffff, #f8fbff);
    box-shadow: 0 22px 55px rgba(15, 23, 42, .18);
}

    .solicitud-processing-box div:last-child[b-jmlg8ou2nm] {
        display: flex;
        flex-direction: column;
        gap: .15rem;
    }

    .solicitud-processing-box strong[b-jmlg8ou2nm] {
        color: var(--emp-text);
        font-weight: 850;
    }

    .solicitud-processing-box span[b-jmlg8ou2nm] {
        color: var(--emp-muted);
        font-size: .9rem;
        font-weight: 700;
    }

.btn-finalizar-solicitud:disabled[b-jmlg8ou2nm] {
    cursor: wait;
    opacity: .9;
}

@media (max-width: 575.98px) {
    .aviso-modal-layer[b-jmlg8ou2nm] {
        padding: .5rem;
        overflow-y: auto;
    }

    .aviso-modal-layer .modal-dialog[b-jmlg8ou2nm],
    .aviso-modal-dialog[b-jmlg8ou2nm] {
        width: 100% !important;
        max-width: 100% !important;
        min-height: calc(100dvh - 1rem);
        margin: 0 !important;
        padding: 0 !important;
        display: flex;
        align-items: center;
    }

    .aviso-carrusel-modal[b-jmlg8ou2nm],
    .aviso-modal-content[b-jmlg8ou2nm] {
        width: 100%;
        max-height: calc(100dvh - 1rem);
        display: flex;
        flex-direction: column;
        border-radius: 1rem !important;
    }

    .aviso-carrusel-modal .modal-header[b-jmlg8ou2nm],
    .aviso-modal-header[b-jmlg8ou2nm] {
        align-items: flex-start;
        gap: .65rem;
        padding: .85rem;
    }

    .aviso-carrusel-modal .modal-title[b-jmlg8ou2nm],
    .aviso-modal-header .modal-title[b-jmlg8ou2nm] {
        flex: 1 1 auto;
        min-width: 0;
        flex-wrap: wrap;
        align-items: flex-start !important;
        font-size: 1rem !important;
        line-height: 1.25;
    }

    .aviso-tema-badge[b-jmlg8ou2nm] {
        max-width: 100%;
        white-space: normal;
        text-align: left;
        font-size: .68rem;
        line-height: 1.15;
    }

    .aviso-icon-shell[b-jmlg8ou2nm] {
        flex: 0 0 auto;
    }

    .aviso-carrusel-modal .modal-body[b-jmlg8ou2nm],
    .aviso-modal-body[b-jmlg8ou2nm] {
        min-width: 0;
        overflow-y: auto;
        padding: .85rem !important;
        -webkit-overflow-scrolling: touch;
    }

    .aviso-progress-track[b-jmlg8ou2nm] {
        margin-bottom: .85rem !important;
    }

    .aviso-slide[b-jmlg8ou2nm] {
        grid-template-columns: 6px minmax(0, 1fr);
        min-height: auto;
        border-radius: .95rem;
    }

    .aviso-slide-main[b-jmlg8ou2nm] {
        min-width: 0;
        padding: .9rem;
        overflow-wrap: anywhere;
    }

    .aviso-slide h4[b-jmlg8ou2nm] {
        flex-wrap: wrap;
        align-items: flex-start !important;
        font-size: 1.05rem;
        line-height: 1.25;
    }

    .aviso-slide p[b-jmlg8ou2nm] {
        overflow-wrap: anywhere;
        word-break: break-word;
    }

    .aviso-carrusel-modal .modal-footer[b-jmlg8ou2nm],
    .aviso-modal-footer[b-jmlg8ou2nm] {
        display: grid !important;
        grid-template-columns: 1fr;
        gap: .75rem !important;
        align-items: stretch !important;
        padding: .85rem !important;
    }

    .aviso-carrusel-modal .modal-footer > .d-flex[b-jmlg8ou2nm],
    .aviso-modal-footer > *[b-jmlg8ou2nm] {
        width: 100% !important;
        min-width: 0;
    }

    .aviso-carrusel-modal .modal-footer > .d-flex:first-child[b-jmlg8ou2nm] {
        flex-wrap: wrap;
        justify-content: center;
        gap: .5rem !important;
    }

    .aviso-carrusel-modal .modal-footer > .d-flex:last-child[b-jmlg8ou2nm] {
        display: grid !important;
        grid-template-columns: 1fr;
        gap: .55rem !important;
    }

    .aviso-indicadores[b-jmlg8ou2nm] {
        max-width: 100%;
        flex-wrap: wrap;
        justify-content: center;
        gap: .35rem .4rem;
    }

    .aviso-nav-btn[b-jmlg8ou2nm],
    .aviso-next-btn[b-jmlg8ou2nm],
    .aviso-modal-footer .btn[b-jmlg8ou2nm] {
        width: 100% !important;
        justify-content: center;
    }
}

@media (max-width: 380px) {
    .aviso-modal-layer[b-jmlg8ou2nm] {
        padding: .35rem;
    }

    .aviso-modal-layer .modal-dialog[b-jmlg8ou2nm],
    .aviso-modal-dialog[b-jmlg8ou2nm] {
        min-height: calc(100dvh - .7rem);
    }

    .aviso-carrusel-modal[b-jmlg8ou2nm],
    .aviso-modal-content[b-jmlg8ou2nm] {
        max-height: calc(100dvh - .7rem);
    }

    .aviso-carrusel-modal .modal-header[b-jmlg8ou2nm],
    .aviso-carrusel-modal .modal-body[b-jmlg8ou2nm],
    .aviso-carrusel-modal .modal-footer[b-jmlg8ou2nm],
    .aviso-modal-header[b-jmlg8ou2nm],
    .aviso-modal-body[b-jmlg8ou2nm],
    .aviso-modal-footer[b-jmlg8ou2nm] {
        padding: .7rem !important;
    }
}

/* ================================
   AVISO SOLICITUDES CAPTURADAS
================================ */

.solicitudes-capturadas-alert[b-jmlg8ou2nm] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 1rem;
    align-items: center;
    padding: 1rem 1.1rem;
    border: 1px solid rgba(245, 158, 11, .34);
    border-radius: 1.25rem;
    background: linear-gradient(135deg, #fff8e6, #ffffff 72%), radial-gradient(circle at top right, rgba(245, 158, 11, .18), transparent 34%);
    box-shadow: 0 18px 44px rgba(146, 64, 14, .12);
}

.solicitudes-capturadas-icon[b-jmlg8ou2nm] {
    width: 3.1rem;
    height: 3.1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 1rem;
    color: #92400e;
    background: #fef3c7;
    box-shadow: inset 0 0 0 1px rgba(245, 158, 11, .24);
    font-size: 1.35rem;
}

.solicitudes-capturadas-content h2[b-jmlg8ou2nm],
.solicitudes-capturadas-content p[b-jmlg8ou2nm] {
    margin: 0;
}

.solicitudes-capturadas-content h2[b-jmlg8ou2nm] {
    color: #78350f;
    font-size: 1.08rem;
    font-weight: 850;
}

.solicitudes-capturadas-content p[b-jmlg8ou2nm] {
    color: #7c2d12;
    line-height: 1.45;
}

.solicitudes-capturadas-folios[b-jmlg8ou2nm] {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
    margin-top: .7rem;
}

.solicitudes-capturadas-folios span[b-jmlg8ou2nm] {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    padding: .28rem .62rem;
    color: #78350f;
    background: rgba(245, 158, 11, .14);
    font-size: .78rem;
    font-weight: 800;
}

.solicitudes-table tbody tr.row-estatus-capturado[b-jmlg8ou2nm] {
    background: linear-gradient(90deg, rgba(245, 158, 11, .13), rgba(255, 255, 255, .98) 35%);
    box-shadow: inset 5px 0 0 #f59e0b;
}

.solicitudes-table tbody tr.row-estatus-capturado:hover[b-jmlg8ou2nm] {
    background: linear-gradient(90deg, rgba(245, 158, 11, .18), #fff 42%);
    box-shadow: inset 5px 0 0 #d97706;
}

@media (max-width: 767.98px) {
    .solicitudes-capturadas-alert[b-jmlg8ou2nm] {
        grid-template-columns: 1fr;
    }

    .solicitudes-capturadas-icon[b-jmlg8ou2nm] {
        justify-self: start;
    }
}
/* /Components/Pages/Permisos/Empresas/Permisos/Empresas/SolicitudDocumentosPaso.razor.rz.scp.css */
:root[b-bqk6lbwnzk] {
    --doc-primary: #0d6efd;
    --doc-primary-dark: #084298;
    --doc-success: #198754;
    --doc-danger: #dc3545;
    --doc-muted: #667085;
    --doc-text: #172033;
    --doc-border: #e5eaf3;
    --doc-shadow: 0 14px 35px rgba(15, 23, 42, .08);
    --doc-shadow-hover: 0 20px 48px rgba(15, 23, 42, .13);
}

.upload-zone[b-bqk6lbwnzk] {
    position: relative;
    overflow: hidden;
    border: 1.5px dashed #9bb4df;
    border-radius: 1.2rem;
    background: linear-gradient(135deg, rgba(13, 110, 253, .07), rgba(255, 255, 255, .98)), radial-gradient(circle at top right, rgba(13, 110, 253, .12), transparent 38%);
    padding: 1.15rem;
    box-shadow: var(--doc-shadow);
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background-color .18s ease, opacity .18s ease;
    animation: doc-fade-up-b-bqk6lbwnzk .35s ease both;
}

    .upload-zone[b-bqk6lbwnzk]::before {
        content: "";
        position: absolute;
        width: 130px;
        height: 130px;
        right: -50px;
        top: -60px;
        border-radius: 50%;
        background: rgba(13, 110, 253, .10);
        pointer-events: none;
    }

    .upload-zone[b-bqk6lbwnzk]::after {
        content: "";
        position: absolute;
        inset: 0 auto 0 0;
        width: 5px;
        background: linear-gradient(180deg, #0d6efd, #20c997);
        opacity: .75;
    }

    .upload-zone:hover[b-bqk6lbwnzk] {
        transform: translateY(-2px);
        border-color: rgba(13, 110, 253, .55);
        box-shadow: var(--doc-shadow-hover);
        background: linear-gradient(135deg, rgba(13, 110, 253, .09), rgba(255, 255, 255, .98)), radial-gradient(circle at top right, rgba(13, 110, 253, .16), transparent 38%);
    }

.upload-zone-disabled[b-bqk6lbwnzk],
.upload-zone-disabled:hover[b-bqk6lbwnzk] {
    opacity: .74;
    transform: none;
    cursor: not-allowed;
    border-color: rgba(102, 112, 133, .35);
    box-shadow: var(--doc-shadow);
    background: linear-gradient(135deg, rgba(102, 112, 133, .08), rgba(255, 255, 255, .98));
}

.upload-zone-title[b-bqk6lbwnzk] {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    color: var(--doc-text);
    font-weight: 850;
    letter-spacing: -.01em;
}

    .upload-zone-title[b-bqk6lbwnzk]::before {
        content: "";
        width: .7rem;
        height: .7rem;
        border-radius: 50%;
        background: var(--doc-primary);
        box-shadow: 0 0 0 .22rem rgba(13, 110, 253, .13);
    }

.upload-zone p[b-bqk6lbwnzk],
.upload-zone small[b-bqk6lbwnzk],
.upload-zone .text-muted[b-bqk6lbwnzk] {
    position: relative;
    z-index: 1;
    color: var(--doc-muted) !important;
}

.upload-zone input[type="file"][b-bqk6lbwnzk] {
    position: relative;
    z-index: 1;
    border-radius: .9rem;
    border-color: #d8e0ec;
    min-height: 42px;
    background: #ffffff;
    transition: border-color .15s ease, box-shadow .15s ease, opacity .15s ease;
}

    .upload-zone input[type="file"]:hover[b-bqk6lbwnzk] {
        border-color: #b9c7dc;
    }

    .upload-zone input[type="file"]:focus[b-bqk6lbwnzk] {
        border-color: rgba(13, 110, 253, .55);
        box-shadow: 0 0 0 .22rem rgba(13, 110, 253, .12);
    }

    .upload-zone input[type="file"]:disabled[b-bqk6lbwnzk] {
        cursor: not-allowed;
        opacity: .72;
        background: #eef2f7;
    }

/* =========================
   ESTADO DE PROCESO
========================= */

.documentos-bloqueados[b-bqk6lbwnzk] {
    position: relative;
}

.documentos-status-badge[b-bqk6lbwnzk] {
    display: inline-flex;
    align-items: center;
    gap: .25rem;
    font-weight: 800;
}

.documentos-processing-alert[b-bqk6lbwnzk] {
    display: flex;
    align-items: center;
    gap: .75rem;
    border: 1px solid #bcd7ff;
    border-radius: 1rem;
    padding: .85rem 1rem;
    color: #084298;
    background: linear-gradient(135deg, #eef5ff, #ffffff);
    box-shadow: 0 10px 24px rgba(13, 110, 253, .10);
    animation: doc-fade-up-b-bqk6lbwnzk .25s ease both;
}

/* =========================
   ARCHIVOS SELECCIONADOS
========================= */

.selected-files-list[b-bqk6lbwnzk] {
    position: relative;
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    margin-top: .85rem;
}

.selected-file-item[b-bqk6lbwnzk] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    border: 1px solid #dbe6ff;
    background: #ffffff;
    color: #084298;
    border-radius: 999px;
    padding: .38rem .75rem;
    font-size: .82rem;
    font-weight: 800;
    box-shadow: 0 8px 18px rgba(15, 23, 42, .06);
    transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease, background-color .15s ease;
    animation: doc-file-in-b-bqk6lbwnzk .25s ease both;
}

    .selected-file-item[b-bqk6lbwnzk]::before {
        content: "";
        width: .48rem;
        height: .48rem;
        border-radius: 50%;
        background: var(--doc-success);
        box-shadow: 0 0 0 .17rem rgba(25, 135, 84, .12);
    }

    .selected-file-item:hover[b-bqk6lbwnzk] {
        transform: translateY(-1px);
        border-color: rgba(13, 110, 253, .45);
        box-shadow: 0 12px 24px rgba(15, 23, 42, .10);
        background: #f8fbff;
    }

/* =========================
   SOPORTE GENERAL PARA BOTONES / ALERTAS DEL PASO
========================= */

.upload-zone .btn[b-bqk6lbwnzk],
.selected-files-list .btn[b-bqk6lbwnzk] {
    border-radius: .85rem;
    font-weight: 800;
    transition: transform .15s ease, box-shadow .15s ease, background-color .15s ease, border-color .15s ease;
}

    .upload-zone .btn:hover:not(:disabled)[b-bqk6lbwnzk],
    .selected-files-list .btn:hover:not(:disabled)[b-bqk6lbwnzk] {
        transform: translateY(-1px);
        box-shadow: 0 .45rem 1rem rgba(15, 23, 42, .13);
    }

.upload-zone .btn-primary[b-bqk6lbwnzk] {
    border: 0;
    background: linear-gradient(135deg, #0d6efd, #0a58ca);
}

.upload-zone .btn-outline-danger:hover[b-bqk6lbwnzk] {
    border-color: transparent;
    background: linear-gradient(135deg, #dc3545, #b02a37);
}

.upload-zone .alert[b-bqk6lbwnzk] {
    position: relative;
    z-index: 1;
    border: 0;
    border-radius: 1rem;
    padding: .85rem 1rem;
    box-shadow: 0 10px 24px rgba(15, 23, 42, .07);
}

.upload-zone .alert-success[b-bqk6lbwnzk] {
    color: #146c43;
    background: linear-gradient(135deg, #e9f8f1, #ffffff);
    border: 1px solid #c7eedb;
}

.upload-zone .alert-danger[b-bqk6lbwnzk] {
    color: #842029;
    background: linear-gradient(135deg, #fff1f1, #ffffff);
    border: 1px solid #ffc9c9;
}

/* =========================
   ANIMACIONES
========================= */

@keyframes doc-fade-up-b-bqk6lbwnzk {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

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

@keyframes doc-file-in-b-bqk6lbwnzk {
    from {
        opacity: 0;
        transform: translateY(6px) scale(.98);
    }

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

/* =========================
   RESPONSIVE
========================= */

@media (max-width: 768px) {
    .upload-zone[b-bqk6lbwnzk] {
        padding: 1rem;
        border-radius: 1rem;
    }

    .selected-files-list[b-bqk6lbwnzk] {
        gap: .4rem;
    }

    .selected-file-item[b-bqk6lbwnzk] {
        max-width: 100%;
        white-space: normal;
    }

    .documentos-processing-alert[b-bqk6lbwnzk] {
        align-items: flex-start;
    }
}
/* /Components/Pages/Permisos/Registro/CompletarDatos.razor.rz.scp.css */
.registro-page[b-ils387cg74] {
    position: relative;
    min-height: 100vh;
    padding: 20px;
    overflow: hidden;
    background: linear-gradient(135deg, #031225 0%, #0a2f66 55%, #1d4ed8 100%);
}

.animated-grid[b-ils387cg74] {
    position: absolute;
    inset: 0;
    background-image: linear-gradient(rgba(255,255,255,0.04) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.04) 1px, transparent 1px);
    background-size: 42px 42px;
    opacity: 0.18;
    animation: gridMove-b-ils387cg74 18s linear infinite;
    pointer-events: none;
}

.bg-orb[b-ils387cg74] {
    position: absolute;
    border-radius: 50%;
    filter: blur(90px);
    pointer-events: none;
}

.orb-1[b-ils387cg74] {
    width: 360px;
    height: 360px;
    top: -90px;
    left: -70px;
    background: rgba(59, 130, 246, 0.40);
    animation: floatOrb-b-ils387cg74 13s ease-in-out infinite;
}

.orb-2[b-ils387cg74] {
    width: 320px;
    height: 320px;
    right: -70px;
    bottom: -60px;
    background: rgba(14, 165, 233, 0.3);
    animation: floatOrb-b-ils387cg74 15s ease-in-out infinite reverse;
}

.bg-noise[b-ils387cg74] {
    position: absolute;
    inset: 0;
    background-image: radial-gradient(rgba(255,255,255,0.06) 0.7px, transparent 0.7px);
    background-size: 18px 18px;
    opacity: 0.08;
    pointer-events: none;
}

.registro-shell[b-ils387cg74] {
    position: relative;
    z-index: 2;
    width: min(1520px, 100%);
    min-height: 760px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 0.95fr 1.55fr;
    border-radius: 30px;
    overflow: hidden;
    background: rgba(255,255,255,0.08);
    border: 1px solid rgba(255,255,255,0.12);
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.35);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

.registro-brand-panel[b-ils387cg74] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 48px 40px;
    color: #fff;
    background: linear-gradient(180deg, #2563eb 0%, #0e7490 100%);
}

.brand-content[b-ils387cg74] {
    width: 100%;
    max-width: 460px;
}

.brand-top[b-ils387cg74] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 14px;
    margin-bottom: 28px;
    text-align: center;
}

.brand-logo[b-ils387cg74] {
    width: 180px;
    max-width: 180px;
    filter: drop-shadow(0 14px 26px rgba(0, 0, 0, 0.22));
    animation: logoGlow-b-ils387cg74 3s ease-in-out infinite;
}

.brand-badge[b-ils387cg74] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 16px;
    border-radius: 999px;
    font-size: .82rem;
    font-weight: 800;
    letter-spacing: .08em;
    color: #fff;
    background: rgba(255,255,255,.12);
    border: 1px solid rgba(255,255,255,.18);
}

.brand-content h1[b-ils387cg74] {
    margin: 0 0 14px;
    font-size: clamp(2.4rem, 4vw, 3.5rem);
    line-height: 0.98;
    font-weight: 900;
    letter-spacing: -0.03em;
}

.brand-content p[b-ils387cg74] {
    margin: 0 0 26px;
    font-size: 1rem;
    line-height: 1.65;
    color: rgba(255,255,255,.93);
}

.brand-highlights[b-ils387cg74] {
    display: grid;
    gap: 12px;
}

.highlight-item[b-ils387cg74] {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 1rem;
    color: rgba(255,255,255,.96);
}

.highlight-dot[b-ils387cg74] {
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 0 0 5px rgba(255,255,255,.14);
}

.registro-form-card[b-ils387cg74] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 22px;
    background: linear-gradient(180deg, #edf2f8 0%, #dfe7f2 100%);
}

.registro-form-body[b-ils387cg74] {
    width: min(1000px, 100%);
    padding: 28px;
    border-radius: 28px;
    background: rgba(255,255,255,.62);
    border: 1px solid rgba(255,255,255,.72);
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.10);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}

.registro-card-header[b-ils387cg74] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 18px;
}

.registro-card-header h2[b-ils387cg74] {
    margin: 0 0 8px;
    color: #0f172a;
    font-size: 2.3rem;
    line-height: 1;
    font-weight: 900;
    letter-spacing: -0.03em;
}

.registro-card-header p[b-ils387cg74] {
    margin: 0;
    color: #64748b;
}

.logout-btn[b-ils387cg74] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    flex: 0 0 auto;
    min-height: 42px;
    padding: .58rem .9rem;
    border-radius: 12px;
    border: 1px solid #bfdbfe;
    background: rgba(239, 246, 255, .9);
    color: #1d4ed8;
    font-weight: 800;
    text-decoration: none;
    box-shadow: 0 8px 18px rgba(37, 99, 235, .10);
}

.logout-btn:hover[b-ils387cg74] {
    border-color: #93c5fd;
    background: #dbeafe;
    color: #1e40af;
}

.custom-control[b-ils387cg74] {
    border-radius: 12px;
    border: 1px solid #dbe4f0;
    box-shadow: 0 6px 16px rgba(15, 23, 42, 0.05);
    transition: box-shadow .2s ease, border-color .2s ease;
}

.custom-control:focus[b-ils387cg74] {
    border-color: #0d6efd;
    box-shadow: 0 0 0 .2rem rgba(13, 110, 253, .12);
}

.file-input[b-ils387cg74] {
    padding: .62rem .8rem;
}

.submit-btn[b-ils387cg74] {
    border: none;
    color: #fff;
    font-weight: 700;
    border-radius: 14px;
    padding: 0.8rem 1rem;
    background: linear-gradient(135deg, #2563eb 0%, #0ea5e9 100%);
    box-shadow: 0 12px 28px rgba(37, 99, 235, 0.35);
}

.submit-btn:hover[b-ils387cg74] {
    filter: brightness(1.04);
}

.validation-summary[b-ils387cg74] {
    margin-bottom: 1rem;
    padding: .75rem 1rem;
    border-radius: 12px;
    border: 1px solid rgba(220, 38, 38, .25);
    background: rgba(254, 242, 242, .95);
    color: #b91c1c;
}

.field-validation[b-ils387cg74] {
    font-size: .84rem;
    color: #b91c1c;
}

.pdf-preview-panel[b-ils387cg74] {
    background: #f8fafc;
    border: 1px solid #e5e7eb;
    border-radius: 16px;
    padding: 1rem;
    position: sticky;
    top: 1rem;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.7);
}

.pdf-preview-frame[b-ils387cg74] {
    width: 100%;
    height: 500px;
    border: 1px solid #d1d5db;
    border-radius: .7rem;
    background: white;
}

.pdf-preview-frame.hide[b-ils387cg74] {
    display: none;
}

.pdf-preview-frame.show[b-ils387cg74] {
    display: block;
}

.pdf-preview-empty[b-ils387cg74] {
    min-height: 500px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #6b7280;
    border: 1px dashed #cbd5e1;
    border-radius: .7rem;
    background: #fff;
    text-align: center;
    padding: 1rem;
}

@keyframes floatOrb-b-ils387cg74 {
    0%,
    100% {
        transform: translate(0, 0);
    }

    50% {
        transform: translate(14px, -18px);
    }
}

@keyframes gridMove-b-ils387cg74 {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(-42px);
    }
}

@keyframes logoGlow-b-ils387cg74 {
    0%,
    100% {
        filter: drop-shadow(0 14px 26px rgba(0, 0, 0, 0.22));
    }

    50% {
        filter: drop-shadow(0 14px 32px rgba(14, 165, 233, 0.34));
    }
}

@media (max-width: 1200px) {
    .registro-shell[b-ils387cg74] {
        grid-template-columns: 1fr;
    }

    .registro-brand-panel[b-ils387cg74] {
        padding: 34px 28px;
    }

    .registro-form-card[b-ils387cg74] {
        padding: 18px;
    }

    .pdf-preview-panel[b-ils387cg74] {
        position: static;
    }
}

@media (max-width: 768px) {
    .registro-page[b-ils387cg74] {
        padding: 12px;
    }

    .registro-form-body[b-ils387cg74] {
        padding: 20px 16px;
    }

    .registro-card-header[b-ils387cg74] {
        flex-direction: column;
        align-items: stretch;
    }

    .logout-btn[b-ils387cg74] {
        width: 100%;
    }

    .registro-card-header h2[b-ils387cg74] {
        font-size: 1.8rem;
    }
}
/* /Components/Pages/Permisos/Registro/RevisionPendiente.razor.rz.scp.css */
.revision-loading[b-ulepfziw90] {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    color: #0f172a;
    background: #f8fafc;
}

.revision-page[b-ulepfziw90] {
    position: relative;
    min-height: 100vh;
    padding: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background: linear-gradient(135deg, #031225 0%, #0a2f66 55%, #1d4ed8 100%);
}

.animated-grid[b-ulepfziw90] {
    position: absolute;
    inset: 0;
    background-image: linear-gradient(rgba(255,255,255,0.04) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.04) 1px, transparent 1px);
    background-size: 42px 42px;
    opacity: 0.18;
    pointer-events: none;
}

.bg-orb[b-ulepfziw90] {
    position: absolute;
    border-radius: 50%;
    filter: blur(90px);
    pointer-events: none;
}

.orb-1[b-ulepfziw90] {
    width: 360px;
    height: 360px;
    top: -90px;
    left: -70px;
    background: rgba(59, 130, 246, 0.40);
}

.orb-2[b-ulepfziw90] {
    width: 320px;
    height: 320px;
    right: -70px;
    bottom: -60px;
    background: rgba(14, 165, 233, 0.3);
}

.bg-noise[b-ulepfziw90] {
    position: absolute;
    inset: 0;
    background-image: radial-gradient(rgba(255,255,255,0.06) 0.7px, transparent 0.7px);
    background-size: 18px 18px;
    opacity: 0.08;
    pointer-events: none;
}

.revision-card[b-ulepfziw90] {
    position: relative;
    z-index: 2;
    width: min(780px, 100%);
    border-radius: 28px;
    padding: 38px 32px;
    background: rgba(255,255,255,.12);
    border: 1px solid rgba(255,255,255,.22);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    box-shadow: 0 24px 70px rgba(0,0,0,.35);
    color: #fff;
}

.status-pill[b-ulepfziw90] {
    display: inline-flex;
    margin-bottom: 14px;
    padding: 7px 14px;
    border-radius: 999px;
    font-weight: 700;
    font-size: .85rem;
    background: rgba(14,165,233,.22);
    border: 1px solid rgba(125,211,252,.45);
}

.revision-card h1[b-ulepfziw90] {
    margin: 0 0 14px;
    font-size: clamp(2rem, 4vw, 2.8rem);
    line-height: 1;
    font-weight: 900;
    letter-spacing: -0.03em;
}

.revision-card p[b-ulepfziw90] {
    margin: 0 0 22px;
    color: rgba(255,255,255,.92);
    line-height: 1.65;
    font-size: 1rem;
}

.revision-steps[b-ulepfziw90] {
    display: grid;
    gap: 12px;
    margin-bottom: 26px;
}

.step-item[b-ulepfziw90] {
    display: flex;
    align-items: center;
    gap: 12px;
    color: rgba(255,255,255,.95);
}

.step-dot[b-ulepfziw90] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #e0f2fe;
    box-shadow: 0 0 0 5px rgba(224, 242, 254, 0.25);
}

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

.actions-wrap .btn-primary[b-ulepfziw90] {
    border: none;
    font-weight: 700;
    background: linear-gradient(135deg, #2563eb 0%, #0ea5e9 100%);
}

.actions-wrap .btn-outline-light[b-ulepfziw90] {
    font-weight: 700;
}

@media (max-width: 768px) {
    .revision-page[b-ulepfziw90] {
        padding: 14px;
    }

    .revision-card[b-ulepfziw90] {
        padding: 26px 18px;
    }

    .actions-wrap .btn[b-ulepfziw90] {
        width: 100%;
    }
}
/* /Components/Pages/Permisos/Usuarios/MiUsuario.razor.rz.scp.css */
:root[b-on71bnr7p5] {
    --profile-primary: #0d6efd;
    --profile-primary-dark: #084298;
    --profile-success: #198754;
    --profile-warning: #f59f00;
    --profile-danger: #dc3545;
    --profile-muted: #667085;
    --profile-text: #172033;
    --profile-border: #e5eaf3;
    --profile-card: #ffffff;
    --profile-soft: #f8fafc;
    --profile-shadow: 0 16px 40px rgba(15, 23, 42, .09);
    --profile-shadow-hover: 0 22px 55px rgba(15, 23, 42, .15);
}

/* =========================
   CONTENEDOR
========================= */

.profile-shell[b-on71bnr7p5] {
    max-width: 1180px;
    margin: 0 auto;
    padding: 1rem 0 2rem;
    animation: profile-page-in-b-on71bnr7p5 .35s ease both;
}

/* =========================
   HERO
========================= */

.hero-card[b-on71bnr7p5] {
    position: relative;
    overflow: hidden;
    border-radius: 1.45rem;
    padding: 1.55rem;
    margin-bottom: 1.15rem;
    color: #fff;
    background: linear-gradient(135deg, #0b2652 0%, #164a8a 48%, #1f6ec5 100%), radial-gradient(circle at top right, rgba(255, 255, 255, .22), transparent 40%);
    border: 1px solid rgba(255, 255, 255, .16);
    box-shadow: 0 20px 50px rgba(10, 31, 66, .26);
    animation: profile-slide-up-b-on71bnr7p5 .42s ease-out both;
}

    .hero-card[b-on71bnr7p5]::before {
        content: "";
        position: absolute;
        width: 230px;
        height: 230px;
        right: -75px;
        top: -85px;
        border-radius: 50%;
        background: rgba(255, 255, 255, .13);
        pointer-events: none;
    }

    .hero-card[b-on71bnr7p5]::after {
        content: "";
        position: absolute;
        width: 130px;
        height: 130px;
        left: -48px;
        bottom: -60px;
        border-radius: 50%;
        background: rgba(32, 201, 151, .18);
        pointer-events: none;
    }

.hero-glow[b-on71bnr7p5] {
    position: absolute;
    width: 300px;
    height: 300px;
    top: -130px;
    right: -100px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(255, 255, 255, .34), rgba(255, 255, 255, 0));
    filter: blur(5px);
    animation: profile-pulse-glow-b-on71bnr7p5 5s ease-in-out infinite;
}

.hero-card h1[b-on71bnr7p5] {
    position: relative;
    z-index: 1;
    margin: 0;
    font-size: clamp(1.65rem, 2.5vw, 2.2rem);
    font-weight: 850;
    letter-spacing: -.035em;
}

    .hero-card h1[b-on71bnr7p5]::before {
        content: "Centro de cuenta";
        display: inline-flex;
        align-items: center;
        width: fit-content;
        margin-bottom: .45rem;
        padding: .25rem .7rem;
        border-radius: 999px;
        color: #ffffff;
        background: rgba(255, 255, 255, .14);
        border: 1px solid rgba(255, 255, 255, .18);
        font-size: .78rem;
        font-weight: 850;
        letter-spacing: .05em;
        text-transform: uppercase;
        backdrop-filter: blur(8px);
    }

.hero-subtitle[b-on71bnr7p5] {
    position: relative;
    z-index: 1;
    max-width: 780px;
    color: rgba(255, 255, 255, .88);
    font-size: .98rem;
}

/* =========================
   STATS HERO
========================= */

.hero-stats[b-on71bnr7p5] {
    position: relative;
    z-index: 1;
    margin-top: 1.25rem;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(215px, 1fr));
    gap: .85rem;
}

.stat-card[b-on71bnr7p5] {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .24);
    border-radius: 1.05rem;
    background: rgba(255, 255, 255, .14);
    padding: .9rem;
    backdrop-filter: blur(8px);
    transition: transform .18s ease, background-color .18s ease, border-color .18s ease, box-shadow .18s ease;
}

    .stat-card[b-on71bnr7p5]::after {
        content: "";
        position: absolute;
        width: 90px;
        height: 90px;
        right: -42px;
        bottom: -45px;
        border-radius: 50%;
        background: rgba(255, 255, 255, .12);
        pointer-events: none;
    }

    .stat-card:hover[b-on71bnr7p5] {
        transform: translateY(-4px);
        background: rgba(255, 255, 255, .20);
        border-color: rgba(255, 255, 255, .34);
        box-shadow: 0 14px 26px rgba(2, 6, 23, .16);
    }

.stat-label[b-on71bnr7p5] {
    position: relative;
    z-index: 1;
    font-size: .78rem;
    display: block;
    opacity: .88;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .045em;
}

.stat-value[b-on71bnr7p5] {
    position: relative;
    z-index: 1;
    display: block;
    margin-top: .28rem;
    font-size: 1rem;
    font-weight: 850;
    line-height: 1.25;
    word-break: break-word;
}

/* =========================
   CARD INTRO / MENSAJE
========================= */

.profile-shell > section.card[b-on71bnr7p5] {
    border: 1px solid var(--profile-border) !important;
    border-radius: 1.25rem;
    background: linear-gradient(180deg, #ffffff, #fbfdff);
    box-shadow: 0 12px 28px rgba(15, 23, 42, .06) !important;
    overflow: hidden;
}

    .profile-shell > section.card h2[b-on71bnr7p5] {
        color: var(--profile-text);
        font-weight: 850;
        letter-spacing: -.02em;
    }

    .profile-shell > section.card p[b-on71bnr7p5] {
        color: var(--profile-muted) !important;
    }

/* =========================
   ALERTAS
========================= */

.alert[b-on71bnr7p5] {
    border: 0;
    border-radius: 1rem;
    padding: .95rem 1rem;
    box-shadow: 0 12px 30px rgba(15, 23, 42, .08);
    animation: profile-fade-up .25s ease both;
}

.alert-success[b-on71bnr7p5] {
    color: #146c43;
    background: linear-gradient(135deg, #e9f8f1, #ffffff);
    border: 1px solid #c7eedb;
}

.alert-danger[b-on71bnr7p5] {
    color: #842029;
    background: linear-gradient(135deg, #fff1f1, #ffffff);
    border: 1px solid #ffc9c9;
}

.alert-warning[b-on71bnr7p5] {
    color: #92400e;
    background: linear-gradient(135deg, #fff4e6, #ffffff);
    border: 1px solid #ffd8a8;
}

.alert-info[b-on71bnr7p5] {
    color: #075985;
    background: linear-gradient(135deg, #e0f2fe, #ffffff);
    border: 1px solid #bae6fd;
}

.alert-primary[b-on71bnr7p5] {
    color: #084298;
    background: linear-gradient(135deg, #eef5ff, #ffffff);
    border: 1px solid #dbe6ff;
}

/* =========================
   LOADING
========================= */

.loading-card[b-on71bnr7p5] {
    display: flex;
    gap: 1rem;
    align-items: center;
    padding: 1rem 1.25rem;
    border-radius: 1.15rem;
    background: #fff;
    border: 1px solid var(--profile-border);
    box-shadow: 0 12px 28px rgba(15, 23, 42, .06);
    color: var(--profile-muted);
    animation: profile-fade-up .35s ease both;
}

/* =========================
   TARJETAS DE OPCIONES
========================= */

.profile-shell .row.g-3 .card[b-on71bnr7p5] {
    position: relative;
    overflow: hidden;
    border: 1px solid var(--profile-border) !important;
    border-radius: 1.25rem;
    background: linear-gradient(180deg, #ffffff, #fbfdff);
    box-shadow: 0 12px 28px rgba(15, 23, 42, .06) !important;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
}

    .profile-shell .row.g-3 .card[b-on71bnr7p5]::before {
        content: "";
        position: absolute;
        inset: 0 auto 0 0;
        width: 5px;
        background: linear-gradient(180deg, #0d6efd, #20c997);
        opacity: .72;
    }

    .profile-shell .row.g-3 .card[b-on71bnr7p5]::after {
        content: "";
        position: absolute;
        width: 105px;
        height: 105px;
        right: -45px;
        bottom: -55px;
        border-radius: 50%;
        background: rgba(13, 110, 253, .07);
        pointer-events: none;
    }

    .profile-shell .row.g-3 .card:hover[b-on71bnr7p5] {
        transform: translateY(-4px);
        box-shadow: var(--profile-shadow-hover) !important;
        border-color: rgba(13, 110, 253, .35) !important;
        background: linear-gradient(180deg, #ffffff, #f8fbff);
    }

.profile-shell .row.g-3 .card-body[b-on71bnr7p5] {
    position: relative;
    z-index: 1;
}

.profile-shell .row.g-3 h6[b-on71bnr7p5] {
    color: var(--profile-text);
    font-weight: 850;
    letter-spacing: -.01em;
}

.profile-shell .row.g-3 .small.text-muted[b-on71bnr7p5] {
    color: var(--profile-muted) !important;
    min-height: 38px;
}

/* =========================
   CARD FINAL
========================= */

.profile-form-card[b-on71bnr7p5] {
    border: 1px solid var(--profile-border) !important;
    border-radius: 1.25rem;
    background: linear-gradient(180deg, #ffffff, #fbfdff);
    box-shadow: var(--profile-shadow);
    animation: profile-slide-up-b-on71bnr7p5 .45s ease-out both;
}

    .profile-form-card .card-body[b-on71bnr7p5] {
        padding: 1.2rem !important;
    }

    .profile-form-card p[b-on71bnr7p5] {
        color: var(--profile-muted) !important;
        font-weight: 650;
    }

/* =========================
   MODALES
========================= */

.modal-content[b-on71bnr7p5] {
    border: 0;
    border-radius: 1.35rem;
    overflow: hidden;
    box-shadow: 0 28px 80px rgba(15, 23, 42, .30);
    animation: profile-modal-in-b-on71bnr7p5 .26s ease-out both;
    background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
}

.modal-header[b-on71bnr7p5] {
    position: relative;
    padding: 1rem 1.2rem;
    background: linear-gradient(135deg, #f8fbff, #ffffff), radial-gradient(circle at top right, rgba(13, 110, 253, .12), transparent 35%);
    border-bottom: 1px solid var(--profile-border);
}

    .modal-header[b-on71bnr7p5]::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 5px;
        background: linear-gradient(180deg, #0d6efd, #20c997);
    }

.modal-title[b-on71bnr7p5] {
    color: var(--profile-text);
    font-weight: 850;
    letter-spacing: -.01em;
}

.modal-body[b-on71bnr7p5] {
    padding: 1.15rem 1.2rem 1.25rem;
}

.modal-footer[b-on71bnr7p5] {
    background: #f8fafc;
    border-top: 1px solid var(--profile-border);
    padding: .95rem 1.2rem;
}

/* =========================
   FORMULARIOS
========================= */

.form-label[b-on71bnr7p5] {
    color: #344054;
    font-weight: 800;
    font-size: .88rem;
}

.form-control[b-on71bnr7p5],
.form-select[b-on71bnr7p5] {
    border-radius: .9rem;
    border-color: #d8e0ec;
    min-height: 42px;
    transition: border-color .15s ease, box-shadow .15s ease, background-color .15s ease;
}

    .form-control:hover[b-on71bnr7p5],
    .form-select:hover[b-on71bnr7p5] {
        border-color: #b9c7dc;
    }

    .form-control:focus[b-on71bnr7p5],
    .form-select:focus[b-on71bnr7p5] {
        border-color: rgba(13, 110, 253, .55);
        box-shadow: 0 0 0 .22rem rgba(13, 110, 253, .12);
    }

    .form-control[readonly][b-on71bnr7p5],
    .form-select:disabled[b-on71bnr7p5],
    .form-control:disabled[b-on71bnr7p5] {
        background: #f8fafc;
        color: #667085;
    }


.locked-field-wrap[b-on71bnr7p5] {
    position: relative;
}

.inspector-number-locked[b-on71bnr7p5] {
    padding-right: 2.5rem;
    border-style: dashed;
    border-color: #cbd5e1 !important;
    background: linear-gradient(135deg, #f8fafc 0%, #eef2f7 100%) !important;
    color: #64748b !important;
    cursor: not-allowed;
    box-shadow: inset 0 0 0 1px rgba(148, 163, 184, .16);
}

.locked-field-icon[b-on71bnr7p5] {
    position: absolute;
    right: .85rem;
    top: 50%;
    transform: translateY(-50%);
    color: #64748b;
    pointer-events: none;
}

.locked-field-help[b-on71bnr7p5] {
    color: #64748b;
    font-weight: 600;
}

/* =========================
   BOTONES
========================= */

.btn[b-on71bnr7p5] {
    border-radius: .85rem;
    font-weight: 800;
    transition: transform .15s ease, box-shadow .15s ease, background-color .15s ease, border-color .15s ease;
}

    .btn:hover:not(:disabled)[b-on71bnr7p5] {
        transform: translateY(-1px);
        box-shadow: 0 .45rem 1rem rgba(15, 23, 42, .13);
    }

    .btn:active:not(:disabled)[b-on71bnr7p5] {
        transform: translateY(0);
        box-shadow: none;
    }

.btn-primary[b-on71bnr7p5],
.btn-danger[b-on71bnr7p5] {
    border: 0;
}

.btn-primary[b-on71bnr7p5] {
    background: linear-gradient(135deg, #0d6efd, #0a58ca);
}

.btn-danger[b-on71bnr7p5] {
    background: linear-gradient(135deg, #dc3545, #b02a37);
}

.btn-outline-secondary[b-on71bnr7p5] {
    border-color: #d0d5dd;
    color: #475467;
}

    .btn-outline-secondary:hover[b-on71bnr7p5] {
        color: #ffffff;
        border-color: transparent;
        background: linear-gradient(135deg, #667085, #475467);
    }

.btn-outline-danger:hover[b-on71bnr7p5] {
    border-color: transparent;
    background: linear-gradient(135deg, #dc3545, #b02a37);
}

/* =========================
   2FA / QR / RECOVERY
========================= */

.img-thumbnail[b-on71bnr7p5] {
    border-radius: 1rem;
    border: 1px solid #dbe6ff;
    padding: .5rem;
    background: #ffffff;
    box-shadow: 0 12px 28px rgba(15, 23, 42, .08);
}

code[b-on71bnr7p5] {
    display: inline-flex;
    padding: .2rem .45rem;
    border-radius: .5rem;
    color: #084298;
    background: #eef5ff;
    border: 1px solid #dbe6ff;
    font-weight: 800;
}

.modal-body ul[b-on71bnr7p5] {
    padding-left: 1.2rem;
}

.modal-body li[b-on71bnr7p5] {
    margin-bottom: .25rem;
}

/* =========================
   TABLA DISPOSITIVOS
========================= */

.table-responsive[b-on71bnr7p5] {
    border: 1px solid var(--profile-border);
    border-radius: 1rem;
    overflow: auto;
    box-shadow: 0 12px 28px rgba(15, 23, 42, .05);
}

.table[b-on71bnr7p5] {
    margin-bottom: 0;
}

    .table thead th[b-on71bnr7p5] {
        padding: .85rem .9rem;
        text-transform: uppercase;
        font-size: .7rem;
        letter-spacing: .075em;
        color: #5d6678;
        background: linear-gradient(180deg, #f8fafc, #f1f5f9);
        border-bottom: 1px solid var(--profile-border);
        white-space: nowrap;
    }

    .table tbody td[b-on71bnr7p5] {
        padding: .85rem .9rem;
        border-color: #eef2f7;
        color: var(--profile-text);
        vertical-align: middle;
    }

    .table tbody tr[b-on71bnr7p5] {
        transition: background-color .18s ease, transform .18s ease, box-shadow .18s ease;
    }

        .table tbody tr:hover[b-on71bnr7p5] {
            background: #f8fbff;
            transform: translateY(-1px);
            box-shadow: inset 4px 0 0 var(--profile-primary);
        }

/* =========================
   BADGES
========================= */

.badge[b-on71bnr7p5] {
    border-radius: 999px;
    padding: .35rem .7rem;
    font-weight: 850;
    font-size: .75rem;
    border: 1px solid transparent;
}

.bg-success[b-on71bnr7p5] {
    color: #146c43 !important;
    background: #e9f8f1 !important;
    border-color: #c7eedb !important;
}

.bg-primary[b-on71bnr7p5] {
    color: #084298 !important;
    background: #eef5ff !important;
    border-color: #dbe6ff !important;
}

/* =========================
   UTILIDADES / ANIMACIONES
========================= */

.fade-in-up[b-on71bnr7p5] {
    animation: profile-slide-up-b-on71bnr7p5 .42s ease-out both;
}

@keyframes profile-page-in-b-on71bnr7p5 {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

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

@keyframes profile-slide-up-b-on71bnr7p5 {
    from {
        opacity: 0;
        transform: translateY(12px);
    }

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

@keyframes profile-modal-in-b-on71bnr7p5 {
    from {
        opacity: 0;
        transform: translateY(16px) scale(.98);
    }

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

@keyframes profile-pulse-glow-b-on71bnr7p5 {
    0%, 100% {
        transform: scale(1);
        opacity: .65;
    }

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

/* =========================
   RESPONSIVE
========================= */

@media (max-width: 992px) {
    .profile-shell[b-on71bnr7p5] {
        max-width: 100%;
        padding-left: .5rem;
        padding-right: .5rem;
    }

    .hero-stats[b-on71bnr7p5] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .hero-card[b-on71bnr7p5] {
        padding: 1.15rem;
        border-radius: 1.2rem;
    }

        .hero-card h1[b-on71bnr7p5] {
            font-size: 1.55rem;
        }

            .hero-card h1[b-on71bnr7p5]::before {
                font-size: .7rem;
            }

    .profile-shell > section.card .card-body[b-on71bnr7p5],
    .profile-form-card .card-body[b-on71bnr7p5] {
        padding: 1rem !important;
    }

    .modal-footer[b-on71bnr7p5] {
        flex-direction: column;
        align-items: stretch;
    }

        .modal-footer .btn[b-on71bnr7p5] {
            width: 100%;
        }

    .table thead th[b-on71bnr7p5],
    .table tbody td[b-on71bnr7p5] {
        white-space: nowrap;
    }
}

@media (max-width: 520px) {
    .stat-card[b-on71bnr7p5] {
        padding: .8rem;
    }

    .stat-value[b-on71bnr7p5] {
        font-size: .95rem;
    }

    .modal-dialog[b-on71bnr7p5] {
        margin: .5rem;
    }
}

.inspector-summary[b-on71bnr7p5] {
    border: 1px solid var(--profile-border);
    border-radius: 1rem;
    background: linear-gradient(135deg, #f8fbff, #ffffff);
    padding: .85rem;
}

.inspector-photo[b-on71bnr7p5] {
    width: 76px;
    height: 76px;
    object-fit: cover;
    border-radius: 999px;
    border: 3px solid #ffffff;
    box-shadow: 0 10px 22px rgba(15, 23, 42, .14);
}
/* /Components/Pages/Sistema/Catalogos.razor.rz.scp.css */
.catalogos-page[b-m0or0f1nep] {
    padding: 1rem 0 1.8rem;
    animation: catalogos-page-in-b-m0or0f1nep .35s ease both;
}

/* =========================
   HERO PRINCIPAL
========================= */
.catalogos-hero[b-m0or0f1nep] {
    position: relative;
    border: 1px solid rgba(13, 110, 253, .14);
    border-radius: 1.45rem;
    padding: 1.45rem 1.55rem;
    background: linear-gradient(135deg, rgba(13, 110, 253, .12), rgba(255, 255, 255, .95)), radial-gradient(circle at top right, rgba(25, 135, 84, .14), transparent 42%), radial-gradient(circle at bottom left, rgba(13, 110, 253, .08), transparent 34%);
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1.25rem;
    box-shadow: 0 16px 40px rgba(15, 23, 42, .09);
    overflow: hidden;
}

    .catalogos-hero[b-m0or0f1nep]::before {
        content: "";
        position: absolute;
        width: 210px;
        height: 210px;
        right: -80px;
        top: -90px;
        border-radius: 50%;
        background: rgba(13, 110, 253, .12);
        pointer-events: none;
    }

    .catalogos-hero[b-m0or0f1nep]::after {
        content: "";
        position: absolute;
        width: 110px;
        height: 110px;
        left: -45px;
        bottom: -50px;
        border-radius: 50%;
        background: rgba(25, 135, 84, .09);
        pointer-events: none;
    }

    .catalogos-hero h1[b-m0or0f1nep] {
        position: relative;
        z-index: 1;
        margin: 0;
        color: #172033;
        font-size: clamp(1.65rem, 2.5vw, 2.15rem);
        font-weight: 850;
        letter-spacing: -.035em;
    }

        .catalogos-hero h1[b-m0or0f1nep]::before {
            content: "Administración";
            display: inline-flex;
            align-items: center;
            width: fit-content;
            margin-bottom: .45rem;
            padding: .25rem .7rem;
            border-radius: 999px;
            color: #084298;
            background: rgba(13, 110, 253, .09);
            border: 1px solid rgba(13, 110, 253, .14);
            font-size: .78rem;
            font-weight: 850;
            letter-spacing: .05em;
            text-transform: uppercase;
        }

    .catalogos-hero p[b-m0or0f1nep] {
        position: relative;
        z-index: 1;
        margin-top: .3rem;
        color: #667085 !important;
        font-size: .97rem;
    }

    .catalogos-hero .badge[b-m0or0f1nep] {
        position: relative;
        z-index: 1;
        padding: .55rem .85rem;
        border-radius: 999px;
        color: #084298;
        background: rgba(255, 255, 255, .9) !important;
        border: 1px solid rgba(13, 110, 253, .16);
        font-size: .82rem;
        font-weight: 850;
        box-shadow: 0 10px 22px rgba(15, 23, 42, .08);
        backdrop-filter: blur(8px);
    }

/* =========================
   ALERTAS
========================= */
.catalogos-page .alert[b-m0or0f1nep] {
    border: 0;
    border-radius: 1rem;
    padding: .95rem 1rem;
    box-shadow: 0 12px 30px rgba(15, 23, 42, .08);
    animation: catalogos-fade-up-b-m0or0f1nep .25s ease both;
}

.catalogos-page .alert-success[b-m0or0f1nep] {
    color: #146c43;
    background: linear-gradient(135deg, #e9f8f1, #ffffff);
    border: 1px solid #c7eedb;
}

    .catalogos-page .alert-success[b-m0or0f1nep]::before {
        content: "✓ ";
        font-weight: 900;
    }

.catalogos-page .alert-danger[b-m0or0f1nep] {
    color: #842029;
    background: linear-gradient(135deg, #fff1f1, #ffffff);
    border: 1px solid #ffc9c9;
}

    .catalogos-page .alert-danger[b-m0or0f1nep]::before {
        content: "⚠ ";
        font-weight: 900;
    }

/* =========================
   GRID DE CATÁLOGOS
========================= */
.catalogos-grid[b-m0or0f1nep] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(285px, 1fr));
    gap: 1rem;
}

/* =========================
   CARD DE CATÁLOGO
========================= */
.catalogo-card[b-m0or0f1nep] {
    position: relative;
    min-height: 156px;
    border: 1px solid #e5eaf3;
    border-radius: 1.3rem;
    background: linear-gradient(180deg, #ffffff, #fbfdff);
    padding: 1.05rem;
    text-align: left;
    color: #172033;
    box-shadow: 0 12px 28px rgba(15, 23, 42, .06);
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
    overflow: hidden;
    animation: catalogos-card-in-b-m0or0f1nep .35s ease both;
}

    .catalogo-card[b-m0or0f1nep]::before {
        content: "";
        position: absolute;
        inset: 0 auto 0 0;
        width: 5px;
        background: linear-gradient(180deg, #0d6efd, #20c997);
        opacity: .72;
        transition: width .18s ease, opacity .18s ease;
    }

    .catalogo-card[b-m0or0f1nep]::after {
        content: "";
        position: absolute;
        width: 125px;
        height: 125px;
        right: -52px;
        bottom: -62px;
        border-radius: 50%;
        background: radial-gradient(circle, rgba(13, 110, 253, .10), rgba(13, 110, 253, .02));
        pointer-events: none;
        transition: transform .2s ease, opacity .2s ease;
    }

    .catalogo-card:hover[b-m0or0f1nep] {
        transform: translateY(-5px);
        box-shadow: 0 20px 48px rgba(15, 23, 42, .14);
        border-color: rgba(13, 110, 253, .38);
        background: linear-gradient(180deg, #ffffff, #f8fbff);
    }

        .catalogo-card:hover[b-m0or0f1nep]::before {
            width: 7px;
            opacity: 1;
        }

        .catalogo-card:hover[b-m0or0f1nep]::after {
            transform: scale(1.12);
            opacity: 1;
        }

    .catalogo-card:active[b-m0or0f1nep] {
        transform: translateY(-2px);
    }

    .catalogo-card:focus-visible[b-m0or0f1nep] {
        outline: none;
        border-color: rgba(13, 110, 253, .75);
        box-shadow: 0 0 0 .24rem rgba(13, 110, 253, .14), 0 20px 48px rgba(15, 23, 42, .14);
    }

    .catalogo-card h2[b-m0or0f1nep] {
        position: relative;
        z-index: 1;
        color: #172033;
        font-weight: 850;
        letter-spacing: -.02em;
    }

    .catalogo-card p[b-m0or0f1nep] {
        position: relative;
        z-index: 1;
        color: #667085 !important;
        font-size: .9rem;
        line-height: 1.38;
    }

    .catalogo-card .bi-chevron-right[b-m0or0f1nep] {
        position: relative;
        z-index: 1;
        width: 2rem;
        height: 2rem;
        display: inline-grid;
        place-items: center;
        flex: 0 0 auto;
        border-radius: .8rem;
        color: #98a2b3;
        background: #f8fafc;
        border: 1px solid #eef2f7;
        transition: transform .18s ease, color .18s ease, background-color .18s ease, border-color .18s ease;
    }

    .catalogo-card:hover .bi-chevron-right[b-m0or0f1nep] {
        transform: translateX(3px);
        color: #0d6efd;
        background: #eef5ff;
        border-color: #dbe6ff;
    }

/* =========================
   MÉTRICAS DE CARD
========================= */
.catalogo-metrics[b-m0or0f1nep] {
    position: relative;
    z-index: 1;
    display: flex;
    gap: .5rem;
    margin-top: .95rem;
    flex-wrap: wrap;
}

    .catalogo-metrics .badge[b-m0or0f1nep] {
        border-radius: 999px;
        padding: .38rem .68rem;
        font-size: .76rem;
        font-weight: 850;
        border: 1px solid transparent;
    }

    .catalogo-metrics .text-bg-light[b-m0or0f1nep] {
        color: #475467 !important;
        background: #f2f4f7 !important;
        border-color: #e4e7ec;
    }

    .catalogo-metrics .text-bg-success[b-m0or0f1nep] {
        color: #146c43 !important;
        background: #e9f8f1 !important;
        border-color: #c7eedb;
    }

    .catalogo-metrics .text-bg-secondary[b-m0or0f1nep] {
        color: #667085 !important;
        background: #f2f4f7 !important;
        border-color: #e4e7ec;
    }

/* =========================
   MODALES PRINCIPALES
========================= */
.catalogo-modal-main[b-m0or0f1nep],
.catalogo-modal-form[b-m0or0f1nep] {
    border: 0;
    border-radius: 1.45rem;
    box-shadow: 0 26px 78px rgba(15, 23, 42, .28);
    overflow: hidden;
    animation: catalogos-modal-in-b-m0or0f1nep .26s ease-out both;
}

    .catalogo-modal-main .modal-header[b-m0or0f1nep],
    .catalogo-modal-form .modal-header[b-m0or0f1nep] {
        position: relative;
        padding: 1.05rem 1.2rem;
        background: linear-gradient(135deg, #f8fbff, #ffffff), radial-gradient(circle at top right, rgba(13, 110, 253, .12), transparent 35%);
        border-bottom: 1px solid #e5eaf3;
    }

        .catalogo-modal-main .modal-header[b-m0or0f1nep]::before,
        .catalogo-modal-form .modal-header[b-m0or0f1nep]::before {
            content: "";
            position: absolute;
            left: 0;
            top: 0;
            bottom: 0;
            width: 5px;
            background: linear-gradient(180deg, #0d6efd, #20c997);
        }

    .catalogo-modal-main .modal-title[b-m0or0f1nep],
    .catalogo-modal-form .modal-title[b-m0or0f1nep] {
        color: #172033;
        font-weight: 850;
        letter-spacing: -.01em;
    }

    .catalogo-modal-main .modal-body[b-m0or0f1nep],
    .catalogo-modal-form .modal-body[b-m0or0f1nep] {
        padding: 1.15rem;
    }

    .catalogo-modal-form .modal-footer[b-m0or0f1nep],
    .catalogo-modal-main .modal-footer[b-m0or0f1nep] {
        background: #f8fafc;
        border-top: 1px solid #e5eaf3;
    }

/* =========================
   TOOLBAR BUSCADOR
========================= */
.toolbar[b-m0or0f1nep] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: .75rem;
    align-items: center;
    padding: .9rem;
    border: 1px solid #e5eaf3;
    border-radius: 1.1rem;
    background: linear-gradient(135deg, rgba(13, 110, 253, .045), rgba(255, 255, 255, .98));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .9);
}

    .toolbar .form-control[b-m0or0f1nep] {
        min-height: 44px;
        padding-left: .95rem;
    }

    .toolbar .btn[b-m0or0f1nep] {
        min-height: 44px;
        border-radius: .85rem;
        font-weight: 850;
        background: linear-gradient(135deg, #0d6efd, #0a58ca);
        border: 0;
    }

/* =========================
   TABLA DEL MODAL
========================= */
.catalogo-modal-main .table[b-m0or0f1nep] {
    margin-bottom: 0;
}

.catalogo-modal-main .table-responsive[b-m0or0f1nep] {
    border: 1px solid #e5eaf3;
    border-radius: 1.1rem;
    overflow: auto;
    box-shadow: 0 12px 28px rgba(15, 23, 42, .05);
}

.catalogo-modal-main .table thead th[b-m0or0f1nep] {
    position: sticky;
    top: 0;
    z-index: 2;
    padding: .9rem .95rem;
    text-transform: uppercase;
    font-size: .7rem;
    letter-spacing: .075em;
    color: #5d6678;
    background: linear-gradient(180deg, #f8fafc, #f1f5f9);
    border-bottom: 1px solid #e5eaf3;
    white-space: nowrap;
}

.catalogo-modal-main .table tbody td[b-m0or0f1nep] {
    padding: .9rem .95rem;
    border-color: #eef2f7;
    color: #172033;
    vertical-align: middle;
}

.catalogo-modal-main .table tbody tr[b-m0or0f1nep] {
    transition: background-color .18s ease, transform .18s ease, box-shadow .18s ease;
}

    .catalogo-modal-main .table tbody tr:hover[b-m0or0f1nep] {
        background: #f8fbff;
        transform: translateY(-1px);
        box-shadow: inset 4px 0 0 #0d6efd;
    }

/* =========================
   BADGES
========================= */
.catalogo-modal-main .badge[b-m0or0f1nep] {
    border-radius: 999px;
    padding: .34rem .65rem;
    font-weight: 850;
    font-size: .75rem;
}

.catalogo-modal-main .text-bg-success[b-m0or0f1nep] {
    color: #146c43 !important;
    background: #e9f8f1 !important;
    border: 1px solid #c7eedb;
}

.catalogo-modal-main .text-bg-secondary[b-m0or0f1nep] {
    color: #667085 !important;
    background: #f2f4f7 !important;
    border: 1px solid #e4e7ec;
}

.catalogo-modal-main .text-bg-info[b-m0or0f1nep] {
    color: #075985 !important;
    background: #e0f2fe !important;
    border: 1px solid #bae6fd;
}

.catalogo-modal-main .text-bg-light[b-m0or0f1nep] {
    color: #667085 !important;
    background: #f2f4f7 !important;
    border: 1px solid #e4e7ec;
}

/* =========================
   FORMULARIOS
========================= */
.catalogo-modal-form .form-label[b-m0or0f1nep] {
    color: #344054;
    font-weight: 800;
    font-size: .88rem;
}

.catalogo-modal-form .form-control[b-m0or0f1nep],
.catalogo-modal-form .form-select[b-m0or0f1nep],
.catalogo-modal-main .form-control[b-m0or0f1nep],
.catalogo-modal-main .form-select[b-m0or0f1nep] {
    border-radius: .9rem;
    border-color: #d8e0ec;
    min-height: 42px;
    transition: border-color .15s ease, box-shadow .15s ease, background-color .15s ease;
}

    .catalogo-modal-form .form-control:hover[b-m0or0f1nep],
    .catalogo-modal-form .form-select:hover[b-m0or0f1nep],
    .catalogo-modal-main .form-control:hover[b-m0or0f1nep],
    .catalogo-modal-main .form-select:hover[b-m0or0f1nep] {
        border-color: #b9c7dc;
    }

    .catalogo-modal-form .form-control:focus[b-m0or0f1nep],
    .catalogo-modal-form .form-select:focus[b-m0or0f1nep],
    .catalogo-modal-main .form-control:focus[b-m0or0f1nep],
    .catalogo-modal-main .form-select:focus[b-m0or0f1nep] {
        border-color: rgba(13, 110, 253, .55);
        box-shadow: 0 0 0 .22rem rgba(13, 110, 253, .12);
    }

.catalogo-modal-form .form-text[b-m0or0f1nep] {
    color: #667085;
}

/* =========================
   CHECKLISTS
========================= */
.tipo-solicitud-checklist[b-m0or0f1nep] {
    max-height: 270px;
    overflow-y: auto;
    border-color: #e5eaf3 !important;
    border-radius: 1rem !important;
    background: linear-gradient(180deg, #ffffff, #fbfdff);
    padding: .8rem !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .9);
}

    .tipo-solicitud-checklist .form-check[b-m0or0f1nep] {
        padding-top: .32rem;
        padding-bottom: .32rem;
        border-radius: .7rem;
        transition: background-color .15s ease;
    }

        .tipo-solicitud-checklist .form-check:hover[b-m0or0f1nep] {
            background: #f8fbff;
        }

    .tipo-solicitud-checklist .form-check-input[b-m0or0f1nep] {
        cursor: pointer;
    }

    .tipo-solicitud-checklist .form-check-label[b-m0or0f1nep] {
        color: #344054;
        font-weight: 650;
        cursor: pointer;
    }

/* =========================
   MODAL CONFIRMACIÓN
========================= */
.modal-content:not(.catalogo-modal-main):not(.catalogo-modal-form)[b-m0or0f1nep] {
    border: 0;
    border-radius: 1.25rem;
    box-shadow: 0 26px 78px rgba(15, 23, 42, .28);
    overflow: hidden;
    animation: catalogos-modal-in-b-m0or0f1nep .24s ease-out both;
}

    .modal-content:not(.catalogo-modal-main):not(.catalogo-modal-form) .modal-header[b-m0or0f1nep] {
        background: linear-gradient(135deg, #fff8f8, #ffffff);
        border-bottom: 1px solid #f1d7d7;
    }

    .modal-content:not(.catalogo-modal-main):not(.catalogo-modal-form) .modal-title[b-m0or0f1nep] {
        font-weight: 850;
        color: #842029;
    }

/* =========================
   BOTONES
========================= */
.catalogos-page .btn[b-m0or0f1nep],
.catalogo-modal-main .btn[b-m0or0f1nep],
.catalogo-modal-form .btn[b-m0or0f1nep],
.modal-content .btn[b-m0or0f1nep] {
    border-radius: .85rem;
    font-weight: 800;
    transition: transform .15s ease, box-shadow .15s ease, background-color .15s ease, border-color .15s ease;
}

    .catalogos-page .btn:hover:not(:disabled)[b-m0or0f1nep],
    .catalogo-modal-main .btn:hover:not(:disabled)[b-m0or0f1nep],
    .catalogo-modal-form .btn:hover:not(:disabled)[b-m0or0f1nep],
    .modal-content .btn:hover:not(:disabled)[b-m0or0f1nep] {
        transform: translateY(-1px);
        box-shadow: 0 .45rem 1rem rgba(15, 23, 42, .13);
    }

    .catalogos-page .btn:active:not(:disabled)[b-m0or0f1nep],
    .catalogo-modal-main .btn:active:not(:disabled)[b-m0or0f1nep],
    .catalogo-modal-form .btn:active:not(:disabled)[b-m0or0f1nep],
    .modal-content .btn:active:not(:disabled)[b-m0or0f1nep] {
        transform: translateY(0);
        box-shadow: none;
    }

/* =========================
   BACKDROP
========================= */
.modal-backdrop.show[b-m0or0f1nep] {
    opacity: .42;
    backdrop-filter: blur(4px);
}

/* =========================
   LOADING ACTUAL
========================= */
.catalogos-page > p[b-m0or0f1nep] {
    display: flex;
    align-items: center;
    gap: .65rem;
    padding: 1rem;
    border-radius: 1rem;
    color: #667085;
    background: #ffffff;
    border: 1px solid #e5eaf3;
    box-shadow: 0 12px 28px rgba(15, 23, 42, .06);
}

    .catalogos-page > p[b-m0or0f1nep]::before {
        content: "";
        width: 1rem;
        height: 1rem;
        border-radius: 50%;
        border: 2px solid #d0d5dd;
        border-top-color: #0d6efd;
        animation: catalogos-spin-b-m0or0f1nep .75s linear infinite;
    }

/* =========================
   ANIMACIONES
========================= */
@keyframes catalogos-page-in-b-m0or0f1nep {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

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

@keyframes catalogos-fade-up-b-m0or0f1nep {
    from {
        opacity: 0;
        transform: translateY(12px);
    }

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

@keyframes catalogos-card-in-b-m0or0f1nep {
    from {
        opacity: 0;
        transform: translateY(10px) scale(.985);
    }

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

@keyframes catalogos-modal-in-b-m0or0f1nep {
    from {
        opacity: 0;
        transform: translateY(16px) scale(.98);
    }

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

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

/* =========================
   RESPONSIVE
========================= */
@media (max-width: 768px) {
    .catalogos-hero[b-m0or0f1nep] {
        flex-direction: column;
        align-items: flex-start;
        padding: 1.15rem;
    }

        .catalogos-hero .badge[b-m0or0f1nep] {
            width: 100%;
            text-align: center;
        }

    .catalogos-grid[b-m0or0f1nep] {
        grid-template-columns: 1fr;
    }

    .toolbar[b-m0or0f1nep] {
        grid-template-columns: 1fr;
    }

        .toolbar .btn[b-m0or0f1nep] {
            width: 100%;
        }

    .catalogo-modal-main[b-m0or0f1nep],
    .catalogo-modal-form[b-m0or0f1nep] {
        border-radius: 1rem;
    }

    .catalogo-card[b-m0or0f1nep] {
        min-height: auto;
    }
}