/* _content/FacturaME/Components/Account/Pages/Login.razor.rz.scp.css */
.auth-login-shell[b-ehvyc4lq3k] {
    --auth-bg: #f4f7fb;
    --auth-surface: rgba(255, 255, 255, 0.96);
    --auth-surface-strong: #ffffff;
    --auth-border: rgba(148, 163, 184, 0.24);
    --auth-border-strong: #cbd5e1;
    --auth-text: #0f172a;
    --auth-muted: #5b6b80;
    --auth-subtle: #8a97aa;
    --auth-primary: #0f4c81;
    --auth-primary-strong: #0a355b;
    --auth-primary-soft: rgba(15, 76, 129, 0.1);
    --auth-danger-bg: #fef2f2;
    --auth-danger-border: #fecaca;
    --auth-danger-text: #991b1b;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    background: var(--auth-bg);
    color: var(--auth-text);
}

/* =========================================================
   LOADING (compartido)
   ========================================================= */
.auth-login-loading-fullscreen[b-ehvyc4lq3k] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    padding: 24px;
}

.auth-login-loading[b-ehvyc4lq3k] {
    display: grid;
    justify-items: center;
    gap: 0.9rem;
    text-align: center;
}

.auth-login-spinner[b-ehvyc4lq3k] {
    color: var(--auth-primary);
    width: 2.75rem;
    height: 2.75rem;
}

.auth-login-loading-title[b-ehvyc4lq3k] {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--auth-text);
}

.auth-login-loading-copy[b-ehvyc4lq3k] {
    margin: 0;
    color: var(--auth-muted);
    font-size: 0.95rem;
}

/* =========================================================
   ESTILO CLÁSICO (card centrada)
   ========================================================= */
.auth-login-classic[b-ehvyc4lq3k] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    overflow: hidden;
}

.auth-login-frame[b-ehvyc4lq3k] {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 30rem;
    animation: auth-login-enter-b-ehvyc4lq3k 0.42s ease-out;
}

.auth-login-frame-loading[b-ehvyc4lq3k] {
    max-width: 26rem;
}

.auth-login-panel[b-ehvyc4lq3k] {
    position: relative;
    overflow: hidden;
    padding: 2rem;
    border: 1px solid var(--auth-border);
    border-radius: 1.75rem;
    background: var(--auth-surface-strong);
    box-shadow: 0 0.5rem 2rem rgba(0, 0, 0, 0.1);
}

.auth-login-panel[b-ehvyc4lq3k]::before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 0.35rem;
    background: var(--auth-primary);
}

.auth-login-panel-loading[b-ehvyc4lq3k] {
    padding: 2.5rem 2rem;
}

.auth-login-brand[b-ehvyc4lq3k] {
    margin-bottom: 1.75rem;
    text-align: center;
}

/* Logo / título para el modo clásico */
.auth-login-classic .auth-login-logo-wrap[b-ehvyc4lq3k] {
    display: flex;
    justify-content: center;
    margin-bottom: 1rem;
}

.auth-login-classic .auth-login-logo[b-ehvyc4lq3k] {
    width: 5.25rem;
    height: 5.25rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 1.5rem;
    background: var(--auth-surface-strong);
    border: 1px solid rgba(15, 76, 129, 0.08);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.7),
        0 1rem 2rem rgba(15, 76, 129, 0.1);
}

.auth-login-classic .auth-login-logo-image[b-ehvyc4lq3k] {
    max-width: 74%;
    max-height: 74%;
    object-fit: contain;
}

.auth-login-classic .auth-login-logo-icon[b-ehvyc4lq3k] {
    font-size: 2rem;
    color: var(--auth-primary);
}

.auth-login-classic .auth-login-brand-copy[b-ehvyc4lq3k] {
    display: grid;
    gap: 0.5rem;
}

.auth-login-classic .auth-login-title[b-ehvyc4lq3k] {
    margin: 0;
    font-size: clamp(1.9rem, 4vw, 2.35rem);
    line-height: 1.05;
    font-weight: 700;
    letter-spacing: -0.04em;
    color: var(--auth-text);
}

.auth-login-classic .auth-login-subtitle[b-ehvyc4lq3k] {
    margin: 0;
    font-size: 0.98rem;
    line-height: 1.55;
    color: var(--auth-muted);
}

/* =========================================================
   ESTILO SPLIT (pantalla dividida)
   ========================================================= */
.auth-login-split[b-ehvyc4lq3k] {
    display: flex;
    width: 100%;
    min-height: 100vh;
}

.auth-login-brand-panel[b-ehvyc4lq3k] {
    position: relative;
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3rem 2rem;
    background: linear-gradient(160deg, var(--auth-primary) 0%, var(--auth-primary-strong) 100%);
    color: #fff;
    overflow: hidden;
}

.auth-login-brand-accent[b-ehvyc4lq3k] {
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        radial-gradient(circle at 20% 80%, rgba(255,255,255,0.08) 0%, transparent 50%),
        radial-gradient(circle at 80% 20%, rgba(255,255,255,0.06) 0%, transparent 45%);
}

.auth-login-brand-content[b-ehvyc4lq3k] {
    position: relative;
    z-index: 1;
    text-align: center;
    max-width: 28rem;
    animation: auth-login-enter-b-ehvyc4lq3k 0.55s ease-out;
}

.auth-login-brand-panel .auth-login-logo-wrap[b-ehvyc4lq3k] {
    display: flex;
    justify-content: center;
    margin-bottom: 1.5rem;
}

.auth-login-brand-panel .auth-login-logo[b-ehvyc4lq3k] {
    width: 6.5rem;
    height: 6.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 1.75rem;
    background: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.18);
    backdrop-filter: blur(4px);
    box-shadow: 0 1rem 2.5rem rgba(0, 0, 0, 0.18);
}

.auth-login-brand-panel .auth-login-logo-image[b-ehvyc4lq3k] {
    max-width: 70%;
    max-height: 70%;
    object-fit: contain;
}

.auth-login-brand-panel .auth-login-logo-icon[b-ehvyc4lq3k] {
    font-size: 2.5rem;
    color: #fff;
}

.auth-login-brand-panel .auth-login-brand-copy[b-ehvyc4lq3k] {
    display: grid;
    gap: 0.6rem;
}

.auth-login-brand-panel .auth-login-title[b-ehvyc4lq3k] {
    margin: 0;
    font-size: clamp(1.9rem, 3vw, 2.6rem);
    line-height: 1.1;
    font-weight: 700;
    letter-spacing: -0.03em;
    color: #fff;
}

.auth-login-brand-panel .auth-login-subtitle[b-ehvyc4lq3k] {
    margin: 0;
    font-size: 1.05rem;
    line-height: 1.55;
    color: rgba(255, 255, 255, 0.82);
}

.auth-login-form-panel[b-ehvyc4lq3k] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2.5rem 2rem;
    background: var(--auth-surface-strong);
}

.auth-login-form-wrapper[b-ehvyc4lq3k] {
    width: 100%;
    max-width: 26rem;
    animation: auth-login-enter-b-ehvyc4lq3k 0.6s ease-out 0.08s both;
}

/* =========================================================
   COMPONENTES COMPARTIDOS
   ========================================================= */
.auth-login-alert[b-ehvyc4lq3k] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    margin-bottom: 1.1rem;
    padding: 0.95rem 1rem;
    border: 1px solid var(--auth-danger-border);
    border-radius: 1rem;
    background: var(--auth-danger-bg);
    color: var(--auth-danger-text);
    font-size: 0.95rem;
    line-height: 1.45;
}

.auth-login-alert-icon[b-ehvyc4lq3k] {
    margin-top: 0.1rem;
    flex-shrink: 0;
}

.auth-login-form[b-ehvyc4lq3k]  .auth-login-validation-summary:empty {
    display: none;
}

.auth-login-form[b-ehvyc4lq3k]  .auth-login-validation-summary ul {
    margin: 0;
    padding-left: 1.15rem;
}

.auth-login-form[b-ehvyc4lq3k] {
    display: grid;
    gap: 1.25rem;
}

.auth-login-fields[b-ehvyc4lq3k] {
    display: grid;
    gap: 1rem;
}

.auth-field[b-ehvyc4lq3k] {
    display: grid;
    gap: 0.5rem;
}

.auth-field-header[b-ehvyc4lq3k] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.auth-field-label[b-ehvyc4lq3k] {
    font-size: 0.95rem;
    font-weight: 600;
    color: var(--auth-text);
}

.auth-field-input-wrap[b-ehvyc4lq3k] {
    position: relative;
    display: grid;
    grid-template-columns: 3.25rem minmax(0, 1fr);
    align-items: center;
    min-height: 3.5rem;
    border: 1px solid var(--auth-border-strong);
    border-radius: 0.9rem;
    background: rgba(255, 255, 255, 0.94);
    box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.03);
    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease,
        background-color 0.2s ease;
}

.auth-field-input-wrap:hover[b-ehvyc4lq3k] {
    border-color: #94a3b8;
}

.auth-field-input-wrap:focus-within[b-ehvyc4lq3k] {
    border-color: var(--auth-primary);
    background: var(--auth-surface-strong);
    box-shadow: 0 0 0 0.25rem var(--auth-primary-soft);
}

.auth-field-icon[b-ehvyc4lq3k] {
    position: relative;
    width: 1.35rem;
    height: 1.35rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 1rem;
    color: var(--auth-subtle);
    font-size: 1.1rem;
    line-height: 1;
    pointer-events: none;
}

.auth-field-icon i[b-ehvyc4lq3k] {
    display: block;
    line-height: 1;
}

.auth-field-input-wrap[b-ehvyc4lq3k]  .auth-field-input.form-control {
    min-height: 3.5rem;
    height: 100%;
    padding: 0.85rem 1rem 0.85rem 0.1rem;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    color: var(--auth-text);
    font-size: 1rem;
    outline: none;
}

.auth-field-input-wrap[b-ehvyc4lq3k]  .auth-field-input.form-control::placeholder {
    color: #94a3b8;
}

.auth-field-input-wrap[b-ehvyc4lq3k]  .auth-field-input.form-control:focus {
    background: transparent;
    box-shadow: none;
}

.auth-field-input-wrap[b-ehvyc4lq3k]  .auth-field-input-password {
    padding-right: 3.5rem !important;
}

.auth-password-toggle-btn[b-ehvyc4lq3k] {
    position: absolute;
    top: 50%;
    right: 0.75rem;
    transform: translateY(-50%);
    width: 2.4rem;
    height: 2.4rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: 999px;
    background: transparent;
    color: var(--auth-subtle);
    transition:
        background-color 0.2s ease,
        color 0.2s ease,
        box-shadow 0.2s ease;
}

.auth-password-toggle-btn:hover[b-ehvyc4lq3k] {
    color: var(--auth-primary);
    background: rgba(15, 76, 129, 0.08);
}

.auth-password-toggle-btn:focus-visible[b-ehvyc4lq3k] {
    outline: none;
    box-shadow: 0 0 0 0.2rem rgba(15, 76, 129, 0.18);
}

.auth-field[b-ehvyc4lq3k]  .auth-field-validation {
    color: var(--auth-danger-text);
    font-size: 0.85rem;
    line-height: 1.45;
}

.auth-login-options[b-ehvyc4lq3k] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.auth-login-remember[b-ehvyc4lq3k] {
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
    margin: 0;
    min-height: 1.5rem;
}

.auth-login-remember[b-ehvyc4lq3k]  .auth-login-checkbox {
    width: 1.15rem;
    height: 1.15rem;
    margin: 0;
    border: 1px solid var(--auth-border-strong);
    border-radius: 0.35rem;
    box-shadow: none;
}

.auth-login-remember[b-ehvyc4lq3k]  .auth-login-checkbox:checked {
    background-color: var(--auth-primary);
    border-color: var(--auth-primary);
}

.auth-login-remember[b-ehvyc4lq3k]  .auth-login-checkbox:focus {
    box-shadow: 0 0 0 0.2rem rgba(15, 76, 129, 0.14);
}

.auth-login-checkbox-label[b-ehvyc4lq3k] {
    margin: 0;
    color: var(--auth-muted);
    font-size: 0.93rem;
    font-weight: 500;
}

.auth-login-submit[b-ehvyc4lq3k] {
    min-height: 3.25rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.65rem;
    width: 100%;
    border: 0;
    border-radius: 0.9rem;
    background: var(--auth-primary);
    color: #fff;
    font-size: 1rem;
    font-weight: 600;
    letter-spacing: 0.01em;
    box-shadow: none;
    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease,
        filter 0.2s ease;
}

.auth-login-submit:hover[b-ehvyc4lq3k] {
    transform: translateY(-1px);
    background-color: var(--auth-primary) !important;
    box-shadow: none;
    filter: brightness(1.1);
}

.auth-login-submit:active[b-ehvyc4lq3k] {
    transform: translateY(0);
    background-color: var(--auth-primary) !important;
    filter: brightness(0.95);
}

.auth-login-submit:focus[b-ehvyc4lq3k],
.auth-login-submit:focus-visible[b-ehvyc4lq3k] {
    outline: none;
    background-color: var(--auth-primary) !important;
    box-shadow: 0 0 0 0.25rem var(--auth-primary-soft) !important;
}

.auth-login-secondary[b-ehvyc4lq3k] {
    margin-top: 1.5rem;
    padding-top: 1.5rem;
    border-top: 1px solid rgba(148, 163, 184, 0.22);
    text-align: center;
}

.auth-login-secondary-copy[b-ehvyc4lq3k] {
    margin: 0 0 0.85rem;
    color: var(--auth-muted);
    font-size: 0.95rem;
}

.auth-login-secondary-button[b-ehvyc4lq3k] {
    min-height: 2.8rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.6rem;
    padding: 0.7rem 1.2rem;
    border: 1px solid rgba(15, 76, 129, 0.18);
    border-radius: 0.85rem;
    background: #fff;
    color: var(--auth-primary);
    font-size: 0.95rem;
    font-weight: 600;
    text-decoration: none;
    transition:
        background-color 0.2s ease,
        border-color 0.2s ease,
        color 0.2s ease,
        transform 0.2s ease;
}

.auth-login-secondary-button:hover[b-ehvyc4lq3k] {
    background: var(--auth-primary-soft);
    border-color: var(--auth-primary);
    color: var(--auth-primary);
    transform: translateY(-1px);
}

.auth-login-secondary-button:focus-visible[b-ehvyc4lq3k] {
    outline: none;
    box-shadow: 0 0 0 0.2rem rgba(15, 76, 129, 0.12);
}

/* =========================================================
   ANIMACIONES
   ========================================================= */
@keyframes auth-login-enter-b-ehvyc4lq3k {
    from {
        opacity: 0;
        transform: translateY(0.9rem);
    }

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

/* =========================================================
   MEDIA QUERIES: CLÁSICO
   ========================================================= */
@media (max-width: 768px) {
    .auth-login-classic[b-ehvyc4lq3k] {
        padding: 16px;
    }

    .auth-login-frame[b-ehvyc4lq3k] {
        max-width: 100%;
    }

    .auth-login-panel[b-ehvyc4lq3k] {
        padding: 1.5rem;
        border-radius: 1.4rem;
    }

    .auth-login-classic .auth-login-title[b-ehvyc4lq3k] {
        font-size: 1.8rem;
    }
}

@media (max-width: 480px) {
    .auth-login-classic[b-ehvyc4lq3k] {
        padding: 12px;
    }

    .auth-login-panel[b-ehvyc4lq3k] {
        padding: 1.25rem;
    }

    .auth-login-classic .auth-login-logo[b-ehvyc4lq3k] {
        width: 4.6rem;
        height: 4.6rem;
        border-radius: 1.25rem;
    }

    .auth-login-submit[b-ehvyc4lq3k] {
        min-height: 3.5rem;
    }

    .auth-field-input-wrap[b-ehvyc4lq3k]  .auth-field-input.form-control {
        min-height: 3.5rem;
        font-size: 16px;
    }
}

@media (max-height: 800px) and (min-width: 769px) {
    .auth-login-classic[b-ehvyc4lq3k] {
        padding: 16px;
    }

    .auth-login-panel[b-ehvyc4lq3k] {
        padding: 1.5rem;
    }
}

/* =========================================================
   MEDIA QUERIES: SPLIT
   ========================================================= */
@media (max-width: 1024px) {
    .auth-login-split[b-ehvyc4lq3k] {
        flex-direction: column;
    }

    .auth-login-brand-panel[b-ehvyc4lq3k] {
        flex: none;
        min-height: 22vh;
        padding: 2rem 1.5rem;
    }

    .auth-login-brand-panel .auth-login-logo[b-ehvyc4lq3k] {
        width: 5rem;
        height: 5rem;
        border-radius: 1.4rem;
    }

    .auth-login-brand-panel .auth-login-title[b-ehvyc4lq3k] {
        font-size: 1.7rem;
    }

    .auth-login-brand-panel .auth-login-subtitle[b-ehvyc4lq3k] {
        font-size: 0.95rem;
    }

    .auth-login-form-panel[b-ehvyc4lq3k] {
        flex: 1;
        padding: 2rem 1.5rem;
        align-items: flex-start;
    }

    .auth-login-form-wrapper[b-ehvyc4lq3k] {
        max-width: 28rem;
        animation: auth-login-enter-b-ehvyc4lq3k 0.5s ease-out;
    }
}

@media (max-width: 768px) {
    .auth-login-brand-panel[b-ehvyc4lq3k] {
        min-height: 18vh;
        padding: 1.5rem 1.25rem;
    }

    .auth-login-brand-panel .auth-login-logo-wrap[b-ehvyc4lq3k] {
        margin-bottom: 1rem;
    }

    .auth-login-brand-panel .auth-login-logo[b-ehvyc4lq3k] {
        width: 4.25rem;
        height: 4.25rem;
        border-radius: 1.2rem;
    }

    .auth-login-brand-panel .auth-login-logo-icon[b-ehvyc4lq3k] {
        font-size: 1.8rem;
    }

    .auth-login-brand-panel .auth-login-title[b-ehvyc4lq3k] {
        font-size: 1.5rem;
    }

    .auth-login-brand-panel .auth-login-subtitle[b-ehvyc4lq3k] {
        font-size: 0.9rem;
    }

    .auth-login-form-panel[b-ehvyc4lq3k] {
        padding: 1.5rem 1.25rem;
    }

    .auth-login-form-wrapper[b-ehvyc4lq3k] {
        max-width: 100%;
    }

    .auth-login-alert[b-ehvyc4lq3k] {
        font-size: 0.9rem;
        padding: 0.85rem 0.9rem;
    }

    .auth-login-submit[b-ehvyc4lq3k] {
        min-height: 3rem;
    }

    .auth-field-input-wrap[b-ehvyc4lq3k]  .auth-field-input.form-control {
        min-height: 3rem;
        font-size: 16px;
    }
}

@media (max-width: 480px) {
    .auth-login-brand-panel[b-ehvyc4lq3k] {
        min-height: 16vh;
        padding: 1.25rem 1rem;
    }

    .auth-login-form-panel[b-ehvyc4lq3k] {
        padding: 1.25rem 1rem;
    }

    .auth-login-brand-panel .auth-login-title[b-ehvyc4lq3k] {
        font-size: 1.35rem;
    }

    .auth-login-secondary-button[b-ehvyc4lq3k] {
        width: 100%;
    }
}

/* =========================================================
   REDUCED MOTION
   ========================================================= */
@media (prefers-reduced-motion: reduce) {
    .auth-login-brand-content[b-ehvyc4lq3k],
    .auth-login-form-wrapper[b-ehvyc4lq3k],
    .auth-login-frame[b-ehvyc4lq3k],
    .auth-login-submit[b-ehvyc4lq3k],
    .auth-login-secondary-button[b-ehvyc4lq3k],
    .auth-password-toggle-btn[b-ehvyc4lq3k] {
        animation: none;
        transition: none;
    }

    .auth-field-input-wrap[b-ehvyc4lq3k]  .auth-field-input {
        animation: none;
        transition: none;
    }
}
/* _content/FacturaME/Components/Account/Shared/ManageLayout.razor.rz.scp.css */
.manage-shell[b-gg31n7hs9b] {
    --manage-bg: #ffffff;
    --manage-surface: #ffffff;
    --manage-surface-muted: #f8fafc;
    --manage-text: #0f172a;
    --manage-text-muted: #64748b;
    --manage-border: #e2e8f0;
    --manage-border-strong: #cbd5e1;
    --manage-accent: #2563eb;
    --manage-accent-soft: rgba(37, 99, 235, 0.06);
    --manage-accent-strong: #1d4ed8;
    --manage-danger: #dc2626;
    --manage-danger-soft: rgba(220, 38, 38, 0.06);
    --manage-warning: #d97706;
    --manage-warning-soft: rgba(217, 119, 6, 0.06);
    --manage-success: #059669;
    --manage-success-soft: rgba(5, 150, 105, 0.06);

    max-width: 1200px;
    margin: 0 auto;
    padding: 2.5rem 2rem 4rem;
    color: var(--manage-text);
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

/* Header */
.manage-shell__header[b-gg31n7hs9b] {
    margin-bottom: 2rem;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid var(--manage-border);
}

.manage-shell__header-inner[b-gg31n7hs9b] {
    max-width: 640px;
}

.manage-shell__title[b-gg31n7hs9b] {
    margin: 0 0 0.35rem;
    font-size: 1.75rem;
    font-weight: 600;
    letter-spacing: -0.025em;
    line-height: 1.2;
    color: var(--manage-text);
}

.manage-shell__subtitle[b-gg31n7hs9b] {
    margin: 0;
    font-size: 1rem;
    line-height: 1.6;
    color: var(--manage-text-muted);
}

/* Tabs container */
.manage-shell__tabs[b-gg31n7hs9b] {
    margin-bottom: 2rem;
    border-bottom: 1px solid var(--manage-border);
}

/* Tabs (from child component) */
.manage-shell[b-gg31n7hs9b]  .manage-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 0;
    margin: 0;
    padding: 0;
    list-style: none;
}

.manage-shell[b-gg31n7hs9b]  .manage-tabs__item {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1rem;
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--manage-text-muted);
    text-decoration: none;
    border: none;
    border-bottom: 2px solid transparent;
    background: none;
    transition: color 0.15s ease, border-color 0.15s ease;
    cursor: pointer;
}

.manage-shell[b-gg31n7hs9b]  .manage-tabs__item:hover {
    color: var(--manage-text);
}

.manage-shell[b-gg31n7hs9b]  .manage-tabs__item.active,
.manage-shell[b-gg31n7hs9b]  .manage-tabs__item[aria-current="page"] {
    color: var(--manage-accent);
    border-bottom-color: var(--manage-accent);
    font-weight: 600;
}

.manage-shell[b-gg31n7hs9b]  .manage-tabs__icon {
    font-size: 1rem;
    line-height: 1;
}

/* Main content */
.manage-shell__main[b-gg31n7hs9b] {
    min-width: 0;
}

/* Page wrapper */
.manage-shell[b-gg31n7hs9b]  .manage-page {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.manage-shell[b-gg31n7hs9b]  .manage-page__header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 0.5rem;
}

.manage-shell[b-gg31n7hs9b]  .manage-page__title-group {
    min-width: 0;
}

.manage-shell[b-gg31n7hs9b]  .manage-page__eyebrow {
    display: block;
    margin-bottom: 0.25rem;
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--manage-accent);
}

.manage-shell[b-gg31n7hs9b]  .manage-page__title-group h2 {
    margin: 0 0 0.35rem;
    font-size: 1.25rem;
    font-weight: 600;
    letter-spacing: -0.01em;
    line-height: 1.3;
    color: var(--manage-text);
}

.manage-shell[b-gg31n7hs9b]  .manage-page__title-group p {
    margin: 0;
    font-size: 0.9375rem;
    line-height: 1.6;
    color: var(--manage-text-muted);
}

.manage-shell[b-gg31n7hs9b]  .manage-page__badge {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    justify-content: flex-end;
    flex-shrink: 0;
}

/* Pills */
.manage-shell[b-gg31n7hs9b]  .manage-pill {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.3rem 0.7rem;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 600;
    border: 1px solid transparent;
    line-height: 1.4;
}

.manage-shell[b-gg31n7hs9b]  .manage-pill--accent {
    background: var(--manage-accent-soft);
    color: var(--manage-accent);
    border-color: rgba(37, 99, 235, 0.12);
}

.manage-shell[b-gg31n7hs9b]  .manage-pill--success {
    background: var(--manage-success-soft);
    color: var(--manage-success);
    border-color: rgba(5, 150, 105, 0.12);
}

.manage-shell[b-gg31n7hs9b]  .manage-pill--warning {
    background: var(--manage-warning-soft);
    color: var(--manage-warning);
    border-color: rgba(217, 119, 6, 0.12);
}

.manage-shell[b-gg31n7hs9b]  .manage-pill--danger {
    background: var(--manage-danger-soft);
    color: var(--manage-danger);
    border-color: rgba(220, 38, 38, 0.12);
}

/* Grid */
.manage-shell[b-gg31n7hs9b]  .manage-grid {
    display: grid;
    gap: 1.5rem;
}

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

.manage-shell[b-gg31n7hs9b]  .manage-grid--stack {
    grid-template-columns: minmax(0, 1fr);
}

/* Sections / Cards */
.manage-shell[b-gg31n7hs9b]  .manage-section {
    padding: 1.5rem;
    border: 1px solid var(--manage-border);
    border-radius: 12px;
    background: var(--manage-surface);
}

.manage-shell[b-gg31n7hs9b]  .manage-section__header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.manage-shell[b-gg31n7hs9b]  .manage-section__header h3 {
    margin: 0 0 0.25rem;
    font-size: 0.9375rem;
    font-weight: 600;
    color: var(--manage-text);
}

