/* Goal thermometer - a horizontal tube with a bulb; the fill uses the accent. */
.gt-wrap { display: grid; gap: 10px; }
.gt-label { margin: 0; font-weight: 700; font-size: 1.05em; overflow-wrap: anywhere; }
.gt-figures { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 8px 16px; }
.gt-figures .e-kpi { flex: 1 1 150px; }
.gt-goal { display: grid; text-align: right; font-size: .9em; }
.gt-goal b { font-size: 1.15em; font-variant-numeric: tabular-nums; }
.gt-tube { display: flex; align-items: center; }
.gt-bulb { flex: none; width: 30px; height: 30px; border-radius: 50%; background: var(--e-accent); border: 3px solid var(--e-surface-2); margin-right: -8px; position: relative; z-index: 1; }
.gt-track { flex: 1; height: 16px; border-radius: 0 999px 999px 0; background: var(--e-surface-2); border: 1px solid var(--e-line); overflow: hidden; }
.gt-fill { display: block; height: 100%; background: linear-gradient(90deg, var(--e-accent), var(--e-accent-2)); border-radius: 0 999px 999px 0; transition: width 1.1s var(--e-ease); }
.gt-status { margin: 0; font-size: .9em; color: var(--e-ink-2); font-variant-numeric: tabular-nums; }
html[data-compact="1"] .gt-wrap { gap: 6px; }