@media (max-width: 1200px) {
  .stats-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .image-preview-list { grid-template-columns: repeat(3,minmax(0,1fr)); }
}
@media (max-width: 992px) {
  .desktop-nav, .header-logout, .user-meta { display: none; }
  .menu-btn { display: inline-flex; }
  .form-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .filter-bar, .dashboard-filter { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .details-grid { grid-template-columns: 1fr; }
}
@media (max-width: 768px) {
  .combobox-list { max-height: min(260px, 45vh); max-height: min(260px, 45dvh); }
  .users-filter { grid-template-columns: 1fr; }
  .header-inner, .page-container { width: min(100% - 28px, var(--container)); }
  .header-inner { min-height: 64px; }
  .app-brand span { font-size: .9rem; }
  .page-container { padding-top: 22px; }
  .page-heading, .hero-strip, .section-header { align-items: flex-start; flex-direction: column; }
  .page-actions, .hero-strip .primary-btn { width: 100%; }
  .page-actions > *, .hero-strip .primary-btn { flex: 1; }
  .stats-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .filter-bar { grid-template-columns: 1fr 1fr; }
  .filter-bar .search-wrap { grid-column: 1/-1; }
  .desktop-table { display: none; }
  .mobile-records { display: block; }
  .table-wrap { overflow: hidden; }
  .image-preview-list { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .action-row > * { flex: 1 1 calc(50% - 10px); }
}
@media (max-width: 480px) {
  .auth-page { padding: 16px; place-items: center; }
  .auth-card { padding: 22px 18px; border-radius: 17px; }
  .brand-block { gap: 12px; margin-bottom: 20px; }
  .brand-mark { width: 48px; height: 48px; }
  .header-inner, .page-container { width: min(100% - 24px, var(--container)); }
  .app-brand-mark { width: 35px; height: 35px; }
  .app-brand span { max-width: 180px; overflow: hidden; text-overflow: ellipsis; }
  .panel, .form-card { padding: 16px; }
  .stats-grid, .filter-bar, .dashboard-filter, .form-grid { grid-template-columns: 1fr; }
  .stats-grid { gap: 10px; }
  .stat-card { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
  .stat-value { margin-top: 0; }
  .span-2 { grid-column: auto; }
  .image-preview-list { grid-template-columns: 1fr; }
  .action-row { flex-direction: column; }
  .action-row > * { width: 100%; flex-basis: auto; }
  .detail-list { grid-template-columns: 1fr; }
  .signature-canvas { height: 190px; }
  .signature-readonly-grid { grid-template-columns: 1fr; }
  .detail-item:nth-child(odd) { padding-left: 0; }
  .record-meta { grid-template-columns: 1fr 1fr; }
  #toast-root { left: 12px; bottom: 12px; }
  .modal { padding: 19px; }
  .modal-actions { flex-direction: column-reverse; }
  .modal-actions button { width: 100%; }
}