/* Comptes communs Alsagom : bouton de connexion, encarts, historique unifié (includes/sso.php, historique.php) */
.avt-sso-carte { max-width:560px; background:#fff; border:1px solid var(--avt-ligne); border-radius:var(--avt-rayon); padding:28px; }
.avt-sso-carte h2 { font-size:22px; margin:0 0 8px; }
.avt-sso-carte > p { color:var(--avt-gris); margin:0 0 20px; }
.avt-sso-btn { display:inline-flex !important; align-items:center; gap:12px; text-decoration:none; }
.avt-sso-a { display:inline-flex; align-items:center; justify-content:center; width:26px; height:26px; border-radius:50%; background:#fff; color:var(--avt-couleur-fonce); font-weight:800; font-size:14px; }
.avt-sso-aide { list-style:none; margin:20px 0 0; padding:16px 0 0; border-top:1px solid var(--avt-ligne); display:grid; gap:8px; font-size:14px; color:var(--avt-gris); }
.avt-sso-info { background:var(--avt-couleur-clair); border-radius:var(--avt-rayon); padding:14px 18px; margin:0 0 20px; font-size:14.5px; }
.avt-sso-encart { display:flex; align-items:center; justify-content:space-between; gap:18px; flex-wrap:wrap; background:#fff; border:1px solid var(--avt-ligne); border-radius:var(--avt-rayon); padding:18px 22px; margin:0 0 24px; }
.avt-sso-encart p { margin:4px 0 0; color:var(--avt-gris); font-size:14px; max-width:560px; }
.avt-origine { display:block; width:max-content; max-width:100%; margin-top:6px; font-size:11.5px; font-weight:600; padding:3px 8px; border-radius:6px; background:#f1f3f6; color:var(--avt-encre); white-space:normal; letter-spacing:0; text-transform:none; }
.avt-origine.is-ici { background:var(--avt-couleur-clair); color:var(--avt-couleur-fonce); }
.avt-origine.is-fr { background:#eef5e0; color:#3f5a0c; }
.avt-histo-actions { text-align:right; }
.avt-histo-actions .button { white-space:nowrap; margin:2px 0; }
.avt-histo-actions .button + .button { margin-left:6px; }
.avt-page table.avt-histo th, .avt-page table.avt-histo td { padding-left:8px; padding-right:8px; }
.avt-histo-pages { display:flex; gap:14px; align-items:center; justify-content:center; margin-top:18px; }
@media (max-width:760px) { .avt-histo-actions { text-align:left; } }

/* Suivi des étapes d'une commande de vitrine (includes/etapes.php) */
.avt-etapes-suivi { margin:0 0 24px; }
.avt-etapes-suivi h2 { font-size:20px; margin:0 0 12px; }
.avt-etapes { list-style:none; margin:0; padding:0; display:flex; gap:0; }
.avt-etapes li { flex:1 1 0; position:relative; padding:26px 8px 0; text-align:center; font-size:14px; color:var(--avt-gris, #5b6470); }
.avt-etapes li::before { content:""; position:absolute; top:8px; left:0; right:0; height:3px; background:var(--avt-ligne, #e6e8ec); }
.avt-etapes li:first-child::before { left:50%; } .avt-etapes li:last-child::before { right:50%; }
.avt-etapes li.is-fait::before { background:var(--avt-couleur, #2e7d32); }
.avt-etape-point { position:absolute; top:2px; left:50%; width:15px; height:15px; margin-left:-7.5px; border-radius:50%; background:#fff; border:3px solid var(--avt-ligne, #e6e8ec); box-sizing:border-box; }
.avt-etapes li.is-fait .avt-etape-point { background:var(--avt-couleur, #2e7d32); border-color:var(--avt-couleur, #2e7d32); }
.avt-etapes li b { display:block; font-weight:600; color:inherit; }
.avt-etapes li.is-fait b { color:var(--avt-encre, #15181d); }
.avt-etapes li time { display:block; font-size:12.5px; }
.avt-etapes-note { font-size:14px; color:var(--avt-gris, #5b6470); margin:12px 0 0; }
@media (max-width:600px) {
  .avt-etapes { flex-direction:column; gap:10px; }
  .avt-etapes li { text-align:left; padding:0 0 0 26px; }
  .avt-etapes li::before { display:none; }
  .avt-etape-point { left:0; top:3px; margin-left:0; }
}