/* Shared matchmaking/report palette. Loaded by public and dashboard report views. */
.mm-page,
.mr-page,
.match-report-editor {
  color: var(--ink);
}
.mm-page .mm-form,
.mm-page .mm-panel,
.mm-page .mm-trust-row,
.mm-page .mm-assurance span,
.mm-page .mm-report-list,
.mr-page .mr-card,
.mr-page .mr-score-band,
.mr-page .mr-key,
.match-report-editor {
  background: var(--surface) !important;
  color: var(--ink);
  border-color: var(--rule);
}
.mm-page .mm-panel,
.mm-page .mm-form,
.mr-page .mr-card {
  box-shadow: var(--shadow-sm);
}
.mm-page .k-submit,
.mm-page .mm-hero-cta,
.mm-page .mm-signup-link,
.mr-page .mr-cta-btn,
.mr-page .mr-action-bar .btn-primary {
  background: var(--saffron) !important;
  color: var(--on-accent) !important;
  border-color: var(--saffron) !important;
  box-shadow: var(--button-shadow);
}
.mm-page .k-submit:hover,
.mm-page .mm-hero-cta:hover,
.mm-page .mm-signup-link:hover,
.mr-page .mr-cta-btn:hover,
.mr-page .mr-action-bar .btn-primary:hover {
  background: var(--saffron-dark) !important;
  border-color: var(--saffron-dark) !important;
  color: var(--on-accent) !important;
}
.mm-page .k-field input,
.mm-page .k-field select {
  background: var(--control-bg) !important;
  color: var(--control-ink) !important;
  border-color: var(--control-border) !important;
}
.mm-page .mm-steps span,
.mm-page .mm-report-list > div span,
.mr-page .mr-nak,
.mr-page .mr-key {
  background: var(--surface-soft) !important;
  color: var(--ink) !important;
  border-color: var(--rule) !important;
}
.mm-page .mm-steps span.is-active,
.mr-page .mr-key-good { background: var(--saffron-wash) !important; }
.mm-page .mm-steps span.is-active { color: var(--saffron-dark) !important; }
.mr-page .mr-koota,
.mr-page .mr-person-card,
.mr-page .mr-mini-table tr:nth-child(even) {
  background: var(--surface-soft) !important;
  border-color: var(--rule) !important;
}
.mr-page .mr-koota-name,
.mr-page .mr-koota-score,
.mr-page .mr-mini-name,
.mr-page .mr-total-row strong { color: var(--ink) !important; }
.mr-page .mr-koota-insight,
.mr-page .mr-koota-max,
.mr-page .mr-total-row { color: var(--muted) !important; }
@media (max-width: 700px) {
  .mm-page .mm-form { border-radius: var(--radius); }
  .mr-page .mr-action-bar { align-items: stretch; }
  .mr-page .mr-action-bar a { justify-content: center; }
}