/* 1. STANDART VE FIREFOX DESTEĞİ */
* {
  scrollbar-width: thin;
  scrollbar-color: #334155 transparent;
}

/* 2. WEBKIT (CHROME, EDGE, BRAVE, SAFARI) GENEL STİLLERİ */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

::-webkit-scrollbar-track {
  background: transparent;
}

::-webkit-scrollbar-thumb {
  background: #1e293b;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.05);
  transition: background 0.2s ease;
}

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

::-webkit-scrollbar-thumb:active {
  background: #38bdf8; /* Tıklanıp sürüklendiğinde hafif neon camgöbeği parlaması */
}

::-webkit-scrollbar-corner {
  background: transparent;
}

/* 3. AI ASİSTANI VE MODAL İÇİ MİKRO SCROLLBAR */
#ai-messages-container::-webkit-scrollbar,
.modal-content::-webkit-scrollbar,
.kanban-column::-webkit-scrollbar,
.ai-chat-body::-webkit-scrollbar {
  width: 4px;
}