/* Ajuda "ⓘ" (2026-10-13, pedido do Thiago): o texto explicativo sai da tela e vai para uma caixinha que abre ao clicar no ícone,
   com botão FECHAR embaixo. Marcação gerada pelo macro ajuda() de _ajuda.html; comportamento em ajuda_info.js. */
.aj-linha { display:flex; align-items:center; gap:8px; margin:0 0 6px; }
.aj-linha label { margin:0; }
.aj-wrap { position:relative; display:inline-flex; }
.aj-wrap > .aj-btn { flex:none; }
.aj-btn { display:inline-flex; align-items:center; justify-content:center; width:24px; height:24px; padding:0; border:0; background:transparent; cursor:pointer; border-radius:6px; line-height:0; }
.aj-btn:hover { background:var(--chip); }
.aj-btn:focus-visible { outline:2px solid var(--brand); outline-offset:1px; }
.aj-btn svg { width:20px; height:20px; display:block; }
.aj-pop { position:absolute; z-index:90; top:calc(100% + 8px); left:-6px; width:min(430px, 88vw); background:var(--card); color:var(--ink); border:1px solid var(--line);
          border-radius:10px; box-shadow:0 12px 32px rgba(20,30,50,.22); font-size:13px; line-height:1.5; text-align:left; font-weight:400; letter-spacing:0; text-transform:none; }
.aj-pop[hidden] { display:none; }
.aj-pop.aj-direita { left:auto; right:-6px; }
.aj-topo { display:flex; align-items:center; gap:8px; padding:10px 14px; border-bottom:1px solid var(--line); font-weight:700; font-size:14px; }
.aj-topo svg { width:18px; height:18px; flex:none; }
.aj-corpo { display:block; padding:12px 14px; max-height:min(55vh, 380px); overflow:auto; }
.aj-corpo p { margin:0 0 8px; } .aj-corpo p:last-child { margin-bottom:0; }
.aj-corpo code { font-size:11.5px; word-break:break-all; background:var(--chip); border-radius:4px; padding:0 4px; }
.aj-rodape { display:flex; justify-content:flex-end; padding:10px 14px; border-top:1px solid var(--line); }
.aj-fechar { font-size:13px; padding:5px 16px; }