/* BORZO — оформление на компьютере. Ширину и логику не меняем: то же приложение по центру,
   но обрамлённое как аккуратное окно, чтобы не висело голой колонкой на пустом фоне.
   Срабатывает только на широких экранах (ПК/ноутбук), на телефоне ничего не меняется. */
@media (min-width: 760px){
  body{ background-attachment: fixed; }
  /* мягкая подложка по бокам колонки — работает и на тёмной, и на светлой теме */
  body::before{
    content:''; position:fixed; inset:0; z-index:-1; pointer-events:none;
    background:
      radial-gradient(ellipse 60% 50% at 50% 0%, rgba(127,127,127,.10), transparent 70%),
      linear-gradient(rgba(127,127,127,.05), rgba(127,127,127,.09));
  }
  .wrap{
    box-shadow: 0 0 0 1px rgba(140,140,140,.16), 0 24px 80px rgba(0,0,0,.42);
  }
  /* на компьютере диалог (чат/детали) шире, а полоса этапов переносится на вторую строку —
     чтобы все этапы влезали и были кликабельны без горизонтальной прокрутки (её на ПК нет). На телефоне без изменений. */
  .sheet{ max-width:720px; }
  .wa-stages{ flex-wrap:wrap; overflow-x:visible; }
}
/* вкладка «Агент» на ПК: две колонки на всю ширину монитора (слева обучение, справа техника),
   на телефоне остаётся одна колонка как было */
@media (min-width: 1100px){
  body:has(.ag-content) .wrap{ max-width:1280px; }
  .ag-content{ column-count:2; column-gap:16px; }
  .ag-content .card{ break-inside:avoid; }
}