/*
 * EARONTECH — REPÈRES DE MAINTENANCE
 * Écrans : Comptes rendus de visite et contacts dans les éditions et fiches exposants.
 * Chargement : private/view.php, private/salon-mode.php.
 * Interactions : public/salon-visit-records.js.
 * Les couleurs et tailles paramétrables utilisent les variables --app-* / --product-*.
 * Les blocs @media adaptent la même interface à la largeur de l’écran.
 * Conserver l’ordre des règles : les ajustements spécialisés suivent le socle commun.
 */

/* ÉDITION CLASSIQUE — compte rendu terrain, indépendant des données clients. */
.edition-visit-history {
  margin-top:10px;
  border-top:1px solid #cbd9e6;
  padding-top:8px;
  font-size:calc(12px * var(--app-font-scale, 1));
  line-height:1.4
}

.edition-visit-history>summary {
  cursor:pointer;
  color:var(--app-primary-color, #1c75bc);
  font-weight:600
}

.edition-visit-history [data-salon-history-body] {
  padding-top:8px
}

.edition-visit-facts {
  margin:0;
  display:grid;
  gap:7px
}

.edition-visit-facts dt {
  font-size:calc(11px * var(--app-font-scale, 1));
  color:var(--app-primary-color, #1c75bc);
  font-weight:600
}

.edition-visit-facts dd {
  margin:2px 0 0;
  font-size:calc(12px * var(--app-font-scale, 1));
  color:#222;
  overflow-wrap:anywhere
}

.edition-visit-history h4 {
  font-size:calc(12px * var(--app-font-scale, 1));
  margin:10px 0 6px;
  color:var(--app-primary-color, #1c75bc)
}

.edition-visit-history p {
  margin:4px 0;
  font-size:calc(11px * var(--app-font-scale, 1))
}

.edition-visit-history .salon-captured-cards {
  display:grid;
  gap:8px;
  margin:8px 0
}

.edition-visit-history .salon-captured-cards article {
  background:#fff;
  border:1px solid #d7e1ea;
  border-radius:6px;
  padding:9px;
  overflow-wrap:anywhere
}

.edition-visit-history .salon-captured-cards h3 {
  font-size:calc(12px * var(--app-font-scale, 1));
  margin:0 0 5px
}

.edition-visit-history .button,.edition-visit-history button {
  font-size:calc(11px * var(--app-font-scale, 1));
  padding:4px 8px;
  margin-top:4px
}

[data-salon-edition-report] {
  padding:10px 0;
  font-size:calc(13px * var(--app-font-scale, 1))
}

[data-salon-edition-report]>h3 {
  font-size:calc(16px * var(--app-font-scale, 1));
  color:var(--app-primary-color, #1c75bc);
  margin:0 0 12px
}

.edition-report-texts {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px
}

.edition-report-texts article {
  border:1px solid #d7e1ea;
  border-radius:7px;
  padding:12px;
  background:#fff;
  min-width:0
}

.edition-report-texts h4 {
  font-size:calc(13px * var(--app-font-scale, 1));
  color:var(--app-primary-color, #1c75bc);
  margin:0 0 8px
}

.edition-report-texts p {
  font-size:calc(12px * var(--app-font-scale, 1));
  line-height:1.5;
  margin:0;
  overflow-wrap:anywhere
}

.edition-report-actions {
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:12px 0
}

.edition-report-actions .button {
  font-size:calc(12px * var(--app-font-scale, 1));
  padding:5px 10px
}

/* Confirmation commune, utilisable au-dessus de la fiche de visite ouverte. */
dialog.salon-delete-dialog {
  width:min(480px,94vw);
  max-width:94vw;
  max-height:85vh;
  inset:0;
  margin:auto;
  padding:0;
  border:1px solid #d7e1ea;
  border-radius:9px;
  overflow:auto;
  background:#fff;
  color:#222;
  box-sizing:border-box
}

.salon-delete-dialog::backdrop {
  background:rgb(15 31 47 / 45%)
}

.salon-delete-dialog>header {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:12px;
  border-bottom:1px solid #d7e1ea
}

.salon-delete-dialog h2 {
  font-size:calc(15px * var(--app-font-scale, 1));
  margin:0;
  color:var(--app-primary-color, #1c75bc)
}

.salon-delete-dialog [data-salon-delete-body] {
  padding:14px
}

.salon-delete-dialog p {
  font-size:calc(13px * var(--app-font-scale, 1));
  line-height:1.5;
  margin:0 0 10px
}

.salon-delete-dialog footer {
  display:flex;
  justify-content:flex-end;
  gap:8px;
  margin-top:12px
}

.salon-delete-dialog button {
  font-size:calc(12px * var(--app-font-scale, 1));
  padding:6px 10px
}

.salon-delete-dialog .salon-delete-check {
  display:flex;
  flex-direction:row;
  gap:8px;
  align-items:flex-start;
  font-size:calc(13px * var(--app-font-scale, 1));
  margin:12px 0;
  color:#222
}

.salon-delete-dialog .salon-delete-check input {
  width:auto;
  min-height:0;
  flex-shrink:0;
  margin-top:3px
}

.salon-captured-cards button.danger {
  background:#fff1f3;
  color:#ac2340;
  border:1px solid #e8bdc6;
  font-size:calc(12px * var(--app-font-scale, 1));
  padding:6px 10px
}

@media(max-width:720px) {
  .edition-report-texts {
    grid-template-columns:1fr
  }

}