.usage-view, .usage-view * { min-width: 0; }
.usage-view .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; }
.usage-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin: 18px 0; }
.usage-card { padding: 18px; background: #fff; border: 1px solid #d8e2e9; border-radius: 12px; }
.usage-card h3 { font-size: 13px; color: #43586a; margin: 0 0 12px; }
.usage-value { font-size: 25px; font-weight: 700; color: #182b3d; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.usage-note { color: #43586a; line-height: 1.65; font-size: 13px; overflow-wrap: anywhere; }
.usage-panel { margin-top: 16px; }
.usage-panel > .usage-note, .usage-inventory { padding: 0 18px; }
.usage-inventory { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 12px; }
.usage-inventory dd { margin: 0; overflow-wrap: anywhere; }
.usage-filters { display: flex; align-items: end; gap: 12px; flex-wrap: wrap; margin: 16px 0; }
.usage-filters label { min-width: 0; max-width: 100%; display: grid; gap: 8px; color: #43586a; font-size: 13px; }
.usage-filters input, .usage-filters select { min-width: 0; max-width: 100%; min-height: 44px; padding: 9px; border: 1px solid #8b9cab; border-radius: 8px; background: #fff; color: #182b3d; font: inherit; }
.usage-filters input:focus-visible, .usage-filters select:focus-visible { outline: 3px solid #b47822; outline-offset: 2px; }
.usage-filters input:disabled { opacity: .6; }
.usage-panel h3 { padding: 0 18px; }
.usage-panel td small { display: block; font-size: 12px; line-height: 1.5; }
#usage-filter-error { flex-basis: 100%; color: #872c35; margin: 0; }
@media (max-width: 1024px) { .usage-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) { .usage-cards, .usage-inventory { grid-template-columns: 1fr; } .usage-filters label, .usage-filters .button { width: 100%; } .usage-filters input, .usage-filters select { width: 100%; box-sizing: border-box; } }