.callbase-usage-panel{margin-bottom:24px;padding:24px;border:1px solid var(--border);border-radius:12px;background:var(--cream2);color:var(--ink)}
.callbase-usage-panel[hidden]{display:none}
.usage-balances{display:flex;flex-wrap:wrap;gap:28px;margin:20px 0}
.usage-balances dt{font-size:12px;color:var(--ink2)}
.usage-balances dd{font-size:25px;margin:6px 0;font-weight:600}
.usage-actions{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}
.usage-note{font-size:12px;color:var(--ink2);line-height:1.6;margin:12px 0}
#usage-filter{display:flex;flex-wrap:wrap;align-items:end;gap:10px;margin:20px 0}
#usage-filter label,.callbase-usage-dialog label{display:grid;gap:6px;font-size:12px}
#usage-filter input,#usage-filter select,.callbase-usage-dialog input,.callbase-usage-dialog select{min-height:40px;background:var(--cream);color:var(--ink);border:1px solid var(--border2);border-radius:6px;padding:8px;font:inherit}
#usage-table{overflow-x:auto}
#usage-table table{border-collapse:collapse;width:100%;font-size:12px}
#usage-table th,#usage-table td{text-align:left;padding:12px 8px;border-bottom:1px solid var(--border);vertical-align:top}
#usage-table th{color:var(--ink2);font-weight:500}
#usage-status{font-size:12px;margin-top:14px;min-height:20px}
.callbase-usage-dialog{margin:auto;width:min(520px,calc(100vw - 32px));max-height:85dvh;overflow:auto;padding:24px;background:var(--cream2);color:var(--ink);border:1px solid var(--border2);border-radius:12px}
.callbase-usage-dialog::backdrop{background:rgba(0,0,0,.65)}
.callbase-usage-dialog h2{font-size:20px}
.callbase-usage-dialog p{margin:12px 0;font-size:13px;line-height:1.6}
.callbase-usage-dialog label{margin:12px 0}
.callbase-usage-panel :focus-visible,.callbase-usage-dialog :focus-visible{outline:2px solid var(--gold);outline-offset:3px}
@media(max-width:600px){.callbase-usage-panel{padding:16px}.usage-balances{gap:18px}.usage-balances dd{font-size:22px}}
.callbase-usage-panel h2{font-size:18px;letter-spacing:-.01em}
.callbase-usage-panel .usage-cta{background:var(--gold,#c9a955)!important;color:#151208!important;border-color:var(--gold,#c9a955)!important;font-weight:700;font-size:14px;min-height:44px;padding:11px 22px}
.callbase-usage-panel .usage-cta:hover{filter:brightness(1.08)}
.sidebar-balance{display:grid;gap:5px;width:100%;padding:12px;margin:0 0 10px;text-align:left;border:1px solid var(--border2);border-radius:10px;background:var(--cream2);color:var(--ink);font:inherit;cursor:pointer}
.sidebar-balance[hidden]{display:none!important}
.sidebar-balance>span:first-child{font-size:11px;color:var(--ink2)}
.sidebar-balance strong{font-size:23px;line-height:1.2;font-variant-numeric:tabular-nums}
.sidebar-balance-action{display:flex;justify-content:space-between;font-size:11px;color:var(--gold)}
.sidebar-balance:hover{border-color:var(--gold)}
.sidebar-balance:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
@media(min-width:901px){#home-balance-card{display:none}}
.usage-tier{margin-top:22px;padding-top:18px;border-top:1px solid var(--border)}
.usage-tier[hidden]{display:none}
.usage-tier h3{font-size:14px;font-weight:600;margin:0 0 4px}
.usage-cap-values{display:flex;flex-wrap:wrap;gap:20px;font-size:12px;color:var(--ink2);margin:10px 0 12px}
.usage-cap-values strong{color:var(--ink);font-weight:600;margin-left:6px;font-variant-numeric:tabular-nums}
.usage-history-section{margin-top:16px}
#usage-history-status{font-size:12px;margin-top:14px;min-height:20px}
.home-balance{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;font:inherit;text-align:left;cursor:pointer;margin:0 0 16px;padding:14px 18px;border:1px solid var(--border);border-radius:12px;background:var(--cream2);color:var(--ink)}
.home-balance[hidden]{display:none}
.home-balance-copy{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 12px}
.home-balance-kicker{font:500 10px 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.08em;color:var(--ink3)}
.home-balance strong{font-size:22px;font-weight:600;font-variant-numeric:tabular-nums}
.home-balance-sub{font-size:12px;color:var(--ink2)}
.home-balance[data-state=error] strong{font-size:15px;color:var(--amber)}
.home-balance:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.billing-tier-card{margin:0 0 16px;padding:20px 24px;border:1px solid var(--border);border-radius:12px;background:var(--cream2);color:var(--ink)}
.billing-tier-card h2.card-title{font-size:16px;margin:0 0 4px}
.billing-tier-note{font-size:12px;color:var(--ink2);margin:0 0 12px;line-height:1.5}
#billing-invoices>div:first-child{margin-bottom:12px!important}