.syn-track{--syn-accent:#5b2a86;--syn-warn:#e8761d;--syn-bad:#d9483c;--syn-bg:#f5f6f8;--syn-text:#1d2433;--syn-muted:#6b7280;max-width:820px;margin:0 auto;color:var(--syn-text);font-size:15px;line-height:1.5}
.syn-track *{box-sizing:border-box}
.syn-track-form{display:flex;gap:10px;flex-wrap:wrap}
.syn-track-form input{flex:1 1 260px;padding:13px 16px;border:1px solid #cfd4dc;border-radius:8px;font-size:15px}
.syn-track-form button{padding:13px 24px;border:0;border-radius:8px;background:var(--syn-accent);color:#fff;font-weight:600;font-size:15px;cursor:pointer}
.syn-track-form button:disabled{opacity:.6;cursor:wait}
.syn-track-msg{margin-top:22px;padding:14px 18px;border-radius:8px;background:#fdecec;border-left:3px solid var(--syn-bad);color:#a3271d}
.syn-track-msg.loading{background:var(--syn-bg);border-left-color:var(--syn-accent);color:var(--syn-muted)}
.syn-track-result{margin-top:28px}
.syn-track-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap;margin-bottom:20px}
.syn-track-head h4{margin:0 0 4px}
.syn-track-sub{color:var(--syn-muted);font-size:14px}
.syn-track-pill{padding:7px 16px;border-radius:999px;font-weight:600;font-size:13.5px;background:#e6f6ec;color:#17803d}
.syn-track-pill.pending{background:#fff4e5;color:#b96c00}
.syn-track-pill.failed{background:#fdecec;color:#a3271d}
.syn-track-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:18px;background:var(--syn-bg);border-radius:10px;padding:18px 22px;margin-bottom:24px}
.syn-track-grid:empty{display:none}
.syn-track-item .l{display:block;font-size:11.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--syn-muted);margin-bottom:3px}
.syn-track-item .v{font-weight:600}
.syn-track-pod{background:#fff5ec;border-left:3px solid var(--syn-warn);border-radius:6px;padding:12px 16px;margin-bottom:24px}
.syn-track-pod a{color:var(--syn-accent);font-weight:600}
.syn-track-timeline{position:relative;padding-left:26px}
.syn-track-timeline:before{content:"";position:absolute;left:7px;top:6px;bottom:6px;width:2px;background:#dfe3ea}
.syn-track-ti{position:relative;padding-bottom:18px}
.syn-track-ti:before{content:"";position:absolute;left:-26px;top:5px;width:16px;height:16px;border-radius:50%;background:#fff;border:3px solid var(--syn-warn)}
.syn-track-ti.done:before{border-color:var(--syn-accent);background:var(--syn-accent)}
.syn-track-ti h5{margin:0 0 2px;font-size:15px}
.syn-track-ti span{color:var(--syn-muted);font-size:13.5px}