/* ========================================================================
   Ajustements mobile (<768px)
   ======================================================================== */

@media (max-width: 767px) {
  .sidebar { display: none; }
  .page { padding: var(--space-6) var(--space-4); }
  .topbar { padding: 0 var(--space-4); }

  .card-header { padding: var(--space-4) var(--space-4) var(--space-2); }
  .card-content { padding: var(--space-3) var(--space-4) var(--space-4); }

  .modal { max-width: 100%; margin: 0; border-radius: var(--radius-xl) var(--radius-xl) 0 0; }
  .modal-header, .modal-body, .modal-footer { padding-left: var(--space-4); padding-right: var(--space-4); }

  .leads-toolbar { flex-direction: column; align-items: stretch; gap: var(--space-2); }
  .leads-toolbar .search { min-width: 0; }
  .leads-filters { overflow-x: auto; }

  .kpi-grid { gap: var(--space-3); }
  .kpi { padding: var(--space-4); }
  .kpi-value { font-size: var(--text-2xl); }
}