/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-xemilh66a1] {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    background: var(--app-color-surface-soft);
}

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

.sidebar[b-xemilh66a1] {
    background-image: linear-gradient(180deg, var(--app-sidebar-gradient-start) 0%, var(--app-sidebar-gradient-end) 72%);
}

article[b-xemilh66a1] {
    padding: 1rem 1.5rem 1.5rem;
}

@media (max-width: 640.98px) {
    article[b-xemilh66a1] {
        padding: 0.85rem 1rem 1rem;
    }
}

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

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

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

#blazor-error-ui .dismiss[b-xemilh66a1] {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler-input[b-95b28uv4nm] {
    display: none;
}

.navbar-toggler[b-95b28uv4nm] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 0.3rem;
    width: 2.4rem;
    height: 2.4rem;
    padding: 0.4rem;
    cursor: pointer;
    border: 1px solid rgba(255, 255, 255, 0.28);
    border-radius: 0.5rem;
    background: rgba(255, 255, 255, 0.1);
    flex-shrink: 0;
}

.navbar-toggler__bar[b-95b28uv4nm] {
    display: block;
    width: 100%;
    height: 2px;
    background: rgba(255, 255, 255, 0.88);
    border-radius: 1px;
    transition: transform 0.2s ease;
}

.navbar-toggler-input:checked ~ .nav-scrollable[b-95b28uv4nm] {
    display: block;
}

.top-row[b-95b28uv4nm] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    min-height: 4.9rem;
    padding-right: 1rem;
    background: rgba(0, 0, 0, 0.08);
}

.nav-brand[b-95b28uv4nm] {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    flex: 1;
    min-width: 0;
}

.nav-brand__logo[b-95b28uv4nm] {
    width: 2.8rem;
    height: 2.8rem;
    padding: 0.2rem;
    border-radius: 0.7rem;
    background: rgba(255, 255, 255, 0.95);
    object-fit: contain;
}

.nav-brand__copy[b-95b28uv4nm] {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
    min-width: 0;
}

.navbar-brand[b-95b28uv4nm] {
    margin: 0;
    font-size: 0.98rem;
    font-weight: 700;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.bi[b-95b28uv4nm] {
    display: inline-block;
    position: relative;
    width: 1.15rem;
    height: 1.15rem;
    background-size: cover;
}

.bi-people-fill-nav-menu[b-95b28uv4nm] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-people-fill' viewBox='0 0 16 16'%3E%3Cpath d='M7 14s-1 0-1-1 1-4 5-4 5 3 5 4-1 1-1 1zm4-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6m-5.784 6A2.24 2.24 0 0 1 5 13c0-1.355.68-2.75 1.936-3.72A6.33 6.33 0 0 0 5 9c-4 0-5 3-5 4s1 1 1 1zM4.5 8a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5'/%3E%3C/svg%3E");
}

.nav-item[b-95b28uv4nm] {
    font-size: 0.9rem;
    padding-bottom: 0.28rem;
}

.nav-item:first-of-type[b-95b28uv4nm] {
    padding-top: 0.85rem;
}

.nav-item:last-of-type[b-95b28uv4nm] {
    padding-bottom: 1rem;
}

.nav-divider[b-95b28uv4nm] {
    height: 1px;
    margin: 0.8rem 1rem;
    background: rgba(255, 255, 255, 0.2);
}

.nav-item[b-95b28uv4nm]  .nav-link {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    height: 2.85rem;
    padding: 0 0.9rem;
    color: var(--app-sidebar-link);
    border: none;
    border-radius: 0.7rem;
    background: none;
    line-height: normal;
    width: 100%;
}

.nav-item[b-95b28uv4nm]  a.active {
    background-color: var(--app-sidebar-link-active);
    color: white;
}

.nav-item[b-95b28uv4nm]  .nav-link:hover {
    background-color: var(--app-sidebar-link-hover);
    color: white;
}

.nav-scrollable[b-95b28uv4nm] {
    display: none;
}

.nav-item[b-95b28uv4nm]  .nav-icon {
    width: 1.1rem;
    min-width: 1.1rem;
    height: 1.1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 0;
    position: static;
    font-size: 0.98rem;
}

.nav-logout[b-95b28uv4nm] {
    margin-top: auto;
    padding-bottom: 1rem;
}

.nav-logout-form[b-95b28uv4nm] {
    margin: 0;
    padding: 0;
}

.nav-logout-button[b-95b28uv4nm] {
    width: 100%;
    border: none;
    background: transparent;
    text-align: left;
    cursor: pointer;
}

@media (min-width: 641px) {
    .navbar-toggler[b-95b28uv4nm] {
        display: none;
    }

    .nav-scrollable[b-95b28uv4nm] {
        flex: 1 1 auto;
        min-height: 0;
        overflow-y: auto;
        display: flex;
        flex-direction: column;
    }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-yd52ls5pdr],
.components-reconnect-repeated-attempt-visible[b-yd52ls5pdr],
.components-reconnect-failed-visible[b-yd52ls5pdr],
.components-pause-visible[b-yd52ls5pdr],
.components-resume-failed-visible[b-yd52ls5pdr],
.components-rejoining-animation[b-yd52ls5pdr] {
    display: none;
}

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


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

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

}

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

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

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

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

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

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

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

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

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

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

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

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

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/Facturar.razor.rz.scp.css */
.facturar-page[b-c4elpgf6qx] {
    display: grid;
    gap: 1rem;
}

.facturar-page__layout[b-c4elpgf6qx] {
    display: grid;
    gap: 1rem;
}

.facturar-page__section[b-c4elpgf6qx] {
    display: grid;
    gap: 1rem;
}

.facturar-page__search[b-c4elpgf6qx] {
    display: grid;
    gap: 0.75rem;
}

.facturar-page__search-button[b-c4elpgf6qx],
.facturar-page__primary-action[b-c4elpgf6qx] {
    width: 100%;
    background: var(--app-button-accept-bg);
    border-color: var(--app-button-accept-border);
    color: var(--app-button-accept-text);
    box-shadow: var(--app-button-shadow);
}

.facturar-page__search-button:hover:not(:disabled)[b-c4elpgf6qx],
.facturar-page__primary-action:hover:not(:disabled)[b-c4elpgf6qx] {
    background: #3c9cc8;
    border-color: #3c9cc8;
    color: #ffffff;
}

