/*
 * Kayla's Systems — public request tracking.
 * Isolated premium page; colors, typography and radii inherit site tokens.
 * This sheet is loaded after premium/responsive.css to avoid legacy overrides.
 */
.tracking-page{padding-bottom:76px;min-width:0}
.tracking-intro{padding-top:38px;padding-bottom:0}
.tracking-intro .tracking-intro__inner{
  display:grid;grid-template-columns:minmax(0,1.16fr) minmax(280px,.84fr);
  align-items:center;gap:clamp(22px,4vw,70px);
  min-height:365px;padding:clamp(32px,4.5vw,60px);
  border:1px solid var(--lux-line);border-radius:var(--panel-corner);
  background:linear-gradient(119deg,#eff3ef 0%,#f6f8f5 60%,#eaf1ed 100%);
  overflow:hidden
}
.tracking-intro__content{position:relative;z-index:1;min-width:0}
.tracking-intro__content .eyebrow{margin-bottom:21px}
.tracking-intro h1{
  max-width:730px;margin:0 0 18px;
  color:var(--lux-ink);font-size:clamp(36px,4.5vw,62px);
  font-weight:730;line-height:1.09;letter-spacing:-.053em
}
.tracking-intro .lead{
  margin:0;max-width:590px;color:var(--muted);
  font-size:clamp(14px,1.35vw,16px);line-height:1.8
}
.tracking-intro__points{
  display:flex;align-items:center;flex-wrap:wrap;gap:12px 22px;
  margin-top:25px;color:#3f6751;font-size:12px;font-weight:690
}
.tracking-intro__points>span{display:flex;align-items:center;gap:8px}
.tracking-intro__points i{
  display:grid;place-items:center;width:21px;height:21px;
  border-radius:50%;background:#d5e8db;color:#226247;font-style:normal;
  font-size:12px
}
.tracking-intro__visual{
  display:flex;justify-content:center;align-items:center;
  justify-self:center;min-width:0;width:100%;max-width:560px;margin:0;
}
.tracking-intro__image{
  display:block;width:100%;height:auto;max-height:355px;
  object-fit:contain;object-position:center;
  filter:drop-shadow(0 17px 20px rgba(23,63,38,.09));
}

.tracking-content{display:flex;flex-direction:column;gap:24px;padding-top:31px}
.tracking-overline{
  margin:0 0 10px;color:#587663;
  font-size:10px;font-weight:780;letter-spacing:.105em;text-transform:uppercase
}
.tracking-lookup{
  display:grid;grid-template-columns:minmax(0,1.53fr) minmax(270px,.87fr);
  gap:19px;align-items:stretch
}
.tracking-search,.tracking-help,.tracking-result{
  background:#fff;border:1px solid var(--lux-line);
  border-radius:var(--panel-corner);box-shadow:var(--shadow)
}
.tracking-search{margin:0;padding:clamp(24px,3.4vw,38px)}
.tracking-search__heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:31px}
.tracking-search h2{
  margin:0;color:var(--lux-ink);font-size:clamp(23px,2.4vw,30px);
  line-height:1.25;letter-spacing:-.032em
}
.tracking-search__step{white-space:nowrap;font-size:11px;letter-spacing:.085em;color:#8a998e;font-weight:700}
.tracking-search label{display:block;margin-bottom:11px;font-size:12px;font-weight:740;color:#314a3c}
.tracking-search__row{display:flex;align-items:stretch;gap:11px;flex-wrap:nowrap}
.tracking-search__input-wrap{
  display:flex;align-items:center;flex:1;min-width:0;
  border:1px solid #c8d5cb;border-radius:var(--button-corner);background:#f8faf8;
  transition:border-color .2s,box-shadow .2s
}
.tracking-search__input-wrap:focus-within{
  border-color:var(--premium-focus);box-shadow:0 0 0 3px rgba(53,116,77,.13)
}
.tracking-search__input-wrap>span{padding-left:17px;color:#73907b;font-size:20px;font-weight:740}
.tracking-search__row input{
  flex:1;min-width:0;width:100%;height:58px;margin:0;padding:9px 12px;
  border:0;outline:0;background:transparent;color:var(--lux-ink);
  font-variant-numeric:tabular-nums;font-size:24px;font-weight:750;
  letter-spacing:.16em;box-shadow:none
}
.tracking-search__row input:focus-visible{outline:0}
.tracking-search__row input::placeholder{color:#a9b5ac;opacity:1}
.tracking-search__submit{
  flex:0 0 auto;min-height:58px;border-radius:var(--button-corner);
  padding:12px 21px;font-size:13px
}
.tracking-search__submit:disabled{cursor:wait;opacity:.75}
.tracking-search__spinner{
  display:inline-block;width:15px;height:15px;border-radius:50%;
  border:2px solid #ffffff80;border-top-color:white;
  animation:tracking-spin .8s linear infinite
}
@keyframes tracking-spin{to{transform:rotate(360deg)}}
.tracking-search__hint{
  margin:13px 0 0;color:var(--muted);
  font-size:12px;line-height:1.6
}
.tracking-error{
  margin:17px 0 0;padding:12px 15px;background:#fff2f0;
  border:1px solid #ebc5be;border-radius:11px;
  color:#a43d32;font-size:13px;line-height:1.55;font-weight:650
}
.tracking-help{
  padding:clamp(24px,3vw,33px);
  background:#f0f3ef;box-shadow:none
}
.tracking-help h2{
  max-width:285px;margin:0 0 20px;font-size:clamp(21px,2.1vw,27px);
  color:var(--lux-ink);letter-spacing:-.034em
}
.tracking-help__steps{padding:0;margin:0;list-style:none}
.tracking-help__steps li{display:flex;gap:12px;align-items:flex-start;margin:0 0 18px}
.tracking-help__steps li span{
  display:grid;place-items:center;flex:0 0 31px;height:31px;
  border:1px solid #d6e3d9;border-radius:50%;
  background:#fff;font-size:10px;font-weight:800;color:#336548
}
.tracking-help__steps p{margin:4px 0 0;font-size:12px;color:#65746b;line-height:1.6}
.tracking-help__privacy{
  display:flex;align-items:flex-start;gap:10px;
  padding-top:18px;margin-top:7px;border-top:1px solid #dbe3dd
}
.tracking-help__privacy>span{color:#2c7450;font-size:15px;font-weight:850}
.tracking-help__privacy p{margin:0;color:#627467;line-height:1.55;font-size:11px}

.tracking-result{padding:clamp(22px,3.3vw,38px);overflow:hidden}
.tracking-result__top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:26px}
.tracking-result__top h2{
  margin:0;color:var(--lux-ink);
  font-size:clamp(23px,2.8vw,33px);line-height:1.2
}
.tracking-result__top h2 span{font-variant-numeric:tabular-nums;letter-spacing:.04em}
.tracking-result__badge{
  display:inline-flex;align-items:center;gap:8px;padding:8px 13px;
  border:1px solid #d3e4d9;border-radius:999px;background:#eff6f0;
  color:#2c6847;font-size:11px;font-weight:740
}
.tracking-result__badge--new{background:#faf6ea;border-color:#ebdfc2;color:#84703a}
.tracking-result__badge--done{background:#e8f3eb;border-color:#c8dfcd;color:#276443}
.tracking-result__pulse{flex:0 0 7px;width:7px;height:7px;border-radius:50%;background:currentColor}
.tracking-result__highlight{
  display:flex;gap:19px;padding:clamp(21px,3.1vw,34px);
  border:1px solid #d8e6dc;border-radius:16px;
  background:linear-gradient(110deg,#edf5ef,#f7faf7 79%);
}
.tracking-result__highlight--new{background:linear-gradient(110deg,#f8f6ec,#fcfbf8);border-color:#e8dfc9}
.tracking-result__highlight--done{background:linear-gradient(110deg,#e9f3eb,#f6faf7);border-color:#d3e3d7}
.tracking-result__highlight-icon{
  display:grid;place-items:center;flex:0 0 49px;width:49px;height:49px;
  border-radius:14px;color:#fff;background:var(--lux-forest);font-size:24px
}
.tracking-result__highlight--new .tracking-result__highlight-icon{background:#857144}
.tracking-result__highlight-content{min-width:0}
.tracking-result__kicker{
  margin:2px 0 7px;font-size:11px;color:#557762;
  font-weight:740;letter-spacing:.025em
}
.tracking-result__status{
  margin:0;color:var(--lux-ink);font-size:clamp(25px,3.1vw,39px);
  font-weight:730;line-height:1.22;letter-spacing:-.04em;overflow-wrap:anywhere
}
.tracking-result__explanation{
  margin:13px 0 0;max-width:665px;color:#5d7063;
  font-size:13px;line-height:1.75
}
.tracking-result__details{
  display:grid;grid-template-columns:minmax(255px,.82fr) minmax(0,1.18fr);
  gap:clamp(25px,3.5vw,45px);padding:32px 0 27px
}
.tracking-result__progress,.tracking-result__history{min-width:0}
.tracking-result__history{border-left:1px solid var(--line);padding-left:clamp(25px,3vw,38px)}
.tracking-result__section-heading{
  display:flex;justify-content:space-between;align-items:flex-start;gap:11px;
  margin-bottom:24px
}
.tracking-result__section-heading h3{
  margin:0;color:var(--lux-ink);font-size:19px;font-weight:720;line-height:1.35
}
.tracking-result__stage-number,.tracking-result__history-count{
  white-space:nowrap;padding:5px 8px;background:#f1f5f1;
  border:1px solid #e2e9e2;border-radius:7px;
  color:#54705f;font-size:10px;font-weight:800;letter-spacing:.02em
}
.tracking-stages{list-style:none;margin:0;padding:0}
.tracking-stages li{display:flex;align-items:flex-start;gap:15px;position:relative;padding:0 0 23px}
.tracking-stages li:last-child{padding-bottom:0}
.tracking-stages li:not(:last-child)::after{
  content:'';position:absolute;left:18px;top:42px;bottom:4px;width:2px;
  border-radius:2px;background:#dde7df
}
.tracking-stages li.is-complete:not(:last-child)::after{background:#64a47c}
.tracking-stages__marker{
  display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;
  border:1px solid #d8e2d9;border-radius:50%;background:#f4f6f3;
  color:#91a49a;font-size:13px;font-weight:770
}
.tracking-stages li.is-complete .tracking-stages__marker{color:white;background:#2c7551;border-color:#2c7551}
.tracking-stages li.is-current .tracking-stages__marker{
  border-color:#468c63;background:#e4f1e7;color:#2b754c;
  box-shadow:0 0 0 4px #eaf4eb
}
.tracking-stages__details{display:flex;flex-direction:column;gap:5px;padding-top:3px;min-width:0}
.tracking-stages__details strong{font-size:13px;color:#344b3d;font-weight:700}
.tracking-stages__details small{font-size:11px;color:var(--muted);line-height:1.5}
.tracking-stages li.is-pending .tracking-stages__details{opacity:.6}
.tracking-result__progress-note{
  margin:23px 0 0;color:var(--muted);
  font-size:11px;line-height:1.65
}
.tracking-timeline{
  margin:0;padding:0 0 0 20px;
  list-style:none;border-left:2px solid #dce6de
}
.tracking-timeline li{
  display:flex;gap:12px;align-items:flex-start;justify-content:space-between;
  position:relative;padding:2px 0 27px 19px
}
.tracking-timeline li:last-child{padding-bottom:3px}
.tracking-timeline li::before{
  content:'';position:absolute;top:8px;left:-27px;
  width:11px;height:11px;border-radius:50%;background:#c4d9cb;
  box-shadow:0 0 0 4px #f1f5f1
}
.tracking-timeline li.tracking-timeline__latest::before{
  background:#347e57;box-shadow:0 0 0 5px #e8f4eb
}
.tracking-timeline__description{display:flex;flex-direction:column;gap:5px;min-width:0}
.tracking-timeline__description strong{
  color:#2d4334;font-size:13px;font-weight:710;overflow-wrap:anywhere
}
.tracking-timeline__latest .tracking-timeline__description strong{color:#1d5b3a}
.tracking-timeline__description small{color:var(--muted);font-size:11px}
.tracking-timeline time{
  margin-top:2px;color:#7c8a7d;
  white-space:nowrap;font-size:11px;font-variant-numeric:tabular-nums
}
.tracking-result__history-empty{font-size:13px;color:var(--muted)}
.tracking-result__footer{
  display:flex;align-items:center;justify-content:space-between;
  gap:18px;flex-wrap:wrap;margin:0;padding:18px 20px;
  border:1px solid #e4eae4;border-radius:13px;background:#f6f8f5
}
.tracking-result__sync{display:flex;align-items:flex-start;gap:11px;min-width:0}
.tracking-result__sync>span{
  display:grid;place-items:center;flex:0 0 33px;width:33px;height:33px;
  border-radius:10px;background:#e4eee5;color:#275d41;font-size:20px
}
.tracking-result__sync>div{display:flex;flex-direction:column;gap:5px}
.tracking-result__sync strong{font-size:12px;color:#334c3c;font-weight:710}
.tracking-result__sync small{color:#738275;font-size:11px;line-height:1.55}
.tracking-result__refresh{min-height:41px;padding:9px 14px;font-size:12px;border-radius:9px}
.tracking-result__refresh:disabled{opacity:.6;cursor:wait}

.tracking-contact{
  display:flex;align-items:center;justify-content:space-between;gap:25px;
  padding:31px 37px;border-radius:var(--panel-corner);
  background:#eff2ee;border:1px solid var(--lux-line)
}
.tracking-contact h2{margin:0 0 7px;font-size:clamp(23px,2.5vw,29px);color:var(--lux-ink)}
.tracking-contact p:not(.tracking-overline){
  margin:0;max-width:585px;font-size:13px;color:var(--muted);line-height:1.7
}
.tracking-contact .button{flex:0 0 auto;border-radius:var(--button-corner);font-size:12px}

@media(max-width:1020px){
  .tracking-intro .tracking-intro__inner{gap:20px;grid-template-columns:minmax(0,1.1fr) minmax(240px,.9fr)}
  .tracking-lookup{grid-template-columns:minmax(0,1fr)}
  .tracking-help{display:grid;grid-template-columns:1fr 1.35fr;gap:9px 23px}
  .tracking-help__steps{grid-column:2;grid-row:1/span 2}
  .tracking-help__privacy{grid-column:1/-1}
}
@media(max-width:760px){
  .tracking-page{padding-bottom:45px}
  .tracking-intro{padding-top:16px}
  .tracking-intro .tracking-intro__inner{
    grid-template-columns:minmax(0,1fr);gap:25px;
    min-height:0;padding:34px 26px;border-radius:17px
  }
  .tracking-intro h1{font-size:clamp(36px,7.7vw,52px)}
  .tracking-intro__visual{max-width:440px}
  .tracking-intro__image{max-height:320px}
  .tracking-content{padding-top:19px;gap:15px}
  .tracking-help{display:block}
  .tracking-help__steps{display:grid;grid-template-columns:1fr 1fr;gap:15px}
  .tracking-help__steps li{margin:0}
  .tracking-result__details{grid-template-columns:minmax(0,1fr);gap:28px}
  .tracking-result__history{border-left:0;padding:27px 0 0;border-top:1px solid var(--line)}
  .tracking-contact{align-items:flex-start;flex-direction:column;padding:27px}
  .tracking-contact .button{width:100%}
}
@media(max-width:540px){
  .tracking-intro__visual{max-width:350px}
  .tracking-intro__image{max-height:250px}
  .tracking-search{padding:22px}
  .tracking-search__heading{margin-bottom:21px}
  .tracking-search__row{flex-direction:column}
  .tracking-search__row input{height:55px}
  .tracking-search__submit{width:100%;min-height:52px}
  .tracking-help{padding:22px}
  .tracking-help__steps{grid-template-columns:minmax(0,1fr)}
  .tracking-result{padding:21px}
  .tracking-result__top{margin-bottom:19px}
  .tracking-result__highlight{padding:20px;gap:13px}
  .tracking-result__highlight-icon{flex-basis:36px;width:36px;height:36px;font-size:18px;border-radius:10px}
  .tracking-result__section-heading{flex-wrap:wrap}
  .tracking-timeline li{flex-direction:column;gap:5px}
  .tracking-timeline time{white-space:normal}
  .tracking-result__footer{padding:15px}
  .tracking-result__refresh{width:100%}
}
@media(prefers-reduced-motion:reduce){
  .tracking-search__spinner{animation:none}
}


/* Contact phone dialog – native modal, accessible focus and brand visuals. */
.tracking-contact-dialog{
  position:fixed;
  inset:0;
  width:min(100% - 34px,510px);
  max-width:510px;
  max-height:min(88dvh,760px);
  margin:auto;
  padding:0;
  border:1px solid #d6e2d9;
  border-radius:22px;
  background:#fff;
  color:var(--lux-ink);
  box-shadow:0 30px 90px rgba(12,38,23,.24);
  overflow:auto;
}
.tracking-contact-dialog::backdrop{
  background:rgba(12,27,20,.6);
  -webkit-backdrop-filter:blur(5px);
  backdrop-filter:blur(5px);
}
.tracking-contact-dialog__inner{position:relative;padding:35px}
.tracking-contact-dialog__close{
  position:absolute;top:18px;right:18px;
  display:grid;place-items:center;width:38px;height:38px;
  padding:0;border:1px solid #e0e8e2;border-radius:50%;
  background:#f6f8f6;color:#4e6657;font-size:27px;line-height:1;
}
.tracking-contact-dialog__close:hover{background:#e7efe9;color:var(--lux-forest)}
.tracking-contact-dialog__icon{
  display:grid;place-items:center;
  width:60px;height:60px;margin-bottom:20px;
  border-radius:18px;background:#e6f2e9;color:#246e49;
}
.tracking-contact-dialog h2{
  max-width:365px;margin:0 0 10px;color:var(--lux-ink);
  font-size:clamp(25px,3vw,33px);line-height:1.2;letter-spacing:-.036em;
}
.tracking-contact-dialog__description{
  margin:0 0 24px;color:var(--muted);font-size:13px;line-height:1.7;
}
.tracking-contact-dialog__phone{
  display:flex;flex-direction:column;align-items:flex-start;gap:9px;
  padding:22px;margin:0 0 19px;border:1px solid #d2e6d7;
  border-radius:16px;background:linear-gradient(125deg,#ecf5ee,#f8faf8);
}
.tracking-contact-dialog__phone>span{
  color:#4f7660;font-size:12px;font-weight:690;
}
.tracking-contact-dialog__number{
  color:#1c5737;font-size:clamp(25px,4.2vw,34px);font-weight:790;
  line-height:1.18;font-variant-numeric:tabular-nums;
  letter-spacing:-.02em;overflow-wrap:anywhere;
  text-decoration:none;
}
.tracking-contact-dialog__number:hover{text-decoration:underline;text-underline-offset:4px}
.tracking-contact-dialog__call{
  width:100%;min-height:49px;margin-top:11px;
  border-radius:11px;font-size:13px;
}
.tracking-contact-dialog__unavailable{
  padding:19px 20px;margin:0 0 19px;
  border:1px solid #dfebe1;border-radius:14px;
  background:#f1f5f1;color:#54695a;
  font-size:13px;line-height:1.7;
}
.tracking-contact-dialog__alternatives{
  display:flex;flex-direction:column;align-items:stretch;gap:14px;
}
.tracking-contact-dialog__alternatives .button{
  width:100%;min-height:49px;border-radius:11px;
  white-space:normal;text-align:center;font-size:13px;
}
.tracking-contact-dialog__email{
  text-align:center;font-size:12px;font-weight:690;
  color:var(--primary);overflow-wrap:anywhere;text-decoration:underline;
  text-underline-offset:4px;
}
@media(max-width:540px){
  .tracking-contact-dialog{width:calc(100% - 24px);border-radius:18px}
  .tracking-contact-dialog__inner{padding:28px 22px 24px}
  .tracking-contact-dialog__phone{padding:18px}
}


/* Tracking number chooser: latest cookie, multiple references and manual override. */
.tracking-search__switch{margin-top:12px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.tracking-search__switch-button,
.tracking-result__switch button{
  padding:4px 0;border:0;background:transparent;
  color:#1b6644;text-decoration:underline;text-underline-offset:4px;
  font-size:12px;font-weight:750;line-height:1.6;cursor:pointer
}
.tracking-search__switch-button:hover,.tracking-result__switch button:hover{color:#103923}
.tracking-search__editing{font-size:12px;color:var(--muted);line-height:1.65}
.tracking-search__saved{
  margin-top:20px;padding:18px 0 0;border-top:1px solid #e0e8e2
}
.tracking-search__saved-heading{
  display:flex;justify-content:space-between;align-items:center;
  gap:12px;flex-wrap:wrap;margin-bottom:12px
}
.tracking-search__saved-heading strong{font-size:12px;font-weight:760;color:#374f40}
.tracking-search__saved-heading button{
  padding:3px 0;border:0;background:transparent;
  font-size:11px;color:#6a796d;text-decoration:underline;
  text-underline-offset:3px;cursor:pointer
}
.tracking-search__saved-heading button:hover{color:#9f4137}
.tracking-search__saved-list{display:flex;flex-wrap:wrap;gap:8px}
.tracking-search__saved-item{
  min-width:106px;padding:9px 13px;border-radius:10px;
  background:#f5f8f5;border:1px solid #d9e5dc;
  color:#42644f;font-size:12px;font-weight:730;
  font-variant-numeric:tabular-nums;cursor:pointer;
  transition:background .18s,border-color .18s
}
.tracking-search__saved-item:hover{border-color:#8abb9a;background:#eaf3ec}
.tracking-search__saved-item.is-selected{
  border-color:#2d7950;background:#e5f1e8;color:#164a30
}
.tracking-search__saved-note{
  margin:11px 0 0;color:var(--muted);
  font-size:11px;line-height:1.55
}
.tracking-result__switch{
  display:flex;gap:12px;align-items:center;flex-wrap:wrap;
  border-top:1px solid #e4eae4;padding:15px 0;margin-top:0
}
.tracking-result__switch span{font-size:12px;color:var(--muted)}
@media(max-width:540px){
  .tracking-search__saved-heading{align-items:flex-start}
  .tracking-search__saved-item{min-width:0;flex:1 1 100px}
  .tracking-result__switch{align-items:flex-start;flex-direction:column;gap:5px}
}

/* Opt-in customer Web Push: clear status, accessible action and compact layout. */
.tracking-push{
  display:flex;justify-content:space-between;align-items:center;
  gap:24px;padding:24px 28px;
  margin:18px 0 0;
  border:1px solid var(--line);border-radius:var(--panel-corner);
  background:var(--surface-tinted);
}
.tracking-push__information{display:flex;gap:15px;min-width:0;align-items:flex-start}
.tracking-push__icon{
  width:44px;height:44px;flex:0 0 44px;display:grid;place-items:center;
  border-radius:14px;color:var(--primary);background:var(--primary-soft);
}
.tracking-push h3{margin:0 0 5px;font-size:17px;font-weight:720;line-height:1.4}
.tracking-push p{margin:0;color:var(--muted);font-size:13px;line-height:1.65}
.tracking-push .tracking-push__message,.tracking-push .tracking-push__enabled{
  margin-top:9px;color:var(--primary);font-weight:650;
}
.tracking-push__actions{flex:0 0 auto;display:flex;align-items:center}
.tracking-push__actions .button{white-space:normal;text-align:center;min-height:48px}
@media(max-width:760px){
  .tracking-push{margin:16px 0 0;flex-direction:column;align-items:stretch;padding:21px}
  .tracking-push__information{gap:11px}
  .tracking-push__icon{width:40px;height:40px;flex-basis:40px}
  .tracking-push__actions,.tracking-push__actions .button{width:100%}
}