.usage-toolbar{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin:24px 0}.usage-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.usage-metric{padding:22px;min-width:0}.usage-value{display:block;font-size:29px;letter-spacing:-1px;overflow-wrap:anywhere;margin:18px 0 12px}.usage-metric .form-note{margin:0}.usage-notes{margin-top:20px}.usage-notes .text-link{font-size:12px}.usage-notes h2{margin-bottom:16px}.usage-pending{padding:10px 0}.usage-breakdown{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.usage-purpose h3{font-size:16px;margin-bottom:12px}.usage-purpose-cost{display:block;font-size:24px;overflow-wrap:anywhere}.usage-request-list{display:grid;gap:12px}.usage-request{padding:20px}.usage-request-header{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.usage-request-header>strong{font-size:13px;min-width:0;overflow-wrap:anywhere}.usage-request-header .kb-badge{flex-shrink:0}.usage-request-values{display:flex;align-items:center;gap:18px;flex-wrap:wrap;font-size:12px}.usage-request-values>strong{margin-left:auto;font-size:17px}.usage-days{display:grid;gap:15px}.usage-day{display:grid;grid-template-columns:90px 1fr 85px;align-items:center;gap:16px;font-size:12px}.usage-day>strong{text-align:right}.usage-day-track{background:var(--soft);height:9px;border-radius:8px}.usage-day-bar{background:#93a66d;height:100%;border-radius:8px}.usage-prices{margin-top:30px;font-size:12px}.usage-prices summary{cursor:pointer;font-weight:600}.usage-prices h3{font-size:15px;margin-top:20px}.usage-prices .text-link{font-size:12px}
@media(max-width:1000px){.usage-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
.usage-purpose h3,.usage-request>.form-note,.usage-prices h3{overflow-wrap:anywhere}.usage-request{min-width:0}
@media(max-width:700px){.usage-toolbar{gap:12px}.usage-toolbar>.filter-group{flex-wrap:wrap}.usage-metric{padding:18px}.usage-value{font-size:24px}.usage-breakdown{grid-template-columns:1fr}.usage-request-header{flex-wrap:wrap;gap:10px}.usage-request-values{gap:10px}.usage-day{grid-template-columns:75px 1fr 80px;gap:8px;font-size:10px}.navigation{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;overflow-x:auto;justify-content:flex-start!important}.navigation>.nav-link{flex:0 0 68px}.usage-prices{padding:20px}}