@import '_content/Exides.Framework.Blazor/Exides.Framework.Blazor.ev8427k388.bundle.scp.css';

/* /Components/Account/VerifyToken.razor.rz.scp.css */
.vfy-page[b-0lhf1flwq4] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 28px;
    min-height: 100vh;
    padding: 24px;
    background-color: #f6f8f1;
}

.vfy-logo[b-0lhf1flwq4] {
    width: 180px;
    max-width: 60%;
    height: auto;
}

.vfy-card[b-0lhf1flwq4] {
    width: 100%;
    max-width: 460px;
    padding: 40px 32px;
    border-radius: .75rem;
    background-color: #fff;
    box-shadow: 0 2px 14px rgba(11, 11, 11, .08);
    text-align: center;
}

.vfy-icon[b-0lhf1flwq4] {
    font-size: 3rem;
    line-height: 1;
    margin-bottom: 16px;
}

.vfy-icon-ok[b-0lhf1flwq4] {
    color: #0ca30c;
}

.vfy-icon-ko[b-0lhf1flwq4] {
    color: #d03b3b;
}

.vfy-icon-wait[b-0lhf1flwq4] {
    color: #b6b8bd;
}

.vfy-title[b-0lhf1flwq4] {
    margin: 0 0 12px;
    font-size: 1.375rem;
    font-weight: 600;
    color: #0b0b0b;
}

.vfy-text[b-0lhf1flwq4] {
    margin: 0 0 20px;
    font-size: .9375rem;
    color: #4b4b56;
}

.vfy-detail[b-0lhf1flwq4] {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    margin: 0;
    padding: 10px 0;
    border-top: 1px solid #eceef1;
    font-size: .875rem;
    color: #4b4b56;
    text-align: left;
}

.vfy-label[b-0lhf1flwq4] {
    flex: 0 0 auto;
    font-weight: 600;
    color: #74788d;
}

.vfy-link[b-0lhf1flwq4] {
    display: inline-block;
    margin-top: 24px;
    font-size: .875rem;
    color: #288a8a;
}
/* /Components/Clients/Clients.razor.rz.scp.css */
.container-xxl[b-ygnzy5iwwl] {
    max-width: none;
}

.cnt-col[b-ygnzy5iwwl] {
    min-width: 0;
}

@media (min-width: 992px) {
    .cnt-row[b-ygnzy5iwwl] {
        height: calc(100vh - 110px);
    }

    .cnt-col[b-ygnzy5iwwl] {
        height: 100%;
    }
}

.cnt-tabs[b-ygnzy5iwwl] {
    padding: 0;
    display: flex;
    flex-direction: column;
    min-height: 0;
    min-width: 0;
    overflow: hidden;
}

.cnt-tabs[b-ygnzy5iwwl]  .e-tab {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    min-width: 0;
}

.cnt-tabs[b-ygnzy5iwwl]  .e-tab .e-content {
    flex: 1 1 auto;
    min-height: 0;
    min-width: 0;
    overflow-y: auto;
}

.cnt-tabs[b-ygnzy5iwwl]  .e-tab .e-tab-header {
    border-bottom: 1px solid #eceef1;
    min-width: 0;
}

.cnt-tab-body[b-ygnzy5iwwl] {
    padding: 20px 20px 24px;
}

.cli-usr-count[b-ygnzy5iwwl] {
    padding: 0 0 6px 2px;
    font-size: .75rem;
    color: #898781;
}

.cli-usr-empty[b-ygnzy5iwwl] {
    padding: 24px 16px;
    border: 1px dashed #d9dbe0;
    border-radius: .5rem;
    color: #898781;
    font-size: .8125rem;
}

.cli-usr-list[b-ygnzy5iwwl] {
    list-style: none;
    margin: 0;
    padding: 0;
    max-height: 420px;
    overflow-y: auto;
    border: 1px solid #eceef1;
    border-radius: .5rem;
    overflow-x: hidden;
}

.cli-usr-list-disabled[b-ygnzy5iwwl] {
    pointer-events: none;
    opacity: .6;
}

.cli-usr-item[b-ygnzy5iwwl] {
    padding: 12px 14px;
    border-bottom: 1px solid #eceef1;
    cursor: pointer;
    transition: background-color .15s ease;
}

    .cli-usr-item:last-child[b-ygnzy5iwwl] {
        border-bottom: 0;
    }

    .cli-usr-item:hover[b-ygnzy5iwwl] {
        background-color: #f7f7f9;
    }

.cli-usr-item-selected[b-ygnzy5iwwl] {
    /* Barra a la izquierda además del fondo: el color solo no debe ser lo
       único que marque la fila seleccionada. */
    background-color: #f0f4f9;
    box-shadow: inset 3px 0 0 0 #288a8a;
}

    .cli-usr-item-selected:hover[b-ygnzy5iwwl] {
        background-color: #f0f4f9;
    }

.cli-usr-name[b-ygnzy5iwwl] {
    font-weight: 600;
    color: #0b0b0b;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cli-usr-mail[b-ygnzy5iwwl] {
    display: flex;
    align-items: center;
    margin-top: 4px;
    font-size: .8125rem;
    color: #74788d;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

    .cli-usr-mail i[b-ygnzy5iwwl] {
        width: 14px;
        margin-right: 5px;
        font-size: .75rem;
        text-align: center;
        flex: 0 0 auto;
    }
/* /Components/Contractors/Contractors.razor.rz.scp.css */
/* ── ancho y alto de la pantalla ───────────────────────────────────────── */

/* container-xxl se queda en max-width 1440px y centrado a partir de 1400px de
   viewport (assets/vendor/css/rtl/core.css:711). Este master-detail con ocho
   pestañas necesita todo el ancho, así que aquí se levanta el tope.

   Se hace desde el CSS aislado y no cambiando la clase a container-fluid porque
   NavToolBar.razor lleva un <style> GLOBAL (no aislado) que le mete
   margin-top: -5px y margin-left: -15px a .container-fluid: en el wrapper de la
   página eso solapa el contenido con el navbar y provoca scroll horizontal. */
.container-xxl[b-z7o7z7h5xo] {
    max-width: none;
}

/* Las dos columnas ocupan el alto de la ventana. El 165px descuenta navbar,
   toolbar y el padding vertical del container (container-p-y).

   Solo a partir de lg, que es donde las dos columnas van una al lado de otra: por
   debajo se apilan, y fijarles el alto dejaría dos tarjetas de pantalla completa
   una encima de otra. */
.cnt-col[b-z7o7z7h5xo] {
    min-width: 0;
}

@media (min-width: 992px) {
    .cnt-row[b-z7o7z7h5xo] {
        height: calc(100vh - 110px);
    }

    .cnt-col[b-z7o7z7h5xo] {
        height: 100%;
    }
}


/* ── los seis círculos de estado ───────────────────────────────────────── */
.cnt-circles[b-z7o7z7h5xo] {
    display: flex;
    gap: 8px;
    margin-top: 10px;
}

.cnt-circle-link[b-z7o7z7h5xo] {
    cursor: pointer;
}

    .cnt-circle-link:hover[b-z7o7z7h5xo] {
        transform: scale(1.15);
        box-shadow: 0 1px 4px rgba(0, 0, 0, .25);
    }

.cnt-circle[b-z7o7z7h5xo] {
    /* inline-flex en vez de line-height: los iconos de Bootstrap son un
       ::before y así quedan centrados de verdad en el círculo. */
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    color: #495057;
    font-size: .9375rem;
    /* Los estados claros (blanco, amarillo) necesitan un borde para no
       desaparecer sobre el fondo de la tarjeta. */
    border: 1px solid rgba(11, 11, 11, .12);
    flex: 0 0 auto;
}

/* ── estados vacíos ────────────────────────────────────────────────────── */
.cnt-empty[b-z7o7z7h5xo] {
    padding: 24px 16px;
    font-size: .8125rem;
    color: #898781;
}


.cnt-detail-placeholder[b-z7o7z7h5xo] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 300px;
    color: #898781;
    font-size: .875rem;
}

/* ── pestañas del formulario de mantenimiento ──────────────────────────── */

/* Cadena de flex para que el scroll acabe en el contenido de la pestaña y no en
   la página: .card ya es flex column y .card-body flex: 1 1 auto (Bootstrap), así
   que basta seguir la cadena hacia dentro. El min-height: 0 de cada eslabón es
   imprescindible: sin él un hijo flex no baja de su contenido y el scroll se
   escapa al body. */
.cnt-tabs[b-z7o7z7h5xo] {
    /* Sin padding propio: el que hace falta lo pone cada panel, así la cabecera
       de pestañas llega de lado a lado de la tarjeta. */
    padding: 0;
    display: flex;
    flex-direction: column;
    min-height: 0;
    min-width: 0;
    overflow: hidden;
}

.cnt-tabs[b-z7o7z7h5xo]  .e-tab {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    min-width: 0;
}

.cnt-tabs[b-z7o7z7h5xo]  .e-tab .e-content {
    flex: 1 1 auto;
    min-height: 0;
    min-width: 0;
    overflow-y: auto;
}

/* La cabecera scrollea sola cuando no caben las ocho pestañas, pero conviene
   dejarle el borde inferior que separa cabecera de contenido. */
.cnt-tabs[b-z7o7z7h5xo]  .e-tab .e-tab-header {
    border-bottom: 1px solid #eceef1;
    min-width: 0;
    height: auto !important;
    min-height: auto;
    flex-shrink: 0;
}