.facturar-page__selected-user[b-c4elpgf6qx] {
    display: grid;
    gap: 0.2rem;
    padding: 1rem;
    border: 1px solid #dbe8ef;
    border-radius: 1rem;
    background: linear-gradient(180deg, #f9fcfe 0%, #eef7fb 100%);
}

.facturar-page__selected-label[b-c4elpgf6qx] {
    color: #6b8596;
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.facturar-page__actions[b-c4elpgf6qx] {
    display: flex;
}

.facturar-page__delivery-option small[b-c4elpgf6qx] {
    color: #5f7888;
    line-height: 1.4;
}

.facturar-page__section--summary[b-c4elpgf6qx] {
    padding: 1rem;
    border: 1px solid #dbe8ef;
    border-radius: 1rem;
    background: #f9fcfe;
}

.facturar-page__section--summary h3[b-c4elpgf6qx] {
    margin: 0;
    color: #16384a;
    font-size: 1rem;
}

.facturar-page__summary[b-c4elpgf6qx] {
    display: grid;
    gap: 0.75rem;
}

.facturar-page__summary-item[b-c4elpgf6qx] {
    display: grid;
    gap: 0.18rem;
    padding: 0.85rem 0.95rem;
    border-radius: 0.9rem;
    background: #ffffff;
    border: 1px solid #dbe8ef;
}

.facturar-page__summary-label[b-c4elpgf6qx] {
    color: #6b8596;
    font-size: 0.74rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.facturar-page__summary-value[b-c4elpgf6qx] {
    color: #16384a;
    font-size: 0.92rem;
    line-height: 1.4;
}

@media (min-width: 768px) {
    .facturar-page__layout[b-c4elpgf6qx] {
        grid-template-columns: minmax(0, 1.5fr) minmax(18rem, 0.95fr);
        align-items: start;
    }

    .facturar-page__search[b-c4elpgf6qx] {
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: end;
    }

    .facturar-page__search-button[b-c4elpgf6qx] {
        width: auto;
        min-width: 9rem;
    }
}
/* /Components/Pages/LectorCarnets.razor.rz.scp.css */
.lector-carnets__scanner[b-tx6irklkpq] {
    display: grid;
    gap: 0.9rem;
}

.lector-carnets__scanner-field[b-tx6irklkpq] {
    width: min(100%, 42rem);
}

.lector-carnets__scanner-actions[b-tx6irklkpq] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
}

.lector-carnets__scan-input[b-tx6irklkpq] {
    min-height: 3.2rem;
    padding: 0.8rem 1rem;
    font-size: 1.05rem;
    font-weight: 700;
    letter-spacing: 0.04em;
}

.lector-carnets__scan-button[b-tx6irklkpq] {
    box-shadow: var(--app-button-shadow);
}

.lector-carnets__camera-overlay[b-tx6irklkpq],
.lector-carnets__result-backdrop[b-tx6irklkpq] {
    position: fixed;
    inset: 0;
    z-index: 1300;
    display: grid;
    place-items: center;
    padding: 1rem;
    background: rgba(9, 18, 31, 0.72);
    backdrop-filter: blur(6px);
}

.lector-carnets__camera-card[b-tx6irklkpq] {
    width: min(100%, 34rem);
    border-radius: 1.4rem;
    background: #ffffff;
    box-shadow: 0 24px 56px rgba(15, 23, 42, 0.32);
    overflow: hidden;
}

.lector-carnets__camera-header[b-tx6irklkpq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.1rem;
    background: linear-gradient(180deg, #308ed5 0%, #2996f0 100%);
    color: #ffffff;
}

.lector-carnets__camera-header h2[b-tx6irklkpq] {
    margin: 0;
    font-size: 1.15rem;
}

.lector-carnets__camera-close[b-tx6irklkpq] {
    width: 2.5rem;
    height: 2.5rem;
    border: 0;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.14);
    color: #ffffff;
    font-size: 1.3rem;
    line-height: 1;
    cursor: pointer;
}

.lector-carnets__camera-body[b-tx6irklkpq] {
    display: grid;
    gap: 0.85rem;
    padding: 1rem;
}

.lector-carnets__camera-video[b-tx6irklkpq] {
    width: 100%;
    aspect-ratio: 3 / 4;
    border-radius: 1rem;
    background: #0f172a;
    object-fit: cover;
}

.lector-carnets__result-modal[b-tx6irklkpq] {
    width: min(100%, 34rem);
    max-height: min(92vh, 52rem);
    display: flex;
    flex-direction: column;
    border-radius: 1.6rem;
    overflow: hidden;
    color: #ffffff;
    box-shadow: 0 24px 60px rgba(15, 23, 42, 0.32);
}

.lector-carnets__result-modal--success[b-tx6irklkpq] {
    background: #39cc72;
}

.lector-carnets__result-modal--warning[b-tx6irklkpq] {
    background: #f7a400;
}

.lector-carnets__result-modal--danger[b-tx6irklkpq] {
    background: #ef4a3b;
}

.lector-carnets__result-topbar[b-tx6irklkpq] {
    display: flex;
    align-items: center;
    min-height: 4.8rem;
    padding: 1rem 1rem 0;
}

.lector-carnets__back-button[b-tx6irklkpq] {
    width: 2.75rem;
    height: 2.75rem;
    border: 0;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    color: #ffffff;
    font-size: 1.8rem;
    line-height: 1;
    cursor: pointer;
}

.lector-carnets__result-center[b-tx6irklkpq] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 0.85rem;
    padding: 1.4rem 1.4rem 2rem;
    overflow-y: auto;
}

.lector-carnets__result-icon[b-tx6irklkpq] {
    font-size: clamp(4.5rem, 10vw, 6rem);
    line-height: 1;
    font-weight: 300;
}

.lector-carnets__result-headline[b-tx6irklkpq] {
    font-size: clamp(2.4rem, 7vw, 3.5rem);
    line-height: 0.95;
    font-weight: 800;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.lector-carnets__result-subheadline[b-tx6irklkpq] {
    font-size: clamp(1.35rem, 4vw, 2rem);
    line-height: 1.05;
    font-weight: 300;
    text-transform: uppercase;
}

.lector-carnets__identity[b-tx6irklkpq] {
    display: grid;
    gap: 0.15rem;
    margin-top: 0.35rem;
}

.lector-carnets__identity-name[b-tx6irklkpq] {
    font-size: clamp(1.35rem, 3vw, 1.8rem);
    font-weight: 700;
}

.lector-carnets__identity-meta[b-tx6irklkpq] {
    font-size: clamp(1rem, 2.6vw, 1.2rem);
}

.lector-carnets__result-message[b-tx6irklkpq] {
    width: min(100%, 25rem);
    font-size: clamp(1rem, 2.5vw, 1.2rem);
    line-height: 1.4;
}

.lector-carnets__result-message--secondary[b-tx6irklkpq] {
    opacity: 0.92;
}

.lector-carnets__result-inline-details[b-tx6irklkpq] {
    width: min(100%, 26rem);
    display: grid;
    gap: 0.4rem;
    padding: 0.85rem 1rem;
    border-radius: 1rem;
    background: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.18);
    font-size: 0.98rem;
    line-height: 1.35;
}

.lector-carnets__result-inline-row[b-tx6irklkpq] {
    display: flex;
    gap: 0.4rem;
    align-items: baseline;
    justify-content: center;
    flex-wrap: wrap;
}

.lector-carnets__result-inline-key[b-tx6irklkpq] {
    font-weight: 700;
}

.lector-carnets__action-button[b-tx6irklkpq] {
    min-width: min(100%, 20rem);
    margin-top: 0.5rem;
    padding: 0.95rem 1.2rem;
    border: 2px solid rgba(255, 255, 255, 0.86);
    background: transparent;
    color: #ffffff;
    font-size: 1.2rem;
    font-weight: 700;
    letter-spacing: 0.03em;
    cursor: pointer;
}

.lector-carnets__action-button:hover[b-tx6irklkpq] {
    background: rgba(255, 255, 255, 0.08);
}

@media (max-width: 760px) {
    .lector-carnets__scanner-actions[b-tx6irklkpq] {
        flex-direction: column;
        align-items: stretch;
    }

    .lector-carnets__camera-overlay[b-tx6irklkpq],
    .lector-carnets__result-backdrop[b-tx6irklkpq] {
        padding: 0.75rem;
    }

    .lector-carnets__camera-card[b-tx6irklkpq],
    .lector-carnets__result-modal[b-tx6irklkpq] {
        width: 100%;
        border-radius: 1rem;
    }

    .lector-carnets__camera-video[b-tx6irklkpq] {
        aspect-ratio: 9 / 13;
    }

    .lector-carnets__result-center[b-tx6irklkpq] {
        padding: 1.25rem 1.1rem 1.5rem;
    }

    .lector-carnets__result-inline-details[b-tx6irklkpq],
    .lector-carnets__result-message[b-tx6irklkpq],
    .lector-carnets__action-button[b-tx6irklkpq] {
        width: min(100%, 21rem);
    }
}
/* /Components/Pages/Login.razor.rz.scp.css */
.auth-page[b-1mf11nptf0] {
    position: relative;
    min-height: 100vh;
    display: grid;
    place-items: center;
    overflow: hidden;
    padding: 2rem 1rem;
    background: linear-gradient(180deg, var(--app-auth-background-start) 0 34%, var(--app-auth-background-end) 34% 100%);
}

.auth-page[b-1mf11nptf0]::before {
    content: "";
    position: absolute;
    inset: 0 0 auto 0;
    height: 22rem;
    background: radial-gradient(circle at top right, var(--app-auth-glow), transparent 24rem);
}

.auth-page[b-1mf11nptf0]::after {
    content: "";
    position: absolute;
    right: -6rem;
    bottom: 6%;
    width: 18rem;
    height: 18rem;
    border-radius: 50%;
    background: var(--app-auth-accent-soft);
}

.auth-page__shape[b-1mf11nptf0] {
    position: absolute;
    pointer-events: none;
}

.auth-page__shape--top[b-1mf11nptf0] {
    top: 3rem;
    left: 14%;
    width: 12rem;
    height: 12rem;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.08);
}

