/* =============================================
   RESPONSIVE BREAKPOINTS
   ============================================= */

/* Tablet */
@media (max-width: 1024px) {
  .sidebar {
    transform: translateX(-100%);
    position: fixed;
    z-index: var(--z-sidebar);
  }
  .sidebar.open { transform: translateX(0); }
  .sidebar.collapsed { transform: translateX(-100%); }
  .main { margin-left: 0 !important; }
  .mobile-menu-btn { display: flex; }
  .sidebar-toggle { display: none; }
  .form-row { grid-template-columns: 1fr; }
  .form-row-3 { grid-template-columns: 1fr 1fr; }
  .stat-grid { grid-template-columns: repeat(2, 1fr); }
  .filter-bar { flex-direction: column; align-items: stretch; }
  .filter-bar .form-input,
  .filter-bar .form-select { width: 100%; min-width: auto; }
}

/* Mobile */
@media (max-width: 640px) {
  .page-content { padding: var(--space-4); }
  .page-header { flex-direction: column; align-items: flex-start; }
  .page-actions { width: 100%; justify-content: flex-end; }
  .stat-grid { grid-template-columns: 1fr; }
  .form-row-3 { grid-template-columns: 1fr; }
  .card-body { padding: var(--space-4); }
  .card-header { padding: var(--space-4); }
  .modal-backdrop { padding: 20px 12px; }
  .modal { border-radius: var(--radius-lg); }
  .header-title { font-size: var(--text-lg); }
  .header-breadcrumb { display: none; }
  .table { font-size: var(--text-xs); }
  .table th, .table td { padding: 8px 10px; }

  .login-card { padding: var(--space-6); }
}

/* Mobile sidebar overlay */
@media (max-width: 1024px) {
  .sidebar-overlay {
    position: fixed;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: rgba(0,0,0,0.5);
    z-index: calc(var(--z-sidebar) - 1);
    display: none;
  }
  .sidebar.open ~ .sidebar-overlay { display: block; }
}

/* Print */
@media print {
  .sidebar, .header, .sidebar-overlay { display: none !important; }
  .main { margin-left: 0 !important; }
  body { background: white; color: black; }
  .card { border: 1px solid #ddd; background: white; box-shadow: none; }
}