/* Стили раздела (progress) — только токенами из app.css (тест SectionCssTest): светлая и тёмная темы сами. */
.pr-body { display: flex; flex-direction: column; gap: 16px; }
.pr-card h2 { margin: 0 0 4px; font-size: 17px; }
.pr-big { font-size: 34px; font-weight: 800; letter-spacing: -0.5px; color: var(--accent-text); line-height: 1.1; }
.pr-kg { font-size: 22px; font-weight: 800; color: var(--ink); }
.pr-change { font-size: 30px; font-weight: 800; color: var(--accent-text); text-align: center; margin-top: 6px; }
.pr-change-line { font-size: 14px; font-weight: 700; color: var(--accent-text); }
.pr-chart-box { display: flex; flex-direction: column; gap: 4px; margin-top: 8px; }
.pr-chart { width: 100%; height: auto; display: block; background: var(--sage-soft); border-radius: 16px; }
.pr-line { fill: none; stroke: var(--sage); stroke-width: 2.5; stroke-linejoin: round; stroke-linecap: round; }
.pr-dot { fill: var(--card); stroke: var(--sage); stroke-width: 2; }
.pr-bars { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 6px; height: 110px; margin-top: 8px; }
.pr-bar-col { display: flex; flex-direction: column; align-items: center; gap: 4px; min-width: 0; }
.pr-bar-col span { font-size: 11px; color: var(--muted); }
.pr-bar-track { flex-grow: 1; width: 100%; display: flex; align-items: flex-end; }
.pr-bar { width: 100%; background: var(--sage); border-radius: 6px 6px 3px 3px; }
.pr-bar.empty { background: var(--line); }
.pr-habit { display: flex; flex-direction: column; gap: 6px; padding: 6px 0; }
.pr-habit .row b { font-size: 13px; color: var(--soft); white-space: nowrap; }
.pr-track { background: var(--sage-soft); }
.pr-track > div { background: var(--sage); }
.pr-says { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.pr-says b { color: var(--accent-text); }
.pr-done { text-align: center; font-weight: 800; color: var(--accent-text); background: var(--sage-soft); border-radius: 18px; padding: 16px; }
#report .seg { margin-top: -4px; }
.pr-card .ring-box { width: 112px; height: 112px; }
.pr-card .ring-text b { font-size: 21px; white-space: nowrap; }
.pr-card .day { display: flex; }