/* ==========================================================================
   KAMIONCLOUD — Mínimos de accesibilidad (fase 5)
   Se carga la ÚLTIMA en todas las páginas. Solo sube mínimos (tamaño de letra, zonas táctiles de
   44 px y foco visible con teclado): no cambia colores ni la composición de las pantallas.
   Medido en Chrome a 360 px en 8 idiomas y 2 temas (tests/test-experiencia-navegador.js).
   ========================================================================== */

/* Foco visible solo al usar el teclado (reset.css quitaba el contorno a todos los botones y campos) */
html :focus-visible {
  outline: 3px solid var(--kc-primary, #126B63);
  outline-offset: 2px;
}

/* Letra mínima legible: 12 px */
html .bottom-nav a span { font-size: 0.75rem; }
html .dash__metrica span,
html .dash__resumen .dash__metrica span { font-size: 0.75rem; }

/* Zonas táctiles de al menos 44 × 44 px (con guantes o en marcha, en cabina) */
html .bottom-nav a { min-height: 48px; }
/* Reglas genéricas con especificidad cero (:where): un componente con su propio mínimo mayor
   (p. ej. los botones de 48 px de «Nueva ruta») lo conserva; los que no tienen mínimo suben a 44 px. */
:where(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="hidden"]), select, .btn, .kc-select) { min-height: 44px; }
:where(.btn) { min-width: 44px; }
html .dash__card-link {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding-left: 6px;
  padding-right: 6px;
}
html .ajuste-link { min-height: 44px; }
html .btn-eliminar-gasto,
html .toggle-btn,
html .historial-actions button { min-width: 44px; min-height: 44px; }
html .auth-back,
html #btnLogoutAjustes { min-height: 44px; }
html .auth-link {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
}