/**
 * Dark SCM pages: base typography −2px (14px root) and readable muted/helper text.
 * Loaded by scmx-shell.js (scmx-shell-page) and linked on standalone transport master pages.
 */
html.scmx-dark-ui,
body.scmx-dark-ui,
body.scmx-shell-page {
  font-size: 14px;
}

/* Bootstrap muted/secondary are too dark on #0f1117 backgrounds */
body.scmx-dark-ui .text-muted,
body.scmx-shell-page .text-muted,
body.scmx-dark-ui .text-secondary,
body.scmx-shell-page .text-secondary {
  color: #94a3b8 !important;
}

body.scmx-dark-ui .form-text,
body.scmx-shell-page .form-text {
  color: #94a3b8 !important;
}

body.scmx-dark-ui label,
body.scmx-dark-ui label.small,
body.scmx-dark-ui .form-label,
body.scmx-shell-page label,
body.scmx-shell-page label.small,
body.scmx-shell-page .form-label {
  color: #cbd5e1;
  font-size: 0.8125rem;
}

body.scmx-dark-ui .form-control,
body.scmx-dark-ui .form-select,
body.scmx-shell-page .form-control,
body.scmx-shell-page .form-select {
  background: #0f1524;
  border-color: #334155;
  color: #e2e8f0;
  font-size: 0.8125rem;
}

body.scmx-dark-ui .form-control::placeholder,
body.scmx-shell-page .form-control::placeholder {
  color: #64748b;
}

body.scmx-dark-ui .btn,
body.scmx-shell-page .btn {
  font-size: 0.8125rem;
}

body.scmx-dark-ui .btn-sm,
body.scmx-shell-page .btn-sm {
  font-size: 0.75rem;
}

body.scmx-dark-ui .small,
body.scmx-dark-ui small,
body.scmx-shell-page .small,
body.scmx-shell-page small {
  font-size: 0.75rem;
}

body.scmx-dark-ui h1,
body.scmx-dark-ui .h1,
body.scmx-shell-page h1,
body.scmx-shell-page .h1 {
  font-size: 1.25rem;
}

body.scmx-dark-ui h2,
body.scmx-dark-ui .h2,
body.scmx-shell-page h2,
body.scmx-shell-page .h2 {
  font-size: 1.125rem;
}

body.scmx-dark-ui h3,
body.scmx-dark-ui .h3,
body.scmx-shell-page h3,
body.scmx-shell-page .h3 {
  font-size: 1rem;
}

body.scmx-dark-ui h4,
body.scmx-dark-ui .h4,
body.scmx-dark-ui h5,
body.scmx-dark-ui .h5,
body.scmx-dark-ui h6,
body.scmx-dark-ui .h6,
body.scmx-shell-page h4,
body.scmx-shell-page .h4,
body.scmx-shell-page h5,
body.scmx-shell-page .h5,
body.scmx-shell-page h6 {
  font-size: 0.875rem;
}

body.scmx-dark-ui .page-hero p,
body.scmx-dark-ui .hero p,
body.scmx-shell-page .page-hero p:not(.lead) {
  color: #94a3b8 !important;
}

body.scmx-dark-ui .page-hero p strong,
body.scmx-dark-ui .hero p strong {
  color: #e2e8f0;
}

body.scmx-dark-ui .alert,
body.scmx-shell-page .alert {
  font-size: 0.8125rem;
}

body.scmx-dark-ui .matrix,
body.scmx-dark-ui table.table {
  font-size: 0.75rem;
}

body.scmx-dark-ui .matrix th {
  color: #b6c5d8;
}

body.scmx-dark-ui .empty-state {
  color: #94a3b8 !important;
}

body.scmx-dark-ui .panel,
body.scmx-dark-ui #tmLandChargeablePanelBody {
  font-size: 0.8125rem;
}

body.scmx-dark-ui #tmLandChargeablePanelBody dt.text-muted {
  color: #94a3b8 !important;
}

body.scmx-dark-ui #tmLandChargeablePanelBody dd {
  color: #e2e8f0;
}

body.scmx-dark-ui code,
body.scmx-shell-page code {
  color: #7dd3fc;
  font-size: 0.9em;
}

body.scmx-dark-ui .page-lead code,
body.scmx-dark-ui .page-hero code {
  color: #a5f3fc;
}