/* Responsive Adjustments for Full HD and smaller screens */

@media (max-width: 1920px) {
    /* Compact Layout for Full HD */
    .app-container {
        padding: 20px; /* Reduced from 30px */
    }

    /* Sidebar Compactness */
    .tasks-sidebar {
        min-width: 220px; /* Reduced from 250px */
    }

    .today-event-widget {
        padding: 12px;
        margin-bottom: 15px;
        gap: 10px;
    }
    
    .today-event-emoji {
        font-size: 1.5rem; /* Reduced from 2rem */
    }

    .tasks-container-wrapper {
        padding: 12px;
    }

    .sidebar-header {
        margin-bottom: 8px;
        padding-bottom: 8px;
    }

    /* Kanban Compactness */
    .kanban-section {
        padding: 10px; /* Reduced from 15px */
        min-height: 50px;
    }

    .task-item {
        padding: 8px; /* Reduced from 10px */
        gap: 4px;
        margin-bottom: 4px;
    }

    .task-text {
        font-size: 0.85rem; /* Reduced from 0.9rem */
    }
    
    .task-controls img {
        width: 14px; /* Slightly smaller icons */
        height: 14px;
    }
    
    /* Grid Adjustments */
    .dots-grid {
        gap: 6px; /* Reduced from 8px */
    }
}

@media (max-width: 1440px) {
    /* Adjustments for smaller laptops */
    .app-container {
        padding: 15px;
    }
    
    .tasks-sidebar {
        min-width: 200px;
        flex-basis: 25%; /* Give it a bit more relative width as screen shrinks */
    }

    .kanban-section {
        padding: 8px;
    }
}

@media (max-height: 900px) {
    /* Vertical Space Optimization */
    .app-header {
        margin-bottom: 15px;
    }
    
    .today-event-widget {
        display: none; /* Hide event widget on very short screens to save space for tasks */
    }
    
    .tasks-container-wrapper {
        border-radius: 12px;
    }
}