/* /Components/Contador.razor.rz.scp.css */
.stat-card[b-z5m7cc0h17] {
    background: #fff;
    border: 1px solid #e0e7ef;
    border-radius: 10px;
    padding: 14px 18px;
    display: flex;
    align-items: center;
    gap: 14px;
    box-shadow: 0 1px 4px rgba(0, 51, 160, 0.06);
    min-width: 155px;
    flex: 1;
    transition: box-shadow 0.2s ease;
}

    .stat-card:hover[b-z5m7cc0h17] {
        box-shadow: 0 3px 10px rgba(0, 51, 160, 0.13);
    }

.stat-card--pequeno[b-z5m7cc0h17] {
    --cnt-icon-size: 34px;
    --cnt-num-size: 1.25rem;
    --cnt-label-size: 0.62rem;
    padding: 10px 14px;
    gap: 10px;
}

.stat-card--mediano[b-z5m7cc0h17] {
    --cnt-icon-size: 42px;
    --cnt-num-size: 1.6rem;
    --cnt-label-size: 0.72rem;
}

.stat-card--grande[b-z5m7cc0h17] {
    --cnt-icon-size: 54px;
    --cnt-num-size: 2rem;
    --cnt-label-size: 0.8rem;
    padding: 18px 22px;
    gap: 18px;
}

.stat-icon[b-z5m7cc0h17] {
    width: var(--cnt-icon-size, 42px);
    height: var(--cnt-icon-size, 42px);
    min-width: var(--cnt-icon-size, 42px);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: color-mix(in srgb, var(--cnt-color, #0033A0) 14%, white);
    flex-shrink: 0;
}

.stat-value[b-z5m7cc0h17] {
    font-size: var(--cnt-num-size, 1.6rem);
    font-weight: 700;
    line-height: 1;
    color: #1a3a5c;
}

.stat-label[b-z5m7cc0h17] {
    font-size: var(--cnt-label-size, 0.72rem);
    color: #6b7a8d;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-top: 3px;
}
/* /Layout/MainLayout.razor.rz.scp.css */
.page[b-8iyg0fgl25] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-8iyg0fgl25] {
    flex: 1;
}

.sidebar[b-8iyg0fgl25] {
    background-color: white;
    background-image: none;
}

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

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

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

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

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

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

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

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

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

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

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

#blazor-error-ui[b-8iyg0fgl25] {
    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-8iyg0fgl25] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-fxpzgcmng8] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: #333333;
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    border: 1px solid rgba(0, 0, 0, 0.1);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(0, 0, 0, 0.1);
}

    .navbar-toggler:checked[b-fxpzgcmng8] {
        background-color: rgba(0, 0, 0, 0.1);
    }

.top-row[b-fxpzgcmng8] {
    min-height: 3.5rem;
    background-color: white;
}

.navbar-brand[b-fxpzgcmng8] {
    font-size: 1.1rem;
}

.bi[b-fxpzgcmng8] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

/* Estilo para el fondo del men� completo */
:root[b-fxpzgcmng8] {
    --sidebar-bg-color: white;
}

.sidebar-header[b-fxpzgcmng8] {
    background-color: var(--sidebar-bg-color);
    color: #000;
    padding: 1rem;
    font-weight: bold;
    font-size: 1.2rem;
    border-bottom: 1px solid #f0f0f0;
}

/* Panel de men� con fondo blanco */
[b-fxpzgcmng8] .rz-panel-menu {
    background-color: var(--sidebar-bg-color);
}

/* Acorde�n con fondo blanco */
[b-fxpzgcmng8] .rz-accordion {
    background-color: var(--sidebar-bg-color);
}

/* Elementos del acorde�n con fondo blanco */
[b-fxpzgcmng8] .rz-accordion-item {
    background-color: var(--sidebar-bg-color);
}

/* T�tulo del acorde�n en color oscuro para contraste */
[b-fxpzgcmng8] .rz-accordion-toggle-icon,
[b-fxpzgcmng8] .rz-accordion-header-text {
    color: #333333 !important;
}

/* Todos los elementos del men� con fondo blanco y texto oscuro */
[b-fxpzgcmng8] .rz-panel-menu-item,
[b-fxpzgcmng8] .rz-panel-menu .rz-navigation-item-link {
    background-color: var(--sidebar-bg-color);
    color: #333333 !important;
}

/* �conos en color oscuro */
[b-fxpzgcmng8] .rz-panel-menu .rz-navigation-item-icon {
    color: #333333 !important;
}

/* Efectos hover */
[b-fxpzgcmng8] .rz-panel-menu .rz-navigation-item-link:hover {
    background-color: rgba(0,0,0,0.05);
    color: #000000 !important;
}

/* Asegurar que el fondo del bot�n "Cerrar sesi�n" tambi�n sea blanco */
[b-fxpzgcmng8] .rz-panel-menu > .rz-navigation-item > .rz-navigation-item-link {
    background-color: white !important;
    color: #333333 !important;
    border-top: 1px solid #f0f0f0;
}

    [b-fxpzgcmng8] .rz-panel-menu > .rz-navigation-item > .rz-navigation-item-link:hover {
        background-color: rgba(0,0,0,0.05) !important;
    }

/* Remover cualquier degradado o color de fondo en la parte inferior */
[b-fxpzgcmng8] .rz-panel-menu {
    background-image: none !important;
}

