/* RFM Tutor UI — dark skin for Tutor core frontend modals (2026-08-16).
   Tutor's own modals (course review popup after completion, etc.) ship white;
   on course/lesson pages no dashboard skin loads, so they clashed with the
   dark theme. Scoped to .tutor-modal so admin screens are untouched. */
.tutor-modal .tutor-modal-window,
.tutor-modal .tutor-modal-content {
  background: var(--rfmtui-surface, #14101f) !important;
  color: var(--rfmtui-text, #efeaff) !important;
  border: 1px solid var(--rfmtui-line, #2c2540);
  border-radius: 16px;
}
.tutor-modal .tutor-modal-content .tutor-modal-header,
.tutor-modal .tutor-modal-content .tutor-modal-footer {
  background: transparent !important;
  border-color: var(--rfmtui-line, #2c2540) !important;
}
.tutor-modal h1, .tutor-modal h2, .tutor-modal h3, .tutor-modal h4,
.tutor-modal p, .tutor-modal label, .tutor-modal span, .tutor-modal div {
  color: inherit;
}
.tutor-modal textarea,
.tutor-modal input[type="text"],
.tutor-modal input[type="email"],
.tutor-modal select {
  background: var(--rfmtui-surface-2, #171226) !important;
  color: var(--rfmtui-text, #efeaff) !important;
  border: 1px solid var(--rfmtui-line, #2c2540) !important;
  border-radius: 8px;
}
.tutor-modal textarea::placeholder { color: var(--rfmtui-text-2, #a79ec4); }
.tutor-modal .tutor-btn.tutor-btn-primary {
  background: var(--rfmtui-accent, #8b5cf6) !important;
  border-color: var(--rfmtui-accent, #8b5cf6) !important;
  color: #fff !important;
}
.tutor-modal .tutor-btn.tutor-btn-outline-primary,
.tutor-modal .tutor-btn.tutor-btn-ghost {
  background: transparent !important;
  color: var(--rfmtui-text, #efeaff) !important;
  border-color: var(--rfmtui-line, #2c2540) !important;
}
.tutor-modal .tutor-iconic-btn,
.tutor-modal .tutor-modal-close,
.tutor-modal .tutor-modal-close-o {
  color: var(--rfmtui-text-2, #a79ec4) !important;
}
/* star rating keeps its gold — just make sure empty stars stay visible */
.tutor-modal .tutor-ratings .tutor-icon-star-line { color: var(--rfmtui-text-2, #a79ec4); }