.manage-shell[b-gg31n7hs9b]  .manage-section__header p,
.manage-shell[b-gg31n7hs9b]  .manage-section__body-copy,
.manage-shell[b-gg31n7hs9b]  .manage-helper-text,
.manage-shell[b-gg31n7hs9b]  .form-text,
.manage-shell[b-gg31n7hs9b]  .manage-list,
.manage-shell[b-gg31n7hs9b]  .manage-empty-state p {
    margin: 0;
    font-size: 0.875rem;
    line-height: 1.6;
    color: var(--manage-text-muted);
}

.manage-shell[b-gg31n7hs9b]  .manage-section__body {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

/* Stats */
.manage-shell[b-gg31n7hs9b]  .manage-stat-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.manage-shell[b-gg31n7hs9b]  .manage-stat-card {
    padding: 1rem 1.25rem;
    border: 1px solid var(--manage-border);
    border-radius: 10px;
    background: var(--manage-surface-muted);
}

.manage-shell[b-gg31n7hs9b]  .manage-stat-card__label {
    display: block;
    margin-bottom: 0.25rem;
    font-size: 0.6875rem;
    font-weight: 600;
    color: var(--manage-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.manage-shell[b-gg31n7hs9b]  .manage-stat-card__value {
    display: block;
    font-size: 0.9375rem;
    font-weight: 600;
    color: var(--manage-text);
    word-break: break-word;
    overflow-wrap: break-word;
}

/* Fields (read-only) */
.manage-shell[b-gg31n7hs9b]  .manage-field-list {
    display: grid;
    gap: 0.625rem;
}

.manage-shell[b-gg31n7hs9b]  .manage-field {
    padding: 0.75rem 1rem;
    border: 1px solid var(--manage-border);
    border-radius: 10px;
    background: var(--manage-surface-muted);
}

.manage-shell[b-gg31n7hs9b]  .manage-field__label {
    display: block;
    margin-bottom: 0.2rem;
    font-size: 0.6875rem;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--manage-text-muted);
}

.manage-shell[b-gg31n7hs9b]  .manage-field__value {
    display: block;
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--manage-text);
    line-height: 1.5;
    word-break: break-word;
}

/* Form grid */
.manage-shell[b-gg31n7hs9b]  .manage-form-grid {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.manage-shell[b-gg31n7hs9b]  .manage-form-grid--single {
    grid-template-columns: minmax(0, 1fr);
}

.manage-shell[b-gg31n7hs9b]  .manage-form-field {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.manage-shell[b-gg31n7hs9b]  .manage-form-field--full {
    grid-column: 1 / -1;
}

/* Actions */
.manage-shell[b-gg31n7hs9b]  .manage-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.625rem;
    align-items: center;
}

.manage-shell[b-gg31n7hs9b]  .manage-actions--end {
    justify-content: flex-end;
}

.manage-shell[b-gg31n7hs9b]  .manage-actions--between {
    justify-content: space-between;
}

.manage-shell[b-gg31n7hs9b]  .manage-button-group {
    display: flex;
    flex-wrap: wrap;
    gap: 0.625rem;
}

/* Buttons */
.manage-shell[b-gg31n7hs9b]  .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    border-radius: 10px;
    border: 1px solid transparent;
    padding: 0.55rem 1rem;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.5;
    box-shadow: none;
    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
    cursor: pointer;
}

.manage-shell[b-gg31n7hs9b]  .btn:hover {
    transform: none;
    box-shadow: none;
}

.manage-shell[b-gg31n7hs9b]  .btn-primary {
    background: var(--manage-accent);
    border-color: var(--manage-accent);
    color: #ffffff;
}

.manage-shell[b-gg31n7hs9b]  .btn-primary:hover,
.manage-shell[b-gg31n7hs9b]  .btn-primary:focus {
    background: var(--manage-accent-strong);
    border-color: var(--manage-accent-strong);
    color: #ffffff;
}

.manage-shell[b-gg31n7hs9b]  .btn-outline-secondary {
    background: transparent;
    border-color: var(--manage-border-strong);
    color: var(--manage-text);
}

.manage-shell[b-gg31n7hs9b]  .btn-outline-secondary:hover,
.manage-shell[b-gg31n7hs9b]  .btn-outline-secondary:focus {
    background: var(--manage-surface-muted);
    border-color: var(--manage-text-muted);
    color: var(--manage-text);
}

.manage-shell[b-gg31n7hs9b]  .btn-danger {
    background: var(--manage-danger);
    border-color: var(--manage-danger);
    color: #ffffff;
}

.manage-shell[b-gg31n7hs9b]  .btn-danger:hover,
.manage-shell[b-gg31n7hs9b]  .btn-danger:focus {
    background: #b91c1c;
    border-color: #b91c1c;
    color: #ffffff;
}

.manage-shell[b-gg31n7hs9b]  .btn-link {
    padding: 0;
    border: none;
    background: transparent;
    color: var(--manage-accent);
    text-decoration: none;
    font-weight: 500;
}

.manage-shell[b-gg31n7hs9b]  .btn-link:hover,
.manage-shell[b-gg31n7hs9b]  .btn-link:focus {
    color: var(--manage-accent-strong);
    text-decoration: underline;
}

/* Form inputs */
.manage-shell[b-gg31n7hs9b]  .form-label {
    margin-bottom: 0;
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--manage-text);
}

.manage-shell[b-gg31n7hs9b]  .form-control,
.manage-shell[b-gg31n7hs9b]  .input-group-text {
    min-height: 2.75rem;
    padding: 0.5rem 0.875rem;
    border: 1px solid var(--manage-border-strong);
    border-radius: 10px;
    background: var(--manage-surface);
    color: var(--manage-text);
    font-size: 0.9375rem;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.manage-shell[b-gg31n7hs9b]  .form-control:disabled,
.manage-shell[b-gg31n7hs9b]  .form-control[readonly] {
    background: var(--manage-surface-muted);
    color: var(--manage-text-muted);
}

.manage-shell[b-gg31n7hs9b]  .form-control:focus {
    border-color: var(--manage-accent);
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);
    outline: none;
}

.manage-shell[b-gg31n7hs9b]  .text-danger {
    color: var(--manage-danger) !important;
    font-size: 0.8125rem;
    font-weight: 500;
}

/* Alerts (Bootstrap) */
.manage-shell[b-gg31n7hs9b]  .alert {
    margin-bottom: 0;
    border: 1px solid transparent;
    border-radius: 10px;
    background-image: none !important;
    box-shadow: none;
    color: var(--manage-text);
    font-size: 0.875rem;
    padding: 0.875rem 1rem;
}

.manage-shell[b-gg31n7hs9b]  .alert-success {
    border-color: rgba(5, 150, 105, 0.15);
    background: var(--manage-success-soft);
    color: var(--manage-success);
}

.manage-shell[b-gg31n7hs9b]  .alert-danger {
    border-color: rgba(220, 38, 38, 0.15);
    background: var(--manage-danger-soft);
    color: var(--manage-danger);
}

.manage-shell[b-gg31n7hs9b]  .alert-warning {
    border-color: rgba(217, 119, 6, 0.15);
    background: var(--manage-warning-soft);
    color: var(--manage-warning);
}

.manage-shell[b-gg31n7hs9b]  .manage-validation-summary ul {
    margin-bottom: 0;
    padding-left: 1.1rem;
}

/* Custom alerts */
.manage-shell[b-gg31n7hs9b]  .manage-alert {
    padding: 0.875rem 1rem;
    border-radius: 10px;
    border: 1px solid var(--manage-border);
    font-size: 0.875rem;
    line-height: 1.6;
}

.manage-shell[b-gg31n7hs9b]  .manage-alert--info {
    background: var(--manage-accent-soft);
    border-color: rgba(37, 99, 235, 0.12);
}

.manage-shell[b-gg31n7hs9b]  .manage-alert--warning {
    background: var(--manage-warning-soft);
    border-color: rgba(217, 119, 6, 0.12);
}

.manage-shell[b-gg31n7hs9b]  .manage-alert--danger {
    background: var(--manage-danger-soft);
    border-color: rgba(220, 38, 38, 0.12);
}

.manage-shell[b-gg31n7hs9b]  .manage-alert--success {
    background: var(--manage-success-soft);
    border-color: rgba(5, 150, 105, 0.12);
}

.manage-shell[b-gg31n7hs9b]  .manage-alert strong {
    display: block;
    margin-bottom: 0.2rem;
    font-weight: 600;
}

.manage-shell[b-gg31n7hs9b]  .manage-alert span {
    color: var(--manage-text-muted);
}

/* Password toggle */
.manage-shell[b-gg31n7hs9b]  .manage-password-field {
    position: relative;
}

.manage-shell[b-gg31n7hs9b]  .password-field-wrapper {
    position: relative;
}

.manage-shell[b-gg31n7hs9b]  .password-toggle-btn {
    position: absolute;
    right: 0.6rem;
    top: 50%;
    transform: translateY(-50%);
    width: 2.1rem;
    height: 2.1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: none;
    border-radius: 8px;
    background: transparent;
    color: var(--manage-text-muted);
    transition: color 0.15s ease, background-color 0.15s ease;
    cursor: pointer;
}

.manage-shell[b-gg31n7hs9b]  .password-toggle-btn:hover {
    color: var(--manage-accent);
    background: rgba(37, 99, 235, 0.06);
}

.manage-shell[b-gg31n7hs9b]  .password-field-wrapper .form-control {
    padding-right: 2.75rem;
}

/* Lists */
.manage-shell[b-gg31n7hs9b]  .manage-list {
    margin: 0;
    padding-left: 1.1rem;
    font-size: 0.875rem;
    line-height: 1.7;
    color: var(--manage-text-muted);
}

.manage-shell[b-gg31n7hs9b]  .manage-list li + li {
    margin-top: 0.35rem;
}

/* Code / QR panels */
.manage-shell[b-gg31n7hs9b]  .manage-code-panel,
.manage-shell[b-gg31n7hs9b]  .manage-qr-panel {
    padding: 0.875rem 1rem;
    border: 1px solid var(--manage-border);
    border-radius: 10px;
    background: var(--manage-surface-muted);
}

.manage-shell[b-gg31n7hs9b]  .manage-code-label {
    display: block;
    margin-bottom: 0.5rem;
    font-size: 0.6875rem;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--manage-text-muted);
}

.manage-shell[b-gg31n7hs9b]  kbd,
.manage-shell[b-gg31n7hs9b]  .recovery-code {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.4rem 0.6rem;
    border: 1px solid var(--manage-border-strong);
    border-radius: 8px;
    background: var(--manage-surface);
    color: var(--manage-text);
    font-size: 0.875rem;
    font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;
    box-shadow: none;
    word-break: break-word;
}

.manage-shell[b-gg31n7hs9b]  .manage-qr-panel [data-url] {
    min-height: 140px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.manage-shell[b-gg31n7hs9b]  .manage-qr-panel [data-url] canvas,
.manage-shell[b-gg31n7hs9b]  .manage-qr-panel [data-url] img {
    max-width: 100%;
    height: auto;
}

.manage-shell[b-gg31n7hs9b]  .manage-recovery-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap: 0.625rem;
}

/* Provider cards */
.manage-shell[b-gg31n7hs9b]  .manage-provider-list {
    display: grid;
    gap: 0.625rem;
}

.manage-shell[b-gg31n7hs9b]  .manage-provider-card {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    padding: 0.875rem 1rem;
    border: 1px solid var(--manage-border);
    border-radius: 10px;
    background: var(--manage-surface-muted);
}

.manage-shell[b-gg31n7hs9b]  .manage-provider-card h4 {
    margin: 0 0 0.15rem;
    font-size: 0.9375rem;
    font-weight: 600;
    color: var(--manage-text);
}

.manage-shell[b-gg31n7hs9b]  .manage-provider-card p {
    margin: 0;
    font-size: 0.8125rem;
    color: var(--manage-text-muted);
}

.manage-shell[b-gg31n7hs9b]  .manage-provider-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.625rem;
    align-items: center;
    justify-content: flex-end;
}

.manage-shell[b-gg31n7hs9b]  .manage-provider-actions form {
    display: inline-flex;
}

/* Empty state */
.manage-shell[b-gg31n7hs9b]  .manage-empty-state {
    padding: 1rem;
    border: 1px dashed var(--manage-border-strong);
    border-radius: 10px;
    background: var(--manage-surface-muted);
    text-align: center;
}

.manage-shell[b-gg31n7hs9b]  .manage-empty-state strong {
    display: block;
    margin-bottom: 0.25rem;
    font-size: 0.9375rem;
    font-weight: 600;
    color: var(--manage-text);
}

.manage-shell[b-gg31n7hs9b]  .manage-empty-state p {
    font-size: 0.8125rem;
}

/* Status message */
.manage-shell[b-gg31n7hs9b]  .status-message {
    margin-bottom: 0;
}

/* Links */
.manage-shell[b-gg31n7hs9b]  a {
    color: var(--manage-accent);
    text-decoration: none;
    font-weight: 500;
}

.manage-shell[b-gg31n7hs9b]  a:hover {
    color: var(--manage-accent-strong);
    text-decoration: underline;
}

.manage-shell[b-gg31n7hs9b]  hr {
    margin: 1.25rem 0;
    border: none;
    border-top: 1px solid var(--manage-border);
    opacity: 1;
}

/* Responsive */
@media (max-width: 767.98px) {
    .manage-shell[b-gg31n7hs9b] {
        padding: 1.25rem 1rem 2rem;
    }

    .manage-shell__title[b-gg31n7hs9b] {
        font-size: 1.4rem;
    }

    .manage-shell[b-gg31n7hs9b]  .manage-tabs__item {
        padding: 0.6rem 0.75rem;
        font-size: 0.8125rem;
    }

    .manage-shell[b-gg31n7hs9b]  .manage-grid--two,
    .manage-shell[b-gg31n7hs9b]  .manage-form-grid,
    .manage-shell[b-gg31n7hs9b]  .manage-stat-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .manage-shell[b-gg31n7hs9b]  .manage-page__header,
    .manage-shell[b-gg31n7hs9b]  .manage-provider-card,
    .manage-shell[b-gg31n7hs9b]  .manage-actions--between {
        flex-direction: column;
        align-items: stretch;
    }

    .manage-shell[b-gg31n7hs9b]  .manage-page__badge,
    .manage-shell[b-gg31n7hs9b]  .manage-provider-actions {
        justify-content: flex-start;
    }

    .manage-shell[b-gg31n7hs9b]  .manage-section {
        padding: 1.1rem;
    }
}
/* _content/FacturaME/Components/Layout/LoginLayout.razor.rz.scp.css */
.login-layout-shell[b-9qx7m0vn05] {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

:global(body)[b-9qx7m0vn05] {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}

.login-layout-error[b-9qx7m0vn05] {
    border-radius: 0;
}
/* _content/FacturaME/Components/Layout/MainLayout.razor.rz.scp.css */
#blazor-error-ui[b-ruchu12o9k] {
    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-ruchu12o9k] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

.navbar-brand.navbar-brand-commerce[b-ruchu12o9k] {
    display: flex;
    align-items: center;
    gap: 0.9rem;
    min-width: 0;
    max-width: min(100%, 34rem);
    padding: 0.35rem 0.2rem;
    background: none;
    -webkit-background-clip: initial;
    background-clip: initial;
    -webkit-text-fill-color: initial;
    color: #102a43;
    text-decoration: none;
}

.navbar-brand-commerce__logo-wrap[b-ruchu12o9k] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 4.5rem;
    min-width: 4.5rem;
    height: 4.1rem;
    padding: 0.35rem;
    border: 1px solid #d9e2ec;
    border-radius: 1rem;
    background: #f8fafc;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.85);
}

.navbar-brand-commerce__logo-wrap--icon[b-ruchu12o9k] {
    background: #eef4f7;
    color: #486581;
}

.navbar-brand-commerce__fallback-icon[b-ruchu12o9k] {
    font-size: 1.45rem;
    line-height: 1;
}

