/* Preview-CSS fuer M-006 Teacher-Dashboard. */

body.single-kompetenzraster {
  --sp-m006-space-base: 1rem;
  --sp-m006-space-xxs: calc(var(--sp-m006-space-base) * 0.5);
  --sp-m006-space-xs: calc(var(--sp-m006-space-base) * 0.75);
  --sp-m006-space-sm: var(--sp-m006-space-base);
  --sp-m006-space-md: calc(var(--sp-m006-space-base) * 1.5);
  --sp-m006-space-lg: calc(var(--sp-m006-space-base) * 2);
  --sp-m006-space-xl: calc(var(--sp-m006-space-base) * 3);
  --sp-m006-text: #000;
  --sp-m006-text-strong: #142434;
  --sp-m006-text-soft: #506477;
  --sp-m006-text-muted: #66798c;
  --sp-m006-border: rgba(0, 0, 0, 0.07);
  --sp-m006-border-strong: rgba(0, 0, 0, 0.12);
  --sp-m006-surface: #fff;
  --sp-m006-surface-soft: #eee;
  --sp-m006-surface-accent: #eee;
  --sp-m006-row-alt: #eee;
  --sp-m006-good-bg: #d9f5e4;
  --sp-m006-good-text: #164f38;
  --sp-m006-info-bg: #dce9f5;
  --sp-m006-info-text: #163b63;
  --sp-m006-warn-bg: #fff1cc;
  --sp-m006-warn-text: #6d4a00;
}

body.single-kompetenzraster #profile_compare_output #multi_compare_ai_assistant_container .teacher_dashboard_section_content {
  display: block;
}

body.single-kompetenzraster #profile_compare_output .sp_teacher_ai_panel {
  display: grid;
  gap: 0.85rem;
  color: var(--sp-m006-text);
}

body.single-kompetenzraster #profile_compare_output .sp_teacher_ai_header,
body.single-kompetenzraster #profile_compare_output .sp_teacher_ai_card {
  border: 1px solid var(--sp-m006-border);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: var(--layer1);
}

body.single-kompetenzraster #profile_compare_output .sp_teacher_ai_header {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.9rem 1rem;
}

body.single-kompetenzraster #profile_compare_output .sp_teacher_ai_header h3,
body.single-kompetenzraster #profile_compare_output .sp_teacher_ai_card h4 {
  margin: 0;
  color: var(--sp-m006-text-strong);
  letter-spacing: 0;
}

body.single-kompetenzraster #profile_compare_output .sp_teacher_ai_header h3 {
  font-size: 1.35rem;
  line-height: 1.2;
}

body.single-kompetenzraster #profile_compare_output .sp_teacher_ai_card h4 {
  font-size: 1rem;
  line-height: 1.25;
}

body.single-kompetenzraster #profile_compare_output .sp_teacher_ai_badges,
body.single-kompetenzraster #profile_compare_output .sp_teacher_ai_class_card header {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
  align-items: center;
}

body.single-kompetenzraster #profile_compare_output .sp_teacher_ai_badges {
  margin-top: 0.45rem;
}

body.single-kompetenzraster #profile_compare_output .sp_teacher_ai_badge,
body.single-kompetenzraster #profile_compare_output .sp_teacher_ai_notice,
body.single-kompetenzraster #profile_compare_output .sp_teacher_ai_metric {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  min-height: 1.9rem;
  padding: 0.28rem 0.65rem;
  border-radius: 999px;
  font-size: 0.9rem;
  font-weight: 700;
  line-height: 1.25;
}

body.single-kompetenzraster #profile_compare_output .sp_teacher_ai_badge_context,
body.single-kompetenzraster #profile_compare_output .sp_teacher_ai_metric {
  border: 1px solid rgba(37, 99, 235, 0.2);
  background: rgba(223, 230, 246, 0.95);
  color: #172554;
}

body.single-kompetenzraster #profile_compare_output .sp_teacher_ai_badge_locked {
  border: 1px solid rgba(245, 158, 11, 0.28);
  background: #fff7ed;
  color: #92400e;
}

body.single-kompetenzraster #profile_compare_output .sp_teacher_ai_badge_goal,
body.single-kompetenzraster #profile_compare_output .sp_teacher_ai_notice {
  border: 1px solid rgba(24, 92, 55, 0.18);
  background: rgba(229, 241, 235, 0.96);
  color: rgb(24, 92, 55);
}

body.single-kompetenzraster #profile_compare_output .sp_teacher_ai_top_grid {
  display: grid;
  grid-template-columns: minmax(33rem, 1.7fr) minmax(22rem, 1fr);
  gap: 0.85rem;
  align-items: stretch;
}

body.single-kompetenzraster #profile_compare_output .sp_teacher_ai_bottom_grid {
  display: grid;
  grid-template-columns: minmax(33rem, 1.7fr) minmax(22rem, 1fr);
  gap: 0.85rem;
  align-items: start;
}

body.single-kompetenzraster #profile_compare_output .sp_teacher_ai_class_card {
  grid-column: 1;
}

body.single-kompetenzraster #profile_compare_output .sp_teacher_ai_feedback_card {
  grid-column: 2;
}

body.single-kompetenzraster #profile_compare_output .sp_teacher_ai_card {
  display: grid;
  align-content: start;
  gap: 0.8rem;
  min-width: 0;
  padding: 0.9rem;
}

body.single-kompetenzraster #profile_compare_output .sp_teacher_ai_card_header {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  align-items: center;
}

body.single-kompetenzraster #profile_compare_output .sp_teacher_ai_switch_card {
  align-content: start;
  gap: 1.1rem;
  padding-top: 3.4rem;
}

body.single-kompetenzraster #profile_compare_output .sp_teacher_ai_switch_card hr {
  width: 100%;
  margin: 0;
  border: 0;
  border-top: 1px solid var(--sp-m006-border-strong);
}

body.single-kompetenzraster #profile_compare_output .sp_teacher_ai_switch {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 0.65rem;
  align-items: center;
  margin: 0;
  font-size: 1rem;
}

body.single-kompetenzraster #profile_compare_output .sp_teacher_ai_switch input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

body.single-kompetenzraster #profile_compare_output .sp_teacher_ai_switch > span {
  position: relative;
  width: 2.75rem;
  height: 1.45rem;
  border-radius: 999px;
  background: #94a3b8;
  box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.16);
}

body.single-kompetenzraster #profile_compare_output .sp_teacher_ai_switch > span::after {
  content: "";
  position: absolute;
  top: 0.16rem;
  left: 0.18rem;
  width: 1.12rem;
  height: 1.12rem;
  border-radius: 50%;
  background: #fff;
  transition: transform 160ms ease;
}

body.single-kompetenzraster #profile_compare_output .sp_teacher_ai_switch input:checked + span {
  background: #159947;
}

body.single-kompetenzraster #profile_compare_output .sp_teacher_ai_switch input:checked + span::after {
  transform: translateX(1.25rem);
}

body.single-kompetenzraster #profile_compare_output .sp_teacher_ai_switch input:disabled + span {
  background: #cbd5e1;
  cursor: not-allowed;
}

body.single-kompetenzraster #profile_compare_output .sp_teacher_ai_switch:has(input:disabled) {
  color: #64748b;
  cursor: not-allowed;
}

body.single-kompetenzraster #profile_compare_output .sp_teacher_ai_panel[data-ai-assistant-active="false"] .sp_teacher_ai_header .sp_teacher_ai_badges,
body.single-kompetenzraster #profile_compare_output .sp_teacher_ai_panel[data-ai-assistant-active="false"] .sp_teacher_ai_card:not(.sp_teacher_ai_tasks_card),
body.single-kompetenzraster #profile_compare_output .sp_teacher_ai_panel[data-ai-assistant-active="false"] .sp_teacher_ai_tasks_card > :not(.sp_teacher_ai_card_header),
body.single-kompetenzraster #profile_compare_output .sp_teacher_ai_panel[data-ai-assistant-active="false"] .sp_teacher_ai_switch_card hr,
body.single-kompetenzraster #profile_compare_output .sp_teacher_ai_panel[data-ai-assistant-active="false"] .sp_teacher_ai_switch_card p,
body.single-kompetenzraster #profile_compare_output .sp_teacher_ai_panel[data-ai-assistant-active="false"] .sp_teacher_ai_switch_card .sp_teacher_ai_notice,
body.single-kompetenzraster #profile_compare_output .sp_teacher_ai_panel[data-ai-assistant-active="false"] .sp_teacher_ai_switch_card .sp_teacher_ai_switch:not(:has(#teacher_ai_assistant_active_toggle)) {
  opacity: 0.58;
  filter: grayscale(0.9) saturate(0.25);
}

body.single-kompetenzraster #profile_compare_output .sp_teacher_ai_panel[data-ai-assistant-active="false"] .sp_teacher_ai_segmented label:has(input:checked),
body.single-kompetenzraster #profile_compare_output .sp_teacher_ai_panel[data-ai-assistant-active="false"] .sp_teacher_ai_stage_mode label:has(input:checked),
body.single-kompetenzraster #profile_compare_output .sp_teacher_ai_panel[data-ai-assistant-active="false"] .sp_teacher_ai_agent_choice:has(input:checked) {
  border-color: var(--sp-m006-border-strong);
  background: #e5e7eb;
  color: #64748b;
}

body.single-kompetenzraster #profile_compare_output .sp_teacher_ai_panel[data-ai-assistant-active="false"] .sp_teacher_ai_agent_icon {
  fill: #64748b;
}

body.single-kompetenzraster #profile_compare_output .sp_teacher_ai_panel[data-ai-assistant-active="false"] button:disabled,
body.single-kompetenzraster #profile_compare_output .sp_teacher_ai_panel[data-ai-assistant-active="false"] select:disabled,
body.single-kompetenzraster #profile_compare_output .sp_teacher_ai_panel[data-ai-assistant-active="false"] textarea:disabled {
  border-color: var(--sp-m006-border-strong);
  background: #f1f5f9;
  color: #64748b;
  cursor: not-allowed;
}

body.single-kompetenzraster #profile_compare_output .sp_teacher_ai_switch input:focus-visible + span,
body.single-kompetenzraster #profile_compare_output .sp_teacher_ai_segmented input:focus-visible + span,
body.single-kompetenzraster #profile_compare_output .sp_teacher_ai_task_agent_toggle input:focus-visible + span,
body.single-kompetenzraster #profile_compare_output .sp_teacher_ai_card button:focus-visible,
body.single-kompetenzraster #profile_compare_output .sp_teacher_ai_card select:focus-visible,
body.single-kompetenzraster #profile_compare_output .sp_teacher_ai_card textarea:focus-visible {
  outline: 3px solid rgba(37, 99, 235, 0.35);
  outline-offset: 2px;
}

body.single-kompetenzraster #profile_compare_output .sp_teacher_ai_segmented label:focus-within,
body.single-kompetenzraster #profile_compare_output .sp_teacher_ai_stage_mode label:focus-within,
body.single-kompetenzraster #profile_compare_output .sp_teacher_ai_stage_values label:focus-within,
body.single-kompetenzraster #profile_compare_output .sp_teacher_ai_agent_choice:focus-within {
  outline: 3px solid rgba(37, 99, 235, 0.35);
  outline-offset: 2px;
}

body.single-kompetenzraster #profile_compare_output .sp_teacher_ai_switch_card p,
body.single-kompetenzraster #profile_compare_output .sp_teacher_ai_agent_card p,
body.single-kompetenzraster #profile_compare_output #teacher_ai_task_mode_hint {
  margin: 0;
  color: var(--sp-m006-text-soft);
  font-size: 0.9rem;
  line-height: 1.35;
}

body.single-kompetenzraster #profile_compare_output .sp_teacher_ai_segmented,
body.single-kompetenzraster #profile_compare_output .sp_teacher_ai_stage_mode {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  padding: 0;
  border: 1px solid var(--sp-m006-border-strong);
  border-radius: 8px;
  overflow: hidden;
}

body.single-kompetenzraster #profile_compare_output .sp_teacher_ai_stage_mode {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

body.single-kompetenzraster #profile_compare_output .sp_teacher_ai_segmented_two {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

body.single-kompetenzraster #profile_compare_output .sp_teacher_ai_segmented legend,
body.single-kompetenzraster #profile_compare_output .sp_teacher_ai_stage_mode legend,
body.single-kompetenzraster #profile_compare_output .sp_teacher_ai_agent_choices legend,
body.single-kompetenzraster #profile_compare_output .sp_teacher_ai_stage_values legend {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}

body.single-kompetenzraster #profile_compare_output .sp_teacher_ai_segmented label,
body.single-kompetenzraster #profile_compare_output .sp_teacher_ai_stage_mode label {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 2.2rem;
  padding: 0.35rem 0.6rem;
  margin: 0;
  border-right: 1px solid var(--sp-m006-border-strong);
  background: #fff;
  color: #172554;
  font-weight: 700;
  text-align: center;
}

body.single-kompetenzraster #profile_compare_output .sp_teacher_ai_segmented label:last-child,
body.single-kompetenzraster #profile_compare_output .sp_teacher_ai_stage_mode label:last-child {
  border-right: 0;
}

body.single-kompetenzraster #profile_compare_output .sp_teacher_ai_segmented label:has(input:checked),
body.single-kompetenzraster #profile_compare_output .sp_teacher_ai_stage_mode label:has(input:checked) {
  background: #1d4ed8;
  color: #fff;
}

body.single-kompetenzraster #profile_compare_output .sp_teacher_ai_segmented input,
body.single-kompetenzraster #profile_compare_output .sp_teacher_ai_stage_mode input {
  position: absolute;
  opacity: 0;
}

body.single-kompetenzraster #profile_compare_output .sp_teacher_ai_task_table,
body.single-kompetenzraster #profile_compare_output .sp_teacher_ai_student_table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  border: 1px solid var(--sp-m006-border);
  border-radius: 8px;
  overflow: hidden;
  background: #fff;
  font-size: 0.9rem;
}

body.single-kompetenzraster #profile_compare_output .sp_teacher_ai_task_table th,
body.single-kompetenzraster #profile_compare_output .sp_teacher_ai_task_table td,
body.single-kompetenzraster #profile_compare_output .sp_teacher_ai_student_table th,
body.single-kompetenzraster #profile_compare_output .sp_teacher_ai_student_table td {
  padding: 0.42rem 0.55rem;
  border-bottom: 1px solid var(--sp-m006-border);
  color: var(--sp-m006-text);
  vertical-align: middle;
}

body.single-kompetenzraster #profile_compare_output .sp_teacher_ai_task_table thead th,
body.single-kompetenzraster #profile_compare_output .sp_teacher_ai_student_table thead th {
  background: rgba(248, 250, 252, 0.95);
  color: #172554;
  font-size: 0.82rem;
  text-align: left;
}

body.single-kompetenzraster #profile_compare_output .sp_teacher_ai_task_table tbody tr:last-child th,
body.single-kompetenzraster #profile_compare_output .sp_teacher_ai_task_table tbody tr:last-child td,
body.single-kompetenzraster #profile_compare_output .sp_teacher_ai_student_table tbody tr:last-child th,
body.single-kompetenzraster #profile_compare_output .sp_teacher_ai_student_table tbody tr:last-child td {
  border-bottom: 0;
}

body.single-kompetenzraster #profile_compare_output .sp_teacher_ai_task_table tbody th {
  display: flex;
  align-items: center;
  gap: 0.55rem;
}

body.single-kompetenzraster #profile_compare_output .sp_teacher_ai_task_table td:nth-child(4),
body.single-kompetenzraster #profile_compare_output .sp_teacher_ai_task_table td:nth-child(5),
body.single-kompetenzraster #profile_compare_output .sp_teacher_ai_task_table thead th:nth-child(4),
body.single-kompetenzraster #profile_compare_output .sp_teacher_ai_task_table thead th:nth-child(5) {
  text-align: center;
}

body.single-kompetenzraster #profile_compare_output .sp_teacher_ai_task_accent {
  display: inline-block;
  width: 0.35rem;
  min-width: 0.35rem;
  height: 2.05rem;
  border-radius: 999px;
  background: var(--sp-m006-info-bg);
}

body.single-kompetenzraster #profile_compare_output .sp_teacher_ai_task_agent_toggle {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 1.55rem;
  height: 1.55rem;
  margin: 0;
}

body.single-kompetenzraster #profile_compare_output .sp_teacher_ai_task_agent_toggle input {
  position: absolute;
  opacity: 0;
}

body.single-kompetenzraster #profile_compare_output .sp_teacher_ai_task_agent_toggle span {
  width: 1.12rem;
  height: 1.12rem;
  border: 1px solid var(--sp-m006-border-strong);
  border-radius: 4px;
  background: #fff;
}

body.single-kompetenzraster #profile_compare_output .sp_teacher_ai_task_agent_toggle input:checked + span {
  border-color: #1d4ed8;
  background: #1d4ed8;
  box-shadow: inset 0 0 0 3px #fff;
}

body.single-kompetenzraster #profile_compare_output .sp_teacher_ai_task_agent_toggle input:disabled + span {
  background: #e5e7eb;
  box-shadow: none;
}

body.single-kompetenzraster #profile_compare_output .sp_teacher_ai_outline_button,
body.single-kompetenzraster #profile_compare_output .sp_teacher_ai_primary_button {
  min-height: 2rem;
  border: 1px solid #1d4ed8;
  border-radius: 7px;
  background: #fff;
  color: #1d4ed8;
  font-weight: 800;
}

body.single-kompetenzraster #profile_compare_output .sp_teacher_ai_primary_button {
  width: 100%;
  min-height: 2.65rem;
  background: #1d4ed8;
  color: #fff;
}

body.single-kompetenzraster #profile_compare_output .sp_teacher_ai_field_row,
body.single-kompetenzraster #profile_compare_output .sp_teacher_ai_agent_selects {
  display: grid;
  grid-template-columns: minmax(4.5rem, auto) minmax(0, 1fr);
  gap: 0.45rem 0.65rem;
  align-items: center;
}

body.single-kompetenzraster #profile_compare_output .sp_teacher_ai_field_row label,
body.single-kompetenzraster #profile_compare_output .sp_teacher_ai_agent_selects label {
  margin: 0;
  font-weight: 700;
}

body.single-kompetenzraster #profile_compare_output .sp_teacher_ai_card select,
body.single-kompetenzraster #profile_compare_output .sp_teacher_ai_card textarea {
  width: 100%;
  min-height: 2rem;
  border: 1px solid var(--sp-m006-border-strong);
  border-radius: 7px;
  background: #fff;
  color: var(--sp-m006-text);
}

body.single-kompetenzraster #profile_compare_output .sp_teacher_ai_agent_choices {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.65rem;
  padding: 0;
  border: 0;
}

body.single-kompetenzraster #profile_compare_output .sp_teacher_ai_agent_choice {
  display: grid;
  grid-template-columns: auto auto minmax(0, 1fr);
  gap: 0.55rem;
  align-items: center;
  min-height: 3.2rem;
  padding: 0.55rem;
  border: 1px solid var(--sp-m006-border-strong);
  border-radius: 8px;
  background: #fff;
}

body.single-kompetenzraster #profile_compare_output .sp_teacher_ai_agent_choice:has(input:checked) {
  border-color: #1d4ed8;
  background: rgba(223, 230, 246, 0.95);
}

