/* Tailwind base font */
body {
  font-family: 'Inter', sans-serif;
}

/* Sidebar always on top */
.sidebar {
  z-index: 50;
}

/* Highlight required fields */
input:required,
select:required,
textarea:required {
  background-color: #fff8dc; /* light yellow */
}

/* Active sidebar link (override Tailwind hover) */
.sidebar a.bg-blue-100,
.sidebar a.bg-blue-100:hover,
.sidebar a.bg-blue-100:focus {
  background-color: #bfdbfe !important;
  color: #1d4ed8 !important;
}

/* Dark mode overrides */
.dark .sidebar a.bg-blue-100 {
  background-color: #1e3a8a !important;
  color: #ffffff !important;
}

/* Buttons */
button,
a.button {
  transition: all 0.2s ease;
}

/* Improve form controls spacing */
input,
select,
textarea {
  border-radius: 0.75rem;
  padding: 0.5rem 1rem;
}

/* Fix sticky headers */
header.sticky {
  backdrop-filter: blur(8px);
  background-color: rgba(255, 255, 255, 0.8);
}
.dark header.sticky {
  background-color: rgba(17, 24, 39, 0.8);
}