@media (min-width:1600px) {
  .page-heading { margin-top:15px; }
  .latest-card { min-height:290px; }
}
@media (max-width:1200px) {
  .sidebar { width:215px; padding-left:17px; padding-right:17px; }
  .sidebar .brand { font-size:23px; }
  .main-wrap { margin-left:215px; }
  main#main { padding:25px 27px 0; }
  .topbar { padding:0 27px; }
  .date-label { display:none; }
  .dashboard-grid { grid-template-columns:1.55fr 1fr; gap:17px; }
  .latest-card { padding:22px 22px 0; }
  .latest-content { gap:12px; }
  .call-symbol { width:47px; height:47px; border-radius:14px; }
  .stat-card { padding:17px 14px; gap:10px; }
  .stat-card .soft-icon { width:35px; height:35px; border-radius:11px; }
  .setup-grid { grid-template-columns:1fr; }
  .setup-aside { grid-template-columns:1fr 1fr; }
  .setup-aside > :last-child { grid-column:1/-1; }
}
@media (max-width:900px) {
  .sidebar { width:190px; padding-left:12px; padding-right:12px; }
  .sidebar .brand { font-size:21px; padding:0; }
  .sidebar nav a { font-size:11px; gap:9px; padding:12px 10px; }
  .main-wrap { margin-left:190px; }
  .dashboard-grid { grid-template-columns:1fr; }
  .status-card { display:none; }
  .latest-content h2 { font-size:34px; }
  .stat-card { flex-wrap:wrap; }
  .stat-card .online-dot { display:none; }
  .stat-card > div { flex-basis:100%; }
  .bottom-grid { grid-template-columns:1fr; gap:0; }
  .settings-grid { grid-template-columns:1fr; }
  .auth-form-wrap { padding:35px; }
  .auth-story { padding:35px; }
  .auth-pitch h1 { font-size:49px; }
}
@media (max-width:650px) {
  .sidebar { width:100%; inset:auto 0 0; height:calc(70px + env(safe-area-inset-bottom)); padding:4px 10px env(safe-area-inset-bottom); border-right:0; border-top:1px solid #e6ebf4; background:#fffffffa; backdrop-filter:blur(16px); }
  .sidebar > .brand,.sidebar-caption,.sidebar-bottom { display:none; }
  .sidebar nav { display:grid; grid-template-columns:repeat(4,1fr); gap:3px; height:100%; }
  .sidebar nav a { flex-direction:column; justify-content:center; padding:8px 0; gap:5px; font-size:9px; position:relative; border-radius:10px; min-height:56px; }
  .sidebar nav a svg { width:20px; height:20px; }
  .nav-badge { position:absolute; right:15px; top:2px; font-size:8px; }
  .main-wrap { margin:0; padding-bottom:calc(70px + env(safe-area-inset-bottom)); }
  .topbar { height:70px; padding:0 20px; }
  .mobile-brand { display:flex!important; font-size:21px; }
  .mobile-brand .brand-mark { width:29px; height:29px; font-size:27px; border-radius:9px; margin-right:7px; }
  .breadcrumb,.topbar-right .avatar { display:none; }
  .topbar-right { gap:5px; }
  .topbar-right .pill { font-size:8px; padding:5px 8px; }
  main#main { padding:18px 18px 0; }
  .demo-banner { align-items:flex-start; flex-direction:column; gap:1px; font-size:10px; padding:10px 13px; margin-bottom:25px; }
  .demo-banner .text-button { min-height:27px; font-size:10px; }
  h1 { font-size:27px; letter-spacing:-1px; }
  .page-heading { margin-bottom:24px; align-items:flex-start; flex-direction:column; gap:14px; }
  .page-heading .eyebrow { font-size:8px; letter-spacing:1.5px; }
  .page-heading p { font-size:11px; }
  .latest-card { min-height:243px; padding:21px 23px 0; }
  .latest-content { gap:15px; }
  .latest-content h2 { font-size:28px; }
  .latest-content p { font-size:10px; }
  .stats-grid { gap:8px; margin:15px 0 22px; }
  .stat-card { padding:13px 10px; border-radius:12px; gap:9px; }
  .stat-card > div > span { font-size:9px; line-height:1.5; min-height:27px; }
  .stat-card strong { font-size:25px; }
  .stat-card .stat-text { font-size:12px; margin-top:7px; }
  .section-heading { padding:21px 18px; }
  .section-heading .text-link { font-size:9px; }
  .call-row { padding:16px; gap:10px; }
  .call-row > svg { display:none; }
  .call-info strong { font-size:11px; }
  .call-time { font-size:9px; }
  .new-badge { font-size:8px; padding:3px 5px; }
  .bottom-grid { margin-top:15px; margin-bottom:10px; }
  .tip-card { padding:16px 5px; }
  footer { margin-top:20px; padding:18px 0; }
  footer > span:last-child { font-size:8px; max-width:190px; text-align:right; }
  .history-toolbar { padding:17px; flex-direction:column; align-items:stretch; gap:10px; }
  .search-box { width:100%; }
  .setup-card,.settings-card { padding:22px; }
  .setup-aside { grid-template-columns:1fr; }
  .step { gap:11px; }
  .step h2 { font-size:14px; }
  .mmi-code { padding:8px 10px; }
  .mmi-code code { font-size:17px; }
  .toast { bottom:calc(85px + env(safe-area-inset-bottom)); font-size:12px; }
  .auth-screen { grid-template-columns:1fr; background:var(--canvas); }
  .auth-story { padding:23px 25px 25px; }
  .auth-pitch { padding:35px 0 0; }
  .auth-pitch h1 { font-size:39px; letter-spacing:-1.8px; margin:10px 0 0; }
  .auth-pitch h1 br { display:none; }
  .auth-pitch h1 br::after { content:" "; }
  .auth-pitch > p,.signal-art,.auth-footnote,.auth-pitch .eyebrow { display:none; }
  .auth-form-wrap { padding:30px 25px 40px; background:white; border-radius:24px 24px 0 0; }
  .auth-form-card h2 { font-size:25px; }
  .auth-form-card form { margin-top:24px; }
}
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; } }