body.single-kompetenzraster #profile_compare_output .sp_teacher_ai_agent_choice small {
  display: block;
  color: var(--sp-m006-text-soft);
}

body.single-kompetenzraster #profile_compare_output .sp_teacher_ai_agent_icon {
  width: 1.55rem;
  height: 1.55rem;
  fill: #1d4ed8;
}

body.single-kompetenzraster #profile_compare_output .sp_teacher_ai_stage_values {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.55rem;
  padding: 0;
  border: 0;
}

body.single-kompetenzraster #profile_compare_output .sp_teacher_ai_stage_values label {
  display: grid;
  justify-items: center;
  gap: 0.12rem;
  min-height: 2.8rem;
  padding: 0.4rem;
  border: 1px solid var(--sp-m006-border-strong);
  border-radius: 7px;
  background: #fff;
  color: #172554;
  font-weight: 700;
}

body.single-kompetenzraster #profile_compare_output .sp_teacher_ai_stage_values label.is-disabled {
  opacity: 0.48;
  background: #f8fafc;
}

body.single-kompetenzraster #profile_compare_output .sp_teacher_ai_stage_values small {
  color: var(--sp-m006-text-soft);
  font-size: 0.75rem;
}

body.single-kompetenzraster #profile_compare_output .sp_teacher_ai_metric {
  border-radius: 7px;
}

body.single-kompetenzraster #profile_compare_output .sp_teacher_ai_metric strong {
  font-size: 0.78rem;
}

body.single-kompetenzraster #profile_compare_output .sp_teacher_ai_metric b {
  font-size: 1.05rem;
}

body.single-kompetenzraster #profile_compare_output .sp_teacher_ai_student_table textarea {
  resize: vertical;
  min-height: 1.55rem;
  padding: 0.18rem 0.35rem;
}

body.single-kompetenzraster #profile_compare_output .sp_teacher_ai_feedback_card dl {
  display: grid;
  gap: 0.55rem;
  margin: 0;
}

body.single-kompetenzraster #profile_compare_output .sp_teacher_ai_feedback_card dl > div,
body.single-kompetenzraster #profile_compare_output .sp_teacher_ai_feedback_focus {
  padding: 0.65rem;
  border: 1px solid var(--sp-m006-border);
  border-radius: 8px;
  background: #fff;
}

body.single-kompetenzraster #profile_compare_output .sp_teacher_ai_feedback_focus {
  border-color: rgba(29, 78, 216, 0.24);
  background: rgba(223, 230, 246, 0.35);
  color: #172554;
}

body.single-kompetenzraster #profile_compare_output .sp_teacher_ai_feedback_card.is-disabled {
  background: rgba(248, 250, 252, 0.88);
}

body.single-kompetenzraster #profile_compare_output .sp_teacher_ai_feedback_card.is-disabled .sp_teacher_ai_feedback_focus {
  border-color: var(--sp-m006-border-strong);
  background: #f1f5f9;
  color: #64748b;
}

body.single-kompetenzraster #profile_compare_output .sp_teacher_ai_feedback_card.is-disabled .sp_teacher_ai_primary_button:disabled {
  border-color: var(--sp-m006-border-strong);
  background: #e5e7eb;
  color: #94a3b8;
  cursor: not-allowed;
}

body.single-kompetenzraster #profile_compare_output .sp_teacher_ai_empty_state {
  min-height: 5.5rem;
  display: flex;
  align-items: center;
}

body.single-kompetenzraster #profile_compare_output .sp_teacher_ai_feedback_card dt {
  color: #172554;
  font-weight: 800;
}

body.single-kompetenzraster #profile_compare_output .sp_teacher_ai_feedback_card dd {
  margin: 0.2rem 0 0;
  color: var(--sp-m006-text);
}

body.single-kompetenzraster #profile_compare_output .sp_teacher_ai_sr_only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}

@media (max-width: 1180px) {
  body.single-kompetenzraster #profile_compare_output .sp_teacher_ai_top_grid,
  body.single-kompetenzraster #profile_compare_output .sp_teacher_ai_bottom_grid {
    grid-template-columns: 1fr;
  }

  body.single-kompetenzraster #profile_compare_output .sp_teacher_ai_class_card,
  body.single-kompetenzraster #profile_compare_output .sp_teacher_ai_feedback_card {
    grid-column: auto;
  }
}

@media (max-width: 760px) {
  body.single-kompetenzraster #profile_compare_output .sp_teacher_ai_header,
  body.single-kompetenzraster #profile_compare_output .sp_teacher_ai_card {
    padding: 0.75rem;
  }

  body.single-kompetenzraster #profile_compare_output .sp_teacher_ai_segmented,
  body.single-kompetenzraster #profile_compare_output .sp_teacher_ai_stage_mode,
  body.single-kompetenzraster #profile_compare_output .sp_teacher_ai_agent_choices,
  body.single-kompetenzraster #profile_compare_output .sp_teacher_ai_stage_values {
    grid-template-columns: 1fr;
  }

  body.single-kompetenzraster #profile_compare_output .sp_teacher_ai_segmented label,
  body.single-kompetenzraster #profile_compare_output .sp_teacher_ai_stage_mode label {
    border-right: 0;
    border-bottom: 1px solid var(--sp-m006-border-strong);
  }

  body.single-kompetenzraster #profile_compare_output .sp_teacher_ai_segmented label:last-child,
  body.single-kompetenzraster #profile_compare_output .sp_teacher_ai_stage_mode label:last-child {
    border-bottom: 0;
  }

  body.single-kompetenzraster #profile_compare_output .sp_teacher_ai_task_table,
  body.single-kompetenzraster #profile_compare_output .sp_teacher_ai_student_table {
    display: block;
    overflow-x: auto;
  }
}

.teacher_dashboard_lernsituation_panel {
  display: grid;
  gap: 1rem;
}

.teacher_dashboard_lernsituation_form {
  display: grid;
  gap: 1rem;
}

.teacher_dashboard_lernsituation_intro {
  margin: 0;
  color: #3d4752;
}

.teacher_dashboard_lernsituation_section {
  display: grid;
  gap: 0.8rem;
  padding: 1rem 1.1rem;
  border: 1px solid rgba(17, 24, 39, 0.1);
  border-radius: 1rem;
  background: #eee;
}

.teacher_dashboard_lernsituation_toggle,
.teacher_dashboard_lernsituation_inline_toggle {
  display: flex;
  align-items: center;
  gap: 0.6rem;
}

.teacher_dashboard_lernsituation_group,
.teacher_dashboard_lernsituation_task_grid,
.teacher_dashboard_lernsituation_notice_list {
  display: grid;
  gap: 0.8rem;
}

.teacher_dashboard_lernsituation_group label,
.teacher_dashboard_lernsituation_task_row {
  display: grid;
  gap: 0.45rem;
}

.teacher_dashboard_lernsituation_task_row {
  grid-template-columns: minmax(0, 1.5fr) auto minmax(15rem, 1fr);
  align-items: center;
}

.teacher_dashboard_lernsituation_task_label {
  font-weight: 600;
  color: #202938;
}

.teacher_dashboard_lernsituation_action_row,
.teacher_dashboard_lernsituation_schedule_head,
.teacher_dashboard_lernsituation_notice_row {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  justify-content: space-between;
}

.teacher_dashboard_lernsituation_schedule_head {
  flex-wrap: wrap;
}

.teacher_dashboard_lernsituation_notice_row {
  align-items: flex-start;
  background: rgba(243, 247, 250, 0.95);
}

.teacher_dashboard_lernsituation_notice_row input[type="datetime-local"] {
  min-width: 15rem;
}

.teacher_dashboard_lernsituation_notice_row input[type="text"] {
  flex: 1 1 18rem;
}

.teacher_dashboard_info_notice {
  border-radius: 1rem;
  border: 1px solid rgba(27, 82, 151, 0.18);
  background: linear-gradient(180deg, rgba(241, 247, 255, 0.98), rgba(228, 239, 252, 0.96));
}

.teacher_dashboard_info_notice_body {
  display: grid;
  gap: 0.7rem;
}

.teacher_dashboard_info_notice_body h3,
.teacher_dashboard_info_notice_body p {
  margin: 0;
}

#student_classroom_modal_container {
  position: fixed;
  right: 1rem;
  bottom: 1rem;
  z-index: 9998;
  display: grid;
  gap: 0.85rem;
  pointer-events: none;
}

#student_classroom_prompt_container {
  display: grid;
  gap: 0.85rem;
  pointer-events: none;
}

#student_classroom_prompt_container .student_classroom_prompt {
  pointer-events: auto;
  margin: 0;
}

.teacher_dashboard_collaboration_panel,
.multi_compare_collaboration_shell,
.multi_compare_collaboration_layout,
.multi_compare_collaboration_stage {
  display: grid;
  gap: 1rem;
}

.multi_compare_collaboration_head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem 1.1rem;
  border: 1px solid rgba(17, 24, 39, 0.1);
  border-radius: 1rem;
  background: #eee;
}

.multi_compare_collaboration_head h3,
.multi_compare_collaboration_head p {
  margin: 0;
}

.multi_compare_collaboration_layout {
  grid-template-columns: minmax(14rem, 18rem) minmax(0, 1fr);
  align-items: start;
}

.multi_compare_collaboration_nav {
  display: grid;
  gap: 0.75rem;
}

.multi_compare_collaboration_card {
  position: relative;
  display: grid;
  gap: 0.3rem;
  width: 100%;
  padding: 0.9rem 1rem;
  border: 1px solid rgba(17, 24, 39, 0.12);
  border-radius: 0.95rem;
  background: rgba(255, 255, 255, 0.96);
  text-align: left;
}

.multi_compare_collaboration_card_badge {
  position: absolute;
  top: 0.55rem;
  right: 0.55rem;
}

.multi_compare_collaboration_card.active {
  border-color: rgba(31, 75, 153, 0.35);
  box-shadow: 0 12px 28px rgba(31, 75, 153, 0.12);
}

.multi_compare_collaboration_editor,
.student_classroom_board {
  display: grid;
  gap: 0.85rem;
  padding: 1rem 1.1rem;
  border: 1px solid rgba(17, 24, 39, 0.1);
  border-radius: 1rem;
  background: #eee;
}

.student_classroom_side_modal {
  width: min(34rem, calc(100vw - 2rem));
  max-height: min(88vh, 52rem);
  pointer-events: auto;
  box-shadow: 0 24px 60px rgba(15, 23, 42, 0.22);
}

.student_classroom_side_modal[data-minimized="true"] {
  width: min(20rem, calc(100vw - 2rem));
}

.multi_compare_collaboration_editor_head {
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(14rem, 18rem);
  gap: 0.85rem;
}

.multi_compare_collaboration_editor_head label,
.multi_compare_collaboration_color {
  display: grid;
  gap: 0.4rem;
}

.multi_compare_collaboration_toolbar {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.75rem;
}

.multi_compare_collaboration_tool_button {
  min-width: 2.75rem;
  min-height: 2.75rem;
  padding: 0.35rem;
}

.multi_compare_collaboration_tool_icon {
  display: inline-grid;
  place-items: center;
  min-width: 1.5rem;
  min-height: 1.5rem;
  font-size: 1.1rem;
  font-weight: 700;
}

.multi_compare_collaboration_meta {
  color: #506477;
}

.multi_compare_collaboration_author_panel {
  display: grid;
  gap: 0.65rem;
  padding: 0.85rem 1rem;
  border: 1px solid rgba(17, 24, 39, 0.08);
  border-radius: 0.9rem;
  background: rgba(241, 245, 249, 0.72);
}

.multi_compare_collaboration_author_panel header,
.multi_compare_collaboration_author_panel li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}

.multi_compare_collaboration_author_panel header {
  flex-wrap: wrap;
}

.multi_compare_collaboration_author_panel ul {
  display: grid;
  gap: 0.45rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.multi_compare_collaboration_author_panel li {
  padding: 0.45rem 0.55rem;
  border-radius: 0.75rem;
  background: rgba(255, 255, 255, 0.86);
}

.multi_compare_collaboration_mode {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.25rem 0.55rem;
  border-radius: 999px;
  background: rgba(31, 75, 153, 0.1);
  color: #1f4b99;
  font-size: 0.92rem;
  font-weight: 600;
}

.multi_compare_collaboration_state_row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}

.multi_compare_collaboration_surface {
  display: grid;
  gap: 0.85rem;
}

.multi_compare_collaboration_board_shell {
  position: relative;
  min-height: 26rem;
  border-radius: 1rem;
  overflow: hidden;
}

.multi_compare_collaboration_board {
  position: relative;
  min-height: 26rem;
  height: min(68vh, 42rem);
  border-radius: 1rem;
  overflow: hidden;
  background-color: #eee;
  border: 1px solid rgba(17, 24, 39, 0.1);
}

.multi_compare_collaboration_text_overlay {
  position: absolute;
  z-index: 6;
  min-height: 3.25rem;
  padding: 0.55rem 0.7rem;
  border: 2px solid rgba(31, 75, 153, 0.85);
  border-radius: 0.85rem;
  background: transparent;
  color: #102338;
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.12);
  resize: none;
  line-height: 1.35;
}

.multi_compare_collaboration_presence_notice {
  position: absolute;
  top: 1rem;
  right: 1rem;
  z-index: 7;
  max-width: min(20rem, calc(100% - 2rem));
  padding: 0.55rem 0.75rem;
  border-radius: 999px;
  background: rgba(15, 23, 42, 0.88);
  color: #fff;
  font-weight: 600;
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.2);
}

.multi_compare_collaboration_editor.is-fullscreen,
.multi_compare_collaboration_editor:fullscreen,
.student_classroom_board.is-fullscreen,
.student_classroom_board:fullscreen {
  position: fixed;
  inset: 1rem;
  z-index: 9999;
  min-height: auto;
  background: rgba(255, 255, 255, 0.98);
  box-shadow: 0 24px 60px rgba(15, 23, 42, 0.22);
  padding: 1rem;
  overflow: auto;
}

.multi_compare_collaboration_editor.is-fullscreen .multi_compare_collaboration_board,
.multi_compare_collaboration_editor:fullscreen .multi_compare_collaboration_board,
.student_classroom_board.is-fullscreen .multi_compare_collaboration_board,
.student_classroom_board:fullscreen .multi_compare_collaboration_board {
  min-height: calc(100vh - 8rem);
  height: calc(100vh - 8rem);
}

.multi_compare_collaboration_canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  touch-action: none;
}

.multi_compare_collaboration_board canvas.upper-canvas,
.multi_compare_collaboration_board canvas.lower-canvas {
  width: 100% !important;
  height: 100% !important;
}

.multi_compare_collaboration_board.is-drawing .multi_compare_collaboration_canvas {
  cursor: crosshair;
}

.multi_compare_collaboration_selection_meta {
  font-size: 0.9rem;
  color: #506477;
}

.student_classroom_board_body {
  display: grid;
  gap: 0.85rem;
}

.student_classroom_smartquiz_modal {
  overflow: auto;
}

.student_classroom_smartquiz_modal .student_classroom_board_body {
  min-height: clamp(20rem, 60vh, 44rem);
}

.student_classroom_smartquiz_host {
  width: 100%;
  min-height: clamp(18rem, 58vh, 42rem);
}

.student_classroom_smartquiz_host .h5p_quiz_container,
.student_classroom_smartquiz_host .h5p-iframe-wrapper {
  width: 100%;
  min-height: inherit;
}

.student_classroom_smartquiz_host iframe.h5p-iframe {
  width: 100%;
  min-height: inherit;
  display: block;
}

.student_classroom_smartquiz_fallback {
  margin: 0;
}

.student_classroom_board_material .student_classroom_board_body.student_classroom_board_thumbnail {
  gap: 0;
  cursor: pointer;
}

.student_classroom_board_material .student_classroom_board_body.student_classroom_board_thumbnail .multi_compare_collaboration_board_shell {
  min-height: 0;
}

.student_classroom_board_material .student_classroom_board_body.student_classroom_board_thumbnail .multi_compare_collaboration_board {
  min-height: 11rem;
  height: 11rem;
}

.student_classroom_board .multi_compare_collaboration_toolbar {
  justify-content: flex-start;
}

.student_classroom_board_actions {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.75rem;
}

.student_classroom_board_actions .button.button-primary {
  font-weight: 700;
}

.multi_compare_collaboration_status {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.3rem 0.65rem;
  border-radius: 999px;
  font-weight: 600;
  background: rgba(15, 23, 42, 0.08);
  color: #334155;
}

.multi_compare_collaboration_status[data-board-status="active"] {
  background: rgba(22, 163, 74, 0.14);
  color: #166534;
}

.multi_compare_collaboration_status[data-board-status="draft"] {
  background: rgba(245, 158, 11, 0.16);
  color: #92400e;
}

.multi_compare_collaboration_status[data-board-status="inactive"] {
  background: rgba(100, 116, 139, 0.18);
  color: #334155;
}

.student_classroom_board header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

.student_classroom_board header strong,
.student_classroom_board header small {
  display: block;
}

.student_classroom_board_host {
  margin-bottom: 1rem;
}

.student_classroom_board_thumbnail_card {
  display: grid;
  gap: 0.5rem;
  width: 8rem;
  padding: 0.55rem;
  border: 1px solid rgba(17, 24, 39, 0.1);
  border-radius: 0.9rem;
  background: rgba(255, 255, 255, 0.96);
  cursor: pointer;
}

.multi_compare_collaboration_preview_card {
  display: grid;
  gap: 0.85rem;
  padding: 1rem 1.1rem;
  border: 1px solid rgba(17, 24, 39, 0.1);
  border-radius: 1rem;
  background: #eee;
  cursor: pointer;
}

.multi_compare_collaboration_preview_card header,
.multi_compare_collaboration_preview_card footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

.multi_compare_collaboration_preview_media {
  width: min(100%, 28rem);
  height: 15rem;
}

.student_classroom_board_thumbnail_card header {
  display: grid;
  gap: 0.2rem;
}

.student_classroom_board_thumbnail_card header strong,
.student_classroom_board_thumbnail_card header small {
  display: block;
}

.student_classroom_board_thumbnail_media {
  width: 7rem;
  height: 4.4rem;
  overflow: hidden;
  border-radius: 0.65rem;
  border: 1px solid rgba(17, 24, 39, 0.08);
  background: #eee;
}

.student_classroom_board_thumbnail_media img,
.student_classroom_board_thumbnail_fallback {
  display: block;
  width: 100%;
  height: 100%;
}

.student_classroom_board_thumbnail_media img {
  object-fit: cover;
}

.student_classroom_board_thumbnail_fallback {
  display: grid;
  place-items: center;
  color: #506477;
  font-size: 0.85rem;
  font-weight: 600;
}

.multi_compare_collaboration_empty,
.multi_compare_collaboration_placeholder {
  margin: 0;
  padding: 1rem;
  border-radius: 0.9rem;
  background: rgba(241, 245, 249, 0.9);
}