.navbar-brand-commerce__logo[b-ruchu12o9k] {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.navbar-brand-commerce__text[b-ruchu12o9k] {
    min-width: 0;
    flex: 1;
}

.navbar-brand-commerce__name[b-ruchu12o9k] {
    display: -webkit-box;
    overflow: hidden;
    color: #102a43;
    -webkit-text-fill-color: #102a43;
    font-weight: 700;
    font-size: 1.08rem;
    line-height: 1.2;
    letter-spacing: -0.01em;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    word-break: break-word;
}

@media (max-width: 991.98px) {
    .navbar-brand.navbar-brand-commerce[b-ruchu12o9k] {
        max-width: calc(100vw - 19rem);
    }

    .navbar-brand-commerce__logo-wrap[b-ruchu12o9k] {
        width: 4rem;
        min-width: 4rem;
        height: 3.75rem;
    }

    .navbar-brand-commerce__name[b-ruchu12o9k] {
        font-size: 0.98rem;
        -webkit-line-clamp: 2;
    }
}

@media (max-width: 768px) {
    .navbar-brand.navbar-brand-commerce[b-ruchu12o9k] {
        max-width: calc(100vw - 13.5rem);
        gap: 0.7rem;
    }

    .navbar-brand-commerce__logo-wrap[b-ruchu12o9k] {
        width: 3.5rem;
        min-width: 3.5rem;
        height: 3.15rem;
        border-radius: 0.9rem;
    }

    .navbar-brand-commerce__fallback-icon[b-ruchu12o9k] {
        font-size: 1.2rem;
    }

    .navbar-brand-commerce__name[b-ruchu12o9k] {
        font-size: 0.92rem;
    }

    .navbar-menu-responsive[b-ruchu12o9k] {
        font-size: 0.9rem;
    }

    .navbar-menu-responsive .nav-link[b-ruchu12o9k] {
        padding: 0.4rem 0.5rem !important;
    }
}

@media (max-width: 576px) {
    .navbar-brand.navbar-brand-commerce[b-ruchu12o9k] {
        max-width: calc(100vw - 10rem);
    }

    .navbar-brand-commerce__logo-wrap[b-ruchu12o9k] {
        width: 3rem;
        min-width: 3rem;
        height: 2.8rem;
        padding: 0.28rem;
    }

    .navbar-brand-commerce__name[b-ruchu12o9k] {
        font-size: 0.85rem;
    }
}

@media (max-width: 400px) {
    .navbar-brand.navbar-brand-commerce[b-ruchu12o9k] {
        max-width: calc(100vw - 8rem);
        gap: 0.55rem;
    }

    .navbar-brand-commerce__logo-wrap[b-ruchu12o9k] {
        width: 2.7rem;
        min-width: 2.7rem;
        height: 2.5rem;
    }

    .navbar-brand-commerce__name[b-ruchu12o9k] {
        font-size: 0.8rem;
    }
}
/* _content/FacturaME/Components/Pages/Admin/AdminDonantes.razor.rz.scp.css */
/* ===== Workspace Shell ===== */
.donante-workspace-page[b-h9njc0dwxd] {
    background: #f4f7f6;
    min-height: 100vh;
}

.donante-workspace-container[b-h9njc0dwxd] {
    padding-top: 1.25rem !important;
    padding-bottom: 2rem !important;
}

.donante-workspace-shell[b-h9njc0dwxd] {
    border-radius: 28px;
    border: 1px solid #d7e8e5;
    overflow: hidden;
    box-shadow: 0 24px 60px rgba(15, 45, 58, 0.08);
    background: #ffffff;
}

/* ===== Hero Header ===== */
.donante-workspace-hero[b-h9njc0dwxd] {
    background: linear-gradient(135deg, #0f2d3a 0%, #173f4f 58%, #1f5f6b 100%);
    color: #ffffff;
    border-bottom: none;
}

.donante-workspace-hero .breadcrumb[b-h9njc0dwxd] {
    margin-bottom: 0;
    padding: 0.2rem 0;
}

.donante-workspace-hero .breadcrumb-item + .breadcrumb-item[b-h9njc0dwxd]::before {
    color: #8aa1aa;
}

.donante-workspace-hero .breadcrumb a[b-h9njc0dwxd] {
    color: #b8c9ce;
    text-decoration: none;
    font-weight: 600;
    transition: color 0.2s ease;
}

.donante-workspace-hero .breadcrumb a:hover[b-h9njc0dwxd] {
    color: #ffffff;
}

.donante-workspace-hero .breadcrumb-item.active[b-h9njc0dwxd] {
    color: #ffffff;
    font-weight: 700;
}

.donante-workspace-badge[b-h9njc0dwxd] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    margin-bottom: 0.7rem;
    border-radius: 999px;
    border: 1px solid rgba(215, 232, 229, 0.3);
    background: rgba(215, 232, 229, 0.14);
    padding: 0.45rem 0.8rem;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.donante-workspace-title[b-h9njc0dwxd] {
    color: #ffffff !important;
    font-size: clamp(1.15rem, 0.95rem + 0.45vw, 1.55rem);
    font-weight: 800;
    letter-spacing: -0.02em;
    margin-top: 0;
}

.donante-workspace-subtitle[b-h9njc0dwxd] {
    color: rgba(255, 255, 255, 0.82) !important;
    max-width: 42rem;
}

/* ===== Body ===== */
.donante-workspace-body[b-h9njc0dwxd] {
    background: linear-gradient(180deg, #fcfefd 0%, #f4f7f6 100%);
}

/* ===== Buttons ===== */
.donante-workspace-button[b-h9njc0dwxd] {
    min-height: 48px;
    border-radius: 16px;
    font-weight: 800;
    padding: 0.8rem 1.2rem;
    transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.donante-workspace-button:hover[b-h9njc0dwxd] {
    transform: translateY(-1px);
}

.donante-workspace-button--primary[b-h9njc0dwxd] {
    background: #0f2d3a !important;
    border-color: #0f2d3a !important;
    color: #ffffff !important;
    box-shadow: 0 14px 28px rgba(15, 45, 58, 0.18);
}

.donante-workspace-button--primary:hover[b-h9njc0dwxd] {
    background: #133747 !important;
    border-color: #133747 !important;
    color: #ffffff !important;
}

.donante-workspace-button--secondary[b-h9njc0dwxd] {
    background: #ffffff !important;
    border-color: #c9dbd8 !important;
    color: #29424c !important;
}

.donante-workspace-button--secondary:hover[b-h9njc0dwxd] {
    background: #ffffff !important;
    border-color: #1f5f6b !important;
    color: #1f5f6b !important;
    box-shadow: 0 10px 22px rgba(31, 95, 107, 0.12);
}

/* ===== Form Grid ===== */
.donante-form-grid[b-h9njc0dwxd] {
    display: grid;
    grid-template-columns: minmax(0, 1.65fr) minmax(320px, 0.95fr);
    gap: 1rem;
    align-items: start;
}

.donante-form-grid > .donante-workspace-panel[b-h9njc0dwxd] {
    width: auto !important;
    max-width: none !important;
    min-width: 0;
    flex: initial !important;
    margin-bottom: 0 !important;
}

.donante-form-grid > .donante-workspace-panel:nth-child(1)[b-h9njc0dwxd] {
    grid-column: 1;
    grid-row: 1;
}

.donante-form-grid > .donante-workspace-panel:nth-child(2)[b-h9njc0dwxd] {
    grid-column: 1;
    grid-row: 2;
}

.donante-form-grid > .donante-workspace-panel:nth-child(3)[b-h9njc0dwxd] {
    grid-column: 2;
    grid-row: 1 / span 2;
}

/* ===== Panels ===== */
.donante-workspace-panel[b-h9njc0dwxd] {
    height: 100%;
    background: #ffffff;
    border: 1px solid #d7e8e5;
    border-radius: 24px;
    padding: 1.25rem;
    box-shadow: 0 14px 34px rgba(15, 45, 58, 0.05);
}

.donante-section-title[b-h9njc0dwxd] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 1rem;
    padding-bottom: 0.85rem;
    border-bottom: 1px solid #ebf1ef;
    color: #0f2d3a;
    font-size: 1.02rem;
    font-weight: 800;
}

/* ===== Form Fields ===== */
.donante-basic-grid[b-h9njc0dwxd] {
    display: grid;
    grid-template-columns: minmax(9.5rem, 0.75fr) minmax(14rem, 1.25fr);
    gap: 0.85rem 0.95rem;
    align-items: start;
}

.donante-field[b-h9njc0dwxd] {
    min-width: 0;
}

.donante-field--wide[b-h9njc0dwxd] {
    grid-column: 1 / -1;
}

.donante-field-row[b-h9njc0dwxd] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.85rem 0.95rem;
    align-items: start;
}

.donante-field-label[b-h9njc0dwxd] {
    color: #48606a;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    line-height: 1.25;
    margin-bottom: 0.35rem;
}

.donante-field-control[b-h9njc0dwxd] {
    min-height: 46px;
    border-radius: 16px;
    border: 1px solid #c9dbd8;
    background: #fbfcfb;
    padding: 0.66rem 0.85rem;
    color: #0f2d3a;
    box-shadow: inset 0 1px 2px rgba(15, 45, 58, 0.03);
    font-size: 0.95rem;
}

.donante-field-control:focus[b-h9njc0dwxd] {
    border-color: #1f5f6b;
    box-shadow: 0 0 0 4px rgba(31, 95, 107, 0.14);
    background: #ffffff;
}

/* Input with icon */
.input-icon-wrap[b-h9njc0dwxd] {
    position: relative;
}

.input-icon[b-h9njc0dwxd] {
    position: absolute;
    left: 0.85rem;
    top: 50%;
    transform: translateY(-50%);
    color: #8aa1aa;
    font-size: 1rem;
    z-index: 4;
    pointer-events: none;
}

.input-icon-wrap .donante-field-control[b-h9njc0dwxd],
.input-icon-wrap .form-select[b-h9njc0dwxd] {
    padding-left: 2.6rem !important;
}

/* ===== Actividad Económica ===== */
.actividad-economic-wrap[b-h9njc0dwxd] {
    background: #f9fbfa;
    border: 1px solid #d7e8e5;
    border-radius: 20px;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.actividad-code-search[b-h9njc0dwxd] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

.actividad-code-search .input-icon-wrap[b-h9njc0dwxd] {
    flex: 1;
    min-width: 0;
}

.actividad-code-search .donante-field-control[b-h9njc0dwxd] {
    background: #ffffff;
    font-weight: 700;
    letter-spacing: 0.04em;
    color: #0f2d3a;
}

.actividad-search-btn[b-h9njc0dwxd] {
    min-height: 46px;
    border-radius: 16px;
    padding: 0 1.2rem;
    background: linear-gradient(135deg, #0f2d3a 0%, #1f5f6b 100%);
    color: #ffffff;
    border: none;
    font-weight: 700;
    font-size: 0.88rem;
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    box-shadow: 0 8px 18px rgba(15, 45, 58, 0.18);
    transition: all 0.25s ease;
    white-space: nowrap;
}

.actividad-search-btn:hover[b-h9njc0dwxd] {
    transform: translateY(-1px);
    box-shadow: 0 12px 24px rgba(15, 45, 58, 0.24);
    color: #ffffff;
}

.actividad-search-btn:active[b-h9njc0dwxd] {
    transform: scale(0.98);
}

.actividad-desc-box[b-h9njc0dwxd] {
    background: #ffffff;
    border: 1px solid #c9dbd8;
    border-radius: 16px;
    padding: 0.85rem 1rem;
    display: flex;
    align-items: center;
    gap: 0.7rem;
    min-height: 46px;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.actividad-desc-box:has(.actividad-desc-text)[b-h9njc0dwxd] {
    border-color: #a7d4c8;
    background: #f0fdf7;
    box-shadow: inset 0 0 0 1px rgba(15, 118, 110, 0.08);
}

.actividad-desc-icon[b-h9njc0dwxd] {
    color: #1f5f6b;
    font-size: 1rem;
    flex-shrink: 0;
}

.actividad-desc-text[b-h9njc0dwxd] {
    color: #0f2d3a;
    font-weight: 600;
    font-size: 0.92rem;
    line-height: 1.4;
}

.actividad-desc-placeholder[b-h9njc0dwxd] {
    color: #8aa1aa;
    font-size: 0.88rem;
    font-style: italic;
}

/* ===== Table ===== */
.donante-table-wrap[b-h9njc0dwxd] {
    border: 1px solid #d7e8e5;
    border-radius: 20px;
    overflow: hidden;
    background: #ffffff;
    box-shadow: 0 14px 34px rgba(15, 45, 58, 0.05);
}

.donante-table[b-h9njc0dwxd] {
    margin-bottom: 0;
}

.donante-table thead th[b-h9njc0dwxd] {
    background: #f4f7f6;
    color: #0f2d3a;
    font-weight: 800;
    font-size: 0.78rem;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    border-bottom: 1px solid #d7e8e5;
    padding: 1rem;
    white-space: nowrap;
}

.donante-table tbody tr[b-h9njc0dwxd] {
    transition: background-color 0.2s ease;
    border-bottom: 1px solid #eef4f2;
}

.donante-table tbody tr:last-child[b-h9njc0dwxd] {
    border-bottom: none;
}

.donante-table tbody tr:hover[b-h9njc0dwxd] {
    background: #f9fbfa;
}

.donante-row--inactive[b-h9njc0dwxd] {
    background: #fafafa;
}

.donante-row--inactive td[b-h9njc0dwxd] {
    color: #9fb0b8;
}

.donante-row--inactive .text-dark[b-h9njc0dwxd] {
    color: #8fa3ac !important;
}

/* ===== Avatar ===== */
.donante-avatar[b-h9njc0dwxd] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: linear-gradient(135deg, #0f2d3a 0%, #1f5f6b 100%);
    color: #ffffff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
}

/* ===== Badges ===== */
.donante-doc-badge[b-h9njc0dwxd] {
    display: inline-block;
    padding: 0.25rem 0.55rem;
    border-radius: 8px;
    background: #eef4f2;
    color: #1f5f6b;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    margin-right: 0.4rem;
    white-space: nowrap;
}

.donante-country-badge[b-h9njc0dwxd] {
    display: inline-flex;
    align-items: center;
    padding: 0.3rem 0.6rem;
    border-radius: 8px;
    background: #eef4f2;
    color: #29424c;
    font-size: 0.8rem;
    font-weight: 700;
}

.donante-status-badge[b-h9njc0dwxd] {
    padding: 0.4rem 0.7rem;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.02em;
}

.donante-status-badge--active[b-h9njc0dwxd] {
    background: #e6f7f1;
    color: #0f766e;
    border: 1px solid #c6f3e5;
}

.donante-status-badge--inactive[b-h9njc0dwxd] {
    background: #f5f5f5;
    color: #8c8c8c;
    border: 1px solid #e5e5e5;
}

/* ===== Actions ===== */
.donante-actions[b-h9njc0dwxd] {
    display: inline-flex;
    gap: 0.35rem;
}

.donante-action-btn[b-h9njc0dwxd] {
    width: 34px;
    height: 34px;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 1px solid transparent;
    transition: all 0.2s ease;
}

.donante-action-btn--edit[b-h9njc0dwxd] {
    background: #eef4f2;
    color: #1f5f6b;
    border-color: #d7e8e5;
}

.donante-action-btn--edit:hover[b-h9njc0dwxd] {
    background: #d7e8e5;
    color: #0f2d3a;
}

.donante-action-btn--deactivate[b-h9njc0dwxd] {
    background: #fff8e6;
    color: #b45309;
    border-color: #fde68a;
}

.donante-action-btn--deactivate:hover[b-h9njc0dwxd] {
    background: #fef3c7;
    color: #92400e;
}

.donante-action-btn--activate[b-h9njc0dwxd] {
    background: #e6f7f1;
    color: #0f766e;
    border-color: #a7f3d0;
}

.donante-action-btn--activate:hover[b-h9njc0dwxd] {
    background: #d1fae5;
    color: #065f46;
}

/* ===== Search ===== */
.donante-search-box[b-h9njc0dwxd] {
    max-width: 420px;
    width: 100%;
}

.donante-list-header[b-h9njc0dwxd] {
    padding-bottom: 0.5rem;
}

/* ===== Empty State ===== */
.donante-empty-state[b-h9njc0dwxd] {
    padding: 3rem 1rem;
}

.donante-empty-icon[b-h9njc0dwxd] {
    width: 96px;
    height: 96px;
    border-radius: 50%;
    background: linear-gradient(135deg, #eef4f2 0%, #d7e8e5 100%);
    color: #1f5f6b;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 2.5rem;
}

/* ===== Alerts ===== */
.donante-workspace-alert--success[b-h9njc0dwxd] {
    background: #f0fdf7 !important;
    border-color: rgba(15, 118, 110, 0.2) !important;
    color: #0f766e !important;
    border-radius: 18px;
    border-width: 1px;
    border-style: solid;
    box-shadow: none;
}

.donante-workspace-alert--danger[b-h9njc0dwxd] {
    background: #fff5f5 !important;
    border-color: rgba(185, 28, 28, 0.22) !important;
    color: #991b1b !important;
    border-radius: 18px;
    border-width: 1px;
    border-style: solid;
    box-shadow: none;
}

/* ===== Spinner ===== */
.donante-workspace-spinner[b-h9njc0dwxd] {
    color: #1f5f6b !important;
}

/* ===== Form Actions ===== */
.donante-workspace-actions[b-h9njc0dwxd] {
    border-top: 1px solid #d7e8e5;
}

/* ===== Responsive ===== */
@media (max-width: 991.98px) {
    .donante-form-grid[b-h9njc0dwxd] {
        grid-template-columns: 1fr;
    }

    .donante-form-grid > .donante-workspace-panel:nth-child(1)[b-h9njc0dwxd],
    .donante-form-grid > .donante-workspace-panel:nth-child(2)[b-h9njc0dwxd],
    .donante-form-grid > .donante-workspace-panel:nth-child(3)[b-h9njc0dwxd] {
        grid-column: auto;
        grid-row: auto;
    }
}

@media (max-width: 575.98px) {
    .donante-workspace-shell[b-h9njc0dwxd] {
        border-radius: 22px;
    }

    .donante-workspace-panel[b-h9njc0dwxd] {
        border-radius: 20px;
        padding: 1rem;
    }

    .donante-workspace-container[b-h9njc0dwxd] {
        padding: 0.85rem 0.85rem 1.5rem !important;
    }

    .donante-workspace-button[b-h9njc0dwxd] {
        width: 100%;
    }

    .donante-basic-grid[b-h9njc0dwxd] {
        grid-template-columns: 1fr;
        gap: 0.75rem;
    }

    .donante-field--wide[b-h9njc0dwxd] {
        grid-column: auto;
    }

    .donante-field-control[b-h9njc0dwxd] {
        min-height: 48px;
    }

    .donante-table thead th[b-h9njc0dwxd],
    .donante-table tbody td[b-h9njc0dwxd] {
        padding: 0.75rem 0.5rem;
    }
}
/* _content/FacturaME/Components/Pages/Compras.razor.rz.scp.css */
.compras-shell[b-s3r3abud61] {
    --compras-bg: #edf3f8;
    --compras-surface: #ffffff;
    --compras-surface-soft: #f6f9fc;
    --compras-border: #d5e0ea;
    --compras-primary: #143b52;
    --compras-primary-strong: #0d2f42;
    --compras-accent: #2b6d90;
    --compras-muted: #637787;
    min-height: 100vh;
    background: #edf2f5;
}

.compras-shell__container[b-s3r3abud61] {
    padding-top: 2rem;
    padding-bottom: 2.5rem;
}

.compras-stage[b-s3r3abud61] {
    margin-top: 1.25rem;
}

.compras-alerts[b-s3r3abud61] {
    display: grid;
    gap: 0.75rem;
    margin-top: 1.25rem;
}

.compras-alert[b-s3r3abud61] {
    margin-bottom: 0;
    border-radius: 18px;
}

.compras-loading[b-s3r3abud61],
.compras-denied[b-s3r3abud61] {
    min-height: 50vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (max-width: 768px) {
    .compras-shell__container[b-s3r3abud61] {
        padding-top: 1.25rem;
        padding-bottom: 1.5rem;
    }
}

.anexo2-grid-dialog[b-s3r3abud61] {
    max-width: 95vw;
    width: 95vw;
}

.anexo2-grid-wrapper[b-s3r3abud61] {
    border: 1px solid #dee2e6;
    border-radius: 8px;
    overflow: hidden;
}

.anexo2-grid-scroll[b-s3r3abud61] {
    max-height: 60vh;
    overflow: auto;
}

.anexo2-grid-table[b-s3r3abud61] {
    font-size: 0.8rem;
}

.anexo2-grid-table thead th[b-s3r3abud61] {
    position: sticky;
    top: 0;
    z-index: 10;
    font-size: 0.75rem;
    padding: 6px 4px;
    white-space: nowrap;
    text-align: center;
}

.anexo2-grid-table td[b-s3r3abud61] {
    padding: 3px 4px;
}

.anexo2-input[b-s3r3abud61] {
    padding: 3px 6px !important;
    font-size: 0.78rem;
    border: 1px solid #dee2e6;
    border-radius: 4px;
    background: #fff;
    min-width: 70px;
    transition: border-color 0.2s, box-shadow 0.2s;
}

.anexo2-input:focus[b-s3r3abud61] {
    border-color: #11998e;
    box-shadow: 0 0 0 2px rgba(17, 153, 142, 0.15);
    outline: none;
}

.anexo2-input:hover[b-s3r3abud61] {
    border-color: #adb5bd;
}

.anexo2-input-num[b-s3r3abud61] {
    text-align: right;
    min-width: 85px;
    font-family: 'Courier New', monospace;
}

.anexo2-input-center[b-s3r3abud61] {
    text-align: center;
    min-width: 50px;
}

.anexo2-input-total[b-s3r3abud61] {
    font-weight: 700;
    background: #f0fff4 !important;
}

.anexo2-col-num[b-s3r3abud61] {
    min-width: 85px;
}

.anexo2-col-total[b-s3r3abud61] {
    min-width: 95px;
}

.compras-loading-overlay[b-s3r3abud61] {
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
}

.compras-loading-overlay__backdrop[b-s3r3abud61] {
    position: absolute;
    inset: 0;
    background: rgba(8, 27, 38, 0.45);
    backdrop-filter: blur(2px);
}

.compras-loading-overlay__content[b-s3r3abud61] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    padding: 2rem 3rem;
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 24px 56px rgba(8, 27, 38, 0.35);
}

.compras-loading-overlay__content .spinner-border[b-s3r3abud61] {
    width: 2.5rem;
    height: 2.5rem;
}

.compras-loading-overlay__content p[b-s3r3abud61] {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
    color: var(--compras-primary);
}
/* _content/FacturaME/Components/Pages/ComprasModule/ComprasDeleteModal.razor.rz.scp.css */
.delete-modal[b-oabzw6roqi] {
    position: fixed;
    inset: 0;
    z-index: 1110;
}

.delete-modal__backdrop[b-oabzw6roqi] {
    position: absolute;
    inset: 0;
    background: rgba(8, 27, 38, 0.52);
    backdrop-filter: blur(2px);
}

.delete-modal__dialog[b-oabzw6roqi] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100%;
    padding: 1.25rem;
}

.delete-modal__content[b-oabzw6roqi] {
    position: relative;
    width: min(56rem, 100%);
    border: 1px solid #d9e4ec;
    border-radius: 24px;
    background: #fff;
    box-shadow: 0 28px 60px rgba(8, 27, 38, 0.3);
}

.delete-modal__header[b-oabzw6roqi],
.delete-modal__footer[b-oabzw6roqi] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.2rem 1.3rem;
}

.delete-modal__body[b-oabzw6roqi] {
    padding: 0 1.3rem 1.3rem;
}

.delete-modal__header[b-oabzw6roqi] {
    border-bottom: 1px solid #e3ebf1;
}

.delete-modal__footer[b-oabzw6roqi] {
    border-top: 1px solid #e3ebf1;
    justify-content: flex-end;
}

.delete-modal__eyebrow[b-oabzw6roqi] {
    display: inline-flex;
    align-items: center;
    padding: 0.3rem 0.7rem;
    margin-bottom: 0.65rem;
    border-radius: 999px;
    background: #fee2e2;
    color: #b91c1c;
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.delete-modal__summary[b-oabzw6roqi] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.9rem;
    margin-bottom: 1rem;
    padding: 0.95rem 1rem;
    border-radius: 18px;
    background: #f6fafc;
}

.delete-modal__label[b-oabzw6roqi] {
    display: block;
    margin-bottom: 0.25rem;
    color: var(--compras-muted);
    font-size: 0.8rem;
}

.delete-modal__table thead[b-oabzw6roqi],
.delete-modal__table thead tr[b-oabzw6roqi],
.delete-modal__table thead th[b-oabzw6roqi] {
    background: #edf4f8 !important;
    color: var(--compras-primary) !important;
    border-bottom-color: #d8e4ec !important;
}

@media (max-width: 768px) {
    .delete-modal__dialog[b-oabzw6roqi] {
        padding: 0.8rem;
    }

    .delete-modal__summary[b-oabzw6roqi] {
        grid-template-columns: 1fr;
    }

    .delete-modal__header[b-oabzw6roqi],
    .delete-modal__footer[b-oabzw6roqi],
    .delete-modal__body[b-oabzw6roqi] {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}
/* _content/FacturaME/Components/Pages/ComprasModule/ComprasHistoryTab.razor.rz.scp.css */
.history-card[b-ybgf5yjsgz] {
    padding: 1.35rem;
    border: 1px solid var(--compras-border);
    border-radius: 24px;
    background:
        radial-gradient(circle at top left, rgba(47, 143, 91, 0.08), transparent 32%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(248, 251, 253, 0.94) 100%);
    box-shadow: 0 18px 34px rgba(20, 59, 82, 0.08);
}

.history-card__head[b-ybgf5yjsgz] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(24rem, 0.82fr);
    gap: 1rem;
    align-items: stretch;
}

.history-card__copy[b-ybgf5yjsgz] {
    min-width: 0;
}

.history-card__eyebrow[b-ybgf5yjsgz] {
    display: inline-flex;
    align-items: center;
    padding: 0.35rem 0.75rem;
    margin-bottom: 0.8rem;
    border-radius: 999px;
    background: #eef4f8;
    color: var(--compras-accent);
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.history-card h3[b-ybgf5yjsgz] {
    font-size: clamp(1.35rem, 2vw, 1.85rem);
}

.history-card h3[b-ybgf5yjsgz],
.history-empty h4[b-ybgf5yjsgz] {
    margin: 0;
    color: var(--compras-primary);
}

.history-card p[b-ybgf5yjsgz],
.history-empty p[b-ybgf5yjsgz] {
    margin: 0.45rem 0 0;
    color: var(--compras-muted);
}

.history-export-panel[b-ybgf5yjsgz] {
    display: grid;
    gap: 0.75rem;
    padding: 0.9rem;
    border: 1px solid #dbe8f0;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.78);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

.history-export-panel__stats[b-ybgf5yjsgz] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.55rem;
}

.history-stat[b-ybgf5yjsgz] {
    display: grid;
    gap: 0.15rem;
    min-width: 0;
    padding: 0.6rem 0.7rem;
    border: 1px solid #e1eaf1;
    border-radius: 15px;
    background: #f8fbfd;
}

.history-stat small[b-ybgf5yjsgz] {
    overflow: hidden;
    color: #6a7f8f;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
}

.history-stat strong[b-ybgf5yjsgz] {
    color: var(--compras-primary);
    font-size: 1.2rem;
    line-height: 1;
}

.history-stat--success[b-ybgf5yjsgz] {
    border-color: #ccebdd;
    background: #effaf5;
}

.history-stat--success strong[b-ybgf5yjsgz] {
    color: #117448;
}

.history-stat--warning[b-ybgf5yjsgz] {
    border-color: #f4deb5;
    background: #fff8eb;
}

.history-stat--warning strong[b-ybgf5yjsgz] {
    color: #9a5f00;
}

.history-export-panel__actions[b-ybgf5yjsgz] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.6rem;
}

.history-download-btn[b-ybgf5yjsgz] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    min-height: 2.65rem;
    padding: 0.55rem 0.8rem;
    border: 0;
    border-radius: 14px;
    color: #fff;
    font-size: 0.9rem;
    font-weight: 800;
    transition: 0.18s ease;
}

.history-download-btn i[b-ybgf5yjsgz] {
    font-size: 1rem;
}

.history-download-btn--excel[b-ybgf5yjsgz] {
    background: linear-gradient(135deg, #15925e 0%, #2fb274 100%);
    box-shadow: 0 10px 18px rgba(21, 146, 94, 0.22);
}

.history-download-btn--csv[b-ybgf5yjsgz] {
    background: linear-gradient(135deg, #1d6689 0%, #2c8faf 100%);
    box-shadow: 0 10px 18px rgba(29, 102, 137, 0.20);
}

.history-download-btn:hover:not(:disabled)[b-ybgf5yjsgz] {
    transform: translateY(-1px);
    filter: brightness(1.02);
}

.history-download-btn:disabled[b-ybgf5yjsgz] {
    cursor: not-allowed;
    background: #e7edf2;
    color: #94a3ad;
    box-shadow: none;
}

.history-export-panel__hint[b-ybgf5yjsgz] {
    display: flex;
    gap: 0.45rem;
    align-items: flex-start;
    color: #607789;
    font-size: 0.8rem;
    line-height: 1.35;
}

.history-export-panel__hint i[b-ybgf5yjsgz] {
    margin-top: 0.05rem;
    color: #2c7899;
}

.history-filters[b-ybgf5yjsgz] {
    display: grid;
    grid-template-columns: minmax(8rem, 0.65fr) minmax(9rem, 0.75fr) minmax(20rem, 1.55fr) minmax(10rem, 0.8fr) minmax(11rem, 0.85fr) max-content;
    gap: 0.75rem;
    align-items: end;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    padding: 0.8rem;
    border: 1px solid #dfeaf1;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.76);
}

.history-field[b-ybgf5yjsgz] {
    min-width: 0;
}

.history-field--search[b-ybgf5yjsgz] {
    grid-column: auto;
}

.history-card :deep(.form-label)[b-ybgf5yjsgz],
.history-field .form-label[b-ybgf5yjsgz] {
    margin-bottom: 0.32rem;
    color: #31556d;
    font-size: 0.8rem;
    font-weight: 800;
}

.history-card :deep(.form-control)[b-ybgf5yjsgz],
.history-card :deep(.form-select)[b-ybgf5yjsgz],
.history-field .form-control[b-ybgf5yjsgz],
.history-field .form-select[b-ybgf5yjsgz] {
    min-height: 2.55rem;
    border-color: #d6e2ea;
    border-radius: 12px;
    box-shadow: none;
}

.history-card :deep(.form-control:focus)[b-ybgf5yjsgz],
.history-card :deep(.form-select:focus)[b-ybgf5yjsgz],
.history-field .form-control:focus[b-ybgf5yjsgz],
.history-field .form-select:focus[b-ybgf5yjsgz] {
    border-color: #8eb7cf;
    box-shadow: 0 0 0 0.18rem rgba(27, 90, 129, 0.08);
}

.history-toggle[b-ybgf5yjsgz] {
    display: flex;
    align-items: center;
    min-height: 2.55rem;
    padding: 0 0.2rem;
    white-space: nowrap;
}

.history-toggle .form-check[b-ybgf5yjsgz] {
    display: flex;
    gap: 0.45rem;
    align-items: center;
    margin: 0;
}

.history-toggle .form-check-input[b-ybgf5yjsgz] {
    margin: 0;
}

.history-toggle .form-check-label[b-ybgf5yjsgz] {
    color: #36586e;
    font-size: 0.88rem;
    font-weight: 700;
}

.history-table-wrap[b-ybgf5yjsgz] {
    padding: 0.45rem;
    border: 1px solid #e0ebf2;
    border-radius: 22px;
    background: linear-gradient(180deg, #f8fbfd 0%, #eef5f8 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.85);
}

.history-table[b-ybgf5yjsgz] {
    min-width: 1160px;
    margin-bottom: 0;
    border-collapse: separate;
    border-spacing: 0 0.55rem;
}

.history-table thead[b-ybgf5yjsgz],
.history-table thead tr[b-ybgf5yjsgz],
.history-table thead th[b-ybgf5yjsgz] {
    background: transparent !important;
    color: #31556d !important;
    border: 0 !important;
}

.history-table thead th[b-ybgf5yjsgz] {
    padding: 0.55rem 0.8rem;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    white-space: nowrap;
}

.history-table tbody td[b-ybgf5yjsgz] {
    padding: 0.85rem 0.8rem;
    border-top: 1px solid #e7eef3;
    border-bottom: 1px solid #e7eef3;
    background: rgba(255, 255, 255, 0.98);
    vertical-align: middle;
}

.history-table tbody td:first-child[b-ybgf5yjsgz] {
    border-left: 1px solid #e7eef3;
    border-radius: 18px 0 0 18px;
}

.history-table tbody td:last-child[b-ybgf5yjsgz] {
    border-right: 1px solid #e7eef3;
    border-radius: 0 18px 18px 0;
}

.history-table tbody tr:hover > td[b-ybgf5yjsgz] {
    background: #fbfdff !important;
    border-color: #d3e4ee;
}

.history-table__row--deleted > td[b-ybgf5yjsgz] {
    background: #f7f8fa;
    color: #6b7280;
}

.history-table th:nth-child(1)[b-ybgf5yjsgz],
.history-table__cell--purchase[b-ybgf5yjsgz] {
    width: 14.5rem;
}

.history-table th:nth-child(2)[b-ybgf5yjsgz],
.history-table__cell--document[b-ybgf5yjsgz] {
    width: 22rem;
}

.history-table th:nth-child(3)[b-ybgf5yjsgz],
.history-table__cell--provider[b-ybgf5yjsgz] {
    width: 16rem;
}

.history-table th:nth-child(4)[b-ybgf5yjsgz],
.history-table__cell--total[b-ybgf5yjsgz] {
    width: 7rem;
}

.history-table th:nth-child(5)[b-ybgf5yjsgz],
.history-table__cell--inventory[b-ybgf5yjsgz] {
    width: 17rem;
}

.history-table th:nth-child(6)[b-ybgf5yjsgz],
.history-table__cell--export[b-ybgf5yjsgz] {
    width: 10rem;
}

.history-table th:nth-child(7)[b-ybgf5yjsgz],
.history-table__cell--actions[b-ybgf5yjsgz] {
    width: 5.5rem;
}

.history-purchase[b-ybgf5yjsgz],
.history-document[b-ybgf5yjsgz],
.history-provider[b-ybgf5yjsgz],
.history-inventory[b-ybgf5yjsgz],
.history-export[b-ybgf5yjsgz] {
    display: grid;
    gap: 0.45rem;
    min-width: 0;
}

.history-pill-row[b-ybgf5yjsgz] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
}

.history-pill[b-ybgf5yjsgz],
.history-origin-pill[b-ybgf5yjsgz] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: max-content;
    min-height: 1.75rem;
    padding: 0.28rem 0.65rem;
    border-radius: 999px;
    font-size: 0.76rem;
    font-weight: 800;
    line-height: 1;
    white-space: nowrap;
}

.history-pill--success[b-ybgf5yjsgz] {
    background: #e9f8f1;
    color: #117448;
}

.history-pill--warning[b-ybgf5yjsgz] {
    background: #fff4dd;
    color: #9a5f00;
}

.history-pill--muted[b-ybgf5yjsgz],
.history-origin-pill--manual[b-ybgf5yjsgz] {
    background: #edf1f4;
    color: #60717d;
}

.history-pill--neutral[b-ybgf5yjsgz] {
    border: 1px solid #d9e3ea;
    background: #fff;
    color: #3d5160;
}

.history-origin-pill--import[b-ybgf5yjsgz] {
    background: #eaf2ff;
    color: #135bd8;
}

.history-date-block[b-ybgf5yjsgz] {
    display: grid;
    gap: 0.08rem;
}

.history-date-block strong[b-ybgf5yjsgz] {
    color: var(--compras-primary);
    font-size: 0.98rem;
}

.history-date-block span[b-ybgf5yjsgz],
.history-provider span[b-ybgf5yjsgz],
.history-inventory > span:not(.history-pill)[b-ybgf5yjsgz],
.history-adjustments[b-ybgf5yjsgz],
.history-label[b-ybgf5yjsgz],
.history-code-line span[b-ybgf5yjsgz] {
    color: #667d8d;
    font-size: 0.8rem;
}

.history-label[b-ybgf5yjsgz],
.history-code-line span[b-ybgf5yjsgz] {
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.history-document strong[b-ybgf5yjsgz],
.history-provider strong[b-ybgf5yjsgz] {
    overflow: hidden;
    color: #082f49;
    font-size: 0.95rem;
    line-height: 1.35;
    text-overflow: ellipsis;
}

.history-document strong[b-ybgf5yjsgz] {
    white-space: nowrap;
}

.history-provider strong[b-ybgf5yjsgz] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.history-code-line[b-ybgf5yjsgz] {
    display: grid;
    grid-template-columns: 4.25rem minmax(0, 1fr);
    gap: 0.5rem;
    align-items: center;
    min-width: 0;
}

.history-code-line code[b-ybgf5yjsgz] {
    display: block;
    overflow: hidden;
    min-width: 0;
    padding: 0.22rem 0.45rem;
    border: 1px solid #e2ebf1;
    border-radius: 9px;
    background: #f7fafc;
    color: #28485d;
    font-size: 0.77rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.history-table__cell--total strong[b-ybgf5yjsgz] {
    display: block;
    color: #082f49;
    font-size: 1rem;
    font-variant-numeric: tabular-nums;
}

.history-inventory[b-ybgf5yjsgz] {
    align-content: center;
}

.history-adjustments[b-ybgf5yjsgz] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    align-items: center;
}

.history-adjustment-link[b-ybgf5yjsgz] {
    display: inline-flex;
    align-items: center;
    min-height: 1.65rem;
    padding: 0.24rem 0.55rem;
    border-radius: 999px;
    font-size: 0.76rem;
    font-weight: 800;
    text-decoration: none;
}

.history-adjustment-link--in[b-ybgf5yjsgz] {
    background: #e8f8f0;
    color: #117448;
}

.history-adjustment-link--out[b-ybgf5yjsgz] {
    background: #fff0f0;
    color: #bd3131;
}

.history-export[b-ybgf5yjsgz] {
    justify-items: start;
}

.history-rst[b-ybgf5yjsgz] {
    display: inline-flex;
    gap: 0.35rem;
    align-items: center;
    padding: 0.28rem 0.55rem;
    border: 1px solid #dfe8ee;
    border-radius: 999px;
    background: #fff;
    color: #4b6476;
    font-size: 0.78rem;
}

.history-rst span[b-ybgf5yjsgz] {
    color: #738897;
    font-weight: 800;
}

.history-rst strong[b-ybgf5yjsgz] {
    color: #163a50;
    font-weight: 800;
}

.history-actions-inline[b-ybgf5yjsgz] {
    display: inline-flex;
    gap: 0.45rem;
}

.history-actions-inline .btn[b-ybgf5yjsgz] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.15rem;
    height: 2.15rem;
    padding: 0;
    border-radius: 11px;
}

.history-empty[b-ybgf5yjsgz] {
    padding: 2rem 1rem;
    margin-top: 0.5rem;
    border: 1px dashed var(--compras-border);
    border-radius: 18px;
    background: #f9fbfd;
    text-align: center;
}

@media (max-width: 1200px) {
    .history-card__head[b-ybgf5yjsgz] {
        grid-template-columns: 1fr;
    }

    .history-filters[b-ybgf5yjsgz] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .history-field--search[b-ybgf5yjsgz] {
        grid-column: span 2;
    }
}

@media (max-width: 768px) {
    .history-card[b-ybgf5yjsgz] {
        padding: 1.1rem;
    }

    .history-card__head[b-ybgf5yjsgz] {
        grid-template-columns: 1fr;
    }

    .history-export-panel__stats[b-ybgf5yjsgz],
    .history-export-panel__actions[b-ybgf5yjsgz] {
        grid-template-columns: 1fr;
    }

    .history-filters[b-ybgf5yjsgz] {
        grid-template-columns: 1fr;
    }

    .history-field--search[b-ybgf5yjsgz] {
        grid-column: span 1;
    }
}
/* _content/FacturaME/Components/Pages/ComprasModule/ComprasImportTab.razor.rz.scp.css */
.import-layout[b-yqukt4eeqh] {
    display: grid;
    gap: 1rem;
}

.import-layout__top[b-yqukt4eeqh] {
    display: grid;
    grid-template-columns: minmax(0, 1.5fr) minmax(18rem, 0.8fr);
    gap: 1rem;
}

.import-card[b-yqukt4eeqh] {
    padding: 1.35rem;
    border: 1px solid var(--compras-border);
    border-radius: 24px;
    background: rgba(255, 255, 255, 0.9);
    box-shadow: 0 18px 34px rgba(20, 59, 82, 0.08);
}

.import-card--empty[b-yqukt4eeqh] {
    text-align: center;
    padding-block: 2rem;
    color: var(--compras-muted);
}

.import-card__head[b-yqukt4eeqh] {
    margin-bottom: 1.15rem;
}

.import-card__head--spread[b-yqukt4eeqh] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
}

.import-card__eyebrow[b-yqukt4eeqh] {
    display: inline-flex;
    align-items: center;
    padding: 0.35rem 0.75rem;
    margin-bottom: 0.8rem;
    border-radius: 999px;
    background: #eef4f8;
    color: var(--compras-accent);
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.import-card h3[b-yqukt4eeqh],
.import-card h4[b-yqukt4eeqh] {
    margin: 0;
    color: var(--compras-primary);
}

.import-card p[b-yqukt4eeqh] {
    margin: 0.45rem 0 0;
    color: var(--compras-muted);
}

.drop-zone[b-yqukt4eeqh] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.55rem;
    min-height: 16rem;
    padding: 1.5rem;
    border: 2px dashed rgba(43, 109, 144, 0.38);
    border-radius: 22px;
    background:
        radial-gradient(circle at top, rgba(43, 109, 144, 0.13), transparent 11rem),
        linear-gradient(180deg, #fbfdff 0%, #f1f7fb 100%);
    color: var(--compras-primary);
    text-align: center;
    cursor: pointer;
}

.drop-zone.drag-over[b-yqukt4eeqh] {
    border-color: rgba(43, 109, 144, 0.75);
    background: linear-gradient(180deg, #f8fcff 0%, #e8f2f8 100%);
}

.drop-zone__icon[b-yqukt4eeqh] {
    font-size: 2.4rem;
    color: var(--compras-accent);
}

.import-metrics[b-yqukt4eeqh] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.75rem;
    margin-top: 1rem;
}

.import-metric[b-yqukt4eeqh] {
    padding: 0.85rem 0.9rem;
    border-radius: 18px;
    background: var(--compras-surface-soft);
}

.import-metric span[b-yqukt4eeqh] {
    display: block;
    color: var(--compras-muted);
    font-size: 0.82rem;
}

.import-metric strong[b-yqukt4eeqh] {
    display: block;
    margin-top: 0.35rem;
    color: var(--compras-primary);
    font-size: 1.45rem;
}

.import-results[b-yqukt4eeqh] {
    display: grid;
    gap: 0.75rem;
}

.import-result[b-yqukt4eeqh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.85rem 1rem;
    border-radius: 16px;
}

.import-result--ok[b-yqukt4eeqh] {
    background: #eef8f3;
}

.import-result--error[b-yqukt4eeqh] {
    background: #fff3f3;
}

.import-actions[b-yqukt4eeqh] {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.import-table th:last-child[b-yqukt4eeqh],
.import-table td:last-child[b-yqukt4eeqh] {
    white-space: nowrap;
}

.import-table thead[b-yqukt4eeqh],
.import-table thead tr[b-yqukt4eeqh],
.import-table thead th[b-yqukt4eeqh] {
    background: #edf4f8 !important;
    color: var(--compras-primary) !important;
    border-bottom-color: #d8e4ec !important;
}

.import-table tbody tr:hover > *[b-yqukt4eeqh] {
    background: #f7fbfe !important;
}

@media (max-width: 1200px) {
    .import-layout__top[b-yqukt4eeqh] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .import-card[b-yqukt4eeqh] {
        padding: 1.1rem;
    }

    .import-card__head--spread[b-yqukt4eeqh] {
        flex-direction: column;
    }

    .import-metrics[b-yqukt4eeqh] {
        grid-template-columns: 1fr;
    }
}
/* _content/FacturaME/Components/Pages/ComprasModule/ComprasInventoryModal.razor.rz.scp.css */
.inventory-modal[b-zsswfbxhhi] {
    position: fixed;
    inset: 0;
    z-index: 1110;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.inventory-modal__backdrop[b-zsswfbxhhi] {
    position: absolute;
    inset: 0;
    background: rgba(8, 27, 38, 0.52);
    backdrop-filter: blur(2px);
}

.inventory-modal__dialog[b-zsswfbxhhi] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100%;
    padding: 1.25rem;
}

.inventory-modal__content[b-zsswfbxhhi] {
    position: relative;
    width: min(95rem, 100%);
    border: 1px solid #d9e4ec;
    border-radius: 24px;
    background: #fff;
    box-shadow: 0 28px 60px rgba(8, 27, 38, 0.3);
}

.inventory-modal__header[b-zsswfbxhhi],
.inventory-modal__footer[b-zsswfbxhhi] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.2rem 1.3rem;
}

.inventory-modal__body[b-zsswfbxhhi] {
    padding: 0 1.3rem 1.3rem;
}

.inventory-modal__header[b-zsswfbxhhi] {
    border-bottom: 1px solid #e3ebf1;
}

.inventory-modal__footer[b-zsswfbxhhi] {
    border-top: 1px solid #e3ebf1;
    justify-content: flex-end;
}

.inventory-modal__eyebrow[b-zsswfbxhhi] {
    display: inline-flex;
    align-items: center;
    padding: 0.3rem 0.7rem;
    margin-bottom: 0.65rem;
    border-radius: 999px;
    background: #eef4f8;
    color: var(--compras-accent);
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.inventory-modal__summary[b-zsswfbxhhi] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.9rem;
    margin-bottom: 1rem;
    padding: 0.95rem 1rem;
    border-radius: 18px;
    background: #f6fafc;
}

.inventory-modal__label[b-zsswfbxhhi] {
    display: block;
    margin-bottom: 0.25rem;
    color: var(--compras-muted);
    font-size: 0.8rem;
}

.inventory-modal__table thead[b-zsswfbxhhi],
.inventory-modal__table thead tr[b-zsswfbxhhi],
.inventory-modal__table thead th[b-zsswfbxhhi] {
    background: #edf4f8 !important;
    color: var(--compras-primary) !important;
    border-bottom-color: #d8e4ec !important;
}

.inventory-modal__actions[b-zsswfbxhhi] {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 0.85rem;
}

.inventory-modal__search[b-zsswfbxhhi] {
    margin-bottom: 0.9rem;
}

.inventory-modal__select-cell[b-zsswfbxhhi] {
    min-width: 18rem;
    position: relative;
}

.inventory-modal__select-cell--active[b-zsswfbxhhi] {
    z-index: 30;
}

.inventory-modal__select-wrapper[b-zsswfbxhhi] {
    position: relative;
    overflow: visible;
}

.inventory-modal__select-wrapper--active[b-zsswfbxhhi] {
    z-index: 31;
}

.inventory-modal__dropdown[b-zsswfbxhhi] {
    position: absolute;
    top: calc(100% + 0.35rem);
    left: 0;
    right: 0;
    z-index: 2000;
    max-height: 250px;
    overflow-y: auto;
    overflow-x: hidden;
    overscroll-behavior: contain;
    margin: 0;
    padding: 0.35rem 0;
    list-style: none;
    background: #fff;
    border: 1px solid #d5e0ea;
    border-radius: 10px;
    box-shadow: 0 12px 32px rgba(8, 27, 38, 0.18);
}

.inventory-modal__dropdown-item[b-zsswfbxhhi] {
    display: flex;
    align-items: baseline;
    gap: 0.5rem;
    padding: 0.5rem 0.85rem;
    cursor: pointer;
    transition: none !important;
    transform: none !important;
    animation: none !important;
}

.inventory-modal__dropdown-item:hover[b-zsswfbxhhi],
.inventory-modal__dropdown-item:focus[b-zsswfbxhhi],
.inventory-modal__dropdown-item:active[b-zsswfbxhhi] {
    background-color: #fff !important;
    box-shadow: none !important;
    transform: none !important;
    filter: none !important;
}

.inventory-modal__dropdown-code[b-zsswfbxhhi] {
    font-size: 0.8rem;
    color: var(--compras-accent, #2b6d90);
    white-space: nowrap;
    flex-shrink: 0;
}

.inventory-modal__dropdown-name[b-zsswfbxhhi] {
    font-size: 0.8rem;
    color: #1f3a4b;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.inventory-modal__dropdown-empty[b-zsswfbxhhi] {
    padding: 0.5rem 0.85rem;
    font-size: 0.8rem;
    color: #637787;
    text-align: center;
}

.inventory-modal__results[b-zsswfbxhhi] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    margin-bottom: 0.95rem;
}

.inventory-modal__result[b-zsswfbxhhi] {
    border-radius: 999px;
}

.inventory-modal__result--disabled[b-zsswfbxhhi] {
    opacity: 0.55;
}

.inventory-modal__price-input[b-zsswfbxhhi] {
    width: 85px;
    min-width: 65px;
    font-size: 0.75rem;
    padding: 0.2rem 0.3rem;
    height: auto;
}

.inventory-modal__table th.inventory-modal__price-header[b-zsswfbxhhi] {
    font-size: 0.7rem;
    white-space: nowrap;
}

.inventory-modal__table td.inventory-modal__price-cell[b-zsswfbxhhi] {
    font-size: 0.75rem;
    white-space: nowrap;
    padding: 0.25rem 0.3rem;
    vertical-align: middle;
}

.inventory-modal__table[b-zsswfbxhhi] {
    --bs-table-hover-bg: transparent;
    --bs-table-hover-color: inherit;
    --bs-table-accent-bg: transparent;
}

.inventory-modal__table[b-zsswfbxhhi],
.inventory-modal__table tbody[b-zsswfbxhhi],
.inventory-modal__table tr[b-zsswfbxhhi],
.inventory-modal__table td[b-zsswfbxhhi] {
    overflow: visible !important;
}

.inventory-modal__table tbody tr[b-zsswfbxhhi] {
    position: relative;
    z-index: 1;
}

.inventory-modal__table tbody tr.inventory-modal__row--active[b-zsswfbxhhi] {
    z-index: 50;
}

.inventory-modal__table td[b-zsswfbxhhi] {
    white-space: nowrap;
}

.inventory-modal__table > :not(caption) > * > *[b-zsswfbxhhi],
.inventory-modal__table > tbody > tr:hover > *[b-zsswfbxhhi],
.inventory-modal__table > tbody > tr:focus-within > *[b-zsswfbxhhi] {
    --bs-table-accent-bg: transparent !important;
    --bs-table-hover-bg: transparent !important;
    color: inherit !important;
    background-color: #fff !important;
    box-shadow: none !important;
    filter: none !important;
    transform: none !important;
    transition: none !important;
    animation: none !important;
}

.inventory-modal__table > tbody > tr.table-secondary > *[b-zsswfbxhhi] {
    background-color: var(--bs-table-secondary-bg, #e2e3e5) !important;
    color: var(--bs-table-secondary-color, inherit) !important;
}

.inventory-modal__body[b-zsswfbxhhi],
.inventory-modal__content[b-zsswfbxhhi],
.inventory-modal__select-cell[b-zsswfbxhhi],
.inventory-modal .table-responsive[b-zsswfbxhhi] {
    overflow: visible;
}

@media (max-width: 768px) {
    .inventory-modal__dialog[b-zsswfbxhhi] {
        padding: 0.8rem;
    }

    .inventory-modal__summary[b-zsswfbxhhi] {
        grid-template-columns: 1fr;
    }

    .inventory-modal__header[b-zsswfbxhhi],
    .inventory-modal__footer[b-zsswfbxhhi],
    .inventory-modal__body[b-zsswfbxhhi] {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}
/* _content/FacturaME/Components/Pages/ComprasModule/ComprasManualTab.razor.rz.scp.css */
.manual-flow[b-een0rab8k7] {
    display: grid;
    gap: 1rem;
}

.manual-card[b-een0rab8k7] {
    padding: 1.1rem 1.15rem;
    border: 1px solid var(--compras-border);
    border-radius: 24px;
    background: rgba(255, 255, 255, 0.92);
    box-shadow: 0 18px 34px rgba(20, 59, 82, 0.08);
}

.manual-card__hero[b-een0rab8k7] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
    margin-bottom: 0.85rem;
}

.manual-card__eyebrow[b-een0rab8k7],
.manual-stage__eyebrow[b-een0rab8k7] {
    display: inline-flex;
    align-items: center;
    padding: 0.35rem 0.75rem;
    margin-bottom: 0.8rem;
    border-radius: 999px;
    background: #eef4f8;
    color: var(--compras-accent);
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.manual-card h3[b-een0rab8k7],
.manual-stage h4[b-een0rab8k7],
.manual-panel h5[b-een0rab8k7] {
    margin: 0;
    color: var(--compras-primary);
    line-height: 1.15;
}

.manual-card p[b-een0rab8k7],
.manual-stage p[b-een0rab8k7],
.manual-panel p[b-een0rab8k7] {
    margin: 0.3rem 0 0;
    color: var(--compras-muted);
    font-size: 0.95rem;
}

.manual-card__pill[b-een0rab8k7] {
    display: inline-flex;
    align-items: center;
    gap: 0.65rem;
    max-width: 20rem;
    padding: 0.7rem 0.9rem;
    border: 1px solid #d7e6ef;
    border-radius: 18px;
    background: linear-gradient(180deg, #f9fcfe 0%, #f1f7fb 100%);
    color: var(--compras-primary);
    font-size: 0.88rem;
}

.manual-card__pill i[b-een0rab8k7] {
    color: var(--compras-accent);
    font-size: 1rem;
}

.manual-stepper[b-een0rab8k7] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.85rem;
    margin-bottom: 0.95rem;
}

.manual-step[b-een0rab8k7] {
    display: flex;
    gap: 0.9rem;
    align-items: flex-start;
    width: 100%;
    padding: 0.78rem 0.9rem;
    border: 1px solid #dce7ef;
    border-radius: 20px;
    background: #f8fbfd;
    text-align: left;
    transition: 0.18s ease;
}

.manual-step:hover[b-een0rab8k7] {
    border-color: #bfd5e2;
    background: #f4f9fc;
}

.manual-step.is-active[b-een0rab8k7] {
    border-color: rgba(43, 109, 144, 0.38);
    background: linear-gradient(180deg, #fafdff 0%, #eef6fb 100%);
    box-shadow: inset 0 0 0 1px rgba(43, 109, 144, 0.12);
}

.manual-step.is-complete[b-een0rab8k7] {
    background: #f1f8f4;
    border-color: #cfe3d6;
}

.manual-step__index[b-een0rab8k7] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.85rem;
    height: 1.85rem;
    border-radius: 999px;
    background: #e5eef4;
    color: var(--compras-primary);
    font-weight: 700;
}

.manual-step.is-active .manual-step__index[b-een0rab8k7] {
    background: var(--compras-accent);
    color: #fff;
}

.manual-step.is-complete .manual-step__index[b-een0rab8k7] {
    background: #2f8f5b;
    color: #fff;
}

.manual-step__content[b-een0rab8k7] {
    display: grid;
    gap: 0.15rem;
    min-width: 0;
}

.manual-step__label[b-een0rab8k7] {
    color: var(--compras-muted);
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.manual-step__content strong[b-een0rab8k7] {
    color: var(--compras-primary);
    font-size: 0.96rem;
}

.manual-step__content small[b-een0rab8k7] {
    color: var(--compras-muted);
    font-size: 0.79rem;
}

.manual-step-errors[b-een0rab8k7],
.manual-validation[b-een0rab8k7] {
    border-radius: 18px;
    margin-bottom: 1rem;
}

.manual-step-errors__list[b-een0rab8k7] {
    margin: 0.5rem 0 0;
    padding-left: 1.1rem;
}

.manual-stage[b-een0rab8k7] {
    padding: 0.95rem;
    border: 1px solid #e2ebf2;
    border-radius: 22px;
    background: linear-gradient(180deg, #fcfeff 0%, #f8fbfd 100%);
}

.manual-stage__head[b-een0rab8k7] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
    margin-bottom: 0.8rem;
}

.manual-stage__progress[b-een0rab8k7] {
    padding: 0.45rem 0.7rem;
    border-radius: 999px;
    background: #edf4f8;
    color: var(--compras-primary);
    font-size: 0.82rem;
    font-weight: 600;
    white-space: nowrap;
}

.manual-stage__stack[b-een0rab8k7] {
    display: grid;
    gap: 0.75rem;
}

.manual-step-two-grid[b-een0rab8k7] {
    display: grid;
    grid-template-columns: minmax(0, 1.85fr) minmax(290px, 0.72fr);
    gap: 0.95rem;
    align-items: start;
}

.manual-panel[b-een0rab8k7] {
    padding: 0.95rem 1rem;
    border: 1px solid #e1eaf1;
    border-radius: 16px;
    background: #fff;
}

.manual-panel--accent[b-een0rab8k7] {
    background: linear-gradient(180deg, #fbfdff 0%, #f2f7fb 100%);
}

.manual-panel--compact[b-een0rab8k7] {
    background: #fbfdff;
}

.manual-panel__head[b-een0rab8k7] {
    margin-bottom: 0.7rem;
}

.manual-panel__head--spread[b-een0rab8k7] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
}

.manual-panel__actions[b-een0rab8k7] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
    flex-wrap: wrap;
}

.manual-counter[b-een0rab8k7] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.85rem;
    height: 1.85rem;
    padding: 0 0.6rem;
    border-radius: 999px;
    background: #edf4f8;
    color: var(--compras-primary);
    font-weight: 700;
}

.manual-inventory-summary[b-een0rab8k7] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
}

.manual-inventory-summary > div[b-een0rab8k7] {
    border: 1px solid #deebf3;
    border-radius: 16px;
    padding: 0.85rem 0.9rem;
    background: rgba(255, 255, 255, 0.8);
}

.manual-inventory-summary span[b-een0rab8k7] {
    display: block;
    color: var(--compras-muted);
    font-size: 0.8rem;
}

.manual-inventory-summary strong[b-een0rab8k7] {
    display: block;
    color: var(--compras-primary);
    font-size: 1.35rem;
    margin-top: 0.25rem;
}

.manual-tributos[b-een0rab8k7] {
    display: grid;
    gap: 0.75rem;
}

.manual-tributo-row[b-een0rab8k7] {
    padding: 0.8rem;
    border: 1px solid #e6eef4;
    border-radius: 16px;
    background: #fbfdff;
}

.manual-empty[b-een0rab8k7],
.manual-collapsed-note[b-een0rab8k7] {
    padding: 0.75rem 0.85rem;
    border: 1px dashed var(--compras-border);
    border-radius: 16px;
    color: var(--compras-muted);
    background: #f8fbfd;
}

.manual-actions[b-een0rab8k7] {
    display: flex;
    justify-content: space-between;
    gap: 0.75rem;
    flex-wrap: wrap;
    margin-top: 0.95rem;
}

.manual-actions__nav[b-een0rab8k7] {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.manual-actions__primary[b-een0rab8k7] {
    min-width: 14rem;
}

.manual-panel--supplier[b-een0rab8k7],
.manual-panel--amounts[b-een0rab8k7] {
    background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
}

.manual-panel--supplier[b-een0rab8k7] {
    border-color: #d9e8f1;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9), 0 12px 28px rgba(21, 67, 94, 0.06);
}

.manual-panel--amounts[b-een0rab8k7] {
    position: sticky;
    top: 0.75rem;
}

.manual-amount-grid[b-een0rab8k7] {
    align-items: end;
}

.manual-catalog-link[b-een0rab8k7] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    min-height: 2.35rem;
    padding: 0.45rem 0.75rem;
    border: 1px solid #cfe0ea;
    border-radius: 999px;
    background: #f7fbfd;
    color: #31556d;
    font-size: 0.86rem;
    font-weight: 700;
    text-decoration: none;
    white-space: nowrap;
    transition: 0.18s ease;
}

.manual-catalog-link:hover[b-een0rab8k7] {
    border-color: #9fc0d2;
    background: #eef7fb;
    color: var(--compras-primary);
}

.manual-provider-stack[b-een0rab8k7] {
    display: grid;
    gap: 0.85rem;
}

.manual-provider-search[b-een0rab8k7] {
    position: relative;
    display: grid;
    gap: 0.65rem;
    padding: 0.85rem;
    border: 1px solid #dbeaf1;
    border-radius: 18px;
    background:
        radial-gradient(circle at top left, rgba(47, 143, 91, 0.10), transparent 34%),
        linear-gradient(180deg, #fbfeff 0%, #f5fafc 100%);
}

.manual-provider-search__head[b-een0rab8k7] {
    display: flex;
    justify-content: space-between;
    gap: 0.75rem;
    align-items: flex-start;
}

.manual-provider-search__eyebrow[b-een0rab8k7] {
    display: block;
    margin-bottom: 0.12rem;
    color: #6a7f8f;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.manual-provider-search__title[b-een0rab8k7] {
    margin: 0;
    color: var(--compras-primary);
    font-size: 1rem;
    font-weight: 800;
}

.manual-provider-search__head small[b-een0rab8k7] {
    padding-top: 0.2rem;
    color: #6b7f8e;
    font-size: 0.78rem;
    white-space: nowrap;
}

.manual-provider-search__control[b-een0rab8k7] {
    position: relative;
}

.manual-provider-search__icon[b-een0rab8k7] {
    position: absolute;
    top: 50%;
    left: 0.85rem;
    z-index: 2;
    color: #7193a9;
    transform: translateY(-50%);
}

.manual-card input.form-control.manual-provider-search__input[b-een0rab8k7] {
    height: 2.85rem;
    min-height: 2.85rem;
    padding-left: 2.55rem;
    border-color: #bfd7e5;
    border-radius: 15px;
    background: rgba(255, 255, 255, 0.96);
    font-size: 0.98rem;
    font-weight: 600;
}

.autocomplete-proveedor[b-een0rab8k7] {
    position: absolute;
    top: calc(100% + 0.45rem);
    left: 0;
    right: 0;
    z-index: 40;
    display: grid;
    gap: 0.25rem;
    max-height: 300px;
    padding: 0.35rem;
    overflow-y: auto;
    border: 1px solid #cfe0ea;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 18px 36px rgba(23, 58, 82, 0.16);
}

.autocomplete-proveedor-item[b-een0rab8k7] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    width: 100%;
    padding: 0.65rem;
    border: 0;
    border-radius: 14px;
    background: transparent;
    color: var(--compras-primary);
    text-align: left;
    transition: 0.16s ease;
}

.autocomplete-proveedor-item:hover[b-een0rab8k7],
.autocomplete-proveedor-item:focus[b-een0rab8k7] {
    background: #edf7f3;
    outline: none;
}

.autocomplete-proveedor-item__avatar[b-een0rab8k7] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 2.35rem;
    width: 2.35rem;
    height: 2.35rem;
    border-radius: 13px;
    background: linear-gradient(135deg, #1f8f65 0%, #2b6d90 100%);
    color: #fff;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.04em;
}

.autocomplete-proveedor-item__body[b-een0rab8k7] {
    display: grid;
    gap: 0.08rem;
    min-width: 0;
}

.autocomplete-proveedor-item__body strong[b-een0rab8k7] {
    overflow: hidden;
    color: #173b52;
    font-size: 0.94rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.autocomplete-proveedor-item__body small[b-een0rab8k7] {
    overflow: hidden;
    color: #657c8c;
    font-size: 0.78rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.autocomplete-proveedor-item__action[b-een0rab8k7] {
    margin-left: auto;
    padding: 0.28rem 0.55rem;
    border-radius: 999px;
    background: #eef6fb;
    color: #2d6584;
    font-size: 0.76rem;
    font-weight: 800;
}

.manual-provider-status[b-een0rab8k7] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    padding: 0.65rem 0.75rem;
    border: 1px solid #cde7dc;
    border-radius: 16px;
    background: #edf9f3;
    color: var(--compras-primary);
}

.manual-provider-status > i[b-een0rab8k7] {
    color: #178255;
    font-size: 1.1rem;
}

.manual-provider-status__body[b-een0rab8k7] {
    display: grid;
    min-width: 0;
    margin-right: auto;
}

.manual-provider-status__label[b-een0rab8k7] {
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #547466;
}

.manual-provider-status strong[b-een0rab8k7] {
    overflow: hidden;
    color: #143f2d;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.manual-provider-hint[b-een0rab8k7] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    color: #607789;
    font-size: 0.86rem;
}

.manual-provider-identity[b-een0rab8k7] {
    display: grid;
    grid-template-columns: minmax(220px, 1.45fr) minmax(120px, 0.55fr) minmax(120px, 0.55fr);
    gap: 0.75rem;
    align-items: end;
}

.manual-field[b-een0rab8k7] {
    display: grid;
    gap: 0.28rem;
    min-width: 0;
}

.manual-activity-row[b-een0rab8k7] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.manual-activity-row > :first-child[b-een0rab8k7] {
    flex: 0 0 7rem;
    min-width: 6.5rem;
}

.manual-activity-row > :last-child[b-een0rab8k7] {
    flex: 1 1 auto;
    min-width: 0;
}

.manual-inline-action[b-een0rab8k7] {
    flex: 0 0 2.75rem;
    width: 2.75rem;
    min-height: 2.7rem;
    padding-inline: 0;
}

.manual-address-card[b-een0rab8k7] {
    display: grid;
    gap: 0.6rem;
    padding: 0.75rem;
    border: 1px solid #dfeaf1;
    border-radius: 18px;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbfd 100%);
}

.manual-address-card__head[b-een0rab8k7] {
    display: flex;
    justify-content: space-between;
    gap: 0.75rem;
    align-items: center;
}

.manual-address-card__head span[b-een0rab8k7] {
    display: inline-flex;
    align-items: center;
    gap: 0.42rem;
    color: var(--compras-primary);
    font-size: 0.9rem;
    font-weight: 800;
}

.manual-address-card__head i[b-een0rab8k7] {
    color: #2f8f5b;
}

.manual-address-card__head small[b-een0rab8k7] {
    color: #6d8291;
    font-size: 0.78rem;
}

.manual-address-line[b-een0rab8k7] {
    display: grid;
    grid-template-columns: minmax(8.5rem, 0.72fr) minmax(10rem, 0.88fr) minmax(16rem, 1.55fr);
    gap: 0.6rem;
    align-items: end;
}

.manual-address-line .manual-field > span[b-een0rab8k7] {
    color: #31556d;
    font-size: 0.78rem;
    font-weight: 800;
}

.manual-card :deep(.form-label)[b-een0rab8k7] {
    margin-bottom: 0.3rem;
    color: #28485d;
    font-size: 0.84rem;
    font-weight: 600;
}

.manual-card :deep(.form-control)[b-een0rab8k7],
.manual-card :deep(.form-select)[b-een0rab8k7],
.manual-card input.form-control[b-een0rab8k7],
.manual-card select.form-select[b-een0rab8k7] {
    min-height: 2.65rem;
    height: 2.65rem;
    padding: 0.5rem 0.8rem;
    border-radius: 12px;
    border-color: #d8e3ec;
    font-size: 0.94rem;
    box-shadow: none;
}

.manual-card :deep(textarea.form-control)[b-een0rab8k7] {
    min-height: 5.4rem;
    height: auto;
}

.manual-card :deep(.form-control:focus)[b-een0rab8k7],
.manual-card :deep(.form-select:focus)[b-een0rab8k7],
.manual-card input.form-control:focus[b-een0rab8k7],
.manual-card select.form-select:focus[b-een0rab8k7] {
    border-color: #8eb7cf;
    box-shadow: 0 0 0 0.18rem rgba(27, 90, 129, 0.08);
}

.manual-card :deep(.btn)[b-een0rab8k7],
.manual-card button.btn[b-een0rab8k7] {
    border-radius: 12px;
    min-height: 2.6rem;
    padding: 0.5rem 0.85rem;
    font-size: 0.9rem;
}

.manual-card :deep(.input-group .btn)[b-een0rab8k7] {
    min-height: 2.65rem;
}

.manual-card select.form-select.manual-compact-select[b-een0rab8k7],
.manual-card :deep(.manual-compact-input)[b-een0rab8k7] {
    min-height: 2.35rem;
    height: 2.35rem;
    padding: 0.42rem 0.65rem;
    border-radius: 11px;
    font-size: 0.88rem;
}

@media (max-width: 1200px) {
    .manual-stepper[b-een0rab8k7] {
        grid-template-columns: 1fr;
    }

    .manual-step-two-grid[b-een0rab8k7] {
        grid-template-columns: 1fr;
    }

    .manual-panel--amounts[b-een0rab8k7] {
        position: static;
        top: auto;
    }
}

@media (max-width: 992px) {
    .manual-provider-identity[b-een0rab8k7] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .manual-provider-identity .manual-field--wide[b-een0rab8k7],
    .manual-field--activity[b-een0rab8k7] {
        grid-column: 1 / -1;
    }

    .manual-address-line[b-een0rab8k7] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .manual-field--address[b-een0rab8k7] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 768px) {
    .manual-activity-row[b-een0rab8k7] {
        flex-wrap: wrap;
    }

    .manual-activity-row > :first-child[b-een0rab8k7],
    .manual-activity-row > :last-child[b-een0rab8k7] {
        flex-basis: 100%;
    }

    .manual-card[b-een0rab8k7] {
        padding: 0.95rem;
    }

    .manual-card__hero[b-een0rab8k7],
    .manual-stage__head[b-een0rab8k7],
    .manual-panel__head--spread[b-een0rab8k7],
    .manual-actions[b-een0rab8k7] {
        flex-direction: column;
    }

    .manual-card__pill[b-een0rab8k7] {
        max-width: none;
    }

    .manual-stage[b-een0rab8k7],
    .manual-panel[b-een0rab8k7],
    .manual-tributo-row[b-een0rab8k7] {
        padding: 0.8rem;
    }

    .manual-inventory-summary[b-een0rab8k7] {
        grid-template-columns: 1fr;
    }

    .manual-actions__nav[b-een0rab8k7] {
        width: 100%;
    }

    .manual-actions__nav .btn[b-een0rab8k7],
    .manual-actions > .btn[b-een0rab8k7],
    .manual-panel__actions .btn[b-een0rab8k7] {
        width: 100%;
    }

    .manual-counter[b-een0rab8k7] {
        width: 100%;
    }

    .manual-amount-grid > [class*="col-"][b-een0rab8k7] {
        width: 100%;
    }

    .manual-provider-search__head[b-een0rab8k7],
    .manual-address-card__head[b-een0rab8k7],
    .manual-provider-status[b-een0rab8k7] {
        align-items: flex-start;
        flex-direction: column;
    }

    .manual-provider-search__head small[b-een0rab8k7] {
        white-space: normal;
    }

    .manual-provider-identity[b-een0rab8k7],
    .manual-address-line[b-een0rab8k7] {
        grid-template-columns: 1fr;
    }

    .manual-field--address[b-een0rab8k7] {
        grid-column: auto;
    }

    .autocomplete-proveedor-item__action[b-een0rab8k7] {
        display: none;
    }
}
/* _content/FacturaME/Components/Pages/ComprasModule/ComprasMappingModal.razor.rz.scp.css */
.mapping-modal[b-gm2yrgghjf] {
    position: fixed;
    inset: 0;
    z-index: 1100;
}

.mapping-modal__backdrop[b-gm2yrgghjf] {
    position: absolute;
    inset: 0;
    background: rgba(8, 27, 38, 0.52);
    backdrop-filter: blur(2px);
}

.mapping-modal__dialog[b-gm2yrgghjf] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100%;
    padding: 1.25rem;
}

.mapping-modal__content[b-gm2yrgghjf] {
    position: relative;
    width: min(42rem, 100%);
    border: 1px solid #d9e4ec;
    border-radius: 24px;
    background: #fff;
    box-shadow: 0 28px 60px rgba(8, 27, 38, 0.3);
}

.mapping-modal__header[b-gm2yrgghjf],
.mapping-modal__footer[b-gm2yrgghjf] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.2rem 1.3rem;
}

.mapping-modal__body[b-gm2yrgghjf] {
    padding: 0 1.3rem 1.3rem;
}

.mapping-modal__header[b-gm2yrgghjf] {
    border-bottom: 1px solid #e3ebf1;
}

.mapping-modal__footer[b-gm2yrgghjf] {
    border-top: 1px solid #e3ebf1;
    justify-content: flex-end;
}

.mapping-modal__eyebrow[b-gm2yrgghjf] {
    display: inline-flex;
    align-items: center;
    padding: 0.3rem 0.7rem;
    margin-bottom: 0.65rem;
    border-radius: 999px;
    background: #eef4f8;
    color: var(--compras-accent);
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.mapping-modal h4[b-gm2yrgghjf] {
    margin: 0;
    color: var(--compras-primary);
}

@media (max-width: 768px) {
    .mapping-modal__dialog[b-gm2yrgghjf] {
        padding: 0.8rem;
    }

    .mapping-modal__header[b-gm2yrgghjf],
    .mapping-modal__footer[b-gm2yrgghjf],
    .mapping-modal__body[b-gm2yrgghjf] {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}
/* _content/FacturaME/Components/Pages/ComprasModule/ComprasSummaryGrid.razor.rz.scp.css */
.summary-grid[b-3uorzvf4o7] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
    margin-top: 1.25rem;
}

.summary-card[b-3uorzvf4o7] {
    padding: 1.2rem 1.25rem;
    border: 1px solid var(--compras-border);
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.88);
    box-shadow: 0 14px 32px rgba(20, 59, 82, 0.06);
}

.summary-card__label[b-3uorzvf4o7] {
    display: block;
    color: var(--compras-muted);
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.summary-card__value[b-3uorzvf4o7] {
    display: block;
    margin-top: 0.45rem;
    color: var(--compras-primary);
    font-size: 1.85rem;
    line-height: 1.1;
}

.summary-card small[b-3uorzvf4o7] {
    display: block;
    margin-top: 0.45rem;
    color: var(--compras-muted);
}

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

@media (max-width: 640px) {
    .summary-grid[b-3uorzvf4o7] {
        grid-template-columns: 1fr;
    }
}
/* _content/FacturaME/Components/Pages/ComprasModule/ComprasWorkspaceHeader.razor.rz.scp.css */
.workspace-header[b-32jlp0z5au] {
    display: grid;
    gap: 1rem;
}

.workspace-header__hero[b-32jlp0z5au] {
    display: flex;
    justify-content: space-between;
    gap: 1.5rem;
    align-items: flex-start;
    padding: 1.75rem;
    border-radius: 28px;
    color: #fff;
    background: linear-gradient(135deg, var(--compras-primary-strong) 0%, var(--compras-primary) 58%, var(--compras-accent) 100%);
    box-shadow: 0 24px 50px rgba(13, 47, 66, 0.22);
}

.workspace-header__copy[b-32jlp0z5au] {
    max-width: 52rem;
}

.workspace-header__eyebrow[b-32jlp0z5au] {
    display: inline-flex;
    align-items: center;
    padding: 0.4rem 0.8rem;
    margin-bottom: 0.9rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.14);
    font-size: 0.77rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.workspace-header__title[b-32jlp0z5au] {
    margin: 0;
    font-size: clamp(1.9rem, 2.4vw, 2.8rem);
    line-height: 1.1;
}

.workspace-header__text[b-32jlp0z5au] {
    margin: 0.75rem 0 0;
    max-width: 42rem;
    color: rgba(255, 255, 255, 0.8);
    font-size: 1rem;
}

.workspace-header__actions[b-32jlp0z5au] {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.workspace-header__back[b-32jlp0z5au] {
    border-color: rgba(255, 255, 255, 0.38);
}

.workspace-tabs[b-32jlp0z5au] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

.workspace-tab[b-32jlp0z5au] {
    appearance: none;
    -webkit-appearance: none;
    position: relative;
    display: flex;
    align-items: center;
    gap: 1rem;
    width: 100%;
    padding: 1.1rem 1.15rem;
    border: 1px solid var(--compras-border);
    border-radius: 22px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.88) 0%, rgba(246, 249, 252, 0.94) 100%) !important;
    color: #31556c !important;
    text-align: left;
    box-shadow: 0 14px 32px rgba(20, 59, 82, 0.08);
    transition: transform 0.15s ease, box-shadow 0.15s ease, border-color 0.15s ease;
    opacity: 0.82;
}

.workspace-tab:hover[b-32jlp0z5au] {
    transform: translateY(-1px);
    box-shadow: 0 18px 34px rgba(20, 59, 82, 0.12);
    opacity: 0.95;
}

.workspace-tab.is-active[b-32jlp0z5au] {
    border-color: rgba(19, 88, 118, 0.95) !important;
    background: linear-gradient(135deg, #0f4c68 0%, #16627f 55%, #1f7da0 100%) !important;
    color: #ffffff !important;
    box-shadow: 0 20px 38px rgba(15, 76, 104, 0.28) !important;
    opacity: 1 !important;
    transform: translateY(-2px);
}

.workspace-tab.is-active .workspace-tab__label[b-32jlp0z5au],
.workspace-tab.is-active .workspace-tab__content strong[b-32jlp0z5au] {
    color: #ffffff !important;
}

.workspace-tab.is-active .workspace-tab__content[b-32jlp0z5au] {
    color: #ffffff !important;
}

.workspace-tab.is-active .workspace-tab__icon[b-32jlp0z5au] {
    background: rgba(255, 255, 255, 0.18) !important;
    color: #ffffff !important;
}

.workspace-tab.is-active .workspace-tab__badge[b-32jlp0z5au] {
    background: #ffe6a6 !important;
    color: #6c4700 !important;
}

.workspace-tab__icon[b-32jlp0z5au] {
    width: 3rem;
    height: 3rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    background: rgba(20, 59, 82, 0.08);
    font-size: 1.25rem;
    color: #2e6f92;
}

.workspace-tab__content[b-32jlp0z5au] {
    display: grid;
    gap: 0.2rem;
    min-width: 0;
}

.workspace-tab__content strong[b-32jlp0z5au] {
    font-size: 1rem;
    color: #103b57 !important;
}

.workspace-tab__label[b-32jlp0z5au] {
    color: #668296 !important;
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.workspace-tab__badge[b-32jlp0z5au] {
    margin-left: auto;
    align-self: flex-start;
    padding: 0.3rem 0.55rem;
    border-radius: 999px;
    background: #f4b55a;
    color: #5d3905;
    font-size: 0.82rem;
    font-weight: 700;
}

@media (max-width: 992px) {
    .workspace-tabs[b-32jlp0z5au] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .workspace-header__hero[b-32jlp0z5au] {
        padding: 1.35rem;
        flex-direction: column;
    }
}
/* _content/FacturaME/Components/Pages/CrearReparacion.razor.rz.scp.css */
.rep-shell[b-g6r7wj7kye] {
    --rep-primary: #12304a;
    --rep-primary-light: #1a4a6e;
    --rep-primary-soft: #e8f0f7;
    --rep-accent: #1f5f8b;
    --rep-success: #2d7d4f;
    --rep-success-light: #eaf7ef;
    --rep-border: #dde5ed;
    --rep-border-light: #edf2f7;
    --rep-muted: #6b7c93;
    --rep-surface: #f8fafc;
    --rep-shadow-sm: 0 1px 3px rgba(18, 48, 74, 0.06);
    --rep-shadow-md: 0 6px 20px rgba(18, 48, 74, 0.08);
    --rep-shadow-lg: 0 18px 40px rgba(18, 48, 74, 0.12);
    --rep-radius-sm: 8px;
    --rep-radius: 14px;
    --rep-radius-lg: 20px;
    --rep-transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);

    padding: 1.75rem;
    min-height: calc(100vh - 70px);
    background: linear-gradient(180deg, #f4f7fb 0%, #edf2f8 100%);
}

/* ── Hero ────────────────────────────────────────────── */
.rep-hero[b-g6r7wj7kye] {
    background: linear-gradient(135deg, #0d2537 0%, #12304a 40%, #1a4a6e 100%);
    color: #fff;
    border-radius: var(--rep-radius-lg);
    padding: 1.75rem 2rem;
    margin-bottom: 1.5rem;
    box-shadow: 0 12px 36px rgba(18, 48, 74, 0.2);
    position: relative;
    overflow: hidden;
}

.rep-hero[b-g6r7wj7kye]::after {
    content: '';
    position: absolute;
    top: -30%;
    right: -5%;
    width: 260px;
    height: 260px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(255,255,255,0.06) 0%, transparent 70%);
    pointer-events: none;
}

.rep-hero-icon[b-g6r7wj7kye] {
    width: 48px;
    height: 48px;
    border-radius: 14px;
    background: rgba(255,255,255,0.12);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.4rem;
    flex-shrink: 0;
}

.rep-hero h1[b-g6r7wj7kye] {
    font-weight: 700;
    letter-spacing: -0.02em;
    line-height: 1.2;
}

.rep-hero p[b-g6r7wj7kye] {
    opacity: 0.7;
    font-weight: 400;
}

/* ── Card ────────────────────────────────────────────── */
.rep-card[b-g6r7wj7kye] {
    background: #fff;
    border: 1px solid var(--rep-border);
    border-radius: var(--rep-radius-lg);
    box-shadow: var(--rep-shadow-md);
    transition: box-shadow var(--rep-transition);
}

.rep-card:hover[b-g6r7wj7kye] {
    box-shadow: var(--rep-shadow-lg);
}

/* ── Section title ───────────────────────────────────── */
.rep-section[b-g6r7wj7kye] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    margin-bottom: 0.25rem;
    padding-bottom: 0.65rem;
    border-bottom: 1px solid var(--rep-border-light);
}

.rep-section-icon[b-g6r7wj7kye] {
    width: 30px;
    height: 30px;
    border-radius: 8px;
    background: var(--rep-primary-soft);
    color: var(--rep-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.85rem;
    flex-shrink: 0;
}

.rep-section h6[b-g6r7wj7kye] {
    margin: 0;
    font-weight: 700;
    font-size: 0.875rem;
    color: var(--rep-primary);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

/* ── Form controls ───────────────────────────────────── */
.rep-form-label[b-g6r7wj7kye] {
    font-size: 0.8rem;
    font-weight: 600;
    color: #475569;
    margin-bottom: 0.3rem;
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

.rep-form-label .required-dot[b-g6r7wj7kye] {
    color: #ef4444;
    font-weight: 700;
}

.rep-input[b-g6r7wj7kye],
.rep-select[b-g6r7wj7kye],
.rep-textarea[b-g6r7wj7kye] {
    border: 1.5px solid var(--rep-border);
    border-radius: var(--rep-radius-sm);
    padding: 0.55rem 0.85rem;
    font-size: 0.9rem;
    background: var(--rep-surface);
    transition: border-color var(--rep-transition), box-shadow var(--rep-transition), background var(--rep-transition);
    width: 100%;
    color: #1e293b;
}

.rep-input:hover[b-g6r7wj7kye],
.rep-select:hover[b-g6r7wj7kye],
.rep-textarea:hover[b-g6r7wj7kye] {
    border-color: #b9c8da;
    background: #fff;
}

.rep-input:focus[b-g6r7wj7kye],
.rep-select:focus[b-g6r7wj7kye],
.rep-textarea:focus[b-g6r7wj7kye] {
    outline: none;
    border-color: var(--rep-accent);
    box-shadow: 0 0 0 3px rgba(31, 95, 139, 0.12);
    background: #fff;
}

.rep-input[b-g6r7wj7kye]::placeholder,
.rep-textarea[b-g6r7wj7kye]::placeholder {
    color: #94a3b8;
    font-size: 0.82rem;
}

.rep-select[b-g6r7wj7kye] {
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7c93' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    padding-right: 2.25rem;
    cursor: pointer;
}

.rep-textarea[b-g6r7wj7kye] {
    resize: vertical;
    min-height: 70px;
}

.rep-input-helper[b-g6r7wj7kye] {
    font-size: 0.75rem;
    color: var(--rep-muted);
    margin-top: 0.2rem;
}

/* ── Buttons ─────────────────────────────────────────── */
.rep-btn[b-g6r7wj7kye] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    font-weight: 600;
    font-size: 0.875rem;
    border-radius: var(--rep-radius);
    padding: 0.6rem 1.6rem;
    border: none;
    cursor: pointer;
    transition: all var(--rep-transition);
    white-space: nowrap;
    text-decoration: none;
}

.rep-btn:disabled[b-g6r7wj7kye] {
    opacity: 0.6;
    cursor: not-allowed;
    pointer-events: none;
}

.rep-btn-primary[b-g6r7wj7kye] {
    background: linear-gradient(135deg, var(--rep-primary) 0%, var(--rep-primary-light) 100%);
    color: #fff;
    box-shadow: 0 4px 12px rgba(18, 48, 74, 0.25);
}

.rep-btn-primary:hover:not(:disabled)[b-g6r7wj7kye] {
    box-shadow: 0 6px 20px rgba(18, 48, 74, 0.35);
    transform: translateY(-1px);
}

.rep-btn-primary:active:not(:disabled)[b-g6r7wj7kye] {
    transform: translateY(0);
}

.rep-btn-outline[b-g6r7wj7kye] {
    border: 1.5px solid #ccd8e6;
    color: var(--rep-primary);
    background: #fff;
    box-shadow: var(--rep-shadow-sm);
}

.rep-btn-outline:hover[b-g6r7wj7kye] {
    background: var(--rep-primary-soft);
    border-color: var(--rep-accent);
    color: var(--rep-primary);
}

.rep-btn-success[b-g6r7wj7kye] {
    background: linear-gradient(135deg, var(--rep-success) 0%, #38a169 100%);
    color: #fff;
    box-shadow: 0 4px 12px rgba(45, 125, 79, 0.25);
}

.rep-btn-success:hover[b-g6r7wj7kye] {
    box-shadow: 0 6px 20px rgba(45, 125, 79, 0.35);
    transform: translateY(-1px);
    color: #fff;
}

.rep-btn-lg[b-g6r7wj7kye] {
    padding: 0.75rem 2rem;
    font-size: 0.95rem;
}

/* ── Action bar ──────────────────────────────────────── */
.rep-actions[b-g6r7wj7kye] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding-top: 0.75rem;
    border-top: 1px solid var(--rep-border-light);
}

/* ── Success alert ───────────────────────────────────── */
.rep-alert-success[b-g6r7wj7kye] {
    background: var(--rep-success-light);
    border: 1px solid #bbf7d0;
    border-radius: var(--rep-radius);
    padding: 1.25rem 1.5rem;
    color: #166534;
    margin-bottom: 1.5rem;
}

.rep-alert-success .alert-actions[b-g6r7wj7kye] {
    display: flex;
    gap: 0.75rem;
    margin-top: 1rem;
}

/* ── Animations ──────────────────────────────────────── */
@keyframes repFadeInUp-b-g6r7wj7kye {
    from {
        opacity: 0;
        transform: translateY(12px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.rep-card[b-g6r7wj7kye] {
    animation: repFadeInUp-b-g6r7wj7kye 0.45s ease-out;
}

.rep-section-row[b-g6r7wj7kye] {
    animation: repFadeInUp-b-g6r7wj7kye 0.4s ease-out both;
}

.rep-section-row:nth-child(1)[b-g6r7wj7kye] { animation-delay: 0.05s; }
.rep-section-row:nth-child(2)[b-g6r7wj7kye] { animation-delay: 0.15s; }
.rep-section-row:nth-child(3)[b-g6r7wj7kye] { animation-delay: 0.25s; }

/* ── Spinner ─────────────────────────────────────────── */
.rep-spinner[b-g6r7wj7kye] {
    width: 16px;
    height: 16px;
    border: 2px solid rgba(255,255,255,0.3);
    border-top-color: #fff;
    border-radius: 50%;
    animation: repSpin-b-g6r7wj7kye 0.6s linear infinite;
    display: inline-block;
}

@keyframes repSpin-b-g6r7wj7kye {
    to { transform: rotate(360deg); }
}

/* ── Responsive ──────────────────────────────────────── */
@media (max-width: 768px) {
    .rep-shell[b-g6r7wj7kye] {
        padding: 1rem;
    }

    .rep-hero[b-g6r7wj7kye] {
        padding: 1.25rem;
        border-radius: var(--rep-radius);
    }

    .rep-hero h1[b-g6r7wj7kye] {
        font-size: 1.15rem;
    }

    .rep-hero p[b-g6r7wj7kye] {
        font-size: 0.8rem;
    }

    .rep-card[b-g6r7wj7kye] {
        border-radius: var(--rep-radius);
        padding: 1rem !important;
    }

    .rep-actions[b-g6r7wj7kye] {
        flex-direction: column;
    }

    .rep-actions .rep-btn[b-g6r7wj7kye] {
        width: 100%;
    }
}
/* _content/FacturaME/Components/Pages/Donacion.razor.rz.scp.css */
/* ===== Donacion Workspace Styles ===== */

/* --- Page Shell --- */
.donacion-workspace-page[b-08h749t3k5] {
    background: #f4f7f6;
    min-height: 100vh;
}

.donacion-workspace-container[b-08h749t3k5] {
    padding-top: 1.25rem !important;
    padding-bottom: 2rem !important;
}

.donacion-workspace-shell[b-08h749t3k5] {
    border-radius: 28px;
    border: 1px solid #d7e8e5;
    overflow: hidden;
    box-shadow: 0 24px 60px rgba(15, 45, 58, 0.08);
    background: #ffffff;
}

/* --- Hero Header --- */
.donacion-workspace-hero[b-08h749t3k5] {
    background: linear-gradient(135deg, #0f2d3a 0%, #173f4f 58%, #1f5f6b 100%);
    color: #ffffff;
    border-bottom: none;
}

.donacion-workspace-hero .breadcrumb[b-08h749t3k5] {
    margin-bottom: 0;
    padding: 0.2rem 0;
}

.donacion-workspace-hero .breadcrumb-item + .breadcrumb-item[b-08h749t3k5]::before {
    color: #8aa1aa;
}

.donacion-workspace-hero .breadcrumb a[b-08h749t3k5] {
    color: #b8c9ce;
    text-decoration: none;
    font-weight: 600;
    transition: color 0.2s ease;
}

.donacion-workspace-hero .breadcrumb a:hover[b-08h749t3k5] {
    color: #ffffff;
}

.donacion-workspace-hero .breadcrumb-item.active[b-08h749t3k5] {
    color: #ffffff;
    font-weight: 700;
}

.donacion-workspace-badge[b-08h749t3k5] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    margin-bottom: 0.7rem;
    border-radius: 999px;
    border: 1px solid rgba(215, 232, 229, 0.3);
    background: rgba(215, 232, 229, 0.14);
    padding: 0.45rem 0.8rem;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.donacion-workspace-title[b-08h749t3k5] {
    color: #ffffff !important;
    font-size: clamp(1.15rem, 0.95rem + 0.45vw, 1.55rem);
    font-weight: 800;
    letter-spacing: -0.02em;
    margin-top: 0;
}

.donacion-workspace-subtitle[b-08h749t3k5] {
    color: rgba(255, 255, 255, 0.82) !important;
    max-width: 42rem;
}

.donacion-workspace-hero .ambiente-badge[b-08h749t3k5] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    border-radius: 999px;
    padding: 0.4rem 0.85rem;
    font-size: 0.8rem;
    font-weight: 700;
}

.donacion-workspace-hero .ambiente-badge--prod[b-08h749t3k5] {
    background: rgba(16, 185, 129, 0.18);
    border: 1px solid rgba(16, 185, 129, 0.35);
    color: #a7f3d0;
}

.donacion-workspace-hero .ambiente-badge--test[b-08h749t3k5] {
    background: rgba(245, 158, 11, 0.18);
    border: 1px solid rgba(245, 158, 11, 0.35);
    color: #fde68a;
}

/* --- Body --- */
.donacion-workspace-body[b-08h749t3k5] {
    background: linear-gradient(180deg, #fcfefd 0%, #f4f7f6 100%);
}

/* --- Step Indicator --- */
.donacion-step-indicator[b-08h749t3k5] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0;
    margin-bottom: 1.5rem;
}

.donacion-step-indicator__step[b-08h749t3k5] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.4rem;
}

.donacion-step-indicator__dot[b-08h749t3k5] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #e2e8f0;
    color: #64748b;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    font-size: 0.9rem;
    transition: all 0.3s ease;
    border: 2px solid transparent;
}

.donacion-step-indicator__dot--active[b-08h749t3k5] {
    background: #0f2d3a;
    color: #ffffff;
    box-shadow: 0 0 0 4px rgba(15, 45, 58, 0.15);
}

.donacion-step-indicator__dot--completed[b-08h749t3k5] {
    background: #0f766e;
    color: #ffffff;
}

.donacion-step-indicator__label[b-08h749t3k5] {
    font-size: 0.75rem;
    font-weight: 700;
    color: #94a3b8;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.donacion-step-indicator__label--active[b-08h749t3k5] {
    color: #0f2d3a;
}

.donacion-step-indicator__label--completed[b-08h749t3k5] {
    color: #0f766e;
}

.donacion-step-indicator__line[b-08h749t3k5] {
    width: 60px;
    height: 3px;
    background: #e2e8f0;
    margin: 0 0.5rem;
    margin-bottom: 1.2rem;
    border-radius: 2px;
    transition: all 0.3s ease;
}

.donacion-step-indicator__line--completed[b-08h749t3k5] {
    background: #0f766e;
}

/* --- Search Box --- */
.donacion-search-area[b-08h749t3k5] {
    background: #ffffff;
    border: 1px solid #d7e8e5;
    border-radius: 24px;
    padding: 1.25rem;
    box-shadow: 0 14px 34px rgba(15, 45, 58, 0.05);
    margin-bottom: 1.25rem;
}

.donacion-search-box[b-08h749t3k5] {
    position: relative;
}

.donacion-search-box .search-icon[b-08h749t3k5] {
    position: absolute;
    left: 1rem;
    top: 50%;
    transform: translateY(-50%);
    color: #8aa1aa;
    font-size: 1.1rem;
    pointer-events: none;
    z-index: 2;
}

.donacion-search-box .form-control[b-08h749t3k5] {
    min-height: 52px;
    border-radius: 16px;
    border: 1px solid #c9dbd8;
    background: #fbfcfb;
    padding: 0.75rem 1rem 0.75rem 2.8rem;
    color: #0f2d3a;
    font-size: 0.95rem;
    box-shadow: inset 0 1px 2px rgba(15, 45, 58, 0.03);
    transition: all 0.2s ease;
}

.donacion-search-box .form-control:focus[b-08h749t3k5] {
    border-color: #1f5f6b;
    box-shadow: 0 0 0 4px rgba(31, 95, 107, 0.14);
    background: #ffffff;
}

.donacion-search-box .form-control[b-08h749t3k5]::placeholder {
    color: #94a3b8;
}

.donacion-filter-select[b-08h749t3k5] {
    min-height: 52px;
    border-radius: 16px;
    border: 1px solid #c9dbd8;
    background: #fbfcfb;
    padding: 0.75rem 1rem;
    color: #0f2d3a;
    font-size: 0.9rem;
    font-weight: 600;
    box-shadow: inset 0 1px 2px rgba(15, 45, 58, 0.03);
    transition: all 0.2s ease;
}

.donacion-filter-select:focus[b-08h749t3k5] {
    border-color: #1f5f6b;
    box-shadow: 0 0 0 4px rgba(31, 95, 107, 0.14);
    background: #ffffff;
}

/* --- Skeleton Loaders --- */
.donacion-skeleton-grid[b-08h749t3k5] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 1rem;
}

.donacion-skeleton-card[b-08h749t3k5] {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 20px;
    padding: 1.25rem;
    display: flex;
    align-items: center;
    gap: 1rem;
}

.donacion-skeleton-avatar[b-08h749t3k5] {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: linear-gradient(90deg, #e2e8f0 25%, #f1f5f9 50%, #e2e8f0 75%);
    background-size: 200% 100%;
    animation: donacionSkeletonShimmer-b-08h749t3k5 1.5s infinite;
    flex-shrink: 0;
}

.donacion-skeleton-lines[b-08h749t3k5] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.donacion-skeleton-line[b-08h749t3k5] {
    height: 12px;
    border-radius: 6px;
    background: linear-gradient(90deg, #e2e8f0 25%, #f1f5f9 50%, #e2e8f0 75%);
    background-size: 200% 100%;
    animation: donacionSkeletonShimmer-b-08h749t3k5 1.5s infinite;
}

.donacion-skeleton-line--short[b-08h749t3k5] {
    width: 60%;
}

@keyframes donacionSkeletonShimmer-b-08h749t3k5 {
    0% { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}

/* --- Donante Cards (Profesional Corporativo) --- */
.donacion-card-grid[b-08h749t3k5] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(420px, 1fr));
    gap: 0.75rem;
    margin-bottom: 1.25rem;
}

/* 1) Contenedor principal */
.donacion-donante-card[b-08h749t3k5] {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 14px;
    padding: 14px 16px;
    display: flex;
    align-items: center;
    gap: 0;
    cursor: pointer;
    transition: all 0.2s ease;
    position: relative;
    overflow: hidden;
}

/* 10) Sombra ligera + hover */
.donacion-donante-card:hover[b-08h749t3k5] {
    border-color: #d1d5db;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
    transform: translateY(-1px);
}

.donacion-donante-card--selected[b-08h749t3k5] {
    border-color: #0f766e;
    background: #f6fdf9;
    box-shadow: 0 2px 8px rgba(15, 118, 110, 0.08);
}

.donacion-donante-card--selected:hover[b-08h749t3k5] {
    border-color: #0d9488;
    box-shadow: 0 4px 12px rgba(15, 118, 110, 0.12);
}

/* Check animado */
.donacion-donante-card__check[b-08h749t3k5] {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #0f766e;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
    opacity: 0;
    transform: scale(0.5);
    transition: all 0.2s ease;
}

.donacion-donante-card--selected .donacion-donante-card__check[b-08h749t3k5] {
    opacity: 1;
    transform: scale(1);
}

/* 1) Columna A: Avatar | 7) Avatar balance visual */
.donacion-donante-card__avatar[b-08h749t3k5] {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: linear-gradient(135deg, #0f2d3a 0%, #1f5f6b 100%);
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    font-weight: 600;
    flex-shrink: 0;
    letter-spacing: 0.02em;
    margin-right: 12px;
}

/* 1) Columna B: Informacion */
.donacion-donante-card__content[b-08h749t3k5] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-right: 16px;
}

/* 2) Nivel 1: Nombre | 3) Tipografia */
.donacion-donante-card__name[b-08h749t3k5] {
    font-size: 16px;
    font-weight: 600;
    color: #111827;
    line-height: 24px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 2px;
}

/* 2) Nivel 2: Identificador (chip) */
.donacion-donante-card__identifier[b-08h749t3k5] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: 6px;
}

.donacion-donante-card__chip[b-08h749t3k5] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 2px 8px;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    background: #f3f4f6;
    color: #4b5563;
    border: 1px solid #e5e7eb;
}

.donacion-donante-card__chip i[b-08h749t3k5] {
    font-size: 11px;
    color: #6b7280;
}

.donacion-donante-card__chip--secondary[b-08h749t3k5] {
    background: #fff7ed;
    color: #92400e;
    border-color: #fed7aa;
}

/* 2) Nivel 3: Contacto | 3) Tipografia */
.donacion-donante-card__contact[b-08h749t3k5] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    line-height: 20px;
}

/* 4) Ajuste de iconos */
.donacion-donante-card__contact-item[b-08h749t3k5] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 400;
    color: #6b7280;
}

.donacion-donante-card__contact-item i[b-08h749t3k5] {
    font-size: 13px;
    width: 14px;
    text-align: center;
    color: #9ca3af;
    flex-shrink: 0;
}

.donacion-donante-card__contact-item--placeholder[b-08h749t3k5] {
    color: #d1d5db;
}

.donacion-donante-card__contact-item--placeholder i[b-08h749t3k5] {
    color: #d1d5db;
}

/* 1) Columna C: Boton | 6) Boton accion */
.donacion-donante-card__action[b-08h749t3k5] {
    flex-shrink: 0;
    align-self: center;
    margin-left: auto;
}

.donacion-donante-card__btn[b-08h749t3k5] {
    height: 36px;
    min-height: 36px;
    border-radius: 10px;
    font-weight: 600;
    font-size: 13px;
    padding: 0 18px;
    transition: all 0.2s ease;
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

.donacion-donante-card__btn--select[b-08h749t3k5] {
    background: #ffffff;
    border: 1px solid #d1d5db;
    color: #374151;
}

.donacion-donante-card__btn--select:hover[b-08h749t3k5] {
    background: #f9fafb;
    border-color: #9ca3af;
    color: #111827;
}

.donacion-donante-card__btn--select:focus[b-08h749t3k5] {
    outline: 2px solid #0f766e;
    outline-offset: 2px;
}

.donacion-donante-card__btn--selected[b-08h749t3k5] {
    background: #0f766e;
    border: 1px solid #0f766e;
    color: #ffffff;
    cursor: default;
}

/* Responsive tarjeta */
@media (max-width: 575.98px) {
    .donacion-card-grid[b-08h749t3k5] {
        grid-template-columns: 1fr;
    }

    .donacion-donante-card[b-08h749t3k5] {
        padding: 12px;
    }

    .donacion-donante-card__avatar[b-08h749t3k5] {
        width: 44px;
        height: 44px;
        font-size: 0.9rem;
        margin-right: 10px;
    }

    .donacion-donante-card__content[b-08h749t3k5] {
        margin-right: 10px;
    }

    .donacion-donante-card__name[b-08h749t3k5] {
        font-size: 14px;
        line-height: 20px;
    }

    .donacion-donante-card__contact-item[b-08h749t3k5] {
        font-size: 12px;
    }

    .donacion-donante-card__btn[b-08h749t3k5] {
        height: 32px;
        min-height: 32px;
        padding: 0 12px;
        font-size: 12px;
    }

    .donacion-donante-card__action[b-08h749t3k5] {
        margin-left: 0;
        width: 100%;
        margin-top: 8px;
    }

    .donacion-donante-card[b-08h749t3k5] {
        flex-wrap: wrap;
    }
}

/* --- Selected Summary Card --- */
.donacion-selected-summary[b-08h749t3k5] {
    background: #ffffff;
    border: 2px solid #0f766e;
    border-radius: 24px;
    padding: 1.5rem;
    box-shadow: 0 14px 34px rgba(15, 118, 110, 0.1);
    margin-bottom: 1.25rem;
    position: relative;
    overflow: hidden;
}

.donacion-selected-summary[b-08h749t3k5]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, #0f766e 0%, #1f5f6b 100%);
}

.donacion-selected-summary__header[b-08h749t3k5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.donacion-selected-summary__title[b-08h749t3k5] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.85rem;
    font-weight: 800;
    color: #0f766e;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.donacion-selected-summary__body[b-08h749t3k5] {
    display: flex;
    align-items: center;
    gap: 1.25rem;
}

.donacion-selected-summary__avatar[b-08h749t3k5] {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    background: linear-gradient(135deg, #0f2d3a 0%, #1f5f6b 100%);
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.4rem;
    font-weight: 800;
    flex-shrink: 0;
    box-shadow: 0 8px 20px rgba(15, 45, 58, 0.2);
}

.donacion-selected-summary__info[b-08h749t3k5] {
    flex: 1;
    min-width: 0;
}

.donacion-selected-summary__name[b-08h749t3k5] {
    font-size: 1.25rem;
    font-weight: 800;
    color: #0f2d3a;
    margin-bottom: 0.35rem;
}

.donacion-selected-summary__details[b-08h749t3k5] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem 1rem;
    font-size: 0.88rem;
    color: #48606a;
    font-weight: 500;
}

.donacion-selected-summary__details strong[b-08h749t3k5] {
    color: #0f2d3a;
    font-weight: 700;
}

.donacion-selected-summary__change-btn[b-08h749t3k5] {
    min-height: 44px;
    border-radius: 14px;
    font-weight: 700;
    font-size: 0.85rem;
    padding: 0.6rem 1.1rem;
    background: #ffffff;
    border: 1.5px solid #c9dbd8;
    color: #29424c;
    transition: all 0.2s ease;
}

.donacion-selected-summary__change-btn:hover[b-08h749t3k5] {
    border-color: #0f2d3a;
    color: #0f2d3a;
    box-shadow: 0 4px 12px rgba(15, 45, 58, 0.1);
}

/* --- Empty State --- */
.donacion-empty-state[b-08h749t3k5] {
    text-align: center;
    padding: 3rem 1.5rem;
    background: #ffffff;
    border: 1.5px dashed #d7e8e5;
    border-radius: 24px;
    margin-bottom: 1.25rem;
}

.donacion-empty-state__icon[b-08h749t3k5] {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: #f4f7f6;
    color: #8aa1aa;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
    margin-bottom: 1rem;
}

.donacion-empty-state__title[b-08h749t3k5] {
    font-size: 1.1rem;
    font-weight: 800;
    color: #0f2d3a;
    margin-bottom: 0.4rem;
}

.donacion-empty-state__text[b-08h749t3k5] {
    color: #5f7380;
    font-size: 0.9rem;
    max-width: 28rem;
    margin: 0 auto 1.25rem;
    line-height: 1.5;
}

/* --- Workspace Buttons --- */
.donacion-workspace-button[b-08h749t3k5] {
    min-height: 48px;
    border-radius: 16px;
    font-weight: 800;
    padding: 0.8rem 1.2rem;
    transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
}

.donacion-workspace-button:hover[b-08h749t3k5] {
    transform: translateY(-1px);
}

.donacion-workspace-button--primary[b-08h749t3k5] {
    background: #0f2d3a !important;
    border-color: #0f2d3a !important;
    color: #ffffff !important;
    box-shadow: 0 14px 28px rgba(15, 45, 58, 0.18);
}

.donacion-workspace-button--primary:hover[b-08h749t3k5] {
    background: #133747 !important;
    border-color: #133747 !important;
    color: #ffffff !important;
}

.donacion-workspace-button--primary:disabled[b-08h749t3k5] {
    opacity: 0.55;
    transform: none;
    cursor: not-allowed;
}

.donacion-workspace-button--secondary[b-08h749t3k5] {
    background: #ffffff !important;
    border-color: #c9dbd8 !important;
    color: #29424c !important;
}

.donacion-workspace-button--secondary:hover[b-08h749t3k5] {
    background: #ffffff !important;
    border-color: #1f5f6b !important;
    color: #1f5f6b !important;
    box-shadow: 0 10px 22px rgba(31, 95, 107, 0.12);
}

.donacion-workspace-button--success[b-08h749t3k5] {
    background: #0f766e !important;
    border-color: #0f766e !important;
    color: #ffffff !important;
    box-shadow: 0 14px 28px rgba(15, 118, 110, 0.18);
}

.donacion-workspace-button--success:hover[b-08h749t3k5] {
    background: #115e59 !important;
    border-color: #115e59 !important;
    color: #ffffff !important;
}

.donacion-workspace-button--outline[b-08h749t3k5] {
    background: #ffffff !important;
    border-color: #0f2d3a !important;
    color: #0f2d3a !important;
}

.donacion-workspace-button--outline:hover[b-08h749t3k5] {
    background: #0f2d3a !important;
    color: #ffffff !important;
}

/* --- Modal Nuevo Donante --- */
.donacion-modal-overlay[b-08h749t3k5] {
    position: fixed;
    inset: 0;
    background: rgba(15, 45, 58, 0.55);
    backdrop-filter: blur(4px);
    z-index: 1060;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    animation: donacionFadeIn-b-08h749t3k5 0.2s ease;
}

.donacion-modal-panel[b-08h749t3k5] {
    background: #ffffff;
    border-radius: 28px;
    box-shadow: 0 24px 60px rgba(15, 45, 58, 0.18);
    width: 100%;
    max-width: 800px;
    max-height: 90vh;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    animation: donacionSlideUp-b-08h749t3k5 0.3s ease;
}

.donacion-modal-header[b-08h749t3k5] {
    background: linear-gradient(135deg, #0f2d3a 0%, #173f4f 58%, #1f5f6b 100%);
    color: #ffffff;
    padding: 1.25rem 1.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-shrink: 0;
}

.donacion-modal-header__title[b-08h749t3k5] {
    font-size: 1.1rem;
    font-weight: 800;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.donacion-modal-header__close[b-08h749t3k5] {
    background: rgba(255, 255, 255, 0.15);
    border: none;
    color: #ffffff;
    width: 36px;
    height: 36px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
    cursor: pointer;
    transition: all 0.2s ease;
}

.donacion-modal-header__close:hover[b-08h749t3k5] {
    background: rgba(255, 255, 255, 0.25);
}

.donacion-modal-body[b-08h749t3k5] {
    padding: 1.5rem;
    overflow-y: auto;
    flex: 1;
}

.donacion-modal-footer[b-08h749t3k5] {
    padding: 1rem 1.5rem;
    border-top: 1px solid #ebf1ef;
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    flex-shrink: 0;
    background: #fcfefd;
}

/* --- Form fields inside modal --- */
.donacion-form-grid[b-08h749t3k5] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem 1.25rem;
}

.donacion-form-grid .form-label[b-08h749t3k5] {
    color: #48606a;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    margin-bottom: 0.35rem;
}

.donacion-form-grid .form-control[b-08h749t3k5],
.donacion-form-grid .form-select[b-08h749t3k5] {
    min-height: 46px;
    border-radius: 14px;
    border: 1px solid #c9dbd8;
    background: #fbfcfb;
    padding: 0.6rem 0.85rem;
    color: #0f2d3a;
    font-size: 0.9rem;
    box-shadow: inset 0 1px 2px rgba(15, 45, 58, 0.03);
    transition: all 0.2s ease;
}

.donacion-form-grid .form-control:focus[b-08h749t3k5],
.donacion-form-grid .form-select:focus[b-08h749t3k5] {
    border-color: #1f5f6b;
    box-shadow: 0 0 0 4px rgba(31, 95, 107, 0.14);
    background: #ffffff;
}

.donacion-form-grid .form-control[b-08h749t3k5]::placeholder {
    color: #94a3b8;
}

.donacion-form-grid--full[b-08h749t3k5] {
    grid-column: 1 / -1;
}

/* --- Toast overrides (keep existing but polish) --- */
.toast-success[b-08h749t3k5], .toast-error[b-08h749t3k5] {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

/* --- Animations --- */
@keyframes donacionFadeIn-b-08h749t3k5 {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes donacionSlideUp-b-08h749t3k5 {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}

/* --- Responsive --- */
@media (max-width: 767.98px) {
    .donacion-workspace-shell[b-08h749t3k5] {
        border-radius: 22px;
    }

    .donacion-card-grid[b-08h749t3k5],
    .donacion-skeleton-grid[b-08h749t3k5] {
        grid-template-columns: 1fr;
    }

    .donacion-donante-card[b-08h749t3k5] {
        padding: 1rem;
    }

    .donacion-donante-card__avatar[b-08h749t3k5] {
        width: 48px;
        height: 48px;
        font-size: 0.95rem;
    }

    .donacion-selected-summary__body[b-08h749t3k5] {
        flex-direction: column;
        text-align: center;
        gap: 1rem;
    }

    .donacion-selected-summary__details[b-08h749t3k5] {
        justify-content: center;
    }

    .donacion-form-grid[b-08h749t3k5] {
        grid-template-columns: 1fr;
    }

    .donacion-modal-panel[b-08h749t3k5] {
        max-height: 95vh;
        border-radius: 22px;
    }

    .donacion-step-indicator__line[b-08h749t3k5] {
        width: 30px;
    }

    .donacion-step-indicator__label[b-08h749t3k5] {
        display: none;
    }

    .donacion-workspace-button[b-08h749t3k5] {
        width: 100%;
    }
}

@media (max-width: 575.98px) {
    .donacion-workspace-container[b-08h749t3k5] {
        padding: 0.85rem 0.85rem 1.5rem !important;
    }

    .donacion-search-area[b-08h749t3k5] {
        padding: 1rem;
        border-radius: 20px;
    }

    .donacion-donante-card__action[b-08h749t3k5] {
        width: 100%;
        margin-top: 0.5rem;
    }

    .donacion-donante-card__btn[b-08h749t3k5] {
        width: 100%;
    }

    .donacion-donante-card[b-08h749t3k5] {
        flex-wrap: wrap;
    }
}
/* _content/FacturaME/Components/Pages/EditarReparacion.razor.rz.scp.css */
.rep-shell[b-c1lsnyz1zx] {
    --rep-primary: #12304a;
    --rep-primary-light: #1a4a6e;
    --rep-primary-soft: #e8f0f7;
    --rep-accent: #1f5f8b;
    --rep-border: #dde5ed;
    --rep-border-light: #edf2f7;
    --rep-muted: #6b7c93;
    --rep-surface: #f8fafc;
    --rep-shadow-sm: 0 1px 3px rgba(18, 48, 74, 0.06);
    --rep-shadow-md: 0 6px 20px rgba(18, 48, 74, 0.08);
    --rep-shadow-lg: 0 18px 40px rgba(18, 48, 74, 0.12);
    --rep-radius-sm: 8px;
    --rep-radius: 14px;
    --rep-radius-lg: 20px;
    --rep-transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);

    padding: 1.75rem;
    min-height: calc(100vh - 70px);
    background: linear-gradient(180deg, #f4f7fb 0%, #edf2f8 100%);
}

/* ── Hero ────────────────────────────────────────────── */
.rep-hero[b-c1lsnyz1zx] {
    background: linear-gradient(135deg, #0d2537 0%, #12304a 40%, #1a4a6e 100%);
    color: #fff;
    border-radius: var(--rep-radius-lg);
    padding: 1.75rem 2rem;
    margin-bottom: 1.5rem;
    box-shadow: 0 12px 36px rgba(18, 48, 74, 0.2);
    position: relative;
    overflow: hidden;
}

.rep-hero[b-c1lsnyz1zx]::after {
    content: '';
    position: absolute;
    top: -30%;
    right: -5%;
    width: 260px;
    height: 260px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(255,255,255,0.06) 0%, transparent 70%);
    pointer-events: none;
}

.rep-hero-icon[b-c1lsnyz1zx] {
    width: 48px;
    height: 48px;
    border-radius: 14px;
    background: rgba(255,255,255,0.12);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.4rem;
    flex-shrink: 0;
}

.rep-hero h1[b-c1lsnyz1zx] {
    font-weight: 700;
    letter-spacing: -0.02em;
    line-height: 1.2;
}

.rep-hero p[b-c1lsnyz1zx] {
    opacity: 0.7;
    font-weight: 400;
}

/* ── Card ────────────────────────────────────────────── */
.rep-card[b-c1lsnyz1zx] {
    background: #fff;
    border: 1px solid var(--rep-border);
    border-radius: var(--rep-radius-lg);
    box-shadow: var(--rep-shadow-md);
    transition: box-shadow var(--rep-transition);
}

.rep-card:hover[b-c1lsnyz1zx] {
    box-shadow: var(--rep-shadow-lg);
}

/* ── Section title ───────────────────────────────────── */
.rep-section[b-c1lsnyz1zx] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    margin-bottom: 0.25rem;
    padding-bottom: 0.65rem;
    border-bottom: 1px solid var(--rep-border-light);
}

.rep-section-icon[b-c1lsnyz1zx] {
    width: 30px;
    height: 30px;
    border-radius: 8px;
    background: var(--rep-primary-soft);
    color: var(--rep-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.85rem;
    flex-shrink: 0;
}

.rep-section h6[b-c1lsnyz1zx] {
    margin: 0;
    font-weight: 700;
    font-size: 0.875rem;
    color: var(--rep-primary);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

/* ── Form controls ───────────────────────────────────── */
.rep-form-label[b-c1lsnyz1zx] {
    font-size: 0.8rem;
    font-weight: 600;
    color: #475569;
    margin-bottom: 0.3rem;
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

.rep-form-label .required-dot[b-c1lsnyz1zx] {
    color: #ef4444;
    font-weight: 700;
}

.rep-input[b-c1lsnyz1zx],
.rep-select[b-c1lsnyz1zx],
.rep-textarea[b-c1lsnyz1zx] {
    border: 1.5px solid var(--rep-border);
    border-radius: var(--rep-radius-sm);
    padding: 0.55rem 0.85rem;
    font-size: 0.9rem;
    background: var(--rep-surface);
    transition: border-color var(--rep-transition), box-shadow var(--rep-transition), background var(--rep-transition);
    width: 100%;
    color: #1e293b;
}

.rep-input:hover[b-c1lsnyz1zx],
.rep-select:hover[b-c1lsnyz1zx],
.rep-textarea:hover[b-c1lsnyz1zx] {
    border-color: #b9c8da;
    background: #fff;
}

.rep-input:focus[b-c1lsnyz1zx],
.rep-select:focus[b-c1lsnyz1zx],
.rep-textarea:focus[b-c1lsnyz1zx] {
    outline: none;
    border-color: var(--rep-accent);
    box-shadow: 0 0 0 3px rgba(31, 95, 139, 0.12);
    background: #fff;
}

.rep-input[b-c1lsnyz1zx]::placeholder,
.rep-textarea[b-c1lsnyz1zx]::placeholder {
    color: #94a3b8;
    font-size: 0.82rem;
}

.rep-select[b-c1lsnyz1zx] {
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7c93' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    padding-right: 2.25rem;
    cursor: pointer;
}

.rep-textarea[b-c1lsnyz1zx] {
    resize: vertical;
    min-height: 70px;
}

.rep-input-helper[b-c1lsnyz1zx] {
    font-size: 0.75rem;
    color: var(--rep-muted);
    margin-top: 0.2rem;
}

/* ── Buttons ─────────────────────────────────────────── */
.rep-btn[b-c1lsnyz1zx] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    font-weight: 600;
    font-size: 0.875rem;
    border-radius: var(--rep-radius);
    padding: 0.6rem 1.6rem;
    border: none;
    cursor: pointer;
    transition: all var(--rep-transition);
    white-space: nowrap;
    text-decoration: none;
}

.rep-btn:disabled[b-c1lsnyz1zx] {
    opacity: 0.6;
    cursor: not-allowed;
    pointer-events: none;
}

.rep-btn-primary[b-c1lsnyz1zx] {
    background: linear-gradient(135deg, var(--rep-primary) 0%, var(--rep-primary-light) 100%);
    color: #fff;
    box-shadow: 0 4px 12px rgba(18, 48, 74, 0.25);
}

.rep-btn-primary:hover:not(:disabled)[b-c1lsnyz1zx] {
    box-shadow: 0 6px 20px rgba(18, 48, 74, 0.35);
    transform: translateY(-1px);
}

.rep-btn-primary:active:not(:disabled)[b-c1lsnyz1zx] {
    transform: translateY(0);
}

.rep-btn-outline[b-c1lsnyz1zx] {
    border: 1.5px solid #ccd8e6;
    color: var(--rep-primary);
    background: #fff;
    box-shadow: var(--rep-shadow-sm);
}

.rep-btn-outline:hover[b-c1lsnyz1zx] {
    background: var(--rep-primary-soft);
    border-color: var(--rep-accent);
    color: var(--rep-primary);
}

.rep-btn-lg[b-c1lsnyz1zx] {
    padding: 0.75rem 2rem;
    font-size: 0.95rem;
}

/* ── Action bar ──────────────────────────────────────── */
.rep-actions[b-c1lsnyz1zx] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding-top: 0.75rem;
    border-top: 1px solid var(--rep-border-light);
}

/* ── Animations ──────────────────────────────────────── */
@keyframes repFadeInUp-b-c1lsnyz1zx {
    from {
        opacity: 0;
        transform: translateY(12px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.rep-card[b-c1lsnyz1zx] {
    animation: repFadeInUp-b-c1lsnyz1zx 0.45s ease-out;
}

.rep-section-row[b-c1lsnyz1zx] {
    animation: repFadeInUp-b-c1lsnyz1zx 0.4s ease-out both;
}

.rep-section-row:nth-child(1)[b-c1lsnyz1zx] { animation-delay: 0.05s; }
.rep-section-row:nth-child(2)[b-c1lsnyz1zx] { animation-delay: 0.15s; }
.rep-section-row:nth-child(3)[b-c1lsnyz1zx] { animation-delay: 0.25s; }

/* ── Spinner ─────────────────────────────────────────── */
.rep-spinner[b-c1lsnyz1zx] {
    width: 16px;
    height: 16px;
    border: 2px solid rgba(255,255,255,0.3);
    border-top-color: #fff;
    border-radius: 50%;
    animation: repSpin-b-c1lsnyz1zx 0.6s linear infinite;
    display: inline-block;
}

@keyframes repSpin-b-c1lsnyz1zx {
    to { transform: rotate(360deg); }
}

/* ── Responsive ──────────────────────────────────────── */
@media (max-width: 768px) {
    .rep-shell[b-c1lsnyz1zx] {
        padding: 1rem;
    }

    .rep-hero[b-c1lsnyz1zx] {
        padding: 1.25rem;
        border-radius: var(--rep-radius);
    }

    .rep-hero h1[b-c1lsnyz1zx] {
        font-size: 1.15rem;
    }

    .rep-hero p[b-c1lsnyz1zx] {
        font-size: 0.8rem;
    }

    .rep-card[b-c1lsnyz1zx] {
        border-radius: var(--rep-radius);
        padding: 1rem !important;
    }

    .rep-actions[b-c1lsnyz1zx] {
        flex-direction: column;
    }

    .rep-actions .rep-btn[b-c1lsnyz1zx] {
        width: 100%;
    }
}
/* _content/FacturaME/Components/Pages/FacturaExportacion.razor.rz.scp.css */
/* UX/UI (rediseño) - Factura de Exportación (DTE 11) */

.fe-export-page[b-fcvunjcmeg] {
    background: #f0f2f5;
    min-height: 100vh;
    padding-bottom: 2.5rem;
}

.fe-export-page .badge[b-fcvunjcmeg] {
    min-width: 34px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
}

/* Toasts */
.fe-export-toast[b-fcvunjcmeg] {
    border-radius: 14px;
}

/* Modales */
.fe-export-modal-content[b-fcvunjcmeg] {
    border-radius: 16px;
    border: 1px solid rgba(0, 0, 0, 0.06);
    box-shadow: 0 16px 50px rgba(0, 0, 0, 0.22);
}

.fe-export-modal-header[b-fcvunjcmeg] {
    border-radius: 16px 16px 0 0;
}

/* Encabezados de secciones con acentos sutiles */
.section-header-receptor[b-fcvunjcmeg] {
    background: rgba(13,110,253,0.08);
    color: #0d6efd;
    padding: 0.75rem 1rem;
    border-radius: 0.375rem 0.375rem 0 0;
    border-left: 4px solid #0d6efd;
}

.section-header-emisor[b-fcvunjcmeg] {
    background: rgba(25,135,84,0.10);
    color: #198754;
    padding: 0.75rem 1rem;
    border-radius: 0.375rem 0.375rem 0 0;
    border-left: 4px solid #198754;
}

.section-header-productos[b-fcvunjcmeg] {
    background: rgba(13, 202, 240, 0.12);
    color: #087f8c;
    padding: 0.75rem 1rem;
    border-radius: 0.375rem 0.375rem 0 0;
    border-left: 4px solid #0dcaf0;
}

.section-header-adicional[b-fcvunjcmeg] {
    background: rgba(253,126,20,0.12);
    color: #fd7e14;
    padding: 0.75rem 1rem;
    border-radius: 0.375rem 0.375rem 0 0;
    border-left: 4px solid #fd7e14;
}

/* _content/FacturaME/Components/Pages/Home.razor.rz.scp.css */
.home-redirect-shell[b-kc27zkyqeg] {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.5rem;
    background:
        radial-gradient(circle at top left, rgba(102, 126, 234, 0.12), transparent 28rem),
        linear-gradient(135deg, #eef3fb 0%, #e2e8f0 100%);
}

.home-redirect-card[b-kc27zkyqeg] {
    width: min(100%, 24rem);
    padding: 2rem;
    border-radius: 1.5rem;
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 1.25rem 2.5rem rgba(15, 23, 42, 0.08);
    border: 1px solid rgba(148, 163, 184, 0.2);
}

.home-redirect-spinner[b-kc27zkyqeg] {
    color: #0f4c81;
}

.home-redirect-text[b-kc27zkyqeg] {
    margin: 1rem 0 0;
    color: #475569;
    font-weight: 500;
}
/* _content/FacturaME/Components/Pages/ProcesarDteContingencia.razor.rz.scp.css */
.contingencia-page[b-cikbojsrc6] {
    --contingencia-primary: #12304a;
    --contingencia-primary-dark: #0b3c5d;
    --contingencia-background: #f4f7fb;
    --contingencia-surface: #ffffff;
    --contingencia-surface-soft: #f8fbff;
    --contingencia-border: #dbe3ef;
    --contingencia-text: #0f172a;
    --contingencia-text-muted: #64748b;
    --contingencia-warning: #b45309;
    --contingencia-warning-bg: #fff7ed;
    --contingencia-success: #15803d;
    --contingencia-success-bg: #edf9f2;
    --contingencia-danger: #b91c1c;
    --contingencia-danger-bg: #fef2f2;
    min-height: 100vh;
    background: var(--contingencia-background);
    color: var(--contingencia-text);
}

.contingencia-hero[b-cikbojsrc6],
.contingencia-surface[b-cikbojsrc6],
.state-panel[b-cikbojsrc6],
.venta-card[b-cikbojsrc6],
.contingencia-toast[b-cikbojsrc6] {
    border-radius: 24px;
    border: 1px solid rgba(18, 48, 74, 0.12);
    box-shadow: 0 18px 38px rgba(15, 23, 42, 0.08);
}

.contingencia-hero[b-cikbojsrc6] {
    overflow: hidden;
    background: var(--contingencia-primary);
    color: #fff;
}

.hero-body[b-cikbojsrc6] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1.5rem;
    padding: 2rem;
}

.hero-copy[b-cikbojsrc6] {
    max-width: 48rem;
}

.hero-chip-row[b-cikbojsrc6],
.summary-row[b-cikbojsrc6],
.filter-actions[b-cikbojsrc6],
.hero-actions[b-cikbojsrc6],
.row-actions[b-cikbojsrc6],
.venta-card-actions[b-cikbojsrc6] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.hero-chip[b-cikbojsrc6],
.summary-chip[b-cikbojsrc6],
.results-pill[b-cikbojsrc6],
.status-pill[b-cikbojsrc6],
.type-pill[b-cikbojsrc6] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    border-radius: 999px;
    font-weight: 700;
}

.hero-chip[b-cikbojsrc6] {
    padding: 0.55rem 0.9rem;
    background: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.18);
    color: #fff;
    font-size: 0.88rem;
}

.hero-title[b-cikbojsrc6] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin: 1rem 0 0.6rem;
    font-size: clamp(1.75rem, 2.6vw, 2.45rem);
    font-weight: 800;
    letter-spacing: -0.02em;
}

.hero-subtitle[b-cikbojsrc6],
.surface-subtitle[b-cikbojsrc6],
.state-copy[b-cikbojsrc6],
.empty-state-copy[b-cikbojsrc6],
.modal-subtitle[b-cikbojsrc6],
.detail-help[b-cikbojsrc6],
.toast-message[b-cikbojsrc6],
.table-secondary-text[b-cikbojsrc6],
.venta-card-meta[b-cikbojsrc6],
.venta-card-date[b-cikbojsrc6] {
    color: var(--contingencia-text-muted);
}

.hero-subtitle[b-cikbojsrc6] {
    margin: 0;
    color: rgba(255, 255, 255, 0.82);
    font-size: 1rem;
}

.hero-actions[b-cikbojsrc6] {
    justify-content: flex-end;
}

.btn-hero-primary[b-cikbojsrc6],
.btn-hero-secondary[b-cikbojsrc6],
.btn-soft-primary[b-cikbojsrc6],
.btn-soft-secondary[b-cikbojsrc6],
.btn-row-action[b-cikbojsrc6] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.55rem;
    min-height: 46px;
    border-radius: 14px;
    font-weight: 700;
    text-decoration: none;
    transition: transform 0.18s ease, box-shadow 0.18s ease, background-color 0.18s ease, border-color 0.18s ease;
}

.btn-hero-primary[b-cikbojsrc6] {
    border: 0;
    background: #fff;
    color: var(--contingencia-primary);
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.18);
}

.btn-hero-secondary[b-cikbojsrc6] {
    border: 1px solid rgba(255, 255, 255, 0.26);
    background: rgba(255, 255, 255, 0.08);
    color: #fff;
}

.btn-hero-secondary:hover[b-cikbojsrc6],
.btn-hero-secondary:focus[b-cikbojsrc6],
.btn-hero-primary:hover[b-cikbojsrc6],
.btn-hero-primary:focus[b-cikbojsrc6] {
    color: inherit;
}

.contingencia-surface[b-cikbojsrc6],
.state-panel[b-cikbojsrc6] {
    background: var(--contingencia-surface);
}

.surface-header[b-cikbojsrc6],
.surface-body[b-cikbojsrc6] {
    padding: 1.5rem 1.75rem;
}

.surface-header[b-cikbojsrc6] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    border-bottom: 1px solid rgba(15, 23, 42, 0.06);
}

.surface-header-split[b-cikbojsrc6] {
    align-items: center;
}

.surface-title[b-cikbojsrc6],
.state-title[b-cikbojsrc6],
.empty-state-title[b-cikbojsrc6],
.modal-title[b-cikbojsrc6] {
    margin: 0;
    font-weight: 800;
    color: var(--contingencia-text);
}

.surface-subtitle[b-cikbojsrc6] {
    margin: 0.45rem 0 0;
}

.summary-chip[b-cikbojsrc6],
.results-pill[b-cikbojsrc6],
.status-pill[b-cikbojsrc6],
.type-pill[b-cikbojsrc6] {
    padding: 0.5rem 0.8rem;
    font-size: 0.86rem;
}

.summary-chip[b-cikbojsrc6] {
    border: 1px solid rgba(18, 48, 74, 0.12);
    background: #eef4fb;
    color: var(--contingencia-primary);
}

.summary-chip-neutral[b-cikbojsrc6],
.results-pill[b-cikbojsrc6],
.type-pill-neutral[b-cikbojsrc6] {
    background: #f3f6fa;
    color: #475569;
    border-color: rgba(15, 23, 42, 0.08);
}

.summary-chip-warning[b-cikbojsrc6],
.status-pill-warning[b-cikbojsrc6],
.type-pill-warning[b-cikbojsrc6] {
    background: var(--contingencia-warning-bg);
    color: var(--contingencia-warning);
    border-color: rgba(180, 83, 9, 0.14);
}

.status-pill-success[b-cikbojsrc6],
.type-pill-success[b-cikbojsrc6] {
    background: var(--contingencia-success-bg);
    color: var(--contingencia-success);
    border-color: rgba(21, 128, 61, 0.12);
}

.type-pill-primary[b-cikbojsrc6],
.btn-soft-primary[b-cikbojsrc6] {
    background: #eef4fb;
    color: var(--contingencia-primary);
    border: 1px solid rgba(18, 48, 74, 0.12);
}

.type-pill-info[b-cikbojsrc6] {
    background: #eef7ff;
    color: #0f5f96;
    border: 1px solid rgba(15, 95, 150, 0.12);
}

.btn-soft-secondary[b-cikbojsrc6],
.btn-row-outline[b-cikbojsrc6] {
    background: #fff;
    color: #334155;
    border: 1px solid rgba(15, 23, 42, 0.14);
}

.btn-row-primary[b-cikbojsrc6] {
    background: var(--contingencia-primary);
    color: #fff;
    border: 1px solid transparent;
}

.field-label[b-cikbojsrc6] {
    display: inline-block;
    margin-bottom: 0.5rem;
    font-weight: 700;
    color: var(--contingencia-text);
}

.contingencia-page .form-control[b-cikbojsrc6] {
    border: 1px solid var(--contingencia-border);
    background: #fff;
    color: var(--contingencia-text);
    border-radius: 14px;
    min-height: 48px;
    padding: 0.85rem 1rem;
    box-shadow: none;
}

.contingencia-page .form-control:focus[b-cikbojsrc6] {
    border-color: rgba(18, 48, 74, 0.3);
    box-shadow: 0 0 0 0.2rem rgba(18, 48, 74, 0.12);
}

.results-pill[b-cikbojsrc6] {
    border: 1px solid rgba(18, 48, 74, 0.12);
}

.surface-body-tight[b-cikbojsrc6] {
    padding-top: 0;
}

.empty-state[b-cikbojsrc6],
.state-panel[b-cikbojsrc6] {
    text-align: center;
    padding: 3rem 1.5rem;
}

.empty-state[b-cikbojsrc6] {
    border: 1px dashed rgba(18, 48, 74, 0.2);
    border-radius: 20px;
    background: var(--contingencia-surface-soft);
}

.empty-state-icon[b-cikbojsrc6],
.state-icon[b-cikbojsrc6] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 72px;
    height: 72px;
    border-radius: 20px;
    margin-bottom: 1rem;
    font-size: 2rem;
}

.empty-state-icon[b-cikbojsrc6],
.state-icon-loading[b-cikbojsrc6] {
    background: #eef4fb;
    color: var(--contingencia-primary);
}

.state-icon-danger[b-cikbojsrc6] {
    background: var(--contingencia-danger-bg);
    color: var(--contingencia-danger);
}

.state-panel-danger[b-cikbojsrc6] {
    border-color: rgba(185, 28, 28, 0.12);
}

.contingencia-spinner[b-cikbojsrc6] {
    color: var(--contingencia-primary);
}

.desktop-list[b-cikbojsrc6] {
    display: block;
}

.mobile-list[b-cikbojsrc6] {
    display: none;
}

.contingencia-table[b-cikbojsrc6] {
    margin: 0;
}

.contingencia-table thead th[b-cikbojsrc6] {
    background: var(--contingencia-primary);
    color: #fff;
    border: 0;
    padding: 1rem;
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    white-space: nowrap;
}

.contingencia-table tbody td[b-cikbojsrc6] {
    padding: 1rem;
    border-color: #e9eef5;
    vertical-align: middle;
}

.contingencia-table tbody tr[b-cikbojsrc6] {
    transition: background-color 0.18s ease;
}

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

.table-primary-text[b-cikbojsrc6],
.venta-card-id[b-cikbojsrc6],
.venta-card-value[b-cikbojsrc6],
.table-amount[b-cikbojsrc6] {
    display: block;
    color: var(--contingencia-text);
    font-weight: 700;
}

.table-secondary-text[b-cikbojsrc6] {
    display: block;
    margin-top: 0.2rem;
    font-size: 0.82rem;
}

.code-chip[b-cikbojsrc6],
.code-chip-block[b-cikbojsrc6],
.detail-code[b-cikbojsrc6] {
    display: inline-block;
    font-family: Consolas, Monaco, 'Courier New', monospace;
    font-size: 0.82rem;
    word-break: break-word;
}

.code-chip[b-cikbojsrc6] {
    padding: 0.45rem 0.65rem;
    border-radius: 12px;
    background: #eff6ff;
    color: var(--contingencia-primary);
    border: 1px solid rgba(18, 48, 74, 0.12);
}

.row-actions[b-cikbojsrc6] {
    justify-content: flex-end;
}

.venta-card[b-cikbojsrc6] {
    padding: 1.15rem;
    background: #fff;
}

.venta-card-top[b-cikbojsrc6],
.venta-card-grid[b-cikbojsrc6] {
    display: grid;
    gap: 0.9rem;
}

.venta-card-top[b-cikbojsrc6] {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
    margin-bottom: 1rem;
}

.venta-card-total[b-cikbojsrc6] {
    color: var(--contingencia-primary);
    font-weight: 800;
    font-size: 1.1rem;
}

.venta-card-grid[b-cikbojsrc6] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.venta-card-field[b-cikbojsrc6],
.detail-panel[b-cikbojsrc6] {
    padding: 0.95rem;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 18px;
    background: var(--contingencia-surface-soft);
}

.venta-card-field-full[b-cikbojsrc6] {
    grid-column: 1 / -1;
}

.venta-card-label[b-cikbojsrc6],
.detail-label[b-cikbojsrc6],
.modal-eyebrow[b-cikbojsrc6] {
    display: block;
    margin-bottom: 0.45rem;
    font-size: 0.76rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--contingencia-text-muted);
}

