.trace-timeline{--tt-bg:#0d0d0e;--tt-panel:#141416;--tt-text:#f4f4f5;--tt-muted:#a1a1aa;--tt-border:#2a2a2e;--tt-accent:#86d5ae;--tt-amber:#f1c575;--tt-notice:#19191c;background:var(--tt-bg);color:var(--tt-text);border:1px solid var(--tt-border);box-sizing:border-box;text-align:left;border-radius:20px;max-width:100%;padding:28px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;font-size:14px;line-height:1.6}.trace-timeline[data-theme=light]{--tt-bg:#fff;--tt-panel:#f6f7f8;--tt-text:#18181b;--tt-muted:#61616b;--tt-border:#e1e1e6;--tt-accent:#157347;--tt-amber:#875800;--tt-notice:#f6f7f8}.trace-timeline *{box-sizing:border-box}.trace-timeline p,.trace-timeline h2,.trace-timeline h3,.trace-timeline ol{margin:0}.tt-header{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.trace-timeline .tt-eyebrow{letter-spacing:.13em;text-transform:uppercase;color:var(--tt-muted);font-size:11px}.trace-timeline h2{letter-spacing:-.04em;margin-top:5px;font-size:22px;font-weight:500;line-height:1.35}.trace-timeline .tt-reference{color:var(--tt-muted);overflow-wrap:anywhere;margin-top:7px;font-family:ui-monospace,SFMono-Regular,monospace;font-size:12px}.tt-badge{white-space:nowrap;border:1px solid var(--tt-border);color:var(--tt-accent);background:var(--tt-panel);border-radius:999px;align-items:center;gap:7px;padding:5px 10px;font-size:12px;display:inline-flex}.tt-status-dot{background:currentColor;border-radius:50%;flex-shrink:0;width:6px;height:6px}.trace-timeline .tt-attention{color:var(--tt-amber)}.trace-timeline .tt-notice{border:1px solid var(--tt-border);background:var(--tt-notice);color:var(--tt-muted);border-radius:9px;margin-top:20px;padding:12px 14px;font-size:12px}.trace-timeline .tt-notice.tt-attention{color:var(--tt-amber)}.trace-timeline .tt-progress{border-bottom:1px solid var(--tt-border);grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:28px 0;list-style:none;display:grid}.tt-progress li{color:var(--tt-muted);border-top:2px solid var(--tt-border);overflow-wrap:anywhere;flex-direction:column;gap:10px;min-width:0;padding-top:14px;font-size:11px;display:flex}.tt-step-mark{border:1px solid var(--tt-border);border-radius:50%;place-items:center;width:25px;height:25px;font-size:11px;display:grid}.tt-progress li.tt-complete,.tt-progress li.tt-current{border-color:var(--tt-accent);color:var(--tt-text)}.tt-complete .tt-step-mark,.tt-current .tt-step-mark{border-color:var(--tt-accent);color:var(--tt-accent);background:var(--tt-panel)}.tt-history-head{justify-content:space-between;align-items:center;margin:22px 0;display:flex}.trace-timeline h3{letter-spacing:0;font-size:13px;font-weight:500}.tt-history-head>span{color:var(--tt-muted);font-size:11px}.trace-timeline .tt-events{padding:0;list-style:none}.tt-events li{gap:18px;padding-bottom:26px;display:flex;position:relative}.tt-events li:not(:last-child):before{content:"";background:var(--tt-border);width:1px;position:absolute;top:12px;bottom:0;left:4px}.tt-event-mark{border:1px solid var(--tt-muted);background:var(--tt-bg);z-index:1;border-radius:50%;flex-shrink:0;width:9px;height:9px;margin-top:7px;position:relative}.tt-event-latest{background:var(--tt-accent);border-color:var(--tt-accent);box-shadow:0 0 0 4px var(--tt-panel)}.tt-event-body{flex:1;min-width:0}.tt-event-description{overflow-wrap:anywhere;font-size:13px;font-weight:500}.trace-timeline .tt-location{color:var(--tt-muted);margin-top:3px;font-size:12px}.tt-event-body time,.trace-timeline .tt-unverified-time{color:var(--tt-muted);flex-wrap:wrap;gap:7px;margin-top:6px;font-size:11px;display:flex}.tt-time-label{color:var(--tt-amber);border:1px solid var(--tt-border);border-radius:4px;padding:0 5px}.tt-footer{border-top:1px solid var(--tt-border);color:var(--tt-muted);flex-direction:column;gap:4px;padding-top:14px;font-size:10px;display:flex}.trace-timeline .tt-empty{color:var(--tt-muted);padding:0 0 26px;font-size:13px}.trace-timeline[data-status=unknown] .tt-badge,.trace-timeline[data-status=pending] .tt-badge{color:var(--tt-muted)}.trace-timeline[data-status=exception] .tt-event-latest{background:var(--tt-amber);border-color:var(--tt-amber)}@media (max-width:480px){.trace-timeline{border-radius:14px;padding:20px 16px}.tt-header{flex-direction:column;gap:12px}.trace-timeline .tt-progress{gap:8px}.tt-progress li{font-size:10px}.tt-events li{gap:13px}}.trace-timeline{text-align:start}.trace-timeline .tt-progress{grid-template-columns:repeat(var(--tt-stages,4),minmax(0,1fr))}.trace-timeline .tt-events li:not(:last-child):before{left:auto;inset-inline-start:4px}.trace-timeline .tt-event-tag{letter-spacing:.04em;color:var(--tt-muted);border:1px solid var(--tt-border);border-radius:4px;margin-block-start:5px;margin-inline-end:5px;padding:1px 5px;font-size:9px;display:inline-block}.trace-timeline .tt-badge{white-space:normal;text-align:start;max-width:100%}.trace-timeline [data-status=unknown] .tt-badge,.trace-timeline [data-status=pending] .tt-badge,.trace-timeline [data-status=cancelled] .tt-badge{color:var(--tt-muted)}.trace-timeline [data-status=exception] .tt-event-latest{background:var(--tt-amber);border-color:var(--tt-amber)}.trace-timeline[data-density=compact]{padding:20px}.trace-timeline[data-density=compact] h2{font-size:18px}.trace-timeline[data-density=compact] .tt-progress{padding-block:20px}.trace-timeline[data-density=compact] .tt-events li{padding-block-end:17px}.trace-timeline[data-density=compact] .tt-history-head{margin-block:16px}.tt-order{text-align:start;color:#f4f4f5;max-width:100%;font-family:Inter,ui-sans-serif,system-ui,sans-serif}.tt-order[data-theme=light]{color:#18181b}.tt-order-header{justify-content:space-between;align-items:center;gap:16px;margin-block-end:18px;display:flex}.tt-order-header p{opacity:.65;margin:0;font-size:11px}.tt-order-header h2{letter-spacing:-.04em;margin:4px 0 0;font-size:24px;font-weight:500}.tt-order-header>span{opacity:.7;max-width:210px;font-size:12px}.tt-order-parcels{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:16px;display:grid}.tt-order-empty{opacity:.7;font-size:13px}.trace-timeline[data-theme=light] .tt-notice{color:#555560}.trace-timeline[data-theme=light] .tt-notice.tt-attention{color:var(--tt-amber)}@media (prefers-reduced-motion:reduce){.trace-timeline *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (max-width:480px){.tt-order-header{flex-direction:column;align-items:flex-start}.trace-timeline[data-density=compact]{padding:16px}}.trace-timeline .tt-badge[data-status=unknown],.trace-timeline .tt-badge[data-status=pending],.trace-timeline .tt-badge[data-status=cancelled]{color:var(--tt-muted)}