@import '_content/Blazored.Toast/Blazored.Toast.bundle.scp.css';
@import '_content/ibSoft.UI.Shared/ibSoft.UI.Shared.hg5pztsesj.bundle.scp.css';
@import '_content/Microsoft.AspNetCore.Components.QuickGrid/Microsoft.AspNetCore.Components.QuickGrid.boiwgh0w5b.bundle.scp.css';

/* /Components/Layout/MainLayout.razor.rz.scp.css */
/* MVarela may/26 Estilos especificos del shell. Los globales viven en wwwroot/css/. */

#blazor-error-ui[b-6e1q5v5vdv] {
    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-6e1q5v5vdv] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Pages/ComprasPages/GraficasMensuales/Index.razor.rz.scp.css */
/* MVarela sep/26 Estilos propios de Compras > Graficas de Compras > Compras Mensuales.
   Van en CSS AISLADO (Index.razor.css) y no en wwwroot/app.css a proposito: app.css es compartido
   por todo el shell y estas dos clases solo sirven a esta pantalla.
   Archivo en ASCII puro: IIS sirve los .css sin charset y un acento se veria roto. */

/* Caja azul del Total de Compras. Reproduce la del legacy (fondo rgb(20,68,116), texto blanco y
   las dos esquinas redondeadas en diagonal), pero con el marcado del shell. */
/* MVarela sep/26 La caja vive AHORA en el renglon de los filtros, no en una fila propia, asi que
   se ajusta a su contenido en vez de ocupar un tercio del ancho. Se quita el min-height de 60px:
   alineada con align-items-end junto a unos <select> de alto normal, esos 60px la hacian sobresalir
   del renglon. text-align derecha porque lo que importa es la cifra, y es la que queda al filo. */
.caja-total-compras[b-t9fnq4m6ak] {
    background-color: #144474;
    color: #fff;
    font-weight: bold;
    padding: 0.35rem 0.75rem;
    text-align: right;
    border-top-left-radius: 15px;
    border-bottom-right-radius: 15px;
}

/* El titulo puede llevar los filtros interiores concatenados: se recorta con puntos suspensivos
   en vez de desbordar la caja, igual que en el legacy. */
