/* Ícone de ajuda (?) — auto-contido, não depende das variáveis de cada app. */
.help-ico {
  display: inline-flex; align-items: center; justify-content: center;
  width: 16px; height: 16px; border-radius: 50%; flex-shrink: 0;
  background: rgba(85, 98, 121, .16); color: #465170; border: none;
  font: 700 10.5px/1 Inter, system-ui, sans-serif; cursor: help;
  vertical-align: middle; margin-left: 5px; padding: 0;
}
.help-ico:hover, .help-ico[aria-expanded="true"] { background: #2a5da8; color: #fff; }

.help-pop {
  position: fixed; z-index: 400; max-width: 280px;
  background: #17233a; color: #f3f5f9;
  padding: 10px 13px; border-radius: 9px;
  font: 400 12.5px/1.5 Inter, system-ui, sans-serif;
  box-shadow: 0 12px 32px rgba(16, 24, 40, .35);
}

@media (max-width: 640px) {
  .help-pop { max-width: calc(100vw - 24px); }
}