.task-time-trigger { position: relative; cursor: help; }
.task-time-trigger::after { content: attr(data-task-time); position: absolute; bottom: calc(100% + 8px); left: 0; z-index: 5; display: none; width: max-content; max-width: 260px; padding: 7px 9px; border: 1px solid #555; border-radius: 6px; background: #161619; box-shadow: 0 4px 14px #0006; color: #eee; font-size: 11px; font-weight: 400; line-height: 1.5; pointer-events: none; white-space: normal; }
.task-time-trigger:hover::after, .task-time-trigger:focus-visible::after { display: block; }