@import '_content/Platform.Web/Platform.Web.v0fhdmyx0n.bundle.scp.css';

/* /Components/Conceptos/FormularioConcepto.razor.rz.scp.css */
.afectaciones[b-4x6n41o1vp] {
    padding: 0.75rem 1rem;
    background: var(--contab-acento-tenue);
    border-radius: var(--contab-radio);
}

.afectaciones .titulo[b-4x6n41o1vp] {
    display: block;
    font-weight: 600;
    margin-bottom: 0.35rem;
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-eigkycdooy] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-eigkycdooy] {
    flex: 1;
    /* Sin esto un contenido ancho (la grilla de movimientos) ensancha toda la página en vez de desplazarse dentro de su caja. */
    min-width: 0;
}

/* Pizarra sólida y profunda. Antes era un gradiente navy → morado de la plantilla
   de Blazor: llamativo y fuera de tono para contabilidad. Un color plano y sobrio
   deja que la barra sea un marco, no un protagonista. */
.sidebar[b-eigkycdooy] {
    background-color: #22303c;
    border-right: 1px solid #1b2731;
}

/* Barra superior oscura, del mismo tono que el recuadro "Contab" del sidebar:
   los dos forman un encabezado continuo de lado a lado (look de app shell), en
   vez de la barra casi blanca que quedaba partida contra el recuadro oscuro. */
.top-row[b-eigkycdooy] {
    background-color: #1b2731;
    border-bottom: 1px solid #141d25;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-eigkycdooy]  a, .top-row[b-eigkycdooy]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
        color: #cdd6de;   /* claro sobre la barra oscura */
    }

    .top-row[b-eigkycdooy]  a:hover, .top-row[b-eigkycdooy]  .btn-link:hover {
        text-decoration: underline;
        color: #fff;
    }

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

@media (max-width: 640.98px) {
    .top-row[b-eigkycdooy] {
        justify-content: space-between;
        gap: 0.75rem;
    }

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

/* El botón que oculta o muestra el menú: a la izquierda de la barra superior, como en AdminLTE. En el celular el menú ya tiene el suyo. */
.alternar-menu[b-eigkycdooy] {
    display: none;
    margin-right: auto;
    padding: 0.35rem;
    border: 0;
    border-radius: 6px;
    background: none;
    color: #cdd6de;
    line-height: 0;
    cursor: pointer;
}

    .alternar-menu:hover[b-eigkycdooy] {
        background-color: rgba(255, 255, 255, 0.1);
        color: #fff;
    }

@media (min-width: 641px) {
    .alternar-menu[b-eigkycdooy] {
        display: inline-flex;
    }

    .page[b-eigkycdooy] {
        flex-direction: row;
    }

    /* 260 y no 250: a "Bienes y depreciación" —la etiqueta más larga del menú— le faltaban 3 px para
       caber en una línea, y se partía en dos. Ensanchar la barra cuesta 10 px de contenido y arregla el
       caso; apretar el ícono para ganar esos 3 px habría dejado el menú al borde de volver a partirse
       con cualquier fuente distinta. Medido, no estimado. */
    .sidebar[b-eigkycdooy] {
        width: 260px;
        height: 100vh;
        position: sticky;
        top: 0;
        flex: none;
        transition: width 0.3s ease-in-out;
    }

    /* Menú oculto: la barra se reduce a una columna de íconos. El interior se sale de la columna (posición absoluta) y se
       ensancha al pasar el mouse por encima, tapando el contenido sin empujarlo; al salir vuelve a encogerse. */
    .page.menu-oculto .sidebar[b-eigkycdooy] {
        width: 4.6rem;
        z-index: 30;   /* por encima de la barra superior (z-index 1) cuando se despliega */
    }

    .page.menu-oculto .sidebar-interior[b-eigkycdooy] {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 30;
        width: 4.6rem;
        height: 100vh;
        overflow: hidden;
        background-color: #22303c;
        border-right: 1px solid #1b2731;
        transition: width 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
    }

    .page.menu-oculto .sidebar-interior:hover[b-eigkycdooy],
    .page.menu-oculto .sidebar-interior:has(:focus-visible)[b-eigkycdooy] {
        width: 260px;
        box-shadow: 6px 0 20px rgba(0, 0, 0, 0.35);
    }

    /* En la columna angosta solo se ven los íconos: el texto de cada ítem (un nodo de texto suelto) se esconde con tamaño 0,
       los títulos de sección pasan a ser una línea fina y la marca queda solo con su logo. */
    .page.menu-oculto .sidebar-interior:not(:hover):not(:has(:focus-visible))[b-eigkycdooy]  .nav-link {
        font-size: 0;
        padding-left: 0;
        padding-right: 0;
        justify-content: center;
    }

    .page.menu-oculto .sidebar-interior:not(:hover):not(:has(:focus-visible))[b-eigkycdooy]  .nav-link .bi {
        margin-right: 0;
        align-self: center;
        margin-top: 0;
    }

    .page.menu-oculto .sidebar-interior:not(:hover):not(:has(:focus-visible))[b-eigkycdooy]  .nav-item {
        padding-left: 0.35rem;
        padding-right: 0.35rem;
    }

    /* Como AdminLTE: los títulos de sección no se ven en la columna angosta. */
    .page.menu-oculto .sidebar-interior:not(:hover):not(:has(:focus-visible))[b-eigkycdooy]  .nav-section {
        display: none;
    }

    /* Al desplegarse, el nombre de la marca y los títulos de sección aparecen con un fundido de 0,3 s. */
    .page.menu-oculto .sidebar-interior:hover[b-eigkycdooy]  .marca-nombre,
    .page.menu-oculto .sidebar-interior:hover[b-eigkycdooy]  .nav-section,
    .page.menu-oculto .sidebar-interior:has(:focus-visible)[b-eigkycdooy]  .marca-nombre,
    .page.menu-oculto .sidebar-interior:has(:focus-visible)[b-eigkycdooy]  .nav-section {
        animation: aparecer-b-eigkycdooy 0.3s both;
    }

    @keyframes aparecer-b-eigkycdooy {
        from { opacity: 0; }
        to { opacity: 1; }
    }

    .page.menu-oculto .sidebar-interior:not(:hover):not(:has(:focus-visible))[b-eigkycdooy]  .marca-nombre {
        display: none;
    }

    .page.menu-oculto .sidebar-interior:not(:hover):not(:has(:focus-visible))[b-eigkycdooy]  .top-row .container-fluid {
        justify-content: center;
        padding: 0;
    }

    .page.menu-oculto .sidebar-interior:not(:hover):not(:has(:focus-visible))[b-eigkycdooy]  .top-row {
        padding-left: 0 !important;
    }

    /* Sin la barra de desplazamiento (que ocuparía ancho) pero con la rueda del mouse funcionando. */
    .page.menu-oculto .sidebar-interior:not(:hover):not(:has(:focus-visible))[b-eigkycdooy]  .nav-scrollable {
        scrollbar-width: none;
    }

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

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

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

#blazor-error-ui[b-eigkycdooy] {
    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-eigkycdooy] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

.content[b-eigkycdooy] {
    padding-top: 1.1rem;
    /* Sin esto el último elemento de la página queda pegado al borde de la ventana y parece que faltara página. */
    padding-bottom: 2.5rem;
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-jgf117j3yz] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: white;
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    border: 1px solid rgba(255, 255, 255, 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%28255, 255, 255, 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(255, 255, 255, 0.1);
}

.navbar-toggler:checked[b-jgf117j3yz] {
    background-color: rgba(255, 255, 255, 0.5);
}

/* El recuadro de la marca comparte tono y borde inferior con la barra superior:
   los dos forman un encabezado oscuro continuo de lado a lado. */
.top-row[b-jgf117j3yz] {
    min-height: 3.5rem;
    background-color: #1b2731;
    border-bottom: 1px solid #141d25;
}

.navbar-brand[b-jgf117j3yz] {
    font-size: 1.1rem;
    font-weight: 600;
    letter-spacing: 0.02em;
}

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

.bi-house-door-fill-nav-menu[b-jgf117j3yz] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' 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-jgf117j3yz] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' 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-jgf117j3yz] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' 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");
}

.bi-pencil-square-nav-menu[b-jgf117j3yz] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M15.502 1.94a.5.5 0 0 1 0 .706L14.459 3.69l-2-2L13.502.646a.5.5 0 0 1 .707 0l1.293 1.293zm-1.75 2.456-2-2L4.939 9.21a.5.5 0 0 0-.121.196l-.805 2.414a.25.25 0 0 0 .316.316l2.414-.805a.5.5 0 0 0 .196-.12l6.813-6.814z'/%3E%3Cpath fill-rule='evenodd' d='M1 13.5A1.5 1.5 0 0 0 2.5 15h11a1.5 1.5 0 0 0 1.5-1.5v-6a.5.5 0 0 0-1 0v6a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5v-11a.5.5 0 0 1 .5-.5H9a.5.5 0 0 0 0-1H2.5A1.5 1.5 0 0 0 1 2.5z'/%3E%3C/svg%3E");
}

.bi-journal-text-nav-menu[b-jgf117j3yz] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M5 10.5a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5m0-2a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5m0-2a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5m0-2a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5'/%3E%3Cpath d='M3 0h10a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2v-1h1v1a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H3a1 1 0 0 0-1 1v1H1V2a2 2 0 0 1 2-2'/%3E%3Cpath d='M1 5v-.5a.5.5 0 0 1 1 0V5h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1zm0 3v-.5a.5.5 0 0 1 1 0V8h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1zm0 3v-.5a.5.5 0 0 1 1 0v.5h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1z'/%3E%3C/svg%3E");
}

.bi-journals-nav-menu[b-jgf117j3yz] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M5 0h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2V1H5a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1H5z'/%3E%3Cpath d='M3 2h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2m0 1a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1z'/%3E%3C/svg%3E");
}

.bi-bar-chart-nav-menu[b-jgf117j3yz] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M4 11H2v3h2zm5-4H7v7h2zm5-5v12h-2V2zm-2-1a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1zM6 7a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v7a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1zm-5 4a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1z'/%3E%3C/svg%3E");
}

