/* Aterix custom CSS — sobre Tailwind */

::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
::-webkit-scrollbar-track {
  background: #0A0E13;
}
::-webkit-scrollbar-thumb {
  background: #2A3038;
  border-radius: 5px;
}
::-webkit-scrollbar-thumb:hover {
  background: #3A4048;
}

/* Smooth transitions */
* {
  transition-property: color, background-color, border-color;
  transition-duration: 150ms;
}

/* WaveSurfer container */
#waveform {
  background: #0A0E13;
  border: 1px solid #2A3038;
  border-radius: 8px;
  padding: 12px;
}