/* ==========================================================================
   IRON ROUTE — EL SUELO DE 12 px, APLICADO

   La regla existe desde el principio: **ninguna letra por debajo de 12 px**.
   Estaba escrita y no estaba medida, que es la forma más silenciosa de que
   una regla no exista. Al medir la página real en un teléfono de 428 px
   aparecieron DIECINUEVE sitios por debajo del suelo:

     11px  label «Tipo» · «Altura (ft)» · «Peso (lbs)» · «Largo (ft)»
     11px  p     «USDOT 4353234 · MC# 1702404»
     11px  .ob-step-label «Paso 1 de 9»
     11px  .src  CARTO · OpenStreetMap · Esri · Stamen · NWS · HERE ·
                 511.gov · state_dot · fmcsa · state_bridge · state_weight ·
                 state_chains
     11px  «Capas de gobierno»

   LOS CUATRO PRIMEROS SON LOS GRAVES. «Altura (ft)» es el rótulo del campo
   donde alguien escribe 13.6 para que la app no lo mande por debajo de un
   puente de 13.2. Ese es el número que evita arrancar la parte de arriba de
   un remolque. Ponerlo a 11 px para ganar cuatro píxeles de alto es cambiar
   legibilidad por espacio en el único sitio donde no se puede.

   Y el de USDOT/MC es el que la ley pide que se vea.

   POR QUÉ `!important` AQUÍ, QUE NO SE USA ALEGREMENTE: la mitad de estas
   reglas no viven en una hoja enlazada, sino en `<style>` que los módulos
   inyectan en tiempo de ejecución (`bundle-r5.js` línea 788, por ejemplo).
   Un `<style>` inyectado aterriza al final del `<head>` y gana a cualquier
   hoja enlazada con la misma especificidad, sin importar el orden del HTML.
   Contra eso, subir la especificidad es una carrera que se pierde en cuanto
   alguien inyecte una regla más larga. El suelo tipográfico es una invariante
   del sistema, no una preferencia de una pantalla: se declara como tal.

   ALCANCE HONESTO: esta lista es **lo medido**, no una promesa de que no
   quede ninguna. Hay decenas de `font-size: 11px` en módulos que hoy no se
   pintan (paneles de navegación, ventanas emergentes de filtros); se incluyen
   los que se pintan y los que están a un clic de pintarse. Lo que garantiza
   que no vuelva a colarse una es la prueba, no esta hoja.

   LO QUE SE DEJA FUERA A PROPÓSITO: la atribución de Leaflet / MapTiler /
   OpenStreetMap. Son enlaces legales obligatorios, el navegador y todos los
   mapas del mundo los pintan a 11 px, y agrandarlos taparía mapa sin que
   nadie lo agradezca. Se anota como excepción consciente, no como olvido.
   ========================================================================== */

/* ── 1 · El perfil del camión: los números que evitan un puente ─────────── */
.vehicle-config .config-item label,
.config-grid .config-item label {
  font-size: 12px !important;
  line-height: 1.3;
}

/* ── 2 · La identidad legal, que la ley pide que se vea ─────────────────── */
.ir-about-card p {
  font-size: 12px !important;
  line-height: 1.45;
}

/* ── 3 · El contador de pasos del onboarding ───────────────────────────────
   Sube de 11 a 12 px, o sea una línea gana 1 px de alto. El presupuesto móvil
   tenía 9 px de margen; queda en 8. Se vuelve a medir después de esto —no se
   supone— y sigue entrando en los cinco tamaños. */
.ob-step-label {
  font-size: 12px !important;
}

/* ── 4 · La procedencia de cada capa ───────────────────────────────────────
   `NWS`, `fmcsa`, `state_bridge`… no es decoración: es de dónde sale el dato.
   En este oficio, quién lo dice importa tanto como lo que dice, porque un
   conductor decide si se fía. Ilegible equivale a no estar. */
.ir-layer-info .src,
#layersBody .src {
  font-size: 12px !important;
}

/* Y el encabezado de sección de esa misma hoja, que va con estilo en línea
   desde `bundle-r5.js` (líneas 1415 y 1454) — de ahí el `!important`. */
#layersBody > div[style] {
  font-size: 12px !important;
}

/* ── 5 · Los que hoy no se pintan pero están a un clic ──────────────────── */
.ir-alert-type-name,
.ir-apop-time,
.ir-alert-toast-sub,
.ir-al-time,
.ir-dir-restrict-sub,
.ir-dir-nb-dist,
.ir-dir-turn-dist,
.ir-brand-chip,
.ir-popup-addr,
.ir-popup-tag {
  font-size: 12px !important;
}
