:root {
  --aef-track-ink: #173b52;
  --aef-track-muted: #6f8494;
  --aef-track-line: #d5e4ec;
  --aef-track-soft: #f3f9fc;
  --aef-track-blue: #0f4f87;
  --aef-track-gold: #e5a72f;
  --aef-track-green: #167341;
  --aef-track-red: #b3261e;
}
.aefds-tracking-page, .aefds-customer-status-wrap { color: var(--aef-track-ink); font-family: "Noto Sans Hebrew", Arial, sans-serif; letter-spacing: 0; }
.aefds-tracking-page *, .aefds-tracking-page *::before, .aefds-tracking-page *::after { box-sizing: border-box; }
.aefds-tracking-page { min-height: 100vh; margin: 0; background: #f4f8fa; }
.aefds-tracking-app { width: min(100% - 28px, 760px); min-height: 100vh; margin: 0 auto; padding: 0 0 32px; background: #fff; box-shadow: 0 0 40px rgba(23,59,82,.07); }
.aefds-tracking-header { display: flex; align-items: center; justify-content: space-between; min-height: 68px; padding: 12px 22px; color: #fff; background: var(--aef-track-ink); }
.aefds-tracking-brand { color: var(--aef-track-gold); font-size: 24px; font-weight: 700; }
.aefds-tracking-logo { display: block; width: auto; max-width: 118px; height: auto; max-height: 42px; object-fit: contain; filter: brightness(0) invert(1); }
.aefds-tracking-header strong { font-size: 17px; }
.aefds-tracking-intro { padding: 38px 24px 24px; text-align: center; }
.aefds-tracking-intro span { color: var(--aef-track-muted); font-size: 14px; }
.aefds-tracking-intro h1 { margin: 4px 0 5px; font-size: 34px; }
.aefds-tracking-intro p { margin: 0; color: var(--aef-track-muted); }
.aefds-tracking-order-meta { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px 22px; margin: 22px auto 0; padding-top: 18px; border-top: 1px solid #e8eff3; }
.aefds-tracking-order-meta span { color: var(--aef-track-muted); }
.aefds-tracking-order-meta strong { color: var(--aef-track-ink); }
.aefds-customer-status { margin: 0 22px; padding: 22px; border: 1px solid var(--aef-track-line); background: #fff; box-shadow: 0 8px 26px rgba(23,59,82,.06); }
.aefds-customer-status-wrap { margin: 32px 0; }
.aefds-customer-status-wrap .aefds-customer-status { margin: 0; }
.aefds-customer-status-current, .aefds-customer-schedule { display: grid; gap: 3px; }
.aefds-customer-status-current span, .aefds-customer-schedule span { color: var(--aef-track-muted); font-size: 13px; }
.aefds-customer-status-current strong { font-size: 27px; }
.aefds-customer-schedule { margin-top: 15px; padding-top: 15px; border-top: 1px solid #e8eff3; }
.aefds-customer-schedule strong { font-size: 17px; }
.aefds-customer-progress { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 0; margin: 26px 0 20px; padding: 0; list-style: none; }
.aefds-customer-progress li { position: relative; display: grid; justify-items: center; gap: 8px; color: #9baab3; text-align: center; font-size: 12px; }
.aefds-customer-progress li::before { position: absolute; top: 8px; right: -50%; width: 100%; height: 2px; background: #dce7ed; content: ""; }
.aefds-customer-progress li:first-child::before { display: none; }
.aefds-customer-progress li > span { position: relative; z-index: 1; width: 18px; height: 18px; border: 3px solid #dce7ed; border-radius: 50%; background: #fff; }
.aefds-customer-progress li.is-complete::before { background: var(--aef-track-blue); }
.aefds-customer-progress li.is-complete > span { border-color: var(--aef-track-blue); background: var(--aef-track-blue); }
.aefds-customer-progress li strong { font-weight: 400 !important; }
.aefds-customer-progress li.is-current { color: var(--aef-track-ink); }
.aefds-customer-progress li.is-current strong { font-weight: 700 !important; }
.aefds-customer-progress li.is-current > span { box-shadow: 0 0 0 4px rgba(15,79,135,.12); }
.aefds-customer-progress li small { display: block; min-height: 2.7em; color: var(--aef-track-muted); font-size: 10px; font-weight: 400; line-height: 1.35; }
.aefds-customer-status-note { margin: 0; padding: 13px 15px; color: var(--aef-track-muted); background: var(--aef-track-soft); line-height: 1.55; }
.aefds-customer-updated { margin: 12px 0 0; color: var(--aef-track-muted); font-size: 12px; text-align: left; }
.aefds-status-delivered .aefds-customer-status-current strong { color: var(--aef-track-green); }
.aefds-status-cancelled .aefds-customer-status-current strong { color: var(--aef-track-red); }
.aefds-tracking-footer { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin: 22px; color: var(--aef-track-muted); font-size: 13px; }
.aefds-tracking-footer a, .aefds-tracking-error a { color: var(--aef-track-blue); font-weight: 700; text-decoration: none; }
.aefds-tracking-error { width: min(100% - 32px, 440px); margin: 16vh auto 0; padding: 32px; border: 1px solid var(--aef-track-line); background: #fff; text-align: center; }
.aefds-tracking-error h1 { margin: 0 0 8px; font-size: 26px; }
.aefds-tracking-error p { margin: 0 0 16px; color: var(--aef-track-muted); }
@media (max-width: 560px) {
  .aefds-tracking-app { width: 100%; }
  .aefds-customer-status { margin-right: 12px; margin-left: 12px; padding: 18px 14px; }
  .aefds-customer-status-current strong { font-size: 23px; }
  .aefds-customer-progress li strong { max-width: 72px; line-height: 1.25; }
  .aefds-tracking-footer { align-items: flex-start; flex-direction: column; margin-right: 14px; margin-left: 14px; }
}