/* Usage & costs: shared typography and tokens, scoped away from other admin pages. */
.usage-workspace[hidden],.usage-invoices[hidden]{display:none!important}
html[data-ui-surface=admin] .usage-tabs{display:flex;gap:6px;margin:20px 0 22px;border-bottom:1px solid var(--line);padding-bottom:10px;overflow:visible}
html[data-ui-surface=admin] .usage-tabs button{background:transparent;color:var(--muted);box-shadow:none}
html[data-ui-surface=admin] .usage-tabs button[aria-pressed=true]{background:var(--text);color:var(--panel)}
html[data-ui-surface=admin] .provider-picker{display:grid;grid-template-columns:.55fr 1.4fr 1.15fr 1.15fr;gap:20px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:16px;margin:0;overflow:visible}
.provider-group>span{display:block;font-size:10px;font-weight:600;color:var(--muted);margin:0 0 9px;text-transform:uppercase;letter-spacing:.06em}.provider-group>div{display:flex;flex-wrap:wrap;gap:5px}
html[data-ui-surface=admin] .provider-picker button{padding:7px 10px;min-height:32px;font-size:11px;border-radius:8px;background:var(--soft);border:1px solid transparent;color:var(--muted);box-shadow:none}
html[data-ui-surface=admin] .provider-picker button[aria-pressed=true]{background:var(--accent-soft);color:var(--accent);border-color:#cbb6f8}
.usage-provider-links{display:flex;justify-content:flex-end;align-items:center;gap:18px;flex-wrap:wrap;margin:12px 0 22px;min-height:24px}.usage-provider-links a,.usage-provider-links button{font-size:12px;color:var(--accent);text-decoration:none}
html[data-ui-surface=admin] .usage-provider-links .usage-link-button{background:transparent;color:var(--accent);padding:0;min-height:24px;box-shadow:none}
.usage-section-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:0 0 16px}.usage-section-heading h2,.usage-section-heading h3{margin:0}.usage-section-heading p{margin:5px 0 0}.usage-section-heading label{margin:0;font-size:11px}.usage-badge{display:inline-block;background:var(--soft);color:var(--muted);border-radius:8px;padding:6px 9px;font-size:11px;white-space:normal}
html[data-ui-surface=admin] .usage-workspace .cards.usage-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:16px 0}
html[data-ui-surface=admin] .usage-workspace .usage-metrics .card{padding:17px;box-shadow:none;min-width:0}
html[data-ui-surface=admin] .usage-workspace .usage-metrics .card strong{font-size:24px;letter-spacing:-.6px;font-variant-numeric:tabular-nums;margin-top:12px;line-height:1.25;overflow-wrap:anywhere}
.usage-workspace .toolbar{display:flex;gap:12px;align-items:center;margin:0 0 16px}.usage-workspace .toolbar label{margin:0;font-size:11px;max-width:220px}
.usage-chart-panel,.usage-empty,.usage-disclosure{border:1px solid var(--line);background:var(--panel);border-radius:12px;padding:18px;margin:12px 0}.usage-chart-panel h3{font-size:14px}.usage-empty p{margin:6px 0 0}.usage-quota{display:flex;gap:14px;align-items:center;font-size:11px;color:var(--muted);margin-bottom:16px}.usage-quota progress{height:8px;flex:1;width:100%;accent-color:var(--accent);border:0;border-radius:8px;overflow:hidden}.usage-quota progress::-webkit-progress-bar{background:var(--soft)}.usage-quota progress::-webkit-progress-value{background:var(--accent);border-radius:8px}.usage-quota progress::-moz-progress-bar{background:var(--accent)}
.usage-hour-chart{height:150px;display:flex;gap:5px;border-bottom:1px solid var(--line);align-items:end;padding:12px 0 0}.usage-hour{position:relative;flex:1;min-width:0;height:100%;display:flex;flex-direction:column;align-items:center;outline-offset:2px}.usage-hour svg{width:100%;height:112px;overflow:visible;fill:var(--accent);opacity:.72}.usage-hour:hover svg,.usage-hour:focus svg{opacity:1}.usage-hour small{font-size:10px;line-height:23px;color:var(--muted)}.usage-hour-tooltip{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);background:var(--text);color:white;padding:6px 9px;border-radius:6px;font-size:10px;white-space:nowrap;display:none;z-index:2}.usage-hour:first-child .usage-hour-tooltip{left:0;transform:none}.usage-hour:last-child .usage-hour-tooltip{left:auto;right:0;transform:none}.usage-hour:hover .usage-hour-tooltip,.usage-hour:focus .usage-hour-tooltip{display:block}html[data-ui-surface=admin] .usage-footnote{font-size:11px;margin:10px 0 0}
.usage-disclosure{padding:0;overflow:hidden}.usage-disclosure>summary{padding:15px 18px;cursor:pointer;font-size:13px;font-weight:550}.usage-disclosure>summary span{font-weight:400;font-size:11px;color:var(--muted);margin-left:8px}.usage-disclosure-body{padding:0 18px 18px}.usage-disclosure-body>h2{display:none}.usage-disclosure-body>.panel{margin:0!important;box-shadow:none!important;border:0!important;padding:0!important}.usage-disclosure-body .scroll,.usage-disclosure-body .table-scroll{max-height:340px;overflow:auto}.usage-disclosure-body th{position:sticky;top:0}.usage-statuses{display:grid;gap:8px;max-width:520px}.usage-statuses>div{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid var(--line);text-transform:capitalize}.usage-link{display:inline-block;margin-top:16px}
.invoice-service{border-bottom:1px solid var(--line);padding:14px 0}.invoice-service-heading{display:grid;grid-template-columns:minmax(140px,1fr) 140px 150px;align-items:center;gap:12px}.invoice-service-heading a{font-size:12px;text-decoration:none;text-align:right}.invoice-amount{font-variant-numeric:tabular-nums;text-align:right;font-size:13px}.invoice-service-heading>.muted{text-align:right;font-size:11px;color:var(--muted)}.invoice-service>details>summary{cursor:pointer;font-size:11px;color:var(--accent);margin-top:6px;width:fit-content}.invoice-service .service-expense-row{grid-template-columns:140px minmax(140px,1fr) minmax(140px,.8fr) auto;padding:12px 0 0;border:0;gap:12px}.invoice-help{grid-column:1/-1;margin:0}.invoice-service label{font-size:12px;margin:0}.invoice-service [role=status]{font-size:12px}.usage-invoices>.usage-disclosure{margin-top:20px}
@media(max-width:1100px){html[data-ui-surface=admin] .provider-picker{grid-template-columns:1fr 1fr}.usage-quota{flex-wrap:wrap}.usage-quota progress{flex-basis:100%}.invoice-service .service-expense-row{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.usage-section-heading{flex-wrap:wrap}.usage-provider-links{justify-content:flex-start}.invoice-service-heading{grid-template-columns:1fr auto}.invoice-service-heading>a,.invoice-service-heading>.muted{grid-column:1/-1;text-align:left}.usage-hour:nth-child(even) small{visibility:hidden}.usage-hour-tooltip{white-space:normal;min-width:100px}.usage-hour-chart{gap:1px}html[data-ui-surface=admin] .usage-invoices{padding:16px}.invoice-service .service-expense-row{grid-template-columns:1fr}.usage-provider-links{gap:10px}}