@media (max-width: 860px) {
  .auth-grid {
    grid-template-columns: 1fr;
  }

  .auth-card {
    padding: 22px;
    border-radius: 24px;
  }

  .auth-card h2 {
    font-size: 24px;
  }

  .auth-page__text {
    font-size: 16px;
  }
}

@media (max-width: 560px) {
  .auth-actions {
    flex-direction: column;
  }

  .auth-actions .btn {
    width: 100%;
  }
}

@media (max-width: 900px) {
  .settings-layout {
    grid-template-columns: 1fr;
  }

  .settings-row {
    flex-direction: column;
    align-items: stretch;
  }

  .settings-row-actions .btn {
    width: 100%;
  }

  .modal-actions,
  .modal-actions--space,
  .modal-actions-inline {
    flex-direction: column;
    align-items: stretch;
  }

  .modal-actions .btn,
  .modal-actions-inline .btn {
    width: 100%;
  }
}

@media (max-width: 900px) {
  .wallet-amount-grid,
  .match-option-grid,
  .admin-tools-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .profile-balance-actions {
    justify-content: stretch;
  }

  .profile-balance-actions .btn {
    width: 100%;
  }
}

@media (max-width: 560px) {
  .wallet-amount-grid,
  .match-option-grid,
  .admin-tools-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 1280px) {
  .admin-tools-grid--full {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 1080px) {
  .admin-servers-layout,
  .admin-servers-layout--compact {
    grid-template-columns: 1fr;
  }

  .admin-server-editor-grid,
  .admin-form-row {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 900px) {
  .admin-result-grid {
    grid-template-columns: 1fr;
  }

  .admin-server-card-main,
  .admin-server-card-footer,
  .admin-server-mode-row {
    align-items: flex-start;
  }

  .admin-server-card-main {
    flex-direction: column;
  }

  .admin-server-card-tags {
    justify-content: flex-start;
  }
}

@media (max-width: 560px) {
  .admin-tools-grid--full {
    grid-template-columns: 1fr;
  }

  .modal-card--admin-servers,
  .modal-card--admin-simple {
    width: calc(100% - 16px);
    padding: 16px;
  }

  .admin-modal-actions {
    gap: 8px;
  }

  .admin-server-card-summary {
    padding: 14px;
  }

  .admin-server-card-details {
    padding: 0 14px 14px;
  }

  .admin-server-editor-control {
    grid-template-columns: 1fr;
  }

  .admin-server-save-button,
  .admin-server-mode-chip {
    width: 100%;
  }

  .admin-server-mode-group {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}