.usage-monitor{margin-top:14px!important}.usage-monitor-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;padding-bottom:14px;border-bottom:1px solid rgba(160,185,210,.22)}.usage-kicker{display:block;color:#4fe0ee;font-size:10px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.usage-monitor h3{margin:6px 0 0;font-size:18px;color:#f4f8fc}.usage-monitor-head p{margin:5px 0 0;color:#9db4c8;font-size:11px;max-width:720px}.usage-assumption{border:1px solid rgba(79,224,238,.3);border-radius:999px;padding:7px 10px;color:#a7f2f5;font-size:10px;font-weight:900;white-space:nowrap}.usage-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;margin-top:14px}.usage-card{border:1px solid rgba(135,181,210,.24);border-radius:13px;padding:14px;background:rgba(255,255,255,.045)}.usage-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.usage-card-top strong{display:block;color:#fff;font-size:14px}.usage-card-top small{display:block;margin-top:4px;color:#9db4c8;font-size:10px;overflow-wrap:anywhere}.usage-status{display:inline-flex;align-items:center;gap:6px;color:#9db4c8;font-size:9px;font-weight:900;white-space:nowrap}.usage-status i{width:6px;height:6px;border-radius:50%;background:#8498a9}.usage-status.connected{color:#a6f3ce}.usage-status.connected i{background:#53c9a3;box-shadow:0 0 0 4px rgba(83,201,163,.12)}.usage-status.stale{color:#ffd38c}.usage-status.stale i{background:#eab353;box-shadow:0 0 0 4px rgba(234,179,83,.12)}.usage-status.error{color:#ff9eaa}.usage-status.error i{background:#ef6678;box-shadow:0 0 0 4px rgba(239,102,120,.12)}.usage-status.waiting{color:#b1bfcb}.usage-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px}.usage-metrics div{min-width:0}.usage-metrics small{display:block;color:#8ea9bd;font-size:9px;line-height:1.25}.usage-metrics b{display:block;margin-top:5px;color:#fff;font-size:16px;letter-spacing:-.04em;overflow-wrap:anywhere}.usage-cost-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:15px;padding-top:12px;border-top:1px solid rgba(135,181,210,.16)}.usage-cost-row div{min-width:0}.usage-cost-row span{display:block;color:#8ea9bd;font-size:9px;line-height:1.25}.usage-cost-row strong{display:block;margin-top:4px;color:#d9f8fc;font-size:13px;overflow-wrap:anywhere}.usage-cost-total{padding-left:10px;border-left:1px solid rgba(135,181,210,.16)}.usage-cost-total strong{color:#63e6c0}.usage-bar{height:5px;margin-top:15px;border-radius:99px;background:rgba(255,255,255,.1);overflow:hidden}.usage-bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#32c9dc,#5ad7a9)}.usage-detail{margin:8px 0 0;color:#8ea9bd;font-size:10px;line-height:1.45}.usage-footnote{margin:14px 0 0;color:#8ea9bd;font-size:10px;line-height:1.5}.usage-empty{padding:22px;border:1px dashed rgba(135,181,210,.3);border-radius:12px;color:#9db4c8;font-size:12px}@media(max-width:620px){.usage-monitor-head{display:grid}.usage-assumption{justify-self:start}.usage-metrics b{font-size:14px}.usage-cost-row{grid-template-columns:1fr 1fr}.usage-cost-total{grid-column:1/-1;padding:10px 0 0;border-left:0;border-top:1px solid rgba(135,181,210,.16)}}
.usage-monitor-head-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}
#ownerView .owner-card-head-actions [data-owner-action="usage-refresh"],#ownerView .dash-actions [data-owner-action="usage-refresh"]{display:none!important}
@media(max-width:620px){.usage-monitor-head-actions{justify-content:flex-start}}
.usage-recommendation-note{margin:8px 0 0;padding-top:8px;border-top:1px solid rgba(135,181,210,.12);color:#a7c0d1;font-size:9px;line-height:1.45}