/* =============================================================================
   CRM EcoThatch — 05-impression.css
   -----------------------------------------------------------------------------
   Rendu papier / PDF. À l'écran, `#zoneImpression` est masquée ; à l'impression
   c'est l'inverse : elle seule reste, sur fond blanc et en encre noire.

   Le fond sombre du CRM ne s'imprime pas : la plupart des navigateurs coupent
   les fonds par défaut, et une page noire viderait une cartouche pour rien.
   ========================================================================== */

#zoneImpression { display: none; }

@media print {
  @page { margin: 12mm; }

  /* Tout le chrome de l'application disparaît. */
  header,
  .statbar,
  .wrap,
  .fab,
  .overlay,
  .lightbox,
  .toasts,
  .alertzone,
  .banner { display: none !important; }

  body {
    background: #fff;
    color: #000;
    font-size: 11pt;
  }

  #zoneImpression { display: block; }

  .p-header {
    display: flex;
    align-items: baseline;
    gap: 12px;
    padding-bottom: 8px;
    border-bottom: 2px solid #000;
  }

  .p-header h1 { margin: 0; font-size: 17pt; }
  .p-date { margin-left: auto; font-size: 9.5pt; color: #444; }

  .p-summary {
    margin-top: 8px;
    padding: 7px 10px;
    background: #f2f2f2;
    border-radius: 5px;
    font-size: 10pt;
  }

  .p-sec {
    margin: 16px 0 8px;
    padding-bottom: 4px;
    border-bottom: 1px solid #999;
    font-size: 13pt;
  }

  .p-card {
    /* Une fiche ne doit jamais être coupée en deux par un saut de page. */
    break-inside: avoid;
    page-break-inside: avoid;
    margin-bottom: 9px;
    padding: 9px 11px;
    border: 1px solid #ccc;
    border-left: 4px solid #666;
    border-radius: 5px;
  }

  .p-b-Basse   { border-left-color: #8a97ab; }
  .p-b-Moyenne { border-left-color: #3f9bd4; }
  .p-b-Haute   { border-left-color: #ef8f3c; }
  .p-b-Urgente { border-left-color: #d33; }

  .p-row1 {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 8px;
  }

  .p-name { font-size: 12pt; font-weight: 700; }

  .p-cat,
  .p-type,
  .p-prio {
    padding: 1px 7px;
    border-radius: 999px;
    font-size: 8.5pt;
    font-weight: 700;
    /* Sans cela, les pastilles sortent blanches : les navigateurs suppriment
       les fonds à l'impression. Ici la couleur porte l'information. */
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }

  .p-cat        { background: #3d7cf0; color: #fff; }
  .p-cat.Perso  { background: #22b391; }
  .p-type       { background: #eee; color: #333; }
  .p-prio       { background: #eee; color: #333; }
  .p-prio.Haute   { background: #ef8f3c; color: #fff; }
  .p-prio.Urgente { background: #d33; color: #fff; }

  .p-fields {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 5px;
    font-size: 9.5pt;
    color: #333;
  }

  .p-track { margin-top: 4px; font-size: 9.5pt; color: #333; }

  .p-msg {
    margin-top: 5px;
    padding: 6px 9px;
    background: #f7f7f7;
    border-radius: 4px;
    font-size: 9.5pt;
    white-space: pre-wrap;
  }
}