/* =========================================
   AuftragsPilot Prüfung Light Fix
   Schwarze Prüfungs-Kacheln und Ergebniszeilen hell machen
   Nur Optik - keine Logik
   ========================================= */

/* obere Statistik-Kacheln */
#checkPanel .pro-summary {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

#checkPanel .pro-summary > div,
#checkPanel .pro-stat,
#checkPanel #selfCheckSummary > div,
#checkPanel #selfCheckSummary .pro-stat {
  background:
    radial-gradient(circle at 88% 10%, rgba(141,237,229,.18), transparent 32%),
    linear-gradient(135deg, rgba(255,255,255,.80), rgba(232,242,255,.70)) !important;
  border: 1px solid rgba(255,255,255,.90) !important;
  color: #16285d !important;
  box-shadow:
    0 14px 28px rgba(77,112,166,.13),
    inset 0 1px 0 rgba(255,255,255,.84) !important;
  border-radius: 18px !important;
}

/* Prüfungs-Ergebniszeilen */
#checkPanel #selfCheckResults,
#checkPanel #selfCheckList,
#checkPanel .live-check-result {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

#checkPanel #selfCheckResults > div,
#checkPanel #selfCheckList > div,
#checkPanel .check-row,
#checkPanel .check-result,
#checkPanel .live-check-result,
#checkPanel .table-like > div,
#checkPanel .table-row {
  background:
    radial-gradient(circle at 92% 12%, rgba(141,237,229,.14), transparent 34%),
    linear-gradient(135deg, rgba(255,255,255,.78), rgba(232,242,255,.66)) !important;
  border: 1px solid rgba(255,255,255,.86) !important;
  color: #16285d !important;
  box-shadow:
    0 12px 24px rgba(77,112,166,.11),
    inset 0 1px 0 rgba(255,255,255,.78) !important;
  border-radius: 18px !important;
}

/* falls App.js Inline-Styles auf einzelne Zeilen setzt */
#checkPanel [style*="background:#000"],
#checkPanel [style*="background: #000"],
#checkPanel [style*="background:#050505"],
#checkPanel [style*="background: #050505"],
#checkPanel [style*="background:#111"],
#checkPanel [style*="background: #111"],
#checkPanel [style*="background:rgba(0,0,0"],
#checkPanel [style*="background: rgba(0,0,0"] {
  background:
    radial-gradient(circle at 92% 12%, rgba(141,237,229,.14), transparent 34%),
    linear-gradient(135deg, rgba(255,255,255,.78), rgba(232,242,255,.66)) !important;
  border: 1px solid rgba(255,255,255,.86) !important;
  color: #16285d !important;
}

/* Textfarben */
#checkPanel .pro-summary *,
#checkPanel .pro-stat *,
#checkPanel #selfCheckSummary *,
#checkPanel #selfCheckResults *,
#checkPanel #selfCheckList *,
#checkPanel .check-row *,
#checkPanel .check-result *,
#checkPanel .live-check-result *,
#checkPanel .table-row * {
  background: transparent !important;
  text-shadow: none !important;
}

#checkPanel span,
#checkPanel small,
#checkPanel .muted {
  color: #40527a !important;
}

#checkPanel strong,
#checkPanel b,
#checkPanel .pro-stat strong,
#checkPanel #selfCheckSummary strong,
#checkPanel #selfCheckResults strong,
#checkPanel #selfCheckList strong {
  color: #1e87ff !important;
  font-weight: 900 !important;
}

/* OK-Text etwas grün/blau */
#checkPanel .ok,
#checkPanel [class*="ok"],
#checkPanel [class*="success"] {
  color: #118a6b !important;
}

/* Uhrzeit rechts lesbar */
#checkPanel time,
#checkPanel [class*="time"],
#checkPanel [class*="date"] {
  color: #40527a !important;
}