.bi-table-nav-menu[b-jgf117j3yz] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2zm15 2h-4v3h4zm0 4h-4v3h4zm0 4h-4v3h3a1 1 0 0 0 1-1zm-5 3v-3H6v3zm-5 0v-3H1v2a1 1 0 0 0 1 1zm-4-4h4V8H1zm0-4h4V4H1zm5-3v3h4V4zm4 4H6v3h4z'/%3E%3C/svg%3E");
}

.bi-graph-up-nav-menu[b-jgf117j3yz] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M0 0h1v15h15v1H0zm14.817 3.113a.5.5 0 0 1 .07.704l-4.5 5.5a.5.5 0 0 1-.74.037L7.06 6.767l-3.656 5.027a.5.5 0 0 1-.808-.588l4-5.5a.5.5 0 0 1 .758-.06l2.609 2.61 4.15-5.073a.5.5 0 0 1 .704-.07'/%3E%3C/svg%3E");
}

.bi-file-earmark-ruled-nav-menu[b-jgf117j3yz] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M14 14V4.5L9.5 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2M9.5 3A1.5 1.5 0 0 0 11 4.5h2V9H3V2a1 1 0 0 1 1-1h5.5zM3 12v-2h2v2zm0 1h2v2H4a1 1 0 0 1-1-1zm3 2v-2h7v1a1 1 0 0 1-1 1zm7-3H6v-2h7z'/%3E%3C/svg%3E");
}

.bi-box-seam-nav-menu[b-jgf117j3yz] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M8.186 1.113a.5.5 0 0 0-.372 0L1.846 3.5 8 5.961 14.154 3.5zM15 4.239l-6.5 2.6v7.922l6.5-2.6V4.24zM7.5 14.762V6.838L1 4.239v7.923zM7.443.184a1.5 1.5 0 0 1 1.114 0l7.129 2.852A.5.5 0 0 1 16 3.5v8.662a1 1 0 0 1-.629.928l-7.185 2.874a.5.5 0 0 1-.372 0L.63 13.09a1 1 0 0 1-.63-.928V3.5a.5.5 0 0 1 .314-.464z'/%3E%3C/svg%3E");
}

.bi-people-nav-menu[b-jgf117j3yz] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M15 14s1 0 1-1-1-4-5-4-5 3-5 4 1 1 1 1zm-7.978-1L7 12.996c.001-.264.167-1.03.76-1.72C8.312 10.629 9.282 10 11 10c1.717 0 2.687.63 3.24 1.276.593.69.758 1.457.76 1.72l-.008.002-.014.002zM11 7a2 2 0 1 0 0-4 2 2 0 0 0 0 4m3-2a3 3 0 1 1-6 0 3 3 0 0 1 6 0M6.936 9.28a6 6 0 0 0-1.23-.247A7 7 0 0 0 5 9c-4 0-5 3-5 4q0 1 1 1h4.216A2.24 2.24 0 0 1 5 13c0-1.01.377-2.042 1.09-2.904.243-.294.526-.569.846-.816M4.92 10A5.5 5.5 0 0 0 4 13H1c0-.26.164-1.03.76-1.724.545-.636 1.492-1.256 3.16-1.275ZM1.5 5.5a3 3 0 1 1 6 0 3 3 0 0 1-6 0m3-2a2 2 0 1 0 0 4 2 2 0 0 0 0-4'/%3E%3C/svg%3E");
}

.bi-building-nav-menu[b-jgf117j3yz] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M4 2.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5zm3 0a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5zm3 0a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5zm-6 3a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5zm3 0a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5zm3 0a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5zm-6 3a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5zm3 0a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5z'/%3E%3Cpath d='M2 1a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v14h1.5a.5.5 0 0 1 0 1h-15a.5.5 0 0 1 0-1H2zm11 0H3v14h3v-2.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 .5.5V15h3z'/%3E%3C/svg%3E");
}

.bi-calculator-nav-menu[b-jgf117j3yz] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M12 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1zM4 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2z'/%3E%3Cpath d='M4 2.5a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-.5.5h-7a.5.5 0 0 1-.5-.5zm0 4a.5.5 0 0 1 .5-.5h.5a.5.5 0 0 1 .5.5v.5a.5.5 0 0 1-.5.5h-.5a.5.5 0 0 1-.5-.5zm0 3a.5.5 0 0 1 .5-.5h.5a.5.5 0 0 1 .5.5v.5a.5.5 0 0 1-.5.5h-.5a.5.5 0 0 1-.5-.5zm0 3a.5.5 0 0 1 .5-.5h.5a.5.5 0 0 1 .5.5v.5a.5.5 0 0 1-.5.5h-.5a.5.5 0 0 1-.5-.5zm3-6a.5.5 0 0 1 .5-.5h.5a.5.5 0 0 1 .5.5v.5a.5.5 0 0 1-.5.5h-.5a.5.5 0 0 1-.5-.5zm0 3a.5.5 0 0 1 .5-.5h.5a.5.5 0 0 1 .5.5v.5a.5.5 0 0 1-.5.5h-.5a.5.5 0 0 1-.5-.5zm0 3a.5.5 0 0 1 .5-.5h.5a.5.5 0 0 1 .5.5v.5a.5.5 0 0 1-.5.5h-.5a.5.5 0 0 1-.5-.5zm3-6a.5.5 0 0 1 .5-.5h.5a.5.5 0 0 1 .5.5v3.5a.5.5 0 0 1-.5.5h-.5a.5.5 0 0 1-.5-.5zm0 6a.5.5 0 0 1 .5-.5h.5a.5.5 0 0 1 .5.5v.5a.5.5 0 0 1-.5.5h-.5a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.bi-receipt-nav-menu[b-jgf117j3yz] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M1.92.506a.5.5 0 0 1 .434.14L3 1.293l.646-.647a.5.5 0 0 1 .708 0L5 1.293l.646-.647a.5.5 0 0 1 .708 0L7 1.293l.646-.647a.5.5 0 0 1 .708 0L9 1.293l.646-.647a.5.5 0 0 1 .708 0l.646.647.646-.647a.5.5 0 0 1 .708 0l.646.647.646-.647a.5.5 0 0 1 .434-.14.5.5 0 0 1 .354.354V13a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V.86a.5.5 0 0 1 .354-.354zM3.5 4a.5.5 0 0 0 0 1h9a.5.5 0 0 0 0-1zM3 7.5a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5m.5 2.5a.5.5 0 0 0 0 1h5a.5.5 0 0 0 0-1z'/%3E%3C/svg%3E");
}

.bi-file-earmark-text-nav-menu[b-jgf117j3yz] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M5.5 7a.5.5 0 0 0 0 1h5a.5.5 0 0 0 0-1zM5 9.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5m0 2a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5'/%3E%3Cpath d='M9.5 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V4.5zM4 1h5v3a1 1 0 0 0 1 1h3v9a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1'/%3E%3C/svg%3E");
}

.bi-exclamation-triangle-nav-menu[b-jgf117j3yz] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M7.938 2.016A.13.13 0 0 1 8.002 2a.13.13 0 0 1 .063.016.15.15 0 0 1 .054.057l6.857 11.667c.036.06.035.124.002.183a.2.2 0 0 1-.054.06.1.1 0 0 1-.066.017H1.146a.1.1 0 0 1-.066-.017.2.2 0 0 1-.054-.06.18.18 0 0 1 .002-.183L7.884 2.073a.15.15 0 0 1 .054-.057m1.044-.45a1.13 1.13 0 0 0-1.96 0L.165 13.233c-.457.778.091 1.767.98 1.767h13.713c.889 0 1.438-.99.98-1.767z'/%3E%3Cpath d='M7.002 12a1 1 0 1 1 2 0 1 1 0 0 1-2 0M7.1 5.995a.905.905 0 1 1 1.8 0l-.35 3.507a.552.552 0 0 1-1.1 0z'/%3E%3C/svg%3E");
}

.bi-upload-nav-menu[b-jgf117j3yz] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M.5 9.9a.5.5 0 0 1 .5.5v2.5a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-2.5a.5.5 0 0 1 1 0v2.5a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2v-2.5a.5.5 0 0 1 .5-.5'/%3E%3Cpath d='M7.646 1.146a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1-.708.708L8.5 2.707V11.5a.5.5 0 0 1-1 0V2.707L5.354 4.854a.5.5 0 1 1-.708-.708z'/%3E%3C/svg%3E");
}

.bi-diagram-3-nav-menu[b-jgf117j3yz] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M6 3.5A1.5 1.5 0 0 1 7.5 2h1A1.5 1.5 0 0 1 10 3.5v1A1.5 1.5 0 0 1 8.5 6v1H14a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-1 0V8h-5v.5a.5.5 0 0 1-1 0V8h-5v.5a.5.5 0 0 1-1 0v-1A.5.5 0 0 1 2 7h5.5V6A1.5 1.5 0 0 1 6 4.5zM8.5 5a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5zM0 11.5A1.5 1.5 0 0 1 1.5 10h1A1.5 1.5 0 0 1 4 11.5v1A1.5 1.5 0 0 1 2.5 14h-1A1.5 1.5 0 0 1 0 12.5zm1.5-.5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5zm4.5.5A1.5 1.5 0 0 1 7.5 10h1a1.5 1.5 0 0 1 1.5 1.5v1A1.5 1.5 0 0 1 8.5 14h-1A1.5 1.5 0 0 1 6 12.5zm1.5-.5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5zm4.5.5a1.5 1.5 0 0 1 1.5-1.5h1a1.5 1.5 0 0 1 1.5 1.5v1a1.5 1.5 0 0 1-1.5 1.5h-1a1.5 1.5 0 0 1-1.5-1.5zm1.5-.5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5z'/%3E%3C/svg%3E");
}

.bi-check2-square-nav-menu[b-jgf117j3yz] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M2.5 1A1.5 1.5 0 0 0 1 2.5v11A1.5 1.5 0 0 0 2.5 15h11a1.5 1.5 0 0 0 1.5-1.5V7a.5.5 0 0 0-1 0v6.5a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5v-11a.5.5 0 0 1 .5-.5H11a.5.5 0 0 0 0-1z'/%3E%3Cpath d='m10.97 4.97-.02.022-3.473 4.425-2.093-2.094a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-1.071-1.05'/%3E%3C/svg%3E");
}

