/* Responsive layout for AI Capex Stress-Test Simulator */

/* Tablets and narrow desktops: stack sidebar above charts */
@media (max-width: 900px) {
    .app-root {
        height: auto !important;
        overflow: visible !important;
    }

    .main-grid {
        flex-direction: column !important;
        overflow: visible !important;
    }

    .sidebar {
        width: 100% !important;
        min-width: unset !important;
        max-height: none !important;
        border-right: none !important;
        border-bottom: 1px solid #d0d7de !important;
        overflow-y: visible !important;
    }

    .chart-area {
        max-height: none !important;
        overflow-y: visible !important;
    }
}

/* Mobile: tighter padding */
@media (max-width: 600px) {
    .sidebar {
        padding: 12px 16px !important;
    }
}