/* ══════════════════════════════════════════════════════
   CSA Intranet 2026 — Responsive v2
   ══════════════════════════════════════════════════════ */

@media (max-width: 1200px) {
  .csa-kpi-strip, .csa-kpi-row { grid-template-columns: repeat(2, 1fr); }
  .csa-depot-grid { grid-template-columns: repeat(2, 1fr); }
  .csa-sub-brands { display: none; }
}
@media (max-width: 900px) {
  .csa-dash-row2, .csa-dash-row3 { grid-template-columns: 1fr; }
  .csa-cols-3-1, .csa-cols-2-1 { grid-template-columns: 1fr; }
}
@media (max-width: 768px) {
  .csa-shell-header-inner, .csa-shell-header { flex-wrap: wrap; height: auto; padding: 8px 16px; }
  .csa-shell-nav { order: 3; width: 100%; justify-content: flex-start; padding-bottom: 6px; }
  .csa-shell-content { padding: 0 14px 28px; }
  .csa-dash-title-row, .csa-page-head { flex-direction: column; align-items: flex-start; gap: 10px; padding: 16px 0 0; }
  .csa-kpi-strip, .csa-kpi-row { grid-template-columns: 1fr 1fr; }
  .csa-modal-content { width: 95vw; max-height: 92vh; }
  .csa-container-cards { grid-template-columns: 1fr; }
  .csa-table th, .csa-table td { padding: 8px 6px; font-size: 12px; }
  .csa-form-grid-2, .csa-form-grid-3 { grid-template-columns: 1fr; }
}
@media (max-width: 480px) {
  .csa-kpi-strip, .csa-kpi-row { grid-template-columns: 1fr; }
  .csa-shell-subtitle { display: none; }
  .csa-page { padding: 0 12px; }
}