/* =========================================
   AuftragsPilot Light Blackspots Fix
   nur letzte schwarze Stellen im index.html
   ========================================= */

:root {
  --bs-text:#16285d;
  --bs-muted:#40527a;
  --bs-card:rgba(255,255,255,.68);
  --bs-card2:rgba(232,242,255,.64);
  --bs-border:rgba(255,255,255,.86);
}

/* Topbar / Sync / Online nicht mehr schwarz */
.main [id*="sync"],
.main [class*="sync"],
.main [id*="Sync"],
.main [class*="Sync"],
.main [id*="status"],
.main [class*="status"],
.main [id*="online"],
.main [class*="online"] {
  background: rgba(255,255,255,.68) !important;
  color: var(--bs-text) !important;
  border: 1px solid rgba(255,255,255,.86) !important;
  border-radius: 999px !important;
  box-shadow:
    0 10px 20px rgba(77,112,166,.10),
    inset 0 1px 0 rgba(255,255,255,.74) !important;
}

/* grüne Punkte bleiben grün */
.main [class*="dot"],
.main [id*="dot"],
.ap-light-sync-dot {
  background:#39d867 !important;
}

/* Schwarze Badges/Chips/Pills auf normalen Seiten hell machen */
.main .chip,
.main .badge,
.main .tag,
.main .pill,
.main [class*="chip"],
.main [class*="badge"],
.main [class*="tag"],
.main [class*="pill"] {
  background: rgba(255,255,255,.62) !important;
  color: var(--bs-text) !important;
  border: 1px solid rgba(255,255,255,.82) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.70) !important;
}

/* Sidebar nicht kaputt machen */
.sidebar .chip,
.sidebar .badge,
.sidebar .tag,
.sidebar .pill,
.sidebar [class*="chip"],
.sidebar [class*="badge"],
.sidebar [class*="tag"],
.sidebar [class*="pill"] {
  color:#ffffff !important;
}

/* Inline-Schwarz in index.html abfangen */
.main [style*="background:#000"],
.main [style*="background: #000"],
.main [style*="background:#050505"],
.main [style*="background: #050505"],
.main [style*="background:#030405"],
.main [style*="background: #030405"],
.main [style*="background:black"],
.main [style*="background: black"] {
  background:
    radial-gradient(circle at 88% 8%, rgba(141,237,229,.16), transparent 30%),
    linear-gradient(135deg, var(--bs-card), var(--bs-card2)) !important;
  color: var(--bs-text) !important;
  border-color: var(--bs-border) !important;
}

/* Vorschauflächen / Matrix-Vorschau hell */
.main [id*="preview"],
.main [id*="Preview"],
.main [class*="preview"],
.main [class*="Preview"],
.main [id*="matrix"],
.main [id*="Matrix"],
.main [class*="matrix"],
.main [class*="Matrix"] {
  background:
    radial-gradient(circle at 88% 8%, rgba(141,237,229,.14), transparent 30%),
    linear-gradient(135deg, rgba(255,255,255,.66), rgba(232,242,255,.62)) !important;
  color: var(--bs-text) !important;
  border-color: var(--bs-border) !important;
}

/* SVG/Papier in Vorschau bleibt weiß */
.main svg,
.main canvas {
  background:#ffffff !important;
}

/* Text lesbar */
.main [id*="preview"] *,
.main [class*="preview"] *,
.main [id*="matrix"] *,
.main [class*="matrix"] * {
  color: var(--bs-text) !important;
}

/* Buttons in Topbar nicht schwarz */
.main button[id*="sync"],
.main button[class*="sync"],
.main button[id*="status"],
.main button[class*="status"],
.main .topbar button {
  background: rgba(255,255,255,.68) !important;
  color: var(--bs-text) !important;
  border: 1px solid rgba(255,255,255,.86) !important;
}

/* große Startkacheln bewusst behalten */
.ap-light-card,
.ap-light-card *,
.ap-light-quick,
.ap-light-quick * {
  text-shadow:none !important;
}