.auth-page__shape--left[b-1mf11nptf0] {
    left: -4rem;
    bottom: -4rem;
    width: 16rem;
    height: 16rem;
    border-radius: 50%;
    background: var(--app-auth-accent-soft-strong);
}

.auth-page__shape--right[b-1mf11nptf0] {
    top: 10%;
    right: 12%;
    width: 5rem;
    height: 5rem;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.2);
}

.auth-card[b-1mf11nptf0] {
    position: relative;
    z-index: 1;
    width: min(100%, 24rem);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.1rem;
    margin-top: 5.5rem;
}

.auth-card__logo-frame[b-1mf11nptf0] {
    display: grid;
    place-items: center;
    width: 7rem;
    height: 7rem;
    padding: 0.55rem;
    margin-top: -1.25rem;
    overflow: hidden;
    border-radius: 1.5rem;
    background: #ffffff;
    box-shadow: 0 1rem 2rem rgba(24, 69, 110, 0.16);
}

.auth-card__icon[b-1mf11nptf0] {
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 1rem;
}

.auth-card__copy[b-1mf11nptf0] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.2rem;
    text-align: center;
    color: rgba(31, 52, 74, 0.82);
}

.auth-card__eyebrow[b-1mf11nptf0] {
    color: var(--app-color-text-on-brand);
    font-size: 0.84rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.auth-card__copy h1[b-1mf11nptf0] {
    margin: 0;
    font-size: clamp(1.6rem, 3vw, 1.95rem);
    font-weight: 600;
}

.auth-card__copy p[b-1mf11nptf0] {
    margin: 0;
    color: #516577;
    font-size: 0.96rem;
}

.auth-card__form[b-1mf11nptf0] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
    padding: 1.35rem 1.2rem 1.15rem;
    border: 1px solid var(--app-auth-card-border);
    border-radius: 1.5rem;
    background: linear-gradient(180deg, var(--app-auth-card-bg), var(--app-auth-card-bg-strong));
    box-shadow: var(--app-surface-shadow);
}

.auth-card__fields[b-1mf11nptf0] {
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
}

.auth-card__selector[b-1mf11nptf0] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.65rem;
}

.auth-card__selector-button[b-1mf11nptf0] {
    min-height: 3rem;
    border: 1px solid #c9d8e4;
    border-radius: 1rem;
    background: #f5f9fc;
    color: var(--app-color-text-primary);
    font: inherit;
    font-size: 0.92rem;
    font-weight: 600;
    padding: 0.75rem 0.9rem;
    transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
}

.auth-card__selector-button:hover[b-1mf11nptf0] {
    border-color: #8eb4cb;
    background: #eef6fb;
}

