/* Small overrides beyond what Tailwind's utility classes cover conveniently. */

/* The app is dark-mode-only (see index.html). Tailwind's bg-transparent on a
   <select> keeps the closed box looking dark (it shows the page behind it),
   but the native dropdown popup is a separate OS-rendered layer that doesn't
   inherit that -- without this, it renders with the OS's light-theme default
   (white background, barely-visible text) regardless of the page's theme. */
html { color-scheme: dark; }
select {
  background-color: #171a23; /* surface-card */
  color: #e5e7eb;
}
select option {
  background-color: #171a23;
  color: #e5e7eb;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type="number"] {
  -moz-appearance: textfield;
}

::-webkit-scrollbar { height: 6px; width: 6px; }
::-webkit-scrollbar-thumb { background: #374151; border-radius: 3px; }