/* src/css/desktop.css — @media min-width:769px колонка 540px/zoom 1.1 */
  /* ===== DESKTOP (2026-09-24): та же мобильная вёрстка — центрированный столбец.
     Старый двухколоночный десктоп убран: левая панель чата скрыта, чат —
     фуллскрин как на телефоне. Вся страница живёт в колонке ~540px по центру
     с тенью-рамкой, контент чуть крупнее (zoom 1.1). Темы не тронуты:
     Tiffany / Лайм / 18+ рендерятся один в один с мобильного. ===== */
  @media (min-width: 769px) {
    :root { --desk-col: 540px; }
    html { zoom: 1.1; background: #060908; }
    body {
      max-width: var(--desk-col);
      margin-left: auto !important;
      margin-right: auto !important;
      box-shadow: 0 0 0 1px rgba(255,255,255,.07), 0 24px 80px rgba(0,0,0,.55);
    }
    /* чат = мобильный фуллскрин, но в колонке */
    #chat {
      left: 0 !important; right: 0 !important; top: 0 !important; bottom: 0 !important;
      width: 100% !important; max-width: var(--desk-col) !important;
      margin-left: auto !important; margin-right: auto !important;
      border-radius: 0 !important; border: none !important;
    }
    .chat-left-panel { display: none !important; }
    /* фиксированные слои не разъезжаются на весь экран */
    .overlay, .modal-overlay, .vip-overlay, .search-overlay, .loading-overlay,
    .camera-overlay, .video-overlay, .reg-panel, #aliceModal, #vipAdsPage,
    #topicList, .mobile-tabbar, #toastContainer, #t18Gate, #omniGate {
      max-width: var(--desk-col);
      margin-left: auto !important;
      margin-right: auto !important;
    }
    /* панель профиля/чатов на мобиле — полноэкранная страница: на десктопе
       вписываем её в колонку (left/right 0 + margin auto + max-width) */
    #sidePanel {
      left: 0 !important; right: 0 !important;
      width: 100% !important; max-width: var(--desk-col) !important;
      margin-left: auto !important; margin-right: auto !important;
      border-radius: 0 !important;
    }
    /* закрытые выезжающие панели не «подглядывают» справа: на колонке
       translateX(100%) больше не уводит их за край экрана */
    #sidePanel:not(.open), .reg-panel:not(.active) {
      visibility: hidden;
      pointer-events: none;
      transition: transform .3s cubic-bezier(0.4, 0, 0.2, 1), visibility 0s .3s;
    }
    /* старые десктопные элементы главной выключены — как на телефоне:
       фон-сетка, лого в шапке, правая часть шапки, тикер, вертикальные
       надписи, плавающая кнопка панели. Остаются только мобильные узлы */
    .bg-layer, .bg-gradient, .bg-grid, .bg-noise { display: none !important; }
    #panelTab { display: none !important; }
    #home .logo, #home .header-right, #home .ticker, #home .side-text { display: none !important; }
    /* таббар показывается и на десктопе (JS-условие !chromeMobile убрано) */
    .mobile-tabbar { display: flex !important; }
  }