.auth-card__selector-button--active[b-1mf11nptf0] {
    border-color: var(--app-color-link);
    background: #dff0fb;
    color: #0b4f78;
    box-shadow: 0 0 0 0.18rem rgba(58, 126, 171, 0.14);
}

.auth-card__submit[b-1mf11nptf0] {
    margin-top: 0.2rem;
}

.auth-card__link[b-1mf11nptf0] {
    align-self: center;
    border: 0;
    background: transparent;
    color: var(--app-color-link);
    font-family: inherit;
    font-size: 0.96rem;
    font-weight: 600;
    padding: 0;
}

.auth-card__link:hover[b-1mf11nptf0] {
    color: var(--app-auth-link-hover);
    text-decoration: underline;
}

.auth-card__link:focus-visible[b-1mf11nptf0] {
    outline: none;
    text-decoration: underline;
}

.auth-card__notice[b-1mf11nptf0] {
    width: 100%;
    min-height: 3.35rem;
    display: grid;
    place-items: center;
    padding: 0.7rem 1rem;
    border: 1px solid #bde0ef;
    border-radius: 1rem;
    background: #ffffff;
    color: var(--app-color-text-primary);
    text-align: center;
    font-size: 0.88rem;
    line-height: 1.35;
    box-shadow: var(--app-surface-shadow);
}

.auth-card__notice--placeholder[b-1mf11nptf0] {
    display: none;
}

@media (max-width: 640px) {
    .auth-page[b-1mf11nptf0] {
        padding: 1.5rem 1rem 2rem;
        background: linear-gradient(180deg, var(--app-auth-background-start) 0 28%, var(--app-auth-background-end) 28% 100%);
    }

    .auth-card__logo-frame[b-1mf11nptf0] {
        width: 6.5rem;
        height: 6.5rem;
        margin-top: -0.6rem;
    }

    .auth-card[b-1mf11nptf0] {
        margin-top: clamp(2rem, 4vh, 3rem);
    }

    .auth-card__form[b-1mf11nptf0] {
        padding: 1.2rem 1rem 1rem;
    }

    .auth-card__selector[b-1mf11nptf0] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/UsuarioCuotas.razor.rz.scp.css */
.usuario-cuotas__summary[b-e727hjpfk7] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
    gap: 0.75rem;
}

.usuario-cuotas__summary-header[b-e727hjpfk7] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.usuario-cuotas__summary-header h3[b-e727hjpfk7] {
    margin: 0 0 0.25rem;
    color: #16384a;
    font-size: 1.1rem;
}

.usuario-cuotas__summary-header p[b-e727hjpfk7] {
    margin: 0;
    color: #5f798a;
    font-size: 0.86rem;
    line-height: 1.45;
}

.usuario-cuotas__summary-badges[b-e727hjpfk7] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.5rem;
}

.usuario-cuotas__summary--compact[b-e727hjpfk7] {
    grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr));
}

.usuario-cuotas__summary-item[b-e727hjpfk7] {
    display: grid;
    gap: 0.2rem;
    padding: 0.9rem 1rem;
    border: 1px solid #dbe8ef;
    border-radius: 0.9rem;
    background: #f9fcfe;
}

.usuario-cuotas__summary-label[b-e727hjpfk7] {
    color: #6b8596;
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.usuario-cuotas__summary-value[b-e727hjpfk7] {
    color: #16384a;
    font-size: 0.92rem;
    line-height: 1.4;
}

.usuario-cuotas__summary-item--wide[b-e727hjpfk7] {
    grid-column: 1 / -1;
}

.usuario-cuotas__toolbar[b-e727hjpfk7] {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 1rem;
}

.usuario-cuotas__filters[b-e727hjpfk7] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr));
    gap: 0.9rem;
    margin-bottom: 1rem;
}

.usuario-cuotas__filters-actions[b-e727hjpfk7] {
    display: flex;
    align-items: end;
    gap: 0.65rem;
}

.usuario-cuotas__action-button[b-e727hjpfk7] {
    width: 100%;
    background: var(--app-button-accept-bg);
    border-color: var(--app-button-accept-border);
    color: var(--app-button-accept-text);
    box-shadow: var(--app-button-shadow);
}

.usuario-cuotas__action-button:hover:not(:disabled)[b-e727hjpfk7] {
    background: #3c9cc8;
    border-color: #3c9cc8;
    color: #ffffff;
}

.usuario-cuotas__action-button--danger[b-e727hjpfk7] {
    background: #d94b57;
    border-color: #d94b57;
    color: #ffffff;
}

.usuario-cuotas__action-button--danger:hover:not(:disabled)[b-e727hjpfk7] {
    background: #bf3340;
    border-color: #bf3340;
}

@media (max-width: 640px) {
    .usuario-cuotas__summary-header[b-e727hjpfk7],
    .usuario-cuotas__filters-actions[b-e727hjpfk7],
    .usuario-cuotas__toolbar[b-e727hjpfk7] {
        flex-direction: column;
        align-items: stretch;
        justify-content: stretch;
    }

    .usuario-cuotas__summary-badges[b-e727hjpfk7] {
        justify-content: flex-start;
    }

    .usuario-cuotas__filters-actions .app-button[b-e727hjpfk7],
    .usuario-cuotas__toolbar .app-button[b-e727hjpfk7] {
        width: 100%;
    }
}
/* /Components/Pages/Usuarios.razor.rz.scp.css */
.usuarios__action-button[b-gh27utpek8] {
    background: var(--app-button-secondary-bg);
    border-color: var(--app-button-secondary-border);
    color: #1f5e8d;
    box-shadow: var(--app-button-shadow);
}

.usuarios__action-button:hover:not(:disabled)[b-gh27utpek8] {
    background: #d7ebf7;
    border-color: #94bed7;
    color: #184f79;
}
/* /Components/Shared/AppMetricCard.razor.rz.scp.css */
.app-metric-card[b-rsnw7px7ud] {
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
    padding: 1.1rem 1.2rem;
    border-radius: 1.2rem;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(241, 246, 255, 0.95));
    border: 1px solid var(--app-color-border);
    box-shadow: var(--app-surface-shadow);
}

.app-metric-card__head[b-rsnw7px7ud] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    color: var(--app-color-text-muted);
}

