/* ==========================================================================
   LARGE-DESKTOP.CSS - Large Desktop Styles (≥ 1200px)
   ========================================================================== */

@media (min-width: 1200px) {

    /* Sidebar - Full width, modern white */
    .sidebar {
        width: var(--sidebar-width);
        background: #ffffff;
        border-right: 1px solid #E5E7EB;
        box-shadow: 2px 0 8px rgba(0, 0, 0, 0.02);
        transform: translateX(0);
    }

    .sidebar-menu-link {
        color: #6B7280;
        margin: 4px 12px;
        padding: 10px 15px;
    }

    .sidebar-menu-link:hover {
        background-color: #F3F4F6;
        color: #374151;
    }

    .sidebar-menu-link.active {
        background-color: #ECFDF5;
        color: #10B981;
        font-weight: 600;
    }

    /* Main content - Maximum width utilization */
    .main-content {
        margin-left: var(--sidebar-width);
        flex: 1;
        flex-grow: 1;
        width: 100%;
        max-width: 100%;
    }

    /* Content wrapper - More padding for large screens */
    .content-wrapper {
        padding: 1.5rem 2.5rem;
        flex: 1;
        flex-grow: 1;
        width: 100%;
        max-width: 100%;
        background-color: #F9FAFB;
    }

    /* Grid - Full 4 columns */
    .grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    /* Typography - Slightly larger */
    h1 {
        font-size: 2rem;
    }

    h2 {
        font-size: 1.625rem;
    }

    /* Calendar - Maximum size */
    .calendar-day {
        min-height: 120px;
        padding: 10px;
    }

    .calendar-event {
        font-size: 0.875rem;
        padding: 4px 8px;
    }

    .calendar-date-number {
        font-size: 1rem;
        width: 32px;
        height: 32px;
    }

    /* Calendar wrapper - Full width */
    .calendar-wrapper {
        width: 100%;
        max-width: 100%;
    }

    /* Cards - More spacing */
    .card-header {
        padding: 1.5rem 2rem;
    }

    .card-body {
        padding: 2rem;
    }

    /* Container - No max-width restriction */
    .container,
    .container-fluid {
        max-width: 100%;
        width: 100%;
    }

    /* Hide menu toggle */
    .menu-toggle {
        display: none;
    }
}