/* ─── RESPONSIVE ──────────────────────────────── */
@media (max-width: 900px) {
  .sidebar { width: 56px; }
  .brand-text, .nav-item span, .user-info { display: none; }
  .sidebar-brand { padding: 14px 10px; }
  .nav-item { justify-content: center; }
  .detail-body { grid-template-columns: 1fr; }
  .kpi-row { grid-template-columns: 1fr; }
}