/* ============================================================================
   CANTIDAD PENDIENTE Y CANCELADA, COMO LAS PINTA INTELISIS

   En compras y ventas, Intelisis enseña junto a la cantidad lo que falta por surtir y lo que
   se canceló, y siempre con el mismo color: la pendiente en azul marino negrita y la
   cancelada en rojo negrita. Quien viene de Intelisis las reconoce por el color antes de leer
   la palabra, así que aquí se respeta ese estándar (Alberto, 2026-09-25, work item 638).

   Importa sobre todo la cancelada: el importe del renglón ya la resta, y sin ella a la vista
   una partida cancelada entera enseña «24.00 PZA» junto a $0.00 y parece un error.

   CÓMO SE USA, debajo de la cantidad del renglón:

       <div class="cantidad-pendiente fs-8">Pend. 12.00</div>
       <div class="cantidad-cancelada fs-8">Canc. 24.00</div>

   POR QUÉ UNA HOJA COMPARTIDA Y NO UN .razor.css: la misma razón que tablas.css. Las usan
   pantallas de los dos portales, y el CSS aislado de un componente no alcanza el marcado de
   otro. Se carga después de style.bundle.css en los dos App.razor.

   El marino no existe en Metronic —`text-primary` es el azul de la marca, no éste—, por eso
   va escrito. El rojo sí: es el `--bs-danger` del tema. */

.cantidad-pendiente {
    color: #000080;
    font-weight: 700;
}

.cantidad-cancelada {
    color: var(--bs-danger);
    font-weight: 700;
}