/* Estilos específicos para Audiometria CLINAN & Design System EternoLab */

:root {
  --eternolab-bg: #080d1a;
  --eternolab-cyan: #38bdf8;
  --eternolab-purple: #a855f7;
}

.eternolab-gradient-bg {
  background-color: #080d1a;
  background-image: 
    radial-gradient(circle at 15% 25%, rgba(56, 189, 248, 0.14), transparent 45%),
    radial-gradient(circle at 85% 15%, rgba(168, 85, 247, 0.15), transparent 40%),
    radial-gradient(circle at 50% 80%, rgba(14, 165, 233, 0.10), transparent 45%);
}

.eternolab-glass {
  background: rgba(15, 23, 42, 0.75);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.tab-btn {
  color: #64748b;
  transition: all 0.15s ease-in-out;
}

.tab-btn:hover {
  background-color: #f1f5f9;
  color: #1e293b;
}

.tab-btn.active {
  background-color: #1e40af;
  color: #ffffff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

/* Inputs de limiares auditivos */
.audio-input::-webkit-outer-spin-button,
.audio-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.audio-input {
  -moz-appearance: textfield;
}

.audio-input:focus {
  outline: none;
}