/* БЛОК: Touch — касания, fullscreen чат */
/* Улучшение для касаний */
@media (hover: none) and (pointer: coarse) {
  .btn, .file-row {
    -webkit-tap-highlight-color: rgba(252, 63, 29, 0.1);
  }
  .file-row.folder-row:active {
    background: var(--yd-hover);
  }
  .btn:active {
    opacity: 0.8;
  }
  .grid-item:hover {
    background: var(--yd-hover);
  }
  .chat-author-bar input,
  .chat-compose textarea,
  .login-field input {
    font-size: 16px;
  }
  /* Без transition — позиция задаётся через --chat-vv-* без дёргания с клавиатурой */
  .chat-panel {
    transition: none;
  }
  .chat-panel.open {
    position: fixed;
    top: var(--chat-vv-top, 0px);
    left: var(--chat-vv-left, 0px);
    width: var(--chat-vv-width, 100%);
    height: var(--chat-vv-height, 100dvh);
    max-width: none;
    max-height: none;
    z-index: 300;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    padding: var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);
    border-left: none;
    transition: none;
  }
  .chat-head {
    padding-top: 14px;
    padding-bottom: 14px;
  }
  .chat-close-btn {
    width: 44px;
    height: 44px;
    font-size: 26px;
  }
  .chat-messages {
    padding-bottom: 8px;
  }
  .chat-msg {
    max-width: 85%;
    padding: 10px 14px;
  }
  .chat-compose {
    flex-shrink: 0;
    margin: 0;
    padding: 10px 0 0;
    background: var(--yd-bg);
    border-top: 1px solid var(--yd-border);
    box-shadow: 0 -4px 16px rgba(0, 0, 0, 0.06);
  }
  .chat-compose textarea {
    min-height: 44px;
  }
  .chat-send-btn {
    min-height: 44px;
    align-self: flex-end;
  }
  .app-shell.chat-open .content-wrap {
    pointer-events: none;
  }
}