.cnt-tabs[b-z7o7z7h5xo]  .e-tab .e-tab-header .e-toolbar-items.e-multirow {
    height: auto;
}

/* Cuerpo de una pestaña con formulario. El padding va aquí y no en .cnt-tabs
   para que la cabecera de pestañas siga llegando de lado a lado. */
.cnt-tab-body[b-z7o7z7h5xo] {
    padding: 20px 20px 24px;
}

/* ── listado maestro de recursos (trabajadores, vehículos, maquinaria) ─────
   Mismo lenguaje visual que el listado de contratistas de la izquierda, más la
   barra de progreso de documentación que traía el ListView del ASP. */

/* El listado ocupa todo el alto de la izquierda y el detalle todo el de la
   derecha, cada uno con su scroll, igual que el col-md-3 / col-md-9 del ASP.
   Solo de lg hacia arriba: apilados, el alto fijo dejaría dos bloques de
   pantalla completa uno encima de otro.

   El 300px descuenta lo mismo que .cnt-row (165px) más la cabecera de pestañas
   y el padding de .cnt-tab-body. Es el número a tocar si sobra o falta hueco. */
@media (min-width: 992px) {
    .cnt-res-row[b-z7o7z7h5xo] {
        height: calc(100vh - 245px);
    }

    .cnt-res-col[b-z7o7z7h5xo] {
        height: 100%;
    }

    .cnt-res-detail[b-z7o7z7h5xo] {
        overflow-y: auto;
    }
}

/* Las etiquetas flotantes de Syncfusion se posicionan por encima del borde
   superior del input, así que necesitan hueco propio: sin él, el overflow de la
   columna las recorta. El padding del gutter no sirve porque la fila interior lo
   cancela con su margin-top negativo. */
.cnt-res-detail[b-z7o7z7h5xo] {
    padding-top: 14px;
}

.cnt-res-col[b-z7o7z7h5xo] {
    min-width: 0;
}

.cnt-res-list[b-z7o7z7h5xo] {
    list-style: none;
    margin: 0;
    padding: 0;
    height: 100%;
    max-height: 320px;
    overflow-y: auto;
    border: 1px solid #eceef1;
    border-radius: .5rem;
    background-color: #fff;
}

@media (min-width: 992px) {
    .cnt-res-list[b-z7o7z7h5xo] {
        max-height: none;
    }
}

.cnt-res-item[b-z7o7z7h5xo] {
    padding: 10px 12px;
    border-bottom: 1px solid #eceef1;
    cursor: pointer;
    transition: background-color .15s ease;
}

    .cnt-res-item:last-child[b-z7o7z7h5xo] {
        border-bottom: 0;
    }

    .cnt-res-item:hover[b-z7o7z7h5xo] {
        background-color: #f7f7f9;
    }

.cnt-res-item-selected[b-z7o7z7h5xo] {
    background-color: #f0f4f9;
    box-shadow: inset 3px 0 0 0 #288a8a;
}

    .cnt-res-item-selected:hover[b-z7o7z7h5xo] {
        background-color: #f0f4f9;
    }

.cnt-res-head[b-z7o7z7h5xo] {
    display: flex;
    align-items: center;
    gap: 6px;
}

/* El nombre se queda con lo que sobre; el aviso y el porcentaje nunca se parten. */
.cnt-res-name[b-z7o7z7h5xo] {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 600;
    color: #0b0b0b;
    font-size: .8125rem;
}

.cnt-res-alert[b-z7o7z7h5xo] {
    flex: 0 0 auto;
    color: #fab219;
    font-size: .8125rem;
}

.cnt-res-pct[b-z7o7z7h5xo] {
    flex: 0 0 auto;
    color: #74788d;
    font-size: .75rem;
}

.cnt-res-cif[b-z7o7z7h5xo] {
    display: flex;
    align-items: center;
    margin-top: 3px;
    font-size: .75rem;
    color: #74788d;
}

    .cnt-res-cif .cnt-res-position[b-z7o7z7h5xo] {
        margin-left: 8px;
        padding-left: 8px;
        border-left: 1px solid #d0d4da;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        min-width: 0;
    }

    .cnt-res-cif i[b-z7o7z7h5xo] {
        width: 14px;
        margin-right: 5px;
        text-align: center;
        flex: 0 0 auto;
    }

.cnt-res-bar[b-z7o7z7h5xo] {
    margin-top: 7px;
    height: 4px;
    border-radius: 2px;
    background-color: #eceef1;
    overflow: hidden;
}

.cnt-res-bar-fill[b-z7o7z7h5xo] {
    height: 100%;
    background-color: #0ca30c;
}

/* Aviso en la cabecera de pestaña: hay documentación a punto de caducar en
   alguno de los elementos de esa pestaña. Equivale a los workerWarning /
   vehiclesWarning / machineryWarning de la aplicación ASP. */
.cnt-tab-alert[b-z7o7z7h5xo] {
    margin-left: 6px;
    color: #fab219;
    font-size: .8125rem;
}

/* Con HeaderTemplate el icono lo ponemos nosotros, así que hay que darle la
   separación que el IconCss de TabHeader traía de serie. */
.cnt-tab-icon[b-z7o7z7h5xo] {
    margin-right: 6px;
}

/* ── sub-pestañas dentro de una pestaña ───────────────────────────────────── */

.cnt-subtabs[b-z7o7z7h5xo]  .e-tab .e-tab-header {
    border-bottom: 1px solid #eceef1;
}

.cnt-subtab-body[b-z7o7z7h5xo] {
    padding: 16px 4px 4px;
    min-height: 120px;
}

/* ── obras como subcontratista ─────────────────────────────────────────────
   Solo lectura. Mismo lenguaje visual que el listado de contratistas de la
   izquierda (bloque redondeado, filas pegadas con separador) para que la
   pantalla no parezca de dos autores distintos. */

.cnt-sub-list[b-z7o7z7h5xo] {
    list-style: none;
    margin: 0;
    padding: 0;
    max-height: 160px;
    overflow-y: auto;
    border: 1px solid #eceef1;
    border-radius: .5rem;
    background-color: #fff;
}

.cnt-sub-item[b-z7o7z7h5xo] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 8px 12px;
    border-bottom: 1px solid #eceef1;
    font-size: .8125rem;
}

    .cnt-sub-item:last-child[b-z7o7z7h5xo] {
        border-bottom: 0;
    }

/* El título se lleva el espacio que sobre y la fecha nunca se parte. */
.cnt-sub-title[b-z7o7z7h5xo] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cnt-sub-date[b-z7o7z7h5xo] {
    flex: 0 0 auto;
    color: #74788d;
    white-space: nowrap;
}

    .cnt-sub-date i[b-z7o7z7h5xo] {
        margin-right: 5px;
    }

.cnt-sub-empty[b-z7o7z7h5xo] {
    padding: 8px 12px;
    border: 1px dashed #d9dbe0;
    border-radius: .5rem;
    color: #898781;
    font-size: .8125rem;
}

.cnt-res-contracts[b-z7o7z7h5xo] {
    max-height: 220px;
}

    .cnt-res-contracts .cnt-sub-item[b-z7o7z7h5xo] {
        justify-content: flex-start;
        gap: 10px;
    }

    .cnt-res-contracts .cnt-sub-title[b-z7o7z7h5xo] {
        flex: 1 1 auto;
    }

.cnt-sub-item-locked[b-z7o7z7h5xo] {
    background-color: #fafafa;
    color: #898781;
}

/* Lista de lo que aún falta por montar en la pestaña. Es andamiaje: cuando el
   panel esté completo, esta regla y su marcado se van. */
.cnt-tab-todo[b-z7o7z7h5xo] {
    padding: 12px 14px;
    border: 1px dashed #d9dbe0;
    border-radius: 6px;
    color: #898781;
    font-size: .8125rem;
}

    .cnt-tab-todo-title[b-z7o7z7h5xo] {
        display: block;
        margin-bottom: 4px;
        font-weight: 600;
        text-transform: uppercase;
        font-size: .75rem;
        letter-spacing: .04em;
    }

    .cnt-tab-todo ul[b-z7o7z7h5xo] {
        margin: 0;
        padding-left: 18px;
    }

/* Contenido provisional de una pestaña todavía sin rellenar. */
.cnt-tab-pending[b-z7o7z7h5xo] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 250px;
    color: #898781;
    font-size: .875rem;
}

    .cnt-tab-pending i[b-z7o7z7h5xo] {
        font-size: 1.5rem;
        opacity: .55;
    }

.cnt-logo-row[b-z7o7z7h5xo] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 18px;
}

.cnt-logo-side[b-z7o7z7h5xo] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    flex: 0 0 auto;
}

.cnt-logo-fields[b-z7o7z7h5xo] {
    flex: 1 1 320px;
    min-width: 0;
}

.cnt-logo[b-z7o7z7h5xo] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 140px;
    height: 88px;
    padding: 6px;
    border: 1px solid #eceef1;
    border-radius: .75rem;
    background-color: #f7f7f9;
    overflow: hidden;
    flex: 0 0 auto;
}

.cnt-logo-editable[b-z7o7z7h5xo] {
    cursor: pointer;
}

.cnt-logo-img[b-z7o7z7h5xo] {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
}

.cnt-logo-empty[b-z7o7z7h5xo] {
    font-size: 2rem;
    color: #b6b8bd;
}