@media (max-width: 900px) {
  .teacher_dashboard_lernsituation_task_row {
    grid-template-columns: 1fr;
  }

  .teacher_dashboard_lernsituation_action_row,
  .teacher_dashboard_lernsituation_notice_row {
    flex-direction: column;
    align-items: stretch;
  }

  .teacher_dashboard_lernsituation_notice_row input[type="datetime-local"] {
    min-width: 0;
  }

  .multi_compare_collaboration_layout,
  .multi_compare_collaboration_editor_head {
    grid-template-columns: 1fr;
  }

  .multi_compare_collaboration_head,
  .student_classroom_board header {
    flex-direction: column;
    align-items: stretch;
  }

  #student_classroom_modal_container {
    left: 0.5rem;
    right: 0.5rem;
    bottom: 0.5rem;
  }

  .multi_compare_collaboration_editor.is-fullscreen,
  .multi_compare_collaboration_editor:fullscreen,
  .student_classroom_board.is-fullscreen,
  .student_classroom_board:fullscreen {
    inset: 0.5rem;
  }
}

body.single-kompetenzraster #jdf_container {
  max-width: none !important;
  width: auto;
  margin: 0;
  padding: var(--sp-m006-space-sm);
  box-shadow: var(--layer1);
  color: var(--sp-m006-text);
  font-size: 1rem;
  line-height: 1.2;
}

body.single-kompetenzraster #content .wrap {
  max-width: none !important;
}

/*body.single-kompetenzraster #jdf_container,
body.single-kompetenzraster #jdf_container button,
body.single-kompetenzraster #jdf_container input,
body.single-kompetenzraster #jdf_container select,
body.single-kompetenzraster #jdf_container td,
body.single-kompetenzraster #jdf_container th,
body.single-kompetenzraster #jdf_container small,
body.single-kompetenzraster #jdf_container label,
body.single-kompetenzraster #jdf_container strong,
body.single-kompetenzraster #jdf_container span,
body.single-kompetenzraster #jdf_container p {
  color: inherit;
}*/

body.single-kompetenzraster #jdf_container > #multi_reload_btn,
body.single-kompetenzraster #jdf_container > #dfa_reload_meta {
  min-height: 3rem;
  box-shadow: var(--layer1);
  vertical-align: middle;
}

body.single-kompetenzraster #jdf_container > #multi_reload_btn {
  padding: 0.75rem 1rem;
  border: 0;
  background: var(--color-btn);
  color: #fff;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.2;
}

body.single-kompetenzraster #jdf_container > #multi_reload_btn:hover,
body.single-kompetenzraster #jdf_container > #multi_reload_btn:focus {
  background: var(--color-mid-dark);
}

body.single-kompetenzraster #jdf_container > #multi_reload_btn:disabled,
body.single-kompetenzraster #jdf_container > #multi_reload_btn[disabled] {
  border: 1px solid var(--sp-m006-border);
  background: #eee;
  color: var(--sp-m006-text-muted);
  opacity: 1;
}

body.single-kompetenzraster #jdf_container > #dfa_reload_meta {
  display: inline-flex;
  align-items: center;
  gap: var(--sp-m006-space-xxs);
  margin-left: var(--sp-m006-space-xxs);
  padding: 0.75rem 1rem;
  border: 1px solid var(--sp-m006-border-strong);
  background: #eee;
  color: var(--sp-m006-text-soft);
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.25;
}

body.single-kompetenzraster #profile_compare_output {
  margin-top: var(--sp-m006-space-sm);
  padding: var(--sp-m006-space-sm);
  border: none
  background: transparent;
}

body.single-kompetenzraster #ticket_compare_container,
body.single-kompetenzraster #ticket_sort_container,
body.single-kompetenzraster #ticket_table_wrapper,
body.single-kompetenzraster #multi_profile_compare_wrapper,
body.single-kompetenzraster #jdf_container .chart_wrap,
body.single-kompetenzraster #jdf_container .chart-container {
  border: 0
  background: var(--sp-m006-surface);
  box-shadow: none;
}

body.single-kompetenzraster #ticket_compare_container {
  margin-bottom: var(--sp-m006-space-sm);
}
/*
body.single-kompetenzraster #jdf_container .accordion-container > dt > button.accordion {
  display: flex;
  align-items: center;
  gap: var(--sp-m006-space-sm);
  width: 100%;
  min-height: 3rem;
  padding: 0.75rem 1rem;
  background: #eee;
  color: var(--sp-m006-text-strong);
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.25;
  text-align: left;
}

body.single-kompetenzraster #jdf_container .accordion-container > dt.active > button.accordion {
  border-bottom: 1px solid #eee;
  background: #eee;
}

body.single-kompetenzraster #jdf_container .accordion_thema {
  margin-left: 0;
  margin-right: var(--sp-m006-space-sm);
}

body.single-kompetenzraster #jdf_container .accordion-container .open_close {
  position: static;
  inset: auto;
  flex: 0 0 auto;
}

body.single-kompetenzraster #jdf_container .accordion-container .open_close.edit {
  right: auto;
}
*/
body.single-kompetenzraster #ticket_compare_container_analyse_container_counter,
body.single-kompetenzraster #jdf_container .bubble_counter,
body.single-kompetenzraster #jdf_container .text .bubble {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.75rem;
  min-height: 1.75rem;
  padding: 0 0.35rem;
  font-size: 0.95rem;
  font-weight: 700;
  line-height: 1;
  color: var(--sp-m006-text-strong);
  text-shadow: none;
  box-shadow: var(--layer1);
}

body.single-kompetenzraster #ticket_compare_container_analyse_container_counter,
body.single-kompetenzraster #jdf_container .bubble_counter.analyse,
body.single-kompetenzraster #jdf_container .text .bubble {
  border: 1px solid rgba(21, 92, 76, 0.2);
  background: var(--sp-m006-good-bg);
  color: var(--sp-m006-good-text);
}

body.single-kompetenzraster #jdf_container .bubble_counter.good {
  border: 1px solid rgba(21, 92, 76, 0.2);
  background: var(--sp-m006-good-bg);
  color: var(--sp-m006-good-text);
}

body.single-kompetenzraster #ticket_compare_container .teacher_dashboard_section_content {
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

body.single-kompetenzraster .teacher_dashboard_card_collection {
  display: grid;
  gap: 1rem;
}

body.single-kompetenzraster .teacher_dashboard_ticket_summary,
body.single-kompetenzraster .teacher_dashboard_ticket_filters,
body.single-kompetenzraster .teacher_dashboard_card_collection_board,
body.single-kompetenzraster .teacher_dashboard_ticket_card,
body.single-kompetenzraster .teacher_dashboard_ticket_empty,
body.single-kompetenzraster .teacher_dashboard_ticket_empty_state,
body.single-kompetenzraster .teacher_dashboard_ticket_detail_empty {
  border: 1px solid var(--sp-m006-border-strong);
  background: var(--sp-m006-surface);
  box-shadow: var(--layer1);
}

body.single-kompetenzraster .teacher_dashboard_card_collection_board {
  display: grid;
  grid-template-columns: minmax(16rem, 18rem) minmax(0, 1fr);
  align-items: start;
  gap: 1rem;
  padding: 1rem;
}

body.single-kompetenzraster .teacher_dashboard_card_collection_list {
  display: grid;
  gap: 0.85rem;
  align-self: start;
}

body.single-kompetenzraster .teacher_dashboard_card_collection[data-card-has-active="false"] .teacher_dashboard_card_collection_board {
  grid-template-columns: 1fr;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

body.single-kompetenzraster .teacher_dashboard_card_collection[data-card-has-active="false"] .teacher_dashboard_card_collection_pane {
  display: none;
}

body.single-kompetenzraster .teacher_dashboard_ticket_summary {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  padding: 1rem 1.25rem;
}

body.single-kompetenzraster .teacher_dashboard_ticket_summary_badge,
body.single-kompetenzraster .teacher_dashboard_ticket_state_badge,
body.single-kompetenzraster .teacher_dashboard_ticket_card_status {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.4rem 0.7rem;
  border-radius: 999px;
  font-size: 0.9rem;
  font-weight: 700;
  line-height: 1.1;
}

body.single-kompetenzraster .teacher_dashboard_ticket_summary_badge {
  border: 1px solid rgba(23, 37, 84, 0.12);
  background: rgba(223, 230, 246, 0.95);
  color: #172554;
}

body.single-kompetenzraster .teacher_dashboard_ticket_state_badge[data-ticket-state="draft"] {
  border: 1px solid rgba(154, 52, 18, 0.2);
  background: rgba(255, 237, 213, 0.95);
  color: #9a3412;
}

body.single-kompetenzraster .teacher_dashboard_ticket_state_badge[data-ticket-state="sent"] {
  border: 1px solid rgba(21, 92, 76, 0.2);
  background: rgba(220, 252, 231, 0.95);
  color: #155c4c;
}

body.single-kompetenzraster .teacher_dashboard_ticket_card_status {
  border: 1px solid rgba(23, 37, 84, 0.12);
  background: rgba(241, 245, 249, 0.95);
  color: #1f2937;
}

body.single-kompetenzraster .teacher_dashboard_ticket_filters {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.85rem;
  padding: 1rem 1.25rem;
}

body.single-kompetenzraster .teacher_dashboard_ticket_filters label,
body.single-kompetenzraster .teacher_dashboard_ticket_form label {
  display: grid;
  gap: 0.35rem;
}

body.single-kompetenzraster .teacher_dashboard_ticket_filters span,
body.single-kompetenzraster .teacher_dashboard_ticket_form span {
  font-size: 0.9rem;
  font-weight: 700;
  color: var(--sp-m006-text-soft);
}

body.single-kompetenzraster .teacher_dashboard_ticket_filters select,
body.single-kompetenzraster .teacher_dashboard_ticket_form input,
body.single-kompetenzraster .teacher_dashboard_ticket_form select,
body.single-kompetenzraster .teacher_dashboard_ticket_form textarea {
  width: 100%;
  min-height: 2.75rem;
  padding: 0.65rem 0.8rem;
  border: 1px solid var(--sp-m006-border-strong);
  background: #fff;
  color: var(--sp-m006-text-strong);
  font-size: 1rem;
  line-height: 1.35;
}

body.single-kompetenzraster .teacher_dashboard_ticket_card {
  overflow: hidden;
  transition:
    border-color 0.18s ease,
    box-shadow 0.18s ease,
    transform 0.18s ease,
    opacity 0.18s ease;
}

body.single-kompetenzraster .teacher_dashboard_ticket_card_list {
  display: grid;
  gap: 0.85rem;
}

body.single-kompetenzraster .teacher_dashboard_card_collection[data-card-has-active="false"] .teacher_dashboard_ticket_card_list {
  grid-template-columns: repeat(auto-fit, minmax(16.5rem, 1fr));
  gap: 1rem;
}

body.single-kompetenzraster .teacher_dashboard_ticket_card[data-card-item-state="active"] {
  border-color: rgba(24, 92, 55, 0.26);
  box-shadow:
    0 18px 38px rgba(20, 36, 52, 0.16),
    0 0 0 1px rgba(24, 92, 55, 0.08);
  transform: translateX(0.18rem);
}

body.single-kompetenzraster .teacher_dashboard_ticket_card[data-card-item-state="inactive"] {
  background: linear-gradient(180deg, #eee 0%, hsla(184, 16%, 92%, 0.98) 100%);
  border-color: #e5e7eb;
  box-shadow: none;
}

body.single-kompetenzraster .teacher_dashboard_ticket_card[data-card-item-state="inactive"] .teacher_dashboard_ticket_card_trigger {
  background: transparent;
}

body.single-kompetenzraster .teacher_dashboard_ticket_card[data-card-item-state="inactive"] .teacher_dashboard_ticket_card_trigger strong {
  font-size: 1rem;
}

body.single-kompetenzraster .teacher_dashboard_ticket_card[data-card-item-state="inactive"] .teacher_dashboard_ticket_card_trigger small {
  font-size: 0.92rem;
}

body.single-kompetenzraster .teacher_dashboard_ticket_card[data-card-item-state="default"] {
  min-height: 100%;
}

body.single-kompetenzraster .teacher_dashboard_card_collection_pane {
  min-width: 0;
  align-self: start;
}

body.single-kompetenzraster .teacher_dashboard_card_collection_pane > .teacher_dashboard_ticket_card_detail,
body.single-kompetenzraster .teacher_dashboard_card_collection_pane > .teacher_dashboard_ticket_detail_empty {
  min-height: 100%;
}

body.single-kompetenzraster .teacher_dashboard_ticket_card_trigger {
  display: grid;
  gap: 0.5rem;
  width: 100%;
  padding: 1.15rem 1.25rem;
  border: 0;
  background: linear-gradient(180deg, rgba(248, 250, 252, 0.98) 0%, rgba(241, 245, 249, 0.94) 100%);
  color: var(--sp-m006-text-strong);
  text-align: left;
  cursor: pointer;
}

body.single-kompetenzraster .teacher_dashboard_ticket_card_headline {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  align-items: center;
}

body.single-kompetenzraster .teacher_dashboard_ticket_card_trigger strong {
  font-size: 1.15rem;
  line-height: 1.25;
}

body.single-kompetenzraster .teacher_dashboard_ticket_card_trigger small {
  color: var(--sp-m006-text-soft);
}

body.single-kompetenzraster .teacher_dashboard_ticket_card_detail {
  display: grid;
  gap: 1rem;
  padding: 1.1rem 1.25rem 1.25rem;
  background: rgba(255, 255, 255, 0.96);
}

body.single-kompetenzraster .teacher_dashboard_ticket_detail_header {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  align-items: start;
}

body.single-kompetenzraster .teacher_dashboard_ticket_detail_header > div:first-child {
  display: grid;
  gap: 0.35rem;
}

body.single-kompetenzraster .teacher_dashboard_ticket_detail_header strong {
  font-size: 1.3rem;
  line-height: 1.25;
}

body.single-kompetenzraster .teacher_dashboard_ticket_detail_header small {
  color: var(--sp-m006-text-soft);
}

body.single-kompetenzraster .teacher_dashboard_ticket_detail_toolbar {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 0.75rem;
}

body.single-kompetenzraster .teacher_dashboard_ticket_detail_grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.85rem;
  margin: 0;
}

body.single-kompetenzraster .teacher_dashboard_ticket_detail_grid div {
  display: grid;
  gap: 0.25rem;
  margin: 0;
}

body.single-kompetenzraster .teacher_dashboard_ticket_detail_grid dt {
  margin: 0;
  font-size: 0.85rem;
  font-weight: 700;
  color: var(--sp-m006-text-soft);
}

body.single-kompetenzraster .teacher_dashboard_ticket_detail_grid dd {
  margin: 0;
  font-size: 1rem;
  color: var(--sp-m006-text-strong);
}

body.single-kompetenzraster .teacher_dashboard_ticket_form {
  display: grid;
  gap: 1rem;
}

body.single-kompetenzraster .teacher_dashboard_ticket_runtime_form_wrap {
  padding: 1rem;
  border: 1px solid var(--sp-m006-border);
  background: rgba(248, 250, 252, 0.72);
}

body.single-kompetenzraster .teacher_dashboard_ticket_runtime_form_wrap[data-ticket-edit-mode="readonly"] {
  background: rgba(241, 245, 249, 0.78);
}

body.single-kompetenzraster .teacher_dashboard_ticket_runtime_form {
  display: grid;
  gap: 1rem;
}

body.single-kompetenzraster .teacher_dashboard_ticket_runtime_form .remove_btn_container {
  display: none;
}

body.single-kompetenzraster .teacher_dashboard_ticket_runtime_form fieldset {
  margin: 0;
  padding: 0;
  border: 0;
}

body.single-kompetenzraster .teacher_dashboard_ticket_runtime_form fieldset[disabled] {
  opacity: 0.78;
}

body.single-kompetenzraster .teacher_dashboard_ticket_runtime_form fieldset[disabled] .control_wrap,
body.single-kompetenzraster .teacher_dashboard_ticket_runtime_form fieldset[disabled] .visible_switch {
  pointer-events: none;
}

body.single-kompetenzraster .teacher_dashboard_ticket_runtime_form .ticket_edit {
  display: grid;
  gap: 0.85rem;
}

body.single-kompetenzraster .teacher_dashboard_ticket_runtime_form .dynamic_input {
  align-items: start;
}

body.single-kompetenzraster .teacher_dashboard_ticket_runtime_form .control_wrap {
  display: inline-flex;
  gap: 0.35rem;
  align-items: center;
}

body.single-kompetenzraster .teacher_dashboard_ticket_form_grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.85rem;
}

body.single-kompetenzraster .teacher_dashboard_ticket_form_span {
  grid-column: 1 / -1;
}

body.single-kompetenzraster .teacher_dashboard_ticket_diff {
  padding: 0.9rem 1rem;
  border: 1px dashed var(--sp-m006-border-strong);
  background: rgba(248, 250, 252, 0.96);
}

body.single-kompetenzraster .teacher_dashboard_ticket_diff_empty {
  margin: 0;
  color: var(--sp-m006-text-soft);
}

body.single-kompetenzraster .teacher_dashboard_ticket_diff_list {
  display: grid;
  gap: 0.75rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

body.single-kompetenzraster .teacher_dashboard_ticket_diff_list li {
  display: grid;
  grid-template-columns: minmax(8rem, 12rem) minmax(0, 1fr) minmax(0, 1fr);
  gap: 0.75rem;
  align-items: start;
}

body.single-kompetenzraster .teacher_dashboard_ticket_diff_list li strong {
  color: var(--sp-m006-text-strong);
}

body.single-kompetenzraster .teacher_dashboard_ticket_diff_list li span:nth-child(2) {
  color: var(--sp-m006-text-soft);
  text-decoration: line-through;
}

body.single-kompetenzraster .teacher_dashboard_ticket_diff_list li span:nth-child(3) {
  color: var(--sp-m006-good-text);
  font-weight: 700;
}

body.single-kompetenzraster .teacher_dashboard_ticket_actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 0.75rem;
}

body.single-kompetenzraster .teacher_dashboard_ticket_empty,
body.single-kompetenzraster .teacher_dashboard_ticket_empty_state,
body.single-kompetenzraster .teacher_dashboard_ticket_detail_empty {
  padding: 1.25rem;
  color: var(--sp-m006-text-soft);
}

body.single-kompetenzraster .teacher_dashboard_ticket_detail_empty {
  display: grid;
  gap: 0.45rem;
  min-height: 18rem;
  align-content: start;
}

body.single-kompetenzraster .teacher_dashboard_ticket_detail_empty strong {
  color: var(--sp-m006-text-strong);
  font-size: 1.05rem;
}

body.single-kompetenzraster .teacher_dashboard_ticket_detail_empty p {
  margin: 0;
}

body.single-kompetenzraster .teacher_dashboard_ticket_correction_notice + .teacher_dashboard_ticket_correction_notice {
  margin-top: 1rem;
}

body.single-kompetenzraster .teacher_dashboard_ticket_correction_preview .teacher_dashboard_ticket_diff_list li {
  grid-template-columns: minmax(8rem, 10rem) minmax(0, 1fr) minmax(0, 1fr);
}

