/* =========================================
   AuftragsPilot Sicherung Light Fix
   Schwarze Backup-Kacheln hell machen
   Nur Optik - keine Logik
   ========================================= */

#backupPanel .backup-summary {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

#backupPanel .backup-stat,
#backupPanel .backup-summary > div,
#backupPanel .pro-stat,
#backupPanel .pro-summary > div {
  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;
}

#backupPanel .backup-stat *,
#backupPanel .backup-summary > div *,
#backupPanel .pro-stat *,
#backupPanel .pro-summary > div * {
  background: transparent !important;
  text-shadow: none !important;
}

#backupPanel .backup-stat span,
#backupPanel .backup-summary > div span,
#backupPanel .pro-stat span,
#backupPanel .pro-summary > div span {
  color: #40527a !important;
}

#backupPanel .backup-stat strong,
#backupPanel .backup-summary > div strong,
#backupPanel .pro-stat strong,
#backupPanel .pro-summary > div strong {
  color: #1e87ff !important;
  font-weight: 900 !important;
}

/* Eingabefeld und Hinweis sauber hell */
#backupPanel input,
#backupPanel .backup-warning,
#backupPanel .backup-list,
#backupPanel .table-like,
#backupPanel .table-row {
  background:
    linear-gradient(135deg, rgba(255,255,255,.70), rgba(232,242,255,.58)) !important;
  border-color: rgba(255,255,255,.82) !important;
  color: #16285d !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.70) !important;
}

#backupPanel input::placeholder {
  color: #7b88aa !important;
}