/* legacy: capa de transición del cutover (docs/design-system/CUTOVER.md D4). No agregar reglas aquí. */
@layer legacy {
/*
 * a11y.css — Accesibilidad visual TúPOS (contraste, bordes, tipografía 55+)
 * =========================================================
 * Loaded LAST in v4/base.html, DESPUÉS de {% block extra_css %}, para ganar
 * por orden de documento al CSS por vista (pos.css, inventory.css, etc.)
 * que hoy quita el foco y hardcodea pasteles sin borde.
 *
 * Contiene reglas de estado que aún no tienen pieza propia (pisos de tamaño por módulo,
 * bordes reforzados, disabled, objetivos táctiles). El foco, el movimiento reducido y el
 * tamaño nominal del texto ya viven en css/base/base.css (F2 del cutover). El corte a tokens de color
 * de los literales sueltos (Paso 5d) se hace en el archivo de origen, no
 * aquí: parchearlo desde acá dejaría dos verdades.
 */

/* ============================================================
   5b. PISO DE TAMAÑO DE LETRA — 13px
   Selectores medidos por debajo de 13px (lista cerrada, ver plan 5b).
   ============================================================ */

.kx-badge {
  font-size: 14px !important;
  font-weight: 700 !important;
}
.tab {
  font-size: 15px !important;
  font-weight: 600 !important;
}

/* Cualquier utilidad que herede: nunca por debajo de 13px. Sigue acá con !important (y no en css/base/base.css)
   porque tiene que ganarle a los <style> de los templates, que no tienen capa; se va con ellos en F5.
   `.sch-msg__meta` (hilo de soporte) tiene piso propio de 14px en components/support-chat.css. */
small,
[class$="__hint"],
[class$="__meta"]:not(.sch-msg__meta) {
  font-size: 13px !important;
}

/* ============================================================
   5c. RETIRAR EL UPPERCASE MICRO-TRACKEADO
   ============================================================ */
th,
[class$="__label"],
[class$="__eyebrow"] {
  text-transform: none !important;
  letter-spacing: 0 !important;
  font-family: var(--font-body) !important;
}

/* ============================================================
   5e. BORDES DE CARD Y DIV MÁS PRESENTES
   ============================================================ */
.card,
.product-card,
.stat-card,
.modal {
  border-width: 1.5px !important;
}
[class*="-card"]:hover:not(:disabled) {
  border-color: var(--border-strong) !important;
}
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
select, textarea {
  border: 1.5px solid var(--border) !important;
}
tr:last-child td { border-bottom: 1px solid var(--border-weak) !important; }

/* ============================================================
   5f. ESTADOS DESHABILITADOS LEGIBLES
   ============================================================ */
.btn-primary:disabled, .btn-danger:disabled,
button:disabled, [aria-disabled="true"] {
  opacity: 1 !important;
  background: var(--surface-3) !important;
  color: var(--fg-2) !important;
  border: 1.5px solid var(--border) !important;
  box-shadow: none !important;
  cursor: not-allowed !important;
}

/* ============================================================
   5g. OBJETIVOS TÁCTILES ≥48px
   ============================================================ */

/* ============================================================
   5h. PESO DE LAS CIFRAS
   ============================================================ */

}