@media (max-width: 1180px) {
  body.single-kompetenzraster .teacher_dashboard_card_collection_board,
  body.single-kompetenzraster .teacher_dashboard_ticket_filters,
  body.single-kompetenzraster .teacher_dashboard_ticket_detail_grid,
  body.single-kompetenzraster .teacher_dashboard_ticket_form_grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 768px) {
  body.single-kompetenzraster .teacher_dashboard_card_collection_board,
  body.single-kompetenzraster .teacher_dashboard_ticket_filters,
  body.single-kompetenzraster .teacher_dashboard_ticket_detail_grid,
  body.single-kompetenzraster .teacher_dashboard_ticket_form_grid,
  body.single-kompetenzraster .teacher_dashboard_ticket_diff_list li {
    grid-template-columns: 1fr;
  }

  body.single-kompetenzraster .teacher_dashboard_card_collection[data-card-has-active="false"] .teacher_dashboard_ticket_card_list {
    grid-template-columns: 1fr;
  }

  body.single-kompetenzraster .teacher_dashboard_card_collection_board {
    padding: 0.85rem;
  }

  body.single-kompetenzraster .teacher_dashboard_ticket_card_trigger,
  body.single-kompetenzraster .teacher_dashboard_ticket_card_detail,
  body.single-kompetenzraster .teacher_dashboard_ticket_detail_empty,
  body.single-kompetenzraster .teacher_dashboard_ticket_summary,
  body.single-kompetenzraster .teacher_dashboard_ticket_filters {
    padding: 1rem;
  }

  body.single-kompetenzraster .teacher_dashboard_ticket_card[data-card-item-state="active"] {
    transform: none;
  }
}

body.single-kompetenzraster #jdf_container .bubble_counter.bad {
  border: 1px solid rgba(22, 59, 99, 0.2);
  background: var(--sp-m006-info-bg);
  color: var(--sp-m006-info-text);
}

body.single-kompetenzraster #jdf_container .sub_cell .bubble_counter {
  left: 50%;
  transform: translateX(-50%) translateY(-0.1rem);
  min-width: 1.65rem;
  min-height: 1.65rem;
  padding-inline: 0.3rem;
}

body.single-kompetenzraster #jdf_container .accordion-container > dd.panel {
  margin: 0;
  padding: var(--sp-m006-space-xs) var(--sp-m006-space-sm) var(--sp-m006-space-sm);
  border: 0;
  background: #fff;
}

body.single-kompetenzraster #ticket_sort_container {
  display: grid;
  gap: var(--sp-m006-space-sm);
  margin-bottom: var(--sp-m006-space-xs);
}

body.single-kompetenzraster #ticket_sort_container > div.flex {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: var(--sp-m006-space-sm);
  padding: var(--sp-m006-space-xs) var(--sp-m006-space-sm);
  flex-wrap: wrap;
}

body.single-kompetenzraster #ticket_sort_container > div.flex > div:first-child {
  flex: 1 1 18rem;
  max-width: 24rem;
}

body.single-kompetenzraster #ticket_sort_container label {
  display: block;
  margin-bottom: 0.4rem;
  color: var(--sp-m006-text-soft);
  font-size: 0.95rem;
  font-weight: 700;
  line-height: 1.35;
}

body.single-kompetenzraster #ticket_thema_filter {
  width: min(100%, 20rem);
  min-height: 3rem;
  padding-inline: 0.75rem;
  border: 1px solid var(--sp-m006-border-strong);
  background: #fff;
  color: var(--sp-m006-text);
  font-size: 1rem;
}

body.single-kompetenzraster #ticket_sort_container > div.flex > div.button_container.ghost {
  margin-left: auto;
  margin-bottom: 0;
  background: #eee;
  box-shadow: var(--layer1);
}

body.single-kompetenzraster #ticket_sort_container_btn {
  min-height: 3rem;
  padding-inline: 1rem;
  border: 0;
  background: transparent;
  color: var(--sp-m006-text);
  font-size: 1rem;
  font-weight: 700;
}

body.single-kompetenzraster #ticket_table_wrapper,
body.single-kompetenzraster #multi_profile_compare_wrapper {
  margin: 0;
  overflow: auto;
}

body.single-kompetenzraster #ticket_table,
body.single-kompetenzraster #multi_profile_compare {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  background: #fff;
}

body.single-kompetenzraster #ticket_table {
  font-size: 0.95rem;
  line-height: 1.4;
}

body.single-kompetenzraster #multi_profile_compare {
  font-size: 0.93rem;
  line-height: 1.35;
}

body.single-kompetenzraster #ticket_table caption,
body.single-kompetenzraster #multi_profile_compare caption {
  padding: 0.75rem 1rem;
  background: #eee;
  color: var(--sp-m006-text-soft);
  font-size: 0.95rem;
  font-weight: 700;
  text-align: left;
}

body.single-kompetenzraster #ticket_table thead th,
body.single-kompetenzraster #multi_profile_compare thead th,
body.single-kompetenzraster #profile_compare_output th,
body.single-kompetenzraster .dataTable thead th {
  position: sticky;
  top: 0;
  z-index: 2;
  padding: 0.75rem 0.55rem;
  border-top: 0;
  border-right: 1px solid var(--sp-m006-border);
  border-bottom: 1px solid var(--sp-m006-border-strong);
  background: #eee;
  color: var(--sp-m006-text-strong);
  font-size: 0.84rem;
  font-weight: 800;
  line-height: 1.25;
  text-align: center;
  text-wrap: balance;
}

body.single-kompetenzraster #ticket_table thead th:last-child,
body.single-kompetenzraster #multi_profile_compare thead th:last-child,
body.single-kompetenzraster #profile_compare_output th:last-child {
  border-right: 0;
}

body.single-kompetenzraster #ticket_table tbody td,
body.single-kompetenzraster #multi_profile_compare tbody td,
body.single-kompetenzraster #profile_compare_output td {
  padding: 0.7rem 0.55rem;
  border-top: 1px solid #eee;
  border-right: 1px solid #eee;
  color: var(--sp-m006-text);
  font-size: 0.95rem;
  line-height: 1.4;
  vertical-align: top;
  background-clip: padding-box;
}

body.single-kompetenzraster #multi_profile_compare tbody td {
  font-size: 0.93rem;
  text-align: center;
}

body.single-kompetenzraster #ticket_table tbody td:last-child,
body.single-kompetenzraster #multi_profile_compare tbody td:last-child,
body.single-kompetenzraster #profile_compare_output td:last-child {
  border-right: 0;
}

body.single-kompetenzraster #ticket_table tbody tr:first-child td,
body.single-kompetenzraster #multi_profile_compare tbody tr:first-child td {
  border-top: 0;
}

body.single-kompetenzraster #ticket_table tbody tr:nth-child(even) td,
body.single-kompetenzraster #multi_profile_compare tbody tr:nth-child(even) td {
  background: var(--sp-m006-row-alt);
}

body.single-kompetenzraster #ticket_table tbody td,
body.single-kompetenzraster #ticket_table thead th,
body.single-kompetenzraster #multi_profile_compare tbody td,
body.single-kompetenzraster #multi_profile_compare thead th {
  min-width: 0;
  overflow-wrap: anywhere;
  word-break: break-word;
}

body.single-kompetenzraster #ticket_table tbody td.center.job_status,
body.single-kompetenzraster #ticket_table tbody td.ticket_card_preview.job_status {
  white-space: normal;
}

body.single-kompetenzraster #ticket_table .small,
body.single-kompetenzraster #ticket_table small,
body.single-kompetenzraster #multi_profile_compare .small,
body.single-kompetenzraster #multi_profile_compare small,
body.single-kompetenzraster #profile_compare_output small {
  color: var(--sp-m006-text-soft);
  font-size: 0.875rem;
  line-height: 1.35;
}

body.single-kompetenzraster #profile_compare_output h3 {
  margin: 0 0 var(--sp-m006-space-xs);
  color: var(--sp-m006-text-strong);
  font-size: 1.25rem;
  font-weight: 800;
  line-height: 1.2;
}

body.single-kompetenzraster #profile_compare_output h4,
body.single-kompetenzraster #profile_compare_output .dataTables_info,
body.single-kompetenzraster #profile_compare_output .dataTables_filter label {
  color: var(--sp-m006-text-soft);
  font-size: 0.95rem;
  font-weight: 700;
}

body.single-kompetenzraster #profile_compare_output .sortable,
body.single-kompetenzraster .dataTable .sortable {
  transition: background-color 0.18s ease, color 0.18s ease;
}

body.single-kompetenzraster #profile_compare_output .sorting_asc,
body.single-kompetenzraster #profile_compare_output .sorting_desc,
body.single-kompetenzraster #profile_compare_output .sortable:hover,
body.single-kompetenzraster .dataTable .sorting_asc,
body.single-kompetenzraster .dataTable .sorting_desc,
body.single-kompetenzraster .dataTable .sortable:hover {
  background: #506d84;
  color: #fff;
}

body.single-kompetenzraster #multi_profile_compare_wrapper #multi_profile_compare tbody td,
body.single-kompetenzraster #profile_compare_output .bold_border.border_right {
  border-bottom-width: 1px !important;
  border-right-width: 1px !important;
  border-color: var(--sp-m006-border-strong) !important;
}

body.single-kompetenzraster #profile_compare_output .border_right {
  border-right: 1px solid var(--sp-m006-border) !important;
}

body.single-kompetenzraster #profile_compare_output .level1,
body.single-kompetenzraster #profile_compare_output .level2,
body.single-kompetenzraster #profile_compare_output .level3,
body.single-kompetenzraster #profile_compare_output .level4,
body.single-kompetenzraster #profile_compare_output .level5 {
  color: var(--sp-m006-text);
}

body.single-kompetenzraster #profile_compare_output .level1 {
  background-color: rgba(197, 229, 239, 0.72);
}

body.single-kompetenzraster #profile_compare_output .level2 {
  background-color: rgba(207, 235, 229, 0.65);
}

body.single-kompetenzraster #profile_compare_output .level3 {
  background-color: rgba(216, 238, 224, 0.58);
}

body.single-kompetenzraster #profile_compare_output .level4 {
  background-color: rgba(221, 242, 213, 0.48);
}

body.single-kompetenzraster #profile_compare_output .level5 {
  background-color: rgba(224, 245, 207, 0.72);
}

body.single-kompetenzraster #multi_profile_compare td.label,
body.single-kompetenzraster #multi_profile_compare th.title,
body.single-kompetenzraster #multi_profile_compare td.label.border_right {
  background: #eee;
  color: var(--sp-m006-text-strong);
  font-weight: 700;
  text-align: left;
}

body.single-kompetenzraster #multi_profile_compare td.sub_cell_container {
  padding: 0;
}

body.single-kompetenzraster #multi_profile_compare .sub_cell {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 2.35rem;
  padding: 0.4rem 0.25rem;
  color: var(--sp-m006-text);
  line-height: 1.3;
}

body.single-kompetenzraster #multi_profile_compare .sub_cell strong,
body.single-kompetenzraster #ticket_table strong {
  color: var(--sp-m006-text-strong);
}

body.single-kompetenzraster #multi_profile_compare .feedback_please_marker {
  min-height: 2.35rem;
  padding: 0.4rem 0.5rem;
  border: 1px solid rgba(109, 74, 0, 0.15);
  background: var(--sp-m006-warn-bg);
  color: var(--sp-m006-warn-text);
  font-weight: 700;
}

body.single-kompetenzraster #multi_profile_compare .feedback_please_marker.is-rated {
  border-color: rgba(21, 92, 76, 0.15);
  background: var(--sp-m006-good-bg);
  color: var(--sp-m006-good-text);
}

body.single-kompetenzraster #ticket_table td.job_status,
body.single-kompetenzraster #ticket_table td.ticket_card_preview.job_status,
body.single-kompetenzraster #profile_compare_output .job_status.done,
body.single-kompetenzraster #profile_compare_output .job_status.cancel {
  font-weight: 600;
}

body.single-kompetenzraster #ticket_table td.ticket_card_preview.job_status,
body.single-kompetenzraster #profile_compare_output .job_status.cancel {
  background: var(--sp-m006-info-bg);
  color: var(--sp-m006-info-text);
}

body.single-kompetenzraster #ticket_table td.job_status.done,
body.single-kompetenzraster #profile_compare_output .job_status.done {
  background: var(--sp-m006-good-bg);
  color: var(--sp-m006-good-text);
}

body.single-kompetenzraster #profile_compare_output .teacher_dashboard_section_content,
body.single-kompetenzraster #multi_compare_plenum > dd.panel,
body.single-kompetenzraster #multi_compare_table_container > dd.panel {
  display: grid;
  gap: var(--sp-m006-space-sm);
}

body.single-kompetenzraster #profile_compare_output .teacher_dashboard_sidemenu_layout {
  display: grid;
  grid-template-columns: minmax(12rem, 15rem) minmax(0, 1fr);
  gap: 1.25rem;
  align-items: start;
}

body.single-kompetenzraster #profile_compare_output .teacher_dashboard_sidemenu_nav {
  position: sticky;
  top: 1rem;
  display: grid;
  gap: 1rem;
  padding: 0;
}

body.single-kompetenzraster #profile_compare_output .teacher_dashboard_sidemenu_link {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.8rem 0.9rem;
  border: 1px solid transparent;
  background: #f1f4f8;
  color: var(--sp-m006-text);
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.25;
  text-decoration: none;
  transition: transform 180ms ease, opacity 180ms ease, border-color 180ms ease, background 180ms ease, box-shadow 180ms ease;
}

#page #profile_compare_output .teacher_dashboard_sidemenu_link {
    box-shadow: var(--layer1)!important;
}

body.single-kompetenzraster #profile_compare_output .teacher_dashboard_sidemenu_link.active {
  border-color: var(--sp-m006-border-strong);
  background: hsl(150, 90%, 80% );
  box-shadow: var(--layer2);
  transform: translateX(0.2rem);
}

body.single-kompetenzraster #profile_compare_output .teacher_dashboard_sidemenu_link[data-sidemenu-disabled="true"] {
  opacity: 0.48;
  cursor: not-allowed;
  filter: saturate(0.2);
}

body.single-kompetenzraster #profile_compare_output .teacher_dashboard_sidemenu_copy {
  display: grid;
  gap: 0.22rem;
  min-width: 0;
  flex: 1 1 auto;
}

body.single-kompetenzraster #profile_compare_output .teacher_dashboard_sidemenu_label {
  display: block;
  min-width: 0;
}

body.single-kompetenzraster #profile_compare_output .teacher_dashboard_sidemenu_label_text {
  display: block;
  min-width: 0;
}

body.single-kompetenzraster #profile_compare_output .teacher_dashboard_section_title_main {
  display: inline-flex;
  align-items: center;
  gap: 0.65rem;
  min-width: 0;
}

body.single-kompetenzraster #profile_compare_output .teacher_dashboard_sidemenu_subline {
  display: block;
  color: var(--sp-m006-text-soft);
  font-size: 0.9rem;
  font-weight: 500;
  line-height: 1.3;
}

body.single-kompetenzraster #profile_compare_output .teacher_dashboard_sidemenu_icon,
body.single-kompetenzraster #profile_compare_output .teacher_dashboard_section_icon {
  width: 1.6rem;
  height: 1.6rem;
  flex: 0 0 1.2rem;
  object-fit: contain;
  opacity: 0.8;
}

.teacher_dashboard_section_title .teacher_dashboard_section_icon {
  display: none;
}

body.single-kompetenzraster #profile_compare_output .teacher_dashboard_sidemenu_count,
body.single-kompetenzraster #profile_compare_output .teacher_dashboard_section_count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.75rem;
  min-height: 1.75rem;
  padding: 0.2rem 0.45rem;
  border-radius: 999px;
  background: #eee;
  color: var(--sp-m006-text-strong);
  font-size: 0.9rem;
  font-weight: 800;
}

body.single-kompetenzraster #profile_compare_output .teacher_dashboard_sidemenu_badge {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
}

body.single-kompetenzraster #profile_compare_output .teacher_dashboard_sidemenu_badge.is-updating .teacher_dashboard_sidemenu_count {
  animation: teacherDashboardBubblePulse 520ms cubic-bezier(.2,.9,.2,1);
}

body.single-kompetenzraster #profile_compare_output .teacher_dashboard_sidemenu_badge_tooltip {
  position: absolute;
  top: calc(100% + 0.45rem);
  right: 0;
  z-index: 12;
  display: grid;
  gap: 0.35rem;
  min-width: 10rem;
  padding: 0.65rem 0.75rem;
  border: 1px solid var(--sp-m006-border-strong);
  border-radius: 0.85rem;
  background: rgba(255, 255, 255, 0.98);
  box-shadow: var(--layer2);
  color: var(--sp-m006-text);
  font-size: 0.85rem;
  line-height: 1.3;
  opacity: 0;
  pointer-events: none;
  transform: translateY(-0.2rem) scale(0.98);
  transition: opacity 160ms ease, transform 160ms ease;
}

body.single-kompetenzraster #profile_compare_output .teacher_dashboard_sidemenu_badge:hover .teacher_dashboard_sidemenu_badge_tooltip,
body.single-kompetenzraster #profile_compare_output .teacher_dashboard_sidemenu_badge:focus-within .teacher_dashboard_sidemenu_badge_tooltip {
  opacity: 1;
  transform: translateY(0) scale(1);
}

body.single-kompetenzraster #profile_compare_output .teacher_dashboard_sidemenu_badge_names {
  display: grid;
  gap: 0.2rem;
}

body.single-kompetenzraster #profile_compare_output .teacher_dashboard_sidemenu_badge_name {
  display: block;
}

body.single-kompetenzraster #profile_compare_output .teacher_dashboard_sidemenu_sections {
  position: relative;
  display: grid;
  min-width: 0;
  overflow: clip;
}

@keyframes teacherDashboardBubblePulse {
  0% {
    transform: scale(1);
  }

  35% {
    transform: scale(1.18);
  }

  100% {
    transform: scale(1);
  }
}

body.single-kompetenzraster #profile_compare_output .teacher_dashboard_section {
/*  display: grid;
  gap: 0.9rem;
  scroll-margin-top: 6rem;*/
  position: absolute;
  inset: 0;
  min-width: 0;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateX(1.5rem) scale(0.985);
  transition: opacity 220ms ease, transform 220ms ease, visibility 0s linear 220ms;
}

body.single-kompetenzraster #profile_compare_output .teacher_dashboard_sidemenu_sections > #multi_compare_plenum.teacher_dashboard_section {
  display: grid;
}

body.single-kompetenzraster #profile_compare_output .teacher_dashboard_section[data-section-active="true"] {
  position: relative;
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateX(0) scale(1);
  transition: opacity 220ms ease, transform 220ms ease, visibility 0s linear 0s;
}

body.single-kompetenzraster #profile_compare_output h2.teacher_dashboard_section_title {
  margin: 0;
  margin-bottom: 1rem;
  font-size: 3rem;
  line-height: 1.15;
}

body.single-kompetenzraster #profile_compare_output .teacher_dashboard_section_title_subline {
  display: inline-block;
  margin-top: 0.45rem;
  font-size: 1.35rem;
  line-height: 1.25;
  font-weight: 600;
  color: var(--sp-m006-text-soft);
}

body.single-kompetenzraster #profile_compare_output h2#multi_compare_table_container_title {
  margin-top: 0;
}

body.single-kompetenzraster #profile_compare_output .teacher_dashboard_section_content {
  min-width: 0;
}

body.single-kompetenzraster #profile_compare_output .teacher_dashboard_placeholder_panel {
  padding: 1rem 1.1rem;
  border: 1px dashed var(--sp-m006-border-strong);
  background: #fff;
  box-shadow: var(--layer1);
  color: var(--sp-m006-text-soft);
}

