/* /Components/Layout/CuentaLayout.razor.rz.scp.css */
/*
    El CSS que a este layout le faltaba.

    `.page`, `.top-row` y `.content` estaban escritas en el markup pero solo estilizadas en
    MainLayout.razor.css, que es scoped: no llegaba. El resultado era una página sin barra, sin alto y
    sin centrado — la marca "Contab" suelta en la esquina y la tarjeta pegada al borde superior.

    La barra repite deliberadamente los valores de MainLayout en vez de compartirlos: son dos layouts
    con CSS aislado, y el día que uno cambie de color el otro tiene que poder no cambiar.
*/

.page[b-s9fqzdzs6w] {
    min-height: 100dvh;
    display: flex;
    flex-direction: column;
}

main[b-s9fqzdzs6w] {
    flex: 1;
    display: flex;
    flex-direction: column;
}

/* Misma pizarra que la barra del panel: los dos encabezados se ven de la misma familia. */
.top-row[b-s9fqzdzs6w] {
    background-color: #1b2731;
    border-bottom: 1px solid #141d25;
    height: 3.5rem;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

    .top-row[b-s9fqzdzs6w]  a {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
        color: #cdd6de;
    }

    .top-row[b-s9fqzdzs6w]  a:hover {
        text-decoration: underline;
        color: #fff;
    }

    .top-row[b-s9fqzdzs6w]  .navbar-brand {
        color: #fff;
        font-weight: 700;
        letter-spacing: -0.01em;
    }

/*
    El contenido ocupa lo que queda, y lo hace por flex y no por `calc(100vh - 3.5rem)`: la barra a
    veces está y a veces no —depende de si hay sesión—, y una resta con un número fijo se equivoca
    justo en el caso del login, que es el que más se ve.
*/
.content[b-s9fqzdzs6w] {
    flex: 1;
    display: flex;
    flex-direction: column;
}

/* El mismo respiro lateral que el panel, para que pasar de /cuenta/seguridad al panel no mueva el
   texto. En móvil manda el px-4 de Bootstrap. */
@media (min-width: 641px) {
    .top-row[b-s9fqzdzs6w], .content[b-s9fqzdzs6w] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
/* /Components/Layout/EmpresaSelector.razor.rz.scp.css */
/* El indicador de empresa activa + su selector, en la barra superior.

   El indicador no es decoración: es la defensa contra la imputación cruzada, el
   riesgo dominante del negocio. Tiene que leerse de un vistazo y sin esfuerzo,
   porque el contador lo consulta —a veces sin darse cuenta— cada vez que va a
   grabar algo. Por eso la razón social va con peso y el RUT debajo, tenue, como
   una confirmación silenciosa. */

.empresa-selector[b-qr3x7xzpaf] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
}

.empresa-activa[b-qr3x7xzpaf] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    line-height: 1.2;
    text-align: right;
}

    /* Texto claro: la barra superior es oscura. La razón social es el ancla que
       el contador consulta antes de grabar, así que va nítida en blanco. */
    .empresa-activa strong[b-qr3x7xzpaf] {
        font-size: 0.9rem;
        font-weight: 600;
        color: #f1f4f6;
        max-width: 22rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .empresa-activa .rut[b-qr3x7xzpaf] {
        font-size: 0.78rem;
        color: #9aa7b1;
        font-variant-numeric: tabular-nums;
    }

/* Sin empresa: el mismo espacio, pero con un dejo de alerta —un ámbar claro que
   se lee sobre la barra oscura— para que "no hay ninguna elegida" no pase
   inadvertido. */
.empresa-activa.sin-empresa[b-qr3x7xzpaf] {
    align-items: flex-end;
    font-size: 0.85rem;
    font-style: italic;
    color: #e0b46a;
}

.empresa-selector .form-select[b-qr3x7xzpaf] {
    width: auto;
    min-width: 15rem;
    font-size: 0.85rem;
}

/* El error de acceso, compacto, sin romper la altura de la barra. */
.empresa-selector .alert[b-qr3x7xzpaf] {
    font-size: 0.8rem;
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-4fofmxt5pi] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-4fofmxt5pi] {
    flex: 1;
}

