/* import badge / notes */
.badge-import{display:inline-flex;align-items:center;gap:8px;font-family:var(--grotesk);text-transform:uppercase;letter-spacing:.09em;font-size:11px;font-weight:600;padding:7px 12px;border:1px solid var(--accent);color:var(--accent)}
.chip.accent{border-color:var(--accent);color:var(--accent)}
.note.imp{background:var(--accent-soft);border-color:#E4CFC5;color:#6E3129}
.note.imp .i{color:var(--accent)}
.mnote.imp{background:var(--accent-soft);border-color:#E4CFC5;color:#6E3129}
.seller-flag{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--muted)}
.seller-flag b{color:var(--ink)}
/* delivery tracking timeline */
.track{display:flex;flex-direction:column;gap:0}
.track .t{display:flex;gap:16px;position:relative;padding-bottom:24px}
.track .t:last-child{padding-bottom:0}
.track .t .dot{width:24px;height:24px;border-radius:50%;flex:0 0 auto;display:flex;align-items:center;justify-content:center;font-size:12px;background:var(--surface);border:1px solid var(--line);color:var(--faint);z-index:1}
.track .t.done .dot{background:var(--accent);border-color:var(--accent);color:var(--paper)}
.track .t.now .dot{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.track .t .ln{position:absolute;left:11.5px;top:24px;bottom:0;width:1px;background:var(--line)}
.track .t.done .ln{background:var(--accent)}
.track .t:last-child .ln{display:none}
.track .t .body b{font-family:var(--serif-h);font-size:15px;font-weight:600;display:block}
.track .t .body span{font-size:12.5px;color:var(--faint)}
.track .t.pending .body b{color:var(--faint);font-weight:400}
/* eta banner */
.eta{background:var(--paper);border:1px solid var(--line);padding:16px 18px;display:flex;align-items:center;gap:16px;margin-bottom:20px}
.eta .etaico{width:42px;height:42px;background:var(--surface);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;--icon-ink:#4B4436;flex:0 0 auto}
.eta .etaico .ic{width:24px;height:24px}
.eta b{font-family:var(--serif-h);font-size:15.5px;font-weight:600}.eta div span{font-size:12.5px;color:var(--muted)}
/* order status pill */
.status-pill{font-family:var(--grotesk);text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:600;padding:6px 12px;border:1px solid}
.status-pill.transit{border-color:var(--ink);color:var(--ink)}
.status-pill.customs{border-color:var(--accent);color:var(--accent)}
.status-pill.done{border-color:var(--ok);color:var(--ok)}