/*
 * EARONTECH — REPÈRES DE MAINTENANCE
 * Écrans : Comparaison des valeurs proposées par les imports IA avant application.
 * Chargement : private/research-view.php, private/supplier-discovery-view.php, private/view.php.
 * Interactions : public/import-review.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.
 */

/* Comparaison des imports : contenu défilant, validation toujours accessible. */
.import-review-scroll>details {
  margin:8px 0;
  border:1px solid #d7e1e9;
  border-radius:6px;
  overflow:hidden
}

.import-review-scroll>details>summary {
  cursor:pointer;
  padding:9px 12px;
  font-size:calc(13px * var(--app-font-scale, 1));
  font-weight:600;
  color:var(--app-primary-color, #1c75bc);
  background:var(--app-primary-soft, #edf5fb)
}

.import-review-scroll input[type=checkbox] {
  flex:0 0 auto;
  width:14px;
  height:14px;
  margin:1px 0
}

.import-review-scroll>details>p {
  padding:0 12px
}

.import-review-dialog {
  width:85vw;
  max-width:1250px;
  max-height:88vh;
  border:0;
  border-radius:10px;
  padding:20px;
  color:#20252a;
  background:white
}

.import-review-dialog::backdrop {
  background:#152b4477
}

.import-review-dialog h2 {
  font-size:calc(19px * var(--app-font-scale, 1));
  color:var(--app-primary-color, #1c75bc)
}

.import-review-dialog p {
  font-size:calc(13px * var(--app-font-scale, 1))
}

.import-review-dialog button {
  margin:4px;
  padding:8px 12px
}

.import-review-dialog .primary {
  background:var(--app-primary-color, #1c75bc);
  color:var(--app-button-text, #fff)
}

.import-review-scroll {
  max-height:58vh;
  overflow:auto
}

.import-review-dialog table {
  width:100%;
  table-layout:fixed;
  border-collapse:collapse;
  font-size:calc(12px * var(--app-font-scale, 1))
}

.import-review-dialog th,.import-review-dialog td {
  border:1px solid #d7e1e9;
  padding:8px;
  vertical-align:top;
  white-space:pre-wrap;
  overflow-wrap:anywhere
}

.import-review-dialog th {
  color:var(--app-primary-color, #1c75bc);
  background:var(--app-primary-soft, #edf5fb)
}

.import-review-dialog td:first-child {
  width:26%
}

.import-review-dialog label {
  display:flex;
  gap:8px
}

.import-review-dialog small {
  display:block;
  color:#666;
  margin-top:5px
}

.import-review-dialog footer {
  display:flex;
  justify-content:flex-end;
  flex-wrap:wrap;
  padding-top:10px
}

@media(max-width:700px) {
  .import-review-dialog {
    width:96vw;
    padding:10px
  }

}