.app-metric-card__icon[b-rsnw7px7ud] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.2rem;
    height: 2.2rem;
    border-radius: 0.75rem;
    background: rgba(25, 87, 201, 0.1);
    color: var(--app-color-link);
    font-size: 0.95rem;
}

.app-metric-card__label[b-rsnw7px7ud] {
    font-size: 0.88rem;
    font-weight: 600;
}

.app-metric-card__value[b-rsnw7px7ud] {
    font-size: 1.85rem;
    line-height: 1;
    color: var(--app-color-text-primary);
}

.app-metric-card__caption[b-rsnw7px7ud] {
    font-size: 0.88rem;
    color: var(--app-color-text-muted);
}

@media (max-width: 760px) {
    .app-metric-card[b-rsnw7px7ud] {
        padding: 1rem;
    }

    .app-metric-card__value[b-rsnw7px7ud] {
        font-size: 1.55rem;
    }
}
/* /Components/Shared/AppPageHeader.razor.rz.scp.css */
.app-page-header[b-zjrkhl6ifc] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 1rem;
}

.app-page-header__identity[b-zjrkhl6ifc] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.app-page-header__icon[b-zjrkhl6ifc] {
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 1.2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, color-mix(in srgb, var(--app-color-link) 18%, white), color-mix(in srgb, var(--app-color-link) 8%, white));
    color: var(--app-color-link);
    box-shadow: 0 16px 32px rgba(15, 23, 42, 0.08);
    font-size: 1.45rem;
}

.app-page-header__copy[b-zjrkhl6ifc] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
}

.app-page-header__eyebrow[b-zjrkhl6ifc] {
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--app-color-link);
}

.app-page-header__title[b-zjrkhl6ifc] {
    margin: 0;
    font-size: clamp(1.25rem, 2vw, 1.65rem);
    line-height: 1.1;
    color: var(--app-color-text-primary);
}

.app-page-header__actions[b-zjrkhl6ifc] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.75rem;
}

@media (max-width: 860px) {
    .app-page-header[b-zjrkhl6ifc] {
        flex-direction: column;
        align-items: flex-start;
    }

    .app-page-header__actions[b-zjrkhl6ifc] {
        justify-content: flex-start;
    }
}
/* /Components/Shared/AppPanel.razor.rz.scp.css */
.app-panel[b-cvp8iyh730] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1.35rem;
    border-radius: 1.2rem;
    background: var(--app-color-surface);
    border: 1px solid var(--app-color-border);
    box-shadow: var(--app-surface-shadow);
}

.app-panel__header[b-cvp8iyh730] {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 1rem;
}

.app-panel__copy[b-cvp8iyh730] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.app-panel__title[b-cvp8iyh730] {
    margin: 0;
    font-size: 1.08rem;
    font-weight: 700;
    color: var(--app-color-text-primary);
}

.app-panel__subtitle[b-cvp8iyh730] {
    margin: 0;
    color: var(--app-color-text-muted);
    font-size: 0.92rem;
}

.app-panel__actions[b-cvp8iyh730] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
}

.app-panel__body[b-cvp8iyh730] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

@media (max-width: 760px) {
    .app-panel__header[b-cvp8iyh730] {
        flex-direction: column;
    }
}
/* /Components/Shared/CuotaOperacionModal.razor.rz.scp.css */
.app-cuota-modal[b-vbdv6hz1o0] {
    width: min(100%, 46rem);
}

.app-cuota-modal__header[b-vbdv6hz1o0] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.app-cuota-modal__description[b-vbdv6hz1o0] {
    margin: 0.4rem 0 0;
    color: #5f7888;
    font-size: 0.82rem;
    line-height: 1.45;
}

.app-cuota-modal__close[b-vbdv6hz1o0] {
    flex: 0 0 auto;
    display: grid;
    width: 2rem;
    height: 2rem;
    place-items: center;
    padding: 0;
    border: 1px solid #c7d9e3;
    border-radius: 50%;
    background: #ffffff;
    color: #48687a;
    font-size: 1.35rem;
    line-height: 1;
}

.app-cuota-modal__close:hover:not(:disabled)[b-vbdv6hz1o0] {
    border-color: #7da9bf;
    background: #edf6fa;
}

.app-cuota-modal__delivery-option small[b-vbdv6hz1o0] {
    color: #5f7888;
    line-height: 1.4;
}

@media (max-width: 640px) {
    .app-cuota-modal[b-vbdv6hz1o0] {
        width: min(100%, 100%);
    }
}
/* /Components/Shared/UsuarioDependienteModal.razor.rz.scp.css */
.app-dependent-modal[b-g8u49wasj3] {
    width: min(100%, 42rem);
}

.app-dependent-modal__header[b-g8u49wasj3] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.app-dependent-modal__description[b-g8u49wasj3] {
    margin: 0.4rem 0 0;
    color: #5f7888;
    font-size: 0.82rem;
    line-height: 1.45;
}

.app-dependent-modal__close[b-g8u49wasj3] {
    flex: 0 0 auto;
    display: grid;
    width: 2rem;
    height: 2rem;
    place-items: center;
    padding: 0;
    border: 1px solid #c7d9e3;
    border-radius: 50%;
    background: #ffffff;
    color: #48687a;
    font-size: 1.35rem;
    line-height: 1;
}

.app-dependent-modal__close:hover:not(:disabled)[b-g8u49wasj3] {
    border-color: #7da9bf;
    background: #edf6fa;
}

.app-dependent-modal__message[b-g8u49wasj3] {
    margin-bottom: 0.9rem;
    padding: 0.75rem 0.85rem;
    border: 1px solid #e1aaaa;
    border-radius: 0.65rem;
    background: #fff4f4;
    color: #873131;
    font-size: 0.82rem;
    line-height: 1.4;
}

.app-dependent-modal__switch[b-g8u49wasj3] {
    display: flex;
    gap: 0.65rem;
    margin-bottom: 1rem;
}

.app-dependent-modal__toggle[b-g8u49wasj3] {
    flex: 1;
    min-height: 2.75rem;
    border: 1px solid #c6d9e5;
    border-radius: 0.9rem;
    background: #f4f9fc;
    color: #2c556d;
    font: inherit;
    font-weight: 700;
    transition: border-color 150ms ease, background-color 150ms ease, color 150ms ease;
}

.app-dependent-modal__toggle--active[b-g8u49wasj3] {
    border-color: #4ca1cb;
    background: #dff0f8;
    color: #17384b;
}