.bi-house-door-fill-nav-menu[b-fxpzgcmng8] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='black' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-fxpzgcmng8] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='black' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-fxpzgcmng8] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='black' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.nav-item[b-fxpzgcmng8] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-fxpzgcmng8] {
        padding-top: 1rem;
    }

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

    .nav-item[b-fxpzgcmng8]  .nav-link {
        color: #333333;
        background: none;
        border: none;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
        width: 100%;
    }

    .nav-item[b-fxpzgcmng8]  a.active {
        background-color: rgba(0,0,0,0.05);
        color: #333333;
    }

    .nav-item[b-fxpzgcmng8]  .nav-link:hover {
        background-color: rgba(0,0,0,0.05);
        color: #000000;
    }

.nav-scrollable[b-fxpzgcmng8] {
    display: none;
    background-color: white;
}

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

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

    .nav-scrollable[b-fxpzgcmng8] {
        /* Never collapse the sidebar for wide screens */
        display: block;
        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* /Pages/Request/CmpInfoAlcaldiasLocales.razor.rz.scp.css */
.info-container[b-ivzjmff8yc] {
    margin-top: 1rem;
}

.info-card[b-ivzjmff8yc] {
    border-left: 4px solid #0d6efd;
    margin-bottom: 1rem;
}

    .info-card .card-title[b-ivzjmff8yc] {
        font-size: 1rem;
        font-weight: 600;
    }
/* /Pages/Request/CmpInfoOtrasSuperintendencias.razor.rz.scp.css */
.info-container[b-x90yn4av8q] {
    margin-top: 1rem;
}

.info-card[b-x90yn4av8q] {
    border-left: 4px solid #0d6efd;
}

    .info-card .card-title[b-x90yn4av8q] {
        font-size: 1rem;
        font-weight: 600;
    }
/* /Pages/Request/CmpInfoSeguridad.razor.rz.scp.css */
.info-container[b-waq7u7lj9a] {
    margin-top: 1rem;
}

.info-card[b-waq7u7lj9a] {
    border-left: 4px solid #0d6efd;
}

    .info-card .card-title[b-waq7u7lj9a] {
        font-size: 1rem;
        font-weight: 600;
    }
/* /Pages/Request/CmpStepPersonalData.razor.rz.scp.css */
.step-container[b-vb44epiqu6] {
    margin-top: 1rem;
}

.step-actions[b-vb44epiqu6] {
    margin-top: 1.5rem;
    text-align: right;
}

.form-group[b-vb44epiqu6] {
    margin-bottom: 1rem;
}
/* /Pages/Request/CmpStepQuestion.razor.rz.scp.css */
.option-card[b-d8gc9d4jdm] {
    display: flex;
    gap: 1rem;
    padding: 1rem;
    border: 1px solid #ddd;
    border-radius: 6px;
    cursor: pointer;
}

    .option-card:hover[b-d8gc9d4jdm] {
        border-color: #0d6efd;
    }

.step-actions[b-d8gc9d4jdm] {
    margin-top: 1.5rem;
    text-align: right;
}
/* /Pages/Solicitud/NuevaSolicitudNN.razor.rz.scp.css */
/* Los estilos de esta página y sus componentes se encuentran
   centralizados en wwwroot/css/SolicitudStyles.css */
/* /Pages/Tramites/Componentes/FormularioTarea.razor.rz.scp.css */
/* ── Header con info de la tarea ─────────────────────────── */

.formulario-tarea__header[b-0uxubdnleo] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 12px 14px 10px;
    border-bottom: 1px solid #edf0f8;
}

.formulario-tarea__codigo[b-0uxubdnleo] {
    font-size: 14px;
    font-weight: 700;
    color: #1a2b5e;
    letter-spacing: 0.2px;
}

.formulario-tarea__nombre[b-0uxubdnleo] {
    font-size: 12px;
    color: #0033A0;
}

/* ── Separador interno ───────────────────────────────────── */

.formulario-tarea__separador[b-0uxubdnleo] {
    border: none;
    border-top: 1px solid #edf0f8;
    margin: 12px 0;
}

/* ── Fila de toggle: switch izquierda, label derecha ─────── */

.formulario-tarea__toggle-row[b-0uxubdnleo] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
}
/* /Pages/Tramites/Componentes/PanelListaEtapas.razor.rz.scp.css */
/* ── Cabecera ────────────────────────────────────────────── */

.panel-etapas__header[b-voar36v655] {
    padding: 10px 14px 8px;
    border-bottom: 1px solid #edf0f8;
}

.panel-etapas__titulo[b-voar36v655] {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.7px;
    color: #8899aa;
    text-transform: uppercase;
}

/* ── Item de etapa ───────────────────────────────────────── */

.etapa-item[b-voar36v655] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    cursor: pointer;
    border-left: 3px solid transparent;
    border-bottom: 1px solid #edf0f8;
    transition: background .15s, border-color .15s;
    user-select: none;
}

.etapa-item:last-child[b-voar36v655] {
    border-bottom: none;
}

.etapa-item:hover[b-voar36v655] {
    background: #f4f6fc;
}

.etapa-item--activa[b-voar36v655] {
    background: #eaf0fd;
    border-left-color: #0033A0;
}

/* ── Número ──────────────────────────────────────────────── */

.etapa-item__num[b-voar36v655] {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: #e8ecf8;
    color: #5566aa;
    font-size: 12px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: background .15s, color .15s;
}

.etapa-item__num--activo[b-voar36v655] {
    background: #0033A0;
    color: #fff;
}

/* ── Textos ──────────────────────────────────────────────── */

.etapa-item__body[b-voar36v655] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.etapa-item__codigo[b-voar36v655] {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.3px;
    color: #5566aa;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.3;
}

.etapa-item__codigo--activo[b-voar36v655] {
    color: #0033A0;
}

