.usage-panel{grid-column:1/-1;min-width:0}.usage-panel[hidden]{display:none!important}.usage-panel .section-head{gap:18px}.usage-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:22px 0 18px}.usage-filters label{display:grid;gap:6px;color:var(--muted,#455073);font-size:12px;font-weight:700}.usage-filters input,.usage-filters select{box-sizing:border-box;min-width:0;width:100%;border:1px solid #d9dee8;border-radius:7px;background:#fff;padding:9px 10px;font:13px Roboto,Arial,sans-serif;color:#152550}.usage-filters button,.usage-filters a{justify-self:start;cursor:pointer;min-height:36px}.usage-filters button{border:0}.usage-filters a:not([href]){opacity:.5;pointer-events:none}.usage-panel button:disabled{opacity:.55;cursor:wait}.usage-coverage{margin:0 0 18px;padding:12px 14px;border-left:3px solid #d99a35;background:#fff7e8;border-radius:5px;color:#79511b;font-size:12px;line-height:1.5}.usage-coverage[data-complete=true]{border-color:#159f85;background:#eef9f6;color:#276657}.usage-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:20px 0 28px}.usage-metrics article{padding:16px 12px;border:1px solid #e4e7ed;border-radius:9px;background:#fafbfe;min-width:0}.usage-metrics article:first-child{background:#fff2ee;border-color:#ffd2c4}.usage-metrics span{font-size:11px;font-weight:700;color:#455073;display:block}.usage-metrics strong{display:block;margin:9px 0 7px;font-size:24px;line-height:1.1;letter-spacing:-.7px;color:#152550;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.usage-metrics small{display:block;font-size:10px;line-height:1.5;color:#626d85}.usage-chart-head,.usage-table-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:22px 0 12px}.usage-panel h3{margin:0;color:#152550;font-size:15px}.usage-chart-head>span,.usage-table-head>span{font-size:11px;color:#626d85;display:flex;gap:7px;align-items:center}.usage-chart-head i{width:9px;height:9px;border-radius:2px;display:inline-block}.usage-input-key{background:#27488f}.usage-output-key{background:#ff6b43;margin-left:10px}.usage-chart{width:100%;overflow-x:auto}.usage-chart svg{display:block;width:100%;height:auto;min-width:450px;max-height:230px}.usage-empty{padding:16px;text-align:center;background:#f7f8fb;border-radius:8px;color:#626d85;font-size:13px}.usage-empty[hidden]{display:none}.usage-table-wrap{overflow-x:auto}.usage-panel table{width:100%;border-collapse:collapse;font-size:12px}.usage-panel th{padding:11px 10px;color:#58647c;font-size:10px;text-transform:uppercase;letter-spacing:.4px;text-align:right;background:#f6f7fa}.usage-panel th:first-child,.usage-panel td:first-child{text-align:left}.usage-panel td{padding:12px 10px;border-bottom:1px solid #edf0f4;text-align:right;color:#243652;font-variant-numeric:tabular-nums;vertical-align:top}.usage-panel td:first-child{min-width:200px}.usage-panel td strong{font-size:12px}.usage-panel td small{display:block;margin-top:5px;color:#738097;font-size:10px;overflow-wrap:anywhere}.usage-details{margin-top:20px;border-top:1px solid #e4e7ed;padding-top:16px}.usage-details summary{cursor:pointer;font-size:12px;font-weight:700;color:#27488f}.usage-sources{display:flex;gap:9px;flex-wrap:wrap;padding:12px 0}.usage-source{padding:7px 10px;border-radius:6px;background:#f5f6fa;font-size:11px;color:#58647c}.usage-source[data-active=true]{color:#247563;background:#edf7f3}.usage-state{display:inline-block;border-radius:999px;padding:4px 8px;font-size:10px;white-space:nowrap;background:#f0f2f7;color:#52617c}.usage-state[data-state=completed]{background:#e8f6f0;color:#1c7860}.usage-state[data-state=failed],.usage-state[data-state=incomplete],.usage-state[data-state=unknown]{background:#fff1e6;color:#a65e20}.usage-note{margin-top:18px;max-width:95ch;font-size:11px;line-height:1.6}.usage-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:1050px){.usage-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:650px){.usage-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.usage-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.usage-metrics article:first-child{grid-column:1/-1}.usage-metrics strong{font-size:24px}.usage-chart-head,.usage-table-head{align-items:flex-start;flex-direction:column}.usage-panel{padding:15px}.usage-chart svg{min-width:400px}}