/* Cierre de ejercicio. Faltaba: la clase estaba puesta en el markup y no existía acá, así que el ítem
   se dibujaba con un hueco de 1,25 rem donde los demás llevan su ícono — y el texto quedaba corrido
   respecto del resto del menú. */
.bi-lock-nav-menu[b-jgf117j3yz] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M8 1a2 2 0 0 1 2 2v4H6V3a2 2 0 0 1 2-2m3 6V3a3 3 0 0 0-6 0v4a2 2 0 0 0-2 2v5a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2'/%3E%3C/svg%3E");
}

/* Bitácora. Mismo caso que el anterior. */
.bi-shield-lock-nav-menu[b-jgf117j3yz] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M5.338 1.59a61 61 0 0 0-2.837.856.48.48 0 0 0-.328.39c-.554 4.157.726 7.19 2.253 9.188a10.7 10.7 0 0 0 2.287 2.233c.346.244.652.42.893.533q.18.085.293.118a1 1 0 0 0 .101-.025q.114-.034.294-.118c.24-.113.547-.29.893-.533a10.7 10.7 0 0 0 2.287-2.233c1.527-1.997 2.807-5.031 2.253-9.188a.48.48 0 0 0-.328-.39c-.651-.213-1.75-.56-2.837-.855C9.552 1.29 8.531 1.067 8 1.067c-.53 0-1.552.223-2.662.524zM5.072.56C6.157.265 7.31 0 8 0s1.843.265 2.928.56c1.11.3 2.229.655 2.887.87a1.54 1.54 0 0 1 1.044 1.262c.596 4.477-.787 7.795-2.465 9.99a11.8 11.8 0 0 1-2.517 2.453 7 7 0 0 1-1.048.625c-.28.132-.581.24-.829.24s-.548-.108-.829-.24a7 7 0 0 1-1.048-.625 11.8 11.8 0 0 1-2.517-2.453C1.928 10.487.545 7.169 1.141 2.692A1.54 1.54 0 0 1 2.185 1.43 63 63 0 0 1 5.072.56'/%3E%3Cpath d='M9.5 6.5a1.5 1.5 0 0 1-1 1.415l.385 1.99a.5.5 0 0 1-.491.595h-.788a.5.5 0 0 1-.49-.595l.384-1.99a1.5 1.5 0 1 1 2-1.415'/%3E%3C/svg%3E");
}

/* Definiciones: etiquetas, no el diagrama de la centralización. Dos ítems con el mismo ícono en el mismo
   menú obligan a leer el texto para distinguirlos, que es justo lo que el ícono venía a evitar. */
.bi-tags-nav-menu[b-jgf117j3yz] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M3 2v4.586l7 7L14.586 9l-7-7zM2 2a1 1 0 0 1 1-1h4.586a1 1 0 0 1 .707.293l7 7a1 1 0 0 1 0 1.414l-4.586 4.586a1 1 0 0 1-1.414 0l-7-7A1 1 0 0 1 2 6.586z'/%3E%3Cpath d='M5.5 5a.5.5 0 1 1 0-1 .5.5 0 0 1 0 1m0 1a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3M1 7.086a1 1 0 0 0 .293.707L8.75 15.25l-.043.043a1 1 0 0 1-1.414 0l-7-7A1 1 0 0 1 0 7.586V3a1 1 0 0 1 1-1z'/%3E%3C/svg%3E");
}

.bi-calendar2-check-nav-menu[b-jgf117j3yz] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M10.854 7.146a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 1 1 .708-.708L7.5 9.793l2.646-2.647a.5.5 0 0 1 .708 0z'/%3E%3Cpath d='M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4z'/%3E%3C/svg%3E");
}

.bi-card-heading-nav-menu[b-jgf117j3yz] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M14.5 3a.5.5 0 0 1 .5.5v9a.5.5 0 0 1-.5.5h-13a.5.5 0 0 1-.5-.5v-9a.5.5 0 0 1 .5-.5zm-13-1A1.5 1.5 0 0 0 0 3.5v9A1.5 1.5 0 0 0 1.5 14h13a1.5 1.5 0 0 0 1.5-1.5v-9A1.5 1.5 0 0 0 14.5 2z'/%3E%3Cpath d='M2 5.5a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5m0 3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5m0 2.5a.5.5 0 0 1 .5-.5h4a.5.5 0 0 1 0 1h-4a.5.5 0 0 1-.5-.5'/%3E%3C/svg%3E");
}

/* Buscar comprobantes. Mismo caso que Cierre de ejercicio y Bitácora más arriba: la clase se puso en el
   markup sin agregarla acá, y el ítem quedaba con el hueco de 1,25rem en vez del ícono. */
.bi-search-nav-menu[b-jgf117j3yz] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001q.044.06.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1 1 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0'/%3E%3C/svg%3E");
}

/* Comprobantes tipo (plantillas). */
.bi-copy-nav-menu[b-jgf117j3yz] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4 2a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2h-2v2a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2h2zm2 1h5a2 2 0 0 1 2 2v5h2a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H6a1 1 0 0 0-1 1zM2 6a1 1 0 0 0-1 1v9a1 1 0 0 0 1 1h9a1 1 0 0 0 1-1V7a1 1 0 0 0-1-1z'/%3E%3C/svg%3E");
}

/* Encabezado de grupo: separa las secciones del menú sin gritar. */
.nav-section[b-jgf117j3yz] {
    padding: 0.9rem 1.5rem 0.35rem;
    font-size: 0.7rem;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #7c8b96;
}

/* El encabezado clicable de una sección colapsable: la flecha a la derecha, y se aclara al pasar el mouse. */
.nav-section-toggle[b-jgf117j3yz] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    user-select: none;
}

    .nav-section-toggle:hover[b-jgf117j3yz] {
        color: #aab7c0;
    }

.nav-chevron[b-jgf117j3yz] {
    font-size: 0.65rem;
    line-height: 1;
}

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

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

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

    /* min-height y line-height normal, NO `height: 2.8rem; line-height: 2.8rem`.
       Con el alto fijo, una etiqueta que no cabe en una línea —"Bienes y depreciación"— se partía en dos
       renglones dentro de una caja que seguía midiendo 2,8 rem: el texto se desbordaba hacia arriba y
       hacia abajo, el ícono quedaba flotando entre las dos líneas y el ítem pisaba a sus vecinos. Un
       line-height de 2,8 rem además separaba los dos renglones media pulgada.

       El ícono se ancla arriba para que en un ítem de dos líneas quede junto a la primera, alineado con
       los íconos de los ítems de una sola. */
    .nav-item[b-jgf117j3yz]  .nav-link {
        color: #c3cdd5;
        background: none;
        border: none;
        border-left: 3px solid transparent;   /* deja el sitio de la barra de acento del activo */
        border-radius: 4px;
        min-height: 2.8rem;
        padding-top: 0.45rem;
        padding-bottom: 0.45rem;
        display: flex;
        align-items: center;
        line-height: 1.3;
        width: 100%;
    }

    .nav-item[b-jgf117j3yz]  .nav-link .bi {
        flex: 0 0 auto;       /* el ícono no se encoge para hacerle sitio al texto */
        align-self: flex-start;
        margin-top: 0.15rem;
    }

/* Activo: realce sutil con una barra de acento a la izquierda, no un bloque
   blanco al 37%. El activo se distingue de un vistazo sin gritar. */
.nav-item[b-jgf117j3yz]  a.active {
    background-color: rgba(0, 187, 148, 0.16);
    border-left-color: #00bb94;
    color: #fff;
}

.nav-item[b-jgf117j3yz]  .nav-link:hover {
    background-color: rgba(255, 255, 255, 0.06);
    color: #fff;
}

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

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

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

    .nav-scrollable[b-jgf117j3yz] {
        /* Never collapse the sidebar for wide screens */
        display: block;

        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* /Components/Layout/ToastHost.razor.rz.scp.css */
.toast-contenedor[b-nafuziqj8x] {
    position: fixed;
    right: 1rem;
    bottom: 1rem;
    z-index: 2000;
    display: flex;
    flex-direction: column;
    gap: .5rem;
    max-width: min(26rem, calc(100vw - 2rem));
}

.toast-aviso[b-nafuziqj8x] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .75rem;
    padding: .6rem .8rem;
    background: #1f6f4a;
    color: #fff;
    border-radius: 6px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, .25);
    font-size: .9rem;
}

.toast-cerrar[b-nafuziqj8x] {
    background: none;
    border: 0;
    color: inherit;
    font-size: 1.1rem;
    line-height: 1;
    padding: 0;
    cursor: pointer;
}
/* /Components/Pages/AsignacionFamiliar.razor.rz.scp.css */
.encabezado[b-2mi2vdl04w] {
    margin-bottom: .5rem;
    flex-wrap: wrap;
}

.encabezado h1[b-2mi2vdl04w] {
    margin-bottom: .25rem;
}

.ciclo[b-2mi2vdl04w] {
    min-width: 15rem;
    text-align: center;
}

.lateral[b-2mi2vdl04w] {
    position: sticky;
    top: 1rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.tarjeta[b-2mi2vdl04w] {
    padding: 1rem 1.25rem;
    background: #fff;
    border: 1px solid var(--contab-linea);
    border-radius: var(--contab-radio);
}

.tarjeta-titulo[b-2mi2vdl04w] {
    margin-bottom: .75rem;
}

.tabla-tramos th[b-2mi2vdl04w] {
    font-size: .8rem;
    font-weight: 600;
    color: var(--bs-secondary-color, #6c757d);
}

.tramo-numero[b-2mi2vdl04w] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.6rem;
    height: 1.6rem;
    font-weight: 600;
    background: var(--contab-acento-tenue);
    border-radius: 50%;
}

.resumen[b-2mi2vdl04w] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: .75rem;
    text-align: center;
}

.resumen strong[b-2mi2vdl04w] {
    display: block;
    font-size: 1.6rem;
    line-height: 1.1;
}

