@media (max-width: 880px) {
  .app-main {
    padding: 4px;
  }

  .settings-fields,
  .alert-rule-scopes {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .blacklist-groups {
    width: 100%;
    grid-template-columns: 1fr;
  }
}

@media (max-width: 520px) {
  .app-main {
    padding: 2px;
  }

  .settings-dialog {
    width: calc(100vw - 8px);
    height: calc(100dvh - 8px);
  }

  .settings-dialog[data-settings-maximized="true"] {
    width: 100vw;
    height: 100dvh;
    max-height: none;
  }

  .settings-fields {
    grid-template-columns: 1fr;
  }

  .settings-dialog__tabs {
    padding-inline: 4px;
  }

  .settings-dialog__tab {
    min-height: 34px;
    padding-inline: 10px;
  }

  .alert-rule-scopes {
    grid-template-columns: 1fr;
  }

  .exchange-ticker-blacklist__controls {
    grid-template-columns: 1fr;
  }

  .blacklist-group {
    padding: 9px;
  }

  .blacklist-entry__remove {
    min-height: 36px;
  }

  .blacklist-entry-head,
  .exchange-ticker-blacklist__item {
    grid-template-columns: minmax(0, 1fr) minmax(92px, 0.8fr) auto;
  }

  .blacklist-entry-head,
  .blacklist-entry__ticker,
  .blacklist-entry__exchange {
    padding-inline: 7px;
  }

  .dashboard-toolbar-shell {
    top: 2px;
    right: 2px;
    max-width: calc(100% - 4px);
  }

  .compact-toolbar {
    max-width: calc(100vw - 46px);
    flex-wrap: wrap;
  }

  .toolbar-actions {
    flex-wrap: wrap;
  }
}