/* Janelinha de ajuda (public/js/core/ajuda-janela.js). Padrão do site inteiro, mockup aprovado 26/09/2026:
   docs/mockups/geral/ajuda-janelinha.html. */
.aj-veu{position:fixed;inset:0;z-index:220;background:rgba(4,6,10,.6);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;padding:20px}
.aj-veu[hidden]{display:none}
.aj{position:relative;width:min(480px,100%);max-height:min(72vh,600px);overflow:auto;background:var(--s-850,#0f131c);border:1px solid var(--line-hi,#3a4759);border-radius:16px;box-shadow:0 24px 70px rgba(0,0,0,.55);padding:20px 20px 18px;display:grid;gap:10px;color:var(--text,#f0f3f7);text-align:left}
.aj.aj-grande{width:min(760px,100%)}
.aj-x{position:absolute;top:10px;right:10px;width:32px;height:32px;border-radius:8px;border:0;background:transparent;color:var(--t-low,#6b7686);font-size:20px;line-height:1;cursor:pointer}
.aj-x:hover{background:var(--s-700,#1a2130);color:var(--t-hi,#f0f3f7)}
.aj-titulo{margin:0;font:800 19px var(--display,inherit);padding-right:34px}
.aj-corpo{display:grid;gap:10px;color:var(--t-mid,#a7b0bd);font-size:14.5px;line-height:1.6;min-width:0}
.aj-corpo p{margin:0}
.aj-corpo ul{margin:0;padding-left:18px;display:grid;gap:4px}
.aj-corpo .details-panel,.aj-corpo > div{max-width:100%;overflow-x:auto}
@media (max-width:640px){
  .aj-veu{align-items:flex-end;padding:0}
  .aj,.aj.aj-grande{width:100%;border-radius:18px 18px 0 0;max-height:82vh;border-bottom:0;padding-bottom:calc(18px + env(safe-area-inset-bottom,0px))}
  .aj::before{content:"";width:40px;height:4px;border-radius:4px;background:var(--line-hi,#3a4759);justify-self:center;margin-top:-8px}
}
@media (prefers-reduced-motion:no-preference){.aj{animation:aj-entra .16s ease-out}}
@keyframes aj-entra{from{transform:translateY(6px);opacity:.6}to{transform:none;opacity:1}}

/* Os gatilhos: o "?" fica, e passa a abrir a janelinha (sem a dica de passar o mouse e sem abrir espaço). */
.ref-help{cursor:pointer}
.ref-help:hover::after,.ref-help:focus::after{content:none!important;display:none!important}
details.evx-gaveta > summary .evx-v{display:none}
details.evx-gaveta > summary::before{content:"?";display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;border:1.5px solid currentColor;font:800 11px var(--mono,monospace);margin-right:8px;flex:none}
details.evx-gaveta[open] > :not(summary){display:none}
.aj-btn{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--border,#29313d);background:var(--card2,#141a25);color:var(--t-mid,#a7b0bd);border-radius:999px;padding:6px 13px;font:600 13px inherit;cursor:pointer;margin-top:12px}
.aj-btn:hover{color:var(--t-hi,#f0f3f7);border-color:var(--line-hi,#3a4759)}
.aj-q{width:18px;height:18px;border-radius:50%;border:1.5px solid currentColor;display:grid;place-items:center;font:800 11px var(--mono,monospace)}

/* "Mostrar detalhes" dentro da janelinha: o texto corre normal (pílulas na linha, sem esticar) */
.aj-detalhes{display:block;line-height:1.9;font-size:13.5px}
.aj-detalhes .pill{display:inline-flex;vertical-align:baseline}
/* Detalhes do Monte/Artefato: uma linha por parte, colunas alinhadas entre as linhas (tools.js, calcMonte) */
.det-tabela{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:6px 12px;margin:0 0 10px}
.det-lin{grid-column:1 / -1;display:grid;grid-template-columns:subgrid;align-items:center;padding:8px 12px;border:1px solid var(--border,#29313d);border-radius:10px;background:var(--s-800,#141a25);line-height:1.4}
.det-parte{font-weight:700;color:var(--t-hi,#f0f3f7)}
.det-niv{font-variant-numeric:tabular-nums;color:var(--t-mid,#a7b0bd)}
.det-lin .pill{justify-self:end;white-space:nowrap}
.det-eff{margin:0}
@media (max-width:520px){
  .det-tabela{grid-template-columns:minmax(0,1fr) auto}
  .det-lin{grid-template-columns:subgrid;row-gap:6px}
  .det-lin .pill{justify-self:start}
}