.app-dependent-modal__context[b-g8u49wasj3] {
    margin: 0 0 0.8rem;
    color: #597486;
    font-size: 0.8rem;
}

.app-dependent-modal .app-field--span-2[b-g8u49wasj3] {
    grid-column: span 2;
}

.app-dependent-modal__search[b-g8u49wasj3] {
    display: flex;
    align-items: flex-end;
    gap: 0.65rem;
}

.app-dependent-modal__search-field[b-g8u49wasj3] {
    flex: 1 1 auto;
}

.app-dependent-modal__empty[b-g8u49wasj3] {
    margin-top: 0.9rem;
    padding: 0.85rem;
    border: 1px dashed #bed4df;
    border-radius: 0.7rem;
    background: #f7fbfd;
    color: #587384;
    font-size: 0.82rem;
    line-height: 1.45;
    text-align: center;
}

.app-dependent-modal__results-count[b-g8u49wasj3] {
    margin: 0.9rem 0 0;
    color: #587384;
    font-size: 0.78rem;
}

.app-dependent-modal__list[b-g8u49wasj3] {
    display: grid;
    gap: 0.7rem;
    max-height: 18rem;
    overflow: auto;
    margin-top: 0.9rem;
}

.app-dependent-modal__user[b-g8u49wasj3] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.75rem;
    width: 100%;
    padding: 0.85rem 1rem;
    border: 1px solid #d4e4ee;
    border-radius: 0.9rem;
    background: #fbfdfe;
    color: #21465b;
    text-align: left;
    font: inherit;
}

.app-dependent-modal__user:hover:not(:disabled)[b-g8u49wasj3] {
    border-color: #8db8cc;
    background: #f0f8fb;
}

.app-dependent-modal__user--active[b-g8u49wasj3] {
    border-color: #4ca1cb;
    background: #e8f4fa;
    box-shadow: 0 0 0 2px rgba(76, 161, 203, 0.12);
}

.app-dependent-modal__user-main[b-g8u49wasj3] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.app-dependent-modal__user-main strong[b-g8u49wasj3] {
    color: #17384b;
    font-size: 0.86rem;
}

.app-dependent-modal__user-main small[b-g8u49wasj3],
.app-dependent-modal__user-dni[b-g8u49wasj3] {
    color: #668090;
    font-size: 0.75rem;
}

@media (max-width: 640px) {
    .app-dependent-modal__switch[b-g8u49wasj3] {
        flex-direction: column;
    }

    .app-dependent-modal .app-field--span-2[b-g8u49wasj3] {
        grid-column: span 1;
    }

    .app-dependent-modal__search[b-g8u49wasj3] {
        align-items: stretch;
        flex-direction: column;
    }

    .app-dependent-modal__user[b-g8u49wasj3] {
        flex-direction: column;
        align-items: flex-start;
    }
}
/* /Components/Shared/UsuarioForm.razor.rz.scp.css */
.usuario-form-page[b-tj642d3at2] {
    display: flex;
    flex-direction: column;
    min-height: 100%;
    gap: 1rem;
    padding: 0.25rem 0 1.5rem;
    background: var(--app-color-surface-soft);
}

.usuario-form-page__header[b-tj642d3at2] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.85rem 0 0.25rem;
}

.usuario-form-page__heading[b-tj642d3at2] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.usuario-form-page__eyebrow[b-tj642d3at2] {
    color: var(--app-color-link);
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.09em;
    text-transform: uppercase;
}

.usuario-form-page__header h2[b-tj642d3at2] {
    margin: 0;
    color: var(--app-color-text-primary);
    font-size: 1.45rem;
    font-weight: 750;
}

.usuario-form-page__header p[b-tj642d3at2],
.usuario-form__section-heading p[b-tj642d3at2] {
    margin: 0;
    color: var(--app-color-text-muted);
    font-size: 0.84rem;
    line-height: 1.45;
}

.usuario-form-page__statuses[b-tj642d3at2] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.45rem;
}

.usuario-form__message[b-tj642d3at2] {
    padding: 0.8rem 1rem;
    border: 1px solid;
    border-radius: 0.7rem;
    font-size: 0.88rem;
}

.usuario-form__message--error[b-tj642d3at2] {
    border-color: #e8b8b8;
    background: #fff5f5;
    color: #8a2d2d;
}

.usuario-form-page__body[b-tj642d3at2] {
    display: grid;
    gap: 1rem;
}

.usuario-form__section[b-tj642d3at2] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1rem;
    border: 1px solid var(--app-color-border);
    border-radius: 0.85rem;
    background: #ffffff;
    box-shadow: 0 0.35rem 1rem rgba(22, 62, 84, 0.04);
}

.usuario-form__section--family[b-tj642d3at2] {
    border-left: 0.24rem solid var(--app-color-link);
}

.usuario-form__section-heading[b-tj642d3at2] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid var(--app-color-border);
}

.usuario-form__section-heading--actions[b-tj642d3at2] {
    align-items: center;
}

.usuario-form__section h3[b-tj642d3at2] {
    margin: 0 0 0.25rem;
    color: var(--app-color-text-primary);
    font-size: 0.96rem;
    font-weight: 750;
}

.usuario-form__grid[b-tj642d3at2] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.9rem;
}

.app-field--span-2[b-tj642d3at2] {
    grid-column: span 2;
}

.app-field--span-3[b-tj642d3at2] {
    grid-column: span 3;
}

.usuario-form__field-help[b-tj642d3at2] {
    display: inline-flex;
    align-items: center;
    min-height: 2.4rem;
    padding: 0.6rem 0.8rem;
    border: 1px solid #cfe0ea;
    border-radius: 0.65rem;
    background: #f5fafc;
    color: var(--app-color-text-muted);
    font-size: 0.72rem;
    line-height: 1.35;
}

.usuario-form__checkbox[b-tj642d3at2] {
    min-height: var(--app-input-height);
    padding: 0.65rem 0.85rem;
    border: 1px solid var(--app-color-border);
    border-radius: 0.5rem;
    background: #ffffff;
}

.usuario-form__status-actions[b-tj642d3at2] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.55rem;
}

.usuario-form__status-caption[b-tj642d3at2] {
    display: inline-flex;
    align-items: center;
    min-height: 2.4rem;
    padding: 0.6rem 0.8rem;
    border: 1px solid #cfe0ea;
    border-radius: 0.65rem;
    background: #f5fafc;
    color: var(--app-color-text-muted);
    font-size: 0.76rem;
    line-height: 1.35;
}

