/* Formularios: inputs, selects, checkbox e estado disabled. Espelha components/forms/Input.jsx e Select.jsx da Ally Design System (raio, borda, sombra e anel de foco). */ input[type="text"], input[type="password"], input[type="date"], input[type="number"], input[type="email"], input[type="search"], select, textarea { background: var(--bg-card); border: 1px solid var(--border-strong); color: var(--text); padding: 8px 12px; font-size: 13.5px; font-family: var(--font-sans); box-shadow: var(--shadow-xs); transition: border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out); } /* Cilindro/cápsula (pedido do usuário 2026-08-07: mesmo pedido do .btn, ver components/button.css) - SÓ nos campos de uma linha só. textarea fica de fora de propósito: campo de várias linhas com --radius-full vira um "estádio" com as pontas MUITO arredondadas (metade da altura total, que aqui é grande) - foge do padrão Apple real (inputs de texto longo lá também usam raio moderado, não cápsula) e ficaria estranho visualmente, não elegante. */ input[type="text"], input[type="password"], input[type="date"], input[type="number"], input[type="email"], input[type="search"], select { border-radius: var(--radius-full); } textarea { border-radius: var(--radius-md); } input::placeholder, textarea::placeholder { color: var(--text-faint); } input:focus, select:focus, textarea:focus { outline: none; border-color: var(--blue-400); box-shadow: var(--ring); } /* select especificamente precisa de !important aqui: o compilador do Tailwind (CDN, no ) injeta seu próprio