/* ------------------------------------------------------------------
 * CSP-safe styles for the usage pages.
 *
 * These rules replace inline style="..." attributes that used to be
 * baked into the HTML strings built by:
 *   public/assets/app-js/usage-new.js
 *   public/assets/app-js/usage.js
 *
 * A Content-Security-Policy with `style-src 'self'` (no 'unsafe-inline')
 * blocks style attributes in parsed/injected markup, so every STATIC
 * declaration was extracted here. Values that depend on runtime data
 * (progress-bar widths, chart legend/tooltip colours) cannot become
 * static classes; those are carried on data-csp-* attributes and applied
 * through the CSSOM via jQuery .css(), which CSP does not block.
 * ------------------------------------------------------------------ */

/* usage-new.js -> emptyMsg(): was style="margin: 75px 25px 65px 25px;" */
.csp-usage-empty-row {
    margin: 75px 25px 65px 25px;
}

/* usage-new.js -> getCurrentUsageCard(): table header column widths */
.csp-usage-w10 {
    width: 10%;
}

.csp-usage-w25 {
    width: 25%;
}

.csp-usage-w30 {
    width: 30%;
}

/* usage-new.js -> getCurrentUsageApiCard(): table body cell widths.
   The original inline declarations carried !important; preserved here. */
.csp-usage-w10-i {
    width: 10% !important;
}

.csp-usage-w25-i {
    width: 25% !important;
}

/* usage.js -> onTabChange(): was style="width:100%" on the loading overlay */
.csp-usage-loading-full-width {
    width: 100%;
}