.resumen span[b-2mi2vdl04w] {
    font-size: .8rem;
    color: var(--bs-secondary-color, #6c757d);
}

.resumen .alerta strong[b-2mi2vdl04w] {
    color: #b45309;
}

.buscador[b-2mi2vdl04w] {
    max-width: 18rem;
}

.lista-trabajadores[b-2mi2vdl04w] {
    margin: 0;
    padding: 0;
    list-style: none;
}

.trab[b-2mi2vdl04w] {
    padding: .75rem 0;
    border-top: 1px solid var(--contab-linea);
}

.trab:first-child[b-2mi2vdl04w] {
    border-top: 0;
}

.trab-cabecera[b-2mi2vdl04w] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: .5rem;
}

.trab-nombre[b-2mi2vdl04w] {
    font-weight: 600;
}

.trab-acciones[b-2mi2vdl04w] {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
}

.trab-detalle[b-2mi2vdl04w] {
    display: grid;
    grid-template-columns: 2fr 1.2fr 1fr;
    gap: .75rem;
    margin-top: .5rem;
    font-size: .9rem;
}

.etiqueta[b-2mi2vdl04w] {
    display: block;
    font-size: .72rem;
    text-transform: uppercase;
    letter-spacing: .03em;
    color: var(--bs-secondary-color, #6c757d);
}

.asignacion + .asignacion[b-2mi2vdl04w] {
    margin-top: .35rem;
}

.vacio[b-2mi2vdl04w] {
    padding: 2rem 1rem;
    text-align: center;
    background: #fff;
    border: 1px dashed var(--contab-linea);
    border-radius: var(--contab-radio);
}
/* /Components/Pages/Conceptos.razor.rz.scp.css */
.encabezado[b-udd8jhqf3k] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
    flex-wrap: wrap;
}

.encabezado h1[b-udd8jhqf3k] {
    margin: 0;
}

.vacio[b-udd8jhqf3k] {
    padding: 2rem 1rem;
    text-align: center;
    background: #fff;
    border: 1px dashed var(--contab-linea);
    border-radius: var(--contab-radio);
}

.inactivo td[b-udd8jhqf3k] {
    color: var(--contab-tinta-suave);
}

.filtros[b-udd8jhqf3k] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
}

.buscador[b-udd8jhqf3k] {
    max-width: 20rem;
}

.selector[b-udd8jhqf3k] {
    width: auto;
}

/* Cabecera que se puede ordenar: se ve como el título de la columna, no como un botón. */
.table-responsive[b-udd8jhqf3k]  .orden {
    border: 0;
    background: none;
    padding: 0;
    font: inherit;
    font-weight: 600;
    color: inherit;
    cursor: pointer;
}

.table-responsive[b-udd8jhqf3k]  .orden:hover {
    text-decoration: underline;
}
/* /Components/Pages/ConceptosHabituales.razor.rz.scp.css */
.encabezado[b-6wt00e4yez] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
    flex-wrap: wrap;
}

.encabezado h1[b-6wt00e4yez] {
    margin: 0;
}

.vacio[b-6wt00e4yez] {
    padding: 2rem 1rem;
    text-align: center;
    background: #fff;
    border: 1px dashed var(--contab-linea);
    border-radius: var(--contab-radio);
}

.inactivo td[b-6wt00e4yez] {
    color: var(--contab-tinta-suave);
}
/* /Components/Pages/CuentasContables.razor.rz.scp.css */
.encabezado[b-87boei23ng] {
    margin-bottom: 1rem;
    flex-wrap: wrap;
}

.encabezado h1[b-87boei23ng] {
    margin: 0;
}

.tabla-cuentas[b-87boei23ng] {
    max-width: 52rem;
    background: #fff;
}

.tabla-cuentas .cuenta[b-87boei23ng] {
    max-width: 14rem;
}

/* Un rubro sin cuenta es lo que impide exportar: se ve en el renglón. */
.tabla-cuentas tr.falta td[b-87boei23ng] {
    background: #fff8e1;
}

.buscador[b-87boei23ng] {
    max-width: 20rem;
}
/* /Components/Pages/Finiquito.razor.rz.scp.css */
.encabezado[b-ys5bsnz5j0] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.encabezado h1[b-ys5bsnz5j0] {
    margin-bottom: .25rem;
}

.tarjeta[b-ys5bsnz5j0] {
    padding: 1rem 1.25rem;
    background: #fff;
    border: 1px solid var(--contab-linea);
    border-radius: var(--contab-radio);
}

.tarjeta-titulo[b-ys5bsnz5j0] {
    margin-bottom: .75rem;
}

.buscador[b-ys5bsnz5j0] {
    max-width: 22rem;
}
/* /Components/Pages/Finiquitos.razor.rz.scp.css */
.encabezado[b-j7ma4d9kg5] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.encabezado h1[b-j7ma4d9kg5] {
    margin-bottom: .25rem;
}

.tarjeta[b-j7ma4d9kg5] {
    padding: 1rem 1.25rem;
    background: #fff;
    border: 1px solid var(--contab-linea);
    border-radius: var(--contab-radio);
}

.tarjeta-titulo[b-j7ma4d9kg5] {
    margin-bottom: .75rem;
}

.buscador[b-j7ma4d9kg5] {
    max-width: 22rem;
}
/* /Components/Pages/Home.razor.rz.scp.css */
.cabecera[b-xjpf878iqy] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    gap: .75rem;
    margin-bottom: 1.25rem;
}

.seccion-titulo[b-xjpf878iqy] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    margin-bottom: .6rem;
}

.seccion-titulo h2[b-xjpf878iqy] {
    margin: 0;
    font-size: 1.15rem;
    font-weight: 600;
}

/* El centro de alertas: cada acción es una tarjeta clicable, con el color de su urgencia a la izquierda. */
.acciones[b-xjpf878iqy] {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
}

