/* ============================================
   PAGES — Additional styles
   ============================================ */

/* Ensure main content scrolls properly */
.main-content {
    height: 100vh;
    overflow-y: auto;
}

/* Page transitions */
.page {
    animation: fadeInUp 0.3s ease-out;
}

/* Checkbox styling */
input[type="checkbox"] {
    width: 16px;
    height: 16px;
    accent-color: var(--brand-500);
    cursor: pointer;
}

/* Kanban card drag hint */
.card[style*="padding:var(--space-4)"] {
    cursor: default;
}

/* Responsive */
@media (max-width: 1200px) {
    .grid-4 { grid-template-columns: repeat(2, 1fr); }
    .grid-5 { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 900px) {
    .sidebar { display: none; }
    .main-content { margin-left: 0; }
    .grid-2, .grid-3, .grid-4, .grid-5 { grid-template-columns: 1fr; }
    .header-search { width: 200px; }
}