/*
 * CSS propio de clienthub.
 *
 * ESTÁ CASI VACÍO A PROPÓSITO, y esa es la norma: nos adaptamos a Tabler,
 * Tabler no se adapta a nosotros. Si este fichero crece, es que algo se está
 * reinventando en vez de usar el primitivo que ya existe.
 *
 * Cada regla que entre aquí lleva escrito por qué Tabler no la cubre.
 */

/* 1. El notch del iPhone. No hay primitivo de Tabler para `env(safe-area-*)`,
      y sin esto la barra inferior del navegador se come el último botón de la
      página en un móvil moderno. */
body {
  padding-bottom: env(safe-area-inset-bottom);
}

/* 2. Los números que cambian solos —el contador— en tipografía de ancho fijo.
      Sin esto, cada segundo mueve horizontalmente las cifras de al lado y el
      contador «tiembla». Tabler trae `.font-monospace` de Bootstrap, que es lo
      que se usa en el marcado; esto solo ajusta las cifras tabulares, que la
      clase no cubre. */
.font-monospace {
  font-variant-numeric: tabular-nums;
}

/* 3. Al imprimir una factura no se lleva ni la navegación ni los botones.
      Tabler trae `.d-print-none` y se usa en el marcado; esto es solo el
      remate de la página impresa, que no tiene equivalente. */
@media print {
  body { background: #fff; }
  .page-wrapper { margin: 0; padding: 0; }
}