.etapa-item__nombre[b-voar36v655] {
    font-size: 12px;
    color: #334466;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.3;
}

.etapa-item__conteo[b-voar36v655] {
    font-size: 11px;
    color: #8899aa;
    line-height: 1.3;
}

/* ── Dot de estado ───────────────────────────────────────── */

.dot[b-voar36v655] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    display: inline-block;
    flex-shrink: 0;
}

.dot--activo[b-voar36v655]   { background: #28a745; }
.dot--inactivo[b-voar36v655] { background: #dc3545; }
/* /Pages/Tramites/Componentes/TarjetaTarea.razor.rz.scp.css */
/* ── Wrapper — controla borde, hover y estado ────────────── */

.tarea-card-wrapper[b-lkumo1m22u] {
    margin: 8px 10px 0;
    border-radius: 8px;
    cursor: pointer;
}

.tarea-card-wrapper[b-lkumo1m22u]  .rz-card {
    border: 1.5px solid #e0e4ef;
    border-radius: 8px;
    padding: 12px 14px;
    transition: border-color .18s, box-shadow .18s;
}

.tarea-card-wrapper:hover[b-lkumo1m22u]  .rz-card {
    border-color: #7799cc;
    box-shadow: 0 2px 10px rgba(0, 51, 160, .1);
}

.tarea-card-wrapper--seleccionada[b-lkumo1m22u]  .rz-card {
    border: 2px solid #0033A0 !important;
    box-shadow: 0 3px 16px rgba(0, 51, 160, .2) !important;
}

.tarea-card-wrapper--inactiva[b-lkumo1m22u] {
    opacity: .62;
}

/* ── Fila superior ───────────────────────────────────────── */

.tarea-card__top[b-lkumo1m22u] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 8px;
}

/* ── Número ──────────────────────────────────────────────── */

.tarea-numero[b-lkumo1m22u] {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #e8ecf8;
    color: #5566aa;
    font-size: 11px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-top: 1px;
    transition: background .18s, color .18s;
}

.tarea-numero--activo[b-lkumo1m22u] {
    background: #0033A0;
    color: #fff;
}

/* ── Título e ícono ──────────────────────────────────────── */

.tarea-card__info[b-lkumo1m22u] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.tarea-card__titulo-row[b-lkumo1m22u] {
    display: flex;
    align-items: center;
    gap: 5px;
}

.tarea-card__nombre[b-lkumo1m22u] {
    font-size: 14px;
    font-weight: 600;
    color: #1a2b5e;
    line-height: 1.3;
}

.tarea-card__tipo[b-lkumo1m22u] {
    font-size: 11px;
    color: #667799;
    margin-left: 20px;
}

/* ── Badges ──────────────────────────────────────────────── */

.tarea-card__badges[b-lkumo1m22u] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin-bottom: 4px;
}

/* ── Aviso de regla documental ───────────────────────────── */

.tarea-doc-aviso[b-lkumo1m22u] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 7px 10px;
    background: #fffbea;
    border: 1px solid #f5e49a;
    border-radius: 6px;
    font-size: 12px;
    color: #7a6200;
    margin: 6px 0 4px;
}

.tarea-doc-aviso__link[b-lkumo1m22u] {
    font-weight: 600;
    color: #0033A0;
    text-decoration: underline;
    cursor: not-allowed;
    opacity: .75;
}

/* ── Pie ─────────────────────────────────────────────────── */

.tarea-card__footer[b-lkumo1m22u] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px solid #f0f2f8;
}

.tarea-card__footer-btns[b-lkumo1m22u]   { display: flex; gap: 4px; }
.tarea-card__footer-actions[b-lkumo1m22u] { display: flex; gap: 4px; }

/* ── Dot de estado ───────────────────────────────────────── */

.dot[b-lkumo1m22u] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    display: inline-block;
    flex-shrink: 0;
    margin-top: 4px;
}

.dot--activo[b-lkumo1m22u]   { background: #28a745; }
.dot--inactivo[b-lkumo1m22u] { background: #dc3545; }
/* /Pages/Tramites/ConfigOrigenTramite.razor.rz.scp.css */
/* ── Layout de dos paneles ───────────────────────────────── */

.dos-paneles[b-g3xoptl6fs] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0;
    overflow: hidden;
}

.dos-paneles--con-panel[b-g3xoptl6fs] {
    grid-template-columns: 1fr 340px;
    height: calc(100vh - 280px);
}

.panel-tabla[b-g3xoptl6fs] {
    overflow-y: auto;
    padding: 12px 14px;
    background: #f4f6fb;
}

.panel-formulario[b-g3xoptl6fs] {
    border-left: 1px solid #e0e4ef;
    overflow-y: auto;
    background: #fff;
}

/* ── Tira de metadatos del trámite ───────────────────────── */

.tramite-info-strip[b-g3xoptl6fs] {
    display: flex;
    align-items: stretch;
    background: #f4f6fb;
    border-bottom: 1px solid #e0e4ef;
    flex-wrap: wrap;
}

.tramite-info-strip__item[b-g3xoptl6fs] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 8px 20px;
    border-right: 1px solid #e0e4ef;
}

.tramite-info-strip__item:last-child[b-g3xoptl6fs] {
    border-right: none;
}

.tramite-info-strip__item--wide[b-g3xoptl6fs] {
    flex: 1;
}

.tramite-info-strip__label[b-g3xoptl6fs] {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.6px;
    color: #8899aa;
    text-transform: uppercase;
    line-height: 1.2;
}

