/* Suivi de commande — compléments (s'appuie sur css/pages/compte.css) */
@media (min-width:1101px){.trk.cols.right{grid-template-columns:minmax(0,1fr) 380px}}
.trk-top{display:flex;align-items:flex-start;gap:20px;flex-wrap:wrap}
.trk-top .ptitle{flex:1;min-width:260px;margin-bottom:0}
.trk-badge{display:flex;gap:14px;align-items:flex-start;padding:14px 18px;background:#fff;border:1px solid var(--c-line);border-radius:var(--r-card)}
.trk-badge > .ico{width:30px;height:30px;color:var(--c-ink)}
.trk-badge b{display:block;font-size:14px;color:var(--c-ink)}
.trk-badge small{display:block;font-size:12.5px;color:var(--c-muted);margin:2px 0 7px}

/* étapes en grand */
.tline.big{margin:4px 0}
.tline.big .tp::before{top:19px}
.tline.big .dot{width:40px;height:40px}
.tline.big .dot .ico{width:19px;height:19px}
.tline.big .tp b{font-size:13.5px}
.tline .tp.cur .dot{background:#fff;border:2px solid var(--c-brand);color:var(--c-ink)}
.tline .tp.cur b{color:var(--c-ink)}

/* historique vertical */
.vlog{display:flex;flex-direction:column}
.vlog .ev{position:relative;display:grid;grid-template-columns:22px minmax(0,1fr) auto;gap:12px;padding:0 0 18px}
.vlog .ev::before{content:"";position:absolute;left:6px;top:14px;bottom:0;width:2px;background:#E4E4E4}
.vlog .ev:last-child::before{display:none}
.vlog .ev .pt{width:14px;height:14px;border-radius:50%;background:#BDBDBD;margin-top:3px;position:relative;z-index:1}
.vlog .ev.first .pt{background:var(--c-brand);box-shadow:0 0 0 4px var(--c-brand-soft)}
.vlog .ev b{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:14px;color:var(--c-ink)}
.vlog .ev small{display:block;font-size:12.5px;color:var(--c-muted);margin-top:2px}
.vlog .ev time{font-size:12px;color:var(--c-muted);text-align:right;white-space:nowrap}

/* lignes d'information */
.dl{display:grid;grid-template-columns:170px minmax(0,1fr);gap:12px;padding:10px 0;border-bottom:1px solid #EFEFEF;font-size:13px}
.dl:last-child{border-bottom:none}
.dl .k{display:flex;gap:10px;align-items:flex-start;color:var(--c-ink);font-weight:500}
.dl .k .ico{width:17px;height:17px}
.dl .v{color:var(--c-text);line-height:1.55;display:flex;align-items:center;gap:8px;flex-wrap:wrap;word-break:break-word}
.dl .v b{color:var(--c-ink)}
#trkAddr{display:block}
.trk-pair{align-items:start}

@media (max-width:1280px){.trk-pair{grid-template-columns:minmax(0,1fr)}}
@media (max-width:640px){
  .dl{grid-template-columns:minmax(0,1fr);gap:4px}
  .vlog .ev{grid-template-columns:22px minmax(0,1fr)}
  .vlog .ev time{grid-column:2;text-align:left}
  .tline.big .tp b{font-size:11.5px}
  .trk-badge{width:100%}
}