/* Точечный фикс вкладок админки: убирает наложения и возвращает макетную сетку. */

@media (min-width: 1101px) {
  .admin-portal-body {
    width: min(1720rem, calc(100% - 40rem));
    padding-top: 110rem;
  }

  .admin-portal #adminSection {
    display: grid;
    grid-template-columns: 270rem minmax(0, 995rem) 415rem;
    column-gap: 20rem;
    align-items: start;
  }

  .admin-portal .proposal-admin-nav {
    position: sticky;
    top: 110rem;
    grid-column: 1;
    grid-row: 1 / span 3;
  }

  .admin-portal[data-portal-mode="proposal"] .suggestion-moderation,
  .admin-portal[data-portal-mode="proposal"] .admin-media-panel,
  .admin-portal[data-portal-mode="proposal"] .layout {
    position: relative;
    grid-column: 2;
    width: 100%;
    margin: 0;
    min-width: 0;
  }

  #adminSection[data-admin-view="games"] .suggestion-moderation-filters {
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    min-width: 0;
    height: auto !important;
    min-height: 90rem;
    flex-wrap: wrap;
    overflow: visible;
    margin: 0 0 20rem !important;
  }

  #adminSection[data-admin-view="games"] .suggestion-moderation {
    display: block !important;
  }

  #adminSection[data-admin-view="games"] .proposal-game-tools {
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    margin: 0 0 20rem !important;
  }

  #adminSection[data-admin-view="games"] .suggestion-moderation-list {
    padding-top: 20rem !important;
  }

  .admin-portal .proposal-game-tools,
  .admin-portal .catalog-controls {
    position: relative;
    inset: auto;
    width: 100%;
    margin: 0;
  }

  .admin-portal .proposal-filter-box[open],
  .admin-portal .catalog-sort {
    position: fixed;
    top: 110rem;
    right: max(20rem, calc((100vw - 1720rem) / 2));
    width: 415rem;
    min-width: 0;
    margin: 0;
  }

  .admin-portal .suggestion-moderation-list,
  .admin-portal .game-list {
    width: 100%;
    min-width: 0;
    max-height: calc(100dvh - 237rem);
    padding-top: 20rem;
  }

  .admin-portal .moderation-card,
  .admin-portal .admin-game {
    width: 100%;
    min-width: 0;
    grid-template-columns: 266rem minmax(0, 1fr);
  }

  .admin-portal .moderation-card-copy,
  .admin-portal .admin-game-body,
  .admin-portal .moderation-card-copy > *,
  .admin-portal .admin-game-body > * {
    min-width: 0;
  }

  .admin-portal .moderation-card-copy h3,
  .admin-portal .admin-game h3,
  .admin-portal .moderation-card-copy > p,
  .admin-portal .admin-game p {
    overflow-wrap: anywhere;
  }

  .admin-portal #adminSection[data-admin-view="games"] .admin-media-panel,
  .admin-portal #adminSection[data-admin-view="games"] .layout,
  .admin-portal #adminSection[data-admin-view="media"] .suggestion-moderation,
  .admin-portal #adminSection[data-admin-view="media"] .layout,
  .admin-portal #adminSection[data-admin-view="catalog"] .suggestion-moderation,
  .admin-portal #adminSection[data-admin-view="catalog"] .admin-media-panel {
    display: none !important;
  }

  .admin-portal #adminSection[data-admin-view="media"] .admin-media-panel,
  .admin-portal #adminSection[data-admin-view="catalog"] .layout {
    display: block;
  }
}

@media (max-width: 1500px) and (min-width: 1101px) {
  .admin-portal #adminSection {
    grid-template-columns: 230rem minmax(0, 1fr) 330rem;
  }

  .admin-portal .proposal-filter-box[open],
  .admin-portal .catalog-sort {
    width: 330rem;
  }
}