/* Inline-style sweep (#91). Static style="..." attributes are governed by
   style-src-attr, which a CSP nonce cannot authorise — so under the
   nonce-based style-src (csp_style_nonce flag) every inline attribute must
   become a class. Keep this file the landing spot for one-off rules swept
   out of templates; do not add new style= attributes to templates. */

/* Table column widths — templates/var/valuation-positions.html */
.col-w-2rem { width: 2rem; }
.col-w-2_5rem { width: 2.5rem; }
.col-w-4rem { width: 4rem; }
.col-w-5rem { width: 5rem; }
.col-w-6rem { width: 6rem; }
.col-w-7rem { width: 7rem; }
.col-w-8rem { width: 8rem; }
.col-w-12rem { width: 12rem; }
.col-w-16rem { width: 16rem; }
.col-w-20rem { width: 20rem; }

/* Scrollable JSON payload viewer — templates/var/valuation-cost.html */
.payload-pre {
  max-height: 400px;
  overflow-y: auto;
  white-space: pre-wrap;
  word-break: break-all;
}

/* Pull wizard footer nav up under the step body — templates/var/base_wizard.html */
.wizard-step-nudge { margin-top: -0.4rem; }

/* Fixed-size avatar circle — templates/groups/list.html */
.avatar-circle-48 {
  width: 48px;
  height: 48px;
}

/* Staff sync-status cards — templates/pages/staff/sync_status.html */
.varial-status-card {
  border-color: var(--varial-card-border);
  border-radius: var(--varial-card-radius);
}

.varial-status-card-header {
  border-bottom: 1px solid var(--varial-border);
}

/* Section label above usage charts — templates/credits/dashboard.html */
.usage-analytics-label {
  font-size: 0.75rem;
  letter-spacing: 0.05em;
}