body { background: #f7f8fa; }
.card { border: none; border-radius: 10px; }
.navbar-brand { font-weight: 600; }
.nav-tabs .nav-link { color: #555; }
.nav-tabs .nav-link.active { font-weight: 600; }
table td, table th { vertical-align: middle; }

/* Schulnoten-Farbskala (1 = sehr gut ... 6 = ungenuegend) */
.text-grade-1 { color: #1a7f37; }
.text-grade-2 { color: #4caf50; }
.text-grade-3 { color: #9aa832; }
.text-grade-4 { color: #d3a017; }
.text-grade-5 { color: #e07b2c; }
.text-grade-6 { color: #d32f2f; }

.grade-badge {
  display: inline-block;
  font-size: 0.72rem;
  font-weight: 600;
  padding: 0.15rem 0.55rem;
  border-radius: 999px;
  color: #fff;
  white-space: nowrap;
}
.grade-badge.grade-1 { background: #1a7f37; }
.grade-badge.grade-2 { background: #4caf50; }
.grade-badge.grade-3 { background: #9aa832; }
.grade-badge.grade-4 { background: #d3a017; }
.grade-badge.grade-5 { background: #e07b2c; }
.grade-badge.grade-6 { background: #d32f2f; }

.badge-overall-grade {
  display: inline-block;
  font-size: 0.85rem;
  font-weight: 600;
  padding: 0.25rem 0.7rem;
  border-radius: 6px;
  color: #fff;
}

.details-box {
  background: #1e1e1e;
  color: #e6e6e6;
  font-size: 0.78rem;
  padding: 0.75rem 1rem;
  border-radius: 8px;
  max-height: 320px;
  overflow: auto;
  white-space: pre-wrap;
  word-break: break-word;
}

.benchmark-line { color: #6c757d; font-style: italic; }

/* Findings-Accordion */
#findingsAccordion .accordion-button {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
#findingsAccordion .accordion-button:not(.collapsed) {
  background-color: #f7f8fa;
  color: inherit;
  box-shadow: inset 0 -1px 0 rgba(0,0,0,.08);
}
#findingsAccordion .accordion-button:focus {
  box-shadow: none;
}
#findingsAccordion .grade-badge {
  flex-shrink: 0;
}