.venta-card-actions[b-cikbojsrc6] {
    margin-top: 1rem;
}

.consulta-modal-overlay[b-cikbojsrc6] {
    position: fixed;
    inset: 0;
    z-index: 1055;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    background: rgba(15, 23, 42, 0.55);
    backdrop-filter: blur(4px);
}

.contingencia-modal-dialog[b-cikbojsrc6] {
    width: min(100%, 920px);
    margin: 0;
}

.contingencia-modal-content[b-cikbojsrc6] {
    border: 0;
    border-radius: 24px;
    overflow: hidden;
}

.contingencia-modal-header[b-cikbojsrc6],
.contingencia-modal-footer[b-cikbojsrc6] {
    padding: 1.35rem 1.5rem;
    border-color: rgba(15, 23, 42, 0.08);
}

.contingencia-modal-header[b-cikbojsrc6] {
    background: #fff;
}

.contingencia-modal-body[b-cikbojsrc6] {
    background: #fff;
    padding: 1.5rem;
}

.consulta-grid[b-cikbojsrc6] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    margin-bottom: 1rem;
}

.detail-panel[b-cikbojsrc6] {
    background: #fff;
}

.detail-panel-success[b-cikbojsrc6] {
    border-color: rgba(21, 128, 61, 0.12);
    background: var(--contingencia-success-bg);
}