.accion[b-xjpf878iqy] {
    --tono: #64748b;
    --fondo: #f1f5f9;
    flex: 1 1 min(22rem, 100%);
    display: flex;
    align-items: center;
    gap: .75rem;
    padding: .5rem .9rem;
    background: #fff;
    border: 1px solid var(--contab-linea, #d8dee6);
    border-left: 4px solid var(--tono);
    border-radius: 8px;
    box-shadow: 0 1px 2px rgba(15, 23, 42, .04);
    color: inherit;
    text-decoration: none;
    transition: box-shadow .15s, transform .15s;
}

.accion:hover[b-xjpf878iqy] {
    box-shadow: 0 4px 12px rgba(15, 23, 42, .1);
    transform: translateY(-1px);
}

.accion.critica[b-xjpf878iqy] { --tono: #c0392b; --fondo: #fdecea; }
.accion.aviso[b-xjpf878iqy] { --tono: #d99a1b; --fondo: #fef6e0; }
.accion.info[b-xjpf878iqy] { --tono: #2563a8; --fondo: #e8f0fb; }
.accion.ok[b-xjpf878iqy] { --tono: #0a9d7d; --fondo: #e3f6f1; }

.accion-cifra[b-xjpf878iqy] {
    flex: none;
    min-width: 2.2rem;
    height: 2.2rem;
    padding: 0 .4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: var(--fondo);
    color: var(--tono);
    font-size: 1.1rem;
    font-weight: 700;
}

.accion-texto[b-xjpf878iqy] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    line-height: 1.25;
}

.accion-texto small[b-xjpf878iqy] {
    color: #5b6b78;
}

.accion-ir[b-xjpf878iqy] {
    color: var(--tono);
    font-size: 1.1rem;
}

/* Los números del mes, en una franja compacta y sin cajas: lo importante ya está arriba. */
.indicadores[b-xjpf878iqy] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
    background: #fff;
    border: 1px solid var(--contab-linea, #d8dee6);
    border-radius: 8px;
    box-shadow: 0 1px 2px rgba(15, 23, 42, .04);
}

.indicador[b-xjpf878iqy] {
    display: flex;
    flex-direction: column;
    gap: .2rem;
    padding: .85rem 1.1rem;
    border-left: 1px solid #eef1f4;
}

.indicador:first-child[b-xjpf878iqy] {
    border-left: 0;
}

.indicador-titulo[b-xjpf878iqy] {
    font-size: .72rem;
    font-weight: 600;
    letter-spacing: .03em;
    text-transform: uppercase;
    color: #5b6b78;
}

.indicador-valor[b-xjpf878iqy] {
    font-size: 1.55rem;
    font-weight: 600;
    line-height: 1.2;
}

.indicador-valor small[b-xjpf878iqy] {
    font-size: .85rem;
    font-weight: 400;
    color: #5b6b78;
}

.indicador small[b-xjpf878iqy] {
    font-size: .8rem;
}

.indicador .progress[b-xjpf878iqy] {
    height: .4rem;
    margin-top: .2rem;
}

.indicador .progress-bar[b-xjpf878iqy] {
    background-color: #0a8f73;
}

.sube[b-xjpf878iqy] { color: #0a7d63; font-weight: 600; }
.baja[b-xjpf878iqy] { color: #b3392b; font-weight: 600; }
.texto-aviso[b-xjpf878iqy] { color: #b87a0a; }

.panel[b-xjpf878iqy] {
    background: #fff;
    border: 1px solid var(--contab-linea, #d8dee6);
    border-radius: 8px;
    box-shadow: 0 1px 2px rgba(15, 23, 42, .04);
    padding: 1rem 1.1rem;
}

/* Título del panel separado del contenido por una línea fina. */
.panel > h2[b-xjpf878iqy] {
    margin: 0 0 .75rem;
    padding-bottom: .6rem;
    border-bottom: 1px solid #eef1f4;
    font-weight: 600;
}

/* Barras: una sola serie, un solo color; con el valor solo en la última y el detalle al pasar el cursor. */
.barras[b-xjpf878iqy] {
    display: flex;
    align-items: stretch;
    gap: .75rem;
    height: 12rem;
}

.barra-col[b-xjpf878iqy] {
    flex: 1 1 0;
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.barra-valor[b-xjpf878iqy] {
    height: 1.2rem;
    font-size: .75rem;
    font-weight: 600;
    text-align: center;
    white-space: nowrap;
}

.barra-zona[b-xjpf878iqy] {
    flex: 1;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    border-bottom: 1px solid #c9d2da;
}

.barra[b-xjpf878iqy] {
    width: 60%;
    max-width: 3.2rem;
    background: #0a8f73;
    border-radius: 4px 4px 0 0;
}

.barra.vacia[b-xjpf878iqy] {
    background: repeating-linear-gradient(45deg, #dfe5ea, #dfe5ea 3px, #f1f4f6 3px, #f1f4f6 6px);
    height: 4px !important;
}

.barra-col:hover .barra[b-xjpf878iqy] {
    background: #076e58;
}

.barra-mes[b-xjpf878iqy] {
    text-align: center;
    font-size: .75rem;
    color: #5b6b78;
    padding-top: .25rem;
}

.pasos li[b-xjpf878iqy] {
    display: flex;
    align-items: baseline;
    gap: .5rem;
    padding: .3rem 0;
}

.pasos .marca[b-xjpf878iqy] {
    width: 1.1rem;
    text-align: center;
    font-weight: 700;
}

.pasos .hecho .marca[b-xjpf878iqy] {
    color: #0a8f73;
}

.pasos .pendiente .marca[b-xjpf878iqy] {
    color: #b8860b;
}

.pasos small[b-xjpf878iqy] {
    margin-left: auto;
}

.atencion li[b-xjpf878iqy] {
    padding: .35rem 0;
    border-bottom: 1px solid #eef1f4;
}

.atencion li:last-child[b-xjpf878iqy] {
    border-bottom: 0;
}

.atencion .badge[b-xjpf878iqy] {
    margin-right: .4rem;
}
/* /Components/Pages/Informes.razor.rz.scp.css */
.encabezado[b-xcu05aqsif] {
    margin-bottom: 1rem;
    flex-wrap: wrap;
}

.encabezado h1[b-xcu05aqsif] {
    margin-bottom: .25rem;
}

.tarjeta[b-xcu05aqsif] {
    padding: 1rem 1.25rem;
    background: #fff;
    border: 1px solid var(--contab-linea);
    border-radius: var(--contab-radio);
}

.tabla-informe[b-xcu05aqsif] {
    max-height: 32rem;
    overflow: auto;
}

.vacio[b-xcu05aqsif] {
    padding: 2rem 1rem;
    text-align: center;
    border: 1px dashed var(--contab-linea);
    border-radius: var(--contab-radio);
}
/* /Components/Pages/Libro.razor.rz.scp.css */
/* La tabla scrollea dentro de su caja, en vertical y horizontal; así los conceptos de la derecha siempre se alcanzan. */
.libro[b-8ue201lom7] {
    overflow: auto;
    max-height: calc(100vh - 15rem);
    background: #fff;
    border: 1px solid var(--contab-linea);
    border-radius: var(--contab-radio);
}

.libro[b-8ue201lom7]  table {
    width: max-content;
    min-width: 100%;
}

.libro[b-8ue201lom7]  th,
.libro[b-8ue201lom7]  td {
    white-space: nowrap;
}

/* Los encabezados de conceptos pueden partirse en dos líneas para no ensanchar la columna. */
.libro[b-8ue201lom7]  thead th {
    position: sticky;
    top: 0;
    z-index: 3;
    background: #f1f5f9;
    white-space: normal;
    vertical-align: bottom;
}

.libro[b-8ue201lom7]  thead th.text-end {
    min-width: 5.5rem;
}

.libro[b-8ue201lom7]  tfoot td {
    position: sticky;
    bottom: 0;
    z-index: 2;
    background: #f1f5f9;
}

/* RUT y nombre fijos a la izquierda; el RUT nunca se parte en el guión. */
.libro[b-8ue201lom7]  .c-rut {
    position: sticky;
    left: 0;
    z-index: 2;
    min-width: 7.5rem;
    background: #fff;
    white-space: nowrap;
}

.libro[b-8ue201lom7]  .c-nombre {
    position: sticky;
    left: 7.5rem;
    z-index: 2;
    min-width: 13rem;
    background: #fff;
}

.libro[b-8ue201lom7]  thead th.c-rut,
.libro[b-8ue201lom7]  thead th.c-nombre {
    z-index: 4;
    background: #f1f5f9;
}

.libro[b-8ue201lom7]  tfoot td.c-rut {
    z-index: 4;
}

.libro.d1[b-8ue201lom7]  table { font-size: 0.95rem; }
.libro.d2[b-8ue201lom7]  table { font-size: 0.85rem; }
.libro.d3[b-8ue201lom7]  table { font-size: 0.78rem; }
.libro.d4[b-8ue201lom7]  table { font-size: 0.72rem; }
/* /Components/Pages/Liquidaciones.razor.rz.scp.css */
.encabezado[b-xxwwt86fw2] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
    flex-wrap: wrap;
}

.encabezado h1[b-xxwwt86fw2] {
    margin: 0;
}

.vacio[b-xxwwt86fw2] {
    padding: 2rem 1rem;
    text-align: center;
    background: #fff;
    border: 1px dashed var(--contab-linea);
    border-radius: var(--contab-radio);
}

.grilla[b-xxwwt86fw2] {
    background: #fff;
    border: 1px solid var(--contab-linea);
    border-radius: var(--contab-radio);
}

.fija[b-xxwwt86fw2] {
    position: sticky;
    left: 0;
    background: #fff;
    min-width: 12rem;
}

.descuento[b-xxwwt86fw2] {
    color: var(--contab-alerta);
}

.origen[b-xxwwt86fw2] {
    color: var(--contab-tinta-suave);
}

/* Lo que el usuario cambió respecto de lo que el sistema propuso. */
.modificada[b-xxwwt86fw2] {
    background: var(--contab-aviso-tenue);
}

/* Una variable que todavía no se ingresa: es lo que hay que completar. */
.pendiente[b-xxwwt86fw2] {
    background: var(--contab-acento-tenue);
    font-style: italic;
}

.vacia[b-xxwwt86fw2] {
    background: #fafbfc;
}

.celda[b-xxwwt86fw2] {
    min-width: 6.5rem;
    text-align: right;
}

.entrada[b-xxwwt86fw2] {
    min-width: 5rem;
}

.selector[b-xxwwt86fw2] {
    width: auto;
}

.casilla[b-xxwwt86fw2] {
    width: 2rem;
}

/* El bloque que calcula: es una acción que guarda, así que se distingue de los filtros de la tabla. */
.calculo[b-xxwwt86fw2] {
    border-left: 4px solid var(--contab-acento);
    background: var(--contab-acento-tenue);
}

.buscador-trabajador[b-xxwwt86fw2] {
    position: relative;
}

.sugerencias[b-xxwwt86fw2] {
    position: absolute;
    z-index: 20;
    top: 100%;
    left: 0;
    right: 0;
    max-height: 14rem;
    overflow-y: auto;
    margin: 0;
    padding: 0;
    cursor: pointer;
}

/* Detalle de una liquidación: un resumen arriba y un panel por grupo, en vez de tablas sueltas sobre fondo gris. */
.fila-detalle > td[b-xxwwt86fw2] {
    background: #f8f9fb;
}

.detalle[b-xxwwt86fw2] {
    padding: 1rem 1.25rem 1.1rem;
}

.detalle-resumen[b-xxwwt86fw2] {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    margin-bottom: .9rem;
}

.resumen-dato[b-xxwwt86fw2] {
    display: flex;
    flex-direction: column;
    min-width: 11rem;
    padding: .55rem .9rem;
    background: #fff;
    border: 1px solid var(--contab-linea);
    border-radius: var(--contab-radio);
}

.resumen-dato.liquido .resumen-valor[b-xxwwt86fw2] {
    color: var(--contab-acento-oscuro);
}

.resumen-etiqueta[b-xxwwt86fw2] {
    font-size: .75rem;
    text-transform: uppercase;
    letter-spacing: .03em;
    color: var(--contab-tinta-suave);
}

.resumen-valor[b-xxwwt86fw2] {
    font-size: 1.25rem;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}

.detalle-paneles[b-xxwwt86fw2] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));
    gap: .9rem;
    align-items: stretch;
}

.panel-detalle[b-xxwwt86fw2] {
    background: #fff;
    border: 1px solid var(--contab-linea);
    border-radius: var(--contab-radio);
    overflow: hidden;
}

.panel-titulo[b-xxwwt86fw2] {
    margin: 0;
    padding: .5rem .9rem;
    font-size: .85rem;
    font-weight: 600;
    letter-spacing: .01em;
    background: #f8f9fb;
    border-bottom: 1px solid var(--contab-linea);
}

.tabla-detalle[b-xxwwt86fw2] {
    width: 100%;
    margin: 0;
    font-variant-numeric: tabular-nums;
}

.tabla-detalle td[b-xxwwt86fw2] {
    padding: .35rem .9rem;
    border-bottom: 1px solid #eef0f3;
}

.tabla-detalle tr:last-child td[b-xxwwt86fw2] {
    border-bottom: 0;
}

.tabla-detalle tr.total td[b-xxwwt86fw2] {
    font-weight: 600;
    background: #fafbfc;
    border-top: 1px solid var(--contab-linea);
}

.detalle-bases[b-xxwwt86fw2] {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem 1.5rem;
    margin-top: .9rem;
    font-size: .85rem;
    color: var(--contab-tinta-suave);
}

.detalle-bases strong[b-xxwwt86fw2] {
    color: inherit;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}

.detalle-advertencias[b-xxwwt86fw2] {
    margin: .8rem 0 0;
    padding: .6rem .9rem .6rem 2rem;
    font-size: .85rem;
    background: var(--contab-aviso-tenue);
    border-radius: var(--contab-radio);
}
/* /Components/Pages/Migracion.razor.rz.scp.css */
.encabezado[b-4jvkzsi5fc] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
    flex-wrap: wrap;
}

.encabezado h1[b-4jvkzsi5fc] {
    margin: 0;
}

/* Los pasos de la migración: el actual se destaca, los hechos llevan una marca. */
.etapas[b-4jvkzsi5fc] {
    list-style: none;
    margin: 0 0 1rem;
    padding: 0;
    display: flex;
    gap: .5rem;
    counter-reset: etapa;
}

.etapas li[b-4jvkzsi5fc] {
    flex: 1 1 0;
    display: flex;
    align-items: center;
    gap: .5rem;
    padding: .5rem .75rem;
    border-bottom: 3px solid var(--contab-linea);
    color: var(--contab-tinta-suave);
    font-size: .9rem;
}

.etapas li.actual[b-4jvkzsi5fc] {
    border-bottom-color: var(--contab-acento);
    color: var(--contab-tinta);
    font-weight: 600;
}

.etapas li.hecha[b-4jvkzsi5fc] {
    border-bottom-color: var(--contab-acento);
}

/* Un paso hecho es un botón: se vuelve a él para cambiar el archivo o la asignación. */
.etapa-link[b-4jvkzsi5fc] {
    display: flex;
    align-items: center;
    gap: .5rem;
    padding: 0;
    background: none;
    border: 0;
    color: inherit;
    font: inherit;
    cursor: pointer;
}

.etapa-link:hover .etapa-titulo[b-4jvkzsi5fc] {
    text-decoration: underline;
    color: var(--contab-acento-oscuro);
}

.etapa-link:focus-visible[b-4jvkzsi5fc] {
    outline: 2px solid var(--contab-acento);
    outline-offset: 2px;
}

/* Mientras se lee, revisa o migra, la pantalla se bloquea con un mensaje: así no se puede tocar nada a medio camino. */
.espera[b-4jvkzsi5fc] {
    position: fixed;
    inset: 0;
    z-index: 2000;
    display: grid;
    place-items: center;
    background: rgb(255 255 255 / 75%);
    backdrop-filter: blur(1px);
}

.espera-caja[b-4jvkzsi5fc] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1.25rem 1.5rem;
    background: #fff;
    border: 1px solid var(--contab-linea);
    border-radius: var(--contab-radio);
    box-shadow: 0 8px 24px rgb(0 0 0 / 15%);
}

.etapa-num[b-4jvkzsi5fc] {
    flex: none;
    display: inline-grid;
    place-items: center;
    width: 1.6rem;
    height: 1.6rem;
    border-radius: 50%;
    border: 1px solid var(--contab-linea);
    font-size: .8rem;
    background: #fff;
}

.etapas li.actual .etapa-num[b-4jvkzsi5fc] {
    background: var(--contab-acento);
    border-color: var(--contab-acento);
    color: #fff;
}

.etapas li.hecha .etapa-num[b-4jvkzsi5fc] {
    background: var(--contab-acento-tenue);
    border-color: var(--contab-acento);
    color: var(--contab-acento-oscuro);
}

.tarjeta[b-4jvkzsi5fc] {
    background: #fff;
    border: 1px solid var(--contab-linea);
    border-radius: var(--contab-radio);
    padding: 1.25rem 1.5rem;
}

/* Paso 1: subir el archivo (lo principal) y, aparte, la plantilla. */
.subida-grid[b-4jvkzsi5fc] {
    display: grid;
    grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr);
    gap: 1.5rem;
}

.plantilla[b-4jvkzsi5fc] {
    border-left: 1px solid var(--contab-linea);
    padding-left: 1.5rem;
}

.archivo-chip[b-4jvkzsi5fc] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .75rem;
    padding: .5rem .75rem;
    background: var(--contab-fondo);
    border: 1px solid var(--contab-linea);
    border-radius: var(--contab-radio);
}

.archivo-nombre[b-4jvkzsi5fc] {
    font-weight: 600;
    overflow-wrap: anywhere;
}

.guardadas[b-4jvkzsi5fc] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .5rem;
    margin-bottom: 1rem;
}

.guardadas select[b-4jvkzsi5fc] {
    max-width: 20rem;
}

/* Un destino por tarjeta plegable: el encabezado resume su estado y el cuerpo trae la asignación. */
.destinos[b-4jvkzsi5fc] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
}

