.forge-usage{max-width:820px;margin:0 auto;padding:14px 24px 12px;color:var(--forge-ink)}
.usage-heading{display:flex;justify-content:space-between;align-items:baseline;gap:16px;border-bottom:1px solid var(--forge-line);padding-bottom:16px}
.usage-heading h2{margin:0;font-size:16px;font-weight:650;letter-spacing:.01em}.usage-eyebrow{display:block;font:9px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.13em;color:var(--forge-muted);margin-bottom:5px}
.usage-totals{display:flex;gap:22px;align-items:baseline;color:var(--forge-muted);font-size:11px}.usage-totals strong{color:var(--forge-ink);font:600 19px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:-.04em;margin-right:4px}.usage-totals span:last-child strong{font-size:14px}
.usage-scroll{overflow-x:auto;padding:18px 0 5px;scrollbar-width:thin}.usage-months,.usage-grid{display:grid;grid-template-columns:repeat(var(--weeks,53),minmax(10px,1fr));gap:4px;min-width:700px}.usage-months{font:9px/1.3 ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--forge-muted);height:20px}.usage-months span{white-space:nowrap;overflow:visible}
.usage-grid{grid-template-rows:repeat(7,10px);grid-auto-flow:column}.usage-cell{display:block;appearance:none;width:100%;height:10px;padding:0;border:0;border-radius:2px;background:light-dark(#e8ece8,#293430);cursor:pointer}.usage-cell[data-level="-1"]{background:transparent;box-shadow:inset 0 0 0 1px var(--forge-line)}.usage-cell[data-level="1"]{background:light-dark(#c8d5ca,#405f4c)}.usage-cell[data-level="2"]{background:light-dark(#94ae99,#64816b)}.usage-cell[data-level="3"]{background:light-dark(#62856c,#8bad92)}.usage-cell[data-level="4"]{background:light-dark(#304e3c,#bdd5c2)}.usage-cell.outside{visibility:hidden}.usage-cell:hover,.usage-cell:focus-visible{outline:2px solid var(--forge-ink);outline-offset:2px}
.usage-readout{font-size:11px;line-height:1.6;color:var(--forge-muted);min-height:18px;margin:12px 0 17px;font-variant-numeric:tabular-nums}.usage-bottom{border-top:1px solid var(--forge-line);padding-top:13px;display:flex;justify-content:space-between;gap:15px;align-items:center;color:var(--forge-muted);font-size:10px}.usage-legend{display:flex;gap:4px;align-items:center;white-space:nowrap}.usage-legend i{width:10px;flex:none;cursor:default}.usage-legend span:first-child{margin-right:4px}.usage-legend span:last-child{margin-left:4px}.usage-provenance{margin:12px 0 0;color:var(--forge-muted);font-size:10px;line-height:1.7}.usage-loading{color:var(--forge-muted);font-size:12px;padding:30px 0}
@media(max-width:600px){.forge-usage{padding:8px 20px 12px}.usage-heading{align-items:flex-start}.usage-heading h2{font-size:15px}.usage-totals{flex-direction:column;gap:5px;align-items:flex-end}.usage-totals strong{font-size:18px}.usage-bottom{align-items:flex-start}.usage-provenance{max-width:290px}.usage-readout{min-height:36px}}

/* Dashboard shares the same component and data as the public landing. */
.forge-usage{--forge-ink:light-dark(#202b2b,#dce4e2);--forge-line:light-dark(rgba(32,43,43,.12),rgba(220,228,226,.12));--forge-muted:light-dark(#707a77,#929d99)}
.dashboard.feeds .flex-container-main{min-width:0}
.dashboard.feeds .forge-usage{max-width:none;width:100%;box-sizing:border-box;margin:0 0 24px;padding:8px 0 20px;border-bottom:1px solid var(--forge-line)}

.usage-readout:empty{display:none}