.cnt-logo-overlay[b-z7o7z7h5xo] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(11, 11, 11, .45);
    color: #fff;
    font-size: 1.25rem;
    opacity: 0;
    transition: opacity .15s ease;
}

.cnt-logo-editable:hover .cnt-logo-overlay[b-z7o7z7h5xo],
.cnt-logo-editable:focus-within .cnt-logo-overlay[b-z7o7z7h5xo] {
    opacity: 1;
}

.cnt-logo-pending[b-z7o7z7h5xo] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    max-width: 120px;
    padding: 3px 9px;
    border-radius: 999px;
    background-color: #fff6e0;
    color: #8a6100;
    font-size: .6875rem;
    line-height: 1.25;
    text-align: center;
}

.cnt-detail-groups[b-z7o7z7h5xo] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 14px;
}

.cnt-detail-group[b-z7o7z7h5xo] {
    border: 1px solid #eceef1;
    border-radius: .5rem;
    padding: 10px 12px;
    background-color: #fff;
}

.cnt-detail-object[b-z7o7z7h5xo] {
    font-weight: 600;
    font-size: .8125rem;
    color: #0b0b0b;
    margin-bottom: 6px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cnt-detail-docs[b-z7o7z7h5xo] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 4px;
}

    .cnt-detail-docs li[b-z7o7z7h5xo] {
        font-size: .8125rem;
        color: #52514e;
        padding-left: 14px;
        position: relative;
    }

        .cnt-detail-docs li[b-z7o7z7h5xo]::before {
            content: "";
            position: absolute;
            left: 2px;
            top: .5em;
            width: 5px;
            height: 5px;
            border-radius: 50%;
            background-color: #b6b8bd;
        }

.cnt-skeleton-item[b-z7o7z7h5xo] {
    cursor: default;
}

    .cnt-skeleton-item:hover[b-z7o7z7h5xo] {
        background-color: transparent;
    }

.cnt-skeleton[b-z7o7z7h5xo] {
    display: block;
    height: 10px;
    border-radius: 4px;
    background-color: #eceef1;
    background-image: linear-gradient(90deg, #eceef1 0%, #f6f7f9 40%, #eceef1 80%);
    background-size: 300% 100%;
    animation: cnt-skeleton-shimmer-b-z7o7z7h5xo 1.4s ease-in-out infinite;
}

.cnt-skeleton-name[b-z7o7z7h5xo] {
    width: 55%;
}

.cnt-skeleton-cif[b-z7o7z7h5xo] {
    width: 35%;
    margin-top: 7px;
}

.cnt-skeleton-bar[b-z7o7z7h5xo] {
    width: 100%;
    height: 4px;
    margin-top: 9px;
}

.cnt-skeleton-check[b-z7o7z7h5xo] {
    width: 16px;
    height: 16px;
    border-radius: 4px;
    flex: 0 0 auto;
}

.cnt-skeleton-title[b-z7o7z7h5xo] {
    width: 60%;
    flex: 0 1 auto;
}

@keyframes cnt-skeleton-shimmer-b-z7o7z7h5xo {
    0% {
        background-position: 100% 0;
    }

    100% {
        background-position: 0 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    .cnt-skeleton[b-z7o7z7h5xo] {
        animation: none;
    }
}

.cnt-name-row[b-z7o7z7h5xo] {
    display: flex;
    align-items: center;
}

.cnt-name-text[b-z7o7z7h5xo] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cnt-sub-badge[b-z7o7z7h5xo] {
    display: inline-block;
    width: 1.6em;
    margin-left: 4px;
    border-radius: 0.8em;
    background-color: #93d2d2;
    color: #444;
    font-size: .7em;
    font-weight: 700;
    line-height: 1.6em;
    text-align: center;
    vertical-align: text-top;
}

.cnt-inline-error[b-z7o7z7h5xo] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: 8px;
    font-size: .8125rem;
    color: #d03b3b;
}

/* ── popup de búsqueda de trabajador por documento ────────────────────────── */

.cnt-dni-row[b-z7o7z7h5xo] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 12px;
}

    .cnt-dni-row .e-input-group[b-z7o7z7h5xo] {
        flex: 1 1 auto;
    }

.cnt-dni-results[b-z7o7z7h5xo] {
    list-style: none;
    margin: 0;
    padding: 0;
    max-height: 300px;
    overflow-y: auto;
}

.cnt-dni-item[b-z7o7z7h5xo] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 9px 4px;
    border-bottom: 1px solid #f2f3f5;
}

    .cnt-dni-item:last-child[b-z7o7z7h5xo] {
        border-bottom: 0;
    }

.cnt-dni-info[b-z7o7z7h5xo] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    flex: 1 1 auto;
}

.cnt-dni-name[b-z7o7z7h5xo] {
    font-size: .875rem;
    font-weight: 500;
    color: #4b4b56;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cnt-dni-company[b-z7o7z7h5xo] {
    font-size: .78rem;
    color: #74788d;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

    .cnt-dni-company i[b-z7o7z7h5xo] {
        margin-right: 5px;
    }

.cnt-dni-inactive[b-z7o7z7h5xo] {
    margin-left: 8px;
    padding: 1px 8px;
    border-radius: 999px;
    background-color: #fdecec;
    color: #d03b3b;
    font-size: .7rem;
    font-weight: 600;
}

.cnt-dni-go[b-z7o7z7h5xo] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    padding: 0;
    border: 0;
    border-radius: .375rem;
    background-color: #eceefe;
    color: #666cff;
    font-size: 1.05rem;
    flex-shrink: 0;
}

    .cnt-dni-go:hover[b-z7o7z7h5xo] {
        background-color: #666cff;
        color: #fff;
    }

/* ── recursos asignados a la obra seleccionada ────────────────────────────── */

.cnt-cres[b-z7o7z7h5xo] {
    margin-top: 18px;
}

.cnt-cres-title[b-z7o7z7h5xo] {
    font-size: .75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .3px;
    color: #74788d;
    margin-bottom: 10px;
}

.cnt-cres-group[b-z7o7z7h5xo] {
    margin-bottom: 14px;
}

.cnt-cres-head[b-z7o7z7h5xo] {
    display: flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 7px;
    font-size: .8125rem;
    font-weight: 600;
    color: #4b4b56;
}

    .cnt-cres-head i[b-z7o7z7h5xo] {
        color: #666cff;
    }

.cnt-cres-count[b-z7o7z7h5xo] {
    min-width: 20px;
    padding: 0 6px;
    border-radius: 999px;
    background-color: #eceefe;
    color: #666cff;
    font-size: .6875rem;
    font-weight: 700;
    text-align: center;
}

.cnt-cres-chips[b-z7o7z7h5xo] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.cnt-cres-chip[b-z7o7z7h5xo] {
    display: inline-flex;
    flex-direction: column;
    max-width: 100%;
    padding: 5px 12px;
    border: 1px solid #eceef1;
    border-radius: .5rem;
    background-color: #fff;
    line-height: 1.25;
}

.cnt-cres-desc[b-z7o7z7h5xo] {
    font-size: .8125rem;
    font-weight: 500;
    color: #4b4b56;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cnt-cres-detail[b-z7o7z7h5xo] {
    font-size: .7rem;
    color: #74788d;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cnt-sub-parent[b-z7o7z7h5xo] {
    display: inline-block;
    margin-right: 8px;
    padding: 1px 8px;
    border-radius: 999px;
    background-color: #eceefe;
    color: #666cff;
    font-size: .75rem;
    font-weight: 600;
    white-space: nowrap;
}


    .cnt-tab-pending small[b-z7o7z7h5xo] {
        color: #b6b8bd;
        font-size: .8125rem;
    }

.cnt-resend-btn[b-z7o7z7h5xo] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    padding: 0;
    border: 0;
    border-radius: .375rem;
    background-color: transparent;
    color: #74788d;
    font-size: .875rem;
    flex: 0 0 auto;
    transition: background-color .12s ease, color .12s ease;
}

    .cnt-resend-btn:hover:not(:disabled)[b-z7o7z7h5xo] {
        background-color: #eceefe;
        color: #666cff;
    }

    .cnt-resend-btn:disabled[b-z7o7z7h5xo] {
        opacity: .35;
    }
/* /Components/Contracts/Contracts.razor.rz.scp.css */
.container-xxl[b-bw3gn24ovv] {
    max-width: none;
}

.cnt-col[b-bw3gn24ovv] {
    min-width: 0;
}

@media (min-width: 992px) {
    .cnt-row[b-bw3gn24ovv] {
        height: calc(100vh - 110px);
    }

    .cnt-col[b-bw3gn24ovv] {
        height: 100%;
    }
}

.cnt-item-foot[b-bw3gn24ovv] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 4px;
}

    .cnt-item-foot .mst-line[b-bw3gn24ovv] {
        margin-top: 0;
    }

.cnt-circles[b-bw3gn24ovv] {
    display: flex;
    gap: 8px;
    margin-left: auto;
    flex: 0 0 auto;
}

.cnt-circle[b-bw3gn24ovv] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    color: #495057;
    font-size: .9375rem;
    border: 1px solid rgba(11, 11, 11, .12);
    flex: 0 0 auto;
}

.cnt-empty[b-bw3gn24ovv] {
    padding: 24px 16px;
    font-size: .8125rem;
    color: #898781;
}

