@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%); }
    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; }
    .page-head { flex-direction: column; }
    .kpi-grid { grid-template-columns: 1fr; }
    .auth-shell { grid-template-columns: 1fr; }
    .auth-hero { display: none; }
    .topbar { padding: .65rem .85rem; }
}