@media (max-width: 1460px) {
  .workspace { grid-template-columns: 248px minmax(0, 1fr); }
  .sidebar { width: 248px; padding-inline: 13px; }
  .main-content { padding-inline: 24px; }
  .commandbar { padding-inline: 24px; }
  .command-search-wrap { width: 280px; }
  .command-overview-grid { grid-template-columns: minmax(0, 1.35fr) minmax(350px, 0.85fr); }
  .operations-grid { grid-template-columns: minmax(0, 1.2fr) minmax(340px, 0.8fr); }
  .insight-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .severity-surface { grid-column: 1 / -1; }
}

@media (pointer: coarse) {
  .auth-input input { font-size: 16px; }
}

@media (max-width: 1220px) {
  .workspace { grid-template-columns: 232px minmax(0, 1fr); }
  .sidebar { width: 232px; }
  .brand-name small,
  .nav-copy small { display: none; }
  .nav-item { min-height: 48px; }
  .command-search-wrap { width: 240px; }
  .command-select,
  #sound-toggle,
  #fullscreen-toggle { display: none; }
  .command-overview-grid { grid-template-columns: minmax(0, 1.2fr) minmax(330px, 0.8fr); }
  .situation-main { align-items: flex-start; flex-direction: column; }
  .situation-card,
  .priority-card { min-height: 340px; }
  .situation-facts { margin-top: 18px; }
  .metric-strip-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .metric-item:nth-child(2) { border-right: 0; }
  .metric-item:nth-child(-n + 2) { border-bottom: 1px solid var(--border); }
  .neighborhood-page-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 1080px) {
  .workspace { grid-template-columns: minmax(0, 1fr); }
  .sidebar {
    position: fixed;
    inset: 0 auto 0 0;
    z-index: 100;
    width: min(286px, calc(100vw - 44px));
    padding: 18px 16px;
    transform: translateX(-104%);
    transition: transform 230ms var(--ease-standard);
    box-shadow: var(--shadow-float);
  }
  .sidebar.is-open { transform: translateX(0); }
  .sidebar-backdrop { display: block; opacity: 0; visibility: hidden; pointer-events: none; transition: opacity 180ms ease, visibility 180ms ease; }
  .sidebar.is-open + .sidebar-backdrop { opacity: 1; visibility: visible; pointer-events: auto; }
  .brand-name small,
  .nav-copy small { display: block; }
  .nav-item { min-height: 54px; }
  .mobile-menu { display: grid; }
  .commandbar-context { min-width: 190px; }
  .main-content { padding: 26px 22px 42px; }
  .operations-grid { grid-template-columns: minmax(0, 1fr); }
  .activity-stream-card { order: 2; }
  .worker-layout,
  .event-layout,
  .signals-layout,
  .analytics-grid { grid-template-columns: minmax(0, 1fr); }
  .chart-analytics { height: 320px; }
  .signal-stat-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 900px) {
  .auth-gate { padding: 24px; }
  .auth-gate-card {
    width: min(520px, 100%);
    min-height: 640px;
    grid-template-columns: minmax(0, 1fr);
  }
  .auth-showcase { display: none; }
  .auth-panel-top { min-height: 70px; padding: 20px 28px 0; }
  .auth-panel-body { width: min(400px, calc(100% - 56px)); padding: 0 0 40px; }
  .monitor-auth-pending .auth-panel-body { justify-content: flex-start; }
  .auth-mobile-brand { display: flex; flex: 0 0 auto; margin-bottom: 0; padding-top: 2px; }
  .auth-status-icon { flex: 0 0 auto; margin-top: 32px; }
  .auth-panel-footer { padding: 0 28px 22px; }
  .commandbar { min-height: 64px; padding: 10px 16px; }
  .commandbar-context p,
  .tool-divider { display: none; }
  .command-overview-grid { grid-template-columns: minmax(0, 1fr); }
  .situation-card,
  .priority-card { min-height: auto; }
  .situation-card { padding: 22px; }
  .situation-main { align-items: center; flex-direction: row; }
  .priority-list { min-height: 166px; }
  .insight-grid { grid-template-columns: minmax(0, 1fr); }
  .severity-surface { grid-column: auto; }
  .alert-workspace { grid-template-columns: minmax(0, 1fr); }
  .stat-tile-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .signal-stat-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 720px) {
  .auth-gate {
    min-height: 100svh;
    align-items: start;
    padding: max(12px, env(safe-area-inset-top)) 12px max(12px, env(safe-area-inset-bottom));
  }
  .auth-gate-card {
    width: 100%;
    min-height: min(720px, calc(100svh - 24px));
    margin: auto 0;
    border-radius: 22px;
  }
  .auth-panel-top { min-height: 62px; padding: 18px 20px 0; }
  .auth-panel-body { width: 100%; padding: 0 22px 30px; }
  .auth-mobile-brand { padding-top: 3px; }
  .auth-mobile-brand .brand-symbol { width: 44px; height: 44px; border-radius: 13px; }
  .auth-mobile-brand .brand-symbol img { width: 32px; height: 32px; }
  .auth-status-icon { width: 44px; height: 44px; margin-top: clamp(22px, 3.5svh, 30px); border-radius: 13px; }
  .auth-copy { margin-top: 17px; }
  .auth-copy h1 { font-size: 29px; }
  .auth-copy p { font-size: 11px; }
  .auth-form { gap: 15px; margin-top: 24px; }
  .auth-input { height: 52px; }
  .auth-input input {
    min-width: 0;
    font-size: 16px;
    line-height: 1.25;
  }
  .auth-form-meta small { display: none; }
  .auth-submit { min-height: 52px; }
  .auth-panel-footer { padding: 0 22px 19px; }
  .main-content { padding: 20px 15px 34px; }
  .commandbar-tools { gap: 6px; }
  .mobile-search-toggle { display: grid; }
  .command-search-wrap { display: none; }
  body.mobile-search-open .command-search-wrap { position: fixed; z-index: 180; top: 72px; right: 12px; left: 12px; display: block; width: auto; }
  body.mobile-search-open .global-search-results { max-height: calc(100vh - 135px); }
  .date-filter-popover { position: fixed; top: 72px; right: 12px; left: 12px; width: auto; }
  .desktop-only { display: none; }
  .page-intro,
  .section-heading { align-items: flex-start; flex-direction: column; gap: 14px; }
  .intro-actions,
  .section-actions { width: 100%; }
  .updated-chip,
  .readonly-chip { flex: 1; justify-content: center; }
  .situation-main { align-items: flex-start; flex-direction: column; }
  .situation-score { align-items: flex-start; }
  .situation-link { margin-left: 106px; }
  .situation-facts { grid-template-columns: minmax(0, 1fr); }
  .situation-facts > div { min-height: 54px; }
  .metric-item { grid-template-columns: 38px minmax(0, 1fr) auto; }
  .metric-arrow { display: none; }
  .network-table-head { display: none; }
  .network-row { grid-template-columns: minmax(0, 1fr) auto 12px; gap: 10px; padding: 12px 15px; }
  .network-occupancy { display: none; }
  .timeline-event { grid-template-columns: 34px 20px minmax(0, 1fr); }
  .timeline-place { display: none; }
  .traffic-header { align-items: flex-start; flex-direction: column; }
  .traffic-summary { gap: 16px; }
  .traffic-summary .traffic-net { display: none; }
  .filter-bar { align-items: stretch; flex-direction: column; }
  .filter-bar label { width: 100%; }
  .filter-note { margin-left: 0; }
  .table-toolbar { align-items: flex-start; flex-direction: column; }
  .responsive-table table { min-width: 760px; }
  .neighborhood-page-grid { grid-template-columns: minmax(0, 1fr); }
  .detail-drawer { inset: 0; width: 100%; border: 0; border-radius: 0; }
  .chart-traffic { height: 270px; }
  .chart-presence { height: 270px; }
  .chart-analytics { height: 300px; }
  .analytics-card .surface-header { min-height: auto; }
}