.cnt-tabs[b-bw3gn24ovv] {
    padding: 0;
    display: flex;
    flex-direction: column;
    min-height: 0;
    min-width: 0;
    overflow: hidden;
}

.cnt-tabs[b-bw3gn24ovv]  .e-tab {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    min-width: 0;
}

.cnt-tabs[b-bw3gn24ovv]  .e-tab .e-content {
    flex: 1 1 auto;
    min-height: 0;
    min-width: 0;
    overflow-y: auto;
}

.cnt-tabs[b-bw3gn24ovv]  .e-tab .e-tab-header {
    border-bottom: 1px solid #eceef1;
    min-width: 0;
}

.cnt-tab-body[b-bw3gn24ovv] {
    padding: 20px 20px 24px;
}

.cnt-tab-pending[b-bw3gn24ovv] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 250px;
    color: #898781;
    font-size: .875rem;
}

    .cnt-tab-pending i[b-bw3gn24ovv] {
        font-size: 1.5rem;
        opacity: .55;
    }

.cnt-grid-body[b-bw3gn24ovv] {
    min-height: 0;
}

.cnt-detail-docs-wrap[b-bw3gn24ovv] {
    padding: 10px 6px;
}

.cnt-res-alert[b-bw3gn24ovv] {
    color: #fab219;
    font-size: .8125rem;
}

.cnt-sub-parent[b-bw3gn24ovv] {
    display: inline-block;
    margin-right: 8px;
    padding: 1px 8px;
    border-radius: 999px;
    background-color: #eceefe;
    color: #666cff;
    font-size: .75rem;
    font-weight: 600;
    white-space: nowrap;
    max-width: 160px;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
}
/* /Components/Documents/DocTypes.razor.rz.scp.css */
.container-xxl[b-2nrfrp79mf] {
    max-width: none;
}

.dt-col[b-2nrfrp79mf] {
    min-width: 0;
}

@media (min-width: 992px) {
    .dt-row[b-2nrfrp79mf] {
        height: calc(100vh - 110px);
    }

    .dt-col[b-2nrfrp79mf] {
        height: 100%;
    }
}

.dt-panel[b-2nrfrp79mf] {
    display: flex;
    flex-direction: column;
    min-height: 0;
}

.dt-tabs[b-2nrfrp79mf] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    padding-bottom: 12px;
    border-bottom: 1px solid #eceef1;
}

.dt-tab[b-2nrfrp79mf] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    height: 32px;
    padding: 0 12px;
    border: 1px solid #eceef1;
    border-radius: 999px;
    background-color: #fff;
    color: #74788d;
    font-size: .8125rem;
    font-weight: 500;
    cursor: pointer;
    transition: background-color .15s ease, color .15s ease, border-color .15s ease;
}

    .dt-tab:hover:not(:disabled)[b-2nrfrp79mf] {
        background-color: #f0f4f9;
        color: #288a8a;
    }

    .dt-tab:disabled[b-2nrfrp79mf] {
        cursor: default;
        opacity: .6;
    }

    .dt-tab i[b-2nrfrp79mf] {
        font-size: .875rem;
    }

.dt-tab-active[b-2nrfrp79mf],
.dt-tab-active:hover:not(:disabled)[b-2nrfrp79mf] {
    background-color: #288a8a;
    border-color: #288a8a;
    color: #fff;
}

.dt-tab-count[b-2nrfrp79mf] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    padding: 0 6px;
    border-radius: 999px;
    background-color: #eceef1;
    color: #74788d;
    font-size: .6875rem;
    font-weight: 600;
}

.dt-tab-active .dt-tab-count[b-2nrfrp79mf] {
    background-color: rgba(255, 255, 255, .25);
    color: #fff;
}

.dt-grid[b-2nrfrp79mf] {
    flex: 0 1 auto;
    min-height: 0;
    margin-top: 12px;
    overflow-y: auto;
    overflow-x: hidden;
}

.dt-editor[b-2nrfrp79mf] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    margin-top: 12px;
    flex-shrink: 0;
    padding-bottom: 12px;
}

.dt-fields[b-2nrfrp79mf] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 0 12px;
}

.dt-field[b-2nrfrp79mf] {
    min-width: 0;
}

.dt-field-name[b-2nrfrp79mf] {
    flex: 1 1 100%;
}

.dt-field-version[b-2nrfrp79mf] {
    flex: 0 0 90px;
}

.dt-field-expire[b-2nrfrp79mf] {
    flex: 0 0 205px;
}

.dt-field-months[b-2nrfrp79mf] {
    flex: 0 0 125px;
}

.dt-field-preval[b-2nrfrp79mf] {
    flex: 1 1 220px;
}

.dt-field-remarks[b-2nrfrp79mf] {
    flex: 1 1 320px;
}

.dt-flags[b-2nrfrp79mf] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 20px;
    flex: 0 0 auto;
    padding-top: 22px;
}

.dt-flag-on[b-2nrfrp79mf] {
    color: #288a8a;
    font-size: 1rem;
}

.dt-flag-off[b-2nrfrp79mf] {
    color: #c9ccd4;
    font-size: 1rem;
}

.dt-pill[b-2nrfrp79mf] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 26px;
    height: 22px;
    padding: 0 8px;
    border-radius: 999px;
    background-color: #e6f2f2;
    color: #288a8a;
    font-size: .75rem;
    font-weight: 600;
}

.dt-pill-none[b-2nrfrp79mf] {
    background-color: #fbe9e9;
    color: #d03b3b;
}

.dt-pill-all[b-2nrfrp79mf] {
    background-color: #eef0ff;
    color: #666cff;
}

.dt-head[b-2nrfrp79mf] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eceef1;
}

.dt-head-text[b-2nrfrp79mf] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.dt-title[b-2nrfrp79mf] {
    font-weight: 600;
    color: #0b0b0b;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dt-subtitle[b-2nrfrp79mf] {
    font-size: .75rem;
    color: #898781;
}

.dt-actions[b-2nrfrp79mf] {
    display: flex;
    gap: 6px;
    flex-shrink: 0;
}

.dt-action[b-2nrfrp79mf] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    padding: 0;
    border: 1px solid #eceef1;
    border-radius: .375rem;
    background-color: #fff;
    color: #74788d;
    font-size: .875rem;
    cursor: pointer;
    transition: background-color .15s ease, color .15s ease;
}

    .dt-action:hover:not(:disabled)[b-2nrfrp79mf] {
        background-color: #f0f4f9;
        color: #288a8a;
    }

    .dt-action:disabled[b-2nrfrp79mf] {
        cursor: default;
        opacity: .45;
    }

.dt-action-danger:hover:not(:disabled)[b-2nrfrp79mf] {
    background-color: #fbe9e9;
    color: #d03b3b;
}

.dt-action-ok[b-2nrfrp79mf] {
    color: #288a8a;
    border-color: #288a8a;
}

.dt-note[b-2nrfrp79mf] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 10px;
    padding: 8px 12px;
    border-radius: .5rem;
    background-color: #f7f7f9;
    color: #74788d;
    font-size: .8125rem;
}

    .dt-note i[b-2nrfrp79mf] {
        flex-shrink: 0;
        font-size: 1rem;
    }

.dt-note-general[b-2nrfrp79mf] {
    background-color: #eef0ff;
    color: #4b50c8;
}

.dt-list-wrap[b-2nrfrp79mf] {
    flex: 1 1 auto;
    min-height: 0;
    margin-top: 12px;
    overflow-y: auto;
    overflow-x: hidden;
}

@media (max-width: 991.98px) {
    .dt-list-wrap[b-2nrfrp79mf] {
        max-height: 60vh;
    }
}

.dt-profiles[b-2nrfrp79mf] {
    list-style: none;
    margin: 0;
    padding: 0;
    border: 1px solid #eceef1;
    border-radius: .5rem;
    overflow: hidden;
    background-color: #fff;
}

.dt-profile[b-2nrfrp79mf] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    border-bottom: 1px solid #eceef1;
    cursor: pointer;
    transition: background-color .15s ease;
}

    .dt-profile:last-child[b-2nrfrp79mf] {
        border-bottom: 0;
    }

    .dt-profile:hover[b-2nrfrp79mf] {
        background-color: #f7f7f9;
    }

.dt-profile-selected[b-2nrfrp79mf],
.dt-profile-selected:hover[b-2nrfrp79mf] {
    background-color: #f0f4f9;
    box-shadow: inset 3px 0 0 0 #288a8a;
}

.dt-profile-editing[b-2nrfrp79mf] {
    cursor: default;
}

.dt-profile-name[b-2nrfrp79mf] {
    flex: 1 1 auto;
    min-width: 0;
    font-weight: 500;
    color: #0b0b0b;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dt-profile-edit[b-2nrfrp79mf] {
    flex: 1 1 auto;
    min-width: 0;
}

.dt-profile-badge[b-2nrfrp79mf] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    flex-shrink: 0;
    padding: 1px 8px;
    border-radius: 999px;
    background-color: #eceef1;
    color: #74788d;
    font-size: .6875rem;
    font-weight: 600;
    white-space: nowrap;
}

.dt-empty[b-2nrfrp79mf] {
    padding: 24px 16px;
    font-size: .8125rem;
    color: #898781;
    text-align: center;
}
/* /Components/Documents/InformativeDocuments.razor.rz.scp.css */
.inf-page[b-o6nyp2icgo] {
    padding-top: 1rem !important;
    padding-bottom: .75rem !important;
}

