/* Дополнительная стилизация поверх Tailwind (скроллбары, анимации, мелочи). */

* { scrollbar-width: thin; scrollbar-color: #2f3950 transparent; }
*::-webkit-scrollbar { width: 9px; height: 9px; }
*::-webkit-scrollbar-thumb { background: #2f3950; border-radius: 99px; }
*::-webkit-scrollbar-thumb:hover { background: #3b475f; }

@keyframes fadein { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
.fadein { animation: fadein .25s ease both; }

@keyframes slidein { from { opacity: 0; transform: translateX(20px); } to { opacity: 1; transform: none; } }
.toast { animation: slidein .2s ease both; }

@keyframes spin { to { transform: rotate(360deg); } }
.spinner { animation: spin .7s linear infinite; }

.nav-item.active {
  background: linear-gradient(90deg, rgba(88,101,242,.18), rgba(88,101,242,.02));
  color: #fff;
  box-shadow: inset 2px 0 0 #5865F2;
}

.glass { background: rgba(17,21,33,.7); backdrop-filter: blur(10px); }

.bg-grid {
  background-image: radial-gradient(rgba(88,101,242,.10) 1px, transparent 1px);
  background-size: 26px 26px;
}

input, select, textarea { color-scheme: dark; }