#tracking-modal .modal-content{padding:22px!important;width:min(100%,500px);border:1px solid var(--border,#e0e7f3);border-radius:24px;background:var(--card,#fff);box-shadow:0 24px 80px #15244930;overflow:auto}#tracking-modal:not(.hidden) .modal-content{animation:tracking-reveal .28s ease-out}#tracking-modal .modal-close{top:18px;right:18px;width:36px;height:36px;border-radius:12px;z-index:2}#tracking-modal .tracking-heading{display:flex;align-items:center;gap:12px;padding:4px 40px 20px 0}#tracking-modal .tracking-heading-icon{display:grid;place-items:center;width:48px;height:48px;flex:0 0 48px;background:linear-gradient(145deg,#edf3ff,#e8e9ff);border:1px solid #d9e4ff;border-radius:16px;font-size:24px}#tracking-modal .eyebrow{margin:0 0 5px;font-size:10px;letter-spacing:.1em;color:#5276d9}#tracking-modal #tracking-title{margin:0;font-size:23px;line-height:1.3;font-weight:800;letter-spacing:-.5px}#tracking-modal .tracking-summary{border:0;background:transparent;padding:0;margin:0 0 16px}#tracking-modal .tracking-courier-card{display:flex;gap:13px;align-items:center;padding:15px;border:1px solid var(--border,#e0e7f3);border-radius:17px;background:linear-gradient(120deg,#f2f6ff,#fafbff)}#tracking-modal .tracking-avatar{display:grid;place-items:center;width:54px;height:54px;flex:0 0 54px;border:1px solid #dee7ff;background:white;box-shadow:0 4px 10px #24437b09;border-radius:17px;font-size:30px}#tracking-modal .tracking-courier-card>div{display:grid;gap:4px;min-width:0}#tracking-modal .tracking-courier-card small{color:#76829a;font-size:11px}#tracking-modal .tracking-courier-card strong{font-size:15px;overflow-wrap:anywhere;line-height:1.45}#tracking-modal .tracking-courier-card div>span{font-size:12px;color:#71819c}#tracking-modal .tracking-metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:11px}#tracking-modal .tracking-metric{display:flex;flex-direction:column;gap:8px;padding:14px;border:1px solid var(--border,#e0e7f3);border-radius:15px;background:var(--card,#fff);min-width:0}#tracking-modal .tracking-metric small{font-size:10px;color:#78849b}#tracking-modal .tracking-metric strong{font-size:16px;line-height:1.4;overflow-wrap:anywhere}#tracking-modal .tracking-metric i{display:inline-block;width:7px;height:7px;margin-right:6px;border-radius:50%;background:#3d75ef;box-shadow:0 0 0 4px #3d75ef15}#tracking-modal .tracking-metric>span{font-size:12px;color:#71819c}#tracking-modal .tracking-updated{font-size:10px;line-height:1.6;color:#8993a8;margin:12px 3px 0}#tracking-modal .tracking-updated>span{color:#6985c0}#tracking-modal .tracking-map{height:260px;margin:0;border-radius:18px;border:1px solid #dce4ef;isolation:isolate}#tracking-modal .leaflet-popup-content-wrapper{border-radius:12px;font-size:11px}#tracking-modal .leaflet-control-zoom{border:0;box-shadow:0 3px 12px #182f5320;overflow:hidden;border-radius:10px}html[data-theme=dark] #tracking-modal .modal-content{background:#192434}html[data-theme=dark] #tracking-modal .tracking-courier-card{background:linear-gradient(120deg,#23324a,#202c40)}html[data-theme=dark] #tracking-modal .tracking-metric{background:#202c40}html[data-theme=dark] #tracking-modal .tracking-heading-icon,html[data-theme=dark] #tracking-modal .tracking-avatar{background:#293956;border-color:#394a68}@keyframes tracking-reveal{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media(max-width:700px){#tracking-modal .modal-content{border-radius:23px 23px 0 0;padding:18px 18px calc(18px + env(safe-area-inset-bottom))!important}#tracking-modal #tracking-title{font-size:22px}#tracking-modal .tracking-map{height:clamp(200px,30dvh,270px)}}@media(prefers-reduced-motion:reduce){#tracking-modal .modal-content{animation:none!important}}
/* Glass belongs to the outer sheet only; delivery cards keep their surfaces. */
html[data-customer-view] #tracking-modal{
  background:rgba(10,20,35,.16)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
html[data-customer-view] #tracking-modal > .modal-content{
  background:rgba(245,249,255,.24)!important;
  border-color:rgba(255,255,255,.6);
  backdrop-filter:blur(9px) saturate(135%);
  -webkit-backdrop-filter:blur(9px) saturate(135%);
  box-shadow:0 24px 80px rgba(21,36,73,.22),inset 0 1px 0 rgba(255,255,255,.65);
}
html[data-theme="dark"][data-customer-view] #tracking-modal > .modal-content{
  background:rgba(28,43,68,.26)!important;
  border-color:rgba(210,227,255,.3);
}