.destino[b-4jvkzsi5fc] {
    border: 1px solid var(--contab-linea);
    border-left-width: 4px;
    border-radius: var(--contab-radio);
    background: #fff;
}

.destino.listo[b-4jvkzsi5fc] {
    border-left-color: var(--contab-ok);
}

.destino.con-faltantes[b-4jvkzsi5fc] {
    border-left-color: var(--contab-aviso);
}

.destino.sin-hoja[b-4jvkzsi5fc] {
    border-left-color: var(--contab-linea);
}

.destino.sin-hoja .destino-titulo[b-4jvkzsi5fc] {
    color: var(--contab-tinta-suave);
}

.destino-cab[b-4jvkzsi5fc] {
    display: flex;
    align-items: center;
    gap: .75rem;
    width: 100%;
    padding: .6rem .85rem;
    background: none;
    border: 0;
    text-align: left;
    color: inherit;
}

.destino-cab:hover[b-4jvkzsi5fc] {
    background: var(--contab-fondo);
}

.destino-cab:focus-visible[b-4jvkzsi5fc] {
    outline: 2px solid var(--contab-acento);
    outline-offset: -2px;
}

.chev[b-4jvkzsi5fc] {
    width: 1rem;
    color: var(--contab-tinta-suave);
}

.destino-titulo[b-4jvkzsi5fc] {
    font-weight: 600;
}

.destino-hoja[b-4jvkzsi5fc] {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--contab-tinta-suave);
    font-size: .9rem;
}

.destino-cuerpo[b-4jvkzsi5fc] {
    padding: .25rem .85rem .85rem 2.6rem;
    border-top: 1px solid var(--contab-linea);
    padding-top: .85rem;
}

.recuadro[b-4jvkzsi5fc] {
    background: var(--contab-fondo);
    border: 1px solid var(--contab-linea);
    border-radius: var(--contab-radio);
    padding: .6rem .85rem;
    margin-bottom: .75rem;
}

.recuadro > summary[b-4jvkzsi5fc] {
    cursor: pointer;
    font-size: .9rem;
}

.insignia[b-4jvkzsi5fc] {
    display: inline-block;
    padding: .1rem .55rem;
    border-radius: 999px;
    font-size: .78rem;
    font-weight: 600;
    white-space: nowrap;
}

.insignia.ok[b-4jvkzsi5fc] {
    background: var(--contab-ok-tenue);
    color: var(--contab-ok);
}

.insignia.aviso[b-4jvkzsi5fc] {
    background: var(--contab-aviso-tenue);
    color: var(--contab-aviso);
}

.insignia.error[b-4jvkzsi5fc] {
    background: var(--contab-alerta-tenue);
    color: var(--contab-alerta);
}

.insignia.neutra[b-4jvkzsi5fc] {
    background: var(--contab-fondo);
    color: var(--contab-tinta-suave);
    border: 1px solid var(--contab-linea);
}

.tabla-migracion[b-4jvkzsi5fc] {
    max-height: 22rem;
    overflow-y: auto;
    margin-bottom: .5rem;
}

.tabla-errores[b-4jvkzsi5fc] {
    max-height: 26rem;
}

.tabla-errores th[b-4jvkzsi5fc] {
    position: sticky;
    top: 0;
    background: #fff;
    z-index: 1;
    font-size: .8rem;
    color: var(--contab-tinta-suave);
}

.asignacion select[b-4jvkzsi5fc],
.asignacion input[b-4jvkzsi5fc] {
    min-width: 11rem;
}

.ejemplos[b-4jvkzsi5fc] {
    max-width: 28rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.compacta[b-4jvkzsi5fc] {
    max-width: 40rem;
    margin-bottom: 0;
}

.compacta select[b-4jvkzsi5fc] {
    min-width: 14rem;
}

/* La vista previa en tres cifras. */
.cifras[b-4jvkzsi5fc] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .75rem;
}

.cifra[b-4jvkzsi5fc] {
    display: flex;
    flex-direction: column;
    padding: .75rem 1rem;
    border: 1px solid var(--contab-linea);
    border-radius: var(--contab-radio);
}

.cifra.ok[b-4jvkzsi5fc] {
    border-color: var(--contab-ok);
    background: var(--contab-ok-tenue);
}

.cifra.error[b-4jvkzsi5fc] {
    border-color: var(--contab-alerta);
    background: var(--contab-alerta-tenue);
}

.cifra-n[b-4jvkzsi5fc] {
    font-size: 1.9rem;
    font-weight: 700;
    line-height: 1.1;
}

.cifra-t[b-4jvkzsi5fc] {
    font-size: .85rem;
    color: var(--contab-tinta-suave);
}

.resumen[b-4jvkzsi5fc] {
    max-width: 40rem;
}

/* La barra de acciones se queda al pie mientras se recorre una asignación larga. */
.barra-acciones[b-4jvkzsi5fc] {
    position: sticky;
    bottom: 0;
    z-index: 5;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .75rem 1rem;
    margin-top: .75rem;
    padding: .75rem 1rem;
    background: #fff;
    border: 1px solid var(--contab-linea);
    border-radius: var(--contab-radio);
    box-shadow: 0 -4px 12px rgb(0 0 0 / 6%);
}

.barra-estado[b-4jvkzsi5fc] {
    flex: 1 1 14rem;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .5rem;
    min-width: 0;
}

.barra-guardar[b-4jvkzsi5fc] {
    display: flex;
    gap: .5rem;
}

.barra-guardar input[b-4jvkzsi5fc] {
    width: 17rem;
}

.resultado[b-4jvkzsi5fc] {
    max-width: 40rem;
}

@media (max-width: 760px) {
    .subida-grid[b-4jvkzsi5fc] {
        grid-template-columns: 1fr;
    }

    .plantilla[b-4jvkzsi5fc] {
        border-left: 0;
        border-top: 1px solid var(--contab-linea);
        padding: 1rem 0 0;
    }

    .etapa-titulo[b-4jvkzsi5fc] {
        display: none;
    }

    .etapas li.actual .etapa-titulo[b-4jvkzsi5fc] {
        display: inline;
    }

    .cifras[b-4jvkzsi5fc] {
        grid-template-columns: 1fr;
    }

    .destino-cuerpo[b-4jvkzsi5fc] {
        padding-left: .85rem;
    }

    .barra-guardar[b-4jvkzsi5fc] {
        flex: 1 1 100%;
    }

    .barra-guardar input[b-4jvkzsi5fc] {
        flex: 1;
        width: auto;
    }
}

.tabla-asignacion[b-4jvkzsi5fc] {
    margin-bottom: .5rem;
}

