/* Responsive Design */

@media (max-width: 1024px) {
    .charts-row {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .sidebar {
        position: fixed;
        left: -260px;
        top: 0;
        bottom: 0;
        transition: left 0.3s ease;
        box-shadow: var(--shadow-lg);
    }

    .sidebar.open {
        left: 0;
    }

    .top-header-global {
        padding: 0 1rem;
    }

    .content-scrollable {
        padding: 1rem;
    }

    .mobile-only {
        display: block !important;
    }

    .stats-grid {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 480px) {
    .stats-grid {
        grid-template-columns: 1fr;
    }

    .period-selector span {
        font-size: 0.9rem;
    }

    .header-right .sync-status {
        display: none;
    }
}

.mobile-only {
    display: none;
}