/* Responsive breakpoints for FinTrack */

@media (max-width: 1024px) {
    .grid-2, .grid-3 { grid-template-columns: 1fr; }
    .form-grid { grid-template-columns: 1fr; }
}

@media (max-width: 860px) {
    .sidebar {
        position: fixed;
        left: -240px;
        transition: left 0.2s ease;
    }
    .sidebar.open { left: 0; }
    .menu-toggle { display: inline-block; }
    .sidebar-overlay.open {
        display: block;
        position: fixed; inset: 0;
        background: rgba(18,39,31,0.4);
        z-index: 35;
    }
    .content { padding: 1.1rem; }
    .topbar { padding: 0.9rem 1rem; }
    .topbar-date { display: none; }
}

@media (max-width: 640px) {
    .stat-grid { grid-template-columns: 1fr 1fr; }
    .page-title { font-size: 1.1rem; }
    .panel { padding: 1rem; }
    .filters-bar .form-field { min-width: 100%; }
    table.table { font-size: 0.82rem; }
    .table th, .table td { padding: 0.5rem; }
    .auth-card { padding: 1.5rem 1.25rem; }
}

@media (max-width: 420px) {
    .stat-grid { grid-template-columns: 1fr; }
    .user-name { display: none; }
}