/* Custom styles — Tailwind handles most of the heavy lifting */

/* Scrollbar — Discord-dark style */
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: #1e1f22; }
::-webkit-scrollbar-thumb { background: #3f4147; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #5865f2; }

/* HTMX loading indicator */
.htmx-indicator { opacity: 0; transition: opacity 150ms; }
.htmx-request .htmx-indicator { opacity: 1; }

/* Color picker alignment */
input[type="color"] { padding: 2px; cursor: pointer; }

/* Toast animations */
@keyframes slideIn { from { transform: translateX(120%); } to { transform: translateX(0); } }
@keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } }
.toast-enter { animation: slideIn 0.2s ease-out; }
.toast-leave { animation: fadeOut 0.3s ease-in forwards; }

/* Sidebar active link */
.sidebar-link-active { background-color: #404249; color: #fff; }