@import '_content/Equipa.Blazor.Component.Shared/Equipa.Blazor.Component.Shared.3pkcdzbkev.bundle.scp.css';
@import '_content/Microsoft.FluentUI.AspNetCore.Components/Microsoft.FluentUI.AspNetCore.Components.ewdlgswx1m.bundle.scp.css';

/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-pogkdi024l],
.components-reconnect-repeated-attempt-visible[b-pogkdi024l],
.components-reconnect-failed-visible[b-pogkdi024l],
.components-pause-visible[b-pogkdi024l],
.components-resume-failed-visible[b-pogkdi024l],
.components-rejoining-animation[b-pogkdi024l] {
    display: none;
}

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


#components-reconnect-modal[b-pogkdi024l] {
    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-pogkdi024l 0.5s both;
    &[open]

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

}

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

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

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

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

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

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

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

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

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

@keyframes components-rejoining-animation-b-pogkdi024l {
    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/Creditos/Apertura/AperturaContableMain.razor.rz.scp.css */
/* Ver EstadoDeApertura.razor.css: el CSS con ambito es por componente, asi que la regla vive en
   los dos y no se hereda. */
.apertura-tarjeta[b-v56wpq93em] {
    margin-top: 8px;
    padding: 12px;
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 6px;
    background: var(--neutral-layer-1);
}

/* Los pasos son botones que llevan a cada parte del borrador; en celular parten en varias filas. */
.apertura-pasos[b-v56wpq93em] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 16px 0;
}

.apertura-lista[b-v56wpq93em] {
    margin-top: 12px;
}

/* Una fila por carga: el texto se parte en celular y las acciones quedan a la derecha, sin
   desbordar el ancho de la pantalla. */
.apertura-fila[b-v56wpq93em] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 6px 4px;
    border-top: 1px solid var(--neutral-stroke-rest);
}

.apertura-fila-en-edicion[b-v56wpq93em] {
    background: var(--neutral-layer-2);
}

.apertura-fila-texto[b-v56wpq93em] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    overflow-wrap: anywhere;
}

.apertura-fila-acciones[b-v56wpq93em] {
    display: flex;
    flex-shrink: 0;
}

.apertura-autor[b-v56wpq93em] {
    color: var(--neutral-foreground-hint);
    font-size: 12px;
}
/* /Components/Pages/Creditos/Apertura/EstadoDeApertura.razor.rz.scp.css */
/* La tarjeta del resumen y la de cada punto de verificacion. Alto segun su contenido: un
   FluentCard se estira al alto del contenedor y deja media pantalla vacia en el medio. */
.apertura-tarjeta[b-gg1js246yi] {
    margin-top: 8px;
    padding: 12px;
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 6px;
    background: var(--neutral-layer-1);
}
/* /Components/Pages/Creditos/Clientes/ListaDeClientes.razor.rz.scp.css */
/*
    Chip propio en vez de FluentBadge: su parametro BackgroundColor no llega a pintar nada porque el
    color del badge sale de un token compilado dentro del shadow DOM, no de una variable CSS que se
    pueda sobrescribir desde afuera. Comprobado en navegador el 2026-09-10.
*/
/*
    La bandera acompaña a la mora en la misma celda en vez de ocupar una columna propia: casi ningun
    cliente la tiene, y una columna vacia en todas las filas restaria ancho justo en celular.
*/
/*
    Sin envolver, y no es un detalle estetico: las filas del grid tienen altura fija (RowSize.Small),
    asi que un segundo chip que pase a una linea nueva queda recortado y la bandera —justo el dato que
    hay que ver— desaparece. Comprobado en celular el 2026-09-10. En una sola linea el ancho lo
    absorbe el desplazamiento horizontal que la tabla ya tiene.
*/
.calificacion-celda[b-tu10e8wias] {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    gap: 4px;
}

