/* ============================================
   app-tooltips.css
   ============================================
   Tooltip button styles for help/info tooltips.
   ============================================ */

/* ── Tooltip info buttons (.tip-btn) ─────────────────────────────────── */
.tip-btn { display: inline-flex; align-items: center; justify-content: center; width: 14px; height: 14px; border-radius: 50%; background: var(--color-surface-muted); border: none; cursor: pointer; font-size: 0.6rem; font-style: italic; font-weight: var(--wp-weight-bold); color: var(--color-text-tertiary); line-height: var(--wp-leading-none); padding: 0; margin-left: 0.2rem; vertical-align: super; flex-shrink: 0; text-transform: none; }
.tip-btn:hover, .tip-btn:focus { background: var(--color-primary); color: #fff; outline: none; }
.stress-val { font-size: var(--wp-text-sm); font-weight: var(--wp-weight-semibold); min-width: 5.5rem; text-align: right; color: var(--color-text-secondary); justify-self: end; }

/* Session check: segment legend (patterns match bar segments; fill color still reflects over/under target) */