/* /Components/Layout/MainLayout.razor.rz.scp.css */
.app-layout[b-88fa0e66xv] {
    min-height: 100vh;
    background: #f0f2f5;
}

.soft-sider[b-88fa0e66xv] {
    background: #ffffff;
    box-shadow: 2px 0 8px 0 rgba(29,35,41,.05);
    z-index: 10;
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.logo-container[b-88fa0e66xv] {
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.logo-image[b-88fa0e66xv] {
    width: 40px;
    height: auto;
    max-height: 40px;
    object-fit: contain;
    flex-shrink: 0;
}

.logo-text[b-88fa0e66xv] {
    color: var(--brand-blue);
    font-weight: 700;
    font-size: 1.5rem;
    white-space: nowrap;
    overflow: hidden;
    transition: opacity 0.3s ease-in-out, margin 0.3s ease-in-out, width 0.3s ease-in-out;
}

.logo-text.collapsed[b-88fa0e66xv] {
    opacity: 0;
    margin-left: 0;
    width: 0;
}

.logo-text.expanded[b-88fa0e66xv] {
    opacity: 1;
    margin-left: 12px;
    width: auto;
}

.soft-menu.ant-menu[b-88fa0e66xv] {
    background: transparent;
    border-right: none;
    padding: 8px;
}

.soft-menu.ant-menu-inline .ant-menu-item[b-88fa0e66xv] {
    border-radius: 12px; /* Soft UI rounded corners */
    margin-bottom: 8px;
    margin-top: 8px;
    transition: all 0.3s;
}

.soft-menu.ant-menu-inline .ant-menu-item-selected[b-88fa0e66xv] {
    background-color: #e6f7ff;
    color: var(--brand-blue);
    box-shadow: 0 2px 6px rgba(24,144,255,0.15); /* Soft shadow for active item */
    border-left: 4px solid var(--brand-blue);
}

.soft-menu.ant-menu-inline .ant-menu-item[b-88fa0e66xv]::after {
    border-right: none !important; /* Remove the default right border marker */
}

.soft-menu.ant-menu-inline-collapsed .ant-menu-item[b-88fa0e66xv] {
    border-radius: 50%; /* Make collapsed items circular or very rounded */
    width: 40px;
    height: 40px;
    line-height: 40px;
    margin: 8px auto;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.app-content[b-88fa0e66xv] {
    /* Custom scrollbar for content area */
}

.app-content[b-88fa0e66xv]::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.app-content[b-88fa0e66xv]::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 4px;
}

.app-content[b-88fa0e66xv]::-webkit-scrollbar-track {
    background: transparent;
}

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

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

/* Azure DevOps style headers in submenus */

/* Hide header completely in expanded/inline mode. 
   AntDesign uses .ant-menu-inline for expanded menus. */
.ant-menu-inline .azure-submenu-header[b-88fa0e66xv],
.ant-menu-sub.ant-menu-inline .azure-submenu-header[b-88fa0e66xv] {
    display: none !important;
}

/* Style the header for popup submenus */
.ant-menu-submenu-popup .azure-submenu-header[b-88fa0e66xv] {
    display: block !important;
    padding: 8px 16px !important;
    margin: 4px 0 8px 0 !important;
    background: transparent !important;
    border-bottom: 1px solid #e8e8e8 !important;
    cursor: default !important;
    opacity: 1 !important; /* Override disabled opacity */
    line-height: 1.5 !important;
    height: auto !important;
}

/* Force dark bold text by targeting inner spans specifically, 
   overriding Ant Design's aggressive disabled styles */
.ant-menu-submenu-popup .azure-submenu-header[b-88fa0e66xv],
.ant-menu-submenu-popup .azure-submenu-header *[b-88fa0e66xv],
.ant-menu-submenu-popup .azure-submenu-header .ant-menu-title-content[b-88fa0e66xv] {
    font-weight: 800 !important; /* Extra negrita */
    font-size: 15px !important;
    color: #000000 !important; /* Negro sólido */
}

/* Ensure the popup itself has nice padding resembling Azure */
.ant-menu-submenu-popup .ant-menu[b-88fa0e66xv] {
    border-radius: 8px !important;
    padding: 4px 0 8px 0 !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12) !important;
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-eqrb2utk3t],
.components-reconnect-repeated-attempt-visible[b-eqrb2utk3t],
.components-reconnect-failed-visible[b-eqrb2utk3t],
.components-pause-visible[b-eqrb2utk3t],
.components-resume-failed-visible[b-eqrb2utk3t],
.components-rejoining-animation[b-eqrb2utk3t] {
    display: none;
}

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


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

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

}

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

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

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

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

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

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

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

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

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

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

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

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

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Features/Pqrs/Filing/Backoffice/Components/ManagementDrawer.razor.rz.scp.css */
.drawer-workspace[b-50bpxhcl03] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