.asignacion th[b-4jvkzsi5fc] {
    font-size: .8rem;
    color: var(--contab-tinta-suave);
}
/* /Components/Pages/Movimientos.razor.rz.scp.css */
.encabezado[b-jz7oe5v2xk] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
    flex-wrap: wrap;
}

.encabezado h1[b-jz7oe5v2xk] {
    margin: 0;
}

.vacio[b-jz7oe5v2xk] {
    padding: 2rem 1rem;
    text-align: center;
    background: #fff;
    border: 1px dashed var(--contab-linea);
    border-radius: var(--contab-radio);
}

/* Con cientos de trabajadores la grilla scrollea por dentro y el encabezado queda a la vista. */
.grilla[b-jz7oe5v2xk] {
    background: #fff;
    border: 1px solid var(--contab-linea);
    border-radius: 0;
    max-height: calc(100vh - 17rem);
    overflow: auto;
    scrollbar-width: thin;
    scrollbar-color: #b7c3cc #f1f4f6;
}

.grilla[b-jz7oe5v2xk]::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

.grilla[b-jz7oe5v2xk]::-webkit-scrollbar-track {
    background: #f1f4f6;
}

.grilla[b-jz7oe5v2xk]::-webkit-scrollbar-thumb {
    background: #b7c3cc;
    border-radius: 0;
}

.grilla[b-jz7oe5v2xk]::-webkit-scrollbar-thumb:hover {
    background: #8fa0ac;
}

/* La barra horizontal de arriba: solo se muestra cuando las columnas no caben (lo decide grilla.js). */
.barra-h[b-jz7oe5v2xk] {
    display: none;
    overflow-x: auto;
    overflow-y: hidden;
    height: 12px;
    margin-bottom: 2px;
    scrollbar-width: thin;
    scrollbar-color: #b7c3cc #f1f4f6;
}

.barra-h[b-jz7oe5v2xk]::-webkit-scrollbar {
    height: 10px;
}

.barra-h[b-jz7oe5v2xk]::-webkit-scrollbar-track {
    background: #f1f4f6;
}

.barra-h[b-jz7oe5v2xk]::-webkit-scrollbar-thumb {
    background: #b7c3cc;
}

.barra-h-interior[b-jz7oe5v2xk] {
    height: 1px;
}

/* Sin esquinas redondeadas (las de las tablas globales): la grilla es un recuadro recto junto a su barra de scroll. */
.grilla table[b-jz7oe5v2xk],
.grilla th[b-jz7oe5v2xk],
.grilla td[b-jz7oe5v2xk] {
    border-radius: 0 !important;
}

.grilla table[b-jz7oe5v2xk] {
    margin-bottom: 0;
}

.grilla th[b-jz7oe5v2xk],
.grilla td[b-jz7oe5v2xk] {
    padding: .3rem .4rem;
}

.grilla thead th[b-jz7oe5v2xk] {
    position: sticky;
    top: 0;
    z-index: 2;
    font-size: .8rem;
    font-weight: 600;
    vertical-align: bottom;
    background: #f6f8fa;
}

.fija[b-jz7oe5v2xk] {
    position: sticky;
    left: 0;
    background: #fff;
    min-width: 11rem;
    padding-left: .6rem !important;
}

.grilla thead th.fija[b-jz7oe5v2xk] {
    z-index: 3;
    background: #f6f8fa;
}

/* Haber o descuento se distingue por un tono suave y un filo de color arriba (sombra interior: un borde se junta en curva con el de la grilla), sin escribirlo en cada columna. */
.col-concepto[b-jz7oe5v2xk] {
    min-width: 6rem;
    max-width: 9rem;
}

.col-concepto.haber[b-jz7oe5v2xk] {
    background: #eef6f2 !important;
    box-shadow: inset 0 3px 0 #7fb89b;
}

.col-concepto.descuento[b-jz7oe5v2xk] {
    background: #f9efef !important;
    box-shadow: inset 0 3px 0 #d49a9a;
}

.marca-th[b-jz7oe5v2xk] {
    display: inline-block;
    width: .9rem;
    height: .5rem;
    border-radius: 2px;
    vertical-align: 1px;
    margin-right: .2rem;
}

.marca-th.haber[b-jz7oe5v2xk] {
    background: #7fb89b;
}

.marca-th.descuento[b-jz7oe5v2xk] {
    background: #d49a9a;
}

.filtro-grilla input[type="search"][b-jz7oe5v2xk] {
    max-width: 24rem;
}

.origen[b-jz7oe5v2xk] {
    color: var(--contab-tinta-suave);
}

/* El color de la celda dice de dónde viene el valor (el detalle está en el tooltip). */
.permanente[b-jz7oe5v2xk] {
    background: #eaf1fb;
}

.transitorio[b-jz7oe5v2xk] {
    background: #e3f4f6;
}

.cuotas[b-jz7oe5v2xk] {
    background: #f1e9fa;
}

.variable[b-jz7oe5v2xk] {
    background: #eaf6ea;
}

.manual[b-jz7oe5v2xk] {
    background: #f3f3f3;
}

/* Una variable que todavía no se ingresa: es lo que hay que completar. */
.pendiente[b-jz7oe5v2xk] {
    background: #fff3cd;
}

/* Lo que el usuario cambió respecto de lo que el sistema propuso: una esquina cian y el campo con borde cian, sin perder el color de origen. */
.modificada[b-jz7oe5v2xk] {
    position: relative;
}

.modificada[b-jz7oe5v2xk]::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    border-style: solid;
    border-width: 0 .8rem .8rem 0;
    border-color: transparent #0b9ec4 transparent transparent;
    pointer-events: none;
}

.modificada .celda[b-jz7oe5v2xk] {
    border-color: #0b9ec4;
    box-shadow: 0 0 0 1px #0b9ec4;
}

.vacia[b-jz7oe5v2xk] {
    background: #fafbfc;
}

.cuota[b-jz7oe5v2xk] {
    color: inherit;
    text-decoration: none;
    font-weight: 500;
}

.cuota:hover[b-jz7oe5v2xk] {
    text-decoration: underline;
}

/* La × de quitar solo aparece al pasar el cursor, para no ensuciar la grilla. */
.celda-wrap .quitar[b-jz7oe5v2xk] {
    visibility: hidden;
    line-height: 1;
}

.celda-wrap:hover .quitar[b-jz7oe5v2xk],
.celda-wrap:focus-within .quitar[b-jz7oe5v2xk] {
    visibility: visible;
}

.leyenda .chip[b-jz7oe5v2xk] {
    display: inline-block;
    width: .9rem;
    height: .9rem;
    border: 1px solid var(--contab-linea);
    border-radius: 3px;
    vertical-align: -2px;
    margin-left: .6rem;
    margin-right: .2rem;
}

.celda[b-jz7oe5v2xk] {
    min-width: 5.5rem;
    text-align: right;
    padding-left: .35rem;
    padding-right: .35rem;
}

.entrada[b-jz7oe5v2xk] {
    min-width: 4.5rem;
}

.selector[b-jz7oe5v2xk] {
    width: auto;
}

.selector-columna[b-jz7oe5v2xk] {
    width: 26rem;
    max-width: 100%;
}

/* «+N»: el concepto tiene más movimientos ese mes; se editan en «Por trabajador». */
.adicionales[b-jz7oe5v2xk] {
    font-size: .75rem;
    font-weight: 600;
    text-decoration: none;
    color: #0b6f8a;
    background: #dff4fa;
    border-radius: 999px;
    padding: 0 .4rem;
    white-space: nowrap;
}
/* /Components/Pages/MovimientosPorConcepto.razor.rz.scp.css */
.buscador[b-v6etfy6rxy] {
    width: 18rem;
}

.sugerencias[b-v6etfy6rxy] {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 20;
    max-height: 16rem;
    overflow-y: auto;
}

.dato[b-v6etfy6rxy] {
    width: 7.5rem;
}

.valor[b-v6etfy6rxy] {
    min-width: 13rem;
    width: 16rem;
}

.fila-enlace[b-v6etfy6rxy] {
    cursor: pointer;
}

.agregar[b-v6etfy6rxy] {
    max-width: 48rem;
}
/* /Components/Pages/MovimientosPorTrabajador.razor.rz.scp.css */
.buscador[b-u9hrey91un] {
    width: 18rem;
}

.sugerencias[b-u9hrey91un] {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 20;
    max-height: 16rem;
    overflow-y: auto;
}

.dato[b-u9hrey91un] {
    width: 7.5rem;
}

.valor[b-u9hrey91un] {
    min-width: 13rem;
    width: 16rem;
}

.fila-enlace[b-u9hrey91un] {
    cursor: pointer;
}

.agregar[b-u9hrey91un] {
    max-width: 48rem;
}

/* Las flechas y la posición ocupan siempre el mismo ancho, vaya el nombre que vaya. */
.navegacion[b-u9hrey91un] {
    width: 9.5rem;
}

.posicion[b-u9hrey91un] {
    min-width: 3.5rem;
    white-space: nowrap;
}

.selector-concepto[b-u9hrey91un] {
    flex: 1 1 22rem;
    min-width: 18rem;
}
/* /Components/Pages/PaginaDatosDeLaEmpresa.razor.rz.scp.css */
.datos[b-rbth2ufaiw] {
    max-width: 40rem;
}

.logo-zona[b-rbth2ufaiw] {
    display: inline-block;
    min-width: 16rem;
    min-height: 6rem;
    padding: 1rem;
    background: #fff;
    border: 1px solid var(--contab-linea, #d8dee6);
    border-radius: 8px;
}

.logo-vista[b-rbth2ufaiw] {
    display: block;
    max-width: 20rem;
    max-height: 7rem;
}

.logo-vacio[b-rbth2ufaiw] {
    padding: 1.5rem .5rem;
}

.organismo[b-rbth2ufaiw],
.comuna[b-rbth2ufaiw] {
    min-width: 22rem;
}

.tasa[b-rbth2ufaiw] {
    max-width: 12rem;
}

.selector-archivo[b-rbth2ufaiw] {
    max-width: 30rem;
}
/* /Components/Pages/Periodos.razor.rz.scp.css */
.encabezado[b-1v67l1xo6k] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
    flex-wrap: wrap;
}

