/* =====================================================================
   TARGET BAR + GRAFIK OMZET
   ===================================================================== */
.target-bar-track{ width: 100%; height: 14px; background: var(--surface-sunken); border-radius: var(--r-full); overflow: hidden; }
.target-bar-fill{ height: 100%; background: var(--accent); border-radius: var(--r-full); transition: width .4s var(--ease-out); }
.target-bar-label{ margin-top: var(--sp-2); font-size: .85em; }

.chart-bars{ display: flex; align-items: flex-end; gap: var(--sp-2); height: 140px; padding-top: var(--sp-2); }
.chart-bar-col{ flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; height: 100%; gap: 4px; }
.chart-bar{ width: 100%; max-width: 32px; background: var(--accent); border-radius: 6px 6px 0 0; min-height: 3px; transition: height .3s var(--ease-out); }
.chart-bar-val{ font-family: var(--font-mono); font-size: .68em; color: var(--muted); white-space: nowrap; }
.chart-bar-day{ font-size: .72em; color: var(--muted); margin-top: 2px; font-weight: 600; }