/* ── trd tokens: fallback chains so all four CSS families resolve ──────────────
   Every var falls back through theme.css :root, then to a literal, so a single
   missing var never drops the whole declaration (the color-mix-undefined-var
   trap). Accent is set per-band by .trd-band-* below, so chip, sparkline and card
   numbers all read one stance. */
.trd-wrap{
  --trd-accent: var(--link, #7aa7e0);
  --trd-bg:     var(--gbtn-bg, color-mix(in srgb, var(--panel2, var(--panel, #181b21)) 52%, transparent));
  --trd-bg-hi:  var(--gbtn-bg-hover, color-mix(in srgb, var(--panel2, var(--panel, #181b21)) 76%, transparent));
  --trd-brd:    var(--gbtn-brd, color-mix(in srgb, var(--text, #d7dce3) 12%, transparent));
  --trd-sheen:  var(--gbtn-sheen, rgba(255,255,255,.09));
  --trd-panel:  var(--panel2, var(--panel, #181b21));
  --trd-panel1: var(--panel, #181b21);
  --trd-line:   var(--line, #2a2f3a);
  --trd-text:   var(--text, #d7dce3);
  --trd-muted:  var(--muted, #8b93a1);
  --trd-link:   var(--link, #7aa7e0);
  --trd-warn:   var(--warn, #e0a030);
  display:inline-flex;max-width:100%;
}
.trd-band-up{ --trd-accent: var(--up, #45b873); }
.trd-band-dn{ --trd-accent: var(--down, #e06464); }
.trd-band-neutral{ --trd-accent: var(--link, #7aa7e0); }

/* ── the chip / button ──────────────────────────────────────────────────────
   Elevates the .gbtn glass DNA — never clones .board-track-toggle. */
.trd-btn{
  display:inline-flex;align-items:center;gap:9px;
  border-radius:999px;padding:8px 15px 8px 12px;
  border:1px solid color-mix(in srgb, var(--trd-accent) 35%, var(--trd-brd));
  background:var(--trd-bg);
  -webkit-backdrop-filter:blur(12px) saturate(140%);backdrop-filter:blur(12px) saturate(140%);
  box-shadow:inset 0 1px 0 var(--trd-sheen), 0 1px 2px rgba(3,7,18,.18);
  color:var(--trd-text);font:600 12.5px/1 var(--font-ui,inherit);
  cursor:pointer;position:relative;overflow:hidden;isolation:isolate;
  -webkit-tap-highlight-color:transparent;max-width:100%;
  transition:border-color .22s ease, transform .12s ease, box-shadow .22s ease;
}
.trd-btn::after{ /* diagonal sheen sweep on hover */
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(115deg,transparent 30%,color-mix(in srgb,var(--trd-accent) 22%,transparent) 48%,transparent 66%);
  transform:translateX(-120%);transition:transform .5s ease;
}
.trd-btn:hover{ transform:translateY(-1px);
  border-color:color-mix(in srgb, var(--trd-accent) 55%, var(--trd-brd));
  background:var(--trd-bg-hi); }
.trd-btn:hover::after{ transform:translateX(120%); }
.trd-btn:active{ transform:scale(.985); }
.trd-btn:focus-visible{ outline:2px solid var(--trd-accent);outline-offset:2px; }
.trd-btn.trd-is-open{
  border-color:var(--trd-accent);
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--trd-accent) 30%,transparent),
             inset 0 1px 0 var(--trd-sheen), 0 0 14px color-mix(in srgb,var(--trd-accent) 22%,transparent);
}
/* sparkline icon */
.trd-spark{ display:block;flex:none;width:40px;height:14px;overflow:visible; }
.trd-spark path{ fill:none;stroke:var(--trd-accent);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;
  filter:drop-shadow(0 0 3px color-mix(in srgb,var(--trd-accent) 60%,transparent)); }
/* label + stat */
.trd-lead{ color:var(--trd-muted);font-weight:600; }
.trd-stat{ color:var(--trd-text);font-weight:600;white-space:nowrap; }
.trd-stat b{ color:var(--trd-accent);font-weight:700; }
.trd-sep{ color:var(--trd-muted);margin:0 2px; }
/* chevron affordance */
.trd-chev{ display:inline-flex;align-items:center;justify-content:center;flex:none;
  width:18px;height:18px;border-radius:50%;
  border:1px solid color-mix(in srgb,var(--trd-accent) 40%,var(--trd-brd));
  transition:transform .2s ease,border-color .2s ease; }
.trd-chev svg{ width:9px;height:9px;display:block;stroke:var(--trd-accent);stroke-width:2.4;
  stroke-linecap:round;stroke-linejoin:round;fill:none; }
.trd-btn:hover .trd-chev{ transform:translateX(2px);border-color:var(--trd-accent); }

@media (prefers-reduced-motion: no-preference){
  /* sparkline draw-in, once on load */
  .trd-spark path.trd-live{ stroke-dasharray:120;stroke-dashoffset:120;animation:trd-draw .9s ease-out .15s forwards; }
  @keyframes trd-draw{ to{ stroke-dashoffset:0; } }
  /* slow breathing halo — winning scored/interim states only, never accruing
     (nothing to brag about yet). Touch devices hold the resting state: box-shadow
     breathing repaints on the main thread every frame and overflow:hidden clips a
     pseudo-element glow (2026-07-21 mobile audit; same call as .gbtn-cta). */
  .trd-btn.trd-breathe{ animation:trd-breathe 3.8s ease-in-out infinite; }
  @media (pointer: coarse){ .trd-btn.trd-breathe{ animation:none; } }
  @keyframes trd-breathe{
    0%,100%{ box-shadow:inset 0 1px 0 var(--trd-sheen), 0 1px 2px rgba(3,7,18,.18); }
    50%{ box-shadow:inset 0 1px 0 var(--trd-sheen), 0 0 0 4px color-mix(in srgb,var(--trd-accent) 12%,transparent), 0 1px 2px rgba(3,7,18,.18); }
  }
}

/* ── dialog shell ───────────────────────────────────────────────────────────*/
html.trd-lock{ overflow:hidden; }
html.trd-lock body{ overflow:hidden;position:fixed;width:100%; }
.trd-dlg{ display:none;position:fixed;inset:0;z-index:9200; }
.trd-dlg.trd-open{ display:block; }
.trd-backdrop{ position:absolute;inset:0;background:rgba(3,6,10,.55);
  -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;transition:opacity .28s ease; }
.trd-dlg.trd-in .trd-backdrop{ opacity:1; }
.trd-panel{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  box-sizing:border-box;
  width:min(94vw,1020px);max-width:1020px;max-height:min(86vh,900px);
  display:flex;flex-direction:column;
  background:color-mix(in srgb,var(--trd-panel1) 92%, #05070d);
  border:1px solid color-mix(in srgb,var(--trd-text) 12%,transparent);
  border-radius:18px;overflow:hidden;
  box-shadow:0 40px 120px rgba(0,0,0,.6),0 2px 0 rgba(255,255,255,.05) inset;
  opacity:0;transition:opacity .1s ease;
}
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .trd-panel{ background:color-mix(in srgb,var(--trd-panel1) 82%, transparent);
    -webkit-backdrop-filter:blur(26px) saturate(1.4);backdrop-filter:blur(26px) saturate(1.4); }
}
[data-theme="light"] .trd-panel{ background:#ffffff;border-color:rgba(0,0,0,.06);
  box-shadow:0 32px 96px rgba(0,0,0,.16),0 0 0 1px rgba(0,0,0,.04); }
@media (prefers-reduced-motion: no-preference){
  .trd-panel{ transform:translate(-50%,calc(-50% + 14px)) scale(.985);
    transition:opacity .34s ease, transform .34s cubic-bezier(.22,.9,.26,1); }
  .trd-dlg.trd-in .trd-panel{ opacity:1;transform:translate(-50%,-50%) scale(1); }
  .trd-dlg.trd-closing .trd-backdrop,.trd-dlg.trd-closing .trd-panel{ transition-duration:.18s; }
  .trd-dlg.trd-closing .trd-backdrop{ opacity:0; }
  .trd-dlg.trd-closing .trd-panel{ opacity:0;transform:translate(-50%,calc(-50% + 8px)) scale(.99); }
}
.trd-dlg.trd-in .trd-panel{ opacity:1; }

/* sticky header */
.trd-hd{ position:sticky;top:0;z-index:3;flex:none;
  padding:18px 22px 14px;display:flex;align-items:flex-start;gap:14px;
  background:color-mix(in srgb,var(--trd-panel1) 92%, #05070d);
  border-bottom:1px solid color-mix(in srgb,var(--trd-text) 8%,transparent); }
[data-theme="light"] .trd-hd{ background:#ffffff;border-bottom-color:rgba(0,0,0,.07); }
.trd-hd-txt{ flex:1;min-width:0; }
.trd-eyebrow{ font-size:10.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--trd-muted); }
.trd-title{ font-size:19px;font-weight:800;line-height:1.15;margin:2px 0 3px;color:var(--trd-text); }
.trd-sub{ font-size:12.5px;line-height:1.35;color:var(--trd-muted);max-width:62ch; }
.trd-close{ flex:none;width:32px;height:32px;border-radius:50%;cursor:pointer;
  display:inline-flex;align-items:center;justify-content:center;
  border:1px solid var(--trd-brd);background:var(--trd-bg);color:var(--trd-muted);
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  box-shadow:inset 0 1px 0 var(--trd-sheen);transition:color .18s,border-color .18s,transform .12s; }
.trd-close:hover{ color:var(--trd-text);border-color:color-mix(in srgb,var(--trd-text) 30%,var(--trd-brd)); }
.trd-close:active{ transform:scale(.94); }
.trd-close:focus-visible{ outline:2px solid var(--trd-accent);outline-offset:2px; }
.trd-close svg{ width:13px;height:13px;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;fill:none; }

.trd-body{ overflow-y:auto;padding:16px 22px 20px;flex:1; }
@media (prefers-reduced-motion: no-preference){
  .trd-dlg.trd-in .trd-stg{ opacity:0;transform:translateY(8px);animation:trd-rise .4s ease forwards; }
  .trd-dlg.trd-in .trd-stg-1{ animation-delay:.06s; } .trd-dlg.trd-in .trd-stg-2{ animation-delay:.10s; }
  .trd-dlg.trd-in .trd-stg-3{ animation-delay:.14s; } .trd-dlg.trd-in .trd-stg-4{ animation-delay:.18s; }
  @keyframes trd-rise{ to{ opacity:1;transform:none; } }
}

/* Zone A — verdict cards */
.trd-ribbon{ margin:0 0 14px;padding:9px 13px;border-radius:10px;font-size:12px;line-height:1.4;
  background:color-mix(in srgb,var(--trd-warn) 14%,transparent);
  border:1px solid color-mix(in srgb,var(--trd-warn) 34%,transparent);color:var(--trd-text); }
.trd-cards{ display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:16px; }
.trd-card{ padding:14px;border-radius:12px;border:1px solid var(--trd-line);
  background:color-mix(in srgb,var(--trd-panel) 60%,transparent); }
.trd-card-k{ font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--trd-muted); }
.trd-card-v{ font-size:26px;font-weight:700;line-height:1.1;margin:4px 0 2px;font-variant-numeric:tabular-nums; }
.trd-card-v.trd-accented{ color:var(--trd-accent); }
.trd-card-m{ font-size:10.5px;line-height:1.35;color:var(--trd-muted); }
.trd-card.trd-card-wide{ grid-column:1 / -1; }
/* segmented resolved bar */
.trd-segbar{ display:flex;height:8px;border-radius:5px;overflow:hidden;margin:8px 0 6px;background:var(--trd-line); }
.trd-seg{ height:100%;transition:none; }
.trd-seg-up{ background:var(--up,#45b873); } .trd-seg-dn{ background:var(--down,#e06464); }
.trd-seg-flat{ background:var(--trd-muted); }
@media (prefers-reduced-motion: no-preference){ .trd-seg{ width:0;transition:width .6s ease .2s; } .trd-dlg.trd-in .trd-seg{ /* width set inline */ } }
.trd-seg-legend{ font-size:10.5px;color:var(--trd-muted); }
.trd-seg-legend b.trd-up{ color:var(--ink-up, var(--up,#45b873)); } .trd-seg-legend b.trd-dn{ color:var(--ink-down, var(--down,#e06464)); }
/* timeline card (accruing) */
.trd-tl{ margin-top:2px; }
.trd-tl-bar{ position:relative;height:6px;border-radius:4px;background:var(--trd-line);margin:10px 0 6px;overflow:visible; }
.trd-tl-fill{ position:absolute;left:0;top:0;bottom:0;border-radius:4px;
  background:linear-gradient(90deg,color-mix(in srgb,var(--trd-accent) 30%,transparent),var(--trd-accent)); }
.trd-tl-now{ position:absolute;top:-3px;width:12px;height:12px;border-radius:50%;
  background:var(--trd-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--trd-accent) 25%,transparent);transform:translateX(-50%); }
.trd-tl-ends{ display:flex;justify-content:space-between;font-size:10.5px;color:var(--trd-muted); }

/* Zone B — filter rail + table */
.trd-rail{ position:sticky;top:0;z-index:2;display:flex;flex-wrap:wrap;gap:8px 10px;align-items:center;
  padding:10px 0 12px;margin-bottom:6px;border-bottom:1px solid var(--trd-line);
  background:color-mix(in srgb,var(--trd-panel1) 92%,#05070d); }
/* The US ledger has a dense, wrapping filter rail. Keep it in normal document
   flow so it scrolls with the ledger instead of dropping over the rows below. */
.trd-dlg[data-market="us"] .trd-rail{ position:static;top:auto;z-index:auto; }
[data-theme="light"] .trd-rail{ background:#ffffff; }
.trd-chips{ display:inline-flex;flex-wrap:wrap;gap:6px; }
.trd-chip{ font:600 11.5px/1 var(--font-ui,inherit);padding:6px 11px;border-radius:999px;cursor:pointer;
  border:1px solid var(--trd-brd);background:transparent;color:var(--trd-muted);
  transition:background .15s,color .15s,border-color .15s;white-space:nowrap; }
.trd-chip:hover{ color:var(--trd-text);border-color:color-mix(in srgb,var(--trd-text) 26%,var(--trd-brd)); }
.trd-chip[aria-pressed="true"]{ background:color-mix(in srgb,var(--trd-accent) 22%,transparent);
  color:var(--trd-text);border-color:color-mix(in srgb,var(--trd-accent) 55%,transparent); }
.trd-chip:focus-visible{ outline:2px solid var(--trd-accent);outline-offset:2px; }
.trd-search,.trd-sel{ font:500 12px/1 var(--font-ui,inherit);padding:6px 10px;border-radius:8px;
  border:1px solid var(--trd-brd);background:color-mix(in srgb,var(--trd-panel) 50%,transparent);color:var(--trd-text); }
.trd-search{ min-width:130px; } .trd-search::placeholder{ color:var(--trd-muted); }
.trd-search:focus-visible,.trd-sel:focus-visible{ outline:2px solid var(--trd-accent);outline-offset:1px; }
.trd-rail-grow{ flex:1;min-width:6px; }
/* Tier-2 marking-basis caption above the ledger table (muted, one line). */
.trd-mark-note{ margin:0 0 8px;font-size:10.5px;line-height:1.4;color:var(--trd-muted); }

.trd-tbl-wrap{ overflow-x:auto;border-radius:10px;border:1px solid var(--trd-line); }
.trd-tbl{ width:100%;border-collapse:collapse;font-size:12px; }
.trd-tbl th{ text-align:left;font-size:10.5px;font-weight:700;letter-spacing:.02em;color:var(--trd-muted);
  padding:8px 10px;border-bottom:1px solid var(--trd-line);white-space:nowrap;
  background:color-mix(in srgb,var(--trd-panel) 40%,transparent);position:sticky;top:0; }
.trd-tbl th.trd-num{ text-align:right; }
.trd-tbl th.trd-sortable{ cursor:pointer;user-select:none; }
.trd-tbl th.trd-sortable:hover{ color:var(--trd-text); }
.trd-sort-ar{ opacity:.4;font-size:9px;margin-left:2px; }
.trd-tbl th[aria-sort="ascending"] .trd-sort-ar,.trd-tbl th[aria-sort="descending"] .trd-sort-ar{ opacity:1;color:var(--trd-accent); }
.trd-tbl td{ padding:7px 10px;border-bottom:1px solid color-mix(in srgb,var(--trd-line) 55%,transparent);vertical-align:middle;white-space:nowrap; }
.trd-tbl td.trd-num{ text-align:right;font-variant-numeric:tabular-nums; }
.trd-tbl tr:last-child td{ border-bottom:none; }
.trd-tk{ font-weight:700;color:var(--trd-text); }
.trd-tk a{ color:inherit;text-decoration:none;border-bottom:1px solid transparent; }
.trd-tk a:hover{ border-bottom-color:currentColor; }
.trd-sub-cell{ display:block;font-size:10px;color:var(--trd-muted);font-weight:400;white-space:normal;max-width:34ch;line-height:1.3; }
.trd-mut{ color:var(--trd-muted); }
.trd-dot{ display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px;vertical-align:middle; }
.trd-dot-up{ background:var(--up,#45b873); } .trd-dot-dn{ background:var(--down,#e06464); }
.trd-dot-flat{ background:var(--trd-muted); } .trd-dot-early{ background:var(--trd-warn); }
.trd-flag{ font-size:10px;color:var(--trd-muted);margin-left:4px;cursor:help; }
@media (prefers-reduced-motion: no-preference){
  .trd-tbl tbody tr.trd-anim{ opacity:0;transform:translateY(8px);animation:trd-rowin .22s ease forwards; }
  @keyframes trd-rowin{ to{ opacity:1;transform:none; } }
}
/* shimmer skeleton */
.trd-skel{ border-radius:8px;background:linear-gradient(90deg,var(--trd-line) 25%,color-mix(in srgb,var(--trd-line) 40%,transparent) 50%,var(--trd-line) 75%);
  background-size:200% 100%; }
@media (prefers-reduced-motion: no-preference){ .trd-skel{ animation:trd-shimmer 1.3s linear infinite; } }
@keyframes trd-shimmer{ to{ background-position:-200% 0; } }
.trd-skel-row{ height:34px;margin:6px 0; } .trd-skel-card{ height:78px; }
.trd-err{ padding:20px;text-align:center;color:var(--trd-muted);font-size:12.5px;line-height:1.5; }
.trd-retry{ margin-top:8px;font:600 12px/1 var(--font-ui,inherit);padding:6px 14px;border-radius:999px;cursor:pointer;
  border:1px solid var(--trd-brd);background:var(--trd-bg);color:var(--trd-text); }
.trd-retry:hover{ border-color:color-mix(in srgb,var(--trd-accent) 50%,var(--trd-brd)); }

/* pagination */
.trd-pg{ display:flex;flex-wrap:wrap;gap:6px;align-items:center;justify-content:center;margin-top:12px; }
.trd-pg-btn{ font:600 12px/1 var(--font-ui,inherit);min-width:30px;padding:6px 9px;border-radius:8px;cursor:pointer;
  border:1px solid var(--trd-brd);background:transparent;color:var(--trd-muted);transition:background .15s,color .15s,border-color .15s; }
.trd-pg-btn:hover:not(:disabled){ color:var(--trd-text);border-color:color-mix(in srgb,var(--trd-text) 26%,var(--trd-brd)); }
.trd-pg-btn[aria-current="page"]{ background:color-mix(in srgb,var(--trd-accent) 22%,transparent);
  color:var(--trd-text);border-color:color-mix(in srgb,var(--trd-accent) 55%,transparent); }
.trd-pg-btn:disabled{ opacity:.4;cursor:default; }
.trd-pg-btn:focus-visible{ outline:2px solid var(--trd-accent);outline-offset:2px; }
.trd-pg-ell{ color:var(--trd-muted);padding:0 2px; }
.trd-pg-count{ font-size:11px;color:var(--trd-muted);margin-left:6px; }

/* ── Zone B′ — PRIOR-DEFINITION RECORD (optional; CN continuity, G5 2026-08-02) ──
   Two records under one heading invite the reader to add them up; era-pooling is
   exactly what this section must not create. Three devices keep them apart:
     1. a DASHED rule — a break in continuity, not a sub-section;
     2. no .trd-card-v numbers. The 26px treatment is the live record's alone; the
        closed book gets prose, which a reader cannot mentally sum the way they
        would sum two number cards;
     3. no accent — the stance colour belongs to the record still accruing. Only
        the per-row excess keeps up/down, because a beat was a beat. */
.trd-prior{ margin-top:22px;padding-top:16px;
  border-top:1px dashed color-mix(in srgb,var(--trd-text) 22%,transparent); }
.trd-prior-hd{ display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 10px;margin-bottom:7px; }
.trd-prior-tag{ font-size:10px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;
  color:var(--trd-muted);border:1px solid var(--trd-line);border-radius:999px;padding:3px 9px; }
.trd-prior-dt{ font-size:11.5px;color:var(--trd-muted);font-variant-numeric:tabular-nums; }
.trd-prior-line{ margin:0 0 10px;font-size:12px;line-height:1.5;color:var(--trd-text);max-width:74ch; }
.trd-prior-line b{ font-weight:700; }
.trd-prior-shut{ color:var(--trd-muted); }
.trd-prior .trd-tbl td{ color:var(--trd-muted); }
.trd-prior .trd-tbl .trd-tk{ color:var(--trd-text); }
.trd-prior-more{ margin:8px 0 0;font-size:10.5px;color:var(--trd-muted); }

/* ── Zone A′ — MEASUREMENT CHANGE (optional; US era break, 2026-08-07) ─────────
   Not the same object as .trd-prior below. That one holds a RETIRED BOARD
   DEFINITION — a different book, with its own rows, which must never be pooled
   with the live one. This holds the SAME trades read two ways, so the design goal
   inverts: invite the comparison, refuse a verdict.
     · no .trd-card-v scale and no up/down ink — the cards above own the headline,
       and colouring a measurement note turns it into a performance claim;
     · the "before" column is MUTED with a hairline rail, never struck through. A
       strikethrough reads as retracted; these numbers were not wrong, they were
       read off a grid that moved. The visual must not contradict the sentence;
     · a solid left rail (not the dashed one) — this is a continuation of one
       record, not a break in it. */
.trd-basis{ margin-top:14px;padding:12px 14px;border:1px solid var(--trd-line);
  border-left:3px solid color-mix(in srgb,var(--trd-muted) 45%,transparent);
  border-radius:10px;background:color-mix(in srgb,var(--trd-muted) 6%,transparent); }
.trd-basis-hd{ font-size:10px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;
  color:var(--trd-muted);margin-bottom:6px; }
.trd-basis-hd .dt{ letter-spacing:0;text-transform:none;font-weight:600;
  font-variant-numeric:tabular-nums;margin-left:7px; }
.trd-basis-line{ margin:0 0 10px;font-size:12px;line-height:1.5;color:var(--trd-text);max-width:74ch; }
.trd-basis-cmp{ display:flex;flex-wrap:wrap;gap:8px 24px; }
.trd-basis-col{ min-width:150px;padding-left:10px;
  border-left:1px solid color-mix(in srgb,var(--trd-muted) 30%,transparent); }
.trd-basis-col-k{ font-size:10.5px;font-weight:700;color:var(--trd-muted);margin-bottom:4px; }
.trd-basis-row{ display:flex;justify-content:space-between;gap:12px;font-size:12.5px;line-height:1.7; }
.trd-basis-row .n{ font-weight:700;font-variant-numeric:tabular-nums; }
.trd-basis-row .w{ color:var(--trd-muted);font-size:11.5px; }
.trd-basis-then{ color:var(--trd-muted); }
.trd-basis-ft{ margin:9px 0 0;font-size:10.5px;line-height:1.45;color:var(--trd-muted);max-width:74ch; }

/* The chip's Tier-2 receipt marker. Sits OUTSIDE the button so a click opens the
   lens popover instead of the dialog, and so the chip's own hit target is unchanged. */
.trd-basis-chip{ display:inline-flex;align-items:center;margin-left:7px;padding:2px 8px;
  border:1px solid var(--trd-line);border-radius:999px;background:transparent;
  font:600 10px/1.5 var(--font-ui,inherit);letter-spacing:.02em;color:var(--trd-muted);
  cursor:help;vertical-align:middle;white-space:nowrap;transition:color .15s,border-color .15s; }
.trd-basis-chip:hover,.trd-basis-chip:focus-visible{ color:var(--trd-text);
  border-color:color-mix(in srgb,var(--trd-text) 26%,var(--trd-line)); }
.trd-basis-chip:focus-visible{ outline:2px solid var(--trd-accent);outline-offset:2px; }

/* Zone C — footer */
.trd-ft{ flex:none;padding:12px 22px;border-top:1px solid color-mix(in srgb,var(--trd-text) 8%,transparent);
  display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;justify-content:space-between;
  background:color-mix(in srgb,var(--trd-panel1) 92%,#05070d); }
[data-theme="light"] .trd-ft{ background:#ffffff;border-top-color:rgba(0,0,0,.07); }
.trd-ft-note{ flex:1;min-width:220px;font-size:10.5px;line-height:1.45;color:var(--trd-muted); }
.trd-ft-link{ font:600 11.5px/1 var(--font-ui,inherit);padding:6px 12px;border-radius:999px;white-space:nowrap;
  border:1px solid var(--trd-brd);background:var(--trd-bg);color:var(--trd-link);text-decoration:none;
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px); }
.trd-ft-link:hover{ border-color:color-mix(in srgb,var(--trd-link) 50%,var(--trd-brd)); }

/* ── mobile: bottom sheet ≤700px ─────────────────────────────────────────────*/
@media (max-width:700px){
  .trd-panel{ left:0;top:auto;bottom:0;transform:none;width:100vw;max-width:100vw;
    max-height:92vh;border-radius:16px 16px 0 0;border-bottom:none; }
  @media (prefers-reduced-motion: no-preference){
    .trd-panel{ transform:translateY(16px);transition:opacity .3s ease,transform .3s cubic-bezier(.22,.9,.26,1); }
    .trd-dlg.trd-in .trd-panel{ transform:translateY(0); }
    .trd-dlg.trd-closing .trd-panel{ transform:translateY(16px); }
  }
  .trd-hd,.trd-body,.trd-ft{ padding-left:16px;padding-right:16px; }
  .trd-title{ font-size:17px; }
}