/* Celular (até 600 px), 03/11/2026: tudo visível sem rolar de lado, toques de 44 px,
   campos em 16 px (o iPhone não dá zoom) e as tabelas mais usadas em cartões. */
@media (max-width:600px){
  body{font-size:16px}
  input,select,textarea,.tools input[type=search],.pc-row td input{font-size:16px}

  /* topo: deixa de ficar preso na tela e fica mais baixo */
  .top{position:static}
  .top .wrap{padding-block:8px 0}
  .topbar{gap:8px}
  .logo{height:32px}
  .marca small{display:none}
  .who{margin-left:auto;flex:1 1 0;min-width:0;justify-content:flex-end;gap:6px;font-size:.78rem}
  .who .btn{min-height:40px;padding:8px 10px;white-space:nowrap;font-size:.85rem}
  .who #eu{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

  /* módulos: todos à vista, em grade, em vez de rolar de lado */
  .modulos{order:3;flex:1 1 100%;display:grid;grid-template-columns:repeat(3,1fr);gap:3px;overflow:visible}
  .modulos button{min-height:40px;padding:6px 4px;font-size:.85rem;white-space:normal}

  /* sub-abas: quebram linha, como botões */
  .tabs{flex-wrap:wrap;gap:4px;overflow:visible;padding-bottom:8px}
  .tabs button{min-height:40px;padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:var(--bg)}
  .tabs button[aria-selected="true"]{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}
  .f2-nav{flex-wrap:wrap;overflow:visible}
  .f2-nav button{flex:1 1 auto;min-height:40px}
  .setores{width:100%}
  .setores button{flex:1 1 0;min-height:40px;padding:7px 6px}

  /* botões e alvos de toque */
  .btn,.btn.small{min-height:44px;padding:10px 14px;font-size:.92rem}
  button.sq{width:44px;height:44px}
  .btnrow>.btn,.tools>.btn{flex:1 1 auto}
  .row-between>*{max-width:100%}
  .pr-chip{min-height:40px}

  /* tabelas marcadas: cada linha vira um cartão com rótulo à esquerda */
  table.cartoes thead{display:none}
  table.cartoes,table.cartoes tbody{display:block}
  table.cartoes tr{display:block;border:1px solid var(--line);border-radius:10px;padding:8px 10px;margin-bottom:8px;background:var(--bg)}
  table.cartoes td{display:grid;grid-template-columns:38% 1fr;gap:8px;border:0;padding:3px 0;text-align:left}
  table.cartoes td::before{content:attr(data-rotulo);font-size:.75rem;color:var(--muted);font-weight:600}
  table.cartoes td:not([data-rotulo]),table.cartoes td[data-rotulo=""],table.cartoes td[colspan]{display:block}
  table.cartoes td:not([data-rotulo])::before,table.cartoes td[data-rotulo=""]::before,table.cartoes td[colspan]::before{content:none}
  table.cartoes td:empty{display:none}
  table.cartoes td.num{font-family:var(--mono)}
  table.cartoes td .btn{width:100%}
}