:root {
  --bulma-body-background-color: #ffffff;
}
/* Tema de inputs igual ao login (light mode) */
.field .label { color: #111827; font-weight: 600; }

/* Aplicar o tema tanto para classes Bulma quanto para elementos nativos */
.input,
.textarea,
.select select,
input:not([type="checkbox"]):not([type="radio"]),
select,
textarea {
  background-color: #ffffff;
  color: #111827;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  box-shadow: none;
  width: 100%;
  font-size: 16px;
  line-height: 1.2;
  padding: 10px 14px; /* altura confortável */
}

/* Placeholders e ícones */
.input::placeholder,
.textarea::placeholder,
input::placeholder,
textarea::placeholder { color: #9ca3af; }
.control.has-icons-left .icon, .control.has-icons-right .icon { color: #6b7280; }

/* Foco verde (mesmo do login) */
.input:focus,
.textarea:focus,
.select select:focus,
input:not([type="checkbox"]):not([type="radio"]):focus,
select:focus,
textarea:focus {
  border-color: #10b981;
  box-shadow: 0 0 0 0.125em rgba(16, 185, 129, 0.15);
  outline: none;
}

/* Select do Bulma ocupa 100% */
.select select { width: 100%; height: 44px; }

/* Garantir altura mínima ~44px para inputs de linha única */
input:not([type="checkbox"]):not([type="radio"]),
.input,
select,
.select select { min-height: 44px; }

/* Não forçar altura de textarea; apenas padding já definido acima */
.textarea, textarea { min-height: 88px; }

/* Checkboxes e radios com acento verde suave */
input[type="checkbox"], input[type="radio"] { accent-color: #10b981; }

/* Estados de erro (feedback visual) */
.input.is-danger,
.textarea.is-danger,
.select select.is-danger,
input:not([type="checkbox"]):not([type="radio"]):invalid,
select:invalid,
textarea:invalid {
  border-color: #ef4444; /* vermelho */
  box-shadow: 0 0 0 0.125em rgba(239, 68, 68, 0.12);
}
.help.is-danger { color: #dc2626; }