.detail-panel-warning[b-cikbojsrc6] {
    border-color: rgba(180, 83, 9, 0.14);
    background: var(--contingencia-warning-bg);
}

.detail-panel-danger[b-cikbojsrc6] {
    border-color: rgba(185, 28, 28, 0.12);
    background: var(--contingencia-danger-bg);
}

.detail-value[b-cikbojsrc6],
.detail-text[b-cikbojsrc6] {
    color: var(--contingencia-text);
    font-weight: 600;
}

.detail-list[b-cikbojsrc6] {
    margin: 0;
    padding-left: 1.2rem;
}

.detail-code-wrap[b-cikbojsrc6] {
    max-height: 220px;
    overflow-y: auto;
    padding: 0.85rem;
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.7);
}

.detail-code[b-cikbojsrc6] {
    white-space: pre-wrap;
    color: var(--contingencia-danger);
}

.code-chip-block[b-cikbojsrc6] {
    display: block;
    width: 100%;
}

.toast-stack[b-cikbojsrc6] {
    position: fixed;
    right: 1rem;
    bottom: 1rem;
    z-index: 1080;
    display: grid;
    gap: 0.85rem;
    width: min(420px, calc(100vw - 2rem));
}

.contingencia-toast[b-cikbojsrc6] {
    display: flex;
    overflow: hidden;
    background: #fff;
}

