#usageArea{padding:0 16px 16px}
.usage-block{padding:14px 0}.usage-block+.usage-block{border-top:1px solid #dfe7f1}
.usage-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.usage-heading h3{margin:0;font-size:16px}.usage-muted{color:#667895;font-size:12px}
.usage-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.usage-kpis article,.quota-card{border:1px solid #d7e1ed;border-top:3px solid #1592e6;border-radius:10px;background:#fff;padding:12px;min-width:0}
.usage-kpis span{display:block;color:#63748e;font-size:12px;margin-bottom:8px}.usage-kpis strong{font-size:21px;color:#10203e}
.monthly-minutes-chart{display:grid;gap:7px;margin-top:14px}
.month-row{display:grid;grid-template-columns:74px minmax(120px,1fr) 82px;gap:10px;align-items:center;font-size:12px}
.month-bars{height:18px;border-radius:5px;overflow:hidden;background:#eef3f8;display:flex}
.month-bars span{display:block;height:100%;min-width:0}.month-internal{background:#7259d9}.month-inbound{background:#1592e6}.month-outbound{background:#22ad79}
.month-value{text-align:right;font-weight:700}.chart-legend{display:flex;gap:18px;flex-wrap:wrap;font-size:12px;color:#566984}
.chart-legend i{display:inline-block;width:9px;height:9px;border-radius:2px;margin-right:5px}
.transcription-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:12px}
.quota-title,.quota-meta{display:flex;justify-content:space-between;gap:12px}.quota-title strong{font-size:20px}.quota-meta{font-size:12px;color:#63748e}
.quota-track{height:10px;background:#edf2f7;border-radius:10px;overflow:hidden;margin:12px 0}.quota-track span{display:block;height:100%;background:#1592e6;border-radius:10px}
.quota-track span.warning{background:#f3a000}.quota-track span.critical{background:#ef4651}
.transcription-kpis{grid-template-columns:repeat(5,minmax(0,1fr));margin-top:10px}.transcription-kpis strong{font-size:17px}
.transcription-alert{padding:10px 12px;border-radius:8px;margin-bottom:12px;background:#fff0d3;color:#7a4a00;border:1px solid #f0c96e;font-weight:700}
.transcription-alert.critical{background:#ffe4e6;color:#9e1c28;border-color:#f0a2aa}
@media(max-width:1000px){.usage-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.transcription-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){#usageArea{padding:0 10px 10px}.usage-kpis,.transcription-grid,.transcription-kpis{grid-template-columns:1fr}.month-row{grid-template-columns:62px minmax(90px,1fr) 72px}.usage-heading{align-items:flex-start;flex-direction:column}}