/* Product-specific usage chart; the page shell and UI components come from PingCore. */
.mw-card{border-radius:1.25rem;padding:1.25rem}
.mw-card:has(> .overflow-x-auto){padding:0;overflow:hidden}
.mw-table{width:100%;border-collapse:collapse;text-align:left;font-size:.875rem}
.mw-table thead{background:#f8fafc;color:#64748b;font-size:.7rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.mw-table th,.mw-table td{padding:1rem;text-align:left;vertical-align:middle}
.mw-table th{white-space:nowrap}
.mw-table tbody tr{border-top:1px solid #f1f5f9}
.mw-table tbody tr:hover{background:#f8fafc}
.dark .mw-table thead{background:#10223a;color:#a7bacf}
.dark .mw-table tbody tr{border-color:#35506b}
.dark .mw-table tbody tr:hover{background:rgba(16,34,58,.55)}
.mw-table td[colspan]{padding:2.5rem;text-align:center;color:#64748b}
.storage-ring{width:116px;height:116px;flex:none;display:grid;place-items:center;border-radius:50%;background:conic-gradient(#2563eb var(--usage),rgba(148,163,184,.18) 0);position:relative}
.storage-ring:before{content:"";position:absolute;inset:9px;border-radius:50%;background:#fff}
.dark .storage-ring:before{background:#13273f}
.storage-ring>div{z-index:1;text-align:center}
.storage-ring strong,.storage-ring span{display:block}
.storage-ring strong{font-size:1.35rem;font-weight:900}
.storage-ring span{font-size:.7rem;color:#64748b}
.dark .storage-ring span{color:#a7bacf}