body.single-kompetenzraster #profile_compare_output .teacher_dashboard_placeholder_panel p {
  margin: 0;
}

body.single-kompetenzraster #profile_compare_output .teacher_dashboard_logbook_loader {
  display: grid;
  gap: 0.75rem;
  padding: 1rem 1.1rem;
  border: 1px solid var(--sp-m006-border);
  border-radius: 1rem;
  background: #fff;
  box-shadow: var(--layer1);
}

body.single-kompetenzraster #profile_compare_output .teacher_dashboard_logbook_loader_copy {
  min-width: 0;
}

body.single-kompetenzraster #profile_compare_output .teacher_dashboard_logbook_progress {
  position: relative;
  display: block;
  width: 100%;
  height: 0.6rem;
  overflow: clip;
  border-radius: 999px;
  background: rgba(28, 72, 58, 0.1);
}

body.single-kompetenzraster #profile_compare_output .teacher_dashboard_logbook_progress_bar {
  --teacher-dashboard-logbook-progress: 0%;
  display: block;
  width: var(--teacher-dashboard-logbook-progress);
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, hsl(150, 68%, 58%), hsl(176, 62%, 44%));
  transition: width 220ms ease;
}

body.single-kompetenzraster #profile_compare_output .teacher_dashboard_logbook_progress_text {
  color: var(--sp-m006-text-soft);
  font-size: 0.9rem;
  line-height: 1.3;
}

@media (max-width: 980px) {
  body.single-kompetenzraster #profile_compare_output .teacher_dashboard_sidemenu_layout {
    grid-template-columns: minmax(0, 1fr);
  }

  body.single-kompetenzraster #profile_compare_output .teacher_dashboard_sidemenu_nav {
    position: static;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 11rem), 1fr));
  }
}

body.single-kompetenzraster #multi_compare_table_container > dt > button.accordion {
  min-height: auto;
  padding: 0.75rem 1rem;
  gap: 0.45rem;
  border: 1px solid var(--sp-m006-border);
  background: #eee;
  box-shadow: none;
}

body.single-kompetenzraster #multi_compare_table_container > dt.active > button.accordion {
  border-bottom-color: var(--sp-m006-border);
  background: #eee;
}

body.single-kompetenzraster #multi_compare_table_container > dt > button.accordion .open_close,
body.single-kompetenzraster #multi_compare_table_container > dt > button.accordion .bubble_counter {
  display: none;
}

body.single-kompetenzraster #multi_compare_table_container > dt > button.accordion .accordion_thema {
  margin-right: 0;
  color: var(--sp-m006-text-soft);
  font-size: 0.88rem;
  font-weight: 600;
}

body.single-kompetenzraster #multi_compare_plenum fieldset,
body.single-kompetenzraster #multi_compare_plenum #plenum_invitation > section.fieldset_wrapper,
body.single-kompetenzraster #plenum_compare_results,
body.single-kompetenzraster #multi_compare_table_container > .teacher_dashboard_section_content > div.flex.margin_bottom,
body.single-kompetenzraster #multi_compare_table_container > dd.panel > div.flex.margin_bottom {
  border: 0;
  background: #fff;
  box-shadow: none;
}

body.single-kompetenzraster #multi_compare_plenum fieldset {
  margin: 0;
  padding: var(--sp-m006-space-sm);
}

body.single-kompetenzraster #multi_compare_plenum fieldset > .flex {
  display: grid;
  grid-template-columns: minmax(14rem, 1.2fr) minmax(10rem, 0.8fr) minmax(18rem, 1.8fr) auto;
  gap: var(--sp-m006-space-sm);
  align-items: end;
}

body.single-kompetenzraster #multi_compare_plenum fieldset > .flex > div {
  min-width: 0;
  margin-right: 0;
}

body.single-kompetenzraster #multi_compare_plenum fieldset > .flex > div.flex1.big {
  min-width: min(22rem, 100%);
}

body.single-kompetenzraster #multi_compare_plenum fieldset > .flex > div:last-child {
  display: flex;
  align-items: end;
  justify-content: flex-end;
  gap: var(--sp-m006-space-xxs);
}

body.single-kompetenzraster #multi_compare_plenum label,
body.single-kompetenzraster #multi_compare_table_container label {
  display: block;
  margin-bottom: 0.45rem;
  color: var(--sp-m006-text-soft);
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.35;
}

body.single-kompetenzraster #multi_compare_plenum select,
body.single-kompetenzraster #multi_compare_plenum input[type="text"],
body.single-kompetenzraster #multi_compare_table_container select,
body.single-kompetenzraster #multi_compare_table_container input[type="text"] {
  width: 100%;
  min-height: 3rem;
  margin: 0;
  padding: 0.7rem 0.85rem;
  border: 1px solid var(--sp-m006-border-strong);
  background: #fff;
  color: #000;
  font-size: 1rem;
  line-height: 1.3;
}

body.single-kompetenzraster #multi_compare_plenum input[type="range"] {
  width: 100%;
  min-height: 3rem;
  margin: 0;
}

body.single-kompetenzraster #multi_compare_plenum .button_container,
body.single-kompetenzraster #multi_compare_table_container .button_container {
  margin: 0;
}

body.single-kompetenzraster #multi_compare_plenum .button_container button,
body.single-kompetenzraster #multi_compare_table_container .button_container button,
body.single-kompetenzraster #multi_compare_plenum button.center_btn {
  min-height: 3rem;
  padding: 0.75rem 1rem;
  font-size: 1rem;
  font-weight: 700;
}

body.single-kompetenzraster #multi_compare_plenum .triangle_down_center,
body.single-kompetenzraster #multi_compare_plenum .triangle_down_center::before,
body.single-kompetenzraster #multi_compare_plenum .triangle_down_center::after {
  color: transparent;
}

body.single-kompetenzraster #plenum_compare_results h3 {
  display: flex;
  align-items: center;
  gap: var(--sp-m006-space-xxs);
  margin: 0 0 var(--sp-m006-space-xs);
}

body.single-kompetenzraster #plenum_compare_results {
  display: grid;
  gap: 1rem;
}

body.single-kompetenzraster #plenum_compare_results .multi_compare_plenum_shell {
  display: grid;
  gap: 1rem;
}

body.single-kompetenzraster #plenum_compare_results .multi_compare_plenum_tabs {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 16rem), 19rem));
  gap: 0.85rem;
  align-items: start;
}

body.single-kompetenzraster #plenum_compare_results .multi_compare_plenum_tab {
  display: grid;
  align-content: start;
  gap: 0.5rem;
  min-height: 11rem;
  padding: 1rem;
  border: 1px solid var(--sp-m006-border);
  border-radius: 1rem;
  background: linear-gradient(180deg, rgba(238, 238, 238, 0.98), rgba(230, 237, 236, 0.98));
  box-shadow: var(--layer1);
  color: var(--sp-m006-text);
  text-align: left;
  transition: transform 0.28s ease, box-shadow 0.28s ease, border-color 0.28s ease, background-color 0.28s ease;
}

body.single-kompetenzraster #plenum_compare_results .multi_compare_plenum_tab.active {
  border-color: rgba(24, 92, 55, 0.28);
  box-shadow: var(--layer1), 0 12px 28px rgba(20, 36, 52, 0.1);
  transform: translateY(-0.1rem);
}

body.single-kompetenzraster #plenum_compare_results .multi_compare_plenum_tab_date,
body.single-kompetenzraster #plenum_compare_results .multi_compare_plenum_tab_more {
  color: var(--sp-m006-text-soft);
  font-size: 0.88rem;
}

body.single-kompetenzraster #plenum_compare_results .multi_compare_plenum_preview_bars {
  display: flex;
  align-items: stretch;
  gap: 0.3rem;
  min-height: 4.6rem;
  padding: 0.4rem;
  border-radius: 0.9rem;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: inset 0 0 0 1px rgba(20, 36, 52, 0.04);
}

body.single-kompetenzraster #plenum_compare_results .multi_compare_plenum_preview_bar {
  display: block;
  min-width: 0.5rem;
  flex: 1 1 auto;
  border-radius: 999px;
}

body.single-kompetenzraster #plenum_compare_results .multi_compare_plenum_preview_bar[data-preview-tone="tone-0"] {
  background: hsl(190, 0%, 72%);
}

body.single-kompetenzraster #plenum_compare_results .multi_compare_plenum_preview_bar[data-preview-tone="tone-1"] {
  background: hsl(190, 60%, 42%);
}

body.single-kompetenzraster #plenum_compare_results .multi_compare_plenum_preview_bar[data-preview-tone="tone-2"] {
  background: hsl(172, 70%, 72%);
}

body.single-kompetenzraster #plenum_compare_results .multi_compare_plenum_preview_bar[data-preview-tone="tone-3"] {
  background: hsl(166, 80%, 72%);
}

body.single-kompetenzraster #plenum_compare_results .multi_compare_plenum_preview_bar[data-preview-tone="tone-4"] {
  background: hsl(150, 90%, 72%);
}

body.single-kompetenzraster #plenum_compare_results .multi_compare_plenum_preview_bar[data-preview-tone="tone-5"] {
  background: hsl(140, 100%, 72%);
}

body.single-kompetenzraster #plenum_compare_results .multi_compare_plenum_preview_empty {
  display: grid;
  place-items: center;
  min-height: 4.6rem;
  padding: 0.75rem;
  border-radius: 0.9rem;
  background: rgba(255, 255, 255, 0.9);
  color: var(--sp-m006-text-soft);
  text-align: center;
}

body.single-kompetenzraster #plenum_compare_results .multi_compare_plenum_tab_questions {
  color: var(--sp-m006-text);
  font-size: 0.95rem;
  line-height: 1.4;
}

body.single-kompetenzraster #plenum_compare_results .multi_compare_plenum_tab_meta {
  color: var(--sp-m006-text-strong);
  font-size: 0.95rem;
  font-weight: 700;
}

body.single-kompetenzraster #plenum_compare_results .multi_compare_plenum_panels {
  display: grid;
}

body.single-kompetenzraster #plenum_compare_results .multi_compare_plenum_panel {
  display: none;
  gap: 1rem;
  padding: 1rem;
  border: 1px solid var(--sp-m006-border);
  border-radius: 1rem;
  background: #fff;
  box-shadow: var(--layer1);
  view-transition-name: m009-plenum-panel;
}

body.single-kompetenzraster #plenum_compare_results .multi_compare_plenum_panel.active {
  display: grid;
}

body.single-kompetenzraster #plenum_compare_results[data-focus-plenum]:not([data-focus-plenum=""]) .multi_compare_plenum_panels {
  display: grid;
}

body.single-kompetenzraster #plenum_compare_results .multi_compare_plenum_panel_head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 1rem;
  align-items: start;
}

body.single-kompetenzraster #plenum_compare_results .multi_compare_plenum_panel_copy {
  display: grid;
  gap: 0.25rem;
}

body.single-kompetenzraster #plenum_compare_results .multi_compare_plenum_panel_copy small,
body.single-kompetenzraster #plenum_compare_results .multi_compare_plenum_panel_copy p {
  margin: 0;
  color: var(--sp-m006-text-soft);
}

body.single-kompetenzraster #plenum_compare_results .multi_compare_plenum_panel_copy h4 {
  margin: 0;
  color: var(--sp-m006-text-strong);
  font-size: 1.25rem;
}

body.single-kompetenzraster #plenum_compare_results .multi_compare_plenum_panel_content {
  display: grid;
  gap: 1rem;
}

body.single-kompetenzraster #plenum_compare_results .multi_compare_plenum_detail_grid {
  display: grid;
  gap: 1rem;
}

body.single-kompetenzraster #plenum_compare_results .multi_compare_plenum_detail_summary,
body.single-kompetenzraster #plenum_compare_results .multi_compare_plenum_detail_visuals {
  display: grid;
  gap: 1rem;
}

body.single-kompetenzraster #plenum_compare_results .multi_compare_plenum_people_card {
  display: grid;
  gap: 0.75rem;
  padding: 1rem;
  border: 1px solid var(--sp-m006-border);
  border-radius: 1rem;
  background: linear-gradient(180deg, rgba(238, 238, 238, 0.98), rgba(248, 250, 249, 0.98));
  box-shadow: var(--layer1);
}

body.single-kompetenzraster #plenum_compare_results .multi_compare_plenum_people_card > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}

body.single-kompetenzraster #plenum_compare_results .multi_compare_plenum_people_card > header strong {
  color: var(--sp-m006-text-strong);
}

body.single-kompetenzraster #plenum_compare_results .multi_compare_plenum_people_card > header small {
  color: var(--sp-m006-text-soft);
  font-weight: 700;
}

body.single-kompetenzraster #plenum_compare_results .multi_compare_plenum_people_list,
body.single-kompetenzraster #plenum_compare_results .multi_compare_plenum_question_list {
  display: grid;
  gap: 0.55rem;
  margin: 0;
  padding-left: 1.15rem;
}

body.single-kompetenzraster #plenum_compare_results .multi_compare_plenum_people_empty {
  margin: 0;
  color: var(--sp-m006-text-soft);
}

body.single-kompetenzraster #plenum_compare_results .multi_compare_plenum_empty_state {
  display: grid;
  place-items: center;
  min-height: 18rem;
  padding: 1.25rem;
  border: 1px solid var(--sp-m006-border);
  border-radius: 1rem;
  background: linear-gradient(180deg, rgba(238, 238, 238, 0.98), rgba(248, 250, 249, 0.98));
  color: var(--sp-m006-text-soft);
  font-size: 1rem;
  text-align: center;
  box-shadow: var(--layer1);
}

body.single-kompetenzraster #plenum_compare_results[data-focus-plenum]:not([data-focus-plenum=""]) .multi_compare_plenum_shell {
  grid-template-columns: minmax(10.5rem, 12rem) minmax(0, 1fr);
  align-items: start;
}

body.single-kompetenzraster #plenum_compare_results[data-focus-plenum]:not([data-focus-plenum=""]) .multi_compare_plenum_tabs {
  grid-template-columns: 1fr;
  position: sticky;
  top: 6rem;
}

body.single-kompetenzraster #plenum_compare_results[data-focus-plenum]:not([data-focus-plenum=""]) .multi_compare_plenum_tab:not(.active) {
  min-height: 7.4rem;
  gap: 0.35rem;
  box-shadow: none;
  transform: none;
}

body.single-kompetenzraster #plenum_compare_results[data-focus-plenum]:not([data-focus-plenum=""]) .multi_compare_plenum_tab:not(.active) .multi_compare_plenum_preview_bars,
body.single-kompetenzraster #plenum_compare_results[data-focus-plenum]:not([data-focus-plenum=""]) .multi_compare_plenum_tab:not(.active) .multi_compare_plenum_preview_empty {
  min-height: 2.7rem;
}

body.single-kompetenzraster #plenum_compare_results[data-focus-plenum]:not([data-focus-plenum=""]) .multi_compare_plenum_panel.active {
  min-height: 32rem;
  grid-column: 2;
  grid-row: 1 / span 24;
  align-self: start;
  border-color: rgba(24, 92, 55, 0.26);
  box-shadow:
    0 18px 38px rgba(20, 36, 52, 0.16),
    0 0 0 1px rgba(24, 92, 55, 0.08);
}

body.single-kompetenzraster #plenum_compare_results[data-focus-plenum]:not([data-focus-plenum=""]) .multi_compare_plenum_panel.active .multi_compare_plenum_panel_content {
  gap: 1.25rem;
}

body.single-kompetenzraster #plenum_compare_results[data-focus-plenum]:not([data-focus-plenum=""]) .multi_compare_plenum_detail_grid {
  grid-template-columns: minmax(16rem, 20rem) minmax(0, 1fr);
  align-items: start;
}

body.single-kompetenzraster #plenum_compare_results table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  background: #fff;
  font-size: 0.93rem;
  line-height: 1.35;
}

body.single-kompetenzraster #plenum_compare_results th,
body.single-kompetenzraster #plenum_compare_results td {
  padding: 0.7rem 0.55rem;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
  color: var(--sp-m006-text);
  vertical-align: top;
}

body.single-kompetenzraster #plenum_compare_results th {
  background: #eee;
  color: var(--sp-m006-text-strong);
  font-size: 0.84rem;
  font-weight: 800;
  line-height: 1.25;
}

body.single-kompetenzraster #plenum_compare_results td:last-child,
body.single-kompetenzraster #plenum_compare_results th:last-child {
  border-right: 0;
}

body.single-kompetenzraster #plenum_compare_results .chart-container {
  border: 1px solid var(--sp-m006-border);
  background: #fff;
  box-shadow: var(--layer1);
}

body.single-kompetenzraster #plenum_compare_results .multi_compare_plenum_chart_container {
  position: relative;
  min-height: 18rem;
  height: clamp(18rem, 34vw, 24rem);
}

body.single-kompetenzraster #plenum_compare_results .multi_compare_plenum_chart_container canvas[id^="chart"] {
  width: 100% !important;
  height: 100% !important;
  max-width: 100%;
  max-height: none;
}

body.single-kompetenzraster #plenum_compare_results canvas[id^="chart"] {
  width: 100% !important;
  max-width: 100%;
  height: min(16rem, 38vw) !important;
  max-height: 16rem;
}

body.single-kompetenzraster #multi_compare_table_container > .teacher_dashboard_section_content > hr,
body.single-kompetenzraster #multi_compare_table_container > dd.panel > hr {
  display: none;
}

body.single-kompetenzraster #multi_compare_table_container > .teacher_dashboard_section_content > div.flex.margin_bottom,
body.single-kompetenzraster #multi_compare_table_container > dd.panel > div.flex.margin_bottom {
  display: flex;
  flex-wrap: wrap;
  align-items: end;
  gap: var(--sp-m006-space-sm);
  margin: 0;
  padding: var(--sp-m006-space-sm);
}

body.single-kompetenzraster #multi_compare_table_container > .teacher_dashboard_section_content > div.flex.margin_bottom > *,
body.single-kompetenzraster #multi_compare_table_container > dd.panel > div.flex.margin_bottom > * {
  min-width: 0;
}

body.single-kompetenzraster #multi_compare_table_container > .teacher_dashboard_section_content > div.flex.margin_bottom .button_container,
body.single-kompetenzraster #multi_compare_table_container > .teacher_dashboard_section_content > div.flex.margin_bottom > .right,
body.single-kompetenzraster #multi_compare_table_container > .teacher_dashboard_section_content > div.flex.margin_bottom > div:last-child,
body.single-kompetenzraster #multi_compare_table_container > dd.panel > div.flex.margin_bottom .button_container,
body.single-kompetenzraster #multi_compare_table_container > dd.panel > div.flex.margin_bottom > .right,
body.single-kompetenzraster #multi_compare_table_container > dd.panel > div.flex.margin_bottom > div:last-child {
  margin-left: auto;
}

body.single-kompetenzraster #jdf_container .chart_wrap,
body.single-kompetenzraster #jdf_container .chart-container {
  width: 100%;
  max-width: 100%;
  margin: 0 0 var(--sp-m006-space-sm);
  padding: 1rem;
  background: #f7f9fb;
}

body.single-kompetenzraster #compare_scatter_container {
  width: 100% !important;
  max-width: 100% !important;
  height: min(18rem, 38vw) !important;
  padding: 1rem;
  box-sizing: border-box;
}

