/* QPal sidebar destinations: Admin Access-style eyebrow and title hierarchy.
   Scope is intentionally limited to the requested dashboard destinations. */

:where(
  .user-profile-dialog .user-profile-eyebrow,
  .qpal-shared-library-dialog .qpal-shared-library-eyebrow,
  .mistakes-review-modal .mistakes-review-modal-header > div > span,
  .quick-tip-popup-dialog .quick-tip-popup-eyebrow,
  .game-container.subject-insights-view .subject-insights-eyebrow,
  .game-container.mock-board-history-view .qpal-mock-history-header > div > span,
  .qpal-tts-dialog .qpal-tts-kicker
) {
  display: block;
  margin: 0 0 8px !important;
  color: var(--accent) !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.9px !important;
  text-transform: uppercase !important;
}

:where(
  .user-profile-dialog .user-profile-title,
  .qpal-shared-library-dialog .qpal-shared-library-header h2,
  .mistakes-review-modal .mistakes-review-modal-header h2,
  .quick-tip-popup-dialog .quick-tip-popup-title,
  .game-container.subject-insights-view .subject-insights-title,
  .game-container.mock-board-history-view .qpal-mock-history-header h2,
  .qpal-tts-dialog .qpal-tts-header h2
) {
  display: block;
  margin: 0 0 10px !important;
  color: var(--text-primary) !important;
  font-size: 21px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  letter-spacing: normal !important;
  text-transform: none !important;
}

.user-profile-dialog .user-profile-header {
  align-items: flex-start;
}

.user-profile-dialog .qpal-profile-heading-copy,
.quick-tip-popup-dialog .quick-tip-popup-heading > div:last-child {
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.user-profile-dialog .user-profile-title,
.quick-tip-popup-dialog .quick-tip-popup-title {
  margin-bottom: 0 !important;
}

.game-container.subject-insights-view .subject-insights-heading {
  margin: 0 0 16px;
  text-align: left;
}

.game-container.subject-insights-view .subject-insights-title {
  margin-bottom: 0 !important;
}

@media (max-width: 480px) {
  :where(
    .user-profile-dialog .user-profile-title,
    .qpal-shared-library-dialog .qpal-shared-library-header h2,
    .mistakes-review-modal .mistakes-review-modal-header h2,
    .quick-tip-popup-dialog .quick-tip-popup-title,
    .game-container.subject-insights-view .subject-insights-title,
    .game-container.mock-board-history-view .qpal-mock-history-header h2,
    .qpal-tts-dialog .qpal-tts-header h2
  ) {
    font-size: 20px !important;
  }
}