/* event-budget-planner: styles only it uses, split out of site.css by scripts/split-css.mjs. */
.eb-top, .mpl-top, .wp-top { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 12px 16px; }
.eb-top .field { flex: 1 1 180px; }
.eb-summary { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 10px; }
.eb-summary > div:not(.eb-bar) { display: flex; flex-direction: column; padding: 10px 12px; border: 1px solid var(--line); border-radius: 10px; }
.eb-summary span { color: var(--slate); font-size: 0.84rem; }
.eb-summary strong { font: 800 1.35rem var(--display); color: var(--ink); font-variant-numeric: tabular-nums; }
.eb-summary.is-over .eb-left strong { color: var(--bad); }
.eb-bar { grid-column: 1 / -1; height: 10px; border-radius: 999px; background: var(--mist); overflow: hidden; }
.eb-bar i { display: block; height: 100%; background: var(--signal); }
.eb-summary.is-over .eb-bar i { background: var(--bad); }
.eb-table { width: 100%; }
.eb-table td { padding: 4px; vertical-align: middle; }
.eb-table input[type="text"], .eb-table input[type="number"] { width: 100%; min-width: 90px; }
.eb-share-wrap { display: block; height: 4px; margin-top: 4px; border-radius: 4px; background: var(--mist); overflow: hidden; }
.eb-share { display: block; height: 100%; background: #8B5CF6; }