/* AUTODIAGNOSTIQUE / Indice-UP page-specific additions.
   Reuses AUTOEVALUATION.css for the shared shell and interaction pattern. */

.autoeval-access-card #autodiagAccessContinue{
  min-width:220px;
  padding:14px 28px;
  border:2px solid var(--orange);
  border-radius:var(--cta-radius);
  background:var(--orange);
  color:#fff;
  font-size:.98rem;
  font-weight:700;
  line-height:1.2;
  box-shadow:0 8px 18px rgba(30,58,95,.12);
  transition:transform .18s ease, opacity .18s ease, background .18s ease, color .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.autoeval-access-card #autodiagAccessContinue:not(:disabled):hover,
.autoeval-access-card #autodiagAccessContinue:not(:disabled):focus-visible{
  background:var(--orange);
  border-color:var(--orange);
  color:#fff;
  transform:none;
  filter:brightness(.92);
  box-shadow:0 10px 22px rgba(30,58,95,.16);
}

.autoeval-access-card #autodiagAccessContinue:disabled{
  background:#8d99a6;
  border-color:#8d99a6;
  color:#fff;
  opacity:1;
  box-shadow:none;
  filter:none;
  transform:none;
}

.autodiag-question-meta{
  margin:0 0 4px;
  color:#354856;
  font-size:15px;
}

.autodiag-option{
  display:flex;
  align-items:flex-start;
  gap:12px;
  width:100%;
}

.autodiag-option-copy{
  display:grid;
  gap:4px;
}

.autodiag-option-label{
  color:var(--bleu);
  font-weight:700;
}

.autodiag-option-note{
  color:#5a6a77;
  font-size:14px;
  line-height:1.4;
}

.autodiag-respondent-list{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:14px 18px;
  margin:22px 0 0;
}

.autodiag-respondent-list div{
  padding-top:12px;
  border-top:1px solid rgba(30,58,95,.12);
}

.autodiag-respondent-list dt{
  margin:0 0 4px;
  color:#5a6a77;
  font-size:12px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.autodiag-respondent-list dd{
  margin:0;
  color:var(--bleu);
  font-weight:700;
}

.autodiag-dimension-list{
  margin:0;
  padding:0;
  list-style:none;
}

.autodiag-results-extension{
  max-width:620px;
  margin:30px auto 0;
  padding-top:26px;
  border-top:1px solid rgba(30,58,95,.12);
  text-align:left;
}

.autodiag-radar-card,
.autodiag-dimension-card{
  margin-top:18px;
}

.autodiag-radar-card{
  margin-top:0;
}

.autodiag-radar-card h3,
.autodiag-dimension-card h3{
  color:var(--bleu);
}

.autodiag-radar-card .autoeval-radar{
  margin-right:auto;
  margin-left:auto;
}

.autodiag-scale-reference{
  margin:18px 0 0;
  color:#5a6a77;
  font-size:14px;
  font-weight:700;
  text-align:center;
}

.autodiag-dimension-list{
  display:grid;
  gap:10px;
  margin-top:10px;
}

.autodiag-dimension-list li{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:10px 12px;
  border:1px solid rgba(30,58,95,.12);
}

.autodiag-dimension-list strong{
  color:var(--bleu);
}

.autodiag-detail-card{
  padding:24px;
  background:#fff;
  border:1px solid rgba(30,58,95,.12);
  border-top:3px solid var(--bleu);
}

.autodiag-detail-card h2{
  margin:0 0 18px;
  color:var(--bleu);
}

.autodiag-table-wrap{
  overflow-x:auto;
}

.autodiag-result-table{
  width:100%;
  border-collapse:collapse;
}

.autodiag-result-table caption{
  padding:0 0 10px;
  color:var(--bleu);
  font-weight:700;
  text-align:left;
}

.autodiag-contact-first{
  width:min(100%, 760px);
  margin:24px auto 0;
  padding:28px;
  border-top:3px solid var(--orange);
  background:var(--gris);
  text-align:center;
}

.autodiag-contact-first h2{
  margin:0 0 10px;
  color:var(--bleu);
}

.autodiag-contact-first p{
  margin:0 0 18px;
}

@media (forced-colors: active){
  .autodiag-option input:focus{
    outline:2px solid CanvasText;
    outline-offset:3px;
  }
}

.autodiag-result-table th,
.autodiag-result-table td{
  padding:12px 10px;
  border-bottom:1px solid rgba(30,58,95,.12);
  text-align:left;
  vertical-align:top;
}

.autodiag-result-table th{
  color:var(--bleu);
  font-size:13px;
  font-weight:700;
  letter-spacing:.04em;
  text-transform:uppercase;
  background:#f7f8f9;
}

.autodiag-result-table td:nth-child(1),
.autodiag-result-table td:nth-child(3),
.autodiag-result-table td:nth-child(4),
.autodiag-result-table td:nth-child(5),
.autodiag-result-table td:nth-child(6),
.autodiag-result-table td:nth-child(7){
  white-space:nowrap;
}

.autodiag-result-table td:nth-child(4),
.autodiag-result-table td:nth-child(5),
.autodiag-result-table td:nth-child(6),
.autodiag-result-table td:nth-child(7){
  text-align:center;
}

.autodiag-empty-average{
  color:transparent;
}

@media (max-width: 980px){
  .autodiag-respondent-list{
    grid-template-columns:1fr;
  }
}

@media (max-width: 700px){
  .autodiag-detail-card{
    padding:18px;
  }

  .autodiag-results-extension{
    margin-top:24px;
    padding-top:22px;
  }

  .autodiag-contact-first{
    padding:22px 18px;
  }
}