/* TaskFlow Custom Styles */

[data-theme="dark"] body { background-color: #111827; color: #f3f4f6; }
[data-theme="dark"] .bg-white { background-color: #1f2937 !important; }
[data-theme="dark"] .bg-gray-50 { background-color: #111827 !important; }
[data-theme="dark"] .text-gray-900 { color: #f9fafb !important; }
[data-theme="dark"] .border-gray-200 { border-color: #374151 !important; }
[data-theme="dark"] .border-gray-300 { border-color: #4b5563 !important; }

.sidebar-link {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.625rem 0.75rem;
    border-radius: 0.5rem;
    font-size: 0.875rem;
    font-weight: 500;
    color: #6b7280;
    transition: all 0.15s;
}
.sidebar-link:hover {
    background: #f3f4f6;
    color: #374151;
}
[data-theme="dark"] .sidebar-link:hover {
    background: #374151;
    color: #e5e7eb;
}
.sidebar-link.active {
    background: #eff6ff;
    color: #2563eb;
}
[data-theme="dark"] .sidebar-link.active {
    background: #1e3a5f;
    color: #60a5fa;
}

.kanban-card {
    cursor: grab;
}
.kanban-card:active {
    cursor: grabbing;
    opacity: 0.8;
}

.stat-card {
    transition: transform 0.15s;
}
.stat-card:hover {
    transform: translateY(-1px);
}

.toast {
    animation: slideIn 0.3s ease-out;
}
@keyframes slideIn {
    from { transform: translateX(100%); opacity: 0; }
    to { transform: translateX(0); opacity: 1; }
}

.modal-enter {
    animation: fadeIn 0.2s ease-out;
}
@keyframes fadeIn {
    from { opacity: 0; transform: scale(0.95); }
    to { opacity: 1; transform: scale(1); }
}

.ui-sortable-placeholder {
    visibility: visible !important;
    border: 2px dashed #93c5fd !important;
    background: #eff6ff !important;
    border-radius: 0.5rem !important;
    min-height: 3rem !important;
}

::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: #d1d5db; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: #9ca3af; }

[data-theme="dark"] ::-webkit-scrollbar-thumb { background: #4b5563; }
[data-theme="dark"] ::-webkit-scrollbar-thumb:hover { background: #6b7280; }

@media (max-width: 768px) {
    #sidebar { position: fixed; z-index: 50; height: 100%; }
}