.tramite-info-strip__value[b-g3xoptl6fs] {
    font-size: 13px;
    font-weight: 600;
    color: #1a2b5e;
    display: flex;
    align-items: center;
    gap: 5px;
    margin-top: 2px;
}

/* ── Dot de estado ───────────────────────────────────────── */

.dot[b-g3xoptl6fs] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    display: inline-block;
    flex-shrink: 0;
}

.dot--activo[b-g3xoptl6fs]   { background: #28a745; }
.dot--inactivo[b-g3xoptl6fs] { background: #dc3545; }

/* ── Tira de estadísticas ────────────────────────────────── */

.stats-strip[b-g3xoptl6fs] {
    display: flex;
    gap: 0;
    border-bottom: 1px solid #e0e4ef;
}

.stat-item[b-g3xoptl6fs] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 10px 24px;
    border-right: 1px solid #e0e4ef;
    min-width: 88px;
}

.stat-item:last-child[b-g3xoptl6fs] {
    border-right: none;
}

.stat-value[b-g3xoptl6fs] {
    font-size: 22px;
    font-weight: 700;
    color: #0033A0;
    line-height: 1.1;
}

.stat-label[b-g3xoptl6fs] {
    font-size: 10px;
    color: #6b7a99;
    text-transform: uppercase;
    letter-spacing: .05em;
    margin-top: 2px;
}

/* ── Fila seleccionada en la tabla ───────────────────────── */

[b-g3xoptl6fs] .fila-seleccionada td {
    background: #e8ecf8 !important;
    font-weight: 500;
}

/* ── Cabecera del panel de edición ───────────────────────── */

.panel-formulario__header[b-g3xoptl6fs] {
    padding: 12px 14px 10px;
    border-bottom: 1px solid #edf0f8;
    background: #fafbfe;
}

.panel-formulario__titulo[b-g3xoptl6fs] {
    font-size: 13px;
    font-weight: 600;
    color: #334466;
    letter-spacing: 0.2px;
}

/* ── Filas del formulario ────────────────────────────────── */

.form-row[b-g3xoptl6fs] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-bottom: 12px;
}

.form-row--switch[b-g3xoptl6fs] {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
}

.campo-deshabilitado[b-g3xoptl6fs] {
    opacity: 0.45;
    pointer-events: none;
}

.campo-requerido-label[b-g3xoptl6fs]::after {
    content: " *";
    color: #e53e3e;
}

/* ── Estado vacío ────────────────────────────────────────── */

.panel-vacio[b-g3xoptl6fs] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 48px 24px;
    color: #8899aa;
    text-align: center;
}

/* ── Columna Tipo de Inconformidad (nombre + descripción) ── */

.col-tipo[b-g3xoptl6fs] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    white-space: normal; /* override Radzen DataGrid cell's default nowrap */
}

.col-tipo__nombre[b-g3xoptl6fs] {
    font-size: 13px;
    font-weight: 600;
    color: #1a2b5e;
    line-height: 1.3;
    white-space: normal;
}

.col-tipo__desc[b-g3xoptl6fs] {
    font-size: 11px;
    color: #6b7a99;
    line-height: 1.3;
    white-space: normal;
    word-break: break-word;
    overflow-wrap: break-word;
}

/* ── Valores negativos en celdas ─────────────────────────── */

.valor-no[b-g3xoptl6fs] {
    font-size: 12px;
    color: #aab2c8;
}

/* ── Chip de ventana de interposición ────────────────────── */

.ventana-chip[b-g3xoptl6fs] {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    font-size: 12px;
    font-weight: 600;
    color: #334466;
    background: #edf0f8;
    border-radius: 4px;
    padding: 2px 7px;
}

/* ── Chips de estado (Activo / Inactivo) ─────────────────── */

.estado-chip[b-g3xoptl6fs] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 12px;
    font-weight: 600;
    border-radius: 12px;
    padding: 2px 8px;
}

.estado-chip--activo[b-g3xoptl6fs] {
    color: #155724;
    background: #d4edda;
}

.estado-chip--inactivo[b-g3xoptl6fs] {
    color: #721c24;
    background: #f8d7da;
}

/* ── Editor de expresión: chips de variables ─────────────── */

.expr-chip-list[b-g3xoptl6fs] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin-top: 6px;
}

.expr-chip[b-g3xoptl6fs] {
    display: inline-block;
    font-family: monospace;
    font-size: 10px;
    background: #e8ecf8;
    color: #0033A0;
    border: 1px solid #c5cce8;
    border-radius: 4px;
    padding: 2px 7px;
    cursor: pointer;
    transition: background 0.15s, border-color 0.15s;
    user-select: none;
    white-space: nowrap;
}

.expr-chip:hover[b-g3xoptl6fs] {
    background: #d0d8f4;
    border-color: #0033A0;
}

.expr-hint[b-g3xoptl6fs] {
    display: block;
    font-size: 10px;
    color: #8899aa;
    margin-top: 4px;
    line-height: 1.3;
}

/* ── Responsivo ──────────────────────────────────────────── */

@@media (max-width: 1024px) {
    .dos-paneles--con-panel[b-g3xoptl6fs] {
        grid-template-columns: 1fr;
        grid-template-rows: auto auto;
        height: auto;
    }

    .panel-formulario[b-g3xoptl6fs] {
        border-left: none;
        border-top: 1px solid #e0e4ef;
    }

    .tramite-info-strip__item--wide[b-g3xoptl6fs] {
        flex: none;
        width: 100%;
    }
}
/* /Pages/Tramites/ConfigParametrosTramite.razor.rz.scp.css */
/* ── Layout de dos paneles ───────────────────────────────── */

.dos-paneles[b-u7aqoy0kj3] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0;
    overflow: hidden;
}

