.profile-btn { margin-left: 8px; width: 38px; height: 38px; border-radius: 50%; background: var(--bg-soft);
  display: grid; place-items: center; font-size: 16px; font-weight: 800; color: var(--ink); flex: 0 0 38px;
  box-shadow: inset 0 0 0 1px rgba(17,17,20,.04); transition: transform var(--t-fast) var(--spring); }
.profile-btn:active { transform: scale(.9); }
.profile-btn.logged { background: var(--ink); color: #fff; }
.ac-switch { margin-top: var(--s-4); font-size: 13.5px; color: var(--ink-2); text-align: center; }
.ac-link { color: var(--ink); font-weight: 700; text-decoration: underline; }
.ac-list { display: flex; flex-direction: column; gap: var(--s-3); }
.ac-order { border: 1px solid var(--line); border-radius: var(--r-md); padding: var(--s-3) var(--s-4); }
.ac-order-top { display: flex; justify-content: space-between; align-items: center; }
.ac-order-id { font-weight: 800; }
.ac-badge { font-size: 12px; font-weight: 700; padding: 4px 10px; border-radius: var(--r-pill); background: var(--bg-soft); color: var(--ink-2); }
.ac-order-meta { font-size: 13px; color: var(--ink-3); margin-top: 4px; }
.ac-addr { display: flex; justify-content: space-between; align-items: center; padding: 12px 0; border-bottom: 1px solid var(--line); }
.ac-addr small { color: var(--ink-3); }
.ac-del { color: var(--warn); font-weight: 700; font-size: 13px; }
.ac-section-title { font-size: 13px; font-weight: 800; text-transform: uppercase; letter-spacing: .04em; color: var(--ink-2); margin: var(--s-6) 0 var(--s-2); }
.ac-logout { width: 100%; margin-top: var(--s-6); padding: 14px; border-radius: var(--r-pill); background: var(--bg-soft); font-weight: 700; color: var(--warn); }
.co-account-cta { margin-top: var(--s-5); padding: var(--s-4); background: var(--bg-soft); border-radius: var(--r-md); text-align: center; }
.co-account-cta b { font-size: 16px; }
.co-account-cta p { font-size: 13px; color: var(--ink-2); margin: 4px 0 var(--s-3); }
.co-account-cta .co-cta { background: var(--ink); }

/* ===== Suivi live commande (Mes commandes) ===== */
.ac-info { margin-top: 10px; font-size: 13.5px; font-weight: 600; color: var(--ink-2); }
.ac-info-live { color: #0a7d2c; }
.ac-info-done { color: #0a7d2c; }
.ac-info-bad { color: var(--warn); }
.ac-info b { font-weight: 800; }

.ac-track { display: flex; align-items: flex-start; margin-top: 14px; }
.ac-step { flex: 1; display: flex; flex-direction: column; align-items: center; position: relative; }
.ac-step::before { content: ''; position: absolute; top: 6px; left: -50%; width: 100%; height: 2px; background: var(--line); z-index: 0; }
.ac-step:first-child::before { display: none; }
.ac-step.done::before, .ac-step.current::before { background: var(--ink); }
.ac-dot { width: 13px; height: 13px; border-radius: 50%; background: #d9d9de; position: relative; z-index: 1; transition: all .25s var(--spring, ease); }
.ac-step.done .ac-dot { background: var(--ink); }
.ac-step.current .ac-dot { background: var(--ink); box-shadow: 0 0 0 4px rgba(17,17,20,.12); animation: ac-pulse 1.6s infinite; }
@keyframes ac-pulse { 0%,100%{box-shadow:0 0 0 4px rgba(17,17,20,.12)} 50%{box-shadow:0 0 0 7px rgba(17,17,20,.04)} }
.ac-step-l { font-size: 10.5px; font-weight: 700; color: var(--ink-3); margin-top: 6px; letter-spacing: -.01em; }
.ac-step.done .ac-step-l, .ac-step.current .ac-step-l { color: var(--ink); }