/* RUBUPPRO1011M — окна на ПК (сайт и Telegram Desktop, ширина от 1024 px). Телефон (до 1024) не меняется: все правила
   внутри @media (min-width: 1024px). Механизм окон прежний (ui.openModal, окна кейсов, вход).
   Стили разделов (deposit-sheet.css, gift-wallet.css, account.css) докачиваются позже этого файла, поэтому у правил
   приставка html body и селектор не слабее того, что меняем.
   1. Боковые шторки (openSheet: правила NFT-кейса, условия подарков, раунд в истории, честная игра, документы) — окном
      по центру, как остальные окна, вместо полосы во всю высоту у правого края. Чат остается панелью справа.
   2. Окна по содержимому: пополнение 600 px вместо 1140, стейкинг 560 вместо 760.
   3. Без прыжка: при открытии окна страница не сдвигается вбок на ширину полосы прокрутки (Windows, Telegram Desktop).
   Esc и клик мимо при фокусе в поле — правка в ui.js (та же метка), см. _patch/RUBUPPRO1011/pc_modals.py. */
@media (min-width: 1024px) {
  /* 3. место под полосу прокрутки держим всегда: окно прячет полосу (overflow: hidden), страница остается на месте */
  html { scrollbar-gutter: stable; }

  /* 1. шторка → окно по центру */
  html body .modal.modal--sheet[open]:not(.chat-sheet) { align-items: center; justify-content: center; }
  html body .modal.modal--sheet:not(.chat-sheet) > .modal__panel {
    width: min(520px, calc(100% - 48px)); height: auto; max-height: min(86vh, 860px);
    border-radius: var(--r-xl); border-width: 1px;
    animation: modal-in var(--dur-3) var(--ease);
  }
  html body .modal.modal--sheet.is-closing:not(.chat-sheet) > .modal__panel { animation: modal-out 200ms cubic-bezier(.4,0,1,1) both; }
  /* раунд из истории кошелька: своя ширина 620 (wallet-round.css), поле игры и хеши */
  html body .modal.modal--sheet.wr-modal > .modal__panel { width: min(620px, calc(100% - 48px)); }
  /* документы — рамка с текстом: окно шире, рамка ниже экрана */
  html body .modal.modal--sheet:has(.legal-frame) > .modal__panel { width: min(760px, calc(100% - 48px)); }
  html body .modal.modal--sheet .legal-frame { height: min(74vh, 820px) !important; }

  /* 2. пополнение: выбор способа и сумма — одно окно 600 px; плитки способов делят ширину поровну, сколько бы их ни было */
  html body .ds-sheet.modal[open] > .modal__panel,
  html body .ds-sheet.modal[open]:has(.ds-deposit[data-deposit-stage]) > .modal__panel { width: min(600px, calc(100% - 48px)); }
  html body .ds-sheet .wallet .ds-deposit .ds-categories { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); }
  /* стейкинг: одна колонка полей, 760 px было растянуто */
  html body .modal.acc-modal--stk > .modal__panel { width: min(560px, calc(100% - 48px)); }
}