body.single-kompetenzraster #jdf_container canvas.chart,
body.single-kompetenzraster #jdf_container canvas[id^="marksChart"],
body.single-kompetenzraster #jdf_container canvas[id^="chart"],
body.single-kompetenzraster #jdf_container #compare_scatter {
  display: block;
  width: 100% !important;
  max-width: 100%;
  height: min(18rem, 42vw) !important;
  max-height: 18rem;
}

body.single-kompetenzraster #multi_compare_table_container > .teacher_dashboard_section_content > div.flex.margin_bottom,
body.single-kompetenzraster #multi_compare_table_container > dd.panel > div.flex.margin_bottom {
  display: flex;
  flex-wrap: wrap;
  align-items: start;
  gap: 1rem;
}

body.single-kompetenzraster #multi_compare_table_container > .teacher_dashboard_section_content > div.flex.margin_bottom > div,
body.single-kompetenzraster #multi_compare_table_container > dd.panel > div.flex.margin_bottom > div {
  flex: 1 1 18rem;
  min-width: 0;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_table_shell {
  display: grid;
  gap: 1.5rem;
  padding-bottom: 6rem;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_table_header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 1rem 1.5rem;
  padding: 1.25rem 1.5rem 1rem;
  border: 1px solid var(--sp-m006-border);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(238, 238, 238, 0.95));
  box-shadow: var(--layer1);
}

