/* ==========================================================================
   THW-TASCHENKARTE: DRUCK-LAYOUT (PRINT OPTIMIZED)
   Optimiert für DIN A6 (Taschen-Format) und DIN A4/A5 Laminier-Karten
   ========================================================================== */

@media print {
  /* Ausblenden aller UI-Elemente */
  .app-header,
  .sidebar,
  .sidebar-backdrop,
  .card-toolbar,
  .lightbox-modal,
  .modal-overlay,
  .btn,
  .search-wrapper,
  .category-chips {
    display: none !important;
  }

  /* Reset Seitenränder & Layout */
  @page {
    size: A4 portrait;
    margin: 10mm 12mm 10mm 12mm;
  }

  html, body, #app {
    height: auto !important;
    overflow: visible !important;
    background: #ffffff !important;
    color: #000000 !important;
    font-size: 11pt !important;
    line-height: 1.35 !important;
  }

  .workspace-body {
    display: block !important;
    overflow: visible !important;
  }

  .content-area {
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
    background: #ffffff !important;
  }

  .card-view-wrapper {
    max-width: 100% !important;
    box-shadow: none !important;
    border: 2pt solid #003399 !important;
    border-radius: 0 !important;
    page-break-inside: avoid !important;
    margin-bottom: 0 !important;
  }

  .card-header-banner {
    background: #003399 !important;
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
    color: #ffffff !important;
    padding: 10pt 12pt !important;
    border-bottom: 3pt solid #ffcc00 !important;
  }

  .card-title {
    font-size: 16pt !important;
    color: #ffffff !important;
  }

  .card-subtitle {
    font-size: 10pt !important;
    color: #f1f5f9 !important;
  }

  .card-header-meta {
    font-size: 8.5pt !important;
    color: #ffffff !important;
  }

  .hazard-icons-strip {
    background: #ffffff !important;
    padding: 6pt 12pt !important;
    border-bottom: 1pt solid #000000 !important;
  }

  .hazard-icon-img {
    width: 32px !important;
    height: 32px !important;
  }

  .card-summary-box {
    margin: 8pt 12pt !important;
    padding: 6pt 8pt !important;
    background: #f1f5f9 !important;
    border-left: 3pt solid #003399 !important;
    font-size: 9.5pt !important;
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
  }

  .card-sections-container {
    padding: 6pt 12pt !important;
    gap: 8pt !important;
  }

  .card-section-block {
    border: 1pt solid #333333 !important;
    page-break-inside: avoid !important;
    margin-bottom: 6pt !important;
  }

  .card-section-header {
    background: #e2e8f0 !important;
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
    padding: 4pt 8pt !important;
    font-size: 10pt !important;
  }

  .card-section-body {
    padding: 6pt 8pt !important;
    font-size: 9pt !important;
  }

  .card-table th {
    background: #003399 !important;
    color: #ffffff !important;
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
    font-size: 8.5pt !important;
    padding: 4pt 6pt !important;
  }

  .card-table td {
    font-size: 8.5pt !important;
    padding: 3pt 6pt !important;
    border: 0.5pt solid #666666 !important;
  }

  .media-image-container img {
    max-height: 250px !important;
  }

  /* Fußzeile für Druck */
  .print-footer {
    display: block !important;
    text-align: center;
    font-size: 8pt;
    color: #666666;
    margin-top: 10pt;
    padding-top: 5pt;
    border-top: 0.5pt solid #cccccc;
  }
}