/* 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-4fofmxt5pi] {
    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-4fofmxt5pi] {
    background-color: #1b2731;
    border-bottom: 1px solid #141d25;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

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

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

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

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

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

@media (min-width: 641px) {
    .page[b-4fofmxt5pi] {
        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-4fofmxt5pi] {
        width: 260px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

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

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

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

#blazor-error-ui[b-4fofmxt5pi] {
    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-4fofmxt5pi] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-lx1kv9dh7b] {
    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-lx1kv9dh7b] {
    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-lx1kv9dh7b] {
    min-height: 3.5rem;
    background-color: #1b2731;
    border-bottom: 1px solid #141d25;
}

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

.bi[b-lx1kv9dh7b] {
    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-lx1kv9dh7b] {
    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-lx1kv9dh7b] {
    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-lx1kv9dh7b] {
    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-lx1kv9dh7b] {
    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-lx1kv9dh7b] {
    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-lx1kv9dh7b] {
    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-lx1kv9dh7b] {
    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-lx1kv9dh7b] {
    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-lx1kv9dh7b] {
    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-lx1kv9dh7b] {
    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-lx1kv9dh7b] {
    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-lx1kv9dh7b] {
    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-lx1kv9dh7b] {
    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-lx1kv9dh7b] {
    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-lx1kv9dh7b] {
    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-lx1kv9dh7b] {
    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-lx1kv9dh7b] {
    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-lx1kv9dh7b] {
    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-lx1kv9dh7b] {
    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-lx1kv9dh7b] {
    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-lx1kv9dh7b] {
    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-lx1kv9dh7b] {
    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-lx1kv9dh7b] {
    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-lx1kv9dh7b] {
    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-lx1kv9dh7b] {
    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");
}

/* Encabezado de grupo: separa las secciones del menú sin gritar. */
.nav-section[b-lx1kv9dh7b] {
    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-lx1kv9dh7b] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    user-select: none;
}

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

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

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

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

    .nav-item:last-of-type[b-lx1kv9dh7b] {
        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-lx1kv9dh7b]  .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-lx1kv9dh7b]  .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-lx1kv9dh7b]  a.active {
    background-color: rgba(47, 107, 115, 0.22);
    border-left-color: #4f9aa2;
    color: #fff;
}

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

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

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

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

    .nav-scrollable[b-lx1kv9dh7b] {
        /* 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/PortalLayout.razor.rz.scp.css */
/* El portal de cliente (ADR-0045): más aire y menos densidad que el panel del contador. No es una hoja de
   cálculo; es una vista de una página para alguien que quiere una respuesta, no un libro. */

.portal[b-u41mmnsrfs] {
    min-height: 100vh;
    background-color: #f6f8fa;
}

.portal-top[b-u41mmnsrfs] {
    background-color: #1b2731;
    color: #cdd6de;
    height: 3.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.portal-brand[b-u41mmnsrfs] {
    font-weight: 600;
    font-size: 1.15rem;
    color: #fff;
    letter-spacing: 0.02em;
}

.portal-empresa[b-u41mmnsrfs] {
    display: flex;
    align-items: center;
    gap: 1.25rem;
}

    .portal-empresa[b-u41mmnsrfs]  a {
        color: #cdd6de;
        text-decoration: none;
        white-space: nowrap;
    }

    .portal-empresa[b-u41mmnsrfs]  a:hover {
        color: #fff;
        text-decoration: underline;
    }

.portal-nav[b-u41mmnsrfs] {
    background-color: #fff;
    border-bottom: 1px solid #e3e8ee;
    height: 3rem;
    display: flex;
    align-items: center;
    gap: 1.5rem;
}

    .portal-nav[b-u41mmnsrfs]  .portal-link {
        color: #55606a;
        text-decoration: none;
        font-weight: 500;
        padding: 0.25rem 0;
        border-bottom: 2px solid transparent;
    }

    .portal-nav[b-u41mmnsrfs]  .portal-link:hover {
        color: #1b2731;
    }

    .portal-nav[b-u41mmnsrfs]  .portal-link.active {
        color: #1b2731;
        border-bottom-color: #2f6f4f;
    }

.portal-main[b-u41mmnsrfs] {
    max-width: 960px;
    margin: 0 auto;
    padding-top: 2rem;
    padding-bottom: 3rem;
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-b5p73s5t66],
.components-reconnect-repeated-attempt-visible[b-b5p73s5t66],
.components-reconnect-failed-visible[b-b5p73s5t66],
.components-pause-visible[b-b5p73s5t66],
.components-resume-failed-visible[b-b5p73s5t66],
.components-rejoining-animation[b-b5p73s5t66] {
    display: none;
}

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


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

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

}

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

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

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

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

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

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

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

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

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

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

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

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

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/Definiciones.razor.rz.scp.css */
/*
    DEFINICIONES (ADR-0050).

    Los `nav-tabs` de Bootstrap traen su propio marco gris con esquinas redondeadas que no se parece a
    nada más del sitio: app.css redefine botones, tablas y enlaces con los tokens de Contab, pero nunca
    tocó las pestañas, así que quedaban como un injerto. Acá se reemplazan por un subrayado, que es el
    mismo lenguaje que ya usa el menú lateral para marcar lo activo.
*/

.pestanas[b-642dxp45rd] {
    display: flex;
    gap: 1.75rem;
    border-bottom: 1px solid var(--contab-linea);
    margin-bottom: 1.5rem;
}

.pestana[b-642dxp45rd] {
    appearance: none;
    background: none;
    border: none;
    border-bottom: 2px solid transparent;
    padding: 0.5rem 0 0.65rem;
    margin-bottom: -1px;
    color: var(--contab-tinta-suave);
    font-size: 0.95rem;
    font-weight: 500;
    line-height: 1.2;
    cursor: pointer;
    transition: color .12s ease, border-color .12s ease;
}

    .pestana:hover[b-642dxp45rd] {
        color: var(--contab-tinta);
    }

    .pestana:focus-visible[b-642dxp45rd] {
        outline: 2px solid var(--contab-acento);
        outline-offset: 3px;
        border-radius: 2px;
    }

    .pestana.activa[b-642dxp45rd] {
        color: var(--contab-acento);
        border-bottom-color: var(--contab-acento);
        font-weight: 600;
    }

/* La barra de la tabla: cuántas hay a la izquierda, la acción a la derecha. */
.barra[b-642dxp45rd] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0.75rem;
}

