/* =========================================
   AuftragsPilot Result Metric Final Fix
   Exakt für schwarze .metric und .summary-main Boxen
   Keine Logik, kein Script
   ========================================= */

:root {
  --metric-text: #16285d;
  --metric-muted: #40527a;
  --metric-blue: #1e87ff;
  --metric-gold: #df8a00;
}

/* Ergebnis-Card selbst hell lassen */
#print3dPanel.panel .card.result-card,
#comboPanel.panel .card.result-card {
  background:
    radial-gradient(circle at 88% 8%, rgba(141,237,229,.16), transparent 30%),
    linear-gradient(135deg, rgba(255,255,255,.70), rgba(232,242,255,.64)) !important;
  border: 1px solid rgba(255,255,255,.88) !important;
  color: var(--metric-text) !important;
}

/* Grid-Hülle transparent, damit keine dunkle Fläche bleibt */
#print3dPanel.panel .card.result-card .result-grid,
#print3dPanel.panel .card.result-card .print3d-result-grid,
#comboPanel.panel .card.result-card .result-grid,
#comboPanel.panel .card.result-card .combo-result-grid {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Kleine schwarze Ergebnisboxen: .metric */
#print3dPanel.panel .card.result-card .result-grid > .metric,
#print3dPanel.panel .card.result-card .print3d-result-grid > .metric,
#comboPanel.panel .card.result-card .result-grid > .metric,
#comboPanel.panel .card.result-card .combo-result-grid > .metric {
  background:
    radial-gradient(circle at 88% 10%, rgba(141,237,229,.18), transparent 32%),
    linear-gradient(135deg, rgba(255,255,255,.78), rgba(232,242,255,.68)) !important;
  border: 1px solid rgba(255,255,255,.90) !important;
  color: var(--metric-text) !important;
  box-shadow:
    0 12px 24px rgba(77,112,166,.12),
    inset 0 1px 0 rgba(255,255,255,.82) !important;
  border-radius: 18px !important;
}

/* Text in .metric */
#print3dPanel.panel .card.result-card .metric span,
#comboPanel.panel .card.result-card .metric span {
  color: var(--metric-muted) !important;
  text-shadow: none !important;
}

#print3dPanel.panel .card.result-card .metric strong,
#comboPanel.panel .card.result-card .metric strong {
  color: var(--metric-blue) !important;
  font-weight: 900 !important;
  text-shadow: none !important;
}

/* Große Ergebniszeile unten */
#print3dPanel.panel .card.result-card .summary-row,
#comboPanel.panel .card.result-card .summary-row {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  gap: 16px !important;
}

/* Große schwarze Ergebnisboxen: .summary-main */
#print3dPanel.panel .card.result-card .summary-row > .summary-main,
#comboPanel.panel .card.result-card .summary-row > .summary-main {
  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: var(--metric-text) !important;
  box-shadow:
    0 14px 28px rgba(77,112,166,.13),
    inset 0 1px 0 rgba(255,255,255,.84) !important;
  border-radius: 22px !important;
}

/* Text in summary-main */
#print3dPanel.panel .card.result-card .summary-main span,
#print3dPanel.panel .card.result-card .summary-main small,
#comboPanel.panel .card.result-card .summary-main span,
#comboPanel.panel .card.result-card .summary-main small {
  color: var(--metric-muted) !important;
  text-shadow: none !important;
}

#print3dPanel.panel .card.result-card .summary-main strong,
#comboPanel.panel .card.result-card .summary-main strong {
  color: var(--metric-blue) !important;
  font-weight: 950 !important;
  text-shadow: none !important;
}

/* Preisbox etwas gold/blau hochwertig */
#print3dPanel.panel .card.result-card .summary-main.price strong,
#print3dPanel.panel .card.result-card .summary-main.price small,
#comboPanel.panel .card.result-card .summary-main.price strong,
#comboPanel.panel .card.result-card .summary-main.price small {
  color: var(--metric-gold) !important;
}

/* Falls alte Regeln auf innere Elemente wirken */
#print3dPanel.panel .card.result-card .metric *,
#print3dPanel.panel .card.result-card .summary-main *,
#comboPanel.panel .card.result-card .metric *,
#comboPanel.panel .card.result-card .summary-main * {
  background: transparent !important;
  text-shadow: none !important;
}

/* =========================================
   Preisfarbe Ergebnisboxen korrigieren
   Orange raus, Blau passend zum Light Design
   ========================================= */

#print3dPanel.panel .card.result-card .summary-main.price strong,
#print3dPanel.panel .card.result-card .summary-main.price small,
#comboPanel.panel .card.result-card .summary-main.price strong,
#comboPanel.panel .card.result-card .summary-main.price small {
  color: #1e87ff !important;
}

#print3dPanel.panel .card.result-card .summary-main.price,
#comboPanel.panel .card.result-card .summary-main.price {
  border-color: rgba(30,135,255,.22) !important;
}