/* Limits and spending: the banner, the top-bar badge and the Alerts and limits block (budget.js). Colours come from the app's own variables. */
.ua-budget{display:flex;gap:12px;align-items:flex-start;justify-content:space-between;margin:0;padding:10px 16px;border-bottom:1px solid var(--bd);font-size:13px;line-height:1.45}
.ua-budget-t{display:grid;gap:2px;min-width:0}.ua-budget-t span{color:var(--ink2)}
.ua-budget-a{display:flex;gap:10px;align-items:center;flex:none;white-space:nowrap}
.ua-budget-a a{color:inherit;text-decoration:underline}.ua-budget-a button{border:1px solid var(--bd2);background:none;color:inherit;border-radius:6px;padding:3px 8px;font:inherit;cursor:pointer}
.ua-budget-warn{background:var(--warnBg);border-left:4px solid var(--warn)}.ua-budget-warn b{color:var(--warn)}
.ua-budget-crit{background:var(--critBg);border-left:4px solid var(--crit)}.ua-budget-crit b{color:var(--crit)}
.ua-badge{display:inline-flex;align-items:center;gap:6px;margin-left:auto;font:600 12px var(--mono,monospace);text-decoration:none;white-space:nowrap}
.ua-badge.warn{color:var(--warn)}.ua-badge.crit{color:var(--crit)}
.ua-bar{display:inline-block;width:44px;height:6px;border-radius:3px;background:var(--sf3);overflow:hidden}.ua-bar i{display:block;height:100%;background:currentColor}
body[data-writes-paused] .btn.pri,body[data-writes-paused] button.pri{opacity:.5;cursor:not-allowed}
@media(max-width:760px){.ua-badge-t{display:none}.ua-budget{flex-direction:column}}
#ub-block .ub-now{display:grid;gap:6px;margin:6px 0 10px}
.ub-bar{height:10px;border-radius:5px;background:var(--sf3);overflow:hidden;max-width:420px}.ub-bar i{display:block;height:100%}
.ub-bar.ok i{background:var(--ok)}.ub-bar.warn i{background:var(--warn)}.ub-bar.crit i{background:var(--crit)}
.ub-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px 18px;max-width:900px;margin:10px 0}
.ub-grid label{display:grid;gap:4px;font-size:13px}.ub-grid .i3{font-size:12px}
.ub-grid .ub-chk{display:flex;gap:8px;align-items:center}
.ub-th{border:1px solid var(--bd);border-radius:8px;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:8px 10px}.ub-th legend{font-size:12px;color:var(--ink3);padding:0 4px}