/* Ajuda contextual - reutiliza os tokens e componentes visuais do Portal. */
.context-help-button{
  appearance:none;
  width:34px;
  height:34px;
  min-width:34px;
  display:inline-grid;
  place-items:center;
  border:1px solid var(--atlas-border-strong);
  border-radius:999px;
  background:var(--atlas-surface-soft);
  color:var(--atlas-link);
  font:inherit;
  font-weight:900;
  line-height:1;
  cursor:pointer;
  box-shadow:none;
}
.context-help-button:hover,.context-help-button:focus-visible{
  background:var(--atlas-surface-strong);
  color:var(--atlas-text-strong);
  border-color:var(--atlas-focus);
  outline:2px solid var(--atlas-focus);
  outline-offset:2px;
}
.dialog-head-actions{display:flex;align-items:flex-start;gap:8px;flex:0 0 auto}
.context-help-dialog{width:min(640px,calc(100vw - 2rem))}
.context-help-body{display:grid;gap:12px;color:var(--atlas-text)}
.context-help-body p{margin:0;line-height:1.5}
.context-help-list{display:grid;gap:8px;margin:0;padding-left:1.2rem;color:var(--atlas-label)}
.context-help-list li{line-height:1.45;padding-left:.15rem}
.context-help-note{padding:10px 12px;border:1px solid var(--atlas-border);border-radius:10px;background:var(--atlas-surface-soft);color:var(--atlas-muted);font-size:.88rem;line-height:1.45}
html[data-theme="light"] .context-help-button{background:#f8fafc;color:#1d4ed8;border-color:#cbd5e1}
html[data-theme="light"] .context-help-button:hover,html[data-theme="light"] .context-help-button:focus-visible{background:#eaf2fb;color:#1e40af;border-color:#60a5fa}
@media(max-width:620px){.context-help-button{width:32px;height:32px;min-width:32px}.context-help-dialog{width:calc(100vw - 1rem)}}