.dos-paneles--con-panel[b-u7aqoy0kj3] {
    grid-template-columns: 1fr 400px;
    height: calc(100vh - 280px);
}

.panel-tabla[b-u7aqoy0kj3] {
    overflow-y: auto;
    padding: 12px 14px;
    background: #f4f6fb;
}

.panel-formulario[b-u7aqoy0kj3] {
    border-left: 1px solid #e0e4ef;
    overflow-y: auto;
    background: #fff;
    display: flex;
    flex-direction: column;
}

/* ── Tira de metadatos del trámite ───────────────────────── */

.tramite-info-strip[b-u7aqoy0kj3] {
    display: flex;
    align-items: stretch;
    background: #f4f6fb;
    border-bottom: 1px solid #e0e4ef;
    flex-wrap: wrap;
}

.tramite-info-strip__item[b-u7aqoy0kj3] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 8px 20px;
    border-right: 1px solid #e0e4ef;
}

.tramite-info-strip__item:last-child[b-u7aqoy0kj3] { border-right: none; }
.tramite-info-strip__item--wide[b-u7aqoy0kj3] { flex: 1; }

.tramite-info-strip__label[b-u7aqoy0kj3] {
    font-size: 10px;
    font-weight: 700;
    color: #8899bb;
    letter-spacing: .5px;
    text-transform: uppercase;
    margin-bottom: 2px;
}

.tramite-info-strip__value[b-u7aqoy0kj3] {
    font-size: 13px;
    font-weight: 600;
    color: #1a1a2e;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 280px;
}

/* ── Stats strip ─────────────────────────────────────────── */

.stats-strip[b-u7aqoy0kj3] {
    display: flex;
    gap: 0;
    border-bottom: 1px solid #e0e4ef;
    background: #fff;
    flex-wrap: wrap;
}

.stat-item[b-u7aqoy0kj3] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 10px 20px;
    border-right: 1px solid #e0e4ef;
    min-width: 80px;
}

.stat-item:last-child[b-u7aqoy0kj3] { border-right: none; }

.stat-value[b-u7aqoy0kj3] {
    font-size: 20px;
    font-weight: 700;
    color: #2c3e70;
    line-height: 1;
}

.stat-label[b-u7aqoy0kj3] {
    font-size: 11px;
    color: #8899bb;
    margin-top: 3px;
    white-space: nowrap;
}

/* ── Panel formulario header ─────────────────────────────── */

.panel-formulario__header[b-u7aqoy0kj3] {
    padding: 12px 14px 10px;
    border-bottom: 1px solid #eef0f8;
    flex-shrink: 0;
}

.panel-formulario__titulo[b-u7aqoy0kj3] {
    font-size: 13px;
    font-weight: 700;
    color: #2c3e70;
}

/* ── Chips de tipo de dato ───────────────────────────────── */

.tipo-chip[b-u7aqoy0kj3] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 700;
    font-family: monospace;
    white-space: nowrap;
}