/* Reduce el margen del divisor dentro del workspace del drawer */
.drawer-workspace[b-50bpxhcl03]  .soft-divider {
    margin: 4px 0;
}

.step-fade-in[b-50bpxhcl03] {
    animation: stepFadeIn-b-50bpxhcl03 0.35s ease forwards;
}

@keyframes stepFadeIn-b-50bpxhcl03 {
    from {
        opacity: 0;
        transform: translateY(8px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}
/* /Features/Pqrs/Filing/Backoffice/Components/TrackingDrawer.razor.rz.scp.css */
.drawer-workspace[b-a4kpahkq06] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.step-fade-in[b-a4kpahkq06] {
    animation: stepFadeIn-b-a4kpahkq06 0.35s ease forwards;
}

@keyframes stepFadeIn-b-a4kpahkq06 {
    from {
        opacity: 0;
        transform: translateY(8px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}
/* /Features/Pqrs/Filing/Backoffice/Pages/BackofficeRegisterPage/BackofficeRegisterPage.razor.rz.scp.css */
.backoffice-register-container[b-e1uazojeav] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 16px 32px 16px;
}

.register-header-wrapper[b-e1uazojeav] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
    gap: 16px;
}

.form-section-title[b-e1uazojeav] {
    font-weight: 700;
    font-size: 14px;
    color: var(--brand-blue);
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.verification-action-container[b-e1uazojeav] {
    margin-top: 16px;
}

.verified-citizen-badge-box[b-e1uazojeav] {
    background: #F8FAFC;
    border: 1px dashed #CBD5E1;
    border-radius: var(--soft-border-radius-lg);
    padding: 16px;
    animation: fadeIn-b-e1uazojeav 0.3s ease;
}

.verified-status-header[b-e1uazojeav] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
}

.badge-label-text[b-e1uazojeav] {
    font-size: 12px;
    font-weight: 600;
    color: #475569;
}

.submit-action-container[b-e1uazojeav] {
    margin-top: 24px;
}

    .submit-action-container[b-e1uazojeav]  .ant-btn-primary {
        height: 48px;
        font-size: 15px;
        font-weight: 600;
        box-shadow: var(--soft-box-shadow);
    }

@keyframes fadeIn-b-e1uazojeav {
    from {
        opacity: 0;
        transform: translateY(4px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}
/* /Features/Pqrs/Filing/Backoffice/Pages/FilingManager/FilingManager.razor.rz.scp.css */
/* ==========================================================================
   VISTA: BANDEJA DE PQRS (Orquestador)
   ========================================================================== */

.backoffice-container[b-9huesqh7k0] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 24px 16px;
}

/* --- Envoltorios de Tarjetas y Tablas --- */
.table-wrapper[b-9huesqh7k0] {
    background-color: #ffffff;
    border: 1px solid var(--border-soft);
    border-radius: var(--soft-border-radius-xl);
    /* 1. Cambiamos el padding para quitar el espacio izquierdo y derecho */
    padding: 24px 0;
    box-shadow: var(--soft-shadow-sm);
    width: 100%;
    box-sizing: border-box;
    /* 2. MUY IMPORTANTE: Esto evita que las puntas cuadradas del 
       encabezado azul de la tabla se salgan del borde redondeado de la tarjeta blanca */
    overflow: hidden;
}

.table-pagination-wrapper[b-9huesqh7k0] {
    display: flex;
    justify-content: flex-end;
    margin-top: 16px;
    /* 3. Le devolvemos el espacio a la paginación para que no quede pegada al borde derecho */
    padding: 0 24px;
}

/* --- Filtros de Columnas (Dropdowns) --- */
.filter-dropdown-container[b-9huesqh7k0] {
    padding: 16px;
    min-width: 320px;
}

.filter-date-container[b-9huesqh7k0] {
    padding: 16px;
    min-width: 280px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.filter-actions[b-9huesqh7k0] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
}

/* --- Elementos de UI Específicos --- */
.deadline-info-box[b-9huesqh7k0] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    line-height: 1.2;
    text-align: left;
}

.deadline-status[b-9huesqh7k0] {
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 4px;
}

.deadline-date[b-9huesqh7k0] {
    color: var(--text-secondary);
    font-size: 12px;
    display: flex;
    align-items: center;
    gap: 4px;
}

.no-deadline[b-9huesqh7k0] {
    color: var(--soft-gray-400);
}
/* /Features/Pqrs/Filing/Public/Pages/PublicFilingPage/PublicFilingPage.razor.rz.scp.css */
.public-portal-container[b-vl09vlbxnc] {
    max-width: 1100px;
    margin: 0 auto;
    padding: 24px 16px;
    box-sizing: border-box;
}

/* Configuraciones de anchos específicos para botones de control */
[b-vl09vlbxnc] .btn-next-width {
    min-width: 140px;
}

[b-vl09vlbxnc] .btn-submit-color {
    min-width: 180px;
    background-color: #10B981 !important;
    border-color: #10B981 !important;
}

    [b-vl09vlbxnc] .btn-submit-color:hover {
        background-color: #059669 !important;
        border-color: #059669 !important;
    }

/* Cuadro de instrucciones de la vista de éxito */
.instruction-box[b-vl09vlbxnc] {
    background-color: #EFF6FF;
    border: 1px solid #BFDBFE;
    border-radius: 12px;
    padding: 20px;
    max-width: 600px;
    margin: 0 auto;
}

.instruction-title[b-vl09vlbxnc] {
    font-weight: 700;
    color: #1E3A8A;
    margin-bottom: 8px;
    font-size: 14px;
}

.instruction-list[b-vl09vlbxnc] {
    text-align: left;
    padding-left: 20px;
    font-size: 13px;
    color: #1E40AF;
    line-height: 1.5;
    margin: 0;
}

.result-actions-container[b-vl09vlbxnc] {
    margin-top: 32px;
    display: flex;
    justify-content: center;
    gap: 16px;
}
/* /Shared/Components/Atoms/SoftActionButton.razor.rz.scp.css */
[b-weguolzg5e] .soft-action-btn {
    border: none !important;
    transition: var(--soft-transition) !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Variante Principal (Azul) */
[b-weguolzg5e] .soft-action-btn.primary {
    box-shadow: var(--soft-shadow-btn-primary) !important;
}

[b-weguolzg5e] .soft-action-btn.primary:hover {
    box-shadow: var(--soft-shadow-btn-primary-hover) !important;
    transform: translateY(-2px);
}

/* Variante Secundaria (Gris/Blanco) */
[b-weguolzg5e] .soft-action-btn.default {
    box-shadow: var(--soft-box-shadow) !important;
    color: var(--text-secondary) !important;
}

[b-weguolzg5e] .soft-action-btn.default:hover {
    box-shadow: var(--soft-box-shadow-hover) !important;
    color: var(--soft-gray-700) !important;
    transform: translateY(-2px);
}
/* /Shared/Components/Atoms/SoftButton.razor.rz.scp.css */
/* Obligamos a que el botón tome el radio y la sombra del Soft UI */
[b-ifiyus16cm] .soft-btn {
    border-radius: var(--soft-border-radius-md) !important;
    transition: var(--soft-transition) !important;
}

[b-ifiyus16cm] .soft-btn-primary {
    box-shadow: var(--soft-shadow-btn-primary) !important;
}

[b-ifiyus16cm] .soft-btn-primary:hover {
    transform: translateY(-1px);
    box-shadow: var(--soft-shadow-btn-primary-hover) !important;
}
/* /Shared/Components/Atoms/SoftDivider.razor.rz.scp.css */
.soft-divider[b-glkrnft88o] {
    margin: 24px 0;
    /* Usamos el alias semántico para bordes suaves */
    border-top-color: var(--border-soft);
}
/* /Shared/Components/Atoms/SoftFormBox.razor.rz.scp.css */
.soft-form-box[b-tpf16ipy12] {
    border: 1px solid var(--border-soft);
    border-radius: var(--soft-border-radius-lg);
    padding: 24px;
    background-color: #ffffff;
}

/* Modificamos los inputs de Ant Design que vivan DENTRO de esta caja */
.soft-form-box[b-tpf16ipy12]  .ant-input,
.soft-form-box[b-tpf16ipy12]  .ant-input-affix-wrapper {
    border-radius: var(--soft-border-radius-sm);
}

/* Énfasis cuando el input está seleccionado (Focus) */
.soft-form-box[b-tpf16ipy12]  .ant-input:focus,
.soft-form-box[b-tpf16ipy12]  .ant-input-focused,
.soft-form-box[b-tpf16ipy12]  .ant-input-affix-wrapper:focus,
.soft-form-box[b-tpf16ipy12]  .ant-input-affix-wrapper-focused {
    border-color: var(--brand-blue);
    /* Mantenemos el halo nativo de Ant Design por consistencia */
    box-shadow: 0 0 0 3px rgba(24, 144, 255, 0.15);
}

/* Estilización del contador de caracteres */
.soft-form-box[b-tpf16ipy12]  .ant-input-show-count-suffix {
    color: var(--soft-gray-400);
    font-size: 12px;
}
/* /Shared/Components/Atoms/SoftTag.razor.rz.scp.css */
/* Usando la variable global para el radio de borde */
.soft-tag-wrapper[b-w9gz0rb9k2]  .ant-tag {
    border-radius: var(--soft-border-radius-lg) !important;
    margin-bottom: 2px;
}
/* /Shared/Components/Atoms/StepLabel.razor.rz.scp.css */
.step-label-container[b-22trs1qqxl] {
    font-weight: 600;
    color: var(--soft-gray-700);
    margin-bottom: 12px;
    font-size: 14px;
}

.step-number[b-22trs1qqxl] {
    margin-right: 4px;
}
/* /Shared/Components/Molecules/SoftDetailCard.razor.rz.scp.css */
.soft-detail-card[b-8sfkeyyvo6] {
    background-color: var(--bg-soft);
    border: 1px solid var(--border-soft);
    border-radius: var(--soft-border-radius-lg);
    padding: 20px;
    max-width: 600px;
    margin: 24px auto;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

[b-8sfkeyyvo6] .detail-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid var(--soft-gray-100);
    padding-bottom: 8px;
}

[b-8sfkeyyvo6] .detail-item:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

[b-8sfkeyyvo6] .detail-label {
    color: var(--text-secondary);
    font-size: 13px;
}

[b-8sfkeyyvo6] .detail-value {
    font-weight: 600;
    color: var(--text-primary);
    font-size: 14px;
}

[b-8sfkeyyvo6] .text-primary {
    color: var(--brand-blue) !important;
}
/* /Shared/Components/Molecules/SoftFileLink.razor.rz.scp.css */
.soft-file-link-wrapper[b-s0naajnta7] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 4px;
}

.soft-file-link[b-s0naajnta7] {
    text-decoration: underline;
    font-weight: 500;
    color: var(--text-primary);
    transition: var(--soft-transition);
}

.soft-file-link:hover[b-s0naajnta7] {
    color: var(--brand-blue);
}
/* /Shared/Components/Molecules/SoftInlineNotice.razor.rz.scp.css */
.soft-inline-notice[b-woa1e7pzgj] {
    border: 1px solid var(--border-soft);
    border-radius: var(--soft-border-radius-lg);
    padding: 24px;
    background-color: #ffffff;
    margin-bottom: 24px;
}

.notice-header[b-woa1e7pzgj] {
    display: flex;
    gap: 12px;
    margin-bottom: 16px;
}

.notice-icon[b-woa1e7pzgj] {
    font-size: 20px;
    color: var(--brand-blue);
    margin-top: 2px;
}

.notice-title[b-woa1e7pzgj] {
    margin: 0;
    font-weight: 600;
    color: var(--text-primary);
}

.notice-description[b-woa1e7pzgj] {
    margin: 4px 0 0 0;
    font-size: 13px;
    color: var(--soft-gray-600);
}

.notice-body[b-woa1e7pzgj] {
    /* Opcional: Separador superior si se desea aislar el form del texto */
}
/* /Shared/Components/Molecules/SoftNotificationList.razor.rz.scp.css */
.soft-notification-list[b-589lglm6aw] {
    margin: 0;
    padding-left: 20px;
    color: var(--soft-gray-600);
    font-size: 13px;
}

.soft-notification-list li[b-589lglm6aw] {
    margin-bottom: 4px;
}
/* /Shared/Components/Molecules/SoftPagination.razor.rz.scp.css */
.soft-pagination-container[b-wu5th5icxa] {
    margin-top: 16px;
    text-align: right;
}
/* /Shared/Components/Molecules/SoftSelectionCard.razor.rz.scp.css */
.soft-selection-card[b-ny6wbmott7] {
    cursor: pointer;
    border: 2px solid var(--border-soft);
    border-radius: var(--soft-border-radius-xl);
    transition: var(--soft-transition);
    background-color: #ffffff;
}

.soft-selection-card:hover[b-ny6wbmott7] {
    border-color: var(--soft-blue-300);
    transform: translateY(-2px);
}

.soft-selection-card.selected[b-ny6wbmott7] {
    border-color: var(--brand-blue);
    background-color: var(--soft-blue-50);
}

.icon-avatar[b-ny6wbmott7] {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--soft-gray-100);
    transition: var(--soft-transition);
}

.soft-selection-card.selected .icon-avatar[b-ny6wbmott7] {
    background-color: var(--soft-blue-50);
}

.card-icon[b-ny6wbmott7] {
    font-size: 24px;
    color: var(--soft-gray-600);
    transition: var(--soft-transition);
}

.soft-selection-card.selected .card-icon[b-ny6wbmott7] {
    color: var(--brand-blue);
}

.card-title[b-ny6wbmott7] {
    display: block;
    font-size: 16px;
    color: var(--text-title);
}

.card-description[b-ny6wbmott7] {
    font-size: 13px;
    color: var(--text-secondary);
}
/* /Shared/Components/Molecules/SoftTooltipLabel.razor.rz.scp.css */
.soft-tooltip-label[b-v0riw691f7] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.soft-tooltip-label[b-v0riw691f7]  .info-icon {
    color: var(--text-secondary);
    font-size: 12px;
    cursor: help;
    transition: var(--soft-transition);
}

.soft-tooltip-label[b-v0riw691f7]  .info-icon:hover {
    color: var(--brand-blue);
}
/* /Shared/Components/Molecules/StepHeader.razor.rz.scp.css */
.step-header-container[b-h8fw5k7kbq] {
    margin-bottom: 24px;
    text-align: center;
}

.step-title[b-h8fw5k7kbq] {
    font-weight: 700;
    color: var(--text-title);
    margin-bottom: 8px;
}

.step-description[b-h8fw5k7kbq] {
    color: var(--text-secondary);
    font-size: 14px;
    margin: 0;
}
/* /Shared/Components/Organisms/SoftDrawer.razor.rz.scp.css */
/* Obligamos al título del Drawer nativo a estar en negrita según el requerimiento */
[b-9yr5w0jh0g] .ant-drawer-title {
    font-weight: 700 !important;
    color: var(--text-title);
}

/* Reducimos el padding nativo del drawer body de 24px a 16px */
[b-9yr5w0jh0g] .ant-drawer-body {
    padding: 16px;
}

.soft-drawer-wrapper[b-9yr5w0jh0g] {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.soft-drawer-description[b-9yr5w0jh0g] {
    color: var(--text-secondary);
    font-size: 14px;
    margin-bottom: 24px;
}

.soft-drawer-body[b-9yr5w0jh0g] {
    flex: 1;
}

.soft-drawer-footer[b-9yr5w0jh0g] {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    margin-top: 32px;
    border-top: 1px solid var(--soft-gray-100);
    padding-top: 20px;
}
/* /Shared/Components/Organisms/SoftFilterCard.razor.rz.scp.css */
[b-8c9o0af5q1] .soft-filter-card {
    margin-bottom: 24px;
    box-shadow: var(--soft-shadow-sm) !important;
    border-radius: var(--soft-border-radius-lg);
    border: 1px solid var(--border-soft);
}
/* /Shared/Components/Organisms/SoftHeroHeader.razor.rz.scp.css */
.soft-hero-header[b-aof4j9o7zf] {
    background: linear-gradient(135deg, var(--soft-blue-900, #1E3A8A) 0%, var(--brand-blue, #3B82F6) 100%);
    border-radius: var(--soft-border-radius-xl, 16px);
    padding: 24px 32px;

    /* Usamos margen negativo para jalar el componente hacia arriba y compensar el contenedor */
    margin-top: -16px;
    margin-bottom: 16px;

    box-shadow: var(--soft-shadow-hero, 0 10px 15px -3px rgba(30, 58, 138, 0.15));
}

.hero-content[b-aof4j9o7zf] {
    max-width: 800px;
}

[b-aof4j9o7zf] .hero-title {
    font-size: 28px;
    font-weight: 800;
    color: #ffffff !important;
    margin: 0 0 8px 0;
    letter-spacing: -0.025em;
}

[b-aof4j9o7zf] .hero-subtitle {
    font-size: 15px;
    color: var(--soft-blue-100, #DBEAFE) !important;
    margin: 0;
    line-height: 1.6;
}
/* /Shared/Components/Organisms/SoftResultView.razor.rz.scp.css */
.soft-result-view[b-42z8ihire1] {
    background-color: #ffffff;
    border: 1px solid var(--border-soft);
    border-radius: var(--soft-border-radius-xl);
    padding: 40px 32px;
    box-shadow: var(--soft-shadow-sm);
}

.step-fade-in[b-42z8ihire1] {
    animation: stepFadeIn-b-42z8ihire1 0.35s ease forwards;
}

@keyframes stepFadeIn-b-42z8ihire1 {
    from {
        opacity: 0;
        transform: translateY(8px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}
/* /Shared/Components/Organisms/SoftTable.razor.rz.scp.css */
/* Centralizamos el bloque de código de las vistas */
[b-slojtizul6] .ant-table-thead>tr>th {
    background-color: var(--brand-blue) !important;
    color: white !important;
    font-weight: 600;
    border-color: var(--brand-blue) !important;
}

[b-slojtizul6] .ant-table-thead>tr>th::before {
    display: none !important;
}

/* Compacta los botones de acción para que no inflen el alto de las filas */
[b-slojtizul6] .table-action-btn {
    padding: 0 8px !important;
    height: auto !important;
    line-height: 1 !important;
}
/* /Shared/Components/Organisms/SoftWizardLayout.razor.rz.scp.css */
.soft-wizard-layout[b-gytij0pom2] {
    background-color: transparent;
}

/* El contenedor del Stepper de Ant Design */
.stepper-wrapper[b-gytij0pom2]  .ant-steps {
    margin-bottom: 32px;
    border-radius: var(--soft-border-radius-lg, 12px);
    background: #ffffff;

    border: 1px solid var(--border-soft, #E5E7EB) !important;

    box-shadow: var(--soft-shadow-sm, 0 4px 6px -1px rgba(0, 0, 0, 0.05));
    padding: 16px 24px;
}

.wizard-body[b-gytij0pom2] {
    background-color: #ffffff;

    border: 1px solid var(--border-soft, #E5E7EB) !important;

    border-radius: var(--soft-border-radius-xl, 16px);
    padding: 32px;
    box-shadow: var(--soft-shadow-sm, 0 4px 6px -1px rgba(0, 0, 0, 0.05));
    min-height: 420px;
    margin-bottom: 24px;
}

.wizard-actions-bar[b-gytij0pom2] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #ffffff;

    border: 1px solid var(--border-soft, #E5E7EB) !important;

    border-radius: var(--soft-border-radius-lg, 12px);
    padding: 16px 24px;
    box-shadow: var(--soft-shadow-sm, 0 4px 6px -1px rgba(0, 0, 0, 0.05));
}