/* Qo'shimcha stillar va animatsiyalar */

/* Tab tugmalari stillari */
.tab-btn {
  color: #94a3b8;
}

.tab-btn.active {
  background: #1e1b4b;
  color: #c084fc;
  box-shadow: 0 4px 12px rgba(139, 92, 246, 0.2);
  border: 1px solid rgba(168, 85, 247, 0.4);
}

.tab-btn:hover:not(.active) {
  color: #f1f5f9;
  background: rgba(30, 41, 59, 0.5);
}

/* Ovoz atributlari pill'lari */
.attr-pill.selected {
  background-color: rgba(139, 92, 246, 0.25);
  border-color: #8b5cf6;
  color: #d8b4fe;
  font-weight: 600;
}

/* Scrollbar dizayni */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

::-webkit-scrollbar-track {
  background: #0f172a;
}

::-webkit-scrollbar-thumb {
  background: #334155;
  border-radius: 9999px;
}

::-webkit-scrollbar-thumb:hover {
  background: #475569;
}

/* Pulsatsiyalanuvchi ovoz yozish animatsiyasi */
@keyframes recordPulse {
  0% { transform: scale(1); box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.7); }
  70% { transform: scale(1.05); box-shadow: 0 0 0 14px rgba(239, 68, 68, 0); }
  100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(239, 68, 68, 0); }
}

.recording-active {
  animation: recordPulse 1.5s infinite;
  background-color: #dc2626 !important;
}