/* Track & Trace close button: perfect circle, centered X, visible on white */
      html body #tracktrace.tt-overlay .tt-box .tt-close {
        box-sizing: border-box !important; width: 40px !important; height: 40px !important; min-width: 40px !important; padding: 0 !important; margin: 0 !important;
        font-size: 0 !important; line-height: 0 !important; color: #0f172a !important;
        background: #e2e8f0 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230f172a' stroke-width='2.6' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6L6 18'/%3E%3C/svg%3E") center / 18px 18px no-repeat !important;
        border: 1px solid #94a3b8 !important; border-radius: 50% !important; top: 16px !important; right: 16px !important;
      }
      html body #tracktrace.tt-overlay .tt-box .tt-close:hover { background-color: #fecdd3 !important; border-color: #e11d48 !important; transform: none !important; }
      html body #tracktrace.tt-overlay .tt-box .tt-close:focus-visible { outline: 3px solid #0284c7 !important; outline-offset: 2px !important; }

      /* ===== Track & Trace redesign ===== */
      html body #tracktrace .tt-box.swtt { width: min(1040px, 100%) !important; max-width: 1040px !important; max-height: min(88vh, 860px) !important; padding: 0 !important; display: flex !important; flex-direction: column !important; overflow: hidden !important; border-radius: 24px !important; background: #f8fafc !important; border: 1px solid rgba(148,163,184,.35) !important; box-shadow: 0 40px 90px -20px rgba(2,6,23,.75) !important; }
      .swtt-head { position: relative; padding: 30px 72px 22px 32px; color: #fff; background: radial-gradient(120% 140% at 100% 0%, rgba(56,189,248,.35), transparent 55%), linear-gradient(135deg, #0b1d3a, #0c2a52 60%, #0a3a6b); }
      .swtt-eyebrow { display: inline-flex; align-items: center; gap: 8px; font: 700 .72rem/1 inherit; letter-spacing: .12em; text-transform: uppercase; color: #7dd3fc; margin-bottom: 10px; }
      .swtt-eyebrow i { width: 8px; height: 8px; border-radius: 50%; background: #34d399; box-shadow: 0 0 0 4px rgba(52,211,153,.25); }
      .swtt-title { margin: 0 0 6px !important; font-size: clamp(1.25rem, 2.4vw, 1.7rem) !important; line-height: 1.2 !important; font-weight: 800 !important; color: #fff !important; text-transform: none !important; }
      .swtt-sub { margin: 0; font-size: .92rem; color: #cbd5e1; max-width: 62ch; }
      .swtt-tools { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; padding: 16px 32px; background: #fff; border-bottom: 1px solid #e2e8f0; }
      .swtt-search { position: relative; flex: 1 1 280px; }
      .swtt-search svg { position: absolute; left: 14px; top: 50%; transform: translateY(-50%); color: #64748b; }
      .swtt-search input { width: 100%; box-sizing: border-box; height: 46px; padding: 0 14px 0 42px; border: 1.5px solid #cbd5e1; border-radius: 12px; font: 500 .95rem inherit; color: #0f172a; background: #f8fafc; outline: none; }
      .swtt-search input:focus { border-color: #0284c7; background: #fff; box-shadow: 0 0 0 4px rgba(2,132,199,.15); }
      .swtt-tabs { display: inline-flex; padding: 4px; gap: 4px; background: #e2e8f0; border-radius: 12px; }
      .swtt-tab { border: 0; background: transparent; padding: 9px 16px; min-height: 38px; border-radius: 9px; font: 700 .85rem inherit; color: #475569; cursor: pointer; white-space: nowrap; }
      .swtt-tab[aria-selected="true"] { background: #fff; color: #0369a1; box-shadow: 0 1px 4px rgba(15,23,42,.18); }
      .swtt-tab small { margin-left: 6px; padding: 1px 7px; border-radius: 999px; background: #e0f2fe; color: #0369a1; font-weight: 700; }
      .swtt-body { overflow-y: auto; padding: 8px 32px 8px; flex: 1 1 auto; -webkit-overflow-scrolling: touch; }
      .swtt-group-title { display: flex; align-items: center; gap: 10px; margin: 20px 0 12px; font: 800 .78rem inherit; letter-spacing: .1em; text-transform: uppercase; color: #475569; }
      .swtt-group-title::after { content: ""; flex: 1; height: 1px; background: #e2e8f0; }
      .swtt-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 12px; }
      html body #tracktrace .swtt-card { position: relative; display: flex !important; flex-direction: column !important; align-items: stretch !important; gap: 10px !important; padding: 12px !important; background: #fff !important; border: 1.5px solid #e2e8f0 !important; border-radius: 14px !important; text-decoration: none !important; color: #0f172a !important; transition: transform .18s, border-color .18s, box-shadow .18s !important; min-height: 0 !important; height: auto !important; }
      html body #tracktrace .swtt-card:hover, html body #tracktrace .swtt-card:focus-visible { transform: translateY(-2px) !important; border-color: #0284c7 !important; box-shadow: 0 10px 24px -8px rgba(2,132,199,.35) !important; outline: none !important; }
      html body #tracktrace .swtt-logo { height: 64px !important; display: flex; align-items: center; justify-content: center; border-radius: 9px; background: #fff; border: 1px solid #f1f5f9; padding: 8px; }
      html body #tracktrace .swtt-logo img { max-width: 100% !important; max-height: 100% !important; width: auto !important; height: auto !important; object-fit: contain !important; mix-blend-mode: multiply; }
      .swtt-meta { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
      .swtt-name { font-weight: 700; font-size: .88rem; line-height: 1.25; }
      .swtt-chip { flex: none; padding: 3px 8px; border-radius: 6px; background: #e0f2fe; color: #0369a1; font: 800 .72rem monospace; letter-spacing: .04em; }
      .swtt-go { position: absolute; top: 10px; right: 10px; width: 22px; height: 22px; border-radius: 50%; background: #0284c7; color: #fff; display: grid; place-items: center; opacity: 0; transition: opacity .18s; }
      .swtt-card:hover .swtt-go, .swtt-card:focus-visible .swtt-go { opacity: 1; }
      .swtt-empty { padding: 40px 0; text-align: center; color: #475569; }
      .swtt-foot { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 16px; padding: 14px 32px; background: #fff; border-top: 1px solid #e2e8f0; font-size: .86rem; color: #475569; }
      .swtt-foot a { color: #0369a1; font-weight: 700; text-decoration: none; }
      .swtt-foot a:hover { text-decoration: underline; }
      @media (max-width: 640px) { html body #tracktrace .tt-box.swtt { max-height: 94vh !important; border-radius: 18px !important; } .swtt-head { padding: 22px 64px 16px 18px; } .swtt-tools, .swtt-foot { padding-left: 16px; padding-right: 16px; } .swtt-body { padding: 4px 16px; } .swtt-tabs { width: 100%; } .swtt-tab { flex: 1; padding: 9px 6px; } .swtt-grid { grid-template-columns: repeat(2, minmax(0,1fr)); gap: 10px; } .swtt-go { display: none; } }
      @media (prefers-reduced-motion: reduce) { .swtt-card { transition: none !important; } }

      .swtt-word { font: 900 1.25rem/1 'Space Grotesk', Arial, sans-serif; letter-spacing: .04em; }
      .swtt-word.msc { color: #0b2a5b; border-bottom: 4px solid #f5b800; padding-bottom: 4px; }
      .swtt-word.evg { color: #00794c; font-size: 1.05rem; }
      html body #tracktrace .swtt-card .swtt-logo { border: 0 !important; background: #f8fafc !important; }
      html body #tracktrace .swtt-name { font-size: .92rem !important; color: #0f172a !important; }
      html body #tracktrace .swtt-group-title { color: #334155; }
      html body #tracktrace .swtt-sub { max-width: 80ch; }
      html body #tracktrace .swtt-foot { box-shadow: 0 -14px 16px -12px rgba(15,23,42,.18); position: relative; }
      @media (max-width: 640px) { html body #tracktrace .swtt-tab { padding: 9px 4px !important; font-size: .78rem !important; } html body #tracktrace .swtt-tab small { margin-left: 4px; padding: 1px 5px; } html body #tracktrace .swtt-tabs { gap: 2px; } html body #tracktrace .swtt-name { font-size: .9rem !important; } html body #tracktrace .swtt-head { padding-right: 60px; } }

      @media (max-width: 640px) {
        html body #tracktrace .swtt-tabs { display: grid !important; grid-template-columns: repeat(3, 1fr); width: 100%; box-sizing: border-box; }
        html body #tracktrace .swtt-tab { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; min-width: 0; line-height: 1.15; white-space: normal !important; text-align: center; font-size: .76rem !important; }
        html body #tracktrace .swtt-tab small { margin: 0 !important; }
      }
      html body #tracktrace .swtt-word { font-size: 1.6rem !important; }
      html body #tracktrace .swtt-word.msc { font-size: 1.9rem !important; color: #0b2a5b !important; }
      html body #tracktrace .swtt-word.evg { font-size: 1.35rem !important; }

      #tracktrace.swtt-host { position: fixed; inset: 0; z-index: 999999; display: none; align-items: center; justify-content: center; padding: 20px; background: rgba(4,10,22,.88); backdrop-filter: blur(14px); }
      #tracktrace.swtt-host .tt-backdrop { position: absolute; inset: 0; }
      #tracktrace.swtt-host .tt-box { position: relative; z-index: 1; }
      html body #tracktrace.swtt-host .tt-box .tt-close { position: absolute !important; top: 16px !important; right: 16px !important; z-index: 10 !important; display: block !important; cursor: pointer; }

      html body #tracktrace.swtt-host.active, html body #tracktrace.swtt-host[aria-hidden="false"] { display: flex !important; }
      html body #tracktrace.swtt-host[aria-hidden="true"] { display: none !important; }