/* ─────────────────────────────────────────────────────────────
   Puente Tabler → app (Fase 1 del rediseño). SIN capa a propósito.

   Tabler trae un "reboot" (estilos base de Bootstrap) que toca elementos
   SIN clase: reescala <h1..h6>, le quita el subrayado a <a> y fuerza
   ancho/borde en <table>. La capa `tabler` (ver tabler.css) resuelve las
   colisiones POR CLASE, pero estos son cambios ADITIVOS sobre elementos
   que la app renderiza desnudos, así que no los frena la capa.

   Este archivo restituye el aspecto POR DEFECTO de esos pocos elementos
   para que la Fase 1 no cambie nada a la vista. Va sin capa (gana a la
   capa `tabler`) y solo apunta a selectores de baja especificidad: las
   reglas propias por contenedor (.card h3, .modal-header h2, .app-header
   h1, .ficha-h3…) son más específicas y siguen mandando.

   TEMPORAL: cada fase que adopte Tabler en una pantalla irá quitando lo
   que ya no haga falta de acá.
   ───────────────────────────────────────────────────────────── */

/* Encabezados sin clase: Tabler los reescala (h1 1.5rem … h6 .625rem) y
   fija line-height 1.2 + color propio. Restituimos tamaño/peso/altura del
   navegador (los márgenes ya los pone en 0 el reset propio `* { margin:0 }`). */
h1 { font-size: 2em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.17em; }
h4 { font-size: 1em; }
h5 { font-size: 0.83em; }
h6 { font-size: 0.67em; }
h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
    line-height: inherit;   /* vuelve al 1.5 heredado del body, como antes */
    color: inherit;
}

/* Enlaces sin clase: Tabler les quita el subrayado y cambia el color.
   `revert` los devuelve al estilo del navegador. Los <a> con estilo propio
   (por clase o contenedor) son más específicos y no se ven afectados. */
a {
    color: revert;
    text-decoration: revert;
}

/* Tablas sin clase: Tabler fuerza width:100% + border-collapse. Las tablas
   con clase (.order-lines…) mandan; esto solo restituye las desnudas. */
table {
    width: revert;
    border-collapse: revert;
}