.tipo-chip--text[b-u7aqoy0kj3]    { background: #e8f0fe; color: #2244aa; }
.tipo-chip--string[b-u7aqoy0kj3]  { background: #e8f0fe; color: #2244aa; }
.tipo-chip--bool[b-u7aqoy0kj3]    { background: #fff3cd; color: #856404; }
.tipo-chip--int[b-u7aqoy0kj3]     { background: #e6f4ea; color: #1e7e34; }
.tipo-chip--decimal[b-u7aqoy0kj3] { background: #e6f4ea; color: #1e7e34; }
.tipo-chip--date[b-u7aqoy0kj3]    { background: #f0e8fe; color: #7c3aed; }
.tipo-chip--datetime[b-u7aqoy0kj3]{ background: #f0e8fe; color: #7c3aed; }
.tipo-chip--json[b-u7aqoy0kj3]    { background: #fce8f8; color: #aa2288; }
.tipo-chip--uuid[b-u7aqoy0kj3]    { background: #e0f7f4; color: #0d7a6e; }
.tipo-chip--email[b-u7aqoy0kj3]   { background: #fce8f8; color: #aa2288; }

/* UsadoEn */
.tipo-chip--recurso[b-u7aqoy0kj3]   { background: #e8f0fe; color: #2244aa; }
.tipo-chip--traslado[b-u7aqoy0kj3]  { background: #f0e8fe; color: #7c3aed; }
.tipo-chip--warning[b-u7aqoy0kj3]   { background: #fff3cd; color: #856404; }

/* ── td-code y td-default ────────────────────────────────── */

.td-code[b-u7aqoy0kj3] {
    font-family: 'Courier New', monospace;
    font-size: 12px;
    font-weight: 700;
    color: #3a57e8;
    background: #f0f4ff;
    padding: 2px 6px;
    border-radius: 4px;
    display: inline-block;
}

.td-default[b-u7aqoy0kj3] {
    font-family: monospace;
    font-size: 11px;
    color: #7c3aed;
    background: #f8f4ff;
    padding: 2px 6px;
    border-radius: 4px;
}

.col-nombre[b-u7aqoy0kj3] { font-weight: 600; color: #1a1a2e; font-size: 13px; }
.td-sub[b-u7aqoy0kj3]     { font-size: 11px; color: #8899aa; margin-top: 2px; }
.valor-no[b-u7aqoy0kj3]   { font-size: 11px; color: #c0c8d8; }

/* ── Estado chips ────────────────────────────────────────── */

.estado-chip[b-u7aqoy0kj3] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 3px 8px;
    border-radius: 20px;
    font-size: 11.5px;
    font-weight: 600;
    background: #f4f6fb;
    color: #7788aa;
}

.estado-chip--activo[b-u7aqoy0kj3]  { background: #e6f4ea; color: #1e7e34; }
.estado-chip--inactivo[b-u7aqoy0kj3]{ background: #fde8e8; color: #cc2222; }

.dot[b-u7aqoy0kj3] {
    width: 7px; height: 7px;
    border-radius: 50%;
    display: inline-block;
}
.dot--activo[b-u7aqoy0kj3]  { background: #1e7e34; }
.dot--inactivo[b-u7aqoy0kj3]{ background: #cc2222; }

/* ── Formulario ──────────────────────────────────────────── */

.form-row[b-u7aqoy0kj3] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-bottom: 12px;
}

.form-row--switch[b-u7aqoy0kj3] {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 4px 0;
}

.campo-requerido-label[b-u7aqoy0kj3]::after { content: " *"; color: #e53e3e; }

.expr-hint[b-u7aqoy0kj3] {
    font-size: 11px;
    color: #8899aa;
    margin-top: 2px;
}

/* ── Fila seleccionada ───────────────────────────────────── */

:::deep .fila-seleccionada td[b-u7aqoy0kj3] {
    background: #e8ecf8 !important;
    font-weight: 500;
}
/* /Pages/Tramites/ConfigReglaProcedencia.razor.rz.scp.css */
/* ── Layout de dos paneles ───────────────────────────────── */

.dos-paneles[b-g0ewq0fofv] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0;
    overflow: hidden;
}

.dos-paneles--con-panel[b-g0ewq0fofv] {
    grid-template-columns: 1fr 420px;
    height: calc(100vh - 280px);
}

.panel-tabla[b-g0ewq0fofv] {
    overflow-y: auto;
    padding: 12px 14px;
    background: #f4f6fb;
}

.panel-formulario[b-g0ewq0fofv] {
    border-left: 1px solid #e0e4ef;
    overflow-y: auto;
    background: #fff;
}

/* ── Tira de metadatos del trámite ───────────────────────── */

.tramite-info-strip[b-g0ewq0fofv] {
    display: flex;
    align-items: stretch;
    background: #f4f6fb;
    border-bottom: 1px solid #e0e4ef;
    flex-wrap: wrap;
}

.tramite-info-strip__item[b-g0ewq0fofv] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 8px 20px;
    border-right: 1px solid #e0e4ef;
}

.tramite-info-strip__item:last-child[b-g0ewq0fofv] {
    border-right: none;
}

.tramite-info-strip__item--wide[b-g0ewq0fofv] {
    flex: 1;
}

.tramite-info-strip__label[b-g0ewq0fofv] {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.6px;
    color: #8899aa;
    text-transform: uppercase;
    line-height: 1.2;
}

.tramite-info-strip__value[b-g0ewq0fofv] {
    font-size: 13px;
    font-weight: 600;
    color: #1a2b5e;
    display: flex;
    align-items: center;
    gap: 5px;
    margin-top: 2px;
}

/* ── Dot de estado ───────────────────────────────────────── */

.dot[b-g0ewq0fofv] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    display: inline-block;
    flex-shrink: 0;
}

.dot--activo[b-g0ewq0fofv]   { background: #28a745; }
.dot--inactivo[b-g0ewq0fofv] { background: #dc3545; }

/* ── Tira de estadísticas ────────────────────────────────── */

.stats-strip[b-g0ewq0fofv] {
    display: flex;
    gap: 0;
    border-bottom: 1px solid #e0e4ef;
}

.stat-item[b-g0ewq0fofv] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 10px 20px;
    border-right: 1px solid #e0e4ef;
    min-width: 80px;
}

.stat-item:last-child[b-g0ewq0fofv] {
    border-right: none;
}

.stat-item--warning[b-g0ewq0fofv] {
    background: #fffbf0;
}

.stat-value[b-g0ewq0fofv] {
    font-size: 22px;
    font-weight: 700;
    color: #0033A0;
    line-height: 1.1;
}

.stat-label[b-g0ewq0fofv] {
    font-size: 10px;
    color: #6b7a99;
    text-transform: uppercase;
    letter-spacing: .05em;
    margin-top: 2px;
}

/* ── Fila seleccionada en la tabla ───────────────────────── */

[b-g0ewq0fofv] .fila-seleccionada td {
    background: #e8ecf8 !important;
    font-weight: 500;
}

/* ── Cabecera del panel de edición ───────────────────────── */

.panel-formulario__header[b-g0ewq0fofv] {
    padding: 12px 14px 10px;
    border-bottom: 1px solid #edf0f8;
    background: #fafbfe;
}

.panel-formulario__titulo[b-g0ewq0fofv] {
    font-size: 13px;
    font-weight: 600;
    color: #334466;
    letter-spacing: 0.2px;
}

/* ── Filas del formulario ────────────────────────────────── */

.form-row[b-g0ewq0fofv] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-bottom: 12px;
}

.form-row--switch[b-g0ewq0fofv] {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
}

.campo-requerido-label[b-g0ewq0fofv]::after {
    content: " *";
    color: #e53e3e;
}

/* ── Columna nombre ──────────────────────────────────────── */

.col-nombre[b-g0ewq0fofv] {
    font-size: 13px;
    font-weight: 600;
    color: #1a2b5e;
    white-space: normal;
    display: block;
    word-break: break-word;
    line-height: 1.4;
    min-width: 160px;
}

/* ── Chip de tipo de regla ───────────────────────────────── */

.tipo-chip[b-g0ewq0fofv] {
    display: inline-block;
    font-size: 11px;
    font-weight: 700;
    border-radius: 4px;
    padding: 2px 8px;
    letter-spacing: 0.3px;
    text-transform: uppercase;
}

.tipo-chip--recurso[b-g0ewq0fofv] {
    background: #e3f0ff;
    color: #0050c8;
    border: 1px solid #b3d1ff;
}

.tipo-chip--silencio[b-g0ewq0fofv] {
    background: #fff4e3;
    color: #b35c00;
    border: 1px solid #ffd0a0;
}

.tipo-chip--traslado[b-g0ewq0fofv] {
    background: #f0e8ff;
    color: #6600cc;
    border: 1px solid #d4b3ff;
}

/* ── Valor catálogo ──────────────────────────────────────── */

.catalogo-valor[b-g0ewq0fofv] {
    font-size: 12px;
    color: #334466;
}

/* ── Chip de prioridad ───────────────────────────────────── */

.prioridad-chip[b-g0ewq0fofv] {
    display: inline-flex;
    align-items: center;
    font-size: 12px;
    font-weight: 700;
    color: #334466;
    background: #edf0f8;
    border-radius: 4px;
    padding: 2px 7px;
}

.prioridad-chip--dup[b-g0ewq0fofv] {
    background: #fff9e6;
    color: #8a5c00;
    border: 1px solid #ffe08a;
}

/* ── Valores negativos en celdas ─────────────────────────── */

.valor-no[b-g0ewq0fofv] {
    font-size: 12px;
    color: #aab2c8;
}

/* ── Chips de estado (Activo / Inactivo) ─────────────────── */

.estado-chip[b-g0ewq0fofv] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 12px;
    font-weight: 600;
    border-radius: 12px;
    padding: 2px 8px;
}

.estado-chip--activo[b-g0ewq0fofv] {
    color: #155724;
    background: #d4edda;
}

.estado-chip--inactivo[b-g0ewq0fofv] {
    color: #721c24;
    background: #f8d7da;
}

/* ── Editor de expresión: chips de variables ─────────────── */

.expr-chip-list[b-g0ewq0fofv] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin-top: 6px;
}

.expr-chip[b-g0ewq0fofv] {
    display: inline-block;
    font-family: monospace;
    font-size: 10px;
    background: #e8ecf8;
    color: #0033A0;
    border: 1px solid #c5cce8;
    border-radius: 4px;
    padding: 2px 7px;
    cursor: pointer;
    transition: background 0.15s, border-color 0.15s;
    user-select: none;
    white-space: nowrap;
}

.expr-chip:hover[b-g0ewq0fofv] {
    background: #d0d8f4;
    border-color: #0033A0;
}

.expr-chip--json[b-g0ewq0fofv] {
    background: #f0e8ff;
    color: #6600cc;
    border-color: #d4b3ff;
}

.expr-chip--json:hover[b-g0ewq0fofv] {
    background: #e4d4ff;
    border-color: #6600cc;
}

.expr-hint[b-g0ewq0fofv] {
    display: block;
    font-size: 10px;
    color: #8899aa;
    margin-top: 4px;
    line-height: 1.3;
}

/* ── Responsivo ──────────────────────────────────────────── */

@@media (max-width: 1024px) {
    .dos-paneles--con-panel[b-g0ewq0fofv] {
        grid-template-columns: 1fr;
        grid-template-rows: auto auto;
        height: auto;
    }

    .panel-formulario[b-g0ewq0fofv] {
        border-left: none;
        border-top: 1px solid #e0e4ef;
    }

    .tramite-info-strip__item--wide[b-g0ewq0fofv] {
        flex: none;
        width: 100%;
    }
}
/* /Pages/Tramites/ConfigTareasEtapa.razor.rz.scp.css */
/* ── Layout de tres paneles ──────────────────────────────── */

.tres-paneles[b-8c770672hv] {
    display: grid;
    grid-template-columns: 230px 1fr 310px;
    gap: 0;
    height: calc(100vh - 220px);
    overflow: hidden;
}

.panel-etapas[b-8c770672hv] {
    border-right: 1px solid #e0e4ef;
    overflow-y: auto;
    background: #fff;
}

.panel-tareas[b-8c770672hv] {
    overflow-y: auto;
    background: #f4f6fb;
    padding-bottom: 10px;
}

.panel-formulario[b-8c770672hv] {
    border-left: 1px solid #e0e4ef;
    overflow-y: auto;
    background: #fff;
}

/* ── Tira de metadatos del trámite ───────────────────────── */

.tramite-info-strip[b-8c770672hv] {
    display: flex;
    align-items: stretch;
    background: #f4f6fb;
    border-bottom: 1px solid #e0e4ef;
    flex-wrap: wrap;
}

.tramite-info-strip__item[b-8c770672hv] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 8px 20px;
    border-right: 1px solid #e0e4ef;
}

.tramite-info-strip__item:last-child[b-8c770672hv] {
    border-right: none;
}

.tramite-info-strip__item--wide[b-8c770672hv] {
    flex: 1;
}

.tramite-info-strip__label[b-8c770672hv] {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.6px;
    color: #8899aa;
    text-transform: uppercase;
    line-height: 1.2;
}

.tramite-info-strip__value[b-8c770672hv] {
    font-size: 13px;
    font-weight: 600;
    color: #1a2b5e;
    display: flex;
    align-items: center;
    gap: 5px;
    margin-top: 2px;
}

/* ── Dot (visible en info-strip) ─────────────────────────── */

.dot[b-8c770672hv] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    display: inline-block;
    flex-shrink: 0;
}

.dot--activo[b-8c770672hv]   { background: #28a745; }
.dot--inactivo[b-8c770672hv] { background: #dc3545; }

/* ── Cabecera del panel de tareas ────────────────────────── */

.panel-tareas__header[b-8c770672hv] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 14px 10px;
    background: #fff;
    border-bottom: 1px solid #e0e4ef;
    position: sticky;
    top: 0;
    z-index: 1;
}

.panel-tareas__titulo[b-8c770672hv] {
    font-size: 14px;
    font-weight: 700;
    color: #1a2b5e;
}

.panel-tareas__subtitulo[b-8c770672hv] {
    font-size: 11px;
    color: #8899aa;
    margin-top: 1px;
}

/* ── Estado vacío ────────────────────────────────────────── */

.panel-vacio[b-8c770672hv] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 48px 24px;
    color: #8899aa;
    text-align: center;
}

/* ── Cabecera del formulario derecho ─────────────────────── */

.panel-formulario__header[b-8c770672hv] {
    padding: 12px 14px 10px;
    border-bottom: 1px solid #edf0f8;
}

.panel-formulario__titulo[b-8c770672hv] {
    font-size: 13px;
    font-weight: 600;
    color: #334466;
    letter-spacing: 0.2px;
}

/* ── Responsivo ──────────────────────────────────────────── */

@@media (max-width: 1024px) {
    .tres-paneles[b-8c770672hv] {
        grid-template-columns: 1fr;
        grid-template-rows: auto auto auto;
        height: auto;
    }

    .panel-etapas[b-8c770672hv] {
        border-right: none;
        border-bottom: 1px solid #e0e4ef;
    }

    .panel-formulario[b-8c770672hv] {
        border-left: none;
        border-top: 1px solid #e0e4ef;
    }

    .tramite-info-strip__item--wide[b-8c770672hv] {
        flex: none;
        width: 100%;
    }
}
/* /Pages/Tramites/_SimuladorProcedencia.razor.rz.scp.css */
/* ── Contenedor principal ─────────────────────────────────── */

.simulador[b-baqqg7vd31] {
    display: flex;
    flex-direction: column;
}

/* ── Grid 2 columnas ─────────────────────────────────────── */

.sim-grid[b-baqqg7vd31] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px 24px;
    margin-bottom: 16px;
}

.sim-field[b-baqqg7vd31] {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.sim-field--disabled[b-baqqg7vd31] {
    opacity: 0.45;
    pointer-events: none;
}

.sim-label[b-baqqg7vd31] {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.5px;
    color: #5b6b8a;
    text-transform: uppercase;
}

.sim-label--req[b-baqqg7vd31]::after {
    content: " *";
    color: #e53e3e;
}

/* ── Barra de botones ────────────────────────────────────── */

.sim-actions[b-baqqg7vd31] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 16px;
    padding-top: 12px;
    border-top: 1px solid #e0e4ef;
}

/* ── Caja de resultado ───────────────────────────────────── */

.sim-resultado[b-baqqg7vd31] {
    border-radius: 8px;
    overflow: hidden;
    border: 1.5px solid;
    margin-bottom: 8px;
    animation: sim-fade-b-baqqg7vd31 0.2s ease;
}

@keyframes sim-fade-b-baqqg7vd31 {
    from { opacity: 0; transform: translateY(4px); }
    to   { opacity: 1; transform: translateY(0); }
}

.sim-resultado--procede[b-baqqg7vd31]    { border-color: #28a745; }
.sim-resultado--no-procede[b-baqqg7vd31] { border-color: #dc3545; }

/* ── Cabecera del veredicto ─────────────────────────────── */

.sim-veredicto[b-baqqg7vd31] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    font-weight: 700;
    padding: 10px 16px;
    color: #1a2b5e;
    background: #f8f9fc;
    border-bottom: 1px solid #e0e4ef;
}

.sim-dot[b-baqqg7vd31] { font-size: 16px; }
.sim-dot--procede[b-baqqg7vd31]    { color: #28a745; }
.sim-dot--no-procede[b-baqqg7vd31] { color: #dc3545; }

/* ── Cuerpo del resultado ────────────────────────────────── */

.sim-detalle[b-baqqg7vd31] {
    padding: 10px 16px 14px;
    background: #fff;
}

.sim-fila[b-baqqg7vd31] {
    display: flex;
    gap: 8px;
    padding: 4px 0;
    font-size: 12px;
    border-bottom: 1px solid rgba(0,0,0,0.05);
}

.sim-fila:last-of-type[b-baqqg7vd31] { border-bottom: none; }

.sim-clave[b-baqqg7vd31] {
    font-weight: 600;
    color: #6b7a99;
    flex-shrink: 0;
    min-width: 155px;
}

.sim-valor[b-baqqg7vd31] { color: #1a2b5e; }

.sim-valor--alerta[b-baqqg7vd31] {
    color: #dc3545;
    font-weight: 700;
}

.sim-observacion[b-baqqg7vd31] {
    margin-top: 10px;
    padding: 10px 14px;
    border-left: 3px solid #0033A0;
    background: #f4f6fb;
    border-radius: 0 6px 6px 0;
}

.sim-resultado--no-procede .sim-observacion[b-baqqg7vd31] {
    border-left-color: #dc3545;
}

.sim-observacion p[b-baqqg7vd31] {
    font-size: 12px;
    color: #334466;
    margin: 0;
    line-height: 1.5;
}

/* ── Responsivo ──────────────────────────────────────────── */

@@media (max-width: 540px) {
    .sim-grid[b-baqqg7vd31] { grid-template-columns: 1fr; }
}