.recuento[b-642dxp45rd] {
    color: var(--contab-tinta-suave);
    font-size: 0.9rem;
}

/*
    El formulario aparece sobre la tabla y solo cuando se pide. Antes ocupaba un tercio del ancho de
    forma permanente y empujaba la tabla —que es lo que el contador viene a mirar— a la mitad derecha
    de la pantalla, con dos campos flotando en el vacío el 95% del tiempo.
*/
.panel[b-642dxp45rd] {
    border: 1px solid var(--contab-linea);
    border-left: 3px solid var(--contab-acento);
    border-radius: var(--contab-radio);
    background: #fff;
    padding: 1.1rem 1.25rem;
    margin-bottom: 1.25rem;
}

.panel-titulo[b-642dxp45rd] {
    font-size: 0.8rem;
    font-weight: 600;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: var(--contab-tinta-suave);
    margin-bottom: 0.9rem;
}

/* Fila inactiva: se ve, se puede reactivar, y no compite con las vigentes. */
.inactiva td[b-642dxp45rd] {
    color: var(--contab-tinta-suave);
}

.nota[b-642dxp45rd] {
    color: var(--contab-tinta-suave);
    font-size: 0.85rem;
    max-width: 62rem;
    margin-top: 1rem;
}

.vacio[b-642dxp45rd] {
    border: 1px dashed var(--contab-linea);
    border-radius: var(--contab-radio);
    padding: 2.5rem 1rem;
    text-align: center;
    color: var(--contab-tinta-suave);
}
/* /Components/Pages/EmpresaSocios.razor.rz.scp.css */
/*
    SOCIOS Y REPRESENTANTES LEGALES (ADR-0054). Mismas clases que Definiciones.razor.css (ADR-0050): el
    aislamiento de CSS de Blazor no las comparte entre páginas.
*/

.pestanas[b-tzwntc7g1j] {
    display: flex;
    gap: 1.75rem;
    border-bottom: 1px solid var(--contab-linea);
    margin-bottom: 1.5rem;
}

.pestana[b-tzwntc7g1j] {
    appearance: none;
    background: none;
    border: none;
    border-bottom: 2px solid transparent;
    padding: 0.5rem 0 0.65rem;
    margin-bottom: -1px;
    color: var(--contab-tinta-suave);
    font-size: 0.95rem;
    font-weight: 500;
    line-height: 1.2;
    cursor: pointer;
    transition: color .12s ease, border-color .12s ease;
}

    .pestana:hover[b-tzwntc7g1j] {
        color: var(--contab-tinta);
    }

    .pestana:focus-visible[b-tzwntc7g1j] {
        outline: 2px solid var(--contab-acento);
        outline-offset: 3px;
        border-radius: 2px;
    }

    .pestana.activa[b-tzwntc7g1j] {
        color: var(--contab-acento);
        border-bottom-color: var(--contab-acento);
        font-weight: 600;
    }

