@media (max-width: 680px) {
  .maintenance-card .package-row { align-items: stretch; flex-direction: column; }
  .maintenance-card .package-row form, .maintenance-card .package-row select { width: 100%; }
  .app-header__content, .page { width: min(100% - 24px, 1220px); }
  .app-header__meta { display: none; }
  .page { padding-top: 22px; }
  .page--narrow { width: min(100% - 24px, 520px); padding-top: 30px; }
  .page-heading, .toolbar, .bar { align-items: stretch; flex-direction: column; }
  .toolbar__actions { width: auto; }
  .toolbar__actions > * { flex: 0 0 auto; }
  .card, .card--form { padding: 16px; }
  .overview-actions { grid-template-columns: 1fr; }
  h1 { font-size: 25px; }
  dl { grid-template-columns: 1fr; gap: 2px; }
  .control-form--columns, .form-grid, .settings-grid { grid-template-columns: 1fr; }
  .pairing-layout { grid-template-columns: 1fr; }
  dd { margin-bottom: 8px; }
}

@media (max-width: 980px) {
  .health-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .device-layout { grid-template-columns: 1fr; gap: 20px; }
  .device-sidebar { position: static; gap: 12px; }
  .device-sidebar__identity { display: none; }
  .device-nav { display: flex; gap: 4px; overflow-x: auto; padding-bottom: 4px; }
  .device-nav { scrollbar-width: none; }
  .device-nav::-webkit-scrollbar { display: none; }
  .device-nav__item { flex: 0 0 auto; border-left: 0; border-bottom: 3px solid transparent; border-radius: 6px 6px 0 0; }
  .device-nav__item small { display: none; }
  .device-nav__group { display: none; }
  .device-nav__item.is-active { border-left-color: transparent; border-bottom-color: var(--primary); }
  .router-card__main { grid-template-columns: auto minmax(140px, 1fr) minmax(180px, 1fr) auto auto; }
  .router-card__seen { display: none; }
  .maintenance-grid { grid-template-columns: 1fr 1fr; }
  .maintenance-card--services { grid-column: 1 / -1; }
  .service-list-scroll { grid-template-columns: 1fr; }
  .system-stat-grid, .network-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .network-summary > div:nth-child(2) { border-right: 0; }
  .network-summary > div:nth-child(-n + 2) { border-bottom: 1px solid var(--border); }
  .settings-workspace { grid-template-columns: 1fr; }
  .settings-workspace--masonry { columns: 1; }
  .dashboard-grid { grid-template-columns: 1fr; }
  .dashboard-stack { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .dashboard-stack .dashboard-card--system { grid-column: auto; }
  .resource-gauge { width: 88px; height: 88px; }
  .dashboard-shortcuts { grid-template-columns: 1fr; }
}

@media (max-width: 1180px) {
  .client-list__header, .client-list-row__summary { grid-template-columns: minmax(200px, 1.35fr) minmax(155px, 1fr) minmax(105px, .7fr) minmax(135px, .9fr) minmax(155px, 1fr) 18px; }
  .client-list__header > :nth-child(5), .client-list-row__summary > :nth-child(5) { display: none; }
  .client-list--without-traffic .client-list__header > :nth-child(5), .client-list--without-traffic .client-list-row__summary > :nth-child(5) { display: flex; }
}

@media (max-width: 680px) {
  .page--device { width: min(100% - 24px, 1480px); }
  .device-header, .overview-hero, .danger-zone { align-items: stretch; flex-direction: column; }
  .device-header .button { width: auto; align-self: flex-start; }
  .device-header__title-row { align-items: flex-start; flex-direction: column; gap: 7px; }
  .overview-hero { padding: 20px; }
  .overview-hero strong { font-size: 21px; }
  .overview-grid, .content-grid--two { grid-template-columns: 1fr; }
  .maintenance-status, .maintenance-grid, .capability-groups { grid-template-columns: 1fr; }
  .maintenance-status > div { border-right: 0; border-bottom: 1px solid var(--border); }
  .maintenance-status > div:last-child { border-bottom: 0; }
  .maintenance-grid .maintenance-card:last-child { grid-column: auto; }
  .maintenance-alert, .technical-panel > summary { align-items: stretch; flex-direction: column; }
  .summary-card { min-height: 195px; }
  .overview-strip { grid-template-columns: 1fr; }
  .overview-strip > div { border-right: 0; border-bottom: 1px solid var(--border); }
  .router-card { align-items: stretch; }
  .router-card__main { grid-template-columns: auto minmax(0, 1fr) auto; gap: 12px; }
  .router-card__firmware, .router-card__seen, .router-card__main > .status { display: none; }
  .router-card__actions { padding: 8px; }
  .system-stat-grid, .workspace-grid, .network-summary { grid-template-columns: 1fr; }
  .network-summary > div { border-right: 0; border-bottom: 1px solid var(--border); }
  .network-summary > div:last-child { border-bottom: 0; }
  .resource-item > div:first-child, .system-reboot, .clients-summary { align-items: flex-start; flex-direction: column; }
  .clients-summary > div { width: 100%; padding: 0 0 10px; border-right: 0; border-bottom: 1px solid var(--border); }
  .radio-grid { grid-template-columns: 1fr; }
  .radio-card__facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .inline-actions, .inline-actions form { align-items: stretch; flex-direction: column; }
  .inline-actions form, .inline-actions label { width: 100%; }
  .inline-actions button { align-self: flex-start; }
  .settings-panel > summary { align-items: flex-start; }
  .command-pagination { align-items: flex-start; flex-direction: column; }
  .health-bar { align-items: flex-start; flex-direction: column; }
  .health-bar__updated { text-align: left; }
  .dashboard-stack { grid-template-columns: 1fr; }
  .dashboard-card--traffic { min-height: 0; }
  .live-rates { gap: 18px; }
  .live-rates > div { flex: 1; }
  .live-rates strong { font-size: 17px; }
  .chart-control { align-items: flex-start; flex-direction: column; gap: 4px; }
  .chart-control > div { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); width: 100%; }
  .chart-range { padding-inline: 3px; }
  .chart-state { align-items: flex-start; flex-wrap: wrap; }
  .chart-state span:nth-child(2) { width: 100%; order: 3; white-space: normal; }
  .chart-layout { grid-template-columns: 46px minmax(0, 1fr); }
  .chart-y-axis { height: 170px; }
  .connection-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .traffic-chart { min-height: 150px; height: 150px; }
  .overview-strip { grid-template-columns: 1fr; }
  .overview-strip > div { border-right: 0; border-bottom: 1px solid var(--border); }
  .clients-summary { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; padding: 0; }
  .clients-summary > div { width: auto; min-width: 0; padding: 12px; border-right: 1px solid var(--border); border-bottom: 0; }
  .clients-summary > div:nth-child(3) { border-right: 0; }
  .clients-summary strong { font-size: 18px; }
  .clients-summary p { grid-column: 1 / -1; padding: 12px; border-top: 1px solid var(--border); }
  .client-list-heading { align-items: stretch; flex-direction: column; }
  .client-list-tools { display: grid; grid-template-columns: 1fr; width: 100%; }
  .client-search input { width: 100%; }
  .client-filter { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .client-list__header { display: none; }
  .client-list-row__summary { grid-template-columns: minmax(0, 1fr) auto; gap: 6px 10px; min-height: 76px; padding: 10px 12px; }
  .client-list-cell--identity { grid-column: 1; grid-row: 1; }
  .client-list-row__summary > .client-list-cell:nth-child(2) { grid-column: 1; grid-row: 2; padding-left: 51px; }
  .client-list-row__summary > .client-list-cell:nth-child(3), .client-list-row__summary > .client-list-cell:nth-child(5), .client-list-row__summary > .client-list-cell:nth-child(6) { display: none; }
  .client-list-row__summary > .client-list-cell:nth-child(4) { grid-column: 2; grid-row: 1; justify-items: end; }
  .client-list-row__summary > .client-list-cell:nth-child(4) small { display: none; }
  .client-list-row__chevron { grid-column: 2; grid-row: 2; justify-self: end; margin-right: 5px; }
  .client-list-row__details { padding: 14px 12px; }
  .client-detail-facts, .client-policy-form { grid-template-columns: 1fr; }
  .client-policy-form > section { padding: 14px 0; border-right: 0; border-bottom: 1px solid var(--border); }
  .client-policy-form > section:first-of-type { padding-top: 0; }
  .client-policy-form > section:last-of-type { border-bottom: 0; }
  .client-address-panel, .client-address-form { grid-template-columns: 1fr; align-items: stretch; }
  .client-activity-list > div { grid-template-columns: auto 1fr; }
  .client-activity-list small { grid-column: 1 / -1; }
  .client-address-panel > form:last-child { justify-self: start; }
  .profile-create { width: 100%; }
  .profile-create > summary { margin-left: 0; }
}

@media (max-width: 760px) {
  .terminal-card__heading { display: grid; }
  .terminal-card__actions { justify-content: flex-start; }
  .terminal-surface { min-height: 360px; height: 60vh; }
}