.tracking-result { padding-block-end: var(--space-2xl); background: var(--color-surface-raised); color: var(--color-on-accent); }
.tracking-result__list { margin: 0; }
.tracking-result__inner { margin-block: 0; }
.tracking-result__row { border-block-end: 1px solid var(--color-border-subtle); }
.tracking-result__inner { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, var(--size-tracking-value)); align-items: center; gap: var(--space-lg); min-height: var(--size-tracking-row); padding-block: var(--space-md); }
.tracking-result__row--history .tracking-result__inner { align-items: start; }
.tracking-result__label { display: grid; grid-template-columns: 1.5625rem minmax(0, 1fr); align-items: center; gap: var(--space-row-gap); min-width: 0; font-size: var(--fs-form-title); font-weight: 274; line-height: var(--lh-tight); letter-spacing: -.015em; overflow-wrap: anywhere; }
.tracking-result__number { color: var(--color-text-muted); font-size: var(--fs-button); line-height: var(--lh-description); letter-spacing: -.03em; }
.tracking-result__value { min-width: 0; margin: 0; color: var(--color-text-secondary); font-size: var(--fs-body); line-height: var(--lh-card); letter-spacing: -.03em; overflow-wrap: anywhere; }
.tracking-result__status { display: inline-flex; align-items: center; min-height: var(--space-xl); padding: var(--space-xs) var(--space-sm); background: var(--color-surface-badge); color: var(--color-on-accent); }
.tracking-result__status--in_transit, .tracking-result__status--ready_for_pickup, .tracking-result__status--delivered { background: var(--color-status-positive-surface); color: var(--color-status-positive); }
.tracking-result__status--customs, .tracking-result__status--delayed { background: var(--color-status-warning-surface); color: var(--color-status-warning); }
.tracking-result__status--cancelled { background: var(--color-status-negative-surface); color: var(--color-status-negative); }
.tracking-result__phone { display: inline-flex; align-items: center; min-height: var(--size-touch); margin-block: calc((var(--size-touch) - var(--fs-body) * var(--lh-card)) / -2); text-decoration: none; transition: color var(--dur-fast) var(--ease-standard); }
.tracking-result__phone:is(:hover, :focus-visible) { color: var(--color-gradient-start); }
.tracking-result__phone:focus-visible { outline-color: var(--color-gradient-start); }
@media (width <= 64rem) {
  .tracking-result__inner { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .tracking-result__label { gap: var(--space-sm); }
}
@media (width <= 48rem) {
  .tracking-result__inner { grid-template-columns: 1fr; gap: var(--space-sm); }
  .tracking-result__value { padding-inline-start: calc(1.5625rem + var(--space-sm)); }
}