.usuario-form__checklist[b-tj642d3at2] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.55rem;
    padding: 0.75rem 0.85rem;
    border: 1px solid var(--app-color-border);
    border-radius: 0.6rem;
    background: var(--app-color-surface-soft);
}

.usuario-form__checklist .app-checkbox-line[b-tj642d3at2] {
    min-height: 2.2rem;
    padding: 0.45rem 0.55rem;
    border-radius: 0.45rem;
    background: #ffffff;
}

.usuario-form__family-grid[b-tj642d3at2] {
    display: grid;
    grid-template-columns: minmax(15rem, 0.8fr) minmax(18rem, 1.2fr);
    gap: 1rem;
    align-items: start;
}

.usuario-form__dependents[b-tj642d3at2] {
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
}

.usuario-form__relationship-current[b-tj642d3at2] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    padding: 0.8rem 0.9rem;
    border: 1px solid #bcd7e5;
    border-radius: 0.6rem;
    background: #f3f9fc;
}

.usuario-form__relationship-current strong[b-tj642d3at2] {
    color: var(--app-color-text-primary);
    font-size: 0.86rem;
}

.usuario-form__relationship-current span[b-tj642d3at2] {
    color: var(--app-color-text-muted);
    font-size: 0.75rem;
}

.usuario-form__list-title[b-tj642d3at2] {
    color: var(--app-color-text-muted);
    font-size: 0.76rem;
    font-weight: 700;
}

.usuario-form__empty-state[b-tj642d3at2] {
    padding: 0.85rem;
    border: 1px dashed #bfd5e1;
    border-radius: 0.65rem;
    background: #f7fbfd;
    color: var(--app-color-text-muted);
    font-size: 0.82rem;
    line-height: 1.45;
}

.usuario-form__list-box[b-tj642d3at2] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 0.6rem;
    border: 1px solid var(--app-color-border);
    border-radius: 0.65rem;
    background: var(--app-color-surface-soft);
}

.usuario-form__list-box--pending[b-tj642d3at2] {
    border-color: #9fcadd;
    background: #f2f9fc;
}

.usuario-form__list-item[b-tj642d3at2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.6rem 0.7rem;
    border-radius: 0.5rem;
    background: #ffffff;
    color: var(--app-color-text-muted);
    font-size: 0.78rem;
}

.usuario-form__list-item div[b-tj642d3at2] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.usuario-form__list-item strong[b-tj642d3at2] {
    color: var(--app-color-text-primary);
    font-size: 0.84rem;
}

.usuario-form__list-item--pending-unlink[b-tj642d3at2] {
    border: 1px solid #e2b56f;
    background: #fff9ef;
}

.usuario-form__dependent-actions[b-tj642d3at2] {
    align-items: flex-end;
}

.usuario-form__unlink-button[b-tj642d3at2] {
    padding: 0;
    border: 0;
    background: transparent;
    color: #9b4f25;
    font-size: 0.74rem;
    font-weight: 700;
}

.usuario-form__unlink-button:hover[b-tj642d3at2] {
    text-decoration: underline;
}

.usuario-form__pending-actions[b-tj642d3at2] {
    align-items: flex-end;
}

.usuario-form__remove-button[b-tj642d3at2] {
    padding: 0;
    border: 0;
    background: transparent;
    color: #a13636;
    font-size: 0.74rem;
    font-weight: 700;
}

.usuario-form__remove-button:hover[b-tj642d3at2] {
    text-decoration: underline;
}

.usuario-form__info-textarea[b-tj642d3at2] {
    width: 100%;
    min-height: 6rem;
    resize: vertical;
    border: 1px solid var(--app-color-border);
    border-radius: 0.5rem;
    padding: 0.65rem 0.8rem;
    font-family: inherit;
    font-size: 0.9rem;
    background: #ffffff;
}

.usuario-form__info-textarea:focus[b-tj642d3at2] {
    outline: none;
    border-color: var(--app-color-focus);
    box-shadow: 0 0 0 2px rgba(81, 179, 222, 0.1);
}

.usuario-form-page__footer[b-tj642d3at2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 1rem 0 0;
    border-top: 1px solid var(--app-color-border);
}

@media (max-width: 1050px) {
    .usuario-form__grid[b-tj642d3at2],
    .usuario-form__checklist[b-tj642d3at2] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .app-field--span-3[b-tj642d3at2] {
        grid-column: span 2;
    }

    .usuario-form__family-grid[b-tj642d3at2] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 720px) {
    .usuario-form-page__header[b-tj642d3at2],
    .usuario-form__section-heading--actions[b-tj642d3at2],
    .usuario-form-page__footer[b-tj642d3at2] {
        flex-direction: column;
        align-items: stretch;
    }

    .usuario-form-page__statuses[b-tj642d3at2] {
        justify-content: flex-start;
    }

    .usuario-form__grid[b-tj642d3at2],
    .usuario-form__checklist[b-tj642d3at2] {
        grid-template-columns: 1fr;
    }

    .app-field--span-2[b-tj642d3at2],
    .app-field--span-3[b-tj642d3at2] {
        grid-column: span 1;
    }

    .usuario-form__list-item[b-tj642d3at2] {
        align-items: flex-start;
        flex-direction: column;
    }
}
/* /Components/UI/AppButton.razor.rz.scp.css */
.app-button[b-6ke5iduhfc] {
    min-height: var(--app-button-height);
    padding: 0 1.1rem;
    border-radius: var(--app-button-radius);
    border: 1px solid transparent;
    font-family: inherit;
    font-size: 0.96rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    text-transform: none;
    transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease;
}

.app-button--full[b-6ke5iduhfc] {
    width: 100%;
}

.app-button:focus-visible[b-6ke5iduhfc] {
    outline: none;
    box-shadow: 0 0 0 0.12rem #ffffff, 0 0 0 0.28rem rgba(81, 179, 222, 0.28);
}

.app-button:disabled[b-6ke5iduhfc] {
    cursor: not-allowed;
    opacity: 0.7;
}

.app-button--primary[b-6ke5iduhfc] {
    background: var(--app-button-accept-bg);
    border-color: var(--app-button-accept-border);
    color: var(--app-button-accept-text);
    box-shadow: var(--app-button-shadow);
}

.app-button--primary:hover:not(:disabled)[b-6ke5iduhfc] {
    background: #3c9cc8;
    border-color: #3c9cc8;
}

