/* FZDC – Global stylesheet (supplements Tailwind CDN) */

/* ── Form widgets ─────────────────────────────────────────── */
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="date"],
input[type="time"],
input[type="search"],
input[type="tel"],
select,
textarea {
  width: 100%;
  background: #262627;         /* surface-container-highest */
  color: #ffffff;
  border: none;
  border-bottom: 2px solid #484849;  /* outline-variant */
  border-radius: 0.25rem 0.25rem 0 0;
  padding: 0.625rem 0.75rem;
  font-family: 'Manrope', sans-serif;
  font-size: 0.875rem;
  outline: none;
  transition: border-color 0.2s;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="number"]:focus,
input[type="date"]:focus,
input[type="time"]:focus,
input[type="search"]:focus,
select:focus,
textarea:focus {
  border-bottom-color: #81ecff;  /* primary */
  box-shadow: 0 2px 0 0 rgba(129, 236, 255, 0.25);
}

input::placeholder,
textarea::placeholder {
  color: #adaaab;
}

select option {
  background: #1a191b;
  color: #ffffff;
}

/* ── Scrollbar ────────────────────────────────────────────── */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: #484849; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: #767576; }

/* ── Utility ──────────────────────────────────────────────── */
.pb-mobile { padding-bottom: 5rem; }   /* space for mobile bottom nav */

@media (min-width: 768px) {
  .pb-mobile { padding-bottom: 0; }
}