/* v32 · budgets typés et report choisi : badge de type, budget conseillé en gris, compte virtuel, familles (Réglages › Budget). */
.kind-badge { display: inline-block; font-size: 10.5px; font-weight: 600; line-height: 1; padding: 3px 7px; border-radius: 999px; margin-left: 6px; vertical-align: middle; letter-spacing: .01em; border: 1px solid var(--border); color: var(--ink-2); background: var(--surface-2, var(--surface)); white-space: nowrap; }
.kind-badge.kind-pot { color: var(--st-warning); border-color: color-mix(in srgb, var(--st-warning) 45%, var(--border)); background: color-mix(in srgb, var(--st-warning) 10%, var(--surface)); }
.kind-badge.kind-savings { color: var(--g-epargne); border-color: color-mix(in srgb, var(--g-epargne) 45%, var(--border)); background: color-mix(in srgb, var(--g-epargne) 10%, var(--surface)); }
.kind-badge.kind-spend { color: var(--ink-3); }
.env-table tr.is-pot .env-avail.pos { color: var(--st-warning); }
/* A suggested budget is never a black number: grey, with the word « conseillé ». */
.cap-sugg, .cap-of.cap-sugg, .num.cap-sugg { color: var(--ink-3) !important; font-weight: 500; font-style: italic; }
.qc-cap strong.cap-sugg { font-style: normal; }
.input.cap.is-sugg::placeholder { color: var(--ink-3); font-style: italic; }
.virtual-badge { display: inline-block; font-size: 10.5px; font-weight: 600; padding: 2px 7px; border-radius: 999px; border: 1px dashed var(--border); color: var(--ink-3); vertical-align: middle; margin-left: 4px; }
/* Réglages › Budget › familles */
.fam-group { margin-top: 10px; }
.fam-group > .grp { margin-left: 0; }
.fam-kinds { list-style: none; margin: 6px 0 0; padding: 0; display: flex; flex-direction: column; gap: 4px; }
.fam-kind { border: 1px solid var(--border); border-radius: 10px; background: var(--surface); }
.fam-head { display: grid; grid-template-columns: auto minmax(0, 1fr) auto auto; grid-template-areas: "ico name badge chev" "ico carry carry chev"; align-items: center; column-gap: 8px; row-gap: 2px; width: 100%; padding: 8px 10px; background: none; border: 0; color: inherit; font: inherit; text-align: left; cursor: pointer; min-width: 0; }
.fam-head > :nth-child(1) { grid-area: ico; } .fam-head > :nth-child(2) { grid-area: name; } .fam-head > :nth-child(3) { grid-area: badge; } .fam-head > :nth-child(4) { grid-area: carry; } .fam-head > :nth-child(5) { grid-area: chev; color: var(--ink-3); }
.fam-head strong { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.fam-head .muted { white-space: nowrap; }
.fam-head .kind-badge { margin-left: 0; }
.fam-body { padding: 4px 10px 10px; border-top: 1px solid var(--border); display: flex; flex-direction: column; gap: 8px; }
.fam-kind.open { border-color: color-mix(in srgb, var(--accent) 50%, var(--border)); }
#regle-25 .row-inline { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; }
#regle-25 .amount-mini { width: 64px; }