/* T-005 self-service: shared styles (Settings list and change log, chart overlays). */
.self-list .self-row { text-decoration: none; color: inherit; align-items: center; gap: 12px; min-height: 44px; }
.self-list .self-row span { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.self-list .self-row b { color: var(--ink); font-weight: 500; }
.self-list .self-row small, .self-log small { display: block; font-size: var(--t-xs); color: var(--ink-3); font-weight: 400; }
.self-list .self-row:hover b { color: var(--brand-ink, var(--ink)); text-decoration: underline; text-underline-offset: 3px; }
.self-log-row { align-items: flex-start; gap: 10px; }
.self-log-row.undone > span { opacity: .6; }
.self-log-row .text-btn { min-height: 44px; flex: none; }
#moodChart .umark { cursor: pointer; }
#moodChart .umark:focus-visible { outline: 2px solid var(--violet); outline-offset: 2px; }