.track-header{padding:56px 0 8px;text-align:center;}
.track-header h1{font-weight:600;font-size:clamp(28px,4vw,40px);margin:0 0 10px;}
.track-header p{color:var(--ink-soft);font-size:15.5px;max-width:520px;margin:0 auto;}

.track-panel{
  max-width:480px;margin:0 auto;padding:40px 0 100px;
}
.track-panel .card{
  background:var(--card-bg);border:1px solid var(--rule);border-radius:5px;padding:30px 32px;
}
.track-panel .field{margin-bottom:18px;}
.track-panel label{display:block;font-size:14px;font-weight:600;margin-bottom:6px;}
.track-panel input{
  width:100%;padding:12px 14px;border:1px solid var(--rule);border-radius:3px;
  background:var(--paper);color:var(--ink);font-size:14.5px;font-family:'Inter',sans-serif;
}
.track-panel .btn-primary{width:100%;justify-content:center;margin-top:6px;}
.track-panel .note{
  margin-top:22px;padding-top:18px;border-top:1px dashed var(--rule);
  font-size:12.5px;color:var(--ink-soft);line-height:1.6;
}
.track-panel .error-msg{color:var(--error);font-size:13.5px;margin-top:10px;}

.order-ref-display{
  font-family:'IBM Plex Mono',monospace;font-size:15px;letter-spacing:.06em;
  background:var(--paper);border:1px dashed var(--rule);border-radius:4px;
  padding:10px;margin-bottom:22px;text-align:center;
}
.status-stepper{display:flex;justify-content:space-between;margin:0 0 26px;}
.stepper-step{display:flex;flex-direction:column;align-items:center;gap:6px;flex:1;position:relative;}
.stepper-step:not(:last-child)::after{
  content:"";position:absolute;top:8px;left:50%;width:100%;height:2px;background:var(--rule);z-index:0;
}
.stepper-step.done:not(:last-child)::after{background:var(--emerald);}
.stepper-dot{width:16px;height:16px;border-radius:50%;background:var(--rule);border:2px solid var(--rule);position:relative;z-index:1;}
.stepper-step.done .stepper-dot{background:var(--emerald);border-color:var(--emerald);}
.stepper-step.current .stepper-dot{background:var(--gold);border-color:var(--gold);}
.stepper-label{font-size:10.5px;text-align:center;color:var(--ink-soft);font-family:'IBM Plex Mono',monospace;text-transform:uppercase;letter-spacing:.04em;}
.stepper-step.done .stepper-label, .stepper-step.current .stepper-label{color:var(--ink);font-weight:600;}
.result-details{border-top:1px dashed var(--rule);padding-top:18px;}
.detail-row{display:flex;justify-content:space-between;font-size:14px;padding:8px 0;border-bottom:1px dashed var(--rule);}
.detail-row:last-child{border-bottom:none;}
@media (max-width:520px){
  .stepper-label{display:none;}
}