.inf-col[b-o6nyp2icgo] {
    min-width: 0;
}

@media (min-width: 992px) {
    .inf-row[b-o6nyp2icgo] {
        height: calc(100vh - 100px);
    }

    .inf-col[b-o6nyp2icgo] {
        height: 100%;
    }
}

.inf-filters[b-o6nyp2icgo] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    padding: 10px 14px 0;
}

.inf-chip[b-o6nyp2icgo] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-width: 32px;
    height: 28px;
    padding: 0 10px;
    border: 1px solid #eceef1;
    border-radius: 999px;
    background-color: #fff;
    color: #74788d;
    font-size: .8125rem;
    cursor: pointer;
    transition: background-color .15s ease, color .15s ease, border-color .15s ease;
}

    .inf-chip:hover[b-o6nyp2icgo] {
        border-color: #666cff;
        color: #666cff;
    }

.inf-chip-active[b-o6nyp2icgo] {
    background-color: #666cff;
    border-color: #666cff;
    color: #fff;
}

    .inf-chip-active:hover[b-o6nyp2icgo] {
        color: #fff;
    }

.inf-chip-count[b-o6nyp2icgo] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    border-radius: 999px;
    background-color: #eceef1;
    color: #74788d;
    font-size: .6875rem;
    font-weight: 600;
}

.inf-chip-active .inf-chip-count[b-o6nyp2icgo] {
    background-color: rgba(255, 255, 255, .25);
    color: #fff;
}

.inf-chip-critical[b-o6nyp2icgo] {
    margin-left: auto;
}

    .inf-chip-critical:hover[b-o6nyp2icgo] {
        border-color: #d03b3b;
        color: #d03b3b;
    }

    .inf-chip-critical.inf-chip-active[b-o6nyp2icgo] {
        background-color: #d03b3b;
        border-color: #d03b3b;
        color: #fff;
    }

.inf-critical[b-o6nyp2icgo] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 1px 8px;
    border-radius: 999px;
    background-color: #fdecec;
    color: #d03b3b;
    font-size: .6875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .3px;
    white-space: nowrap;
    flex-shrink: 0;
}

.inf-missing[b-o6nyp2icgo] {
    color: #c98a00;
}

.mst-line.inf-read[b-o6nyp2icgo],
.mst-line.inf-unread[b-o6nyp2icgo],
.mst-line.inf-unread-critical[b-o6nyp2icgo] {
    font-weight: 600;
}

    .mst-line.inf-read i[b-o6nyp2icgo],
    .mst-line.inf-unread i[b-o6nyp2icgo],
    .mst-line.inf-unread-critical i[b-o6nyp2icgo] {
        width: 18px;
        font-size: 1.05rem;
        line-height: 1;
    }

.mst-line.inf-read[b-o6nyp2icgo],
.mst-line.inf-read i[b-o6nyp2icgo] {
    color: #28c76f;
}

.mst-line.inf-unread[b-o6nyp2icgo],
.mst-line.inf-unread i[b-o6nyp2icgo],
.mst-line.inf-unread-critical[b-o6nyp2icgo],
.mst-line.inf-unread-critical i[b-o6nyp2icgo] {
    color: #fdb528;
}

.inf-viewer-card[b-o6nyp2icgo] {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    transition: box-shadow .15s ease, border-color .15s ease;
}

    .inf-viewer-card.doc-drop-dragover[b-o6nyp2icgo] {
        border-color: #666cff;
        box-shadow: 0 0 0 3px rgba(102, 108, 255, .25);
    }

.inf-viewer-head[b-o6nyp2icgo] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 16px;
    border-bottom: 1px solid #eceef1;
}

.inf-viewer-title[b-o6nyp2icgo] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.inf-viewer-name[b-o6nyp2icgo] {
    font-weight: 600;
    color: #0b0b0b;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.inf-viewer-meta[b-o6nyp2icgo] {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: .8125rem;
    color: #74788d;
}

.inf-viewer-critical[b-o6nyp2icgo] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: #d03b3b;
    font-weight: 600;
}

.inf-actions[b-o6nyp2icgo] {
    display: flex;
    gap: 8px;
    flex-shrink: 0;
}

.inf-action-btn[b-o6nyp2icgo] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 32px;
    margin: 0;
    padding: 0 14px;
    border: 1px solid #eceef1;
    border-radius: .375rem;
    background-color: #fff;
    color: #74788d;
    font-size: .8125rem;
    font-weight: 500;
    cursor: pointer;
    transition: background-color .15s ease, color .15s ease, border-color .15s ease;
}

    .inf-action-btn:disabled[b-o6nyp2icgo],
    .inf-action-disabled[b-o6nyp2icgo] {
        opacity: .45;
        cursor: not-allowed;
        pointer-events: none;
    }

    .inf-action-btn:hover:not(:disabled)[b-o6nyp2icgo] {
        background-color: #f7f7f9;
        color: #4b4b56;
    }

.inf-action-download[b-o6nyp2icgo] {
    padding: 0 10px;
}

.inf-action-upload[b-o6nyp2icgo] {
    background-color: #666cff;
    border-color: #666cff;
    color: #fff;
}

    .inf-action-upload:hover:not(:disabled)[b-o6nyp2icgo] {
        background-color: #5a60e8;
        border-color: #5a60e8;
        color: #fff;
    }

.inf-action-read[b-o6nyp2icgo] {
    border-color: #28c76f;
    background-color: #e9f9f0;
    color: #28c76f;
    font-weight: 600;
    cursor: default;
}

    .inf-action-read i[b-o6nyp2icgo] {
        font-size: 1rem;
    }

.inf-viewer[b-o6nyp2icgo] {
    flex: 1 1 auto;
    min-height: 300px;
    overflow: hidden;
}

.inf-viewer-empty[b-o6nyp2icgo] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    height: 100%;
    margin: 0;
    padding: 32px 16px;
    color: #898781;
    font-size: .875rem;
    text-align: center;
}

    .inf-viewer-empty i[b-o6nyp2icgo] {
        font-size: 2.5rem;
        color: #c9ccd4;
    }

    .inf-viewer-empty small[b-o6nyp2icgo] {
        color: #a9abb3;
    }

.inf-drop-hint[b-o6nyp2icgo] {
    cursor: pointer;
    transition: color .15s ease;
}

    .inf-drop-hint:hover[b-o6nyp2icgo] {
        color: #666cff;
    }

        .inf-drop-hint:hover i[b-o6nyp2icgo] {
            color: #666cff;
        }

.inf-loader[b-o6nyp2icgo] {
    width: 32px;
    height: 32px;
    border: 3px solid #eceef1;
    border-top-color: #666cff;
    border-radius: 50%;
    animation: inf-spin-b-o6nyp2icgo .8s linear infinite;
}

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

@media (prefers-reduced-motion: reduce) {
    .inf-loader[b-o6nyp2icgo] {
        animation: none;
    }
}
/* /Components/Documents/PendingDocuments.razor.rz.scp.css */
.pnd-page[b-zwqe1cjfht] {
    padding-top: 1rem !important;
    padding-bottom: .75rem !important;
}

.pnd-col[b-zwqe1cjfht] {
    min-width: 0;
}

@media (min-width: 992px) {
    .pnd-row[b-zwqe1cjfht] {
        height: calc(100vh - 100px);
    }

    .pnd-col[b-zwqe1cjfht] {
        height: 100%;
    }
}

.pnd-filters[b-zwqe1cjfht] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    padding: 10px 14px 0;
}

.pnd-chip[b-zwqe1cjfht] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 32px;
    height: 28px;
    padding: 0 10px;
    border: 1px solid #eceef1;
    border-radius: 999px;
    background-color: #fff;
    color: #74788d;
    font-size: .8125rem;
    cursor: pointer;
    transition: background-color .15s ease, color .15s ease, border-color .15s ease;
}

    .pnd-chip:hover[b-zwqe1cjfht] {
        border-color: #666cff;
        color: #666cff;
    }

.pnd-chip-active[b-zwqe1cjfht] {
    background-color: #666cff;
    border-color: #666cff;
    color: #fff;
}

    .pnd-chip-active:hover[b-zwqe1cjfht] {
        color: #fff;
    }

.pnd-chip-critical[b-zwqe1cjfht] {
    margin-left: auto;
}

    .pnd-chip-critical:hover[b-zwqe1cjfht] {
        border-color: #d03b3b;
        color: #d03b3b;
    }

    .pnd-chip-critical.pnd-chip-active[b-zwqe1cjfht] {
        background-color: #d03b3b;
        border-color: #d03b3b;
        color: #fff;
    }
.pnd-chip-prevalidated:hover[b-zwqe1cjfht] {
    border-color: #288a8a;
    color: #288a8a;
}

.pnd-chip-prevalidated.pnd-chip-active[b-zwqe1cjfht] {
    background-color: #288a8a;
    border-color: #288a8a;
    color: #fff;
}

.pnd-chip-preval-failed:hover[b-zwqe1cjfht] {
    border-color: #b07908;
    color: #b07908;
}

.pnd-chip-preval-failed.pnd-chip-active[b-zwqe1cjfht] {
    background-color: #b07908;
    border-color: #b07908;
    color: #fff;
}

.pnd-preval-failed[b-zwqe1cjfht] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 1px 8px;
    border-radius: 999px;
    background-color: #fdf4e3;
    color: #b07908;
    font-size: .6875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .3px;
    white-space: nowrap;
    flex-shrink: 0;
}

