[x-cloak] { display: none !important; }

html { scroll-behavior: smooth; }

.form-label {
  display: block;
  font-size: 0.8rem;
  font-weight: 600;
  color: #334155;
  margin-bottom: 0.35rem;
}

.form-input {
  width: 100%;
  border: 1px solid #cbd5e1;
  border-radius: 0.75rem;
  padding: 0.65rem 0.9rem;
  font-size: 0.9rem;
  outline: none;
  transition: border-color .15s, box-shadow .15s;
  background: #fff;
}

.form-input:focus {
  border-color: #DC2626;
  box-shadow: 0 0 0 3px rgba(220,38,38,0.12);
}

.form-input.input-error {
  border-color: #ef4444;
}

.field-error {
  color: #dc2626;
  font-size: 0.75rem;
  margin-top: 0.25rem;
  min-height: 0;
}

.radio-inline {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  font-size: 0.875rem;
  color: #475569;
  cursor: pointer;
}

.radio-inline input {
  accent-color: #DC2626;
}

.cat-option { display: block; }

/* Admin dashboard table tweaks */
.admin-table th, .admin-table td {
  white-space: nowrap;
}