.usage-summary-layout{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:20px;align-items:stretch;margin:22px 0}
.usage-summary-layout>.panel{min-width:0;margin:0;padding:22px}
.usage-account{margin:22px 0;min-width:0}
.usage-account .panel-head,.usage-recorded .panel-head{align-items:flex-start;gap:14px;flex-wrap:wrap;margin-bottom:18px}
.usage-account h2,.usage-recorded h2{font-size:21px;margin:3px 0 8px}
.usage-account-eyebrow{font-size:10px;letter-spacing:.1em;color:#0b8e78;font-weight:500}
.usage-recorded .usage-account-eyebrow{color:#687890}
.usage-account .panel-head .muted,.usage-recorded .panel-head .muted{font-size:11px;line-height:1.6;margin:0}
.usage-sync{font-size:11px;color:#087864;margin:0 0 20px}
.usage-sync-warning{color:#956007}
.usage-ledger-scroll{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}
.usage-ledger-scroll:focus-visible{outline:2px solid #1368ff;outline-offset:3px;border-radius:4px}
table.usage-ledger{width:100%;table-layout:fixed;border-collapse:collapse;font-variant-numeric:tabular-nums}
.usage-ledger th{text-align:left;vertical-align:top;padding:10px 10px 12px;font-size:11px;line-height:1.5;font-weight:600;color:#263850;text-transform:none;border-bottom:1px solid #cbd6e5;background:#f8fafd}
.usage-ledger th small{display:block;margin-top:4px;font-size:10px;line-height:1.5;font-weight:600;color:#62728b}
.usage-ledger td{text-align:left;vertical-align:top;padding:14px 10px;font-size:18px;font-weight:500;color:#14213d;border-bottom:1px solid #e4eaf3}
.usage-ledger th+th,.usage-ledger td+td{border-left:1px solid #e7edf5}
.usage-ledger td strong{font-size:inherit;font-weight:500;letter-spacing:-.3px}
.usage-ledger td small{display:block;margin-top:5px;font-size:10px;font-weight:400;line-height:1.5;color:#78839a;letter-spacing:0}
.usage-ledger td strong small{display:inline;font-size:10px;white-space:nowrap}
.usage-account-metrics{min-width:500px}
.usage-account-metrics td{font-size:23px}
.usage-account .usage-progress{margin:18px 0 14px;height:6px}
.usage-account .usage-progress span{background:#16a48c}
.usage-account-period{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:11px;line-height:1.6;color:#69758b}
.usage-product-breakdown{margin-top:20px}
.usage-product-table{min-width:460px}
.usage-product-table td{font-size:12px}
.usage-product-table th{font-size:10px}
.usage-recorded-section+.usage-recorded-section{border-top:1px solid #dce4ef;padding-top:20px;margin-top:22px}
.usage-recorded-heading{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:6px;margin:0 0 10px}
.usage-recorded-heading h3{font-size:13px;font-weight:600;margin:0}
.usage-recorded-heading>span{font-size:10px;color:#78839a}
.usage-attempts-table{min-width:340px}
.usage-recorded .usage-progress{height:5px;margin:14px 0 0}
.usage-recorded .usage-progress span{background:#f59e0b}
.usage-recorded .usage-local-note{font-size:10px;line-height:1.7;margin:20px 0 0}
.usage-period-control{display:flex;flex-direction:column;gap:6px;font-size:10px;font-weight:500;color:#62728b;min-width:180px;max-width:100%}
.usage-period-control select{width:100%;min-height:36px;font-size:11px}
.usage-account-actions{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px;max-width:100%}
.usage-coverage,.usage-budget-note,.usage-period-range{font-size:10px;line-height:1.7;color:#69758b;margin:10px 0 16px}
.usage-budget-note{padding-top:12px;border-top:1px solid #e4eaf3}
.usage-recorded [aria-busy=true]{opacity:.7}
@media(max-width:1250px){.usage-summary-layout{grid-template-columns:minmax(0,1fr)}.usage-account .panel-head{flex-wrap:nowrap}.usage-account-metrics td{font-size:24px}}
@media(max-width:600px){.usage-summary-layout{gap:16px;margin:18px 0}.usage-summary-layout>.panel{padding:16px}.usage-account .panel-head{flex-wrap:wrap}.usage-account .panel-head button{width:100%}.usage-ledger th,.usage-ledger td{padding-left:8px;padding-right:8px}.usage-account-period{line-height:1.7}}
@media(max-width:600px){.usage-account .usage-ledger-scroll::before{content:"Swipe to view all columns →";display:block;margin:0 0 8px;font-size:10px;color:#69758b}}