/* FR pilot: same navy / yellow identity as the existing shop. */
.wcpa-tracking-widget .tbx-journey { --journey-ink:#142033; --journey-navy:#173d72; --journey-yellow:#f5c928; --journey-muted:#57677b; --journey-line:#dce3ec; color:var(--journey-ink); text-align:left; }
.tbx-journey-head { display:flex; align-items:baseline; justify-content:space-between; flex-wrap:wrap; gap:8px; margin:0 0 18px; }
.tbx-journey-head .tbx-journey-order { margin:0; font-size:16px; font-weight:750; }
.tbx-journey-head>span { color:var(--journey-muted); font-size:13px; }
.tbx-journey-split { margin:0 0 20px; font-size:14px; line-height:1.65; color:var(--journey-muted); }
.tbx-journey-parcel { padding:25px 26px 0; margin:0 0 22px; border:1px solid var(--journey-line); border-radius:14px; background:white; overflow:hidden; }
.tbx-journey-topline { display:flex; justify-content:space-between; align-items:baseline; gap:12px; color:var(--journey-muted); font-size:12px; font-weight:650; }
.tbx-journey-topline>span:first-child { color:var(--journey-navy); font-weight:750; font-size:14px; }
.tbx-journey-rail { display:flex; gap:5px; margin:14px 0 24px; }
.tbx-journey-rail span { flex:1; height:5px; background:#e5eaf0; border-radius:2px; }
.tbx-journey-rail .done { background:var(--journey-navy); }
.tbx-journey-rail .current { background:var(--journey-yellow); }
.tbx-journey-current h2 { color:#102d57; font-family:inherit; font-size:clamp(23px,3vw,29px); line-height:1.24; letter-spacing:-.025em; font-weight:800; margin:0 0 12px; }
.tbx-journey-current>p { font-size:15px; line-height:1.7; margin:0 0 14px; }
.tbx-journey-current .tbx-journey-date { color:var(--journey-muted); font-size:12px; margin:0 0 23px; }
.tbx-journey-next { margin:18px 0; padding:15px 18px; background:#f4f7fb; border-left:3px solid var(--journey-yellow); }
.tbx-journey-next>span { display:block; font-size:11px; color:var(--journey-muted); margin-bottom:3px; }
.tbx-journey-next strong { display:block; font-size:14px; font-weight:750; }
.tbx-journey-next small { display:block; margin-top:3px; color:var(--journey-muted); font-size:11px; }
.tbx-journey-history { border-top:1px solid var(--journey-line); margin-top:22px; }
.tbx-journey-history summary { list-style:none; display:flex; align-items:center; justify-content:space-between; cursor:pointer; min-height:54px; color:var(--journey-navy); font-size:13px; font-weight:700; }
.tbx-journey-history summary::-webkit-details-marker { display:none; }
.tbx-journey-history summary>span { font-size:21px; line-height:1; }
.tbx-journey-history[open] summary>span { transform:rotate(45deg); }
.tbx-journey-history ol { list-style:none; padding:6px 0 20px; margin:0; }
.tbx-journey-history li { position:relative; display:flex; gap:13px; margin:0; padding:0 0 22px; min-height:48px; }
.tbx-journey-history li:last-child { padding-bottom:0; }
.tbx-journey-history li:not(:last-child)::after { content:''; position:absolute; top:28px; bottom:2px; left:13px; width:2px; background:#dce3ec; }
.tbx-journey-point { display:flex; align-items:center; justify-content:center; flex:0 0 28px; width:28px; height:28px; border:1px solid #c4ceda; border-radius:50%; color:var(--journey-muted); font-size:11px; line-height:1; background:#fff; }
.tbx-journey-history .done .tbx-journey-point { background:var(--journey-navy); border-color:var(--journey-navy); color:#fff; }
.tbx-journey-history .current .tbx-journey-point { border:2px solid var(--journey-navy); box-shadow:0 0 0 3px #fbe79a; color:var(--journey-navy); font-weight:800; }
.tbx-journey-history li>span:last-child { padding-top:3px; }
.tbx-journey-history strong { display:block; font-size:13px; font-weight:650; line-height:1.5; }
.tbx-journey-history time,.tbx-journey-history small { display:block; color:var(--journey-muted); font-size:11px; margin-top:3px; }
.tbx-journey-history .future strong { color:var(--journey-muted); font-weight:500; }
.tbx-journey-reference { display:flex; flex-wrap:wrap; align-items:baseline; justify-content:space-between; gap:7px; margin:0 -26px; padding:14px 26px; background:#f4f7fb; border-top:1px solid var(--journey-line); font-size:11px; color:var(--journey-muted); }
.tbx-journey-reference>span:last-child { font-family:ui-monospace,SFMono-Regular,Menlo,monospace; color:var(--journey-ink); font-size:12px; overflow-wrap:anywhere; }
.tbx-journey-help { display:flex; flex-wrap:wrap; align-items:baseline; justify-content:space-between; gap:8px; font-size:12px; padding:0 2px; margin-top:25px; }
.tbx-journey-help a { color:var(--journey-navy); font-weight:700; text-decoration:underline; text-underline-offset:3px; min-height:36px; display:inline-flex; align-items:center; gap:7px; }
.tbx-journey-actions { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:10px; border-top:1px solid var(--journey-line); margin-top:15px; padding-top:13px; }
.tbx-journey-actions button { margin:0; min-height:44px; padding:6px 2px; border:0; border-radius:0; background:transparent; color:var(--journey-navy); font:inherit; font-size:12px; font-weight:650; letter-spacing:normal; text-transform:none; box-shadow:none; text-decoration:underline; text-underline-offset:4px; }
.tbx-journey-actions button:disabled { opacity:.6; cursor:wait; }
.tbx-journey summary:focus-visible,.tbx-journey a:focus-visible,.tbx-journey button:focus-visible { outline:3px solid #bb9410; outline-offset:4px; }
.tbx-journey-notice { padding:13px 15px; background:#fff8e3; border-left:3px solid #c99714; font-size:13px; line-height:1.6; margin:16px 0; }
.tbx-journey-action .tbx-journey-current h2 { color:#885313; }
.tbx-journey-success .tbx-journey-rail .current { background:#18794e; }
.tbx-journey-feedback { font-size:12px; color:var(--journey-muted); margin:12px 0 0; }
.wcpa-tracking-widget .wcpa-form[hidden] { display:none; }
.wcpa-tracking-widget:has(.tbx-journey) .wcpa-results { margin-top:0; }
.wcpa-tracking-widget:has(.tbx-journey) .wcpa-form { padding-bottom:24px; border-bottom:1px solid var(--journey-line,#dce3ec); }
@media(max-width:640px) {
  .wcpa-tracking-widget:has(.tbx-journey) .wcpa-lookup-shell { padding:20px 16px; }
  .tbx-journey-parcel { padding:21px 17px 0; }
  .tbx-journey-reference { margin:0 -17px; padding:13px 17px; }
  .tbx-journey-current h2 { font-size:24px; }
  .tbx-journey-current>p { font-size:14px; }
  .tbx-journey-help { display:block; }
  .tbx-journey-help>span { display:block; }
  .tbx-journey-actions { flex-direction:column; align-items:flex-start; gap:0; }
}
@media(prefers-reduced-motion:reduce) { .tbx-journey * { transition:none!important; animation:none!important; } }