.toast-accent[b-cikbojsrc6] {
    width: 6px;
    flex-shrink: 0;
}

.contingencia-toast-success .toast-accent[b-cikbojsrc6] {
    background: var(--contingencia-success);
}

.contingencia-toast-error .toast-accent[b-cikbojsrc6] {
    background: var(--contingencia-danger);
}

.toast-content[b-cikbojsrc6] {
    flex: 1;
    padding: 1rem 1rem 0.95rem;
}

.toast-heading[b-cikbojsrc6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.toast-title-wrap[b-cikbojsrc6] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--contingencia-text);
}

.toast-message[b-cikbojsrc6] {
    margin: 0.65rem 0 0;
}

@media (max-width: 991.98px) {
    .hero-body[b-cikbojsrc6],
    .surface-header[b-cikbojsrc6],
    .surface-header-split[b-cikbojsrc6] {
        flex-direction: column;
    }

    .hero-actions[b-cikbojsrc6],
    .row-actions[b-cikbojsrc6] {
        justify-content: flex-start;
    }

    .desktop-list[b-cikbojsrc6] {
        display: none;
    }

    .mobile-list[b-cikbojsrc6] {
        display: block;
    }
}

@media (max-width: 767.98px) {
    .hero-body[b-cikbojsrc6],
    .surface-header[b-cikbojsrc6],
    .surface-body[b-cikbojsrc6],
    .contingencia-modal-header[b-cikbojsrc6],
    .contingencia-modal-body[b-cikbojsrc6],
    .contingencia-modal-footer[b-cikbojsrc6] {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .venta-card-grid[b-cikbojsrc6],
    .consulta-grid[b-cikbojsrc6] {
        grid-template-columns: 1fr;
    }

    .toast-stack[b-cikbojsrc6] {
        left: 1rem;
        right: 1rem;
        width: auto;
    }
}

@media (max-width: 575.98px) {
    .hero-title[b-cikbojsrc6] {
        font-size: 1.55rem;
    }

    .btn-hero-primary[b-cikbojsrc6],
    .btn-hero-secondary[b-cikbojsrc6],
    .btn-soft-primary[b-cikbojsrc6],
    .btn-soft-secondary[b-cikbojsrc6],
    .btn-row-action[b-cikbojsrc6] {
        width: 100%;
    }

    .hero-actions[b-cikbojsrc6],
    .filter-actions[b-cikbojsrc6],
    .venta-card-actions[b-cikbojsrc6] {
        flex-direction: column;
    }

    .venta-card-top[b-cikbojsrc6] {
        grid-template-columns: 1fr;
    }
}

/* _content/FacturaME/Components/Pages/ProveedoresCuentasPorPagar.razor.rz.scp.css */
.proveedores-shell[b-7wvnx94yrn] {
    --proveedores-bg: #edf3f8;
    --proveedores-surface: rgba(255, 255, 255, 0.94);
    --proveedores-surface-strong: #ffffff;
    --proveedores-surface-soft: #f5f9fc;
    --proveedores-border: #d7e3ec;
    --proveedores-border-strong: #c4d5e2;
    --proveedores-primary: #143b52;
    --proveedores-primary-strong: #0d2f42;
    --proveedores-accent: #2b6d90;
    --proveedores-accent-soft: #e7f1f7;
    --proveedores-muted: #607789;
    min-height: 100vh;
    background: #edf2f5;
}

.proveedores-shell__container[b-7wvnx94yrn] {
    padding-top: 2rem;
    padding-bottom: 2.5rem;
}

.proveedores-hero[b-7wvnx94yrn] {
    display: flex;
    justify-content: space-between;
    gap: 1.5rem;
    align-items: flex-start;
    padding: 1.85rem;
    border-radius: 28px;
    color: #fff;
    background: linear-gradient(135deg, var(--proveedores-primary-strong) 0%, var(--proveedores-primary) 58%, var(--proveedores-accent) 100%);
    box-shadow: 0 24px 50px rgba(13, 47, 66, 0.22);
}

.proveedores-hero__copy[b-7wvnx94yrn] {
    max-width: 50rem;
}

.proveedores-hero__eyebrow[b-7wvnx94yrn],
.proveedores-panel__eyebrow[b-7wvnx94yrn] {
    display: inline-flex;
    align-items: center;
    padding: 0.4rem 0.8rem;
    margin-bottom: 0.85rem;
    border-radius: 999px;
    font-size: 0.77rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.proveedores-hero__eyebrow[b-7wvnx94yrn] {
    background: rgba(255, 255, 255, 0.14);
}

.proveedores-hero__title[b-7wvnx94yrn] {
    margin: 0;
    font-size: clamp(2rem, 2.6vw, 2.9rem);
    line-height: 1.08;
}

.proveedores-hero__text[b-7wvnx94yrn] {
    margin: 0.8rem 0 0;
    max-width: 41rem;
    color: rgba(255, 255, 255, 0.82);
    font-size: 1rem;
}

.proveedores-hero__actions[b-7wvnx94yrn] {
    display: flex;
    gap: 0.8rem;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.proveedores-hero__back[b-7wvnx94yrn] {
    border-color: rgba(255, 255, 255, 0.36);
}

.proveedores-hero__primary[b-7wvnx94yrn] {
    color: var(--proveedores-primary) !important;
}

.proveedores-metrics[b-7wvnx94yrn] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
    margin-top: 1.25rem;
}

.proveedores-metric-card[b-7wvnx94yrn],
.proveedores-panel[b-7wvnx94yrn] {
    border: 1px solid var(--proveedores-border);
    border-radius: 24px;
    background: var(--proveedores-surface);
    box-shadow: 0 18px 36px rgba(20, 59, 82, 0.08);
    backdrop-filter: blur(10px);
}

.proveedores-metric-card[b-7wvnx94yrn] {
    padding: 1.2rem 1.25rem;
}

.proveedores-metric-card__label[b-7wvnx94yrn] {
    display: block;
    color: var(--proveedores-muted);
    text-transform: uppercase;
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.05em;
}

.proveedores-metric-card__value[b-7wvnx94yrn] {
    display: block;
    margin-top: 0.4rem;
    color: var(--proveedores-primary);
    font-size: 1.85rem;
    line-height: 1;
}

.proveedores-metric-card__note[b-7wvnx94yrn] {
    display: block;
    margin-top: 0.45rem;
    color: var(--proveedores-muted);
    font-size: 0.84rem;
}

.proveedores-workspace[b-7wvnx94yrn] {
    display: grid;
    grid-template-columns: minmax(23rem, 0.96fr) minmax(27rem, 1.04fr);
    gap: 1.25rem;
    margin-top: 1.25rem;
    align-items: start;
}

.proveedores-panel[b-7wvnx94yrn] {
    padding: 1.35rem;
}

.proveedores-panel__header[b-7wvnx94yrn] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
    margin-bottom: 1.15rem;
}

.proveedores-panel__eyebrow[b-7wvnx94yrn] {
    background: var(--proveedores-accent-soft);
    color: var(--proveedores-accent);
}

.proveedores-panel__title[b-7wvnx94yrn] {
    margin: 0;
    color: var(--proveedores-primary);
    font-size: 1.45rem;
}

.proveedores-panel__text[b-7wvnx94yrn] {
    margin: 0.45rem 0 0;
    color: var(--proveedores-muted);
    max-width: 36rem;
}

.proveedores-status-pill[b-7wvnx94yrn],
.proveedores-summary-chip[b-7wvnx94yrn],
.proveedor-chip[b-7wvnx94yrn] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.55rem 0.85rem;
    border-radius: 999px;
    font-size: 0.82rem;
    font-weight: 700;
    white-space: nowrap;
}