.caja-total-compras-titulo[b-t9fnq4m6ak] {
    font-size: 0.8rem;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.caja-total-compras-monto[b-t9fnq4m6ak] {
    font-size: 1.1rem;
}

/* Las tres graficas ya no viven aqui: las dibuja <GraficaBarras> (ibSoft.UI.Shared) con SVG inline
   y trae su propio CSS aislado.

   LO UNICO QUE LES TOCA ESTA PANTALLA ES LA IMPRESION. En papel la hoja mide unos 800 px, o sea
   MENOS que el breakpoint lg de Bootstrap (992 px): sin esta regla el col-lg-6 se degrada a col-12
   y las tres graficas salen a ancho completo, casi 1,100 px de alto, empujando la tabla de detalle
   dos hojas mas abajo. Forzandolas a la mitad del ancho caben dos por renglon y las tres ocupan un
   solo bloque antes del detalle. */
@media print {
    .fila-graficas > [class*="col-"][b-t9fnq4m6ak] {
        flex: 0 0 50%;
        width: 50%;
        max-width: 50%;
    }
}
/* /Components/Pages/ContabilidadPages/BalanceGeneral/Index.razor.rz.scp.css */
/* MVarela sep/26 L06 Estilos propios del Balance General.

   Van en CSS AISLADO (Index.razor.css) y no en wwwroot/app.css a proposito: app.css es compartido
   por todo el shell y estos dos colores solo sirven a esta pantalla.
   Archivo en ASCII puro: IIS sirve los .css sin charset y un acento se veria roto. */

/* Los dos colores del legacy, tal cual: verde para los renglones de TOTAL de grupo mayor
   (ACTIVO / PASIVO / CAPITAL y el gran total) y azul para los encabezados y subtotales de subgrupo.

   Se pinta --bs-table-bg-state y no solo background-color porque Bootstrap 5.3 resuelve el fondo de
   cada celda con box-shadow: inset ... var(--bs-table-bg-state, ...). Sin la variable, el hover de
   table-hover taparia el color. Se declara en la CELDA (> *) y no en el <tr> por la misma razon. */
.table > tbody > tr.bal-grupo > *[b-3kjphsykrr] {
    background-color: #8AE877;
    --bs-table-bg-state: #8AE877;
}

.table > tbody > tr.bal-subgrupo > *[b-3kjphsykrr] {
    background-color: #BEE8F2;
    --bs-table-bg-state: #BEE8F2;
}

/* Los totales de grupo mayor van un punto mas grandes, como en el legacy. */
.bal-grupo-texto[b-3kjphsykrr] {
    font-size: 16px;
}

/* En papel los navegadores descartan los fondos por omision, y sin ellos el balance impreso pierde
   la separacion visual entre encabezados, subtotales y totales. */
@media print {
    .table > tbody > tr.bal-grupo > *[b-3kjphsykrr],
    .table > tbody > tr.bal-subgrupo > *[b-3kjphsykrr] {
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }
}
/* /Components/Pages/ContabilidadPages/Compartido/ConsultaDoctosContabVentas.razor.rz.scp.css */
/* MVarela sep/26 L07 Estilos propios del cuerpo comun de las consultas de contabilizacion de
   documentos con forma de VENTAS (Contabilizacion de Facturas de Ventas y de Notas de Credito de
   Clientes).

   Van en CSS AISLADO (.razor.css) y no en wwwroot/app.css a proposito: app.css es compartido por
   todo el shell y por los cuatro agentes de este lote, y estas dos clases solo sirven a las
   pantallas de contabilizacion de documentos.

   Archivo en ASCII puro: IIS sirve los .css sin charset y un acento se veria roto.

   QUE REPRODUCEN: el legacy pinta el renglon con style inline segun el Estatus del documento:
   "C" cancelado en texto rojo -eso ya lo resuelve la clase estandar fila-cancelada de app.css-,
   "P" con fondo amarillo y "D" con fondo naranja. Aqui viven esas dos.

   Estan duplicadas con las de PolizasDevVentas y PolizasBancos a proposito: el CSS aislado es POR
   COMPONENTE, asi que no se puede compartir sin subirlas a app.css, que es justo el archivo que este
   lote no toca.

   El selector apunta a "> *" y no al <tr> porque Bootstrap 5 fija el color de fondo en la CELDA:
   una regla sobre el <tr> no se ve. */

.table > tbody > tr.fila-estatus-p > *[b-2o102qx9fe] {
    background-color: #fff3cd;
    --bs-table-bg-state: #fff3cd;
    --bs-table-accent-bg: transparent;
}

.table > tbody > tr.fila-estatus-d > *[b-2o102qx9fe] {
    background-color: #ffe0b2;
    --bs-table-bg-state: #ffe0b2;
    --bs-table-accent-bg: transparent;
}
/* /Components/Pages/ContabilidadPages/EstadoResultados/Index.razor.rz.scp.css */
/* MVarela sep/26 L07 Estilos propios del Estado de Resultados.

   Van en CSS AISLADO (Index.razor.css) y no en wwwroot/app.css a proposito: app.css es compartido
   por todo el shell y estos dos colores solo sirven a esta pantalla. Por eso NO se reusa el archivo
   del Balance General: el CSS aislado por componente no cruza de una pantalla a otra, aunque los
   colores sean los mismos.
   Archivo en ASCII puro: IIS sirve los .css sin charset y un acento se veria roto. */

/* Los dos colores del legacy, tal cual (EstadoResultados.cshtml:146 y :150): verde para el renglon
   final de utilidad o perdida del periodo y azul para el encabezado de cada tipo de cuenta.

   Se pinta --bs-table-bg-state y no solo background-color porque Bootstrap 5.3 resuelve el fondo de
   cada celda con box-shadow: inset ... var(--bs-table-bg-state, ...). Sin la variable, el hover de
   table-hover taparia el color. Se declara en la CELDA (> *) y no en el <tr> por la misma razon. */
.table > tbody > tr.er-grupo > *[b-fslf7sf881] {
    background-color: #8AE877;
    --bs-table-bg-state: #8AE877;
}

.table > tbody > tr.er-subgrupo > *[b-fslf7sf881] {
    background-color: #BEE8F2;
    --bs-table-bg-state: #BEE8F2;
}

/* El renglon de utilidad o perdida va un punto mas grande, como en el legacy (font-size: 16px solo
   cuando el tipo es "Totales"). */
.er-grupo-texto[b-fslf7sf881] {
    font-size: 16px;
}

/* En papel los navegadores descartan los fondos por omision, y sin ellos el reporte impreso pierde
   la separacion visual entre los encabezados de grupo y el renglon de resultado. */
@media print {
    .table > tbody > tr.er-grupo > *[b-fslf7sf881],
    .table > tbody > tr.er-subgrupo > *[b-fslf7sf881] {
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }
}
/* /Components/Pages/ContabilidadPages/PolizasBancos/Index.razor.rz.scp.css */
/* MVarela sep/26 Estilos propios de Contabilidad > Contabilizacion de Movimientos Bancarios.

   Van en CSS AISLADO (Index.razor.css) y no en wwwroot/app.css a proposito: app.css es compartido
   por todo el shell y por los cinco agentes de este lote, y estas dos clases solo sirven a las
   pantallas de contabilizacion de documentos.

   Archivo en ASCII puro: IIS sirve los .css sin charset y un acento se veria roto.

   QUE REPRODUCEN: el legacy pinta el renglon con style inline segun el Estatus del documento:
   "C" cancelado en texto rojo -eso ya lo resuelve la clase estandar fila-cancelada de app.css-,
   "P" con fondo amarillo y "D" con fondo naranja. Aqui viven esas dos.

   El selector apunta a "> *" y no al <tr> porque Bootstrap 5 fija el color de fondo en la CELDA:
   una regla sobre el <tr> no se ve. Se usan ademas las variables de estado de Bootstrap para no
   pelear con el striping ni con el hover, igual que hacen row-selected y fila-cancelada. */

.table > tbody > tr.fila-estatus-p > *[b-jxjbkxxmuf] {
    background-color: #fff3cd;
    --bs-table-bg-state: #fff3cd;
    --bs-table-accent-bg: transparent;
}

.table > tbody > tr.fila-estatus-d > *[b-jxjbkxxmuf] {
    background-color: #ffe0b2;
    --bs-table-bg-state: #ffe0b2;
    --bs-table-accent-bg: transparent;
}
/* /Components/Pages/ContabilidadPages/PolizasDevVentas/Index.razor.rz.scp.css */
/* MVarela sep/26 Estilos propios de Contabilidad > Contabilizacion de Devoluciones de Ventas.

   Van en CSS AISLADO (Index.razor.css) y no en wwwroot/app.css a proposito: app.css es compartido
   por todo el shell y por los cinco agentes de este lote, y estas dos clases solo sirven a las
   pantallas de contabilizacion de documentos.

   Archivo en ASCII puro: IIS sirve los .css sin charset y un acento se veria roto.

   QUE REPRODUCEN: el legacy pinta el renglon con style inline segun el Estatus del documento:
   "C" cancelado en texto rojo -eso ya lo resuelve la clase estandar fila-cancelada de app.css-,
   "P" con fondo amarillo y "D" con fondo naranja. Aqui viven esas dos.

   Estan duplicadas con las de PolizasBancos a proposito: el CSS aislado es POR COMPONENTE, asi que
   no se puede compartir sin subirlas a app.css, que es justo el archivo que este lote no toca.

   El selector apunta a "> *" y no al <tr> porque Bootstrap 5 fija el color de fondo en la CELDA:
   una regla sobre el <tr> no se ve. */

.table > tbody > tr.fila-estatus-p > *[b-ecvrr9db0r] {
    background-color: #fff3cd;
    --bs-table-bg-state: #fff3cd;
    --bs-table-accent-bg: transparent;
}

.table > tbody > tr.fila-estatus-d > *[b-ecvrr9db0r] {
    background-color: #ffe0b2;
    --bs-table-bg-state: #ffe0b2;
    --bs-table-accent-bg: transparent;
}
/* /Components/Pages/CxCobrarPages/Compartido/ConsultaNotasClientes.razor.rz.scp.css */
/* MVarela 06/Oct/26 L20 Estilos propios de la consulta de notas de credito y de cargo a clientes (ConsultaNotasClientes).

   COPIA de ConsultaDocumentosVentas.razor.css (L19a): el CSS aislado de un componente no alcanza a otro, y app.css es
   compartido por todo el shell (mismo criterio que Recurrentes y contabilizacion).

   Archivo en ASCII puro: IIS sirve los .css sin charset y un acento se veria roto.

   QUE REPRODUCEN: el legacy pinta el renglon segun el Estatus (NotasCreditoConsulta.cshtml:174): "C" en texto rojo -eso ya
   lo resuelve la clase estandar fila-cancelada de app.css-, "P" pendiente con fondo amarillo y "D" en cancelacion con
   fondo naranja.

   El selector apunta a las CELDAS ("> *") y no al <tr> porque Bootstrap 5.3 fija el color de fondo en la celda. Se usan
   ademas las variables de estado de Bootstrap para no pelear con el striping ni con el hover. */

.table > tbody > tr.fila-estatus-p > *[b-1lop18ybr3] {
    background-color: #fff3cd;
    --bs-table-bg-state: #fff3cd;
    --bs-table-accent-bg: transparent;
}

.table > tbody > tr.fila-estatus-d > *[b-1lop18ybr3] {
    background-color: #ffe0b2;
    --bs-table-bg-state: #ffe0b2;
    --bs-table-accent-bg: transparent;
}
/* /Components/Pages/VentasPages/Compartido/ConsultaDocumentosVentas.razor.rz.scp.css */
/* MVarela 06/Oct/26 L19a Estilos propios de la consulta de documentos de Ventas (ConsultaDocumentosVentas: documentos,
   por autorizar y facturas externas).

   Van en CSS AISLADO y no en wwwroot/app.css a proposito: app.css es compartido por todo el shell, y estas clases solo
   sirven a estas pantallas (estan duplicadas con las de Recurrentes y las de contabilizacion por la misma razon).

   Archivo en ASCII puro: IIS sirve los .css sin charset y un acento se veria roto.

   QUE REPRODUCEN: el legacy pinta el renglon con style inline segun el Estatus (VentasConsulta.cshtml:740): "C" en texto
   rojo -eso ya lo resuelve la clase estandar fila-cancelada de app.css-, "P" pendiente con fondo amarillo y "D" en
   cancelacion con fondo naranja.

   El selector apunta a las CELDAS ("> *") y no al <tr> porque Bootstrap 5.3 fija el color de fondo en la celda: una regla
   sobre el <tr> no se ve. Se usan ademas las variables de estado de Bootstrap para no pelear con el striping ni con el
   hover, igual que row-selected y fila-cancelada. */

.table > tbody > tr.fila-estatus-p > *[b-3z57y9ug6y] {
    background-color: #fff3cd;
    --bs-table-bg-state: #fff3cd;
    --bs-table-accent-bg: transparent;
}

.table > tbody > tr.fila-estatus-d > *[b-3z57y9ug6y] {
    background-color: #ffe0b2;
    --bs-table-bg-state: #ffe0b2;
    --bs-table-accent-bg: transparent;
}
/* /Components/Pages/VentasPages/GraficasMensuales/Index.razor.rz.scp.css */
/* MVarela 06/Oct/26 Estilos propios de Ventas > Graficas de Ventas > Ventas Mensuales (lote L18).
   CSS AISLADO (Index.razor.css) y no en wwwroot/app.css: estas clases solo sirven a esta pantalla.
   Copia de los de la gemela ComprasPages/GraficasMensuales/Index.razor.css, con el nombre de la caja cambiado.
   Archivo en ASCII puro: IIS sirve los .css sin charset y un acento se veria roto. */

/* Caja azul del Total de Ventas. Reproduce la del legacy (fondo rgb(20,68,116), texto blanco y las dos esquinas
   redondeadas en diagonal). Vive en el renglon de los filtros y se ajusta a su contenido. */
.caja-total-ventas[b-et0gotnrpb] {
    background-color: #144474;
    color: #fff;
    font-weight: bold;
    padding: 0.35rem 0.75rem;
    text-align: right;
    border-top-left-radius: 15px;
    border-bottom-right-radius: 15px;
}

/* El titulo puede llevar los filtros interiores concatenados: se recorta con puntos suspensivos en vez de
   desbordar la caja, igual que en el legacy. */
.caja-total-ventas-titulo[b-et0gotnrpb] {
    font-size: 0.8rem;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.caja-total-ventas-monto[b-et0gotnrpb] {
    font-size: 1.1rem;
}

/* Impresion: la hoja mide menos que el breakpoint lg de Bootstrap, asi que sin esta regla el col-lg-6 se degrada a
   col-12 y las tres graficas salen a ancho completo, empujando el detalle dos hojas abajo. A la mitad del ancho
   caben dos por renglon. */
@media print {
    .fila-graficas > [class*="col-"][b-et0gotnrpb] {
        flex: 0 0 50%;
        width: 50%;
        max-width: 50%;
    }
}
/* /Components/Pages/VentasPages/Recurrentes/Index.razor.rz.scp.css */
/* MVarela 06/Oct/26 Estilos propios de Ventas > Ventas Recurrentes (lote L18, decision B11).

   Van en CSS AISLADO (Index.razor.css) y no en wwwroot/app.css a proposito: app.css es compartido por todo
   el shell y por los agentes del lote, y estas clases solo sirven a esta pantalla.

   Archivo en ASCII puro: IIS sirve los .css sin charset y un acento se veria roto.

   QUE REPRODUCEN: el legacy pinta el renglon con style inline segun el Estatus de la recurrente:
   "C" cancelada en texto rojo -eso ya lo resuelve la clase estandar fila-cancelada de app.css-,
   "P" pendiente con fondo amarillo y "D" en cancelacion con fondo naranja. Y la celda de Proxima factura
   en rojo si ya paso y en amarillo si es hoy.

   El selector apunta a las CELDAS ("> *" o "td") y no al <tr> porque Bootstrap 5.3 fija el color de fondo
   en la celda: una regla sobre el <tr> no se ve. Se usan ademas las variables de estado de Bootstrap
   para no pelear con el striping ni con el hover, igual que hacen row-selected y fila-cancelada. */

.table > tbody > tr.fila-estatus-p > *[b-ev31ede7mf] {
    background-color: #fff3cd;
    --bs-table-bg-state: #fff3cd;
    --bs-table-accent-bg: transparent;
}

.table > tbody > tr.fila-estatus-d > *[b-ev31ede7mf] {
    background-color: #ffe0b2;
    --bs-table-bg-state: #ffe0b2;
    --bs-table-accent-bg: transparent;
}

/* Semaforo de Proxima factura. Mas especifico que row-selected de app.css (que lleva !important) para
   que el aviso siga viendose en el renglon seleccionado, como en el legacy. */
.table > tbody > tr > td.proxima-vencida[b-ev31ede7mf] {
    background-color: var(--bs-danger) !important;
    color: #fff !important;
    --bs-table-bg-state: var(--bs-danger) !important;
    --bs-table-color-state: #fff !important;
}

.table > tbody > tr > td.proxima-hoy[b-ev31ede7mf] {
    background-color: var(--bs-warning) !important;
    color: #212529 !important;
    --bs-table-bg-state: var(--bs-warning) !important;
    --bs-table-color-state: #212529 !important;
}
/* /Components/Soporte/ReportarIncidencia.razor.rz.scp.css */
/* MVarela jun/26 Botón flotante del widget de soporte (esquina inferior derecha). */
.erp-reportar-fab[b-rmm2b5msy4] {
    position: fixed;
    right: 1.25rem;
    bottom: 1.25rem;
    z-index: 1030;
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
}

@media print {
    .erp-reportar-fab[b-rmm2b5msy4] {
        display: none;
    }
}