.usage-heading,.usage-line,.usage-subscription-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.usage-heading{margin-bottom:21px}
.usage-heading h3{margin:0;font-size:14px;font-weight:600;color:var(--text)}
.usage-heading button,.usage-subscription-head button{border:0;background:transparent;color:var(--text-soft);font:inherit;font-size:12px;padding:7px 4px;cursor:pointer;min-height:32px}
.usage-heading button:disabled,.usage-subscription-head button:disabled{opacity:.45;cursor:default}
.usage-conversation{font-size:11px;line-height:1.6;color:var(--text-soft);margin:-10px 0 16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.usage-row{margin:0 0 19px}
.usage-line{font-size:12px;line-height:1.6;color:var(--text-soft)}
.usage-line strong{font-size:13px;font-weight:500;color:var(--text);font-variant-numeric:tabular-nums;white-space:nowrap}
.usage-meter{height:5px;border-radius:8px;background:color-mix(in srgb,var(--text) 8%,transparent);margin:9px 0 7px;overflow:hidden}
.usage-meter span{display:block;height:100%;width:0;background:color-mix(in srgb,var(--accent) 72%,var(--text-soft));border-radius:inherit;transition:width .2s ease}
.usage-meter[data-level="high"] span{background:#ae7351}
.usage-meter[data-level="full"] span{background:#b45e67}
.usage-meter[data-unknown="true"]{opacity:.45}
.usage-row p,.usage-footnote{font-size:11px;line-height:1.6;color:var(--text-faint);margin:0;overflow-wrap:anywhere}
.usage-subscription-head{padding-top:15px;margin:2px 0 15px;border-top:1px solid color-mix(in srgb,var(--text) 8%,transparent);font-size:12px;color:var(--text-soft)}
.usage-subscription-head span{font-size:10px;color:var(--text-faint)}
.usage-subscription-head button{flex:none;white-space:nowrap}
.usage-footnote{margin-top:3px}
@media(prefers-reduced-motion:reduce){.usage-meter span{transition:none}}