/* v24.11.06 – Campusweit einheitliche Header-Chips; Typografie exakt an Teilnehmer-Chips angeglichen. */

/* Gruppen verhalten sich überall wie die Teilnehmerverwaltung: kompakt, horizontal, umbrechbar. */
#orCampusApp .or-campus-practice-metrics-v2490,
#orCampusApp .or-campus-role-hero-facts.v3813,
#orCampusApp .or-campus-student-hero-stats-v750,
#orCampusApp .or-campus-case-hero-metrics-v24100,
#orCampusApp .or-campus-training-hero-badges-v24937,
#orCampusApp .or-campus-evidence-hero-metrics-v24944,
#orCampusApp .or-campus-hero-pills-v741{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  min-width:0!important;
}

/* Statische Kennzahlen-/Infochips in dunklen Headern. */
#orCampusApp .or-campus-practice-metrics-v2490 > span,
#orCampusApp .or-campus-role-hero-facts.v3813 > span,
#orCampusApp .or-campus-student-hero-stats-v750 > span,
#orCampusApp .or-campus-case-hero-metrics-v24100 > span,
#orCampusApp .or-campus-training-hero-badges-v24937 > span,
#orCampusApp .or-campus-evidence-hero-metrics-v24944 > span,
#orCampusApp .or-campus-hero-pills-v741 > span,
#orCampusApp .or-campus-calendar-count-pill-v821,
#orCampusApp .or-campus-media-hero-v510 > span,
#orCampusApp .or-campus-media-hero-v520 > span,
#orCampusApp .or-campus-media-hero-v530 > span,
#orCampusApp .or-campus-dashboard-scope-v741,
#orCampusApp .or-campus-role-dashboard-v390 .or-campus-dashboard-scope-v740 > span,
#orCampusApp .or-campus-hero .or-campus-pill,
#orCampusApp .or-campus-modern-hero .or-campus-pill,
.ccm-page #orCampusApp .or-campus-hero .or-campus-pill,
#orCampusApp .or-campus-course-detail-hero .or-campus-course-detail-meta > span,
#orCampusApp .or-campus-course-status-pill{
  display:inline-flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  width:auto!important;
  min-width:0!important;
  min-height:34px!important;
  height:auto!important;
  margin:0!important;
  padding:7px 12px!important;
  border:1px solid #dce5ee!important;
  border-radius:999px!important;
  background:#fff!important;
  background-image:none!important;
  color:#223044!important;
  box-shadow:none!important;
  text-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  font-size:13px!important;
  font-weight:600!important;
  line-height:inherit!important;
  letter-spacing:inherit!important;
  text-transform:none!important;
  white-space:nowrap!important;
  opacity:1!important;
}

/* Zahlen und Beschriftungen übernehmen exakt die Typografie des jeweiligen Chips.
   Das entspricht dem bewährten Text-Reset der Teilnehmerverwaltung und neutralisiert
   insbesondere zusätzliche span-/dvaccess-text-Wrapper. */
#orCampusApp .or-campus-practice-metrics-v2490 > span > strong,
#orCampusApp .or-campus-practice-metrics-v2490 > span > span,
#orCampusApp .or-campus-practice-metrics-v2490 > span .dvaccess-text,
#orCampusApp .or-campus-role-hero-facts.v3813 > span > strong,
#orCampusApp .or-campus-role-hero-facts.v3813 > span > small,
#orCampusApp .or-campus-role-hero-facts.v3813 > span > span,
#orCampusApp .or-campus-role-hero-facts.v3813 > span .dvaccess-text,
#orCampusApp .or-campus-student-hero-stats-v750 > span > strong,
#orCampusApp .or-campus-student-hero-stats-v750 > span > small,
#orCampusApp .or-campus-student-hero-stats-v750 > span > span,
#orCampusApp .or-campus-student-hero-stats-v750 > span .dvaccess-text,
#orCampusApp .or-campus-case-hero-metrics-v24100 > span > strong,
#orCampusApp .or-campus-case-hero-metrics-v24100 > span > span,
#orCampusApp .or-campus-case-hero-metrics-v24100 > span .dvaccess-text,
#orCampusApp .or-campus-training-hero-badges-v24937 > span > strong,
#orCampusApp .or-campus-training-hero-badges-v24937 > span > span,
#orCampusApp .or-campus-training-hero-badges-v24937 > span .dvaccess-text,
#orCampusApp .or-campus-evidence-hero-metrics-v24944 > span > strong,
#orCampusApp .or-campus-evidence-hero-metrics-v24944 > span > span,
#orCampusApp .or-campus-evidence-hero-metrics-v24944 > span .dvaccess-text,
#orCampusApp .or-campus-hero-pills-v741 > span > strong,
#orCampusApp .or-campus-hero-pills-v741 > span > small,
#orCampusApp .or-campus-hero-pills-v741 > span > span,
#orCampusApp .or-campus-hero-pills-v741 > span .dvaccess-text,
#orCampusApp .or-campus-calendar-count-pill-v821 > span,
#orCampusApp .or-campus-calendar-count-pill-v821 .dvaccess-text,
#orCampusApp .or-campus-media-hero-v510 > span > span,
#orCampusApp .or-campus-media-hero-v510 > span .dvaccess-text,
#orCampusApp .or-campus-media-hero-v520 > span > span,
#orCampusApp .or-campus-media-hero-v520 > span .dvaccess-text,
#orCampusApp .or-campus-media-hero-v530 > span > span,
#orCampusApp .or-campus-media-hero-v530 > span .dvaccess-text,
#orCampusApp .or-campus-dashboard-scope-v741 > span,
#orCampusApp .or-campus-dashboard-scope-v741 .dvaccess-text,
#orCampusApp .or-campus-role-dashboard-v390 .or-campus-dashboard-scope-v740 > span > span,
#orCampusApp .or-campus-role-dashboard-v390 .or-campus-dashboard-scope-v740 > span .dvaccess-text,
#orCampusApp .or-campus-hero .or-campus-pill > span,
#orCampusApp .or-campus-hero .or-campus-pill .dvaccess-text,
#orCampusApp .or-campus-modern-hero .or-campus-pill > span,
#orCampusApp .or-campus-modern-hero .or-campus-pill .dvaccess-text,
.ccm-page #orCampusApp .or-campus-hero .or-campus-pill > span,
.ccm-page #orCampusApp .or-campus-hero .or-campus-pill .dvaccess-text,
#orCampusApp .or-campus-course-detail-hero .or-campus-course-detail-meta > span > strong,
#orCampusApp .or-campus-course-detail-hero .or-campus-course-detail-meta > span > span,
#orCampusApp .or-campus-course-detail-hero .or-campus-course-detail-meta > span .dvaccess-text,
#orCampusApp .or-campus-course-status-pill > span,
#orCampusApp .or-campus-course-status-pill .dvaccess-text{
  display:inline!important;
  min-width:0!important;
  min-height:0!important;
  width:auto!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:inherit!important;
  font:inherit!important;
  line-height:inherit!important;
  letter-spacing:inherit!important;
  text-decoration:inherit!important;
  text-transform:inherit!important;
  opacity:1!important;
}

