/* Visible borders on form controls (Tailwind CDN does not always paint inputs clearly). */
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="date"],
input[type="search"],
input[type="url"],
input[type="tel"],
input[type="file"],
select,
textarea {
  border: 1px solid #94a3b8 !important; /* slate-400 */
  border-radius: 0.375rem;
  background-color: #fff;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="number"]:focus,
input[type="date"]:focus,
input[type="search"]:focus,
input[type="url"]:focus,
input[type="tel"]:focus,
select:focus,
textarea:focus {
  outline: 2px solid #0f172a;
  outline-offset: 1px;
  border-color: #64748b !important;
}

input[type="checkbox"],
input[type="radio"] {
  border: 1px solid #94a3b8;
}