.pnd-preval-strip-ok[b-zwqe1cjfht] {
    background-color: #f0f9f0;
}

    .pnd-preval-strip-ok i[b-zwqe1cjfht] {
        color: #0ca30c;
    }

.pnd-preval-strip-ko[b-zwqe1cjfht] {
    background-color: #fdf4e3;
}

    .pnd-preval-strip-ko i[b-zwqe1cjfht] {
        color: #b07908;
    }

.pnd-prevalidated[b-zwqe1cjfht] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 1px 8px;
    border-radius: 999px;
    background-color: #e6f2f2;
    color: #288a8a;
    font-size: .6875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .3px;
    white-space: nowrap;
    flex-shrink: 0;
}

.pnd-critical[b-zwqe1cjfht] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 1px 8px;
    border-radius: 999px;
    background-color: #fdecec;
    color: #d03b3b;
    font-size: .6875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .3px;
    white-space: nowrap;
    flex-shrink: 0;
}

.pnd-line[b-zwqe1cjfht] {
    display: flex;
    align-items: center;
    margin-top: 4px;
    font-size: .8125rem;
    color: #4b4b56;
    min-width: 0;
}

    .pnd-line i[b-zwqe1cjfht] {
        width: 14px;
        margin-right: 6px;
        font-size: .75rem;
        text-align: center;
        color: #74788d;
        flex-shrink: 0;
    }

    .pnd-line span[b-zwqe1cjfht] {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.pnd-doctype[b-zwqe1cjfht] {
    font-weight: 500;
}

.pnd-muted[b-zwqe1cjfht] {
    color: #74788d;
}

.pnd-dates[b-zwqe1cjfht] {
    display: flex;
    gap: 14px;
    margin-top: 4px;
    font-size: .8125rem;
    color: #74788d;
}

    .pnd-dates i[b-zwqe1cjfht] {
        margin-right: 5px;
        font-size: .75rem;
    }

.pnd-expired[b-zwqe1cjfht] {
    color: #d03b3b;
    font-weight: 600;
}

.pnd-viewer-card[b-zwqe1cjfht] {
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.pnd-viewer-head[b-zwqe1cjfht] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 16px;
    border-bottom: 1px solid #eceef1;
}

.pnd-viewer-title[b-zwqe1cjfht] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.pnd-viewer-doctype[b-zwqe1cjfht] {
    font-weight: 600;
    color: #0b0b0b;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pnd-viewer-object[b-zwqe1cjfht] {
    font-size: .8125rem;
    color: #74788d;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pnd-actions[b-zwqe1cjfht] {
    display: flex;
    gap: 8px;
    flex-shrink: 0;
}

.pnd-action-btn[b-zwqe1cjfht] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 32px;
    padding: 0 14px;
    border: 1px solid #eceef1;
    border-radius: .375rem;
    background-color: #fff;
    color: #74788d;
    font-size: .8125rem;
    font-weight: 500;
    cursor: pointer;
    transition: background-color .15s ease, color .15s ease, border-color .15s ease;
}

    .pnd-action-btn:disabled[b-zwqe1cjfht] {
        opacity: .45;
        cursor: not-allowed;
    }

    .pnd-action-btn:hover:not(:disabled)[b-zwqe1cjfht] {
        background-color: #f7f7f9;
        color: #4b4b56;
    }

.pnd-action-download[b-zwqe1cjfht] {
    padding: 0 10px;
}

.pnd-action-validate[b-zwqe1cjfht] {
    background-color: #0ca30c;
    border-color: #0ca30c;
    color: #fff;
}

    .pnd-action-validate:hover:not(:disabled)[b-zwqe1cjfht] {
        background-color: #0b8f0b;
        border-color: #0b8f0b;
        color: #fff;
    }

.pnd-action-reject[b-zwqe1cjfht] {
    background-color: #d03b3b;
    border-color: #d03b3b;
    color: #fff;
}

    .pnd-action-reject:hover:not(:disabled)[b-zwqe1cjfht] {
        background-color: #b93434;
        border-color: #b93434;
        color: #fff;
    }

.pnd-remarks[b-zwqe1cjfht] {
    display: flex;
    align-items: baseline;
    gap: 8px;
    padding: 8px 16px;
    border-bottom: 1px solid #eceef1;
    background-color: #fbfbff;
    font-size: .8125rem;
    color: #4b4b56;
}

    .pnd-remarks i[b-zwqe1cjfht] {
        color: #74788d;
        flex-shrink: 0;
    }

    .pnd-remarks span[b-zwqe1cjfht] {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

.pnd-viewer[b-zwqe1cjfht] {
    flex: 1 1 auto;
    min-height: 300px;
    overflow: hidden;
}

.pnd-image[b-zwqe1cjfht] {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    height: 100%;
    overflow: auto;
    background-color: #f8f8f9;
    padding: 12px;
}

    .pnd-image img[b-zwqe1cjfht] {
        max-width: 100%;
        height: auto;
        border-radius: .375rem;
    }

.pnd-viewer-empty[b-zwqe1cjfht] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    height: 100%;
    padding: 32px 16px;
    color: #898781;
    font-size: .875rem;
}

    .pnd-viewer-empty i[b-zwqe1cjfht] {
        font-size: 2.5rem;
        color: #c9ccd4;
    }

.pnd-download-btn[b-zwqe1cjfht] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: 4px;
    padding: 6px 16px;
    border: 0;
    border-radius: .375rem;
    background-color: #666cff;
    color: #fff;
    font-size: .8125rem;
    font-weight: 500;
    cursor: pointer;
    transition: background-color .15s ease;
}

    .pnd-download-btn:hover[b-zwqe1cjfht] {
        background-color: #5a60e8;
    }

.pnd-loader[b-zwqe1cjfht] {
    width: 32px;
    height: 32px;
    border: 3px solid #eceef1;
    border-top-color: #666cff;
    border-radius: 50%;
    animation: pnd-spin-b-zwqe1cjfht .8s linear infinite;
}

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

@media (prefers-reduced-motion: reduce) {
    .pnd-loader[b-zwqe1cjfht] {
        animation: none;
    }
}

.pnd-modal-backdrop[b-zwqe1cjfht] {
    position: fixed;
    inset: 0;
    z-index: 1090;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(34, 38, 48, .45);
}

.pnd-dates[b-zwqe1cjfht] {
    display: flex;
    gap: 12px;
    margin-top: 14px;
}

    .pnd-dates[b-zwqe1cjfht] >  * {
        flex: 1 1 0;
        min-width: 0;
    }

.pnd-modal[b-zwqe1cjfht] {
    width: min(480px, calc(100vw - 32px));
    padding: 20px;
    border-radius: .5rem;
    background-color: #fff;
    box-shadow: 0 10px 40px rgba(0, 0, 0, .2);
}

.pnd-modal-title[b-zwqe1cjfht] {
    margin: 0 0 4px;
    font-weight: 600;
    color: #0b0b0b;
}

.pnd-modal-doc[b-zwqe1cjfht] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 14px;
    font-size: .8125rem;
    color: #74788d;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pnd-modal-error[b-zwqe1cjfht] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: 8px;
    font-size: .8125rem;
    color: #d03b3b;
}

.pnd-modal-buttons[b-zwqe1cjfht] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 16px;
}

.pnd-zip[b-zwqe1cjfht] {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
}

.pnd-zip-head[b-zwqe1cjfht] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 16px;
    border-bottom: 1px solid #eceef1;
    background-color: #f8f8f9;
    font-size: .8125rem;
    font-weight: 600;
    color: #74788d;
    text-transform: uppercase;
    letter-spacing: .3px;
}

.pnd-zip-count[b-zwqe1cjfht] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 22px;
    height: 18px;
    padding: 0 6px;
    border-radius: 999px;
    background-color: #eceefe;
    color: #666cff;
    font-size: .6875rem;
}

.pnd-zip-list[b-zwqe1cjfht] {
    list-style: none;
    margin: 0;
    padding: 0;
    overflow-y: auto;
    flex: 1 1 auto;
}

.pnd-zip-item[b-zwqe1cjfht] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 16px;
    border-bottom: 1px solid #f2f3f5;
    font-size: .8125rem;
    color: #4b4b56;
    cursor: pointer;
    transition: background-color .15s ease;
}

    .pnd-zip-item:hover[b-zwqe1cjfht] {
        background-color: #f7f7f9;
    }

.pnd-zip-icon[b-zwqe1cjfht] {
    font-size: 1.05rem;
    color: #74788d;
    flex-shrink: 0;
}

.pnd-zip-name[b-zwqe1cjfht] {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pnd-zip-size[b-zwqe1cjfht] {
    color: #74788d;
    white-space: nowrap;
    flex-shrink: 0;
}

.pnd-zip-open[b-zwqe1cjfht] {
    font-size: .75rem;
    color: #c9ccd4;
    flex-shrink: 0;
}

.pnd-entry[b-zwqe1cjfht] {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
}

.pnd-entry-bar[b-zwqe1cjfht] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 12px;
    border-bottom: 1px solid #eceef1;
    background-color: #f8f8f9;
}

