/* === responsive.css === */

/* ============================================
   RESPONSIVE
   ============================================ */
/* Base: mobile-nav hidden by default */
.mobile-nav { display:none; }

@media (max-width:1024px) {
  :root { --sidebar-width:240px; }
  .content-area { padding:20px; }
  .kpi-grid { grid-template-columns:repeat(2,1fr); gap:12px; }
  .charts-grid { grid-template-columns:1fr; }
  .dash-grid { grid-template-columns:1fr; }
  .dash-welcome { flex-direction:column; align-items:flex-start; gap:12px; }
  .form-row { grid-template-columns:1fr; }
  .kanban-board { grid-template-columns:repeat(2,1fr); }
  .shortcuts-bar { display:none; }
  .conversations-split { grid-template-columns:300px 1fr; }
  .conv-info-pane { display:none; }
  #page-conversations { left:0; }
}
@media (max-width:768px) {
  .sidebar { transform:translateX(-100%); width:280px; }
  .sidebar.open { transform:translateX(0); }
  .main-content { margin-left:0; }
  .top-bar { padding:0 16px; }
  .content-area { padding:16px; }
  .welcome-banner { flex-direction:column; gap:16px; }
  .welcome-banner .wb-actions { flex-wrap:wrap; }
  .kanban-board { grid-template-columns:1fr; }
  .company-card-grid { grid-template-columns:1fr; }
  .customer-cards-grid { grid-template-columns:1fr; }
  .shortcuts-bar { left:0; display:none; }
  .top-bar-left .breadcrumb { display:none; }
  .cmd-palette { width:95vw; }
  #menu-toggle { display:flex!important; }
  .conversations-split { grid-template-columns:1fr; }
  #page-conversations { left:0; }
  .conv-list-pane { max-height:45vh; }
  .conv-info-pane { display:none; }
  .conv-detail-pane { border-top:1px solid var(--border); }
  /* Mobile bottom nav */
  .mobile-nav {
    display:flex!important; position:fixed; bottom:0; left:0; right:0;
    background:var(--card-bg); border-top:1px solid var(--border);
    z-index:90; padding:4px 0; justify-content:space-around;
  }
  .mobile-nav a {
    display:flex; flex-direction:column; align-items:center; gap:2px;
    padding:6px 12px; font-size:10px; color:var(--text-muted); text-decoration:none;
    font-weight:500; transition:var(--transition); min-width:44px; min-height:44px;
    justify-content:center;
  }
  .mobile-nav a.active { color:var(--primary); }
  .mobile-nav a i { font-size:18px; }
  .content-area { padding-bottom:80px; }
}
@media (max-width:480px) {
  .kpi-grid { grid-template-columns:repeat(2,1fr); gap:10px; }
  .kpi-value { font-size:24px; }
  .quick-stats { grid-template-columns:1fr; }
  .top-bar { padding:0 12px; }
  .content-area { padding:12px; padding-bottom:80px; }
  .company-combobox { min-width:140px; }
  .company-combobox input { font-size:12px; }
}