@media (max-width: 720px) and (max-height: 620px) {
  .auth-gate-card { min-height: 596px; margin: 0; }
  .auth-panel-top { min-height: 48px; padding-top: 11px; }
  .auth-mobile-brand { padding-top: 0; }
  .auth-mobile-brand .brand-symbol { width: 40px; height: 40px; }
  .auth-status-icon { width: 40px; height: 40px; margin-top: 19px; font-size: 15px; }
  .auth-copy { margin-top: 11px; }
  .auth-copy h1 { font-size: 25px; }
  .auth-copy p { margin-top: 5px; line-height: 1.45; }
  .auth-form { gap: 10px; margin-top: 15px; }
  .auth-input { height: 47px; }
  .auth-submit { min-height: 47px; }
  .auth-form-meta { display: none; }
  .auth-panel-footer { padding-bottom: 13px; }
}

@media (max-width: 520px) {
  .auth-gate { padding: 0; }
  .auth-gate-card { min-height: 100svh; border: 0; border-radius: 0; }
  .auth-panel-top { padding-inline: 18px; }
  .auth-panel-body { max-width: 430px; padding: 18px 18px 26px; }
  .auth-panel-footer { padding-inline: 18px; }
  .command-breadcrumb > span,
  .command-breadcrumb > i,
  #sound-toggle { display: none; }
  .command-date { width: 40px; min-width: 40px; padding: 0; justify-content: center; }
  .command-date span,
  .command-date > i:last-child { display: none; }
  .commandbar-context { min-width: 0; }
  .commandbar-tools { margin-left: auto; }
  .page-intro h1,
  .section-heading h1 { font-size: 27px; }
  .intro-meta > span:last-child { display: none; }
  .situation-score { gap: 14px; }
  .score-orbit { width: 70px; height: 70px; flex-basis: 70px; }
  .score-orbit strong { font-size: 32px; }
  .situation-score h2 { font-size: 21px; }
  .situation-link { width: 100%; margin-left: 0; justify-content: center; }
  .metric-strip-grid,
  .stat-tile-grid { grid-template-columns: minmax(0, 1fr); }
  .signal-row { grid-template-columns: 36px minmax(0, 1fr); }
  .signal-meta { grid-column: 2; justify-items: start; grid-auto-flow: column; justify-content: start; }
  .metric-item { border-right: 0; border-bottom: 1px solid var(--border); }
  .metric-skeleton .skeleton-context { display: none; }
  .metric-item:nth-child(3) { border-bottom: 1px solid var(--border); }
  .metric-item:last-child { border-bottom: 0; }
  .priority-item { grid-template-columns: 25px minmax(0, 1fr); }
  .priority-time { grid-column: 2; align-items: flex-start; flex-direction: row; gap: 5px; }
  .incident-item { grid-template-columns: 34px minmax(0, 1fr) auto; }
  .incident-arrow { display: none; }
  .neighborhood-breakdown { grid-template-columns: minmax(0, 1fr); }
  .neighborhood-card-foot { align-items: flex-start; flex-direction: column; }
  .toast { right: 12px; bottom: 12px; left: 12px; max-width: none; }
}

@media (prefers-reduced-motion: reduce) {
  .auth-gate-card { animation: none; }
  .auth-submit i { transition: none; }
  .sidebar { transition: none; }
}
