/* ═══════════════════════════════════════════════════════════════
   SUIVI-COMMANDE.CSS — Styles propres au suivi de commande
   ═══════════════════════════════════════════════════════════════ */

.narrow-wrap{max-width:640px;margin:0 auto;padding:0 24px;}

header.mini{background:var(--teal-800);padding:16px 0;border-bottom:1px solid var(--border);}
.mini-brand{display:flex;align-items:center;justify-content:space-between;max-width:640px;margin:0 auto;padding:0 24px;}
.mini-brand-left{display:flex;align-items:center;gap:10px;}
.mini-brand-mark{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,var(--gold-600),var(--gold-700));color:#1B1305;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:800;font-size:15px;}
.mini-brand-name{font-family:var(--font-display);font-size:16px;font-weight:700;color:var(--ink);}
.mini-brand-tag{font-size:10.5px;color:var(--ink-faint);}
.back-link{font-size:12.5px;color:var(--ink-muted);display:flex;align-items:center;gap:5px;font-weight:500;}
.back-link:hover{color:var(--ink);}

.hero{text-align:center;padding:44px 0 24px;}
.hero-icon{width:56px;height:56px;border-radius:50%;background:var(--teal-100);color:var(--teal-700);display:flex;align-items:center;justify-content:center;font-size:24px;margin:0 auto 16px;}
.hero h1{font-size:22px;margin-bottom:8px;}
.hero p{font-size:13.5px;color:var(--ink-muted);max-width:420px;margin:0 auto;line-height:1.6;}

@keyframes fadeUp{from{opacity:0;transform:translateY(16px);}to{opacity:1;transform:none;}}
.card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:22px;box-shadow:0 1px 2px rgba(36,18,32,.05),0 4px 18px rgba(36,18,32,.07);margin-bottom:18px;animation:fadeUp .4s var(--ease);}
.card-title{font-size:14.5px;font-weight:500;margin-bottom:14px;display:flex;align-items:center;gap:8px;}
.card-title i{color:var(--teal-700);}

.mini-tracker{display:flex;justify-content:space-between;position:relative;padding:6px 4px 0;}
.mt-line{position:absolute;top:21px;left:8%;right:8%;height:2px;background:var(--border);z-index:0;}
.mt-line-fill{position:absolute;top:21px;left:8%;height:2px;background:var(--teal-700);z-index:0;transition:width .4s var(--ease);}
.mt-step{text-align:center;position:relative;z-index:1;flex:1;}
.mt-dot{width:34px;height:34px;border-radius:50%;background:var(--surface);border:2px solid var(--border);display:flex;align-items:center;justify-content:center;margin:0 auto 6px;font-size:14px;color:var(--ink-faint);}
.mt-step.done .mt-dot{background:var(--teal-700);border-color:var(--teal-700);color:#fff;}
.mt-step.current .mt-dot{background:var(--crimson-600);border-color:var(--crimson-600);color:#fff;}
.mt-label{font-size:11px;color:var(--ink-faint);}
.mt-step.done .mt-label,.mt-step.current .mt-label{color:var(--ink);font-weight:500;}
.mt-cancelled{text-align:center;padding:10px;color:var(--crimson-600);font-weight:500;font-size:13.5px;}

.total-row{display:flex;justify-content:space-between;padding-top:12px;margin-top:4px;border-top:1px solid var(--border);font-family:var(--font-mono);font-weight:600;font-size:16px;}
.info-row{display:flex;gap:10px;font-size:13px;padding:6px 0;color:var(--ink-muted);}
.info-row i{color:var(--teal-700);width:16px;}
.info-row b{color:var(--ink);font-weight:500;}
.ref-chip{background:var(--surface);border:1px dashed var(--clay-600);color:var(--ink);font-family:var(--font-mono);padding:6px 14px;border-radius:var(--radius-pill);font-size:12px;font-weight:600;}

footer.mini{text-align:center;padding:40px 0 20px;font-size:11.5px;color:var(--ink-faint);}

/* ── Spécifique à cette page ── */
.toggle-form-link{display:block;text-align:center;font-size:12.5px;color:var(--teal-700);margin-bottom:16px;cursor:pointer;}
.toggle-form-link:hover{text-decoration:underline;}
.commande-carte{padding:0;overflow:hidden;}
.commande-entete{display:flex;align-items:center;gap:12px;padding:16px 18px;cursor:pointer;}
.commande-entete:hover{background:var(--teal-100);}
.commande-entete .hist-ref{font-family:var(--font-mono);font-size:13px;font-weight:600;}
.commande-entete .hist-date{font-size:11.5px;color:var(--ink-faint);margin-top:2px;}
.commande-entete i.ti-chevron-down,.commande-entete i.ti-chevron-up{color:var(--ink-faint);}
.commande-detail{padding:0 18px 18px;border-top:1px dashed var(--border);margin-top:2px;padding-top:16px;}
.commande-detail .statut-message{margin-bottom:14px;}
.hist-statut{font-size:10.5px;font-weight:700;padding:3px 9px;border-radius:20px;white-space:nowrap;}
.hist-montant{font-family:var(--font-mono);font-weight:600;font-size:13.5px;white-space:nowrap;margin-left:auto;}
.st-Nouvelle{background:var(--border);color:var(--ink-muted);}
.st-Confirmee,.st-EnPreparation{background:var(--gold-100);color:var(--gold-700);}
.st-EnLivraison,.st-PreteRetrait{background:var(--teal-100);color:var(--teal-700);}
.st-Livree{background:var(--teal-100);color:var(--ink);}
.st-Annulee{background:var(--crimson-100);color:var(--crimson-600);}