.barra[b-tzwntc7g1j] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0.75rem;
}

.recuento[b-tzwntc7g1j] {
    color: var(--contab-tinta-suave);
    font-size: 0.9rem;
}

.panel[b-tzwntc7g1j] {
    border: 1px solid var(--contab-linea);
    border-left: 3px solid var(--contab-acento);
    border-radius: var(--contab-radio);
    background: #fff;
    padding: 1.1rem 1.25rem;
    margin-bottom: 1.25rem;
}

.panel-titulo[b-tzwntc7g1j] {
    font-size: 0.8rem;
    font-weight: 600;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: var(--contab-tinta-suave);
    margin-bottom: 0.9rem;
}

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

.nota[b-tzwntc7g1j] {
    color: var(--contab-tinta-suave);
    font-size: 0.85rem;
    max-width: 62rem;
    margin-top: 1rem;
}

.vacio[b-tzwntc7g1j] {
    border: 1px dashed var(--contab-linea);
    border-radius: var(--contab-radio);
    padding: 2.5rem 1rem;
    text-align: center;
    color: var(--contab-tinta-suave);
}
/* /Components/Pages/Entrar.razor.rz.scp.css */
/* Login centrado en una tarjeta.

   El alto lo da `flex: 1` contra el `.content` de CuentaLayout, no un `calc(100vh - 3.5rem)`: la barra
   superior solo existe cuando hay sesión, y en el login no la hay — la resta fija dejaba la tarjeta
   3,5 rem más abajo del centro real, justo en la única página donde eso se nota. */
.login[b-0nwm33iue8] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem 1rem 4rem;   /* el remate de abajo compensa ópticamente: centrado exacto se ve caído */
}

/* El único radio del sistema que NO usa --contab-radio, y es deliberado: esta tarjeta no es un bloque
   dentro de una página, ES la página —flota sola sobre el fondo, sin barra ni menú—. El doble del token
   la separa del resto y no compite con nada, porque no hay nada más en pantalla. */
.login-card[b-0nwm33iue8] {
    width: 100%;
    max-width: 400px;
    background: #fff;
    border: 1px solid var(--contab-linea, #e3e7ea);
    border-radius: calc(var(--contab-radio, 6px) * 2);
    box-shadow: 0 12px 40px rgba(38, 49, 60, 0.10);
    padding: 2.5rem 2.25rem;
}

/* La marca va centrada y sola arriba: es la única página del sistema sin barra ni menú, y alineada a la
   izquierda quedaba como el encabezado de un formulario más en vez de la portada de la aplicación. */
.login-head[b-0nwm33iue8] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.6rem;
    margin-bottom: 1.75rem;
}

