/* Blue Safety Kalkulator — Druckansicht
   Wird nur beim Drucken geladen (media="print") und beeinflusst die
   Bildschirmdarstellung nicht. */

@page {
  margin: 14mm 12mm;
}

/* 1) Alles ausblenden, was nicht zum Rechner gehört.
      visibility statt display, damit das Theme-Layout nicht zusammenbricht. */
body * {
  visibility: hidden !important;
}

#blue-safety-kalkulator-intern-root,
#blue-safety-kalkulator-intern-root *,
#blue-safety-auswertung-root,
#blue-safety-auswertung-root * {
  visibility: visible !important;
}

#blue-safety-kalkulator-intern-root,
#blue-safety-auswertung-root {
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* 2) Einblend-Animationen abschalten. Ohne das drucken Browser Elemente
      mit opacity 0, die Seite bleibt dann über weite Strecken leer. */
#blue-safety-kalkulator-intern-root *,
#blue-safety-auswertung-root * {
  animation: none !important;
  transition: none !important;
  opacity: 1 !important;
  transform: none !important;
}

/* 3) Hintergrundfarben mitdrucken. Browser unterdrücken sie sonst,
      die farbigen Kennzahlenfelder erscheinen dann als leere Flächen. */
#blue-safety-kalkulator-intern-root,
#blue-safety-kalkulator-intern-root *,
#blue-safety-auswertung-root,
#blue-safety-auswertung-root * {
  -webkit-print-color-adjust: exact !important;
  print-color-adjust: exact !important;
  box-shadow: none !important;
}

/* 4) Bedienelemente und Hinweise raus */
.bsk-no-print {
  display: none !important;
}

#blue-safety-kalkulator-intern-root button,
#blue-safety-auswertung-root button,
#blue-safety-kalkulator-intern-root input,
#blue-safety-kalkulator-intern-root select {
  display: none !important;
}

/* 5) Nur im Druck sichtbarer Kopf mit Datum und Eckdaten */
.bsk-print-only {
  display: block !important;
}

/* 6) Seitenumbrüche: Karten nicht mitten durchschneiden */
#blue-safety-kalkulator-intern-root > div > div,
#blue-safety-auswertung-root > div > div {
  break-inside: avoid;
  page-break-inside: avoid;
}

#blue-safety-kalkulator-intern-root h1,
#blue-safety-kalkulator-intern-root h2,
#blue-safety-kalkulator-intern-root h3,
#blue-safety-auswertung-root h1,
#blue-safety-auswertung-root h2,
#blue-safety-auswertung-root h3 {
  break-after: avoid;
  page-break-after: avoid;
}

/* 7) Kompaktere Abstände, damit die Auswertung auf zwei Seiten passt */
#blue-safety-kalkulator-intern-root,
#blue-safety-auswertung-root {
  font-size: 11pt !important;
}

#blue-safety-kalkulator-intern-root > div > div,
#blue-safety-auswertung-root > div > div {
  margin-bottom: 10px !important;
  border-radius: 6px !important;
}