/* ============================================
   Тонкие красивые скроллбары в стиле приложения
   ============================================ */

/* Для WebKit браузеров (Chrome, Safari, Edge) */
*::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

*::-webkit-scrollbar-track {
  background: rgba(20, 24, 20, 0.3);
  border-radius: 3px;
}

*::-webkit-scrollbar-thumb {
  background: rgba(124, 225, 104, 0.4);
  border-radius: 3px;
  transition: background 0.2s ease;
}

*::-webkit-scrollbar-thumb:hover {
  background: rgba(124, 225, 104, 0.6);
}

*::-webkit-scrollbar-thumb:active {
  background: rgba(124, 225, 104, 0.8);
}

*::-webkit-scrollbar-corner {
  background: rgba(20, 24, 20, 0.3);
}

/* Для Firefox */
* {
  scrollbar-width: thin;
  scrollbar-color: rgba(124, 225, 104, 0.4) rgba(20, 24, 20, 0.3);
}

/* Для элементов с overflow */
html, body {
  scrollbar-width: thin;
  scrollbar-color: rgba(124, 225, 104, 0.4) rgba(20, 24, 20, 0.3);
}

/* Специальные стили для контейнеров с контентом */
.content,
.tournaments-content,
.tournaments-list,
.admin-content,
.modal-content,
.simplebar-content-wrapper {
  scrollbar-width: thin;
  scrollbar-color: rgba(124, 225, 104, 0.4) rgba(20, 24, 20, 0.3);
}

.content::-webkit-scrollbar,
.tournaments-content::-webkit-scrollbar,
.tournaments-list::-webkit-scrollbar,
.admin-content::-webkit-scrollbar,
.modal-content::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

.content::-webkit-scrollbar-track,
.tournaments-content::-webkit-scrollbar-track,
.tournaments-list::-webkit-scrollbar-track,
.admin-content::-webkit-scrollbar-track,
.modal-content::-webkit-scrollbar-track {
  background: rgba(20, 24, 20, 0.3);
  border-radius: 3px;
}

.content::-webkit-scrollbar-thumb,
.tournaments-content::-webkit-scrollbar-thumb,
.tournaments-list::-webkit-scrollbar-thumb,
.admin-content::-webkit-scrollbar-thumb,
.modal-content::-webkit-scrollbar-thumb {
  background: rgba(124, 225, 104, 0.4);
  border-radius: 3px;
  transition: background 0.2s ease;
}

.content::-webkit-scrollbar-thumb:hover,
.tournaments-content::-webkit-scrollbar-thumb:hover,
.tournaments-list::-webkit-scrollbar-thumb:hover,
.admin-content::-webkit-scrollbar-thumb:hover,
.modal-content::-webkit-scrollbar-thumb:hover {
  background: rgba(124, 225, 104, 0.6);
}

/* Для textarea и input с overflow */
textarea::-webkit-scrollbar,
input::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

textarea::-webkit-scrollbar-track,
input::-webkit-scrollbar-track {
  background: rgba(20, 24, 20, 0.3);
  border-radius: 3px;
}

textarea::-webkit-scrollbar-thumb,
input::-webkit-scrollbar-thumb {
  background: rgba(124, 225, 104, 0.4);
  border-radius: 3px;
}

textarea::-webkit-scrollbar-thumb:hover,
input::-webkit-scrollbar-thumb:hover {
  background: rgba(124, 225, 104, 0.6);
}

textarea {
  scrollbar-width: thin;
  scrollbar-color: rgba(124, 225, 104, 0.4) rgba(20, 24, 20, 0.3);
}

/* Для select элементов */
select::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

select::-webkit-scrollbar-track {
  background: rgba(20, 24, 20, 0.3);
  border-radius: 3px;
}

select::-webkit-scrollbar-thumb {
  background: rgba(124, 225, 104, 0.4);
  border-radius: 3px;
}

select::-webkit-scrollbar-thumb:hover {
  background: rgba(124, 225, 104, 0.6);
}

/* Переопределение для SimpleBar (если используется) */
.simplebar-scrollbar::before {
  background: rgba(124, 225, 104, 0.4) !important;
  opacity: 1 !important;
  border-radius: 3px !important;
}

.simplebar-scrollbar:hover::before {
  background: rgba(124, 225, 104, 0.6) !important;
}

.simplebar-track {
  background: rgba(20, 24, 20, 0.3) !important;
}

.simplebar-track.simplebar-vertical {
  width: 6px !important;
}

.simplebar-track.simplebar-horizontal {
  height: 6px !important;
}