.pnd-entry-back[b-zwqe1cjfht] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 28px;
    padding: 0 10px;
    border: 1px solid #eceef1;
    border-radius: .375rem;
    background-color: #fff;
    color: #74788d;
    font-size: .8125rem;
    cursor: pointer;
    white-space: nowrap;
    flex-shrink: 0;
    transition: background-color .15s ease, color .15s ease;
}

    .pnd-entry-back:hover[b-zwqe1cjfht] {
        color: #666cff;
        border-color: #666cff;
    }

.pnd-entry-name[b-zwqe1cjfht] {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: .8125rem;
    font-weight: 500;
    color: #4b4b56;
}

.pnd-entry-size[b-zwqe1cjfht] {
    font-size: .75rem;
    color: #74788d;
    white-space: nowrap;
    flex-shrink: 0;
}

.pnd-entry-download[b-zwqe1cjfht] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border: 1px solid #eceef1;
    border-radius: .375rem;
    background-color: #fff;
    color: #74788d;
    cursor: pointer;
    flex-shrink: 0;
    transition: background-color .15s ease, color .15s ease;
}

    .pnd-entry-download:hover[b-zwqe1cjfht] {
        color: #666cff;
        border-color: #666cff;
    }

.pnd-entry-body[b-zwqe1cjfht] {
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
#blazor-error-ui[b-4hhgfbcr8q] {
    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-4hhgfbcr8q] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/NavToolBar.razor.rz.scp.css */
@media (max-width: 1200px) {
    .container-fluid[b-d054z3v0qe] {
        margin-left: 0px;
        transition: margin-left 0.3s ease;
    }

    .window-scrolled #exdtoolbar[b-d054z3v0qe] {
        margin-right: 100px;
    }

    .window-scrolled #navbar-ex-1[b-d054z3v0qe] {
        background-color: #f7f7f9;
        border-radius: 10px;
        padding: 20px;
    }

    #exdtoolbar[b-d054z3v0qe] {
        margin-left: 50px;
        margin-right: 80px;
        margin-top: -80px;
        transition: margin-right 0.3s ease;
    }

    .navbar-nav li.separator[b-d054z3v0qe] {
        display: block;
    }

    .navbar-nav li + li.separator:not(:empty)[b-d054z3v0qe]::before {
        content: ""; /* quitas el "|" */
        display: block;
        width: 100%;
        height: 1px;
        background-color: #ccc;
        margin: 6px 0; /* espacio arriba y abajo */
    }
}
/* /Components/Security/Profiles.razor.rz.scp.css */
.container-xxl[b-fn6t3hv3o2] {
    max-width: none;
}

.prf-col[b-fn6t3hv3o2] {
    min-width: 0;
}

@media (min-width: 992px) {
    .prf-row[b-fn6t3hv3o2] {
        height: calc(100vh - 110px);
    }

    .prf-col[b-fn6t3hv3o2] {
        height: 100%;
    }
}

.prf-detail[b-fn6t3hv3o2] {
    display: flex;
    flex-direction: column;
    min-height: 0;
}

.prf-tree[b-fn6t3hv3o2] {
    flex: 1 1 auto;
    min-height: 0;
    margin-top: 8px;
    overflow-y: auto;
    border: 1px solid #eceef1;
    border-radius: .5rem;
    background-color: #fff;
}

.prf-tree[b-fn6t3hv3o2]  .e-list-item.e-level-1.e-has-child > .e-text-content.e-icon-wrapper .e-checkbox-wrapper {
    display: none;
}
/* /Components/Settings/MasterTable.razor.rz.scp.css */
.container-xxl[b-l376ttyz15] {
    max-width: none;
}

.aux-col[b-l376ttyz15] {
    min-width: 0;
}

@media (min-width: 992px) {
    .aux-row[b-l376ttyz15] {
        height: calc(100vh - 110px);
    }

    .aux-col[b-l376ttyz15] {
        height: 100%;
    }
}

.aux-detail[b-l376ttyz15] {
    display: flex;
    flex-direction: column;
    min-height: 0;
}

.aux-head[b-l376ttyz15] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eceef1;
}

.aux-title[b-l376ttyz15] {
    font-weight: 600;
    color: #0b0b0b;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.aux-count[b-l376ttyz15] {
    flex-shrink: 0;
    font-size: .75rem;
    color: #898781;
}

.aux-values[b-l376ttyz15] {
    flex: 1 1 auto;
    min-height: 0;
    margin-top: 12px;
    overflow: hidden;
}

.aux-editor[b-l376ttyz15] {
    margin-top: 12px;
    flex-shrink: 0;
    padding-bottom: 20px;
}

.aux-empty[b-l376ttyz15] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    height: 100%;
    min-height: 160px;
    padding: 32px 16px;
    color: #898781;
    font-size: .875rem;
    text-align: center;
}

    .aux-empty i[b-l376ttyz15] {
        font-size: 2.5rem;
        color: #c9ccd4;
    }
/* /Components/Shared/DocumentList.razor.rz.scp.css */
.doc-list[b-jgmwcillh6] {
    border: 1px solid #eceef1;
    border-radius: .5rem;
    overflow: hidden;
    background-color: #fff;
}

.doc-head[b-jgmwcillh6],
.doc-row[b-jgmwcillh6] {
    display: grid;
    grid-template-columns: 44px 56px minmax(0, 1.7fr) minmax(0, 1.3fr) 104px 104px 84px;
    align-items: center;
    gap: 8px;
    padding: 0 12px;
}

.doc-head[b-jgmwcillh6] {
    height: 34px;
    background-color: #f8f8f9;
    border-bottom: 1px solid #eceef1;
    font-size: .75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .3px;
    color: #74788d;
}

.doc-row[b-jgmwcillh6] {
    min-height: 42px;
    border-bottom: 1px solid #f2f3f5;
    font-size: .8125rem;
    color: #4b4b56;
}

    .doc-row:last-child[b-jgmwcillh6] {
        border-bottom: 0;
    }

    .doc-row:hover[b-jgmwcillh6] {
        background-color: #fafaff;
    }

.doc-row-pending[b-jgmwcillh6] {
    color: #898781;
}

.doc-row-skeleton:hover[b-jgmwcillh6] {
    background-color: transparent;
}

.doc-skeleton[b-jgmwcillh6] {
    display: block;
    width: 100%;
    height: 10px;
    border-radius: 4px;
    background-color: #eceef1;
    background-image: linear-gradient(90deg, #eceef1 0%, #f6f7f9 40%, #eceef1 80%);
    background-size: 300% 100%;
    animation: doc-skeleton-shimmer-b-jgmwcillh6 1.4s ease-in-out infinite;
}

.doc-skeleton-short[b-jgmwcillh6] {
    width: 65%;
}

.doc-skeleton-icon[b-jgmwcillh6] {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    margin: 0 auto;
}

@keyframes doc-skeleton-shimmer-b-jgmwcillh6 {
    0% {
        background-position: 100% 0;
    }

    100% {
        background-position: 0 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    .doc-skeleton[b-jgmwcillh6] {
        animation: none;
    }
}

.doc-col-type[b-jgmwcillh6],
.doc-col-name[b-jgmwcillh6] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.doc-col-name[b-jgmwcillh6] {
    color: #74788d;
}

.doc-col-date[b-jgmwcillh6] {
    text-align: center;
    white-space: nowrap;
    color: #74788d;
}

.doc-expired[b-jgmwcillh6] {
    color: #d03b3b;
    font-weight: 600;
}

.doc-col-action[b-jgmwcillh6],
.doc-col-status[b-jgmwcillh6],
.doc-col-buttons[b-jgmwcillh6] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.doc-col-status[b-jgmwcillh6] {
    justify-content: center;
}

.doc-col-buttons[b-jgmwcillh6] {
    justify-content: flex-end;
}

.doc-status[b-jgmwcillh6] {
    font-size: 1rem;
    line-height: 1;
}

.doc-expiring[b-jgmwcillh6] {
    color: #fab219;
}

.doc-icon-btn[b-jgmwcillh6],
.doc-btn[b-jgmwcillh6] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    padding: 0;
    border: 0;
    border-radius: .375rem;
    background-color: transparent;
    color: #74788d;
    font-size: .9375rem;
    line-height: 1;
    transition: background-color .12s ease, color .12s ease;
}

    .doc-icon-btn:hover:not(:disabled)[b-jgmwcillh6],
    .doc-btn-edit:hover:not(:disabled)[b-jgmwcillh6] {
        background-color: #eceefe;
        color: #666cff;
    }

    .doc-icon-btn:disabled[b-jgmwcillh6],
    .doc-btn:disabled[b-jgmwcillh6] {
        opacity: .35;
        cursor: not-allowed;
    }

.doc-icon-up[b-jgmwcillh6] {
    color: #666cff;
}

.doc-btn-delete:hover:not(:disabled)[b-jgmwcillh6] {
    background-color: #fdecec;
    color: #d03b3b;
}

.doc-empty[b-jgmwcillh6] {
    padding: 14px 12px;
    color: #898781;
    font-size: .8125rem;
}

.doc-editor[b-jgmwcillh6] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 44px;
    gap: 16px;
    padding: 18px 16px 16px;
    background-color: #fbfbff;
    border-bottom: 1px solid #eceef1;
    border-left: 3px solid #666cff;
}

.doc-editor-buttons[b-jgmwcillh6] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.doc-btn-ok[b-jgmwcillh6],
.doc-btn-cancel[b-jgmwcillh6] {
    width: 34px;
    height: 34px;
    font-size: 1rem;
    color: #fff;
}