.proveedores-status-pill[b-7wvnx94yrn] {
    border: 1px solid #d7e7f0;
    background: linear-gradient(180deg, #fbfdff 0%, #f2f7fb 100%);
    color: var(--proveedores-primary);
}

.proveedores-status-pill.is-editing[b-7wvnx94yrn] {
    border-color: #cfe0eb;
    background: linear-gradient(180deg, #f8fbfe 0%, #ebf4fa 100%);
}

.proveedores-form-flow[b-7wvnx94yrn] {
    display: grid;
    gap: 1rem;
}

.proveedores-form-section[b-7wvnx94yrn] {
    padding: 1rem;
    border: 1px solid #e0ebf2;
    border-radius: 20px;
    background: linear-gradient(180deg, #fcfeff 0%, #f8fbfd 100%);
}

.proveedores-form-section__head[b-7wvnx94yrn] {
    display: flex;
    gap: 0.85rem;
    align-items: flex-start;
    margin-bottom: 0.9rem;
}

.proveedores-form-section__head h3[b-7wvnx94yrn] {
    margin: 0;
    color: var(--proveedores-primary);
    font-size: 1rem;
}

.proveedores-form-section__head p[b-7wvnx94yrn] {
    margin: 0.25rem 0 0;
    color: var(--proveedores-muted);
    font-size: 0.9rem;
}

.proveedores-form-section__index[b-7wvnx94yrn] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2rem;
    height: 2rem;
    border-radius: 999px;
    background: var(--proveedores-accent-soft);
    color: var(--proveedores-accent);
    font-size: 0.83rem;
    font-weight: 800;
}

.proveedores-shell .form-label[b-7wvnx94yrn] {
    color: var(--proveedores-primary);
    font-weight: 700;
    margin-bottom: 0.45rem;
}

.proveedores-shell .form-text[b-7wvnx94yrn] {
    color: var(--proveedores-muted);
}

.proveedores-shell .form-control[b-7wvnx94yrn],
.proveedores-shell .form-select[b-7wvnx94yrn] {
    border: 1px solid var(--proveedores-border-strong);
    border-radius: 16px;
    padding: 0.9rem 1rem;
    background: rgba(255, 255, 255, 0.96);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);
}

.proveedores-shell .form-control:focus[b-7wvnx94yrn],
.proveedores-shell .form-select:focus[b-7wvnx94yrn] {
    border-color: rgba(43, 109, 144, 0.8);
    box-shadow: 0 0 0 0.18rem rgba(43, 109, 144, 0.14);
}

.proveedores-input-group > .form-control[b-7wvnx94yrn] {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.proveedores-input-group > .btn[b-7wvnx94yrn] {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.proveedores-textarea[b-7wvnx94yrn] {
    min-height: 6.5rem;
    resize: vertical;
}

.proveedores-switch-grid[b-7wvnx94yrn] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.85rem;
    margin-top: 1rem;
}

.proveedores-toggle-card[b-7wvnx94yrn] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: center;
    padding: 0.95rem 1rem;
    border: 1px solid #deebf3;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.9);
    cursor: pointer;
}

.proveedores-toggle-card__content[b-7wvnx94yrn] {
    display: grid;
    gap: 0.18rem;
}

.proveedores-toggle-card__content strong[b-7wvnx94yrn] {
    color: var(--proveedores-primary);
    font-size: 0.95rem;
}

.proveedores-toggle-card__content small[b-7wvnx94yrn] {
    color: var(--proveedores-muted);
}

.proveedores-form-actions[b-7wvnx94yrn] {
    display: flex;
    gap: 0.8rem;
    flex-wrap: wrap;
    margin-top: 1.15rem;
}

.proveedores-validation[b-7wvnx94yrn],
.proveedores-feedback[b-7wvnx94yrn] {
    border-radius: 18px;
    margin-bottom: 1rem;
}

.proveedores-directory__summary[b-7wvnx94yrn] {
    display: flex;
    gap: 0.6rem;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.proveedores-summary-chip[b-7wvnx94yrn] {
    border: 1px solid #dde8ef;
    background: #f7fbfd;
    color: var(--proveedores-primary);
}

.proveedores-toolbar[b-7wvnx94yrn] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: end;
    margin-bottom: 1rem;
}

.proveedores-toolbar__search[b-7wvnx94yrn] {
    flex: 1 1 auto;
}

.proveedores-toolbar__actions[b-7wvnx94yrn] {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.proveedores-searchbox[b-7wvnx94yrn] {
    position: relative;
}

.proveedores-searchbox > i[b-7wvnx94yrn] {
    position: absolute;
    left: 1rem;
    top: 50%;
    transform: translateY(-50%);
    color: #7b8f9f;
    pointer-events: none;
}

.proveedores-searchbox .form-control[b-7wvnx94yrn] {
    padding-left: 2.8rem;
    padding-right: 4.75rem;
}

.proveedores-searchbox__clear[b-7wvnx94yrn] {
    position: absolute;
    right: 0.65rem;
    top: 50%;
    transform: translateY(-50%);
    padding: 0.15rem 0.35rem;
    color: var(--proveedores-accent);
    text-decoration: none;
}

.proveedores-searchbox__clear:hover[b-7wvnx94yrn] {
    color: var(--proveedores-primary);
}

.proveedores-directory[b-7wvnx94yrn] {
    display: grid;
    gap: 0.95rem;
}

.proveedores-table-wrap[b-7wvnx94yrn] {
    border: 1px solid #dbe7ef;
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.86);
    overflow: hidden;
}

.proveedores-table[b-7wvnx94yrn] {
    margin-bottom: 0;
}

.proveedores-table thead th[b-7wvnx94yrn] {
    background: #e8f0f7;
    color: var(--proveedores-primary);
    border-bottom-color: #d7e2ec;
    font-size: 0.8rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    white-space: nowrap;
}

.proveedores-table tbody td[b-7wvnx94yrn] {
    padding-top: 1rem;
    padding-bottom: 1rem;
    border-color: #edf2f6;
    vertical-align: middle;
}

.proveedores-table__email[b-7wvnx94yrn] {
    min-width: 16rem;
}

.proveedores-table tbody tr[b-7wvnx94yrn] {
    transition: background-color 0.16s ease;
}

.proveedores-table tbody tr:hover > *[b-7wvnx94yrn] {
    background: #f6fafc;
}

.proveedores-table tbody tr.is-selected > *[b-7wvnx94yrn] {
    background: #eef6fb;
}

.proveedores-table__badges[b-7wvnx94yrn] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.proveedores-table__actions[b-7wvnx94yrn] {
    display: inline-flex;
    gap: 0.45rem;
    white-space: nowrap;
}

.proveedores-empty[b-7wvnx94yrn] {
    display: grid;
    place-items: center;
    gap: 0.55rem;
    padding: 2.2rem 1.5rem;
    border: 1px dashed #ccdbe6;
    border-radius: 24px;
    background: linear-gradient(180deg, #fbfdff 0%, #f4f8fb 100%);
    text-align: center;
}

.proveedores-empty__icon[b-7wvnx94yrn] {
    width: 4rem;
    height: 4rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 20px;
    background: var(--proveedores-accent-soft);
    color: var(--proveedores-accent);
    font-size: 1.6rem;
}

.proveedores-empty h3[b-7wvnx94yrn] {
    margin: 0;
    color: var(--proveedores-primary);
    font-size: 1.2rem;
}

.proveedores-empty p[b-7wvnx94yrn] {
    margin: 0;
    max-width: 28rem;
    color: var(--proveedores-muted);
}

.proveedor-chip[b-7wvnx94yrn] {
    padding: 0.4rem 0.72rem;
}

.proveedor-chip.is-active[b-7wvnx94yrn] {
    background: #eaf7ef;
    color: #216844;
}

.proveedor-chip.is-inactive[b-7wvnx94yrn] {
    background: #eef2f6;
    color: #516576;
}

.proveedor-chip.is-warning[b-7wvnx94yrn] {
    background: #fff2d9;
    color: #855a00;
}

.proveedor-chip.is-soft[b-7wvnx94yrn] {
    background: #edf4f8;
    color: var(--proveedores-primary);
}

.proveedores-modal[b-7wvnx94yrn] {
    display: grid;
    gap: 0.9rem;
}

.proveedores-modal__search[b-7wvnx94yrn] {
    padding: 0.2rem 0;
}

.proveedores-modal__table-wrap[b-7wvnx94yrn] {
    max-height: 420px;
}

.proveedores-modal__table thead th[b-7wvnx94yrn] {
    background: #e8f0f7;
    color: var(--proveedores-primary);
    border-bottom-color: #d7e2ec;
}

.proveedores-modal__table tbody tr:hover > *[b-7wvnx94yrn] {
    background: #edf4fa;
}

@media (max-width: 1199.98px) {
    .proveedores-metrics[b-7wvnx94yrn] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .proveedores-workspace[b-7wvnx94yrn] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 991.98px) {
    .proveedores-hero[b-7wvnx94yrn],
    .proveedores-panel__header[b-7wvnx94yrn],
    .proveedores-toolbar[b-7wvnx94yrn] {
        flex-direction: column;
    }

    .proveedores-hero__actions[b-7wvnx94yrn],
    .proveedores-directory__summary[b-7wvnx94yrn] {
        justify-content: flex-start;
    }
}

@media (max-width: 767.98px) {
    .proveedores-shell__container[b-7wvnx94yrn] {
        padding-top: 1.2rem;
        padding-bottom: 1.5rem;
    }

    .proveedores-hero[b-7wvnx94yrn],
    .proveedores-panel[b-7wvnx94yrn] {
        padding: 1.15rem;
    }

    .proveedores-metrics[b-7wvnx94yrn],
    .proveedores-switch-grid[b-7wvnx94yrn] {
        grid-template-columns: 1fr;
    }

    .proveedores-form-actions[b-7wvnx94yrn] {
        display: grid;
        width: 100%;
    }

    .proveedores-form-actions .btn[b-7wvnx94yrn],
    .proveedores-toolbar__actions .btn[b-7wvnx94yrn] {
        width: 100%;
    }

    .proveedores-table__actions[b-7wvnx94yrn] {
        justify-content: flex-end;
    }
}
/* _content/FacturaME/Components/Pages/ReporteFacturas.razor.rz.scp.css */
.reportes-container[b-4m4s3c6kpi] {
    background: #edf2f5;
    min-height: 100vh;
    padding: 2rem 0;
}

.reportes-header[b-4m4s3c6kpi] {
    background: white;
    border-radius: 15px;
    padding: 2rem;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.07);
    margin-bottom: 2rem;
}

.page-title[b-4m4s3c6kpi] {
    font-size: 2rem;
    font-weight: 700;
    background: linear-gradient(135deg, #11998e 0%, #38ef7d 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 0.5rem;
}

.subtitle-text[b-4m4s3c6kpi] {
    color: #6c757d;
    font-size: 1rem;
}

.stats-card-small[b-4m4s3c6kpi] {
    background: white;
    border-radius: 12px;
    padding: 1.2rem;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.07);
    transition: all 0.3s ease;
    height: 100%;
}

.stats-card-small:hover[b-4m4s3c6kpi] {
    transform: translateY(-3px);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
}

.stats-icon-small[b-4m4s3c6kpi] {
    width: 50px;
    height: 50px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    margin-bottom: 0.8rem;
}

.stats-value[b-4m4s3c6kpi] {
    font-size: 1.8rem;
    font-weight: 700;
    margin-bottom: 0.3rem;
}

.stats-label-small[b-4m4s3c6kpi] {
    color: #6c757d;
    font-size: 0.85rem;
    font-weight: 500;
}

.filter-card[b-4m4s3c6kpi] {
    background: white;
    border-radius: 15px;
    padding: 2rem;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.07);
    margin-bottom: 2rem;
}

