/* V30 — Lissage : interrupteur par fixe, achats étalés, cagnottes, « à garder sur mes comptes ». */

/* ---------- Accueil : ligne sous « À dépenser » ---------- */
.hero-keep { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 2px 12px; margin-top: 8px; padding-top: 8px; border-top: 1px solid var(--border); color: var(--ink-2); font-size: 12.5px; }
.hero-keep.is-capped { color: var(--st-warning); }
.hero-keep .calc { margin: 0; }
.hero-keep .calc-wrap { flex-basis: 100%; color: var(--ink-2); }
.pocket-strip .stat-chip .mono { letter-spacing: .04em; }

/* ---------- Formulaire du fixe : lisser sur N mois ---------- */
.smooth-field { padding: 10px 12px; border-radius: 12px; background: var(--surface-2); border: 1px solid var(--border); }
.smooth-field .switch { margin: 0; }
.smooth-field .row2 { margin-top: 8px; }
.smooth-field p { margin: 6px 0 0; }
.smooth-field input[type=number] { max-width: 120px; }

/* ---------- Dépense : étaler sur N mois ---------- */
.spread-field .chips { align-items: center; }
.spread-field .amount-mini { width: 86px; }
.spread-field .row2 { margin-top: 8px; }
.spread-field p { margin: 6px 0 0; }

/* ---------- Fixes du mois · feuille Lissage ---------- */
.smooth-sheet .kpis.small-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.smooth-sheet .kpi strong { overflow-wrap: anywhere; }
.smooth-sheet .notice { margin: 0; }
.fixes-month .row-main .muted.small { overflow-wrap: anywhere; }
.smooth-recap { margin: 0 0 10px; }
.smooth-recap .tip { vertical-align: 0; }

/* ---------- Comptes ---------- */
.acc-reserve { margin: 0 0 10px; }
.acc-reserve.is-short { background: color-mix(in srgb, var(--st-critical) 12%, transparent); border-color: color-mix(in srgb, var(--st-critical) 30%, transparent); }
.acc-keep { margin: 10px 0 2px; padding: 10px 12px; border-radius: 12px; background: var(--surface-2); border: 1px solid var(--border); }
.acc-keep p { margin: 0; }
.acc-keep .calc { margin-top: 4px; }
.table.traj small.block { font-size: 10.5px; line-height: 1.2; font-weight: 500; }