dialog.quota-dialog { width: min(1200px, calc(100vw - 32px)); max-width: none; }
.quota-dialog .modal-body { display: block; }
.quota-heading { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 20px; }
.quota-heading > p { margin: 0; font-size: 12px; overflow-wrap: anywhere; }
.quota-detail .metric-grid { margin-bottom: 18px; }
.quota-detail .metric strong { font-size: 36px; }
.quota-detail .table-wrap { overflow-x: auto; }
.quota-detail .mono { font-size: 11px; }
.quota-note { font-size: 12px; margin-bottom: 0; }
#api-endpoint { margin: 8px 0 0; font-size: 11px; overflow-wrap: anywhere; }
@media (max-width: 720px) {
  .quota-heading { flex-direction: column; align-items: flex-start; }
  .quota-detail .metric-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
