.track-form { display: flex; flex-direction: column; gap: 10px; margin-bottom: 8px; }
.track-form input {
  padding: 13px 16px;
  border: 1.5px solid var(--line);
  border-radius: var(--radius-md);
  font-family: var(--font-body);
  font-size: 1rem;
  text-align: center;
  letter-spacing: 1px;
}
.track-form input:focus { outline: none; border-color: var(--brand); }

.track-status-card { margin-top: 24px; text-align: right; }
.track-status-icon {
  width: 56px; height: 56px;
  border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  margin: 0 auto 16px;
  font-size: 1.6rem;
}
.track-status-icon.is-pending { background: #FFF3D6; color: #916A00; }
.track-status-icon.is-confirmed { background: var(--violet-light); color: var(--violet); }
.track-status-icon.is-shipped { background: #DCEBFF; color: #1D6FD6; }
.track-status-icon.is-delivered { background: var(--brand-light); color: var(--brand-dark); }
.track-status-icon.is-cancelled { background: var(--coral-light); color: var(--coral-dark); }

.track-status-title { font-size: 1.05rem; font-weight: 800; text-align: center; margin-bottom: 8px; }
.track-status-desc { font-size: 0.9rem; color: var(--muted); text-align: center; line-height: 1.9; margin-bottom: 4px; }

.postal-code-box {
  margin-top: 18px;
  background: var(--bg);
  border: 1.5px dashed var(--line);
  border-radius: var(--radius-md);
  padding: 14px;
  text-align: center;
}
.postal-code-box .label { font-size: 0.76rem; color: var(--muted); margin-bottom: 6px; }
.postal-code-box .code { font-weight: 800; font-size: 1.05rem; direction: ltr; unicode-bidi: plaintext; color: var(--brand-dark); }

.track-error { color: var(--coral-dark); text-align: center; font-size: 0.88rem; margin-top: 14px; }