/* =========================================================================
   NAMAN Mission POC — Responsive behaviour
   ========================================================================= */
@media (max-width: 1440px) {
  .kpis.k7 { grid-template-columns: repeat(4, minmax(0,1fr)); }
}
@media (max-width: 1280px) {
  .g4 { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .kpis.k5 { grid-template-columns: repeat(3, minmax(0,1fr)); }
  .gsearch { width: 220px; }
  .user-btn .u-meta { display: none; }
  .ai-wrap { grid-template-columns: 1fr; height: auto; }
  .ai-wrap .ai-side { display: none; }
  .ai-msgs { min-height: 480px; max-height: 64vh; }
}
@media (max-width: 1100px) {
  .g3, .g-2-1, .g-1-2, .g-3-2 { grid-template-columns: minmax(0,1fr); }
  .span-2 { grid-column: auto; }
  .rp-layout { grid-template-columns: 1fr; }
  .gis-wrap { grid-template-columns: 1fr; }
  .gis-side { border-right: 0; border-bottom: 1px solid var(--border); max-height: none; }
  .lp-hero .inner { grid-template-columns: 1fr; }
  .lp-grid.c4 { grid-template-columns: repeat(2, 1fr); }
  .lp-grid.c3 { grid-template-columns: repeat(2, 1fr); }
  .kv.c2 { grid-template-columns: 140px 1fr; }
}
@media (max-width: 1024px) {
  #app-shell, #app-shell.collapsed { grid-template-columns: 1fr; }
  .sidebar { position: fixed; left: 0; top: 0; bottom: 0; width: var(--sidebar-w); transform: translateX(-100%); transition: transform .2s ease; box-shadow: var(--shadow-lg); }
  #app-shell.mobile-open .sidebar { transform: none; }
  #app-shell.collapsed .sb-title, #app-shell.collapsed .sb-group-btn span, #app-shell.collapsed .sb-link span, #app-shell.collapsed .sb-foot, #app-shell.collapsed .sb-group-btn .chev { display: revert; }
  #app-shell.collapsed .sb-link { justify-content: flex-start; padding: 7px 10px 7px 12px; }
  .sb-scrim { position: fixed; inset: 0; background: rgba(7,20,40,.4); z-index: 35; }
  .sync-chip span.lbl { display: none; }
  .lp-links { display: none; }
  #login { grid-template-columns: 1fr; }
  .login-art { display: none; }
}
@media (max-width: 760px) {
  :root { --gutter: 14px; }
  .g2, .g4 { grid-template-columns: minmax(0,1fr); }
  .kpis, .kpis.k7, .kpis.k5, .kpis.k4 { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .form-grid, .form-grid.c3 { grid-template-columns: 1fr; }
  .gsearch { display: none; }
  .crumbs { display: none; }
  .page-head h1 { font-size: 19px; }
  .page-head .actions { margin-left: 0; }
  .lp-hero h1 { font-size: 32px; }
  .lp-grid.c3, .lp-grid.c4, .lp-two { grid-template-columns: 1fr; }
  .lp-foot .inner { grid-template-columns: 1fr; }
  .profile-grid { grid-template-columns: 1fr; }
  .filterbar .f { max-width: none; flex-basis: 45%; }
  .kv { grid-template-columns: 1fr; gap: 2px; }
  .kv dd { margin-bottom: 8px; }
  .gantt-row { grid-template-columns: 1fr; }
  .modal-back { padding: 0; }
  .modal { border-radius: 0; max-height: 100vh; min-height: 100vh; }
  .top-actions .hide-sm { display: none; }
  .msg .bubble { max-width: 92%; }
}
/* Header density: collapse secondary labels before anything overflows */
@media (max-width: 1700px) { #tb-role span { display: none; } #tb-role { padding: 0 9px; } }
@media (max-width: 1560px) { .sync-chip span.lbl { display: none; } .user-btn .u-meta { display: none; } .topbar .crumbs { min-width: 110px; } }
@media (max-width: 1180px) { #tb-period span { display: none; } }