/* Avto360 Responsive Breakpoints */

/* Tablet — ≤1024px */
@media (max-width: 1024px) {
  .dx-kpi-grid    { grid-template-columns: repeat(2, 1fr); }
  .dx-grid-4      { grid-template-columns: repeat(2, 1fr); }
  .dx-grid-3      { grid-template-columns: repeat(2, 1fr); }
}

/* Mobile — ≤768px */
@media (max-width: 768px) {
  .dx-sidebar {
    transform: translateX(-100%);
  }
  .dx-sidebar.open {
    transform: translateX(0);
    z-index: 1001;
  }
  .dx-sidebar-close { display: flex !important; }
  .dx-main          { margin-left: 0 !important; }
  .dx-hamburger     { display: flex !important; }
  .dx-grid-2        { grid-template-columns: 1fr; }
  .dx-grid-3        { grid-template-columns: 1fr; }
  .dx-grid-4        { grid-template-columns: 1fr; }
  .dx-kpi-grid      { grid-template-columns: repeat(2, 1fr); }
  .dx-page-header   { flex-direction: column; align-items: flex-start; }
  .dx-page-header-right { width: 100%; }
  .dx-page-content  { padding: 1rem; }
  .dx-notif-dropdown { width: 300px; right: -60px; }
  .dx-topbar        { padding: 0 1rem; gap: .75rem; }
}

/* Small Mobile — ≤480px */
@media (max-width: 480px) {
  .dx-kpi-grid      { grid-template-columns: 1fr; }
  .dx-kpi-value     { font-size: 1.5rem; }
  .dx-modal         { max-width: 95vw; }
  .dx-btn-lg        { width: 100%; }
  .dx-page-content  { padding: .875rem; }
  .dx-card-body     { padding: 1rem; }
  .dx-notif-dropdown { width: 280px; }
  .dx-table         { font-size: .8125rem; }
  .dx-table thead th,
  .dx-table tbody td { padding: .625rem .75rem; }
}

/* Print */
@media print {
  .dx-sidebar, .dx-topbar, .dx-hamburger,
  .dx-notif-wrapper, .dx-user-menu,
  .dx-btn:not(.dx-btn-print) { display: none !important; }
  .dx-main { margin-left: 0 !important; }
  .dx-page-content { padding: 0; }
  .dx-card { box-shadow: none; border: 1px solid #ddd; }
}