/* ============================================================ */
/* CUNITRACK — print.css v2.0 (Fiche 360° + QR Codes)         */
/* Optimisation des impressions : QR Codes, étiquettes, rapports */
/* ============================================================ */

@media print {
  /* ========================================================== */
  /* MODE FICHE 360° (quand #print-zone-pdf est présent)       */
  /* ========================================================== */
  #print-zone-pdf {
    display: block !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    max-width: 210mm !important;
    margin: 0 auto !important;
    padding: 15mm !important;
    background: white !important;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
    color: black !important;
  }

  #print-zone-pdf * {
    visibility: visible !important;
    color: black !important;
  }

  /* Cacher tout le reste du body */
  body *:not(#print-zone-pdf):not(#print-zone-pdf *) {
    display: none !important;
  }

  /* Styles spécifiques pour la fiche PDF */
  #print-zone-pdf h1 {
    font-size: 20px !important;
    margin-bottom: 10px !important;
    color: #1a6b3c !important;
  }

  #print-zone-pdf h3 {
    font-size: 14px !important;
    margin: 15px 0 10px 0 !important;
  }

  #print-zone-pdf table {
    width: 100% !important;
    border-collapse: collapse !important;
    font-size: 10px !important;
  }

  #print-zone-pdf th {
    background: #f1f5f9 !important;
    padding: 6px !important;
    text-align: left !important;
    border: 1px solid #e2e8f0 !important;
  }

  #print-zone-pdf td {
    padding: 6px !important;
    border: 1px solid #e2e8f0 !important;
  }

  #print-zone-pdf .kpi-compact-item {
    background: #f8fafc !important;
    padding: 8px !important;
    border-radius: 8px !important;
    text-align: center !important;
  }

  /* Éviter les coupures de page */
  #print-zone-pdf .page-break-inside-avoid {
    page-break-inside: avoid !important;
  }

  /* ========================================================== */
  /* MODE QR CODE (quand #print-zone est présent)              */
  /* ========================================================== */
  #print-zone {
    display: block !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding: 10mm !important;
    background: white !important;
  }

  #print-zone * {
    visibility: visible !important;
  }

  /* Styles pour les étiquettes individuelles */
  .etiquette-qr {
    display: block !important;
    width: 50mm !important;
    margin: 0 auto !important;
    text-align: center !important;
    page-break-after: avoid !important;
    page-break-inside: avoid !important;
    border: 1px solid #ccc !important;
    padding: 8px !important;
    border-radius: 8px !important;
    background: white !important;
  }

  .etiquette-qr h2 {
    font-size: 14px !important;
    margin: 0 0 5px 0 !important;
    color: #000 !important;
  }

  .etiquette-qr .qr-container {
    display: flex !important;
    justify-content: center !important;
    margin-bottom: 5px !important;
  }

  .etiquette-qr .qr-container canvas {
    width: 100px !important;
    height: 100px !important;
  }

  .etiquette-qr p {
    font-size: 10px !important;
    margin: 5px 0 0 0 !important;
    font-family: monospace !important;
    color: #000 !important;
  }

  /* Styles pour les impressions batch */
  .qr-grid-batch {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
    gap: 15px !important;
  }

  .etiquette-batch {
    display: inline-block !important;
    width: 50mm !important;
    margin: 10px !important;
    text-align: center !important;
    page-break-inside: avoid !important;
    border: 1px dashed #64748b !important;
    padding: 10px !important;
    border-radius: 8px !important;
    background: white !important;
  }

  .etiquette-batch h2 {
    font-size: 12px !important;
    margin: 0 0 5px 0 !important;
    word-wrap: break-word !important;
  }

  .etiquette-batch .qr-code-img canvas {
    width: 80px !important;
    height: 80px !important;
  }

  .etiquette-batch p {
    font-size: 9px !important;
    margin: 5px 0 0 0 !important;
    font-family: monospace !important;
  }

  /* ========================================================== */
  /* STYLES GLOBAUX D'IMPRESSION                               */
  /* ========================================================== */

  /* Cacher les éléments interactifs */
  button, 
  .btn, 
  .btn-primary, 
  .btn-secondary,
  .btn-main,
  .btn-action,
  .tab-bar,
  .filtre-pill,
  .kpi-box,
  .kpi-card,
  .modal,
  .modal-overlay,
  .fin-modal-overlay,
  nav, 
  header, 
  footer,
  .page-header,
  .sub-tabs,
  .card-tache button,
  .action-grid {
    display: none !important;
  }

  /* Éviter les coupures de page mal placées */
  .etiquette-qr, 
  .etiquette-batch,
  #print-zone-pdf .genealogie-compact,
  #print-zone-pdf .kpi-compact {
    page-break-inside: avoid !important;
  }

  /* Assurer que les arrière-plans sont blancs */
  body, 
  #print-zone, 
  #print-zone-pdf {
    background: white !important;
  }

  /* Supprimer les marges par défaut du navigateur */
  @page {
    margin: 0.5cm;
    size: A4;
  }
}