/* ── Tooltip (singleton for [data-tooltip] elements) ──
   Cross-cutting: used by focus controls, modal task remove buttons, focus
   checklist items, completed-list rows. Created once by app.js. */
#btn-tooltip {
  position: absolute;
  background: var(--neutral-900);
  color: var(--neutral-0);
  padding: 5px 10px;
  border-radius: var(--radius-md);
  font-size: var(--text-sm);
  font-weight: var(--font-semibold);
  white-space: nowrap;
  z-index: 200;
  pointer-events: none;
}