/* "?" de ajuda nos cards de dashboard (js/dash-ajuda.js) */
.ajuda-host{position:relative}
.ajuda-host > .vhead,.ajuda-host > header,.ajuda-host > .io-card-h,.ajuda-host > .me-cab,.ajuda-host > .do-hs-head{padding-right:30px}
.ajuda-host.kpi h5{padding-right:24px}
.ajuda-q{position:absolute;top:12px;right:12px;z-index:3;width:20px;height:20px;padding:0;border-radius:50%;
  display:grid;place-items:center;font:inherit;font-size:11.5px;font-weight:700;line-height:1;cursor:help;
  color:var(--dim);background:var(--sf2,transparent);border:1px solid var(--line2,var(--line))}
.ajuda-q:hover,.ajuda-q:focus-visible{color:#fff;background:var(--acc);border-color:var(--acc);outline:none}
.ajuda-balao{position:fixed;z-index:9950;max-width:min(360px,calc(100vw - 20px));padding:12px 14px;border-radius:12px;pointer-events:none;
  font-size:12.5px;line-height:1.5;color:var(--txt);background:var(--pop,#17171c);border:1px solid var(--line2);box-shadow:0 18px 40px -14px rgba(0,0,0,.7)}
:root[data-theme="light"] .ajuda-balao{background:#fff}
.ajuda-balao p{margin:0 0 6px}
.ajuda-balao p:first-child{font-weight:600}
.ajuda-balao p:last-child{margin-bottom:0}
.ajuda-balao ul{margin:0 0 6px;padding-left:16px}
.ajuda-balao li{margin:2px 0}
.ajuda-host.plan-kpi .plan-kpi-top{padding-right:26px}
.ajuda-host.plan-kpi .ajuda-q{top:10px;right:10px}
.ajuda-host.csh-kpi > span{padding-right:24px}
.ajuda-host.io-k .io-k-top{padding-right:24px}