/* ==========================================================================
   O BLOCO DE NOTAS NO CELULAR (11/10/2026; notepad-tela.js)
   Pedido do dono, com prints: "não tá legal". Antes, no celular, a janela "estilo Windows" ocupava metade da tela e o
   texto não quebrava linha (só se via o fim de cada linha).
   ========================================================================== */

/* Quebra de linha NA TELA (o arquivo continua com as linhas inteiras). Ligada no celular; Exibir liga e desliga. */
.notepad-window-container.np-quebra .notepad-textarea { white-space: pre-wrap; overflow-wrap: anywhere; overflow-x: hidden; }

/* Grupo dos botões da barra (notepad-tela.js): no computador é como se não existisse */
.np-faixa-2 { display: contents; }
.btn-notepad-action .np-rot-curto { display: none; }

/* Com a aba aberta, a janela ocupa a tela que sobra (computador e celular) */
body.nt-ativa #tab-bloco-notas .notepad-window-container:not(.maximized):not(.minimized) { height: var(--nt-altura, calc(100vh - 180px)); min-height: 320px; }
body.nt-ativa .main-wrapper { margin-bottom: 0.5rem; }

@media (max-width: 700px) {
  body.nt-ativa .header-progress-bar { display: none; }
  body.nt-ativa .main-wrapper { margin-top: 0.5rem; padding-inline: 0.5rem; }
  body.nt-ativa #tab-bloco-notas .notepad-window-container { border-radius: 12px; }

  /* Barra de título: só as abas e o ＋ (─ □ ✕ do Windows não servem no celular) */
  #tab-bloco-notas .notepad-titlebar { height: 40px; padding: 0 0.35rem; }
  #tab-bloco-notas .notepad-window-controls { display: none; }
  #tab-bloco-notas .notepad-tabs-track { overflow-x: auto; scrollbar-width: none; }
  #tab-bloco-notas .notepad-tabs-track::-webkit-scrollbar { display: none; }

  /* Menus e botões em duas faixas curtas: 1ª Arquivo · Editar · Exibir e o 🔍 Analisar; 2ª os botões só com o desenho
     (o nome continua no toque longo e no leitor de tela) */
  #tab-bloco-notas .notepad-menubar { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 0.3rem 0.35rem; padding: 0.3rem 0.4rem; align-items: center; }
  #tab-bloco-notas .menu-items-left { gap: 0; min-width: 0; }
  #tab-bloco-notas .menu-item-btn { padding: 0.4rem 0.45rem; font-size: 0.82rem; }
  #tab-bloco-notas .menu-actions-right { display: contents; }
  #tab-bloco-notas .btn-notepad-action { min-height: 38px; padding: 0 0.5rem; white-space: nowrap; font-size: 0.8rem; }
  #tab-bloco-notas .btn-notepad-action .np-ic { font-size: 1rem; }
  #tab-bloco-notas .btn-notepad-action .np-rot { display: none; }
  #tab-bloco-notas .btn-notepad-action.destaque-analisar { grid-column: 2; grid-row: 1; }
  #tab-bloco-notas .btn-notepad-action.destaque-analisar .np-rot-curto { display: inline; }
  /* Os 4 botões de baixo dividem a largura */
  #tab-bloco-notas .np-faixa-2 { grid-column: 1 / -1; grid-row: 2; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0.3rem; }
  /* Cada um: o desenho em cima e o nome curto embaixo (Desfazer · Recalcular · Copiar · Baixar) */
  #tab-bloco-notas .np-faixa-2 .btn-notepad-action { width: 100%; min-height: 44px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0; padding: 0.15rem 0.2rem; line-height: 1.1; }
  #tab-bloco-notas .np-faixa-2 .btn-notepad-action .np-rot-curto { display: block; font-size: 0.66rem; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; }
  /* A bolinha da voz parada cobria o fim do texto: nesta aba ela só aparece falando ou ouvindo */
  body.nt-ativa .voz-orbe[data-estado="pronta"], body.nt-ativa .voz-orbe:not([data-estado]), body.nt-ativa .voz-orbe-chaves { display: none; }

  /* "Arraste sua planilha aqui" não serve no celular (dá para abrir pelo ＋ ou por Arquivo → Abrir) */
  #tab-bloco-notas .dropzone-txt-overlay { display: none; }

  /* Texto: um pouco menor, menos margem, sem barra de rolagem de lado */
  #tab-bloco-notas .notepad-textarea { font-size: 13px; line-height: 1.55; padding: 10px 10px 16px; }
  #tab-bloco-notas .notepad-statusbar { padding: 0.25rem 0.5rem; font-size: 0.72rem; }
}