/* Вкладка «Экран ПК»: стили. Вынесены из index.html 08.08.2026 — вкладку
   правит одна сессия, а общий файл правили пятеро сразу.
   Разметку и логику см. js/vnc.js. */
/* Вкладка VNC: рабочий стол рисует свой RFB-клиент (webapp/novnc-rfb.js),
   чужая vnc.html во фрейме больше не участвует — внутри Telegram WebView
   страница с другого origin висела на «Connecting…» (07.08.2026). */
/* Высота вкладки: вьюпорт минус шапка (~46), отступ .wrap (10) и нижняя
   навигация (~56). Всё остальное внутри — сам экран. */
#v-vnc{display:flex;flex-direction:column;
  height:calc(100dvh - 118px - var(--sa-bottom))}
#vnc-box{position:relative;flex:1;min-height:280px;background:#000;
  border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;
  touch-action:none}
/* Контейнер RFB: холст вписывается в него по центру. */
#vnc-screen{position:absolute;left:0;top:0;width:100%;height:100%;background:#000;
  display:flex;align-items:center;justify-content:center;overflow:hidden}
/* Слой ввода. Включается, когда события надо пересчитывать: экран повёрнут
   или включён тачпад. Без него палец бьёт прямо в холст noVNC. */
#vnc-input{position:absolute;inset:0;z-index:2;touch-action:none;display:none}
#vnc-input.on{cursor:none}   /* в режиме тачпада ведём свой указатель */
#vnc-input.on{display:block}
/* Свой указатель: на телефоне курсора нет, а в режиме тачпада без него
   непонятно, куда придётся тап. */
#vnc-cursor{position:absolute;left:0;top:0;z-index:3;width:22px;height:22px;
  pointer-events:none;display:none;will-change:transform;transform-origin:0 0;
  filter:drop-shadow(0 1px 2px rgba(0,0,0,.8))}
#vnc-cursor.on{display:block}
#vnc-cursor.drag{filter:drop-shadow(0 0 4px var(--accent))}
/* Клавиатура телефона поднимается только на фокус в поле ввода: холст фокус
   принимает, а софт-клавиатуру не зовёт. Поле невидимо и не должно уезжать
   за экран — иначе WebView прокручивает страницу к нему. */
#vnc-kbd{position:absolute;left:0;bottom:0;width:1px;height:1px;opacity:0;
  padding:0;border:none;z-index:0;resize:none}
#vnc-note{position:absolute;inset:0;display:flex;flex-direction:column;gap:10px;
  align-items:center;justify-content:center;color:var(--dim);font-size:13px;
  background:var(--card);text-align:center;padding:20px;z-index:3}
#vnc-tools{position:absolute;left:50%;bottom:calc(8px + var(--sa-bottom));
  transform:translateX(-50%);z-index:4;
  display:flex;gap:5px;padding:5px 6px;border-radius:12px;max-width:96%;
  background:color-mix(in srgb,var(--card) 84%,transparent);backdrop-filter:blur(10px);
  border:1px solid var(--line);box-shadow:0 6px 18px rgba(0,0,0,.4);
  overflow-x:auto;scrollbar-width:none}
#vnc-tools::-webkit-scrollbar{display:none}
#vnc-tools button{flex:none;padding:6px 8px;border-radius:9px;font-size:12px;
  color:var(--fg);background:transparent;display:inline-flex;align-items:center;gap:4px}
#vnc-tools button.on{background:var(--accent);color:#fff}
#vnc-tools button:active{background:var(--accent);color:#fff}
#vnc-tools.hid{opacity:.25}
/* Свёрнутая панель: остаётся только переключатель, остальные кнопки не
   рисуются вовсе (не opacity — иначе прозрачные кнопки продолжают ловить
   тапы и место под них никуда не девается). */
#vnc-tools.collapsed{padding:6px}
#vnc-tools.collapsed>*:not(#vnc-toolstoggle){display:none}
#vnc-toolstoggle{order:-1}
#vnc-tools.collapsed #vnc-toolstoggle .ic{transform:rotate(180deg)}
#vnc-stands{display:flex;gap:6px;align-items:center;padding:0 0 10px}
#vnc-stands .st{margin-left:auto;font-size:11px;color:var(--dim)}
/* Полный экран: шапка, навигация и заголовки уходят — рабочему столу
   достаётся весь вьюпорт. */
/* Прячем только обвязку вокруг экрана. Кнопки внутри бокса (плашка
   ожидания, панель) прятать нельзя — раньше сюда попадал и `.btns`
   плашки, и «Подключиться» просто не рисовалась. */
body.vncfull header,body.vncfull nav,body.vncfull .navspacer,
body.vncfull #vnc-stands{display:none!important}
body.vncfull .wrap{max-width:none;padding:0}
body.vncfull #v-vnc{position:fixed;inset:0;height:100dvh;z-index:50}
body.vncfull #vnc-box{border:none;border-radius:0}