/* Correções achadas na varredura de qualidade (cliques em todas as telas), carregado por último. */
@media (max-width: 700px) {
  /* alvos de toque: o dedo precisa de pelo menos ~36 px (antes: abas de 24 px, botões do painel do usuário de 14–30 px) */
  .ftabs button { min-height: 36px; padding: 6px 12px; }
  .up-btn, .up-grp .up-btn { width: 36px; height: 36px; }
  .up-chev { width: 24px; height: 36px; }
  #homeDm, .ds-h button { width: 32px; height: 32px; }
  .cattg { min-height: 36px; }
  .chh button, .chh .gear, .chh > button { min-width: 32px; min-height: 32px; }
  .srch-tips .chip, .srch .chip { min-height: 32px; padding: 6px 12px; }
  .npanel .snd, .nhead .snd { min-height: 32px; padding: 6px 10px; }
  .mreply { min-height: 28px; display: flex; align-items: center; }

  /* cabeçalho da DM/canal: sem o botão de fixadas (fica no menu ⋯ → "Mensagens fixadas") o nome volta a caber */
  #svPinsBtn { display: none; }
  .sv-top { gap: 4px; }
}

@media (max-width: 700px) {
  /* thread aberta (tela cheia): o botão de menu e o sino da barra do app ficavam por cima do cabeçalho dela e o sino tapava o "×" de fechar */
  body:has(#svThread:not([hidden])) .sbtoggle, body:has(#svThread:not([hidden])) .topbar { display: none; }
  /* mais alvos de toque */
  .rm { min-height: 32px; padding: 6px 10px; }
  #pinsClose, #srchClose, #thClose { min-width: 36px; min-height: 36px; }
  .srch-res .go, .srch-res button.go { min-height: 32px; }
  .cv-handle { height: 32px; }
  .cv-handle::before { top: 13px; }
}

@media (max-width: 700px) {
  .mini { min-height: 32px; padding: 6px 12px; }
  .lk-sw { min-height: 32px; min-width: 52px; }
}

@media (max-width: 700px) {
  .pen { min-width: 36px; min-height: 36px; }
  .pz-link, .devtog { min-height: 36px; }
}

@media (max-width: 700px) {
  /* chamada ativa: o mini painel "Voz conectada" flutua embaixo; as páginas ganham espaço no fim para o último botão não ficar escondido atrás dele */
  body.in-call .xpane, body.in-call .home-in, body.in-call .sv-msgs, body.in-call .sv-chans, body.in-call .ds-scroll { padding-bottom: 150px; }
}

@media (max-width: 700px) {
  .cm .gut { width: 40px; }   /* a coluna da hora das mensagens agrupadas tem a largura do avatar (40 px); antes 36–38 e o texto ficava 2 px deslocado */
  .dmst, #svDmStatus { display: none; }   /* no cabeçalho da DM o status só tomava o lugar do nome */
}

/* links longos: se cabem na linha de baixo, vão inteiros para ela (antes quebravam a palavra no meio: "h / ttps://…") */
.mt a.md-link, .mt a[href] { display: inline-block; max-width: 100%; overflow-wrap: anywhere; vertical-align: bottom; }