@tailwind base;
@tailwind components;
@tailwind utilities;

/* Custom scrollbar */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track {
  background: transparent;
}
::-webkit-scrollbar-thumb {
  background: #49454F;
  border-radius: 3px;
}

/* Hide number input arrows */
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}

/* Dropdown Styles for Dark Mode */
select option {
    background-color: #2B2930; /* surface-container-high */
    color: #E6E0E9; /* on-surface */
    padding: 8px;
}

/* Ensure select itself has correct background when closed */
select {
    background-color: transparent;
    color: inherit;
}