.login-logo[b-0nwm33iue8] {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 9px;
    background: var(--contab-acento, #2f6b73);
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 1.3rem;
    line-height: 1;
}

.login-brand[b-0nwm33iue8] {
    font-weight: 700;
    font-size: 1.3rem;
    letter-spacing: -0.01em;
    color: var(--contab-tinta, #26313c);
}

.login-title[b-0nwm33iue8] {
    font-size: 1.15rem;
    font-weight: 600;
    color: var(--contab-tinta, #26313c);
    text-align: center;
    margin: 0 0 0.25rem;
}

.login-sub[b-0nwm33iue8] {
    font-size: 0.85rem;
    color: var(--contab-tinta-suave, #5c6772);
    text-align: center;
    margin: 0 0 1.75rem;
}

.login-card[b-0nwm33iue8]  .form-label {
    font-size: 0.85rem;
    font-weight: 600;
    margin-bottom: 0.3rem;
    color: var(--contab-tinta, #26313c);
}

.login-card[b-0nwm33iue8]  .form-control {
    padding: 0.6rem 0.75rem;
}

.login-card[b-0nwm33iue8]  .btn-lg {
    padding: 0.6rem;
    font-weight: 600;
}
/* /Components/Pages/Home.razor.rz.scp.css */
/*
    HOME. Mismos tokens que app.css (--contab-*): esta página no inventa su propia paleta, solo compone
    tarjetas, badges e íconos con lo que el resto de la aplicación ya usa.
*/

/* ── Badge de ícono: mask-image + background-color, para poder recolorear el MISMO glifo por
   estado (ok/alerta/aviso/acento) sin duplicar el SVG por color — a diferencia de los íconos de
   "Accesos rápidos" (ic-*), que son siempre teal y sí llevan el color horneado en el data-URI. ── */
.badge-icono[b-vbv76ozsyt] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: none;
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 50%;
    margin-bottom: 0.5rem;
}

.badge-chica[b-vbv76ozsyt] {
    width: 1.85rem;
    height: 1.85rem;
    margin-bottom: 0.4rem;
}

.badge-glifo[b-vbv76ozsyt] {
    width: 1.1rem;
    height: 1.1rem;
    background-color: currentColor;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
}

.badge-chica .badge-glifo[b-vbv76ozsyt] {
    width: 0.9rem;
    height: 0.9rem;
}

.badge-acento[b-vbv76ozsyt] {
    background: var(--contab-acento-tenue);
    color: var(--contab-acento);
}

.badge-ok[b-vbv76ozsyt] {
    background: var(--contab-ok-tenue);
    color: var(--contab-ok);
}

.badge-alerta[b-vbv76ozsyt] {
    background: var(--contab-alerta-tenue);
    color: var(--contab-alerta);
}

.badge-aviso[b-vbv76ozsyt] {
    background: var(--contab-aviso-tenue);
    color: var(--contab-aviso);
}

.glifo-resultado[b-vbv76ozsyt] {
    --m: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' 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");
}

.glifo-ingresos[b-vbv76ozsyt] {
    --m: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' 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");
}

.glifo-activo[b-vbv76ozsyt] {
    --m: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' 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");
}

.glifo-periodo[b-vbv76ozsyt] {
    --m: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' 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");
}

.glifo-f29[b-vbv76ozsyt] {
    --m: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' 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");
}

.glifo-rcv[b-vbv76ozsyt] {
    --m: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' 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");
}

.glifo-borradores[b-vbv76ozsyt] {
    --m: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' 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");
}

.badge-glifo[b-vbv76ozsyt] {
    -webkit-mask-image: var(--m);
    mask-image: var(--m);
}

/* ── KPI financieros del año (utilidad, ingresos, activo) ── */
.kpi-cabecera[b-vbv76ozsyt] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    margin-bottom: 0.5rem;
}

    .kpi-cabecera .badge-icono[b-vbv76ozsyt] {
        margin-bottom: 0;
    }

.kpi-etiqueta[b-vbv76ozsyt] {
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--contab-tinta-suave);
    margin: 0;
}

.kpi-valor[b-vbv76ozsyt] {
    font-size: 1.9rem;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 0.3rem;
    color: var(--contab-tinta);
    font-variant-numeric: proportional-nums;
}

.text-ok[b-vbv76ozsyt] {
    color: var(--contab-ok);
}

.text-alerta[b-vbv76ozsyt] {
    color: var(--contab-alerta);
}

/* Sparkline y gráfico de barras: las clases de .sparkline-caja, .grafico-* y .swatch-* viven en
   app.css (global), no acá — GraficosFinancieros (Contab.Web/Components/Shared) las usa también
   desde Portal/PortalResumen.razor, y una regla scoped a Home no llegaría a otro componente aunque
   comparta el nombre de clase (cada .razor recibe su propio atributo de scope de Blazor). El resto
   del estilo del sparkline/barras (línea, punto, barras, guías) se fija inline en GraficosFinancieros,
   con style= y no class=: un <svg> armado a mano con RenderTreeBuilder nunca recibe el atributo de
   scope, así que una clase de una hoja scoped no calzaría con nada y el navegador caería al fill por
   defecto (negro). */

/* ── Identificación de la empresa: una tarjeta más en la fila de los KPI del año, no una franja
   de texto perdida entre "Estado del mes" y "Accesos rápidos". ── */
.identificacion-razon[b-vbv76ozsyt] {
    font-weight: 600;
    color: var(--contab-tinta);
}

.identificacion-detalle[b-vbv76ozsyt] {
    color: var(--contab-tinta-suave);
    font-size: 0.85rem;
}

.identificacion-link[b-vbv76ozsyt] {
    display: inline-block;
    margin-top: 0.3rem;
    font-size: 0.85rem;
}

/* ── Tarjetas de estado del mes (período, F29, RCV, borradores) ── */
.stats-grid[b-vbv76ozsyt] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr));
    gap: 0.65rem;
}

.stat[b-vbv76ozsyt] {
    display: block;
    border: 1px solid var(--contab-linea);
    border-top: 3px solid var(--contab-linea);
    border-radius: var(--contab-radio);
    background: #fff;
    padding: 0.9rem 1.1rem;
    text-decoration: none;
    color: inherit;
    transition: border-color .12s ease, box-shadow .12s ease, transform .12s ease;
}

