.credit-toolbar{display:flex;justify-content:flex-end;position:relative;margin-bottom:1rem;z-index:30}
.credit-usage-page [data-usage-remaining]{font-size:44px}.credit-run-status{display:flex;align-items:center;gap:8px}.credit-run-status:before{content:'';width:7px;height:7px;background:#999;border-radius:50%}.credit-active-card[data-activity-state=running]{border-color:#7599b2!important}.credit-active-card[data-activity-state=running] .credit-run-status:before{background:#91bfdf;animation:credit-pulse 1.5s ease-in-out infinite}@keyframes credit-pulse{50%{opacity:.35}}@media(prefers-reduced-motion:reduce){.credit-run-status:before{animation:none!important}}
.sb-add-credits{display:flex;align-items:center;gap:12px;padding:11px 12px;margin-bottom:6px;color:var(--ui-ink-strong,#eee);text-decoration:none;font-size:13px;font-weight:500;border:1px solid var(--ui-border,#333);border-radius:6px;background:var(--ui-surface,#1c1c1c);transition:border-color .12s ease,background .12s ease}.sb-add-credits:hover,.sb-add-credits.on{border-color:var(--ui-ink-muted,#888);background:#ffffff0d;text-decoration:none;color:var(--ui-ink-strong,#eee)}.sb-add-credits svg{color:var(--brand-ink,#8fc9ea)}.sb-add-credits:focus-visible{outline:none;box-shadow:0 0 0 2px var(--ui-tint-10,#ffffff1a),0 0 0 1px var(--ui-ink-strong,#eee)}
.sb-usage{display:flex;align-items:center;gap:12px;padding:12px;margin-bottom:8px;color:var(--ui-ink-muted,#aaa);text-decoration:none;font-size:13px;border-radius:3px}.sb-usage:hover,.sb-usage.on{background:#ffffff09;color:#eee}.sb-usage:focus-visible{outline:2px solid #8baaff;outline-offset:2px}
.credit-active-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:12px}.credit-billing a.credit-active-card{display:flex;flex-direction:column;gap:8px;padding:20px;background:#191919;border:1px solid #333;color:#eee;text-decoration:none}.credit-active-card span{font-size:12px;color:#aaa}.credit-active-card b{font-size:22px;font-weight:500;font-variant-numeric:tabular-nums}
.credit-counter{position:relative;font-variant-numeric:tabular-nums}
.credit-counter>summary{cursor:pointer;border:1px solid var(--ui-border,#454545);padding:.55rem .85rem;border-radius:6px;background:var(--bkz-bg-shell,#171717);color:var(--ui-ink-strong,#eee);font-size:.85rem}
.credit-counter>summary:focus-visible{outline:2px solid #8baaff;outline-offset:3px}
.credit-popover{position:absolute;right:0;top:100%;width:min(380px,calc(100vw - 32px));padding:1.1rem;border:1px solid var(--ui-border,#454545);border-radius:8px;background:var(--bkz-bg-shell,#171717);box-shadow:0 12px 36px #0006;color:var(--ui-ink-strong,#eee);font-size:.85rem}
.credit-popover h2{font-size:.75rem;margin:1rem 0 .4rem;text-transform:uppercase;letter-spacing:.06em}
.credit-popover ol{list-style:none;margin:0;padding:0}.credit-popover li{padding:.65rem 0;border-bottom:1px solid var(--ui-border,#454545)}
.credit-popover li strong{display:block;overflow-wrap:anywhere}.credit-popover li span{display:block;margin-top:.25rem;color:var(--ui-ink-muted,#aaa)}
.credit-muted{color:var(--ui-ink-muted,#aaa);font-size:.8rem}.credit-actions{display:flex;gap:1rem;margin-top:1rem}.credit-actions a{color:inherit;text-decoration:underline}
.credit-stats{display:flex;flex-wrap:wrap;gap:2rem;margin:1.5rem 0}.credit-stats strong{display:block;font-size:1.7rem;font-variant-numeric:tabular-nums}.credit-stats span{display:block;color:var(--ui-ink-muted,#aaa)}
.credit-sponsored{padding:.8rem;border-left:3px solid #8baaff;background:#8baaff12}.credit-table-wrap{overflow:auto}.credit-billing td small{display:block;color:var(--ui-ink-muted,#aaa);margin-top:.3rem}
.credit-counter[data-state=empty]>summary,.credit-counter[data-state=unavailable]>summary{border-color:#cc9867}
.credit-low-balance{justify-content:flex-start;gap:10px;text-align:left;border-color:color-mix(in srgb,var(--bkz-blue-link) 28%,var(--ui-border));background:color-mix(in srgb,var(--bkz-blue-link) 6%,var(--ui-surface));line-height:1.5}
.credit-low-balance[hidden]{display:none}
.credit-low-balance-mark{flex:none;color:var(--bkz-blue-link);font:500 12px/1 var(--bkz-font-mono);opacity:.85}
.credit-low-balance .tag{margin-right:8px;border-color:color-mix(in srgb,var(--bkz-blue-link) 26%,var(--ui-border));background:color-mix(in srgb,var(--bkz-blue-link) 9%,var(--ui-sunk));color:var(--bkz-blue-link)}
.credit-low-balance a{color:var(--bkz-blue-link);text-underline-offset:3px}
.credit-low-balance [hidden]{display:none}
.credit-low-balance.is-exhausted{border-color:#a84747;background:#341b1b;color:#f7d6d6}
.credit-low-balance.is-exhausted .credit-low-balance-mark{color:#f19292}
.credit-low-balance.is-exhausted .tag{border-color:#a84747;background:#512323;color:#ffc6c6}
.credit-low-balance.is-exhausted a{color:#ffc6c6}
/* Top up to finish your scan (product/possible-bugs.ts). The low-balance line's blue, one step
   louder: a framed band at the top of the page with the one number, the areas under it and one
   button. Hairline tiles for the areas; red only on a count with a high or critical in it. */
.topup-cta{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px 20px;align-items:start;padding:16px 18px;border:1px solid color-mix(in srgb,var(--bkz-blue-link) 30%,var(--ui-border));border-radius:var(--bkz-radius-3xl);background:color-mix(in srgb,var(--bkz-blue-link) 6%,var(--ui-surface));color:var(--ui-ink-body)}
.topup-cta[hidden]{display:none}
.topup-cta-body{min-width:0}
.topup-cta-eyebrow{margin:0 0 6px;font:500 11px/1.3 var(--bkz-font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--bkz-blue-link)}
.topup-cta-lead{margin:0;font-size:var(--bkz-text-md);font-weight:600;line-height:1.45;letter-spacing:-.01em;color:var(--ui-ink-strong);max-width:72ch}
.topup-cta-next{margin:4px 0 0;font-size:var(--bkz-text-sm);color:var(--ui-ink-muted)}
.topup-cta-areas{list-style:none;margin:14px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:8px}
.topup-cta-area{min-width:0;padding:8px 10px;border:1px solid var(--bkz-border-hairline);border-radius:var(--bkz-radius-md);background:var(--ui-sunk)}
.topup-cta-area-h{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:2px 8px;min-width:0}
.topup-cta-area-name{min-width:0;font-size:var(--bkz-text-sm);font-weight:600;color:var(--ui-ink-strong);overflow-wrap:anywhere}
.topup-cta-area-n{flex:none;font:500 11px/1.3 var(--bkz-font-mono);color:var(--ui-ink-muted);font-variant-numeric:tabular-nums}
.topup-cta-area-n.is-severe{color:var(--bkz-danger-ink)}
.topup-cta-area-kind{display:block;margin-top:3px;font-size:12px;line-height:1.4;color:var(--ui-ink-muted)}
.topup-cta-actions{display:flex;align-items:center;gap:6px}
.topup-cta-dismiss{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:1px solid transparent;border-radius:var(--bkz-radius-md);background:transparent;color:var(--ui-ink-muted);font-size:18px;line-height:1;cursor:pointer}
.topup-cta-dismiss:hover{color:var(--ui-ink-strong);background:var(--ui-sunk)}
.topup-cta-dismiss:focus-visible{outline:2px solid #8baaff;outline-offset:2px}
@media(max-width:640px){.topup-cta{grid-template-columns:1fr;padding:14px}.topup-cta-actions{order:-1;justify-content:space-between}.topup-cta-actions .btn{flex:1}}
.credit-purchase-form{display:grid;gap:1rem;max-width:36rem;margin:1.5rem 0}.credit-purchase-form input[type=number]{padding:.7rem;background:var(--bkz-bg-shell,#171717);border:1px solid var(--ui-border,#555);color:inherit;font-size:1.2rem}.credit-purchase-form input[type=range]{width:100%}.credit-quote{padding:1.2rem;border:1px solid var(--ui-border,#555);margin:1.5rem 0}
@media(max-width:600px){.credit-toolbar{margin-bottom:.8rem}.credit-popover{font-size:.8rem}.credit-stats{gap:1rem}}
.credit-billing{max-width:1080px;margin:32px auto 80px;line-height:1.65;color:#e8e7e2;padding:0 20px}
.credit-billing h1{font-size:clamp(30px,4.5vw,54px);line-height:1.08;letter-spacing:-.045em;margin:12px 0 22px;font-weight:550;max-width:690px}
.credit-billing h2{font-size:21px;line-height:1.3;letter-spacing:-.025em;margin:34px 0 14px;font-weight:550}
.credit-billing p{margin:12px 0;color:#a8a79f;font-size:14px;max-width:78ch}
.credit-billing a:not(.btn){color:#8cb9d8;text-underline-offset:4px}
.credit-billing .btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 17px;font-size:13px;text-decoration:none;white-space:normal;line-height:1.4}
.credit-billing .btn-primary{background:#e9e8e1;color:#171715;border-color:#e9e8e1}
.credit-billing button:disabled{opacity:.45;cursor:not-allowed}
.credit-eyebrow{font-family:monospace;font-size:10px;letter-spacing:.18em;color:#89b3ce}
.credit-hero{padding:20px 0 30px}.credit-hero p{font-size:16px;max-width:62ch}
.credit-pricing-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:20px;margin:30px 0 46px;align-items:stretch}
.credit-panel{padding:28px;border:1px solid #33332e;background:#191917;min-width:0}
.credit-panel h2{margin-top:12px}.credit-trial-card{background:#191919}
.credit-billing .credit-big-number{font-size:58px;color:#efeee9;letter-spacing:-.05em;line-height:1.2;margin:26px 0}
.credit-big-number span{display:block;font-size:13px;letter-spacing:0;color:#aaa99f;margin-top:7px}
.credit-benefits{list-style:none;margin:24px 0;padding:0}.credit-benefits li{padding:11px 0 11px 20px;border-top:1px solid #ffffff0d;font-size:13px;color:#b9b8b0;position:relative}
.credit-benefits li:before{content:'+';position:absolute;left:0;color:#8cb9ad}
.credit-panel .credit-quote{border:0;border-top:1px solid #373731;padding:18px 0 0;margin:20px 0 0}.credit-panel .credit-quote h2{font-size:24px}
.credit-billing table{width:100%;border-collapse:collapse;text-align:left;margin:18px 0 24px;font-size:13px}
.credit-billing th{color:#98988e;font-size:11px;font-weight:400;letter-spacing:.03em;padding:12px 16px;background:#1d1d19;border-bottom:1px solid #393930}
.credit-billing td{padding:15px 16px;border-bottom:1px solid #30302a;vertical-align:top;color:#bdbcb4}.credit-billing td:first-child{color:#e6e5dd}
.credit-billing .credit-sponsored{font-size:12px;padding:12px 16px;background:#202020;border-left:2px solid #777;margin:0 0 24px}
.credit-billing input,.credit-billing select{accent-color:#94bbd1}.credit-billing label{font-size:13px;color:#c3c2ba}
.credit-billing fieldset{border:1px solid #35352e;padding:20px;margin:12px 0}.credit-billing legend{padding:0 8px;font-size:14px}
.credit-billing fieldset label{display:block;margin:12px 0}.credit-billing input[type=number],.credit-billing input[type=date],.credit-billing select{border-radius:3px;background:#141412;color:#e6e5df;border:1px solid #45453b;padding:10px;max-width:100%}
.credit-trial-page{max-width:880px}.credit-trial-page .credit-hero{padding-bottom:8px}.credit-trial-page form{margin-top:26px;padding-top:22px;border-top:1px solid #34342e}
.credit-terms{margin:24px 0;font-size:13px;color:#a8a79f}.credit-terms summary{cursor:pointer;color:#d0cfc6;padding:12px 0}
.credit-simple-purchase{max-width:620px;margin-top:60px}.credit-simple-purchase .credit-hero{padding-bottom:8px}
.credit-simple-purchase .credit-purchase-form{max-width:none;margin:24px 0 32px;gap:16px}
.credit-dollar-input{display:flex;align-items:center;gap:12px;font-size:30px;color:#eee}
.credit-dollar-input input[type=number]{font-size:30px;width:100%;background:#171717;border-color:#444}
.credit-simple-purchase input[type=range]{accent-color:#dedede;cursor:pointer;height:24px}
.credit-slider-bounds{display:flex;justify-content:space-between;color:#999;font-size:12px;margin-top:-12px}
.credit-live-total{display:flex;flex-wrap:wrap;align-items:baseline;gap:12px;padding-top:24px;border-top:1px solid #333;margin-top:16px;color:#aaa}
.credit-live-total strong{font-size:clamp(26px,5vw,44px);color:#eee;font-weight:500;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;min-width:0}
.credit-trial-page form label{display:block;margin-bottom:18px}.credit-trial-page .credit-stats{padding:24px 0;border-top:1px solid #34342e;border-bottom:1px solid #34342e}
@media(max-width:700px){.credit-billing{margin:20px auto 48px;padding:0 16px}.credit-pricing-grid{grid-template-columns:1fr;gap:16px}.credit-panel{padding:22px}.credit-billing h1{font-size:36px}.credit-billing td,.credit-billing th{padding:12px 10px}.credit-actions{flex-wrap:wrap}}

/* Usage dashboard: use the same surfaces, borders, type and rows as the app. */
.usage-dashboard { color: var(--ui-ink-body); padding-bottom: 64px; }
.usage-intro { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin: 0 0 18px; }
.usage-intro p { margin: 0; color: var(--ui-ink-muted); font-size: var(--bkz-text-base); }
.usage-dashboard .usage-balance {
  padding: 23px 26px; border-color: var(--ui-glass-border-solid);
  border-radius: var(--bkz-radius-3xl); background: var(--ui-glass-solid);
}
.usage-dashboard .usage-balance-head { align-items: flex-end; }
.usage-metric-label { display: block; margin-bottom: 10px; color: var(--ui-eyebrow); font-size: 11px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; }
.usage-dashboard .usage-balance-head strong {
  color: var(--ui-ink-strong); font-size: clamp(37px, 4vw, 48px);
  font-weight: 550; letter-spacing: -.045em; line-height: 1; font-variant-numeric: tabular-nums;
}
.usage-dashboard .usage-balance-head span { color: var(--ui-ink-muted); font-size: 13px; }
.usage-dashboard .usage-balance .btn { align-self: center; white-space: nowrap; }
.usage-dashboard .usage-progress { height: 5px; margin: 26px 0 13px; background: var(--ui-track); }
.usage-dashboard .usage-progress::-webkit-progress-bar { background: var(--ui-track); }
.usage-dashboard .usage-progress::-webkit-progress-value { background: var(--bkz-blue-link); }
.usage-dashboard .usage-progress::-moz-progress-bar { background: var(--bkz-blue-link); }
.usage-dashboard .usage-balance-caption { color: var(--ui-ink-muted); font-size: 11px; }
.usage-graphs { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(300px, 1fr); gap: 14px; margin-top: 14px; align-items: stretch; }
.usage-dashboard .usage-chart-panel, .usage-dashboard .usage-feature-panel {
  min-width: 0; padding: 20px 22px 17px; border-color: var(--ui-glass-border-solid);
  border-radius: var(--bkz-radius-3xl); background: var(--ui-glass-solid);
}
.usage-section-head { display: flex; align-items: start; justify-content: space-between; gap: 12px; }
.usage-section-head h2 { margin: 0; color: var(--ui-ink-strong); font-size: var(--bkz-text-md); font-weight: 600; letter-spacing: -.015em; }
.usage-section-head p { margin: 4px 0 0; color: var(--ui-ink-muted); font-size: var(--bkz-text-sm); }
.usage-graph-total { display: flex; align-items: baseline; gap: 5px; white-space: nowrap; color: var(--ui-ink-muted); font-size: 11px; }
.usage-graph-total strong { color: var(--ui-ink-strong); font-size: 24px; font-weight: 550; letter-spacing: -.035em; font-variant-numeric: tabular-nums; }
.usage-chart-grid { display: grid; grid-template-columns: 38px minmax(0, 1fr); gap: 10px; height: 160px; margin-top: 24px; }
.usage-chart-y { display: flex; flex-direction: column; justify-content: space-between; align-items: flex-end; color: var(--ui-ink-faint); font-size: 10px; line-height: 1; }
.usage-chart-plot {
  display: flex; align-items: flex-end; gap: clamp(3px, .65vw, 8px); min-width: 0; height: 100%;
  padding: 0 5px 1px; border-bottom: 1px solid var(--ui-border);
  background: linear-gradient(to bottom, transparent 24.5%, var(--ui-border) 25%, transparent 25.5%, transparent 49.5%, var(--ui-border) 50%, transparent 50.5%, transparent 74.5%, var(--ui-border) 75%, transparent 75.5%);
}
.usage-chart-day { position: relative; display: flex; align-items: flex-end; justify-content: center; flex: 1; min-width: 0; height: 100%; outline: 0; cursor: default; }
.usage-chart-day:focus-visible { outline: 2px solid var(--ui-ink-body); outline-offset: 2px; }
.usage-chart-bar { display: block; width: 100%; max-width: 34px; height: max(3px, var(--bar-height)); border-radius: 3px 3px 0 0; background: var(--ui-ink-muted); opacity: .72; transition: opacity .2s; }
.usage-chart-bar.is-today { background: var(--bkz-blue-link); opacity: 1; }
.usage-chart-bar.is-correction { background: var(--ui-ink-faint); opacity: .8; }
.usage-chart-bar.is-empty { height: 0; opacity: 0; }
.usage-chart-day:hover .usage-chart-bar, .usage-chart-day:focus .usage-chart-bar { opacity: 1; }
.usage-chart-day:hover, .usage-chart-day:focus { z-index: 2; }
.usage-chart-tooltip { position: absolute; bottom: min(calc(var(--bar-height) + 8px), calc(100% - 44px)); left: 50%; z-index: 2; min-width: 92px; padding: 6px 8px; border: 1px solid var(--ui-border); border-radius: var(--bkz-radius-sm); background: var(--ui-surface); box-shadow: 0 8px 20px #0004; color: var(--ui-ink-body); font-size: 10px; line-height: 1.3; text-align: left; white-space: nowrap; pointer-events: none; visibility: hidden; opacity: 0; transform: translate(-50%, 4px); transition: opacity .12s, transform .12s; }
.usage-chart-tooltip span, .usage-chart-tooltip strong { display: block; }
.usage-chart-tooltip strong { margin-top: 2px; color: var(--ui-ink-strong); font-size: 11px; font-weight: 600; font-variant-numeric: tabular-nums; }
.usage-chart-day:hover .usage-chart-tooltip, .usage-chart-day:focus .usage-chart-tooltip { visibility: visible; opacity: 1; transform: translate(-50%, 0); }
.usage-chart-day:first-child .usage-chart-tooltip { left: 0; transform: translate(0, 4px); }
.usage-chart-day:first-child:hover .usage-chart-tooltip, .usage-chart-day:first-child:focus .usage-chart-tooltip { transform: translate(0, 0); }
.usage-chart-day:last-child .usage-chart-tooltip { left: auto; right: 0; transform: translate(0, 4px); }
.usage-chart-day:last-child:hover .usage-chart-tooltip, .usage-chart-day:last-child:focus .usage-chart-tooltip { transform: translate(0, 0); }
.usage-chart-x { display: flex; justify-content: space-between; margin: 9px 0 0 48px; color: var(--ui-ink-faint); font-size: 10px; }
.usage-chart-empty { align-self: center; width: 100%; padding: 24px 8px; text-align: center; color: var(--ui-ink-muted); font-size: 12px; }
.usage-graph-note { margin: 18px 0 0; padding-top: 11px; border-top: 1px solid var(--bkz-border-hairline); color: var(--ui-ink-muted); font-size: 11px; }
.usage-feature-list { display: grid; gap: 16px; margin-top: 24px; min-height: 169px; align-content: start; }
.usage-feature-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 5px 8px; align-items: center; }
.usage-feature-label { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; grid-column: 1 / -1; min-width: 0; }
.usage-feature-label span { color: var(--ui-ink-body); font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.usage-feature-label strong { color: var(--ui-ink-strong); font-size: 12px; font-weight: 550; font-variant-numeric: tabular-nums; white-space: nowrap; }
.usage-feature-track { height: 5px; overflow: hidden; border-radius: 8px; background: var(--ui-track); }
.usage-feature-track span { display: block; height: 100%; border-radius: inherit; background: var(--ui-ink-body); }
.usage-feature-row:first-child .usage-feature-track span { background: var(--bkz-blue-link); }
.usage-feature-percent { width: 35px; color: var(--ui-ink-muted); font-size: 10px; text-align: right; font-variant-numeric: tabular-nums; }
.usage-dashboard .set-sec { margin-top: 28px; }
.usage-dashboard .set-sec-h { margin-bottom: 10px; }
.usage-dashboard .set-sec-h h2 { margin: 0; color: inherit; font: inherit; }
.usage-dashboard .set-sec-h .btn { font: inherit; font-size: var(--bkz-text-sm); }
.usage-section-copy { margin: -2px 2px 12px; color: var(--ui-ink-muted); font-size: var(--bkz-text-sm); }
.usage-dashboard .usage-empty { padding: 26px 18px; color: var(--ui-ink-muted); font-size: var(--bkz-text-sm); }
.usage-dashboard .usage-history { overflow: auto; }
.usage-dashboard .usage-history table { width: 100%; margin: 0; border-collapse: collapse; }
.usage-dashboard .usage-history th { padding: 12px 17px; border-bottom: 1px solid var(--bkz-border-hairline); background: var(--ui-sunk); color: var(--ui-ink-muted); font-size: 10px; font-weight: 500; letter-spacing: .07em; text-transform: uppercase; }
.usage-dashboard .usage-history td { padding: 13px 17px; border-bottom: 1px solid var(--bkz-border-hairline); color: var(--ui-ink-body); font-size: 12px; vertical-align: middle; }
.usage-dashboard .usage-history tr:last-child td { border-bottom: 0; }
.usage-dashboard .usage-history td:first-child { min-width: 220px; }
.usage-dashboard .usage-history td:last-child, .usage-dashboard .usage-history th:last-child { text-align: right; }
.usage-history-activity { display: block; }
.usage-history-feature { display: block; margin-bottom: 3px; color: var(--ui-ink-muted); font-size: 10px; text-transform: uppercase; }
.usage-history td strong { display: block; color: var(--ui-ink-strong); font-size: 12px; font-weight: 600; line-height: 1.35; }
.usage-history td small { display: block; margin-top: 3px; color: var(--ui-ink-muted); font-size: 10px; }
.usage-ledger-status { display: inline-flex; align-items: center; gap: 7px; }
.usage-ledger-status:before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: var(--bkz-success-ink); }
.usage-ledger-status[data-state=failed] { color: var(--bkz-danger-ink); }
.usage-ledger-status[data-state=failed]:before { background: var(--bkz-danger-ink); }
.usage-ledger-status[data-state=canceled] { color: var(--ui-ink-muted); }
.usage-ledger-status[data-state=canceled]:before { background: var(--ui-ink-muted); }
.usage-history-credits { color: var(--ui-ink-strong) !important; font-weight: 600; font-variant-numeric: tabular-nums; }
@media(max-width:900px) { .usage-graphs { grid-template-columns: 1fr; } }
@media(max-width:600px) {
  .usage-intro { align-items: flex-start; }
  .usage-intro p { max-width: 210px; }
  .usage-dashboard .usage-balance, .usage-dashboard .usage-chart-panel, .usage-dashboard .usage-feature-panel { padding: 18px; }
  .usage-dashboard .usage-balance-head strong { font-size: 36px; }
  .usage-dashboard .usage-balance-head span { font-size: 11px; }
  .usage-dashboard .usage-balance .btn { font-size: 11px; padding: 7px 9px; }
  .usage-dashboard .usage-balance-caption { flex-direction: column; gap: 4px; }
  .usage-chart-grid { height: 145px; grid-template-columns: 32px minmax(0, 1fr); gap: 8px; }
  .usage-chart-x { margin-left: 40px; }
  .usage-dashboard .set-sec-h { align-items: flex-start; }
  .usage-dashboard .usage-history { overflow: hidden; }
  .usage-dashboard .usage-history table, .usage-dashboard .usage-history tbody { display: block; width: 100%; }
  .usage-dashboard .usage-history thead { display: none; }
  .usage-dashboard .usage-history tr { display: grid; grid-template-columns: 1fr 1fr auto; align-items: center; border-bottom: 1px solid var(--bkz-border-hairline); padding: 12px 0; }
  .usage-dashboard .usage-history tr:last-child { border-bottom: 0; }
  .usage-dashboard .usage-history td { display: block; border: 0; padding: 5px 14px !important; min-width: 0 !important; }
  .usage-dashboard .usage-history td:first-child { grid-column: 1 / -1; padding-bottom: 9px !important; }
  .usage-dashboard .usage-history td:last-child { text-align: right; }
  .usage-dashboard .usage-history td:last-child:after { content: ' credits'; color: var(--ui-ink-muted); font-size: 10px; font-weight: 400; }
}
@media(prefers-reduced-motion:reduce) {
  .usage-chart-bar, .usage-chart-tooltip { transition: none; }
}

/* Past activity pages five at a time (founder, 2026-09-26) with the kit's pager, under the table
   and outside its scroll box so the page-size menu is never clipped. The one Add credits button
   sits where Buy more was. Nothing on this page moves or refreshes. */
.usage-dashboard .usage-add-credits { white-space: nowrap; }
.usage-dashboard .usage-history tr[hidden] { display: none !important; }
.usage-dashboard .usage-history tr.is-page-end td { border-bottom: 0; }
.usage-dashboard .usage-history-pages > .pager { margin-top: 12px; padding: 0 2px; border-top: 0; }
.usage-dashboard .usage-older-note { margin-top: 12px; }
@media(max-width:600px) {
  .usage-dashboard .usage-history tr.is-page-end { border-bottom: 0; }
  .usage-dashboard .usage-history-pages > .pager { gap: 10px; }
  .usage-dashboard .usage-history-pages .pager-size { display: none; }
}
/* Repositories reached through GitHub alone are billed to their owners: one quiet line in the intro
   row above the balance (the old Live activity pill's place), so the balance and graphs do not move. */
.usage-intro .usage-other-access { min-width: 0; margin: 0; color: var(--ui-ink-muted); font-size: 11px; line-height: 1.5; text-align: right; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
@media(max-width:600px) {
  .usage-intro:has(.usage-other-access) { flex-wrap: wrap; gap: 6px; }
  .usage-intro .usage-other-access { max-width: none; text-align: left; white-space: normal; }
}