/* Custom styling for studio finder */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track {
  background: #0f172a;
}
::-webkit-scrollbar-thumb {
  background: #334155;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #475569;
}

.timetable-cell {
  transition: all 0.15s ease-in-out;
}

.timetable-cell:hover {
  transform: scale(1.08);
  z-index: 10;
}

.tag-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.2rem 0.6rem;
  border-radius: 0.5rem;
  font-size: 0.75rem;
  font-weight: 500;
  background-color: rgba(30, 41, 59, 0.8);
  border: 1px solid rgba(51, 65, 85, 0.8);
  color: #cbd5e1;
}

.tag-badge.amp {
  border-color: rgba(245, 158, 11, 0.3);
  background-color: rgba(245, 158, 11, 0.1);
  color: #fcd34d;
}

.tag-badge.drum {
  border-color: rgba(59, 130, 246, 0.3);
  background-color: rgba(59, 130, 246, 0.1);
  color: #93c5fd;
}

.tag-badge.key {
  border-color: rgba(168, 85, 247, 0.3);
  background-color: rgba(168, 85, 247, 0.1);
  color: #d8b4fe;
}

.tag-badge.cap {
  border-color: rgba(16, 185, 129, 0.3);
  background-color: rgba(16, 185, 129, 0.1);
  color: #6ee7b7;
}