.stat-ok[b-vbv76ozsyt] {
    border-top-color: var(--contab-ok);
}

.stat-alerta[b-vbv76ozsyt] {
    border-top-color: var(--contab-alerta);
}

.stat-aviso[b-vbv76ozsyt] {
    border-top-color: var(--contab-aviso);
}

.stat-link:hover[b-vbv76ozsyt] {
    border-color: var(--contab-acento);
    box-shadow: 0 4px 10px -6px rgba(38, 49, 60, 0.35);
    transform: translateY(-1px);
}

.stat-etiqueta[b-vbv76ozsyt] {
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: var(--contab-tinta-suave);
}

.stat-valor[b-vbv76ozsyt] {
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1.3;
    color: var(--contab-tinta);
}

/* Para valores de texto (Abierto/Declarado) en vez de un número: al mismo tamaño se leían como si
   fueran la cifra principal de la tarjeta, compitiendo con los KPI de arriba. */
.stat-valor-chica[b-vbv76ozsyt] {
    font-size: 1.1rem;
}

.stat-detalle[b-vbv76ozsyt] {
    font-size: 0.85rem;
    color: var(--contab-tinta-suave);
}

    .stat-detalle a[b-vbv76ozsyt] {
        white-space: nowrap;
    }

/* ── Accesos rápidos: tiles con icono, no una barra de botones ── */
.accesos[b-vbv76ozsyt] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(11rem, 1fr));
    gap: 0.65rem;
}

.acceso[b-vbv76ozsyt] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    padding: 0.8rem 1rem;
    border: 1px solid var(--contab-linea);
    border-radius: var(--contab-radio);
    background: #fff;
    color: var(--contab-tinta);
    font-weight: 500;
    text-decoration: none;
    transition: border-color .12s ease, background-color .12s ease;
}

    .acceso:hover[b-vbv76ozsyt] {
        border-color: var(--contab-acento);
        background-color: var(--contab-acento-tenue);
        color: var(--contab-tinta);
    }

.acceso-icono[b-vbv76ozsyt] {
    display: inline-block;
    flex: none;
    width: 1.15rem;
    height: 1.15rem;
    background-size: cover;
}

/* Estos, a diferencia de los glifo-* de arriba, llevan el color horneado en el propio SVG (siempre
   teal): son de un solo tono fijo, no cambian de estado, así que no necesitan mask-image. */
.ic-digitar[b-vbv76ozsyt] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%232f6b73' 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");
}

.ic-borradores[b-vbv76ozsyt] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%232f6b73' 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");
}

.ic-diario[b-vbv76ozsyt] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%232f6b73' 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");
}

.ic-eeff[b-vbv76ozsyt] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%232f6b73' 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");
}

.ic-periodos[b-vbv76ozsyt] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%232f6b73' 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");
}

.ic-plan[b-vbv76ozsyt] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%232f6b73' 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");
}

.ic-ficha[b-vbv76ozsyt] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%232f6b73' 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");
}

.ic-socios[b-vbv76ozsyt] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%232f6b73' 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");
}
/* /Components/Pages/PlanCuentas.razor.rz.scp.css */
/*
    PLAN DE CUENTAS (ADR-0053). Mismas clases que Definiciones.razor.css (ADR-0050): el aislamiento de CSS
    de Blazor no las comparte entre páginas, así que se repiten acá con los mismos tokens.
*/

.barra[b-tc514nfzs2] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0.75rem;
}

.recuento[b-tc514nfzs2] {
    color: var(--contab-tinta-suave);
    font-size: 0.9rem;
}

.panel[b-tc514nfzs2] {
    border: 1px solid var(--contab-linea);
    border-left: 3px solid var(--contab-acento);
    border-radius: var(--contab-radio);
    background: #fff;
    padding: 1.1rem 1.25rem;
    margin-bottom: 1.25rem;
}

.panel-titulo[b-tc514nfzs2] {
    font-size: 0.8rem;
    font-weight: 600;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: var(--contab-tinta-suave);
    margin-bottom: 0.9rem;
}

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

.nota[b-tc514nfzs2] {
    color: var(--contab-tinta-suave);
    font-size: 0.85rem;
    max-width: 62rem;
    margin-top: 1rem;
}

.vacio[b-tc514nfzs2] {
    border: 1px dashed var(--contab-linea);
    border-radius: var(--contab-radio);
    padding: 2.5rem 1rem;
    text-align: center;
    color: var(--contab-tinta-suave);
}