body.single-kompetenzraster #profile_compare_output .multi_compare_table_header_text {
  display: grid;
  gap: 0.2rem;
  min-width: 0;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_table_header h3 {
  margin: 0;
  color: var(--sp-m006-text-strong);
  font-size: 1.62rem;
  line-height: 1.1;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_table_header p {
  margin: 0;
  max-width: 48rem;
  color: var(--sp-m006-text-soft);
  font-size: 1rem;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_table_overview,
body.single-kompetenzraster #profile_compare_output .multi_compare_table_controls,
body.single-kompetenzraster #profile_compare_output .multi_compare_cards_section {
  display: grid;
  gap: 1rem;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_cards_controls {
  margin-bottom: 0;
  padding: 1rem;
  border-color: var(--sp-m006-border);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(238, 238, 238, 0.96));
  box-shadow: var(--layer1);
}

body.single-kompetenzraster #profile_compare_output .multi_compare_cards_controls_row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.75rem;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_cards_controls_row label {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  margin: 0;
  color: var(--sp-m006-text);
  font-size: 1rem;
  font-weight: 700;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_summary_meta {
  display: grid;
  justify-items: end;
  align-content: end;
  gap: 0.1rem;
  min-width: 8rem;
  text-align: right;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_summary_meta_value {
  display: block;
  color: var(--sp-m006-text-strong);
  font-size: 1.9rem;
  line-height: 1;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_summary_meta_label {
  display: block;
  color: var(--sp-m006-text-soft);
  font-size: 1rem;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_table_overview hr {
  display: none;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_history_controls {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 18rem), 1fr));
  align-items: start;
  gap: 1rem;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_dashboard_panel {
  display: grid;
  align-content: start;
  gap: 1rem;
  padding: 1rem;
  border: 1px solid var(--sp-m006-border);
  border-radius: 1rem;
  background-color: #eee;
  box-shadow: var(--layer1);
}

body.single-kompetenzraster #profile_compare_output .multi_compare_dashboard_panel_head {
  display: grid;
  gap: 0.18rem;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_dashboard_panel_head strong {
  color: var(--sp-m006-text-strong);
  font-size: 1rem;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_dashboard_panel_head small {
  color: var(--sp-m006-text-soft);
  font-size: 0.92rem;
  line-height: 1.35;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_history_controls_head {
  gap: 0.35rem;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_history_controls_copy {
  display: grid;
  gap: 0.18rem;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_history_controls_copy strong {
  color: var(--sp-m006-text-strong);
  font-size: 1rem;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_history_controls_copy small,
body.single-kompetenzraster #profile_compare_output .multi_compare_history_free_input small {
  color: var(--sp-m006-text-soft);
  font-size: 1rem;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_history_cluster_filters {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_history_cluster_toggle {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  min-height: 2.15rem;
  padding: 0.4rem 0.8rem 0.4rem 0.72rem;
  border: 1px solid rgba(18, 43, 38, 0.12);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.9);
  color: var(--sp-m006-text);
  font-size: 1rem;
  font-weight: 700;
  box-shadow:
    var(--layer1),
    inset 0 0 0 1px rgba(18, 43, 38, 0.02);
}

body.single-kompetenzraster #profile_compare_output .multi_compare_history_cluster_toggle::before {
  content: "";
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 999px;
  background: var(--multi-compare-cluster-accent, rgba(24, 92, 55, 0.76));
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.96);
}

body.single-kompetenzraster #profile_compare_output .multi_compare_history_cluster_toggle[data-cluster-active="true"] {
  border-color: var(--multi-compare-cluster-accent, rgba(24, 92, 55, 0.24));
  box-shadow:
    var(--layer1),
    inset 0 0 0 1px var(--multi-compare-cluster-accent, rgba(24, 92, 55, 0.24)),
    0 8px 18px rgba(20, 36, 52, 0.08);
}

body.single-kompetenzraster #profile_compare_output .multi_compare_history_cluster_toggle[data-cluster-active="false"] {
  opacity: 0.52;
  filter: saturate(0.2);
}

body.single-kompetenzraster #profile_compare_output .multi_compare_history_slider_wrap {
  display: grid;
  gap: 0.65rem;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_history_slider {
  width: 100%;
  margin: 0;
  accent-color: rgb(24, 92, 55);
}

body.single-kompetenzraster #profile_compare_output .multi_compare_history_points {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_history_point {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2rem;
  padding: 0.35rem 0.65rem;
  border: 1px solid rgba(18, 43, 38, 0.12);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.82);
  color: var(--sp-m006-text);
  font-size: 1rem;
  font-weight: 700;
  box-shadow: var(--layer1);
  cursor: pointer;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_history_point[data-active] {
  border-color: rgba(24, 92, 55, 0.24);
  background: rgba(24, 92, 55, 0.12);
  color: rgb(24, 92, 55);
}

body.single-kompetenzraster #profile_compare_output .multi_compare_history_free_input {
  display: grid;
  gap: 0.3rem;
  margin: 0;
  color: var(--sp-m006-text);
  font-size: 1rem;
  font-weight: 700;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_history_free_input input {
  width: min(100%, 19rem);
  min-height: 2.4rem;
  padding: 0.45rem 0.65rem;
  border: 1px solid rgba(18, 43, 38, 0.12);
  border-radius: 0.75rem;
  background: rgba(255, 255, 255, 0.92);
  color: var(--sp-m006-text);
}

body.single-kompetenzraster #profile_compare_output .multi_compare_table_overview > .multi_compare_overview_row,
body.single-kompetenzraster #profile_compare_output .multi_compare_table_overview > div.flex.margin_bottom {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 18rem), 1fr));
  align-items: stretch;
  gap: 1.5rem;
  margin: 0;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_table_overview .chart-container {
  margin-bottom: 0;
  padding: 0;
  background: transparent;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_overview_stats_card,
body.single-kompetenzraster #profile_compare_output .multi_compare_table_overview > div.flex.margin_bottom > div:last-child {
  display: grid;
  align-content: start;
  gap: 0.75rem;
  margin-left: 0;
  padding: 1rem;
  border: 1px solid var(--sp-m006-border);
  background: #fff;
  box-shadow: var(--layer1);
}

body.single-kompetenzraster #profile_compare_output .multi_compare_chart_panel[data-panel-span="2"] {
  grid-column: span 1;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_overview_stats_card > strong,
body.single-kompetenzraster #profile_compare_output .multi_compare_table_overview > div.flex.margin_bottom > div:last-child > strong {
  color: var(--sp-m006-text-strong);
  font-size: 1rem;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_overview_stats_card > div,
body.single-kompetenzraster #profile_compare_output .multi_compare_table_overview > div.flex.margin_bottom > div:last-child > div {
  display: grid;
  gap: 0.35rem;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_overview_stats_card small,
body.single-kompetenzraster #profile_compare_output .multi_compare_table_overview > div.flex.margin_bottom > div:last-child small {
  color: var(--sp-m006-text-soft);
  font-size: 1rem;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_overview_stats_card {
  gap: 0.65rem;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_overview_progressbars {
  display: grid;
  gap: 0.42rem;
  margin-bottom: 0.1rem;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_overview_stats_table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
  font-size: 0.86rem;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_overview_stats_table thead th {
  padding: 0.38rem 0.42rem;
  border-bottom: 1px solid rgba(18, 43, 38, 0.15);
  color: var(--sp-m006-text-strong);
  text-align: center;
  vertical-align: bottom;
  font-weight: 700;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_overview_stats_table thead th:first-child {
  width: 5.1rem;
  text-align: left;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_overview_stats_table tbody th {
  padding: 0.32rem 0.42rem;
  color: var(--sp-m006-text-strong);
  text-align: left;
  font-weight: 700;
  border-bottom: 1px solid rgba(18, 43, 38, 0.08);
}

body.single-kompetenzraster #profile_compare_output .multi_compare_overview_stats_table tbody td {
  padding: 0.32rem 0.42rem;
  color: var(--sp-m006-text);
  text-align: center;
  border-bottom: 1px solid rgba(18, 43, 38, 0.08);
}

body.single-kompetenzraster #profile_compare_output .multi_compare_overview_stats_table tbody tr:last-child th,
body.single-kompetenzraster #profile_compare_output .multi_compare_overview_stats_table tbody tr:last-child td {
  border-bottom: 0;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_overview_abort_counter {
  display: block;
  padding-top: 0.35rem;
  border-top: 1px solid rgba(18, 43, 38, 0.08);
  line-height: 1.35;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_overview_abort_counter.has_alert {
  color: #8b1e27;
}

body.single-kompetenzraster #profile_compare_output #compare_scatter_container {
  width: 100% !important;
  height: clamp(18rem, 34vw, 20rem) !important;
  padding: 0.25rem 0 0;
  background: transparent;
  box-shadow: none;
}

body.single-kompetenzraster #profile_compare_output #compare_scatter {
  height: clamp(18rem, 36vw, 20rem) !important;
  max-height: 20rem;
}

body.single-kompetenzraster #profile_compare_output #grinds_chart {
  display: grid;
  justify-items: start;
  gap: 0.25rem;
  margin-top: -0.25rem;
  padding-inline: 0.25rem;
}

body.single-kompetenzraster #profile_compare_output #grinds_chart .icons {
  font-size: 1rem;
  opacity: 0.72;
}

body.single-kompetenzraster #profile_compare_output #grinds_chart small {
  color: var(--sp-m006-text-soft);
  font-size: 1rem;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_filter_chip {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  min-height: 2.25rem;
  padding: 0.4rem 0.7rem;
  border: 1px solid #eee;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.84);
}

body.single-kompetenzraster #profile_compare_output .multi_compare_filter_chip[data-filter-disabled="true"] {
  opacity: 0.56;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_filter_chip[data-filter-disabled="true"] input {
  cursor: not-allowed;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_filter_chip small {
  color: var(--sp-m006-text-soft);
  font-size: 1rem;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_cards_board {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 16rem), 19rem));
  align-items: start;
  gap: 1rem;
  overflow: visible;
  grid-auto-flow: dense;
  transition: grid-template-columns 0.42s ease, gap 0.42s ease;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_student_card {
  position: relative;
  display: grid;
  gap: 0;
  margin-bottom: 0;
  padding: 0;
  border-color: var(--sp-m006-border);
  background: linear-gradient(180deg, #eee 0%, hsla(184, 18%, 91%, 0.98) 100%);
  overflow: visible;
  transform-origin: center top;
  transition:
    transform 0.42s ease,
    opacity 0.42s ease,
    filter 0.42s ease,
    box-shadow 0.42s ease,
    border-color 0.42s ease;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_student_card > section {
  margin-bottom: 0;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_student_profile,
body.single-kompetenzraster #profile_compare_output .multi_compare_student_header {
  padding: 1rem 1rem 0;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_student_header {
  display: block;
  gap: 0.5rem;
  margin-bottom: 0.42rem;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_student_profile_body {
  display: flex;
  position: relative;
  flex-direction: row;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.75rem;
  min-width: 0;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_student_profile_body strong {
  display: block;
  flex: 1 1 auto;
  min-width: 0;
  color: var(--sp-m006-text-strong);
  font-size: 1.15rem;
  font-weight: 800;
  line-height: 1.2;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_student_profile .cancel,
body.single-kompetenzraster #profile_compare_output .multi_compare_student_profile .done,
body.single-kompetenzraster #profile_compare_output .multi_compare_student_header .cancel,
body.single-kompetenzraster #profile_compare_output .multi_compare_student_header .done {
  display: inline-flex;
  align-items: center;
  min-height: 1.75rem;
  padding: 0.2rem 0.55rem;
  border: 1px solid rgba(0, 0, 0, 0.07);
  background: rgba(0, 0, 0, 0.06);
  color: var(--sp-m006-text-soft);
  font-size: 1rem;
  font-weight: 700;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_student_status_text {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.3rem;
  flex: 0 0 auto;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.2;
  color: var(--sp-m006-text-soft);
}

body.single-kompetenzraster #profile_compare_output .multi_compare_student_completion_badge {
  display: inline-flex;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -80%);
  align-items: center;
  justify-content: center;
  min-height: 1.6rem;
  padding: 0.16rem 0.52rem;
  border: 1px solid rgba(24, 92, 55, 0.22);
  border-radius: 999px;
  background: linear-gradient(135deg, rgba(203, 245, 218, 0.96), rgba(129, 218, 165, 0.9));
  color: rgb(18, 82, 48);
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.01em;
  white-space: nowrap;
  z-index: 3;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_student_status_text[data-student-status="online"]::before {
  content: "\2713";
  color: rgb(24, 92, 55);
  font-weight: 800;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_student_status_text[data-student-status="offline"]::before {
  content: "";
}

body.single-kompetenzraster #profile_compare_output .multi_compare_student_card[data-student-status="online"] {
  border-color: rgba(24, 92, 55, 0.2);
}

body.single-kompetenzraster #profile_compare_output .multi_compare_student_card[data-student-status="offline"] {
  border-color: rgba(142, 74, 14, 0.18);
}

body.single-kompetenzraster #profile_compare_output .multi_compare_student_card[data-student-status="offline"] .multi_compare_student_status_text {
  opacity: 0.66;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_student_metrics {
  margin: 0 1rem;
  display: grid;
  align-content: start;
  gap: 0.75rem;
  min-height: auto;
  padding: 0;
  border: 1px solid #eee;
  border-radius: 0.8rem;
  background: linear-gradient(180deg, hsla(184, 18%, 92%, 0.98) 0%, #eee 100%);
}

body.single-kompetenzraster #profile_compare_output .multi_compare_student_chart_panel {
  display: grid;
  align-content: start;
  gap: 0.55rem;
  min-height: 9.2rem;
  margin-bottom: 0;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_student_card:not([data-focus-mode="active"]) .multi_compare_student_chart_panel {
  min-height: 0;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_student_card:not([data-focus-mode="active"]) .multi_compare_student_chart_wrapper {
  display: none;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_student_chart_wrapper {
  position: relative;
  height: 5.25rem;
  padding: 0.45rem 0.6rem 0.35rem;
  border: 1px solid #eee;
  border-radius: 0.85rem;
  background:
    radial-gradient(circle at top left, rgba(97, 162, 135, 0.18), transparent 55%),
    linear-gradient(180deg, hsla(184, 20%, 92%, 0.98) 0%, #eee 100%);
  cursor: pointer;
  transition:
    height 0.42s ease,
    transform 0.42s ease,
    opacity 0.42s ease,
    filter 0.42s ease;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_student_chart_canvas {
  width: 100% !important;
  height: 100% !important;
  display: block;
  transition: opacity 0.42s ease, filter 0.42s ease;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_student_chart_progress {
  display: grid;
  gap: 0.35rem;
  min-height: 3rem;
  padding: 0;
  border: 1px solid #eee;
  border-radius: 0.75rem;
  background: linear-gradient(180deg, hsla(184, 18%, 92%, 0.96) 0%, #eee 100%);
  cursor: pointer;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_student_chart_progress_host {
  display: grid;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_student_alert_row {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 0.35rem;
  padding: 0 0.55rem 0.55rem;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_student_chart_progress_track {
  gap: 0;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_student_chart_progress_segment {
  display: block;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_student_chart_progress_segment[data-progress-reserve="true"] progress {
  width: 80%;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_student_chart_progress_row {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 0.5rem;
  align-items: end;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_student_chart_progress_row > .multi_compare_student_chart_progress_segment[data-progress-span="2"] {
  grid-column: span 1;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_student_chart_progress_row > .multi_compare_student_chart_progress_segment[data-progress-span="1"] {
  grid-column: span 1;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_student_chart_progress_row > .multi_compare_student_chart_progress_segment:only-child {
  grid-column: 1 / -1;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_student_chart_progress_heading {
  margin: 0 0 0.35rem;
  color: var(--sp-m006-text-strong);
  font-size: 1rem;
  font-weight: 800;
  line-height: 1.2;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_student_chart_progress_head {
  display: block;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_student_chart_progress_head label {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  margin: 0;
  font-size: 1rem;
  line-height: 1.1;
  color: var(--sp-m006-text-soft);
}

body.single-kompetenzraster #profile_compare_output .multi_compare_student_chart_progress_delta {
  display: inline-block;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1;
  color: hsl(160, 64%, 42%);
}

body.single-kompetenzraster #profile_compare_output .multi_compare_student_chart_progress_delta[data-delta-tone="mid"] {
  color: hsl(170, 64%, 42%);
}

body.single-kompetenzraster #profile_compare_output .multi_compare_student_chart_progress_delta[data-delta-tone="low"] {
  color: hsl(160, 30%, 42%);
}

body.single-kompetenzraster #profile_compare_output .multi_compare_student_chart_progress_segment progress {
  display: block;
  width: 100%;
  height: 0.32rem;
  margin-bottom: 0.5rem;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_student_chart_progress_segment progress::-webkit-progress-bar,
body.single-kompetenzraster #profile_compare_output .multi_compare_student_chart_progress_segment progress {
  border: 0;
  border-radius: 999px;
  background: hsla(180, 10%, 86%, 0.85);
  overflow: hidden;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_student_chart_progress_segment progress::-webkit-progress-value {
  border-radius: inherit;
  background: linear-gradient(90deg, hsla(190, 64%, 46%, 0.78), hsla(160, 64%, 42%, 0.96));
}

body.single-kompetenzraster #profile_compare_output .multi_compare_student_chart_progress_segment progress::-moz-progress-bar {
  border-radius: inherit;
  background: linear-gradient(90deg, hsla(190, 64%, 46%, 0.78), hsla(160, 64%, 42%, 0.96));
}

body.single-kompetenzraster #profile_compare_output .multi_compare_student_chart_progress_segment[data-progress-tone="material"] progress::-webkit-progress-value,
body.single-kompetenzraster #profile_compare_output .multi_compare_student_chart_progress_segment[data-progress-tone="material"] progress::-moz-progress-bar {
  background: linear-gradient(90deg, hsla(34, 72%, 54%, 0.82), hsla(28, 72%, 44%, 0.96));
}

body.single-kompetenzraster #profile_compare_output .multi_compare_student_chart_progress_segment[data-progress-tone="flow"] progress::-webkit-progress-value,
body.single-kompetenzraster #profile_compare_output .multi_compare_student_chart_progress_segment[data-progress-tone="flow"] progress::-moz-progress-bar {
  background: linear-gradient(90deg, hsla(12, 70%, 52%, 0.82), hsla(34, 76%, 46%, 0.96));
}

body.single-kompetenzraster #profile_compare_output .multi_compare_student_chart_progress_segment[data-progress-tone="guete"] progress::-webkit-progress-value,
body.single-kompetenzraster #profile_compare_output .multi_compare_student_chart_progress_segment[data-progress-tone="guete"] progress::-moz-progress-bar {
  background: linear-gradient(90deg, hsla(208, 66%, 52%, 0.82), hsla(188, 70%, 44%, 0.96));
}

body.single-kompetenzraster #profile_compare_output .multi_compare_student_chart_progress_segment[data-progress-tone="expert"] progress::-webkit-progress-value,
body.single-kompetenzraster #profile_compare_output .multi_compare_student_chart_progress_segment[data-progress-tone="expert"] progress::-moz-progress-bar {
  background: linear-gradient(90deg, hsla(276, 52%, 52%, 0.82), hsla(248, 52%, 44%, 0.96));
}

body.single-kompetenzraster #profile_compare_output .multi_compare_student_chart_progress_segment[data-progress-tone="zusatz"] progress::-webkit-progress-value,
body.single-kompetenzraster #profile_compare_output .multi_compare_student_chart_progress_segment[data-progress-tone="zusatz"] progress::-moz-progress-bar {
  background: linear-gradient(90deg, hsla(138, 56%, 48%, 0.82), hsla(126, 56%, 40%, 0.96));
}

body.single-kompetenzraster #profile_compare_output .multi_compare_student_chart_progress_segment[data-progress-tone="review"] progress::-webkit-progress-value,
body.single-kompetenzraster #profile_compare_output .multi_compare_student_chart_progress_segment[data-progress-tone="review"] progress::-moz-progress-bar {
  background: linear-gradient(90deg, hsla(18, 74%, 54%, 0.82), hsla(4, 74%, 46%, 0.96));
}

body.single-kompetenzraster #profile_compare_output .multi_compare_student_alert_badge {
  display: inline-flex;
  align-items: center;
  min-height: 1.55rem;
  padding: 0.12rem 0.5rem;
  border: 1px solid rgba(18, 43, 38, 0.12);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.9);
  font-size: 1rem;
  font-weight: 800;
  letter-spacing: 0.01em;
}

body.single-kompetenzraster #profile_compare_output button.multi_compare_student_alert_badge {
  box-shadow: var(--layer1);
  cursor: pointer;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_student_alert_badge[data-alert-tone="ticket"] {
  border-color: rgba(163, 41, 53, 0.22);
  background: rgba(252, 235, 236, 0.96);
  color: rgb(142, 31, 42);
}

body.single-kompetenzraster #profile_compare_output .multi_compare_student_alert_badge[data-alert-tone="feedback"] {
  border-color: rgba(24, 92, 55, 0.18);
  background: rgba(229, 241, 235, 0.96);
  color: rgb(24, 92, 55);
}

body.single-kompetenzraster #profile_compare_output .multi_compare_student_alert_badge[data-alert-tone="plenum"] {
  border-color: rgba(33, 91, 150, 0.2);
  background: rgba(232, 241, 251, 0.96);
  color: rgb(30, 82, 136);
}

body.single-kompetenzraster #profile_compare_output .multi_compare_student_alert_badge[data-alert-state="open"] {
  box-shadow:
    var(--layer1),
    inset 0 0 0 1px rgba(163, 41, 53, 0.18);
}

body.single-kompetenzraster #profile_compare_output .multi_compare_history_controls_actions .button[data-history-action] {
  box-shadow: var(--layer1);
}

body.single-kompetenzraster #profile_compare_output .multi_compare_student_alert_popovers {
  position: absolute;
  top: calc(100% + 0.35rem);
  right: 0;
  z-index: 20;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_material_panel {
  position: relative;
  display: grid;
  gap: 0.75rem;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_material_controls {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  align-items: end;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_material_controls label,
body.single-kompetenzraster #profile_compare_output .multi_compare_material_toggle {
  display: grid;
  gap: 0.25rem;
  font-size: 1rem;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_material_toggle {
  grid-auto-flow: column;
  align-items: center;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_material_table td small {
  display: block;
  margin-top: 0.2rem;
  color: var(--sp-m006-text-soft);
  font-size: 1rem;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_material_title_cell {
  min-width: 18rem;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_material_type_inline {
  display: inline;
  margin-left: 0.35rem;
  color: var(--sp-m006-text-soft);
  font-size: 1rem;
  font-weight: 500;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_material_title_link,
body.single-kompetenzraster #profile_compare_output .multi_compare_material_link {
  font-weight: 600;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_material_assignment_badge {
  display: inline-flex;
  align-items: center;
  min-height: 2rem;
  padding: 0.2rem 0.75rem;
  border-radius: 999px;
  border: 1px solid transparent;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.2;
  box-shadow: var(--layer1);
}

body.single-kompetenzraster #profile_compare_output .multi_compare_material_assignment_badge[data-material-source-type="start"] {
  background: linear-gradient(90deg, hsla(208, 66%, 52%, 0.16), hsla(188, 70%, 44%, 0.18));
  color: hsl(204, 72%, 28%);
  border-color: hsla(204, 72%, 28%, 0.18);
}

body.single-kompetenzraster #profile_compare_output .multi_compare_material_assignment_badge[data-material-source-type="stage"] {
  border-width: 1px;
  border-style: solid;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_material_completion {
  display: grid;
  gap: 0.35rem;
  width: 100%;
  padding: 0.55rem 0.7rem;
  border-radius: 0.9rem;
  background: #eee;
  box-shadow: var(--layer1);
  text-align: left;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_material_completion_meta {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.75rem;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_material_completion_meta strong {
  color: var(--sp-m006-text-strong);
  font-size: 1rem;
  font-weight: 700;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_material_completion_meta small {
  color: var(--sp-m006-text-soft);
  font-size: 1rem;
  font-weight: 600;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_material_completion progress {
  width: 100%;
  height: 0.85rem;
  overflow: hidden;
  border: 0;
  border-radius: 999px;
  background: rgba(18, 43, 38, 0.1);
}

body.single-kompetenzraster #profile_compare_output .multi_compare_material_completion progress::-webkit-progress-bar {
  background: rgba(18, 43, 38, 0.1);
}

body.single-kompetenzraster #profile_compare_output .multi_compare_material_completion progress[data-material-state="complete"]::-webkit-progress-value,
body.single-kompetenzraster #profile_compare_output .multi_compare_material_completion progress[data-material-state="complete"]::-moz-progress-bar {
  background: linear-gradient(90deg, hsl(160, 54%, 42%), hsl(170, 58%, 40%));
}

body.single-kompetenzraster #profile_compare_output .multi_compare_material_completion progress[data-material-state="partial"]::-webkit-progress-value,
body.single-kompetenzraster #profile_compare_output .multi_compare_material_completion progress[data-material-state="partial"]::-moz-progress-bar {
  background: linear-gradient(90deg, hsl(170, 48%, 46%), hsl(190, 48%, 42%));
}

body.single-kompetenzraster #profile_compare_output .multi_compare_material_completion progress[data-material-state="unrated"]::-webkit-progress-value,
body.single-kompetenzraster #profile_compare_output .multi_compare_material_completion progress[data-material-state="unrated"]::-moz-progress-bar {
  background: hsla(160, 30%, 42%, 0.35);
}

body.single-kompetenzraster #profile_compare_output .multi_compare_material_usefulness_trigger {
  display: grid;
  gap: 0.15rem;
  width: 100%;
  min-height: 100%;
  text-align: left;
  cursor: pointer;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_material_usefulness_word {
  display: block;
  font-size: 1rem;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_material_usefulness_meta {
  display: flex;
  align-items: center;
  gap: 0.45rem;
  min-height: 1rem;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_material_variance_icon {
  display: inline-flex;
  width: 0.95rem;
  height: 0.95rem;
  color: var(--sp-m006-text-soft);
}

body.single-kompetenzraster #profile_compare_output .multi_compare_material_variance_icon svg {
  width: 100%;
  height: 100%;
  fill: currentColor;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_material_variance_value {
  color: var(--sp-m006-text-soft);
  font-size: 1rem;
  font-weight: 600;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_material_variance_chart {
  position: relative;
  display: inline-block;
  width: 3.5rem;
  height: 1rem;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(18, 43, 38, 0.06), rgba(18, 43, 38, 0.1));
  overflow: hidden;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_material_variance_dot {
  position: absolute;
  width: 0.34rem;
  height: 0.34rem;
  margin-left: -0.17rem;
  margin-top: -0.17rem;
  border-radius: 999px;
  background: hsl(170, 58%, 40%);
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.9);
}

body.single-kompetenzraster #profile_compare_output .multi_compare_material_preview_cell,
body.single-kompetenzraster #profile_compare_output .multi_compare_material_usefulness_cell {
  cursor: pointer;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_material_preview_cell {
  text-align: center;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_material_preview_trigger {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  color: var(--sp-m006-text-strong);
  border-radius: 999px;
  background: #eee;
  box-shadow: var(--layer1);
}

body.single-kompetenzraster #profile_compare_output .multi_compare_material_preview_trigger svg {
  width: 1.15rem;
  height: 1.15rem;
  fill: currentColor;
}

body.single-kompetenzraster #profile_compare_output tr.sp_m009_material_hidden,
body.single-kompetenzraster #profile_compare_output tr.sp_m009_material_hidden > td {
  display: none !important;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_material_popover {
  position: absolute;
  top: calc(100% + 0.5rem);
  right: 0;
  z-index: 30;
  width: min(24rem, calc(100vw - 2rem));
  padding: 0.75rem;
  border: 1px solid rgba(18, 43, 38, 0.12);
  border-radius: 0.75rem;
  background: #fff;
  box-shadow: var(--layer2);
}

body.single-kompetenzraster #profile_compare_output .multi_compare_material_popover header {
  display: flex;
  justify-content: space-between;
  gap: 0.5rem;
  align-items: center;
  margin-bottom: 0.5rem;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_material_popover_body ul {
  margin: 0;
  padding-left: 1.2rem;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_material_popover_body {
  display: grid;
  gap: 0.85rem;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_material_popover_body section {
  display: grid;
  gap: 0.35rem;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_material_modal[hidden] {
  display: none;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_material_modal {
  position: fixed;
  inset: 0;
  z-index: 100000;
  display: grid;
  place-items: center;
  padding: 1.5rem;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_material_modal_backdrop {
  position: absolute;
  inset: 0;
  border: 0;
  background: rgba(18, 43, 38, 0.42);
  cursor: pointer;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_material_modal_dialog {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 0.85rem;
  width: min(62rem, calc(100vw - 2rem));
  max-height: calc(100vh - 3rem);
  overflow: auto;
  padding: 1rem;
  border-radius: 1rem;
  background: #fff;
  box-shadow: var(--layer2);
}

body.single-kompetenzraster #profile_compare_output .multi_compare_material_modal_dialog > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_material_modal_body {
  display: grid;
  gap: 0.75rem;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_material_preview_card {
  max-width: 100%;
}

body.multi_compare_material_modal_open {
  overflow: hidden;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_student_alert_popover {
  display: grid;
  gap: 0.65rem;
  width: min(22rem, calc(100vw - 3rem));
  padding: 0.85rem;
  border: 1px solid rgba(18, 43, 38, 0.12);
  border-radius: 1rem;
  background: rgba(255, 255, 255, 0.98);
  box-shadow:
    0 18px 38px rgba(20, 36, 52, 0.16),
    0 0 0 1px rgba(18, 43, 38, 0.03);
}

body.single-kompetenzraster #profile_compare_output .multi_compare_student_alert_popover[hidden] {
  display: none;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_student_alert_popover > header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.75rem;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_student_alert_popover > header strong {
  color: var(--sp-m006-text-strong);
  font-size: 1rem;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_student_alert_preview_body {
  display: grid;
  gap: 0.55rem;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_student_alert_preview_item {
  display: grid;
  gap: 0.18rem;
  padding: 0.45rem 0.55rem;
  border-radius: 0.8rem;
  background: #eee;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_student_alert_preview_item strong {
  color: var(--sp-m006-text-soft);
  font-size: 1rem;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_student_alert_preview_item div {
  color: var(--sp-m006-text);
  font-size: 1rem;
  font-weight: 700;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_student_alert_entry {
  display: grid;
  gap: 0.2rem;
  padding: 0.5rem 0.55rem;
  border-radius: 0.8rem;
  background: #eee;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_student_alert_entry small {
  color: var(--sp-m006-text-soft);
  font-size: 1rem;
  font-weight: 700;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_student_alert_entry strong {
  color: var(--sp-m006-text-strong);
  font-size: 1rem;
  line-height: 1.35;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_student_alert_entry p {
  margin: 0;
  color: var(--sp-m006-text);
  font-size: 1rem;
  line-height: 1.35;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_table_shell[data-focus-student] .multi_compare_cards_board {
  grid-template-columns: minmax(10.5rem, 12rem) minmax(0, 1fr);
  align-items: start;
  gap: 1rem;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_table_shell[data-focus-student] .multi_compare_student_card {
  transform: none;
  opacity: 1;
  filter: none;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_student_card[data-focus-mode="active"] {
  width: auto;
  border-color: rgba(24, 92, 55, 0.26);
  box-shadow:
    0 18px 38px rgba(20, 36, 52, 0.16),
    0 0 0 1px rgba(24, 92, 55, 0.08);
  z-index: 8;
  grid-column: 2;
  grid-row: 1 / span 24;
  align-self: start;
  transform: scale(1.02);
  transform-origin: left top;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_student_card[data-focus-mode="active"] .multi_compare_student_chart_wrapper {
  height: 11.1rem;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_table_shell[data-focus-student] .multi_compare_student_card[data-focus-mode="inactive"] {
  grid-column: 1;
  gap: 0;
  min-width: 0;
  background: linear-gradient(180deg, #eee 0%, hsla(184, 16%, 92%, 0.98) 100%);
  border: 1px solid #eee;
  box-shadow: none;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_student_card[data-focus-mode="inactive"] {
  transform: none;
  opacity: 1;
  filter: none;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_table_shell[data-focus-student] .multi_compare_student_card[data-focus-mode="inactive"] .multi_compare_student_header {
  padding: 0.75rem;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_table_shell[data-focus-student] .multi_compare_student_card[data-focus-mode="inactive"] .multi_compare_student_profile_body {
  min-width: 0;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_table_shell[data-focus-student] .multi_compare_student_card[data-focus-mode="inactive"] .multi_compare_student_profile_body {
  margin-top: 0.35rem;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_table_shell[data-focus-student] .multi_compare_student_card[data-focus-mode="inactive"] .multi_compare_student_metrics,
body.single-kompetenzraster #profile_compare_output .multi_compare_table_shell[data-focus-student] .multi_compare_student_card[data-focus-mode="inactive"] .multi_compare_student_detail {
  display: none;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_student_card.match {
  box-shadow:
    0 18px 38px rgba(20, 36, 52, 0.16),
    0 0 0 1px hsla(168, 64%, 38%, 0.14);
}

body.single-kompetenzraster #profile_compare_output .multi_compare_student_card.no_match {
  transform: scale(0.8);
  opacity: 0.42;
  filter: saturate(0.58);
}

body.single-kompetenzraster #profile_compare_output .multi_compare_student_card.no_match .multi_compare_student_chart_wrapper,
body.single-kompetenzraster #profile_compare_output .multi_compare_student_card.no_match .multi_compare_student_chart_canvas {
  opacity: 0.6;
  filter: saturate(0.7);
}

body.single-kompetenzraster #profile_compare_output .multi_compare_table_shell[data-focus-student] .multi_compare_student_card.no_match {
  transform: none;
  opacity: 0.58;
  filter: saturate(0.76);
}

body.single-kompetenzraster #profile_compare_output .multi_compare_table_shell[data-focus-student] .multi_compare_student_card[data-focus-mode="active"].no_match,
body.single-kompetenzraster #profile_compare_output .multi_compare_table_shell[data-focus-student] .multi_compare_student_card[data-focus-mode="active"].match {
  opacity: 1;
  filter: none;
}

@supports (view-transition-name: none) {
  body.single-kompetenzraster::view-transition-old(root),
  body.single-kompetenzraster::view-transition-new(root) {
    animation-duration: 0.38s;
    animation-timing-function: ease;
  }

  body.single-kompetenzraster::view-transition-old(m009-detail-layer2),
  body.single-kompetenzraster::view-transition-new(m009-detail-layer2) {
    animation-duration: 0.32s;
    animation-timing-function: ease;
  }
}

body.single-kompetenzraster #profile_compare_output .multi_compare_student_overview_stats {
  margin: 0 var(--sp-m006-space-sm);
  padding: 0.8rem;
  border: 1px solid #eee;
  border-radius: 0.8rem;
  background: linear-gradient(180deg, hsla(184, 18%, 92%, 0.98) 0%, #eee 100%);
}

body.single-kompetenzraster #profile_compare_output .multi_compare_student_detail_layer2 > .multi_compare_student_overview_stats,
body.single-kompetenzraster #profile_compare_output .multi_compare_student_detail_layer2 > .multi_compare_student_activity {
  margin: 0;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_student_overview_stats header h5 {
  margin: 0 0 0.6rem;
  color: var(--sp-m006-text-strong);
  font-size: 1rem;
  font-weight: 800;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_student_overview_stats dl {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.65rem;
  margin: 0;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_metric_item {
  padding: 0.55rem 0.65rem;
  border: 1px solid #eee;
  border-radius: 0.7rem;
  background: linear-gradient(180deg, hsla(184, 18%, 92%, 0.94) 0%, #eee 100%);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.04);
}

body.single-kompetenzraster #profile_compare_output .multi_compare_metric_item dt,
body.single-kompetenzraster #profile_compare_output .multi_compare_metric_item dd,
body.single-kompetenzraster #profile_compare_output .multi_compare_metric_item small {
  margin: 0;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_metric_item dt {
  color: var(--sp-m006-text-soft);
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.2;
  text-transform: none;
  letter-spacing: 0;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_metric_item dd {
  margin-top: 0.18rem;
  color: var(--sp-m006-text-strong);
  font-size: 1rem;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_metric_item small {
  display: block;
  margin-top: 0.18rem;
  color: var(--sp-m006-text-soft);
  font-size: 1rem;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_student_detail {
  position: relative;
  margin: 0 var(--sp-m006-space-sm) var(--sp-m006-space-sm);
  background: transparent;
  overflow: visible;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_student_detail_content[hidden] {
  display: none !important;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_student_detail_content {
  container-type: inline-size;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_student_card[data-focus-mode="active"] .multi_compare_student_detail[data-detail-open="true"] .multi_compare_student_detail_content {
  position: static;
  width: auto;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_student_detail_layer2 {
  display: grid;
  gap: 1rem;
  padding: 1rem;
  border: 1px solid #eee;
  border-radius: 1rem;
  background: rgba(238, 238, 238, 0.97);
  backdrop-filter: blur(0.85rem);
  box-shadow:
    0 24px 44px rgba(20, 36, 52, 0.16),
    0 0 0 1px rgba(18, 43, 38, 0.05);
  view-transition-name: m009-detail-layer2;
}

@container (min-width: 46rem) {
  body.single-kompetenzraster #profile_compare_output .multi_compare_student_detail_layer2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@container (min-width: 68rem) {
  body.single-kompetenzraster #profile_compare_output .multi_compare_student_detail_layer2 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

body.single-kompetenzraster #profile_compare_output .multi_compare_student_clusters {
  display: grid;
  gap: 0.75rem;
  padding: 0;
  container-type: inline-size;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_student_detail_layer2 > .multi_compare_student_clusters {
  grid-column: 1 / -1;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_student_clusters > header {
  grid-column: 1 / -1;
  padding: 0.75rem 0.9rem;
  border: 1px solid #eee;
  border-radius: 0.9rem;
  background: linear-gradient(180deg, hsla(184, 18%, 92%, 0.98) 0%, #eee 100%);
}

body.single-kompetenzraster #profile_compare_output .multi_compare_cluster_card {
  position: relative;
  overflow: hidden;
  display: grid;
  gap: 0.6rem;
  padding: 1rem 0.75rem 0.75rem;
  border-color: #eee;
  background: linear-gradient(180deg, hsla(184, 18%, 92%, 0.98) 0%, #eee 100%);
}

body.single-kompetenzraster #profile_compare_output .multi_compare_cluster_card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  border-top: 1rem solid var(--multi-compare-cluster-accent, hsl(168, 52%, 40%));
  border-right: 1rem solid transparent;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_cluster_header h3,
body.single-kompetenzraster #profile_compare_output .multi_compare_student_activity h5,
body.single-kompetenzraster #profile_compare_output .multi_compare_task_summary_header strong {
  margin: 0;
  color: var(--multi-compare-cluster-accent, var(--sp-m006-text-strong));
  font-size: 1.05rem;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: 0.01em;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_student_activity h5,
body.single-kompetenzraster #profile_compare_output .multi_compare_task_summary_header strong {
  color: var(--sp-m006-text-strong);
}

body.single-kompetenzraster #profile_compare_output .multi_compare_cluster_tasks {
  display: grid;
  gap: 0.6rem;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_cluster_tasks .multi_compare_task_summary {
  height: 100%;
}

@container (min-width: 34rem) {
  body.single-kompetenzraster #profile_compare_output .multi_compare_student_clusters {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@container (min-width: 56rem) {
  body.single-kompetenzraster #profile_compare_output .multi_compare_student_clusters {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

body.single-kompetenzraster #profile_compare_output .multi_compare_task_summary {
  display: grid;
  gap: 0.7rem;
  padding: 0.75rem;
  border-color: #eee;
  border-radius: 0.8rem;
  background: linear-gradient(180deg, hsla(184, 18%, 92%, 0.94) 0%, #eee 100%);
}

body.single-kompetenzraster #profile_compare_output .multi_compare_task_summary_header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 0.75rem;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_task_summary_header small {
  max-width: 18rem;
  color: var(--sp-m006-text-soft);
  text-align: right;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_task_summary_grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0.65rem;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_task_field {
  padding: 0.7rem;
  border: 1px solid #eee;
  border-radius: 0.75rem;
  background: linear-gradient(180deg, hsla(184, 18%, 92%, 0.94) 0%, #eee 100%);
}

body.single-kompetenzraster #profile_compare_output .multi_compare_task_field header h6 {
  margin: 0 0 0.55rem;
  color: var(--sp-m006-text-soft);
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.2;
  text-transform: none;
  letter-spacing: 0;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_task_field p {
  margin: 0.5rem 0 0;
  color: var(--sp-m006-text-soft);
  font-size: 1rem;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_level_track {
  display: grid;
  gap: 0.4rem;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_level_track_header {
  display: flex;
  justify-content: space-between;
  gap: 0.5rem;
  align-items: baseline;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_level_track_header strong {
  font-size: 1rem;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_level_track_header small {
  color: var(--sp-m006-text-soft);
  font-size: 1rem;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_level_steps {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
  gap: 0.3rem;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_level_step {
  display: block;
  height: 0.45rem;
  border-radius: 999px;
  background: #eee;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_level_step.is-active {
  background: linear-gradient(90deg, rgba(38, 121, 88, 0.72), rgba(84, 166, 126, 0.94));
}

body.single-kompetenzraster #profile_compare_output .multi_compare_level_step.is-start {
  box-shadow: inset 0 0 0 1px rgba(18, 43, 38, 0.45);
}

body.single-kompetenzraster #profile_compare_output .multi_compare_level_step.is-target {
  outline: 1px solid rgba(18, 43, 38, 0.4);
  outline-offset: 1px;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_progress_metric {
  display: grid;
  gap: 0.35rem;
  border: 1px solid #eee;
  border-radius: 0.75rem;
  background: linear-gradient(180deg, hsla(184, 18%, 92%, 0.94) 0%, #eee 100%);
  overflow: hidden;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_progress_metric_summary {
  list-style: none;
  cursor: pointer;
  padding: 0.7rem;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_progress_metric_summary::-webkit-details-marker {
  display: none;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_progress_metric_header,
body.single-kompetenzraster #profile_compare_output .multi_compare_progress_metric_footer,
body.single-kompetenzraster #profile_compare_output .multi_compare_progress_list_row {
  display: flex;
  justify-content: space-between;
  gap: 0.55rem;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_progress_metric strong {
  font-size: 1rem;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_progress_metric small {
  margin: 0;
  color: var(--sp-m006-text-soft);
  font-size: 1rem;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_progress_metric progress {
  width: 100%;
  height: 0.5rem;
  margin-top: 0.35rem;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_progress_metric_detail {
  padding: 0 0.7rem 0.7rem;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_progress_list {
  display: grid;
  gap: 0.5rem;
  padding: 0;
  margin: 0;
  list-style: none;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_progress_list_item {
  padding: 0.6rem 0.65rem;
  border: 1px solid #eee;
  border-radius: 0.7rem;
  background: linear-gradient(180deg, hsla(184, 18%, 92%, 0.92) 0%, #eee 100%);
}

body.single-kompetenzraster #profile_compare_output .multi_compare_progress_list_item[data-status-key="done"] span {
  color: rgb(24, 92, 55);
  font-weight: 700;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_progress_list_item[data-status-key="cancel"] span {
  color: rgb(142, 74, 14);
  font-weight: 700;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_progress_empty {
  margin: 0;
  color: var(--sp-m006-text-soft);
}

body.single-kompetenzraster #profile_compare_output .multi_compare_task_status_group {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.5rem;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_status_card {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  padding: 0.55rem 0.6rem;
  border-radius: 0.65rem;
  border: 1px solid #eee;
  background: linear-gradient(180deg, hsla(184, 18%, 92%, 0.92) 0%, #eee 100%);
}

body.single-kompetenzraster #profile_compare_output .multi_compare_status_card small {
  margin: 0;
  color: var(--sp-m006-text-soft);
  text-transform: none;
  font-size: 1rem;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_status_card strong {
  color: var(--sp-m006-text-strong);
  font-size: 1rem;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_student_activity {
  margin: 0 var(--sp-m006-space-sm) var(--sp-m006-space-sm);
  padding: 0.75rem;
  border-color: #eee;
  background: linear-gradient(180deg, hsla(184, 18%, 92%, 0.98) 0%, #eee 100%);
}

body.single-kompetenzraster #profile_compare_output .multi_compare_student_activity dl {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.55rem;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_student_activity dl > div {
  padding: 0.5rem 0.55rem;
  border: 1px solid #eee;
  background: linear-gradient(180deg, hsla(184, 18%, 92%, 0.92) 0%, #eee 100%);
}

body.single-kompetenzraster #profile_compare_output .multi_compare_student_activity dt {
  color: var(--sp-m006-text-soft);
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.2;
  text-transform: none;
  letter-spacing: 0;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_student_activity dd {
  color: var(--sp-m006-text-strong);
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.3;
}

body.single-kompetenzraster #profile_compare_output .multi_compare_student_activity dd small {
  font-size: 1rem;
}

@media (max-width: 1100px) {
  body.single-kompetenzraster #jdf_container {
    max-width: none !important;
    padding: var(--sp-m006-space-xs);
  }

  body.single-kompetenzraster #profile_compare_output {
    padding: var(--sp-m006-space-xs);
  }

  body.single-kompetenzraster #ticket_sort_container > div.flex > div:first-child {
    max-width: none;
  }

  body.single-kompetenzraster #ticket_table,
  body.single-kompetenzraster #multi_profile_compare {
    font-size: 0.9rem;
  }

  body.single-kompetenzraster #compare_scatter_container,
  body.single-kompetenzraster #jdf_container canvas.chart,
  body.single-kompetenzraster #jdf_container canvas[id^="marksChart"],
  body.single-kompetenzraster #jdf_container canvas[id^="chart"],
  body.single-kompetenzraster #jdf_container #compare_scatter {
    height: min(16rem, 48vw) !important;
    max-height: 16rem;
  }

  body.single-kompetenzraster #multi_compare_plenum fieldset > .flex {
    grid-template-columns: minmax(12rem, 1fr) minmax(10rem, 0.75fr) minmax(16rem, 1.4fr);
  }

  body.single-kompetenzraster #multi_compare_plenum fieldset > .flex > div:last-child {
    grid-column: 1 / -1;
    justify-content: flex-start;
  }

  body.single-kompetenzraster #profile_compare_output .multi_compare_cards_board {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 14.5rem), 1fr));
  }

  body.single-kompetenzraster #profile_compare_output .multi_compare_table_header,
  body.single-kompetenzraster #profile_compare_output .multi_compare_table_overview > .multi_compare_overview_row,
  body.single-kompetenzraster #profile_compare_output .multi_compare_table_overview > div.flex.margin_bottom {
    grid-template-columns: 1fr;
  }

  body.single-kompetenzraster #plenum_compare_results[data-focus-plenum]:not([data-focus-plenum=""]) .multi_compare_plenum_shell {
    grid-template-columns: 1fr;
  }

  body.single-kompetenzraster #plenum_compare_results[data-focus-plenum]:not([data-focus-plenum=""]) .multi_compare_plenum_tabs {
    position: static;
  }

  body.single-kompetenzraster #plenum_compare_results[data-focus-plenum]:not([data-focus-plenum=""]) .multi_compare_plenum_detail_grid {
    grid-template-columns: 1fr;
  }

  body.single-kompetenzraster #profile_compare_output .multi_compare_chart_panel[data-panel-span="2"] {
    grid-column: auto;
  }

  body.single-kompetenzraster #profile_compare_output .multi_compare_summary_meta {
    justify-items: start;
    text-align: left;
  }

  body.single-kompetenzraster #profile_compare_output .multi_compare_student_overview_stats dl,
  body.single-kompetenzraster #profile_compare_output .multi_compare_student_activity dl {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 768px) {
  body.single-kompetenzraster #jdf_container > #multi_reload_btn,
  body.single-kompetenzraster #jdf_container > #dfa_reload_meta {
    display: flex;
    width: 100%;
    margin-left: 0;
  }

  body.single-kompetenzraster #jdf_container > #dfa_reload_meta {
    margin-top: 0.5rem;
  }

  body.single-kompetenzraster #profile_compare_output {
    margin-top: 0.75rem;
    padding: 0.75rem 0.5rem;
  }

  body.single-kompetenzraster #jdf_container .accordion-container > dt > button.accordion {
    min-height: 2.75rem;
    padding: 0.65rem 0.75rem;
    font-size: 0.95rem;
  }

  body.single-kompetenzraster #jdf_container .accordion-container > dd.panel {
    padding: 0.65rem 0.75rem 0.85rem;
  }

  body.single-kompetenzraster #ticket_sort_container > div.flex {
    align-items: stretch;
    gap: 0.75rem;
    padding: 0.65rem 0.75rem;
  }

  body.single-kompetenzraster #ticket_sort_container > div.flex > div:first-child,
  body.single-kompetenzraster #ticket_sort_container > div.flex > div.button_container.ghost {
    flex: 1 1 100%;
    max-width: none;
    margin-left: 0;
  }

  body.single-kompetenzraster #ticket_thema_filter,
  body.single-kompetenzraster #ticket_sort_container_btn {
    width: 100%;
    min-height: 2.75rem;
  }

  body.single-kompetenzraster #ticket_table,
  body.single-kompetenzraster #multi_profile_compare {
    table-layout: fixed;
    font-size: 0.9rem;
  }

  body.single-kompetenzraster #ticket_table thead th,
  body.single-kompetenzraster #multi_profile_compare thead th,
  body.single-kompetenzraster #profile_compare_output th {
    padding: 0.6rem 0.35rem;
    font-size: 0.8rem;
  }

  body.single-kompetenzraster #ticket_table tbody td,
  body.single-kompetenzraster #multi_profile_compare tbody td,
  body.single-kompetenzraster #profile_compare_output td {
    padding: 0.6rem 0.35rem;
    font-size: 0.9rem;
    line-height: 1.35;
  }

  body.single-kompetenzraster #ticket_table .small,
  body.single-kompetenzraster #ticket_table small,
  body.single-kompetenzraster #multi_profile_compare .small,
  body.single-kompetenzraster #multi_profile_compare small,
  body.single-kompetenzraster #profile_compare_output small {
    font-size: 0.82rem;
  }

  body.single-kompetenzraster #multi_profile_compare .sub_cell,
  body.single-kompetenzraster #multi_profile_compare .feedback_please_marker {
    min-height: 2rem;
    padding: 0.35rem 0.15rem;
  }

  body.single-kompetenzraster #jdf_container .bubble_counter,
  body.single-kompetenzraster #jdf_container .text .bubble,
  body.single-kompetenzraster #ticket_compare_container_analyse_container_counter {
    min-width: 1.55rem;
    min-height: 1.55rem;
    font-size: 0.85rem;
  }

  body.single-kompetenzraster #jdf_container .chart_wrap,
  body.single-kompetenzraster #jdf_container .chart-container {
    padding: 0.35rem;
  }

  body.single-kompetenzraster #compare_scatter_container,
  body.single-kompetenzraster #jdf_container canvas.chart,
  body.single-kompetenzraster #jdf_container canvas[id^="marksChart"],
  body.single-kompetenzraster #jdf_container canvas[id^="chart"],
  body.single-kompetenzraster #jdf_container #compare_scatter {
    height: min(14rem, 62vw) !important;
    max-height: 14rem;
  }

  body.single-kompetenzraster #multi_compare_plenum fieldset {
    padding: 0.75rem;
  }

  body.single-kompetenzraster #multi_compare_plenum fieldset > .flex {
    grid-template-columns: 1fr;
    gap: 0.75rem;
  }

  body.single-kompetenzraster #multi_compare_plenum fieldset > .flex > div:last-child {
    grid-column: auto;
    justify-content: stretch;
  }

  body.single-kompetenzraster #multi_compare_plenum fieldset > .flex > div:last-child .button_container,
  body.single-kompetenzraster #multi_compare_plenum fieldset > .flex > div:last-child button {
    width: 100%;
  }

  body.single-kompetenzraster #multi_compare_plenum select,
  body.single-kompetenzraster #multi_compare_plenum input[type="text"],
  body.single-kompetenzraster #multi_compare_table_container select,
  body.single-kompetenzraster #multi_compare_table_container input[type="text"] {
    min-height: 2.75rem;
    padding: 0.65rem 0.75rem;
  }

  body.single-kompetenzraster #plenum_compare_results table {
    table-layout: fixed;
    font-size: 0.88rem;
  }

  body.single-kompetenzraster #plenum_compare_results .multi_compare_plenum_tab {
    min-height: 9.5rem;
  }

  body.single-kompetenzraster #plenum_compare_results .multi_compare_plenum_preview_bars,
  body.single-kompetenzraster #plenum_compare_results .multi_compare_plenum_preview_empty {
    min-height: 3.35rem;
  }

  body.single-kompetenzraster #plenum_compare_results th,
  body.single-kompetenzraster #plenum_compare_results td {
    padding: 0.55rem 0.3rem;
    font-size: 0.82rem;
    line-height: 1.3;
  }

  body.single-kompetenzraster #plenum_compare_results canvas[id^="chart"] {
    height: min(12rem, 56vw) !important;
    max-height: 12rem;
  }

  body.single-kompetenzraster #plenum_compare_results .multi_compare_plenum_chart_container {
    min-height: 14rem;
    height: min(14rem, 56vw);
  }

  body.single-kompetenzraster #multi_compare_table_container > dd.panel > div.flex.margin_bottom {
    padding: 0.75rem;
  }

  body.single-kompetenzraster #profile_compare_output .multi_compare_table_header {
    padding: 0.75rem;
  }

  body.single-kompetenzraster #profile_compare_output .multi_compare_table_header h3 {
    font-size: 1.35rem;
  }

  body.single-kompetenzraster #profile_compare_output .multi_compare_cards_controls {
    padding: 0.75rem;
  }

  body.single-kompetenzraster #profile_compare_output .multi_compare_student_profile,
  body.single-kompetenzraster #profile_compare_output .multi_compare_student_header,
  body.single-kompetenzraster #profile_compare_output .multi_compare_student_clusters {
    padding-inline: 0.75rem;
  }

  body.single-kompetenzraster #profile_compare_output .multi_compare_student_activity {
    margin-inline: 0.75rem;
    margin-bottom: 0.75rem;
  }

  body.single-kompetenzraster #profile_compare_output .multi_compare_task_summary_header {
    flex-direction: column;
  }

  body.single-kompetenzraster #profile_compare_output .multi_compare_task_summary_header small {
    max-width: none;
    text-align: left;
  }

  body.single-kompetenzraster #profile_compare_output .multi_compare_student_profile_body {
    width: 100%;
  }

  body.single-kompetenzraster #profile_compare_output .multi_compare_student_chart_wrapper {
    height: 6.2rem;
  }

  body.single-kompetenzraster #profile_compare_output .multi_compare_table_shell[data-focus-student] .multi_compare_cards_board {
    grid-template-columns: 1fr;
  }

  body.single-kompetenzraster #profile_compare_output .multi_compare_table_shell[data-focus-student] .multi_compare_student_card[data-focus-mode="inactive"],
  body.single-kompetenzraster #profile_compare_output .multi_compare_student_card[data-focus-mode="active"] {
    grid-column: auto;
    grid-row: auto;
    width: 100%;
    transform: none;
  }

  body.single-kompetenzraster #profile_compare_output .multi_compare_student_card[data-focus-mode="active"] .multi_compare_student_detail[data-detail-open="true"] .multi_compare_student_detail_content {
    position: static;
    width: auto;
  }

  body.single-kompetenzraster #profile_compare_output .multi_compare_table_shell[data-focus-student] .multi_compare_student_card[data-focus-mode="inactive"] {
    display: none;
  }

  body.single-kompetenzraster #profile_compare_output .multi_compare_student_overview_stats dl,
  body.single-kompetenzraster #profile_compare_output .multi_compare_student_activity dl,
  body.single-kompetenzraster #profile_compare_output .multi_compare_task_status_group {
    grid-template-columns: 1fr;
  }
}