.filter-title[b-4m4s3c6kpi] {
    font-size: 1.3rem;
    font-weight: 700;
    color: #2d3748;
    margin-bottom: 1.5rem;
}

.custom-select[b-4m4s3c6kpi] {
    border-radius: 10px;
    padding: 0.8rem 1rem;
    border: 2px solid #e2e8f0;
    transition: all 0.3s ease;
}

.custom-select:focus[b-4m4s3c6kpi] {
    border-color: #11998e;
    box-shadow: 0 0 0 3px rgba(17, 153, 142, 0.1);
}

.action-buttons-card[b-4m4s3c6kpi] {
    background: white;
    border-radius: 15px;
    padding: 2rem;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.07);
}

.btn-download[b-4m4s3c6kpi] {
    padding: 1rem 2rem;
    border-radius: 12px;
    font-weight: 600;
    font-size: 1rem;
    transition: all 0.3s ease;
    border: none;
    position: relative;
    overflow: hidden;
}

.btn-download:hover[b-4m4s3c6kpi] {
    transform: translateY(-2px);
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.2);
}

.btn-download:active[b-4m4s3c6kpi] {
    transform: translateY(0);
}

.btn-excel[b-4m4s3c6kpi] {
    background: linear-gradient(135deg, #11998e 0%, #38ef7d 100%);
    color: white;
}

.btn-excel:hover[b-4m4s3c6kpi] {
    background: linear-gradient(135deg, #0e8077 0%, #2dd865 100%);
    color: white;
}

.btn-json[b-4m4s3c6kpi] {
    background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
    color: white;
}

.btn-json:hover[b-4m4s3c6kpi] {
    background: linear-gradient(135deg, #3b8ace 0%, #00c2ce 100%);
    color: white;
}

.message-card[b-4m4s3c6kpi] {
    border-radius: 12px;
    padding: 1.2rem;
    margin-top: 1.5rem;
    border: none;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.07);
}

.bg-gradient-excel[b-4m4s3c6kpi] {
    background: linear-gradient(135deg, #11998e 0%, #38ef7d 100%);
}

.bg-gradient-json[b-4m4s3c6kpi] {
    background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
}

.bg-gradient-calendar[b-4m4s3c6kpi] {
    background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
}

.feature-icon[b-4m4s3c6kpi] {
    width: 60px;
    height: 60px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.8rem;
    color: white;
    margin: 0 auto 1rem;
}

.feature-title[b-4m4s3c6kpi] {
    font-size: 1.1rem;
    font-weight: 600;
    color: #2d3748;
    margin-bottom: 0.5rem;
}

.feature-description[b-4m4s3c6kpi] {
    color: #718096;
    font-size: 0.9rem;
}

.back-button[b-4m4s3c6kpi] {
    background: white;
    border: 2px solid #e2e8f0;
    color: #2d3748;
    padding: 0.6rem 1.5rem;
    border-radius: 10px;
    font-weight: 600;
    transition: all 0.3s ease;
}

.back-button:hover[b-4m4s3c6kpi] {
    border-color: #11998e;
    color: #11998e;
    transform: translateX(-5px);
}

/* Anexo 2 Grid Styles */
.anexo2-grid-dialog[b-4m4s3c6kpi] {
    max-width: 95vw;
    width: 95vw;
}

.anexo2-grid-wrapper[b-4m4s3c6kpi] {
    border: 1px solid #dee2e6;
    border-radius: 8px;
    overflow: hidden;
}

.anexo2-grid-scroll[b-4m4s3c6kpi] {
    max-height: 60vh;
    overflow: auto;
}

.anexo2-grid-table[b-4m4s3c6kpi] {
    font-size: 0.8rem;
}

.anexo2-grid-table thead th[b-4m4s3c6kpi] {
    position: sticky;
    top: 0;
    z-index: 10;
    font-size: 0.75rem;
    padding: 6px 4px;
    white-space: nowrap;
    text-align: center;
}

.anexo2-grid-table td[b-4m4s3c6kpi] {
    padding: 3px 4px;
}

.anexo2-input[b-4m4s3c6kpi] {
    padding: 3px 6px !important;
    font-size: 0.78rem;
    border: 1px solid #dee2e6;
    border-radius: 4px;
    background: #fff;
    min-width: 70px;
    transition: border-color 0.2s, box-shadow 0.2s;
}

.anexo2-input:focus[b-4m4s3c6kpi] {
    border-color: #11998e;
    box-shadow: 0 0 0 2px rgba(17, 153, 142, 0.15);
    outline: none;
}

.anexo2-input:hover[b-4m4s3c6kpi] {
    border-color: #adb5bd;
}

.anexo2-input-num[b-4m4s3c6kpi] {
    text-align: right;
    min-width: 85px;
    font-family: 'Courier New', monospace;
}

.anexo2-input-center[b-4m4s3c6kpi] {
    text-align: center;
    min-width: 50px;
}

.anexo2-input-total[b-4m4s3c6kpi] {
    font-weight: 700;
    background: #f0fff4 !important;
}

.anexo2-col-fixed[b-4m4s3c6kpi] {
    min-width: 100px;
}

.anexo2-col-num[b-4m4s3c6kpi] {
    min-width: 85px;
}

.anexo2-col-total[b-4m4s3c6kpi] {
    min-width: 95px;
}