/*
 * Redesign — Etapa 5, sub-etapa 5: Inputs/formulários.
 *
 * Fonte: src/app/components/ui/input.tsx do Figma "Novo projeto".
 *
 * Achado ao comparar: a borda de input hoje e' um cinza-claro FIXO
 * (#cbd5e1, index.php:12561) - nunca foi ajustada pro tema escuro (bug
 * pre-existente, nao criado por esta migracao). Corrigido aqui como
 * parte da mesma mudanca.
 *
 * @media (min-width:901px) só na parte de border-radius, porque o
 * override mobile existente (index.php:20556) muda especificamente o
 * radius pra 12px (alvo de toque) - as demais propriedades (cor de
 * fundo/borda, foco) nao tem equivalente mobile, entao ficam sem guarda.
 */

body[data-theme-preset="dark"] input:not([type="checkbox"]):not([type="radio"]):not([type="color"]):not([type="file"]),
body[data-theme-preset="dark"] select,
body[data-theme-preset="dark"] textarea {
  background: rgba(148, 163, 184, .08) !important;
  border-color: var(--ds-border) !important;
  color: var(--ds-foreground) !important;
}

body[data-theme-preset="dark"] input:focus:not([type="checkbox"]):not([type="radio"]),
body[data-theme-preset="dark"] select:focus,
body[data-theme-preset="dark"] textarea:focus {
  border-color: var(--ds-primary) !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--ds-primary) 50%, transparent) !important;
}

@media (min-width: 901px) {
  body[data-theme-preset="dark"] input:not([type="checkbox"]):not([type="radio"]):not([type="color"]):not([type="file"]),
  body[data-theme-preset="dark"] select,
  body[data-theme-preset="dark"] textarea {
    border-radius: var(--ds-radius-md) !important;
  }
}