.trk-wrap{max-width:720px;padding:3rem 0 5rem}.trk-head{margin-bottom:1.75rem}.trk-eyebrow{border-radius:var(--radius-pill);background:var(--blue-light);color:var(--blue-dark);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:.4rem;padding:.3rem .75rem;font-size:.75rem;font-weight:700;display:inline-flex}.trk-head h1{font-family:var(--font-display);letter-spacing:-.025em;color:var(--navy);margin:.75rem 0 .5rem;font-size:clamp(1.9rem,4vw,2.6rem);font-weight:800}.trk-head p{color:var(--text-body);max-width:56ch}.trk-form{background:var(--bg-card);border:1.5px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);grid-template-columns:1.3fr 1fr auto;align-items:end;gap:1rem;padding:1.5rem;display:grid}.trk-form .form-group{margin-bottom:0}.trk-form #trk-id{font-family:var(--font-display);letter-spacing:.06em;font-weight:700}.trk-submit{height:46px;padding-top:0;padding-bottom:0}.trk-error{border-radius:var(--radius);color:#9b1c1c;background:#fef2f2;border:1.5px solid #fbcaca;margin-top:1rem;padding:.875rem 1rem;font-size:.9rem;font-weight:600}.trk-result{background:var(--bg-card);border:1.5px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow);margin-top:1.75rem;padding:1.75rem}.trk-result-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.trk-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);font-size:.72rem;font-weight:700;display:block}.trk-number{font-family:var(--font-display);letter-spacing:.05em;color:var(--navy);font-size:1.5rem;font-weight:800;display:block}.trk-meta{color:var(--text-muted);margin-top:.15rem;font-size:.85rem;display:block}.trk-pay{border-radius:var(--radius-pill);background:var(--blue-light);color:var(--blue-dark);border:1px solid var(--border-blue);white-space:nowrap;padding:.35rem .85rem;font-size:.78rem;font-weight:700}.trk-pay-paid{background:var(--green-light);color:#0a7a3e;border-color:#56ef9f80}.trk-pay-refund_pending,.trk-pay-failed{color:#8a5a00;background:#fff8e6;border-color:#f6d58a}.trk-steps{grid-template-columns:repeat(4,1fr);margin:1.75rem 0 1.25rem;list-style:none;display:grid;position:relative}.trk-steps li{text-align:center;flex-direction:column;align-items:center;gap:.5rem;display:flex;position:relative}.trk-steps li:before{content:"";background:var(--border);border-radius:2px;height:3px;position:absolute;top:13px;left:calc(14px - 50%);right:calc(50% + 14px)}.trk-steps li:first-child:before{display:none}.trk-steps li.done:before,.trk-steps li.current:before{background:var(--green-dark)}.trk-dot{background:var(--white);border:2px solid var(--border);width:28px;height:28px;color:var(--text-on-green);z-index:1;border-radius:50%;place-items:center;display:grid;position:relative}.trk-steps li.done .trk-dot{background:var(--green);border-color:var(--green-dark)}.trk-steps li.current .trk-dot{background:var(--green);border-color:var(--navy);box-shadow:0 0 0 4px #56ef9f4d}.trk-step-label{color:var(--text-muted);font-size:.8rem;font-weight:600}.trk-steps li.done .trk-step-label,.trk-steps li.current .trk-step-label{color:var(--navy)}.trk-cancelled{border-radius:var(--radius);color:#9b1c1c;background:#fef2f2;align-items:center;gap:.5rem;margin:1.5rem 0 1rem;padding:.875rem 1rem;font-weight:600;display:flex}.trk-note{color:#8a5a00;border-radius:var(--radius);background:#fff8e6;border:1px solid #f6d58a;margin-bottom:1rem;padding:.75rem 1rem;font-size:.875rem}.trk-eta{color:var(--text-body);margin-bottom:1rem}.trk-items{border-top:1px solid var(--border);padding-top:1rem;list-style:none}.trk-items li{color:var(--text-body);justify-content:space-between;gap:1rem;padding:.4rem 0;font-size:.92rem;display:flex}.trk-qty{color:var(--text-muted);white-space:nowrap}.trk-totals{border-top:1px dashed var(--border);margin-top:.75rem;padding-top:.75rem}.trk-totals div{color:var(--text-body);justify-content:space-between;padding:.2rem 0;font-size:.92rem;display:flex}.trk-totals .trk-total{color:var(--navy);margin-top:.25rem;font-size:1.05rem;font-weight:800}.trk-foot{color:var(--text-muted);margin-top:2rem;font-size:.85rem}.trk-foot a{font-weight:600}@media (max-width:640px){.trk-form{grid-template-columns:1fr}.trk-submit{justify-content:center;width:100%}.trk-step-label{font-size:.7rem}}
