/**
 * ------------------------------
 * tl-dashboard-quizzes.css
 * ------------------------------
 * @purpose
 * Tutor LMSダッシュボード内のQuiet Test結果一覧ページ用css
 *
 * @pages
 * ・Quiet Test結果一覧ページ
 *
 * @note
 * ・講座名リンクをグレー背景のタグ形式で表示
 * ・講座名を標準書体（非斜体）で表示
 *
 * @version
 * 1.0.1
 */

/**
 * ----------------------------------------
 *  # 講座名タグ [pc,sp]
 * ----------------------------------------
 */
body.wm-dashboard-quizzes-page
  .tutor-quiz-item-info-course.wm-dashboard-quizzes-course {
  display: flex;
  align-items: center;
  min-width: 0;
}

body.wm-dashboard-quizzes-page
  .wm-dashboard-quizzes-course
  > .tutor-preview-trigger {
  display: inline-flex;
  max-width: 100%;
}

body.wm-dashboard-quizzes-page
  .wm-dashboard-quizzes-course
  .tutor-preview-trigger-text {
  display: inline-block;
  max-width: 100%;
  padding: 4px 10px;
  border-radius: 4px;
  background: #eef1f4;
  color: #555d66;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.4;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  box-sizing: border-box;
  transition: background-color 0.2s ease, color 0.2s ease;
}

body.wm-dashboard-quizzes-page
  .wm-dashboard-quizzes-course
  .tutor-preview-trigger-text:hover,
body.wm-dashboard-quizzes-page
  .wm-dashboard-quizzes-course
  .tutor-preview-trigger-text:focus-visible {
  background: #dfe4e8;
  color: #343a40;
}