/* Body Zen Lab: the in-session task pill (lab-tasks.js). One slot inside the ring, above the BPM number,
   in the visual language of the tempo countdown pill. The heart that sits there gives way while it shows. */
#lab-task {
  position: absolute; left: 50%; top: 30%; z-index: 6;
  display: flex; align-items: center; max-width: calc(100% - 26px);
  padding: 5px 13px 8px; border-radius: 999px; box-sizing: border-box;
  background: #23262bdd; border: 1px solid #42474f; color: #f5f5f7;
  font: 400 12.5px/1.25 system-ui, -apple-system, sans-serif; white-space: nowrap;
  opacity: 0; visibility: hidden; transform: translateX(-50%);
  transition: opacity .45s ease, visibility 0s linear .45s;
  pointer-events: none;
}
/* The ring's beat counter-scale replaces any child's transform (ui-polish.css, as for #journey-percent),
   so naming both ids keeps the centring and composes the counter-scale with it. */
body.zen-mode #pulse-center > #lab-task { transform: translateX(-50%) scale(calc(1 / var(--beat-scale, 1))); }
#lab-task.is-on { opacity: 1; visibility: visible; transition-delay: 0s; }
#lab-task .lt-text { overflow: hidden; text-overflow: ellipsis; min-width: 0; }
#lab-task .lt-tag { color: #a0a8b0; }
#lab-task .lt-bar { position: absolute; left: 13px; right: 13px; bottom: 3px; height: 2px; border-radius: 2px; background: #ffffff17; overflow: hidden; }
#lab-task .lt-bar b { display: block; height: 100%; width: 0; background: #8fc7b3; transition: width .6s linear; }
#lab-task.lt-done .lt-line { color: #8fc7b3; font-weight: 500; }
#pulse-center.lt-on #pulse-phase-icon { opacity: 0 !important; transition: opacity .3s; }

/* Session summary: the banked task points, under the session points. */
.lt-sum { display: block; margin-top: 4px; font-size: 12px; line-height: 1.3; color: #a0a8b0; font-weight: 400; }
#lab-task-settings .toggle-control { margin-bottom: 10px; }