[x-cloak] { display: none !important; }

/* Scrollbar */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: #101d32; }
::-webkit-scrollbar-thumb { background: #2d3348; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: #4292e7; }

/* Table */
table { border-collapse: collapse; }

/* Transitions */
.fade-enter-active, .fade-leave-active { transition: opacity 0.2s; }
.fade-enter, .fade-leave-to { opacity: 0; }

/* Color picker fix */
input[type="color"] { padding: 2px; cursor: pointer; }
input[type="color"]::-webkit-color-swatch-wrapper { padding: 0; }
input[type="color"]::-webkit-color-swatch { border: none; border-radius: 4px; }

/* Dark theme form inputs */
input, select, textarea {
    color-scheme: dark;
}

/* Selection */
::selection {
    background: #4292e7;
    color: white;
}

/* Mobile sidebar - raw CSS to bypass Tailwind CDN JIT limitation */
@media (max-width: 1023px) {
    .sidebar {
        display: none !important;
    }
    .sidebar.sidebar-open {
        display: flex !important;
    }
}

/* Mobile backdrop */
.sidebar-backdrop {
    display: none !important;
}
.sidebar-backdrop.sidebar-open {
    display: block !important;
}