/* AP FINAL: Letzte Tests hell/blau statt schwarz */

#testPanel .test-list,
#testPanel #testList {
  background: transparent !important;
}

#testPanel #testList > *,
#testPanel .test-list > *,
#testPanel .test-item,
#testPanel .test-card,
#testPanel .saved-test,
#testPanel .history-item {
  background: linear-gradient(135deg, rgba(255,255,255,.96), rgba(235,245,255,.92)) !important;
  color: #10245a !important;
  border: 1px solid rgba(126,164,220,.34) !important;
  border-radius: 18px !important;
  box-shadow: 0 10px 24px rgba(65,96,148,.12) !important;
}

#testPanel #testList > * *,
#testPanel .test-list > * *,
#testPanel .test-item *,
#testPanel .test-card *,
#testPanel .saved-test *,
#testPanel .history-item * {
  color: #10245a !important;
}

#testPanel #testList strong,
#testPanel #testList b,
#testPanel #testList h3,
#testPanel #testList h4 {
  color: #153d8a !important;
  font-weight: 1000 !important;
}

#testPanel #testList small,
#testPanel #testList .muted,
#testPanel #testList span {
  color: rgba(16,36,90,.72) !important;
}

/* falls der schwarze Balken per Inline-Style kommt */
#testPanel div[style*="background"],
#testPanel article[style*="background"],
#testPanel section[style*="background"] {
  background: linear-gradient(135deg, rgba(255,255,255,.96), rgba(235,245,255,.92)) !important;
  color: #10245a !important;
}