.doc-btn-ok[b-jgmwcillh6] {
    background-color: #0ca30c;
}

    .doc-btn-ok:hover[b-jgmwcillh6] {
        background-color: #0b8f0b;
    }

.doc-btn-cancel[b-jgmwcillh6] {
    background-color: #74788d;
}

    .doc-btn-cancel:hover[b-jgmwcillh6] {
        background-color: #63677a;
    }

@media (max-width: 991.98px) {
    .doc-head[b-jgmwcillh6],
    .doc-row[b-jgmwcillh6] {
        grid-template-columns: 40px 48px minmax(0, 1.6fr) minmax(0, 1fr) 84px;
    }

        .doc-head .doc-col-date[b-jgmwcillh6],
        .doc-row .doc-col-date[b-jgmwcillh6] {
            display: none;
        }

}

.doc-editor-error[b-jgmwcillh6] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin: 4px 2px 0;
    font-size: .8125rem;
    color: #d03b3b;
}
/* /Components/Shared/DocumentStatusCard.razor.rz.scp.css */
/* Tarjetas del dashboard: total + barra de reparto + filas de valores.
   Las filas hacen de leyenda y de vista de tabla a la vez, así que ningún
   valor depende del color ni del hover para poder leerse. */

/* ── el total ──────────────────────────────────────────────────────────── */
.doc-total[b-yl4241wglo] {
    font-size: 2rem;
    font-weight: 600;
    line-height: 1.1;
    color: #0b0b0b;
    /* cifras proporcionales a propósito: tabular-nums deja sueltos los
       números grandes. Solo se usa en las columnas que se alinean. */
}

.doc-total-label[b-yl4241wglo] {
    font-size: .8125rem;
    color: #52514e;
    margin-top: 2px;
}

/* ── barra de reparto ──────────────────────────────────────────────────── */
.doc-bar[b-yl4241wglo] {
    display: flex;
    gap: 2px; /* separación en color de superficie, no un borde por tramo */
    height: 28px;
    margin: 14px 0 12px;
}

    .doc-bar > span[b-yl4241wglo] {
        min-width: 3px; /* que un tramo del 0,03 % siga viéndose */
    }

    .doc-bar > span:first-child[b-yl4241wglo] {
        border-radius: 4px 0 0 4px;
    }

    .doc-bar > span:last-child[b-yl4241wglo] {
        border-radius: 0 4px 4px 0;
    }

    .doc-bar > span:only-child[b-yl4241wglo] {
        border-radius: 4px;
    }

/* ── filas: leyenda + valores ──────────────────────────────────────────── */
.doc-legend[b-yl4241wglo] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 6px;
}

    .doc-legend li[b-yl4241wglo] {
        display: grid;
        grid-template-columns: 10px 1fr auto auto;
        align-items: center;
        gap: 8px;
        font-size: .8125rem;
    }

.doc-dot[b-yl4241wglo] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
}

/* El texto nunca lleva el color del dato: el color va en el punto. */
.doc-name[b-yl4241wglo] {
    color: #52514e;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.doc-count[b-yl4241wglo] {
    color: #0b0b0b;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}

.doc-pct[b-yl4241wglo] {
    color: #52514e;
    font-variant-numeric: tabular-nums;
    min-width: 4.5ch;
    text-align: right;
}

.doc-empty[b-yl4241wglo] {
    font-size: .8125rem;
    color: #898781;
    padding: 18px 0 4px;
}

.doc-clickable[b-yl4241wglo] {
    cursor: pointer;
    border-radius: 4px;
    padding: 2px 4px;
    margin: 0 -4px;
    transition: background-color .12s ease;
}

    .doc-clickable:hover[b-yl4241wglo] {
        background-color: #f0f4f9;
    }

.doc-selected[b-yl4241wglo] {
    background-color: #f0f4f9;
    box-shadow: inset 2px 0 0 0 #288a8a;
}
/* /Components/Shared/MasterList.razor.rz.scp.css */
.mst-col[b-oova5x5ab0] {
    min-width: 0;
}

@media (min-width: 992px) {
    .mst-col[b-oova5x5ab0] {
        height: 100%;
    }
}

.mst-rail[b-oova5x5ab0] {
    display: flex;
    align-items: flex-start;
    padding-right: 0;
}

.mst-card[b-oova5x5ab0] {
    overflow: hidden;
}

.mst-head[b-oova5x5ab0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 10px 10px 0 14px;
}

.mst-search[b-oova5x5ab0] {
    flex: 1 1 auto;
    min-width: 0;
}

.mst-count[b-oova5x5ab0] {
    padding: 6px 14px 0 31px;
    font-size: .75rem;
    color: #898781;
}

.mst-collapse-btn[b-oova5x5ab0],
.mst-rail-btn[b-oova5x5ab0] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    padding: 0;
    border: 1px solid #eceef1;
    border-radius: .375rem;
    background-color: #fff;
    color: #74788d;
    font-size: .875rem;
    cursor: pointer;
    transition: background-color .15s ease, color .15s ease;
}

    .mst-collapse-btn:hover[b-oova5x5ab0],
    .mst-rail-btn:hover[b-oova5x5ab0] {
        background-color: #f0f4f9;
        color: #288a8a;
    }

.mst-body[b-oova5x5ab0] {
    padding: 12px;
    overflow-y: auto;
    overflow-x: hidden;
}

@media (max-width: 991.98px) {
    .mst-body[b-oova5x5ab0] {
        max-height: 60vh;
    }
}

.mst-list[b-oova5x5ab0] {
    list-style: none;
    margin: 0;
    padding: 0;
    border: 1px solid #eceef1;
    border-radius: .5rem;
    overflow: hidden;
    background-color: #fff;
}

.mst-item[b-oova5x5ab0] {
    padding: 12px 14px;
    border-bottom: 1px solid #eceef1;
    cursor: pointer;
    transition: background-color .15s ease;
}

    .mst-item:last-child[b-oova5x5ab0] {
        border-bottom: 0;
    }

    .mst-item:hover[b-oova5x5ab0] {
        background-color: #f7f7f9;
    }

.mst-item-selected[b-oova5x5ab0] {
    background-color: #f0f4f9;
    box-shadow: inset 3px 0 0 0 #288a8a;
}

    .mst-item-selected:hover[b-oova5x5ab0] {
        background-color: #f0f4f9;
    }

.mst-empty[b-oova5x5ab0] {
    padding: 24px 16px;
    font-size: .8125rem;
    color: #898781;
}

.mst-clear-btn[b-oova5x5ab0] {
    margin-top: 10px;
    padding: 4px 12px;
    border: 1px solid #eceef1;
    border-radius: .375rem;
    background-color: #fff;
    color: #74788d;
    font-size: .8125rem;
    cursor: pointer;
    transition: background-color .15s ease, color .15s ease;
}

    .mst-clear-btn:hover[b-oova5x5ab0] {
        background-color: #f0f4f9;
        color: #288a8a;
    }

.mst-item[b-oova5x5ab0]  .mst-name {
    font-weight: 600;
    color: #0b0b0b;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mst-item[b-oova5x5ab0]  .mst-item-head {
    display: flex;
    align-items: center;
    gap: 8px;
}

    .mst-item[b-oova5x5ab0]  .mst-item-head .mst-name {
        flex: 1 1 auto;
        min-width: 0;
    }

.mst-item[b-oova5x5ab0]  .mst-line {
    display: flex;
    align-items: center;
    margin-top: 4px;
    font-size: .8125rem;
    color: #74788d;
    min-width: 0;
}

    .mst-item[b-oova5x5ab0]  .mst-line i {
        width: 14px;
        margin-right: 5px;
        font-size: .75rem;
        text-align: center;
        flex: 0 0 auto;
    }

    .mst-item[b-oova5x5ab0]  .mst-line span {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.mst-item[b-oova5x5ab0]  .mst-badge {
    flex: 0 0 auto;
    padding: 1px 8px;
    border-radius: 999px;
    background-color: #eceef1;
    color: #74788d;
    font-size: .6875rem;
    font-weight: 600;
    white-space: nowrap;
}
/* /Components/Users/Users.razor.rz.scp.css */
.container-xxl[b-elujclrq3k] {
    max-width: none;
}

.cnt-col[b-elujclrq3k] {
    min-width: 0;
}

@media (min-width: 992px) {
    .cnt-row[b-elujclrq3k] {
        height: calc(100vh - 110px);
    }

    .cnt-col[b-elujclrq3k] {
        height: 100%;
    }
}

.cnt-detail[b-elujclrq3k] {
    min-height: 0;
    overflow-y: auto;
}

.usr-con-list[b-elujclrq3k] {
    list-style: none;
    margin: 0;
    padding: 0;
    max-height: 160px;
    overflow-y: auto;
    border: 1px solid #eceef1;
    border-radius: .5rem;
    background-color: #fff;
}

.usr-con-item[b-elujclrq3k] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 8px 12px;
    border-bottom: 1px solid #eceef1;
    font-size: .8125rem;
}

    .usr-con-item:last-child[b-elujclrq3k] {
        border-bottom: 0;
    }

/* El título se lleva el espacio que sobre y la fecha nunca se parte. */
.usr-con-title[b-elujclrq3k] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.usr-con-date[b-elujclrq3k] {
    flex: 0 0 auto;
    color: #74788d;
    white-space: nowrap;
}

    .usr-con-date i[b-elujclrq3k] {
        margin-right: 5px;
    }