/* Borde en vez de otro tono: distingue la bandera del chip de mora aunque los dos sean rojos. */
.calificacion-bandera[b-tu10e8wias] {
    background-color: #3B0A0F;
    border: 1px solid #E8A0A0;
}

.calificacion-chip[b-tu10e8wias] {
    align-items: center;
    border-radius: 10px;
    color: #FFFFFF;
    display: inline-flex;
    font-size: 11px;
    font-weight: 600;
    justify-content: center;
    line-height: 1.4;
    padding: 2px 8px;
    white-space: nowrap;
}
/* /Components/Pages/Creditos/Creditos/CreditoSimpleDialog.razor.rz.scp.css */
/* Panel de lo que se deriva de la compra elegida. Se distingue del resto del formulario a
   proposito: son datos que el sistema calcula y que no se pueden editar aca, asi que no deben
   parecer campos vacios esperando que alguien los complete. */
.credito-derivado[b-xodvtkeczv] {
    background: var(--neutral-layer-2);
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 6px;
    padding: 10px 12px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.credito-derivado-nota[b-xodvtkeczv] {
    color: var(--neutral-foreground-hint);
    font-size: 0.85em;
}

/* El texto descriptivo de una compra puede ser largo. Permitir que este elemento flex se
   encoja evita que su ancho intrinseco empuje el dialogo fuera de una pantalla angosta. */
.credito-compra[b-xodvtkeczv] {
    min-width: 0;
}

/* Saldo de la cuenta elegida (ADR 0024). Negativo se distingue: es un sobregiro que ya existe. */
.credito-saldo[b-xodvtkeczv] {
    margin-top: 4px;
    font-size: 0.9em;
}

.credito-saldo-negativo[b-xodvtkeczv] {
    color: var(--error);
    font-weight: 600;
}

/* Aviso de sobregiro: no es un error, es una decision que se pide explicita. */
.credito-sobregiro[b-xodvtkeczv] {
    border: 1px solid var(--warning);
    border-radius: 6px;
    padding: 10px 12px;
    min-width: 0;
}

.credito-sobregiro-titulo[b-xodvtkeczv] {
    font-weight: 600;
    color: var(--warning);
    margin-bottom: 4px;
}
/* /Components/Pages/Creditos/Creditos/RegistrarPagoDialog.razor.rz.scp.css */
.fecha-pago[b-yv7b1vyoh0] { width: 220px; }
.selector-medio[b-yv7b1vyoh0] { display: grid; gap: 8px; margin-top: 14px; }
.selector-entidad[b-yv7b1vyoh0] { display: grid; gap: 8px; margin-top: 6px; }
.opciones-seleccion[b-yv7b1vyoh0] { display: flex; flex-wrap: wrap; gap: 8px; }
.opciones-seleccion.entidades[b-yv7b1vyoh0] { max-height: 150px; overflow-y: auto; padding: 2px; }
.tabla-pagos[b-yv7b1vyoh0] { margin-top: 12px; }
.tarjetas-pagos[b-yv7b1vyoh0] { display: none; }
.mensaje-error[b-yv7b1vyoh0] { color: var(--error, #b10e1c); font-size: .85rem; margin-top: 4px; }
.acciones[b-yv7b1vyoh0] { display: flex; justify-content: flex-end; gap: 10px; width: 100%; }

@media (max-width: 600px) {
    .fecha-pago[b-yv7b1vyoh0] { width: 100%; }
    .opciones-seleccion[b-yv7b1vyoh0] { display: grid; grid-template-columns: 1fr; }
    .opciones-seleccion[b-yv7b1vyoh0]  fluent-button { width: 100%; }
    .tabla-pagos[b-yv7b1vyoh0] { display: none; }
    .tarjetas-pagos[b-yv7b1vyoh0] { display: grid; gap: 10px; margin-top: 12px; }
    .tarjeta-pago[b-yv7b1vyoh0] { box-sizing: border-box; padding: 14px; width: 100%; }
    .tarjeta-encabezado[b-yv7b1vyoh0] { align-items: center; display: flex; flex-wrap: wrap; gap: 10px; justify-content: space-between; }
    .saldos[b-yv7b1vyoh0] { display: grid; gap: 6px; grid-template-columns: repeat(3, 1fr); margin: 14px 0 0; }
    .saldos > div[b-yv7b1vyoh0] { min-width: 0; }
    .saldos dt[b-yv7b1vyoh0] { color: var(--neutral-foreground-3, #666); font-size: .78rem; }
    .saldos dd[b-yv7b1vyoh0] { font-weight: 600; margin: 3px 0 0; overflow-wrap: anywhere; }
    .saldo-total[b-yv7b1vyoh0] { border-left: 1px solid var(--neutral-stroke-divider-rest, #ddd); padding-left: 10px; }
    .opciones-pago[b-yv7b1vyoh0] { border-top: 1px solid var(--neutral-stroke-divider-rest, #ddd); display: grid; gap: 10px; margin-top: 14px; padding-top: 12px; }
    .acciones[b-yv7b1vyoh0] { flex-direction: column; }
    .acciones[b-yv7b1vyoh0]  fluent-button { width: 100%; }
}
/* /Components/Pages/Creditos/Creditos/VerCuotasDialog.razor.rz.scp.css */
.cuota-header[b-396v7z2r85] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    cursor: pointer;
    flex-wrap: wrap;
    outline: none;
}

.cuota-header:focus-visible[b-396v7z2r85] {
    outline: 2px solid var(--accent-fill-rest, #0078d4);
    outline-offset: 2px;
    border-radius: 4px;
}

.cuota-header-main[b-396v7z2r85] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.cuota-numero[b-396v7z2r85] {
    font-weight: 600;
}

.cuota-vencimiento[b-396v7z2r85] {
    font-size: 0.85em;
    color: var(--neutral-foreground-3, #666);
}

.cuota-header-estado[b-396v7z2r85] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.cuota-detalle[b-396v7z2r85] {
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px solid var(--neutral-stroke-divider-rest, #e0e0e0);
}

.cuota-detalle-grid-wrapper[b-396v7z2r85] {
    overflow-x: auto;
}

.movimiento-deshecho[b-396v7z2r85] {
    text-decoration: line-through;
    color: var(--neutral-foreground-3, #666);
}

@media (max-width: 480px) {
    .cuota-header[b-396v7z2r85] {
        gap: 6px;
    }

    .cuota-header-estado[b-396v7z2r85] {
        width: 100%;
        justify-content: space-between;
    }
}
/* /Components/Pages/Creditos/CuentasDeTesoreria/ListaDeCuentasDeTesoreria.razor.rz.scp.css */
/* Una linea por moneda: una cuenta bancaria con guaranies y dolares tiene dos saldos, no uno. */
.saldo-lista[b-6cuqn2fbqi] {
    display: flex;
    flex-direction: column;
}

/* Un saldo negativo es un sobregiro que ya existe (ADR 0024): se distingue sin depender solo del
   color, por eso tambien va en negrita ademas del signo. */
.saldo-negativo[b-6cuqn2fbqi] {
    color: var(--error);
    font-weight: 600;
}

.saldo-sin-dato[b-6cuqn2fbqi] {
    color: var(--neutral-foreground-hint);
}

/* El numero va junto al banco, en la misma linea —la fila de la grilla tiene alto fijo y una
   segunda linea quedaba recortada— y mas tenue: identifica la cuenta sin competir con el nombre. */
.numero-de-cuenta[b-6cuqn2fbqi] {
    color: var(--neutral-foreground-hint);
}
/* /Components/Pages/Creditos/CuentasDeTesoreria/SobregiroDeSalida.razor.rz.scp.css */
.salida-saldo[b-xd636n13kd] {
    margin-top: 4px;
    font-size: 0.9em;
}

.salida-saldo-negativo[b-xd636n13kd] {
    color: var(--error);
    font-weight: 600;
}

.salida-nota[b-xd636n13kd] {
    opacity: 0.8;
    font-size: 0.9em;
}

/* Aviso de sobregiro: no es un error, es una decision que se pide explicita. */
.salida-sobregiro[b-xd636n13kd] {
    border: 1px solid var(--warning);
    border-radius: 6px;
    padding: 10px 12px;
    margin-top: 8px;
}

.salida-sobregiro-titulo[b-xd636n13kd] {
    font-weight: 600;
    margin-bottom: 4px;
}
/* /Components/Pages/Creditos/DeudasDeLaEmpresa/DeudasDeLaEmpresaMain.razor.rz.scp.css */
.deudas-layout[b-ore1i6pkzl] {
    display: grid;
    grid-template-columns: minmax(240px, 320px) minmax(0, 1fr);
    gap: 16px;
    margin-top: 16px;
}

.deudas-lista[b-ore1i6pkzl], .deuda-detalle[b-ore1i6pkzl] {
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 10px;
    box-sizing: border-box;
    min-width: 0;
    padding: 12px;
}

.deuda-item[b-ore1i6pkzl] {
    align-items: center;
    background: transparent;
    border: 0;
    border-bottom: 1px solid var(--neutral-stroke-rest);
    color: inherit;
    cursor: pointer;
    display: flex;
    font: inherit;
    justify-content: space-between;
    padding: 12px 8px;
    text-align: left;
    width: 100%;
}

.deuda-item.seleccionada[b-ore1i6pkzl] { background: var(--accent-fill-rest); color: var(--foreground-on-accent-rest); border-radius: 6px; }
.deuda-item:focus-visible[b-ore1i6pkzl] { outline: 2px solid var(--accent-fill-focus); outline-offset: 2px; }
.deuda-saldo[b-ore1i6pkzl] { font-weight: 600; white-space: nowrap; }
.deuda-vacio[b-ore1i6pkzl] { color: var(--neutral-foreground-hint); margin-top: 8px; }
.tabla-responsive[b-ore1i6pkzl] { max-width: 100%; overflow-x: auto; margin-top: 8px; }
table[b-ore1i6pkzl] { border-collapse: collapse; min-width: 620px; width: 100%; }
th[b-ore1i6pkzl], td[b-ore1i6pkzl] { border-top: 1px solid var(--neutral-stroke-rest); padding: 8px 6px; text-align: left; }
.numero[b-ore1i6pkzl] { text-align: right; }

/* El menu lateral deja menos ancho util que el viewport completo. En una tableta de 768 px,
   esperar hasta 760 px comprime el detalle antes de activar el apilado. */
@media (max-width: 900px) {
    .deudas-layout[b-ore1i6pkzl] { grid-template-columns: 1fr; }
}

@media (max-width: 480px) {
    .deuda-encabezado[b-ore1i6pkzl] {
        align-items: stretch !important;
        flex-direction: column !important;
        gap: 12px;
    }
}
/* /Components/Pages/Home.razor.rz.scp.css */
/* Las tarjetas y su grilla ya no viven acá: se mudaron a TarjetasDeNavegacion.razor.css cuando los
   índices de sección pidieron el mismo patrón. Acá queda solo lo propio de la portada. */

.portada[b-qoxn1ohuuq] {
    padding: 32px 8px 8px;
    max-width: 1120px;
}

.portada-encabezado[b-qoxn1ohuuq] {
    margin-bottom: 28px;
}

.portada-encabezado h1[b-qoxn1ohuuq] {
    margin: 0 0 4px;
    font-size: 26px;
    font-weight: 600;
    letter-spacing: -0.01em;
    color: var(--neutral-foreground-rest);
}

.portada-encabezado p[b-qoxn1ohuuq] {
    margin: 0;
    font-size: 15px;
    color: var(--neutral-foreground-hint, #616161);
}

.portada-pie[b-qoxn1ohuuq] {
    margin: 24px 0 0;
    font-size: 12.5px;
    color: var(--neutral-foreground-hint, #8a8a8a);
}

@media (max-width: 600px) {
    .portada[b-qoxn1ohuuq] {
        padding: 20px 4px 4px;
    }

    .portada-encabezado h1[b-qoxn1ohuuq] {
        font-size: 21px;
    }
}
/* /Components/Pages/Permisos/Usuarios/DetalleDeUsuario.razor.rz.scp.css */
.detalle-usuario[b-lg47s0u0xk] {
    box-sizing: border-box;
    max-width: 100%;
    min-width: 0;
    padding: 8px 12px;
}

.dato-ajustable[b-lg47s0u0xk] {
    min-width: 0;
    overflow-wrap: anywhere;
    word-break: break-word;
}

@media (max-width: 700px) {
    .detalle-usuario[b-lg47s0u0xk] {
        padding: 16px 0 8px;
    }
}
/* /Components/Pages/Permisos/Usuarios/ListaDeUsuarios.razor.rz.scp.css */
/* Lista y detalle lado a lado solo si caben los dos; si no, el detalle baja. Se decide por el
   espacio real y no por el ancho de la ventana, que no sabe cuánto ocupa el menú lateral. */
.usuarios-contenido[b-zb27y4qs96] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    max-width: 100%;
    width: 100%;
}

.usuarios-lista[b-zb27y4qs96] {
    flex: 0 1 auto;
    min-width: min(320px, 100%);
}

.usuario-detalle[b-zb27y4qs96] {
    flex: 1 1 300px;
    min-width: 0;
}

.tabla-usuarios-scroll[b-zb27y4qs96] {
    max-width: 100%;
    overflow-x: auto;
    scrollbar-width: thin;
}

@media (max-width: 700px) {
    .usuarios-contenido[b-zb27y4qs96] {
        gap: 16px;
    }

    .usuario-detalle[b-zb27y4qs96] {
        border-top: 1px solid var(--neutral-stroke-divider-rest, #ddd);
        width: 100%;
    }
}
/* /Components/Pages/Permisos/Usuarios/UbicacionDeUsuarioSeccion.razor.rz.scp.css */
.ayuda-ubicacion[b-fze8we7a46] {
    color: var(--neutral-foreground-hint);
    font-size: 12px;
    line-height: 1.4;
    margin-top: 2px;
    overflow-wrap: anywhere;
}

.historial-ubicacion[b-fze8we7a46] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.historial-ubicacion li[b-fze8we7a46] {
    display: flex;
    flex-direction: column;
    gap: 1px;
    padding-bottom: 6px;
    border-bottom: 1px solid var(--neutral-stroke-divider-rest);
    overflow-wrap: anywhere;
}

.historial-ubicacion li:last-child[b-fze8we7a46] {
    border-bottom: none;
}

.historial-cuando[b-fze8we7a46] {
    color: var(--neutral-foreground-hint);
    font-size: 12px;
}
/* /Components/Pages/Permisos/Usuarios/UsuariosMain.razor.rz.scp.css */
.buscador-usuarios[b-3fixm2en55] {
    margin-top: 12px;
    max-width: 420px;
}

.paginador-usuarios[b-3fixm2en55] {
    max-width: 100%;
    overflow-x: auto;
    scrollbar-width: thin;
    width: fit-content;
}

@media (max-width: 600px) {
    .encabezado-usuarios[b-3fixm2en55] {
        align-items: center;
        gap: 8px;
    }

    .encabezado-usuarios h3[b-3fixm2en55] {
        margin-block: 8px;
    }

    .buscador-usuarios[b-3fixm2en55] {
        max-width: none;
        width: 100%;
    }
}