/* Base styles */
.category-card { 
    min-height: 150px; 
    background: #f8f9fa; 
    border: 2px dashed #ccc; 
    border-radius: 8px; 
    padding: 1rem; 
    margin-bottom: 1rem; 
    transition: background 0.2s; 
}

.todo-item { 
    cursor: grab; 
    margin-bottom: 0.5rem; 
}

.completed { 
    text-decoration: line-through; 
    color: #888; 
}

.add-category-btn { 
    margin-left: 1rem; 
}

/* Task Pool styles */
#task-pool {
    width: 100%;
    margin-bottom: 2rem;
}

#task-pool .category-card {
    width: 100%;
    margin: 0;
    border-radius: 8px;
    padding: 1rem;
}

#task-pool .category-tasks {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
    padding: 0.5rem;
}

#task-pool .todo-item {
    margin-bottom: 0;
}

/* Dark mode styles */
[data-bs-theme="dark"] {
    --bs-body-bg: #212529;
    --bs-body-color: #dee2e6;
}

[data-bs-theme="dark"] body {
    background-color: var(--bs-body-bg);
}

[data-bs-theme="dark"] .category-card {
    background: #2c3034;
    border-color: #495057;
}

[data-bs-theme="dark"] .todo-item {
    background-color: #343a40;
    border-color: #495057;
    color: #dee2e6;
}

[data-bs-theme="dark"] .completed {
    color: #6c757d;
}

[data-bs-theme="light"] body {
    background-color: #f8f9fa;
}

/* .category-drop-target {
    border: 2px solid #1976d2 !important;
    background: #e3f2fd !important;
}

.move-left, .move-right {
    padding: 2px 8px;
    font-size: 1rem;
} */

.move-left, .move-right, .delete-category {
    margin: 0 2px;
}