/* Bereits vorhandene Listen-/Navigationschips ebenfalls wirklich deckend, nicht halbtransparent. */
#orCampusApp .or-campus-participant-pill,
#orCampusApp .or-campus-course-list-pill,
#orCampusApp .or-campus-quiz-list-pill,
#orCampusApp .or-campus-media-pill-v538,
#orCampusApp .or-campus-course-hero-chip{
  border:1px solid #dce5ee!important;
  background:#fff!important;
  background-image:none!important;
  color:#223044!important;
  box-shadow:none!important;
  text-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

/* Aktive Auswahl bleibt wie in der Teilnehmerverwaltung dunkel. */
#orCampusApp .or-campus-participant-pill.active,
#orCampusApp .or-campus-course-list-pill.active,
#orCampusApp .or-campus-quiz-list-pill.active,
#orCampusApp .or-campus-media-pill-v538.active,
#orCampusApp .or-campus-course-hero-chip.active{
  border-color:#071827!important;
  background:#071827!important;
  color:#fff!important;
}
#orCampusApp .or-campus-course-hero-chip.active b,
#orCampusApp .or-campus-course-hero-chip.active .dvaccess-text{
  color:#fff!important;
}

/* Keine zweite Typografieebene für <strong>/<small>: Zahl und Beschriftung bleiben
   exakt in derselben Schriftstärke wie der Chip selbst (wie Teilnehmerverwaltung). */
#orCampusApp .or-campus-practice-metrics-v2490 strong,
#orCampusApp .or-campus-role-hero-facts.v3813 strong,
#orCampusApp .or-campus-role-hero-facts.v3813 small,
#orCampusApp .or-campus-student-hero-stats-v750 strong,
#orCampusApp .or-campus-student-hero-stats-v750 small,
#orCampusApp .or-campus-case-hero-metrics-v24100 strong,
#orCampusApp .or-campus-training-hero-badges-v24937 strong,
#orCampusApp .or-campus-evidence-hero-metrics-v24944 strong{
  font:inherit!important;
  line-height:inherit!important;
  letter-spacing:inherit!important;
  color:inherit!important;
  margin:0!important;
}

/* Profil-Statuschips: ebenfalls keine Glasoptik, Statusfarbe aber weiterhin eindeutig. */
#orCampusApp .or-campus-profile22-status > span{
  border:1px solid #dce5ee!important;
  background:#fff!important;
  color:#223044!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
#orCampusApp .or-campus-profile22-status > span.is-active{
  border-color:#bbf7d0!important;
  background:#ecfdf5!important;
  color:#166534!important;
}
#orCampusApp .or-campus-profile22-status > span.is-inactive{
  border-color:#fecaca!important;
  background:#fef2f2!important;
  color:#991b1b!important;
}

@media(max-width:900px){
  #orCampusApp .or-campus-practice-metrics-v2490,
  #orCampusApp .or-campus-role-hero-facts.v3813,
  #orCampusApp .or-campus-student-hero-stats-v750,
  #orCampusApp .or-campus-case-hero-metrics-v24100,
  #orCampusApp .or-campus-training-hero-badges-v24937,
  #orCampusApp .or-campus-evidence-hero-metrics-v24944,
  #orCampusApp .or-campus-hero-pills-v741{
    justify-content:flex-start!important;
    width:100%!important;
  }
}