/* Hearth & Hue back office - Personal budget (a branch of the Lobby) */
.bd-hint{margin:2px 0 12px;font-size:12.5px;line-height:1.5}
.bd-add{margin-bottom:16px}
.bd-amt{display:flex;align-items:center;gap:8px;margin:2px 0 12px;border-bottom:1px solid var(--h-line,rgba(255,255,255,.2))}
.bd-amt span{font:600 26px var(--mono);color:var(--h-faint)}
.bd-amt input{flex:1;min-width:0;border:0;background:none;font:600 30px var(--mono);color:inherit;padding:6px 0;outline:none}
.bd-amt:focus-within{border-bottom-color:var(--brass-bright,#D3A667)}
.bd-cats{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}
.bd-cat{border:1px solid var(--h-line,rgba(255,255,255,.2));border-radius:999px;padding:7px 14px;font:600 11px var(--mono);letter-spacing:.06em;text-transform:uppercase;background:none;color:var(--h-faint)}
.bd-cat.on{border-color:var(--brass-bright,#D3A667);color:var(--brass-bright,#D3A667);background:rgba(211,166,103,.14)}
.bd-line{flex-wrap:nowrap}.bd-line input{min-width:0;flex:1 1 auto}.bd-line #bdDay{flex:0 0 140px;font-family:var(--mono)}
.bd-month{margin:6px 0 14px}.bd-month b{min-width:130px;text-align:center}
.bd-month .row{gap:6px;flex-wrap:nowrap}
.bd-stats{margin-bottom:16px}.bd-stats .mid.neg{color:var(--h-rose,#E58B7D)}
.bd-row{margin:12px 0}.bd-fig small{color:var(--h-faint)}
.bd-meter{height:8px;background:rgba(255,255,255,.08);margin:6px 0 0;overflow:hidden}
.bd-meter i{display:block;height:100%}
.bd-meter i.good{background:var(--h-ok,#5DB660)} .bd-meter i.warn{background:var(--h-brass,#D3A667)} .bd-meter i.bad{background:var(--h-rose,#E58B7D)}
.bd-del{padding:2px 9px;min-height:0;font-size:16px;line-height:1.2}
@media (max-width:640px){.bd-line{flex-wrap:wrap}.bd-line input{flex:1 1 100%}.bd-line #bdDay{flex:1 1 auto}}

.bd-ents{display:block}
.bd-ent{display:grid;grid-template-columns:92px minmax(0,1fr) auto 34px;gap:10px;align-items:center;padding:9px 0;border-top:1px dashed var(--h-line2,rgba(255,255,255,.1));font-size:13.5px}
.bd-ent:first-child{border-top:0}
.bd-d{font:11px var(--mono);letter-spacing:.04em;color:var(--h-faint)} .bd-a{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
@media (max-width:640px){.bd-ent{grid-template-columns:70px minmax(0,1fr) auto 34px;gap:8px;font-size:13px}}