.encabezado h1[b-1v67l1xo6k] {
    margin: 0;
}

.buscador[b-1v67l1xo6k] {
    max-width: 28rem;
}

.fila[b-1v67l1xo6k] {
    cursor: pointer;
}

.vacio[b-1v67l1xo6k] {
    padding: 2.5rem 1rem;
    text-align: center;
    background: #fff;
    border: 1px dashed var(--contab-linea);
    border-radius: var(--contab-radio);
}

/* Los botones de cada fila, con aire entre ellos. */
.acciones > * + *[b-1v67l1xo6k] {
    margin-left: .35rem;
}
/* /Components/Pages/Plantillas.razor.rz.scp.css */
.encabezado[b-hq1ml72zxz] {
    margin-bottom: 1rem;
}

.encabezado h1[b-hq1ml72zxz] {
    margin-bottom: .25rem;
}

.bloque[b-hq1ml72zxz] {
    background: #fff;
    border: 1px solid var(--contab-linea);
    border-radius: var(--contab-radio);
    padding: 1rem 1.1rem;
}
/* /Components/Pages/Trabajador.razor.rz.scp.css */
.encabezado[b-vveqamofby] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
    flex-wrap: wrap;
}

.encabezado h1[b-vveqamofby] {
    margin: 0;
}

.buscador[b-vveqamofby] {
    max-width: 28rem;
}

.fila[b-vveqamofby] {
    cursor: pointer;
}

.vacio[b-vveqamofby] {
    padding: 2.5rem 1rem;
    text-align: center;
    background: #fff;
    border: 1px dashed var(--contab-linea);
    border-radius: var(--contab-radio);
}

/* Las pestañas viven en la cabecera de la tarjeta, que corre horizontal si no caben. */
.ficha[b-vveqamofby]  .card-header {
    background: #fff;
    border-bottom: 0;
    padding: 0.5rem 1rem 0;
    overflow-x: auto;
    overflow-y: hidden;
}

.ficha[b-vveqamofby]  .card-header .nav-tabs {
    border-bottom: 1px solid var(--contab-linea);
}

.ficha[b-vveqamofby]  .card-header .nav-tabs .nav-link {
    margin-bottom: 0;
}
/* /Components/Pages/Trabajadores.razor.rz.scp.css */
.encabezado[b-2gp6mhzyna] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
    flex-wrap: wrap;
}

.encabezado h1[b-2gp6mhzyna] {
    margin: 0;
}

.buscador[b-2gp6mhzyna] {
    max-width: 28rem;
}

.fila[b-2gp6mhzyna] {
    cursor: pointer;
}

.vacio[b-2gp6mhzyna] {
    padding: 2.5rem 1rem;
    text-align: center;
    background: #fff;
    border: 1px dashed var(--contab-linea);
    border-radius: var(--contab-radio);
}

.campo-buscador[b-2gp6mhzyna] {
    min-width: 18rem;
}

/* Encabezado ordenable: un botón sin aspecto de botón, con la flecha siempre en su sitio. */
.orden[b-2gp6mhzyna] {
    background: none;
    border: 0;
    padding: 0;
    font: inherit;
    font-weight: 600;
    color: inherit;
    white-space: nowrap;
}

.orden:hover[b-2gp6mhzyna] {
    text-decoration: underline;
}

.flecha[b-2gp6mhzyna] {
    display: inline-block;
    width: 1rem;
    margin-left: .15rem;
    font-size: .7rem;
    visibility: hidden;
}

.flecha.activa[b-2gp6mhzyna] {
    visibility: visible;
}
/* /Components/Periodos/CabeceraDeMovimientos.razor.rz.scp.css */
/* El título y el estado ocupan siempre el mismo alto, haya o no estado todavía. */
.cabecera-movimientos[b-39uzfu5khi] {
    display: flex;
    align-items: center;
    gap: .75rem;
    min-height: 2.5rem;
}
/* /Components/Periodos/Confirmacion.razor.rz.scp.css */
.confirmacion-fondo[b-kwm46bnn81] {
    position: fixed;
    inset: 0;
    z-index: 1900;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    background: rgba(20, 28, 40, .45);
    outline: none;
}

.confirmacion-ventana[b-kwm46bnn81] {
    width: min(30rem, 100%);
    padding: 1.25rem 1.5rem;
    background: #fff;
    border-radius: 8px;
    border-top: 4px solid #e0a800;
    box-shadow: 0 12px 36px rgba(0, 0, 0, .35);
}

.confirmacion-ventana.peligro[b-kwm46bnn81] {
    border-top-color: #dc3545;
}

.confirmacion-mensaje[b-kwm46bnn81] {
    margin: 0 0 1rem;
    font-size: 1rem;
}

.confirmacion-botones[b-kwm46bnn81] {
    display: flex;
    justify-content: flex-end;
    gap: .5rem;
}
/* /Components/Periodos/RevisionDelMes.razor.rz.scp.css */
.revision[b-aiffu1e4cf] {
    padding: 0.75rem 1rem;
    background: #fff;
    border: 1px solid var(--contab-linea);
    border-radius: var(--contab-radio);
}

.umbral[b-aiffu1e4cf] {
    width: 5rem;
}

.lista[b-aiffu1e4cf] {
    list-style: none;
    padding-left: 0;
}

.lista li[b-aiffu1e4cf] {
    padding: 0.25rem 0.6rem;
    margin-bottom: 0.2rem;
    border-left: 4px solid var(--contab-linea);
}

.lista .critica[b-aiffu1e4cf] {
    border-left-color: var(--contab-alerta);
    background: var(--contab-alerta-tenue);
}

.lista .aviso[b-aiffu1e4cf] {
    border-left-color: var(--contab-aviso);
    background: var(--contab-aviso-tenue);
}

.lista .info[b-aiffu1e4cf] {
    border-left-color: var(--contab-acento);
    background: var(--contab-acento-tenue);
}
/* /Components/Periodos/SelectorDeMes.razor.rz.scp.css */
.selector-mes[b-0tm4kj0qv2] {
    width: auto;
    min-width: 12rem;
    display: inline-block;
}
/* /Components/Trabajadores/FichaConceptos.razor.rz.scp.css */
.terminada td[b-b1qwiea4x0] {
    color: var(--contab-tinta-suave);
}

.accion td[b-b1qwiea4x0] {
    background: var(--contab-acento-tenue);
}
/* /Components/Trabajadores/FichaHistorial.razor.rz.scp.css */
/* Línea de tiempo compacta: eje vertical, una marca por cambio y una etiqueta por día. */
.linea[b-0ao8b2rzon] {
    list-style: none;
    margin: 0;
    padding: 0 0 0 2rem;
    position: relative;
}

.linea[b-0ao8b2rzon]::before {
    content: "";
    position: absolute;
    top: 0.5rem;
    bottom: 0;
    left: 0.7rem;
    width: 2px;
    background: var(--contab-linea);
}

/* La etiqueta del día se apoya sobre el eje (queda por encima de la línea, sin cortarse). */
.dia[b-0ao8b2rzon] {
    position: relative;
    z-index: 1;
    margin: 0 0 0.6rem;
    padding-left: 0;
}

.dia-etiqueta[b-0ao8b2rzon] {
    display: inline-block;
    padding: 0.1rem 0.65rem;
    border-radius: 999px;
    background: var(--contab-fondo);
    border: 1px solid var(--contab-linea);
    color: var(--contab-tinta-suave);
    font-size: 0.75rem;
    font-weight: 600;
}

.evento[b-0ao8b2rzon] {
    position: relative;
    margin-bottom: 0.6rem;
}

/* Punto de color sobre el eje: verde alta, azul edición, rojo baja. */
.marca[b-0ao8b2rzon] {
    position: absolute;
    left: -1.75rem;
    top: 0.55rem;
    width: 1.1rem;
    height: 1.1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 2px solid #fff;
    color: #fff;
    font-size: 0.6rem;
    line-height: 1;
}

.tarjeta[b-0ao8b2rzon] {
    background: #fff;
    border: 1px solid var(--contab-linea);
    border-radius: 8px;
    padding: 0.45rem 0.75rem;
    font-size: 0.875rem;
}

.tarjeta-cabecera[b-0ao8b2rzon] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: baseline;
    gap: 0.25rem 0.75rem;
}

.tarjeta-cabecera .badge[b-0ao8b2rzon] {
    margin-left: 0.35rem;
    font-size: 0.65rem;
    font-weight: 600;
    vertical-align: 1px;
}

.cuando[b-0ao8b2rzon] {
    font-size: 0.75rem;
    color: var(--contab-tinta-suave);
}

.cambios[b-0ao8b2rzon] {
    display: grid;
    grid-template-columns: max-content 1fr;
    gap: 0.1rem 1rem;
    margin: 0.35rem 0 0;
    padding-top: 0.35rem;
    border-top: 1px dashed var(--contab-linea);
}

.cambios dt[b-0ao8b2rzon] {
    font-weight: 500;
    color: var(--contab-tinta-suave);
}

.cambios dd[b-0ao8b2rzon] {
    margin: 0;
}

.antes[b-0ao8b2rzon] {
    color: var(--contab-tinta-suave);
}
/* /Components/Trabajadores/ImportarTrabajadores.razor.rz.scp.css */
.tabla-importacion[b-bboqf6q6hn] {
    max-height: 18rem;
    overflow-y: auto;
    margin-bottom: .75rem;
}
/* /Components/Trabajadores/Ventana.razor.rz.scp.css */
.ventana-fondo[b-z4n13p1jaq] {
    position: fixed;
    inset: 0;
    z-index: 1900;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    background: rgba(20, 28, 40, .45);
    outline: none;
}

.ventana-caja[b-z4n13p1jaq] {
    width: min(60rem, 100%);
    max-height: 100%;
    overflow-y: auto;
    padding: 1.5rem 2rem;
    background: #fff;
    border-radius: 8px;
    border-top: 4px solid var(--bs-primary, #0d6efd);
    box-shadow: 0 12px 36px rgba(0, 0, 0, .35);
}

.ventana-caja.angosta[b-z4n13p1jaq] {
    width: min(36rem, 100%);
}