/* Shared customer backdrop and the approved pastel Home control finish. */
body.customer-page,body.customer-surface{position:relative;isolation:isolate;min-height:100svh;background:#f3f4f2;color:#343d44}
html[data-theme=dark] body.customer-page,html[data-theme=dark] body.customer-surface{background:#222529;color:#e3edda}
.customer-page>.customer-header,.customer-page>main,.customer-page>.customer-footer,.customer-page>.preview-note{position:relative;z-index:1}
.customer-page .customer-header,.customer-page .customer-footer{background:transparent;border-color:transparent}
.customer-page .customer-header{direction:ltr;justify-content:space-between}
.customer-page .customer-header>.customer-brand{order:0}
.customer-page .customer-header>.customer-nav,.customer-page .customer-header>.home-controls{order:1;margin-left:auto}
.customer-surface .bar{direction:ltr}
.customer-page .ambient-scene,.customer-surface .ambient-scene{position:fixed;inset:0;z-index:0;overflow:hidden;contain:layout paint;pointer-events:none;user-select:none}
.customer-page .ambient-shape,.customer-surface .ambient-shape{position:absolute;display:block;pointer-events:none;--shape-angle:0deg;transform:rotate(var(--shape-angle));transform-origin:50% 50%;border:1px solid rgb(var(--shape-rgb)/.22);background:linear-gradient(125deg,#ffffffa8 0%,rgb(var(--shape-rgb)/.09) 52%,rgb(var(--shape-rgb)/.2) 100%);box-shadow:inset 1px 2px 2px #ffffffc7,inset -1px -2px 3px rgb(var(--shape-rgb)/.12),0 18px 34px rgb(var(--shape-rgb)/.055)}
.customer-page .ambient-shape:before,.customer-page .ambient-shape:after,.customer-surface .ambient-shape:before,.customer-surface .ambient-shape:after{content:"";position:absolute;border-radius:inherit;pointer-events:none}
.customer-page .ambient-shape:before,.customer-surface .ambient-shape:before{inset:7px;border:1px solid #ffffff70}
.customer-page .ambient-shape:after,.customer-surface .ambient-shape:after{inset:3px;border-top:1px solid rgb(var(--shape-rgb)/.12)}
:is(.customer-page,.customer-surface) .ambient-ribbon{--shape-rgb:184 83 67;--shape-angle:-31deg;width:350px;height:105px;left:calc(50% - 680px);top:18%;border-radius:90px}
:is(.customer-page,.customer-surface) .ambient-orbit{--shape-rgb:154 116 47;--shape-angle:16deg;width:385px;height:385px;right:calc(50% - 800px);top:48%;border:35px solid rgb(var(--shape-rgb)/.105);border-radius:50%;background:none;box-shadow:inset 0 1px 2px #ffffffb8,0 1px 1px #ffffffd9,0 20px 35px rgb(var(--shape-rgb)/.04)}
:is(.customer-page,.customer-surface) .ambient-orbit:before{inset:-35px;border:1px solid rgb(var(--shape-rgb)/.22)}
:is(.customer-page,.customer-surface) .ambient-orbit:after{inset:-22px;border:1px solid #ffffff80}
:is(.customer-page,.customer-surface) .ambient-capsule{--shape-rgb:82 127 141;--shape-angle:27deg;width:270px;height:100px;left:calc(50% - 720px);top:78%;border-radius:90px}
:is(.customer-page,.customer-surface) .ambient-loop{--shape-rgb:125 102 141;--shape-angle:35deg;width:240px;height:310px;right:calc(50% - 690px);top:5%;border:25px solid rgb(var(--shape-rgb)/.10);border-radius:115px;background:none;box-shadow:inset 1px 1px 2px #ffffffc7,0 1px 1px #ffffffd9,0 15px 32px rgb(var(--shape-rgb)/.04)}
:is(.customer-page,.customer-surface) .ambient-loop:before{inset:-25px;border:1px solid rgb(var(--shape-rgb)/.22)}
:is(.customer-page,.customer-surface) .ambient-loop:after{inset:-14px;border:1px solid #ffffff8c}
html[data-theme=dark] :is(.customer-page,.customer-surface) .ambient-shape{background:linear-gradient(125deg,#ffffff09,rgb(var(--shape-rgb)/.09) 52%,rgb(var(--shape-rgb)/.18));border-color:rgb(var(--shape-rgb)/.28);box-shadow:inset 1px 2px 2px #ffffff16,inset -1px -2px 3px #00000010,0 18px 34px #0000000e}
html[data-theme=dark] :is(.customer-page,.customer-surface) .ambient-shape:before{border-color:#ffffff12}
html[data-theme=dark] :is(.customer-page,.customer-surface) .ambient-shape:after{border-color:rgb(var(--shape-rgb)/.18)}
html[data-theme=dark] :is(.customer-page,.customer-surface) .ambient-ribbon{--shape-rgb:238 154 131}
html[data-theme=dark] :is(.customer-page,.customer-surface) .ambient-orbit{--shape-rgb:227 196 126;background:none;border-color:rgb(var(--shape-rgb)/.09)}
html[data-theme=dark] :is(.customer-page,.customer-surface) .ambient-capsule{--shape-rgb:148 202 214}
html[data-theme=dark] :is(.customer-page,.customer-surface) .ambient-loop{--shape-rgb:196 174 223;background:none;border-color:rgb(var(--shape-rgb)/.09)}
html[data-theme=dark] :is(.customer-page,.customer-surface) .ambient-orbit:before,html[data-theme=dark] :is(.customer-page,.customer-surface) .ambient-loop:before{border-color:rgb(var(--shape-rgb)/.23)}
@media(max-width:1100px){
 :is(.customer-page,.customer-surface) .ambient-ribbon{left:-115px;top:16%;width:300px;height:90px}
 :is(.customer-page,.customer-surface) .ambient-orbit{right:-170px;width:340px;height:340px;top:50%}
 :is(.customer-page,.customer-surface) .ambient-capsule{left:-110px;width:245px;top:79%}
 :is(.customer-page,.customer-surface) .ambient-loop{right:-110px;width:225px;height:280px;top:6%}
}
@media(max-width:700px){
 :is(.customer-page,.customer-surface) .ambient-ribbon{left:-80px;top:150px;width:230px;height:72px;--shape-angle:-33deg}
 :is(.customer-page,.customer-surface) .ambient-orbit{right:-140px;top:57%;width:270px;height:270px;border-width:26px}
 :is(.customer-page,.customer-surface) .ambient-orbit:before{inset:-26px}
 :is(.customer-page,.customer-surface) .ambient-orbit:after{inset:-16px}
 :is(.customer-page,.customer-surface) .ambient-capsule{left:-100px;top:83%;width:235px;height:79px;--shape-angle:28deg}
 :is(.customer-page,.customer-surface) .ambient-loop{right:-93px;top:92px;width:185px;height:220px;border-width:21px;--shape-angle:39deg}
 :is(.customer-page,.customer-surface) .ambient-loop:before{inset:-21px}
 :is(.customer-page,.customer-surface) .ambient-loop:after{inset:-12px}
}

/* Tracking uses the same steady glass, with no blur or outer button shadow. */
.customer-page[data-page=track]{--track-surface:#ffffff0a;--track-input:#ffffff70;--track-ink:#343d44;--track-muted:#606b72;--track-line:#cbd4de;--track-highlight:inset 0 1px 1px #ffffffb0,inset 0 -1px 1px #ffffff38;--track-rim:linear-gradient(135deg,#a1e4efc9 0%,#b6b5ef9e 18%,#edb9d3bd 34%,#ecd69cb8 49%,#ffffffd9 58%,#b3e4e7c4 73%,#b9bbecb0 87%,#f4d3e4b8 100%);color:var(--track-ink)}
html[data-theme=dark] .customer-page[data-page=track]{--track-input:#ffffff08;--track-ink:#e3edda;--track-muted:#bfc8c6;--track-line:#606d79;--track-highlight:inset 0 1px 1px #ffffff28,inset 0 -1px 1px #ffffff18}
.customer-page[data-page=track] .customer-header{max-width:1080px;padding:16px 24px;min-height:78px;gap:12px}
.customer-page[data-page=track] .tracking-layout{max-width:1080px;grid-template-columns:minmax(300px,360px) minmax(0,1fr);gap:24px;padding:28px 24px 40px}
.customer-page[data-page=track] .tracking-layout>*{min-width:0}
.customer-page[data-page=track] :is(.tracking-form,.tracking-result,.tracking-empty,.tracking-form .primary-action,.tracking-actions .primary-action,.tracking-actions .small-button,.tracking-home),html[data-theme=dark] .customer-page[data-page=track] :is(.tracking-form,.tracking-result,.tracking-empty,.tracking-form .primary-action,.tracking-actions .primary-action,.tracking-actions .small-button,.tracking-home){position:relative;isolation:isolate;background:var(--track-surface);border:1px solid #ffffff40;color:var(--track-ink);box-shadow:var(--track-highlight);backdrop-filter:none;-webkit-backdrop-filter:none}
.customer-page[data-page=track] :is(.tracking-form,.tracking-result,.tracking-empty,.tracking-form .primary-action,.tracking-actions .primary-action,.tracking-actions .small-button,.tracking-home):before{content:'';position:absolute;inset:0;border-radius:inherit;padding:2px;background:var(--track-rim);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none}
.customer-page[data-page=track] :is(.tracking-form,.tracking-result){border-radius:24px;padding:24px}
.customer-page[data-page=track] .tracking-form h1{font-size:28px;line-height:1.35;margin:0 0 10px;color:var(--track-ink)}
.customer-page[data-page=track] .tracking-form p{font-size:14px;line-height:1.65;color:var(--track-muted);margin:0 0 24px}
.customer-page[data-page=track] .tracking-form label{font-size:13px;font-weight:700;margin:18px 0 8px}
.customer-page[data-page=track] .tracking-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.customer-page[data-page=track] .tracking-field{min-width:0}
.customer-page[data-page=track] .tracking-fields label{margin:0 0 8px}
.customer-page[data-page=track] .tracking-fields input{text-align:center}
.customer-page[data-page=track] .tracking-form input,html[data-theme=dark] .customer-page[data-page=track] .tracking-form input{width:100%;min-height:52px;border:1px solid var(--track-line);border-radius:14px;padding:12px 14px;background:var(--track-input);color:var(--track-ink);font-size:16px;box-shadow:none}
.customer-page[data-page=track] .tracking-form input::placeholder{color:var(--track-muted);opacity:.75}
.customer-page[data-page=track] :is(input,button,a):focus-visible{outline:3px solid #9984be;outline-offset:3px}
.customer-page[data-page=track] :is(.tracking-form,.tracking-actions) .primary-action{min-height:50px;border-radius:14px;font-weight:800}
.customer-page[data-page=track] .tracking-form .primary-action{margin-top:24px}
.customer-page[data-page=track] .tracking-empty{min-height:168px;padding:28px 20px;border-radius:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:var(--track-muted);font-size:14px}
.customer-page[data-page=track] .tracking-empty svg{width:36px;height:36px;flex:none;display:block}
.customer-page[data-page=track] .customer-nav .tracking-home{display:grid;place-items:center;width:44px;height:44px;min-width:44px;border-radius:12px;padding:0;text-decoration:none}
.customer-page[data-page=track] .tracking-home svg{display:block;width:21px;height:21px}
.customer-page[data-page=track] .tracking-home span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.customer-page[data-page=track] .tracking-error:empty{display:none}
.customer-page[data-page=track] .tracking-form h1{margin-bottom:24px}
.customer-page[data-page=track] .tracking-sample-label{margin:0 0 18px;color:var(--track-muted);font-size:12px;line-height:1.5}
.customer-page[data-page=track] .tracking-top{direction:ltr}
.customer-page[data-page=track] .tracking-top>div{min-width:0;text-align:left}
.customer-page[data-page=track] .tracking-top p{unicode-bidi:plaintext}
.customer-page[data-page=track] .tracking-top .status-pill{flex:none;text-align:center;unicode-bidi:plaintext}
.customer-page[data-page=track] .tracking-totals .tracking-meta{margin-top:10px}
.customer-page[data-page=track] .tracking-totals .tracking-meta:not(:last-child) strong{font-weight:500}
.customer-page[data-page=track] .tracking-totals .tracking-meta:last-child{font-size:16px;padding-top:12px;border-top:1px solid var(--track-line)}
.customer-page[data-page=track] :is(.tracking-meta,.tracking-item p,.tracking-top p){color:var(--track-muted)}
.customer-page[data-page=track] .tracking-item img{background:#ffffff30}
.customer-page[data-page=track] .tracking-item>div{min-width:0;overflow-wrap:anywhere}
.customer-page[data-page=track] .tracking-items{border-color:var(--track-line)}
.customer-page[data-page=track] .tracking-actions>*{flex:1 1 130px}
.customer-page[data-page=track] .tracking-actions .tracking-refresh{display:grid;place-items:center;flex:0 0 50px;width:50px;min-width:50px;height:50px;min-height:50px;padding:0;border-radius:14px}
.customer-page[data-page=track] .tracking-refresh svg{display:block;width:22px;height:22px;transform-origin:center}
.customer-page[data-page=track] .tracking-result[data-refreshing=true] .tracking-refresh svg{animation:tracking-refresh-turn .65s linear infinite}
.customer-page[data-page=track] .tracking-refresh:disabled{cursor:wait}
@keyframes tracking-refresh-turn{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.customer-page[data-page=track] .tracking-result[data-refreshing=true] .tracking-refresh svg{animation:none}}
.customer-page[data-page=track] .tracking-steps li{border-color:var(--track-line);color:var(--track-muted)}
.customer-page[data-page=track] .tracking-steps li.reached{border-color:#80996b;color:var(--track-ink)}
html[data-theme=dark] .customer-page[data-page=track] .tracking-error{color:#ffadb2}
@media(max-width:800px){
 .customer-page[data-page=track] .customer-header{padding-inline:16px}
 .customer-page[data-page=track] .tracking-layout{grid-template-columns:minmax(0,1fr);gap:20px;padding:20px 16px 28px}
 .customer-page[data-page=track] :is(.tracking-form,.tracking-result){padding:22px 20px}
}
@media(max-width:370px){
 .customer-page[data-page=track] .customer-header{padding-inline:12px}
 .customer-page[data-page=track] .tracking-layout{padding-inline:12px}
 .customer-page[data-page=track] :is(.tracking-form,.tracking-result){padding:20px 16px}
 .customer-page[data-page=track] .tracking-form h1{font-size:25px}
}
@media print{
 body.customer-page,body.customer-surface,html[data-theme=dark] body.customer-page{background:white!important;color:#294233}
 .customer-page>.ambient-scene,.customer-surface>.ambient-scene{display:none!important}
}