@media (max-width: 1260px) {
    .chat-workspace { grid-template-columns:290px minmax(390px,1fr); }
    .customer-pane { display:none; }
    .metric-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .channel-health-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .analytics-bottom-grid { grid-template-columns:1fr; }
}
@media (max-width: 1020px) {
    :root { --sidebar-width:228px; }
    .topbar { padding-inline:22px; }
    .main-content { padding:28px 22px 44px; }
    .global-search { width:250px; }
    .profile-copy { display:none; }
    .dashboard-grid-main { grid-template-columns:1fr; }
    .response-card { min-height:auto; }
    .health-score { padding-top:10px; }
    .contacts-list { overflow:auto; }.contacts-list-head,.contact-row{min-width:880px}
}
@media (max-width: 820px) {
    .sidebar { transform:translateX(-105%); box-shadow:var(--shadow-md); }
    .sidebar.open { transform:translateX(0); }
    .sidebar-close { display:grid !important; }
    .sidebar-backdrop.show { display:block; }
    .main-column { margin-left:0; }
    .mobile-menu { display:grid; }
    .page-heading-mini { display:none; }
    .topbar { height:68px; }
    .global-search { flex:1; width:auto; max-width:360px; }.global-search kbd{display:none}
    .main-content { padding-top:24px; }
    .chat-workspace { height:calc(100vh - 210px); min-height:620px; grid-template-columns:280px minmax(360px,1fr); }
    .settings-layout { grid-template-columns:1fr; }.settings-nav{display:flex;overflow-x:auto}.settings-nav-item{min-width:max-content;grid-template-columns:auto auto auto}.settings-nav-item .icon:last-child{display:none}
}
@media (max-width: 680px) {
    body { font-size:14px; }
    .topbar { padding:0 14px; }.topbar-actions{flex:1;justify-content:flex-end}.global-search{display:none}.profile-chip{display:none}
    .main-content { padding:20px 14px 36px; }
    .page-intro { align-items:flex-start; flex-direction:column; gap:14px; margin-bottom:20px; }.page-intro h1{font-size:2rem}.page-intro p{font-size:13px}.page-actions{width:100%}
    .overview-banner { min-height:0; padding:24px; }.overview-banner-orbit{display:none}.overview-banner h2{font-size:1.55rem}.overview-banner p{font-size:12px}
    .metric-grid { grid-template-columns:1fr 1fr; gap:10px; }.metric-card{min-height:145px;padding:15px}.metric-value{font-size:1.4rem}
    .channel-health-grid { grid-template-columns:1fr; padding:16px; }.section-head{padding:18px 16px 0}
    .chat-workspace { height:auto; min-height:0; display:block; overflow:visible; border:0; background:transparent; box-shadow:none; }
    .conversation-pane { height:420px; border:1px solid var(--border); border-radius:16px; overflow:hidden; margin-bottom:12px; }
    .message-pane { min-height:560px; border:1px solid var(--border); border-radius:16px; overflow:hidden; }.chat-view{min-height:560px}
    .channel-tab { padding:0 10px; }.channel-tab span:nth-child(2){display:none}
    .contact-tools { align-items:stretch; flex-direction:column; }.contact-search{max-width:none}.contact-filter-pills{overflow-x:auto}.filter-chip{min-width:max-content}
    .bar-chart { padding-inline:12px; gap:6px }.bar-stack{gap:1px}.bar{width:6px}
    .performance-row { grid-template-columns:auto 1fr 70px 45px; }
    .donut-wrap { align-items:flex-start; flex-direction:column; }
    .theme-choice-grid { grid-template-columns:1fr; }.form-grid{grid-template-columns:1fr}.field-wide{grid-column:auto}.settings-content{padding:20px 16px}
}
@media (max-width: 440px) {
    .metric-grid { grid-template-columns:1fr; }
    .conversation-pane { height:390px; }
    .chat-message-area { padding:18px 14px; }.message-bubble{max-width:88%}
    .analytics-chart-card .chart-legend { display:none; }
}