/* Approved mobile order tracking: reference-driven layout. */
html body #ordersView:has(.tracking-order) { --harvest-green:var(--ds-brand,#166b3e); --tracking-surface:#ffffffed; --tracking-wash:#edf5ef; --tracking-line:#e9eeea; }
html body:has(#ordersView:not(.hidden) #orderDetailsSurface:not(.hidden) .tracking-order) { padding-bottom:24px!important; background:radial-gradient(ellipse at right 20%,#eef4e9,transparent 55%),#f8faf6!important; }
html body:has(#ordersView:not(.hidden) #orderDetailsSurface:not(.hidden) .tracking-order) #mobileBottomNav { display:none!important; }
html body #ordersView:has(#orderDetailsSurface:not(.hidden) .tracking-order) > :is(.section-head,.orders-page-toolbar) { display:none!important; }
html body #ordersView:has(.tracking-order) .order-list-back { display:none!important; }
html body #ordersView #orderDetailsPanel:has(.tracking-order) { padding:0!important; margin:0!important; background:transparent!important; border:0!important; box-shadow:none!important; }
html body #ordersView:has(.tracking-order) .orders-layout { display:block!important; }
html body #orderDetailsPanel#orderDetailsPanel .tracking-order { display:grid; gap:10px; max-width:600px; margin:auto; text-align:start; font-size:13px; color:var(--ds-ink)!important; }
html body #orderDetailsPanel#orderDetailsPanel .tracking-order :is(h2,h3,p) { margin:0!important; }
html body #orderDetailsPanel#orderDetailsPanel .tracking-order h3 { font-size:15px!important; }
html body #orderDetailsPanel#orderDetailsPanel .tracking-order button { font:inherit; }
html body #orderDetailsPanel#orderDetailsPanel .tracking-order svg { width:22px; height:22px; }
html body #orderDetailsPanel#orderDetailsPanel .tracking-page-head { display:flex; align-items:start; justify-content:space-between; gap:8px; margin:4px 0 5px; }
html body #orderDetailsPanel#orderDetailsPanel .tracking-page-head h2 { font-size:24px!important; font-weight:900; }
html body #orderDetailsPanel#orderDetailsPanel .tracking-page-head h2::after { content:''; display:block; width:25px; height:3px; background:#51a347; margin:3px 0 6px; border-radius:4px; }
html body #orderDetailsPanel#orderDetailsPanel .tracking-page-head p { color:var(--ds-ink-soft); font-size:12px; }
html body #orderDetailsPanel#orderDetailsPanel .tracking-back { display:inline-flex; align-items:center; gap:9px; font-size:11px; font-weight:750; text-decoration:none; white-space:nowrap; background:var(--tracking-wash); color:var(--harvest-green); padding:7px 12px; border-radius:30px; }
html body #orderDetailsPanel#orderDetailsPanel .tracking-back svg { width:18px; height:18px; }
html body #orderDetailsPanel#orderDetailsPanel .tracking-order > :is(.tracking-summary,.tracking-timeline,.tracking-payment,.tracking-products) { background:var(--tracking-surface); border:1px solid var(--tracking-line); border-radius:18px; padding:12px; box-shadow:0 8px 25px #193e2307; backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); }
html body #orderDetailsPanel#orderDetailsPanel .tracking-summary { display:flex; align-items:center; gap:10px; min-height:91px; }
html body #orderDetailsPanel#orderDetailsPanel .tracking-summary-photo { width:66px; height:72px; border-radius:12px; background:#fcf2f0; overflow:hidden; flex:none; }
html body #orderDetailsPanel#orderDetailsPanel .tracking-summary-photo img { width:100%; height:100%; object-fit:cover; display:block; }
html body #orderDetailsPanel#orderDetailsPanel .tracking-summary-copy { flex:1; min-width:0; }
html body #orderDetailsPanel#orderDetailsPanel .tracking-summary-copy h3 { display:flex; align-items:center; gap:6px; font-size:15px!important; line-height:1.5; overflow-wrap:anywhere; }
html body #orderDetailsPanel#orderDetailsPanel .tracking-summary-copy p { color:var(--ds-ink-soft); font-size:11px; padding:3px 0; }
html body #orderDetailsPanel#orderDetailsPanel .tracking-summary-copy > strong { font-size:20px; color:var(--ds-ink); line-height:1.3; }
html body #orderDetailsPanel#orderDetailsPanel .tracking-summary-status { display:grid; gap:11px; align-content:center; justify-items:start; flex:none; }
html body #orderDetailsPanel#orderDetailsPanel .tracking-summary-status > span { background:#f3f5f5; color:#102430; font-weight:800; border-radius:30px; padding:4px 13px; font-size:12px; }
html body #orderDetailsPanel#orderDetailsPanel .tracking-summary-status b { display:flex; align-items:center; gap:6px; padding:5px 11px; background:#e8f6ed; color:#166b3e; border-radius:30px; font-size:13px; }
html body #orderDetailsPanel#orderDetailsPanel .tracking-summary-status b svg { background:#197348; color:white; border-radius:50%; padding:3px; width:19px; height:19px; }
html body #orderDetailsPanel#orderDetailsPanel .tracking-timeline { display:grid; grid-template-columns:repeat(var(--tracking-steps,4),minmax(0,1fr)); padding:14px 7px!important; min-height:114px; }
html body #orderDetailsPanel#orderDetailsPanel .tracking-step { position:relative; display:flex; flex-direction:column; align-items:center; text-align:center; gap:4px; color:#7b858d; }
html body #orderDetailsPanel#orderDetailsPanel .tracking-step:not(:last-child)::after { content:''; position:absolute; top:20px; inset-inline-start:calc(50% + 25px); width:calc(100% - 50px); border-top:1px dashed #cfd8d8; }
html body #orderDetailsPanel#orderDetailsPanel .tracking-step.done:has(+.done)::after { border-top:1.5px solid #297c49; }
html body #orderDetailsPanel#orderDetailsPanel .tracking-stage-icon { width:41px; height:41px; display:grid; place-items:center; background:#f2f4f5; border-radius:50%; color:#808b97; }
html body #orderDetailsPanel#orderDetailsPanel .tracking-stage-icon svg { width:23px; height:23px; }
html body #orderDetailsPanel#orderDetailsPanel .tracking-step.done .tracking-stage-icon { background:#e7f3e9; color:#197447; }
html body #orderDetailsPanel#orderDetailsPanel .tracking-step.is-latest .tracking-stage-icon { background:linear-gradient(120deg,#2c8d50,#085532); color:#fff; }
html body #orderDetailsPanel#orderDetailsPanel .tracking-stage-check { width:12px; height:12px; display:grid; place-items:center; border:1px solid #acb5be; border-radius:50%; margin-top:1px; }
html body #orderDetailsPanel#orderDetailsPanel .tracking-step.done .tracking-stage-check { background:#1b7747; border-color:#1b7747; color:#fff; }
html body #orderDetailsPanel#orderDetailsPanel .tracking-stage-check svg { width:10px; height:10px; }
html body #orderDetailsPanel#orderDetailsPanel .tracking-step strong { font-size:12px; font-weight:600; }
html body #orderDetailsPanel#orderDetailsPanel .tracking-step.done strong { color:var(--ds-ink); font-weight:800; }
html body #orderDetailsPanel#orderDetailsPanel .tracking-step time { font-size:10px; line-height:1.6; color:var(--ds-ink-soft); }
html body #orderDetailsPanel#orderDetailsPanel .tracking-next { display:flex; align-items:center; gap:9px; min-height:57px; padding:9px 10px; background:linear-gradient(110deg,#edf4e9,#edf6f0); border-radius:17px; }
html body #orderDetailsPanel#orderDetailsPanel .tracking-next h3 { font-size:13px!important; line-height:1.6; }
html body #orderDetailsPanel#orderDetailsPanel .tracking-next p { color:var(--ds-ink-soft); font-size:10px; line-height:1.8; padding-top:3px; }
html body #orderDetailsPanel#orderDetailsPanel .tracking-next-icon { display:grid; place-items:center; width:38px; height:38px; border:1px solid #cde7d5; color:#187342; border-radius:50%; flex:none; }
html body #orderDetailsPanel#orderDetailsPanel .tracking-section-head { display:flex; align-items:center; justify-content:space-between; gap:9px; margin-bottom:8px; }
html body #orderDetailsPanel#orderDetailsPanel .tracking-section-head h3,html body #orderDetailsPanel#orderDetailsPanel .tracking-products>h3 { display:flex; align-items:center; gap:7px; font-size:14px!important; }
html body #orderDetailsPanel#orderDetailsPanel .tracking-section-head>span { font-size:9px; color:var(--harvest-green); background:var(--tracking-wash); border-radius:20px; padding:4px 7px; }
html body #orderDetailsPanel#orderDetailsPanel .tracking-payment-meta { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); padding:11px 4px; background:#f3f7f4; border:1px solid var(--tracking-line); border-radius:12px; gap:5px; text-align:center; }
html body #orderDetailsPanel#orderDetailsPanel .tracking-payment-meta>div { min-width:0; border-inline-end:1px solid #d9e3de; padding:0 4px; }
html body #orderDetailsPanel#orderDetailsPanel .tracking-payment-meta>div:last-child { border:0; }
html body #orderDetailsPanel#orderDetailsPanel .tracking-payment-meta span { display:block; font-size:10px; color:var(--ds-ink-soft); margin-bottom:4px; }
html body #orderDetailsPanel#orderDetailsPanel .tracking-payment-meta strong { display:flex; align-items:center; justify-content:center; gap:4px; flex-wrap:wrap; font-size:13px; line-height:1.5; overflow-wrap:anywhere; }
html body #orderDetailsPanel#orderDetailsPanel .tracking-payment-meta button { background:transparent; padding:0; border:0; color:var(--ds-ink); }
html body #orderDetailsPanel#orderDetailsPanel .tracking-payment-meta button svg { width:15px; height:15px; }
html body #orderDetailsPanel#orderDetailsPanel .tracking-existing-payment .order-payment-block { background:none!important; border:0!important; box-shadow:none!important; padding:0!important; margin:0!important; }
html body #orderDetailsPanel#orderDetailsPanel .tracking-existing-payment :is(.detail-card-title,.detail-rows,.payment-status-chip) { display:none!important; }
html body #orderDetailsPanel#orderDetailsPanel .tracking-existing-payment .payment-proof-upload { margin-top:10px; border-top:1px solid var(--tracking-line); padding-top:10px; }
html body #orderDetailsPanel#orderDetailsPanel .tracking-existing-payment .field { min-height:35px!important; padding:5px!important; font-size:11px!important; }
html body #orderDetailsPanel#orderDetailsPanel .tracking-existing-payment .btn { min-height:35px; padding:8px 12px!important; font-size:12px!important; }
html body #orderDetailsPanel#orderDetailsPanel .tracking-existing-payment .field-stack small { font-size:9px; }
html body #orderDetailsPanel#orderDetailsPanel .tracking-payment-more { margin-top:8px; }
html body #orderDetailsPanel#orderDetailsPanel .tracking-payment-more summary { display:flex; align-items:center; justify-content:space-between; background:var(--tracking-wash); color:var(--harvest-green); font-size:11px; font-weight:750; padding:7px 10px; border-radius:8px; cursor:pointer; }
html body #orderDetailsPanel#orderDetailsPanel .tracking-payment-more summary svg { width:14px; height:14px; }
html body #orderDetailsPanel#orderDetailsPanel .tracking-products>h3 { margin-bottom:8px!important; }
html body #orderDetailsPanel#orderDetailsPanel .tracking-item-main { display:flex; align-items:center; gap:8px; background:#f5f8f6; border:1px solid var(--tracking-line); border-radius:12px; padding:6px; }
html body #orderDetailsPanel#orderDetailsPanel .tracking-item-photo { width:47px; height:47px; border-radius:9px; object-fit:cover; flex:none; }
html body #orderDetailsPanel#orderDetailsPanel .tracking-item-name { flex:1; min-width:0; }
html body #orderDetailsPanel#orderDetailsPanel .tracking-item-name small { display:block; font-size:10px; }
html body #orderDetailsPanel#orderDetailsPanel .tracking-item-name strong { font-size:14px; display:block; line-height:1.6; overflow-wrap:anywhere; }
html body #orderDetailsPanel#orderDetailsPanel .tracking-item-amount { text-align:end; }
html body #orderDetailsPanel#orderDetailsPanel .tracking-item-amount strong { display:block; font-size:15px; }
html body #orderDetailsPanel#orderDetailsPanel .tracking-item-amount small { display:block; font-size:9px; }
html body #orderDetailsPanel#orderDetailsPanel .tracking-item-units { display:grid; grid-template-columns:1fr 1fr; margin-top:4px; border-top:1px solid var(--tracking-line); padding-top:6px; text-align:center; }
html body #orderDetailsPanel#orderDetailsPanel .tracking-item-units>div+div { border-inline-start:1px solid var(--tracking-line); }
html body #orderDetailsPanel#orderDetailsPanel .tracking-item-units small { display:block; font-size:9px; }
html body #orderDetailsPanel#orderDetailsPanel .tracking-item-units strong { display:block; font-size:11px; font-weight:600; }
html body #orderDetailsPanel#orderDetailsPanel .tracking-items { display:grid; gap:10px; }
html body #orderDetailsPanel#orderDetailsPanel .tracking-chat { width:100%; min-height:43px; display:flex; justify-content:center; align-items:center; gap:8px; padding:8px; border:1px solid #1f7540; border-radius:11px; background:linear-gradient(110deg,#278a50,#075a35); color:#fff; font-weight:800!important; font-size:17px!important; box-shadow:0 8px 18px #236c3512; }
html body #orderDetailsPanel#orderDetailsPanel .tracking-chat svg { width:27px; height:27px; }
html body #orderDetailsPanel#orderDetailsPanel .tracking-actions { display:flex; flex-wrap:wrap; gap:8px; }
html body #orderDetailsPanel#orderDetailsPanel .tracking-actions .btn { flex:1; font-size:11px!important; min-height:35px; padding:6px!important; }
html body #orderDetailsPanel#orderDetailsPanel .tracking-actions .btn-primary { background:linear-gradient(110deg,#278a50,#075a35)!important; color:#fff!important; border-color:#1f7540!important; }
html body #orderDetailsPanel#orderDetailsPanel .tracking-summary-status b.is-cancelled { background:#fff0ed; color:#a33f30; }
html body #orderDetailsPanel#orderDetailsPanel .tracking-summary-status b.is-cancelled svg { background:#a33f30; }
html body #orderDetailsPanel#orderDetailsPanel .tracking-address { font-size:10px; color:var(--ds-ink-soft); padding:6px; }
html body:has(#ordersView:not(.hidden) #orderDetailsSurface:not(.hidden) .tracking-order) .topbar.site-header { min-height:60px!important; padding:6px 18px!important; }
html body:has(#ordersView:not(.hidden) #orderDetailsSurface:not(.hidden) .tracking-order) main { padding-top:12px!important; }
@media(max-width:700px) {
  html body:has(#ordersView:not(.hidden) #orderDetailsSurface:not(.hidden) .tracking-order) .topbar .brand { flex:none!important; width:auto!important; max-width:none!important; overflow:visible!important; }
  html body:has(#ordersView:not(.hidden) #orderDetailsSurface:not(.hidden) .tracking-order) .topbar .brand-copy { width:auto!important; max-width:none!important; overflow:visible!important; }
  html body:has(#ordersView:not(.hidden) #orderDetailsSurface:not(.hidden) .tracking-order) .topbar #siteBrandTitle { font-size:18px!important; white-space:nowrap!important; max-width:none!important; overflow:visible!important; text-overflow:clip!important; }
  html body:has(#ordersView:not(.hidden) #orderDetailsSurface:not(.hidden) .tracking-order) .topbar .topbar-logo-wrap { overflow:visible!important; background:none!important; border:0!important; box-shadow:none!important; }
  html body:has(#ordersView:not(.hidden) #orderDetailsSurface:not(.hidden) .tracking-order) .topbar .topbar-logo-img { width:42px!important; height:42px!important; object-fit:contain!important; transform:none!important; }
}
html body #orderDetailsPanel#orderDetailsPanel .tracking-back svg { transform:rotate(180deg); }
html body #orderDetailsPanel#orderDetailsPanel .tracking-next { position:relative; overflow:hidden; }
html body #orderDetailsPanel#orderDetailsPanel .tracking-next::after { content:''; position:absolute; inset-inline-end:8px; bottom:8px; width:20px; height:10px; border-radius:0 100% 0 100%; background:linear-gradient(45deg,#4c8e30,#bdd87b); transform:rotate(25deg); opacity:.5; pointer-events:none; }
html body #orderDetailsPanel#orderDetailsPanel .tracking-page-head { position:relative; }
html body #orderDetailsPanel#orderDetailsPanel .tracking-page-head::before { content:''; position:absolute; inset-inline-start:-8px; top:0; width:11px; height:27px; border-radius:100% 0 100% 0; background:linear-gradient(45deg,#78a742,#b2d374); transform:rotate(20deg); opacity:.4; pointer-events:none; }
html body #orderDetailsPanel#orderDetailsPanel .tracking-order :is(.tracking-payment-meta strong,.tracking-item-name strong,.tracking-item-amount strong,.tracking-item-units strong) { color:var(--ds-ink)!important; }
html body #orderDetailsPanel#orderDetailsPanel .tracking-stage-icon svg { color:inherit!important; }
@media(max-width:360px) {
  html body #orderDetailsPanel#orderDetailsPanel .tracking-payment-meta strong { font-size:11px; }
  html body #orderDetailsPanel#orderDetailsPanel .tracking-item-amount strong { font-size:13px; }
  html body #orderDetailsPanel#orderDetailsPanel .tracking-summary { gap:6px; padding:8px!important; }
  html body #orderDetailsPanel#orderDetailsPanel .tracking-summary-photo { width:48px; height:58px; }
  html body #orderDetailsPanel#orderDetailsPanel .tracking-summary-copy h3 { font-size:12px!important; }
  html body #orderDetailsPanel#orderDetailsPanel .tracking-summary-copy>strong { font-size:15px; }
  html body #orderDetailsPanel#orderDetailsPanel .tracking-summary-status b { padding:4px 7px; font-size:11px; }
  html body #orderDetailsPanel#orderDetailsPanel .tracking-page-head h2 { font-size:21px!important; }
}