@media (max-width: 1366px) {
    .kpi-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 1199px) {
    .kpi-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .topbar-center .context-select { display: none; }
}

@media (max-width: 991px) {
    .sidebar-panel {
        transform: translateX(-100%);
        box-shadow: 0 0 50px rgba(0,0,0,0.5);
    }
    body.sidebar-open .sidebar-panel {
        transform: translateX(0);
    }
    .app-main, body.sidebar-collapsed .app-main {
        margin-left: 0;
    }
    .brand-copy, .profile-copy, .quick-action-btn {
        display: none;
    }
    .topbar-search {
        min-width: 0;
        max-width: none;
    }
}

@media (max-width: 767px) {
    .app-content { padding: 1rem 0.85rem; }
    .page-head { flex-direction: column; align-items: stretch; gap: 0.75rem; }
    .page-actions, .page-toolbar { width: 100%; justify-content: flex-start; }
    .kpi-grid { grid-template-columns: 1fr; }
    .auth-shell { grid-template-columns: 1fr; }
    .auth-hero { display: none; }
    .topbar { padding: 0.5rem 0.85rem; }
    .table-responsive { border-radius: var(--erp-radius); }
}