.app-button--secondary[b-6ke5iduhfc] {
    background: var(--app-button-secondary-bg);
    border-color: var(--app-button-secondary-border);
    color: var(--app-button-secondary-text);
}

.app-button--secondary:hover:not(:disabled)[b-6ke5iduhfc] {
    background: #e1eff8;
    border-color: #a5cade;
}

.app-button--ghost[b-6ke5iduhfc] {
    background: transparent;
    border-color: transparent;
    color: var(--app-color-link);
}

.app-button--ghost:hover:not(:disabled)[b-6ke5iduhfc] {
    color: #2477ac;
}

.app-button--danger[b-6ke5iduhfc] {
    background: #d94b57;
    border-color: #d94b57;
    color: #ffffff;
    box-shadow: var(--app-button-shadow);
}

.app-button--danger:hover:not(:disabled)[b-6ke5iduhfc] {
    background: #bf3340;
    border-color: #bf3340;
}

.app-button--warning[b-6ke5iduhfc] {
    background: #f0ad2f;
    border-color: #f0ad2f;
    color: #ffffff;
    box-shadow: var(--app-button-shadow);
}

.app-button--warning:hover:not(:disabled)[b-6ke5iduhfc] {
    background: #d99716;
    border-color: #d99716;
}

.app-button--success[b-6ke5iduhfc] {
    background: #2f9f69;
    border-color: #2f9f69;
    color: #ffffff;
    box-shadow: var(--app-button-shadow);
}

.app-button--success:hover:not(:disabled)[b-6ke5iduhfc] {
    background: #258556;
    border-color: #258556;
}
/* /Components/UI/AppOperationResultModal.razor.rz.scp.css */
.app-operation-result-modal[b-cg4pp7he4n] {
    width: min(100%, 31rem);
}

.app-operation-result-modal__header[b-cg4pp7he4n] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
}

.app-operation-result-modal__icon[b-cg4pp7he4n] {
    display: grid;
    flex: 0 0 auto;
    width: 2.35rem;
    height: 2.35rem;
    place-items: center;
    border: 1px solid #e2aaaa;
    border-radius: 50%;
    background: #fff0f0;
    color: #9c3434;
    font-size: 1.2rem;
    font-weight: 800;
}

.app-operation-result-modal__message[b-cg4pp7he4n] {
    margin: 0;
    color: #28495d;
    font-size: 0.94rem;
    line-height: 1.5;
}

.app-operation-result-modal--success .app-operation-result-modal__icon[b-cg4pp7he4n] {
    border-color: #98d3ad;
    background: #edf9f1;
    color: #247443;
}
/* /Components/UI/AppPaginator.razor.rz.scp.css */
.app-paginator[b-1l4qd7wzvn] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.75rem 0;
}

.app-paginator__info[b-1l4qd7wzvn] {
    color: var(--app-color-text-muted);
    font-size: 0.85rem;
    font-weight: 500;
}

.app-paginator__nav[b-1l4qd7wzvn] {
    display: flex;
    align-items: center;
    gap: 0.3rem;
}

.app-paginator__btn[b-1l4qd7wzvn] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2rem;
    height: 2rem;
    padding: 0 0.45rem;
    border: 1px solid var(--app-color-border);
    border-radius: 0.45rem;
    background: var(--app-color-surface);
    color: var(--app-color-text-primary);
    font-family: inherit;
    font-size: 0.82rem;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 140ms ease, border-color 140ms ease, color 140ms ease;
}

.app-paginator__btn:hover:not(:disabled):not(.app-paginator__btn--active)[b-1l4qd7wzvn] {
    background: var(--app-color-surface-soft);
    border-color: var(--app-color-border-strong);
}

.app-paginator__btn--active[b-1l4qd7wzvn] {
    background: var(--app-button-accept-bg);
    border-color: var(--app-button-accept-bg);
    color: #ffffff;
    cursor: default;
}

.app-paginator__btn:disabled[b-1l4qd7wzvn] {
    opacity: 0.45;
    cursor: not-allowed;
}

.app-paginator__btn i[b-1l4qd7wzvn] {
    font-size: 0.72rem;
}

@media (max-width: 640.98px) {
    .app-paginator[b-1l4qd7wzvn] {
        flex-direction: column;
        align-items: stretch;
        gap: 0.5rem;
    }

    .app-paginator__nav[b-1l4qd7wzvn] {
        justify-content: center;
    }
}
/* /Components/UI/AppProcessingIndicator.razor.rz.scp.css */
.app-processing-indicator[b-dhg0o1m9vb] {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    color: inherit;
}

.app-processing-indicator__spinner[b-dhg0o1m9vb] {
    width: 0.95rem;
    height: 0.95rem;
    border-radius: 999px;
    border: 2px solid currentColor;
    border-right-color: transparent;
    animation: app-processing-indicator-spin-b-dhg0o1m9vb 0.8s linear infinite;
}

.app-processing-indicator__text[b-dhg0o1m9vb] {
    white-space: nowrap;
}

@keyframes app-processing-indicator-spin-b-dhg0o1m9vb {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}
/* /Components/UI/AppTextInput.razor.rz.scp.css */
.app-text-input[b-8xrbagz7ky] {
    display: block;
    width: 100%;
}

.app-text-input__shell[b-8xrbagz7ky] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    min-height: var(--app-input-height);
    padding: 0 0.85rem;
    border: 1px solid var(--app-color-border);
    border-radius: 0.5rem;
    background: #ffffff;
    transition: border-color 150ms ease, box-shadow 150ms ease;
}

.app-text-input__shell:focus-within[b-8xrbagz7ky] {
    border-color: var(--app-color-focus);
    box-shadow: 0 0 0 2px rgba(81, 179, 222, 0.1);
}

.app-text-input__icon[b-8xrbagz7ky] {
    color: var(--app-color-text-muted);
    font-size: 1rem;
    line-height: 1;
    flex-shrink: 0;
}

.app-text-input__control[b-8xrbagz7ky] {
    width: 100%;
    min-height: var(--app-input-height);
    padding: 0.65rem 0;
    border: 0;
    outline: none;
    background: transparent;
    color: var(--app-color-text-primary);
    font-family: inherit;
    font-size: 0.92rem;
    font-weight: 500;
}

.app-text-input__control[b-8xrbagz7ky]::placeholder {
    color: var(--app-color-text-muted);
    opacity: 0.7;
}