@media (max-width: 980px) {
  .container { width: calc(100vw - 16px); }
  :is(.user-layout, .admin-stage, .settings-stage, .grid--2, .user-hero) { grid-template-columns: 1fr; }
  .view-mode-seg { margin-left: 0; }
  :is(.admin-shell__masthead, .user-shell__head) { flex-direction: column; align-items: stretch; }
}

@media (max-width: 760px) {
  .h2 { font-size: 24px; }
  .user-current__name { font-size: 26px; }
  :is(.server-matrix__head, .server-matrix__row, .server-table--full .server-table__head, .server-table--full .server-table__row, .settings-events-table__head, .settings-event-row__main) {
    grid-template-columns: minmax(120px, 1fr) 72px 80px 80px;
    gap: 8px;
  }
  html[data-view="admin"] #admin-top :is(.server-matrix__head, .server-matrix__row, .server-table--full .server-table__head, .server-table--full .server-table__row) {
    grid-template-columns: minmax(0, 1fr) 52px 44px 44px 42px;
  }
  html[data-view="admin"] #admin-top .admin-provider-members-table__head { display: none; }
  html[data-view="admin"] #admin-top .admin-provider-member-row {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 6px 8px;
    padding: 8px;
  }
  html[data-view="admin"] #admin-top .admin-provider-member-label,
  html[data-view="admin"] #admin-top .admin-provider-member-state { grid-column: 1 / -1; }
  .settings-event__meta-row { grid-template-columns: 1fr; }
}

@media (max-width: 560px) {
  .container { width: calc(100vw - 12px); }
  :root { --server-ping-col: var(--server-ping-col-mobile); }
  :is(.seg__btn, .btn) { min-height: 32px; padding: 6px 10px; }
  :is(.server-matrix__head, .server-matrix__row, .server-table--full .server-table__head, .server-table--full .server-table__row, .settings-events-table__head, .settings-event-row__main) {
    grid-template-columns: minmax(0, 1fr) 70px;
  }
  html[data-view="admin"] #admin-top :is(.server-matrix__head, .server-matrix__row, .server-table--full .server-table__head, .server-table--full .server-table__row) {
    grid-template-columns: minmax(0, 1fr) 44px 36px 36px 34px;
  }
  html[data-view="admin"] #admin-top .server-matrix__row .server-switch {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
  }
}

@media (max-width: 420px) {
  html[data-view="admin"] #admin-top .admin-server-members {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
  }

  html[data-view="admin"] #admin-top .admin-server-member-row {
    grid-template-columns: minmax(34px, 1fr) 48px 55px minmax(70px, 1.5fr);
    padding-right: 6px;
    padding-left: 6px;
    column-gap: 4px;
    font-size: 10px;
  }

  html[data-view="admin"] #admin-top .admin-server-member-row > span {
    min-width: 0;
  }

  html[data-view="admin"] #admin-top .admin-server-member-row--head > span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  html[data-view="admin"] #admin-top .admin-provider-members-table__head {
    display: none;
  }

  html[data-view="admin"] #admin-top .admin-provider-member-row {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 6px 8px;
    padding: 8px;
  }

  html[data-view="admin"] #admin-top .admin-provider-member-label,
  html[data-view="admin"] #admin-top .admin-provider-member-state {
    grid-column: 1 / -1;
  }

  html[data-view="admin"] #admin-top .admin-provider-member-auto,
  html[data-view="admin"] #admin-top .admin-provider-member-priority,
  html[data-view="admin"] #admin-top .admin-provider-member-latency,
  html[data-view="admin"] #admin-top .admin-provider-member-health,
  html[data-view="admin"] #admin-top .admin-provider-member-switch {
    min-width: 0;
  }
}