/* ══════════════════════════════════════════════════════════════════════════
   First Light PRO — Pre-OTC Check card styles (SHARED by pro.html + otc.html).
   Colour vars are inherited from body.pro-premium on the /pro hub; the standalone
   share page (otc.html) defines the same vars on :root so the card is identical.
   ══════════════════════════════════════════════════════════════════════════ */
.otc-card{
  --otc-clean:#2fe38a; --otc-notable:#ffbf6b; --otc-caution:#ff6d6d;
  font-family:var(--font-ui,-apple-system,'Inter','Segoe UI',system-ui,sans-serif);
  color:var(--txt,#e9f5ef);
  max-width:720px;
}
.otc-card .mono{font-family:var(--font-mono,'IBM Plex Mono',ui-monospace,Menlo,Consolas,monospace)}
.otc-card a{color:var(--gsoft,#5cf0a4); text-decoration:none}
.otc-card a:hover{color:var(--g,#33ff66)}

/* verdict band */
.otc-band{border:1px solid var(--line2,#2a4c3c); border-radius:12px; padding:14px 16px; margin:0 0 14px;
  background:var(--panel,#0c1c16)}
.otc-band-top{display:flex; justify-content:space-between; align-items:center; margin-bottom:8px}
.otc-cp{font-size:12px; color:var(--mut,#89ac9b); letter-spacing:.04em}
.otc-verdict{display:flex; align-items:baseline; gap:10px; flex-wrap:wrap}
.otc-glyph{font-size:26px; line-height:1}
.otc-word{font-size:20px; font-weight:800; letter-spacing:.08em}
.otc-recap{font-size:13px; color:var(--txt2,#b6d3c5)}
.otc-explain{margin-top:8px; font-size:11px; color:var(--mut,#89ac9b)}
.otc-clean{border-color:rgba(47,227,138,.5)}
.otc-clean .otc-glyph,.otc-clean .otc-word{color:var(--otc-clean)}
.otc-clean{box-shadow:inset 0 0 0 1px rgba(47,227,138,.12)}
.otc-notable{border-color:rgba(255,191,107,.55)}
.otc-notable .otc-glyph,.otc-notable .otc-word{color:var(--otc-notable)}
.otc-caution{border-color:rgba(255,109,109,.6)}
.otc-caution .otc-glyph,.otc-caution .otc-word{color:var(--otc-caution)}

/* fact rows */
.otc-rows{border:1px solid var(--line,#1e3a2e); border-radius:10px; overflow:hidden; background:var(--panel3,#0a1712)}
.otc-row{display:grid; grid-template-columns:120px 1fr auto; gap:10px; align-items:start;
  padding:9px 14px; border-top:1px solid var(--line-soft,#16302680); font-size:13px}
.otc-row:first-child{border-top:none}
.otc-rlabel{color:var(--mut,#89ac9b); font-size:11px; text-transform:uppercase; letter-spacing:.06em; padding-top:2px}
.otc-rfact{color:var(--txt,#e9f5ef)}
.otc-rg{display:inline-block; min-width:1em}
.otc-rsrc{color:var(--mut,#89ac9b); font-size:10px; text-align:right; max-width:190px; padding-top:2px}
.otc-dim{color:var(--mut,#89ac9b)}
.otc-ok{color:var(--otc-clean)}
.otc-bad{color:var(--otc-caution)}
.otc-chip{display:inline-block; padding:1px 7px; border:1px solid var(--line2,#2a4c3c); border-radius:999px;
  font-size:10px; color:var(--txt2,#b6d3c5); letter-spacing:.04em}
.otc-flag{display:inline-block; padding:1px 7px; border-radius:6px; font-size:11px; margin:1px 0;
  border:1px solid var(--line2,#2a4c3c); color:var(--txt2)}
.otc-flag em{font-style:normal; opacity:.8}
.otc-sev-low{border-color:rgba(255,191,107,.5); color:var(--otc-notable)}
.otc-sev-medium{border-color:rgba(255,150,90,.6); color:#ff9a5a}
.otc-sev-high{border-color:rgba(255,109,109,.6); color:var(--otc-caution)}
.otc-sev-info{color:var(--mut)}

/* incoming coins (selectable) */
.otc-inc{margin-top:14px; border:1px solid var(--line,#1e3a2e); border-radius:10px; background:var(--panel3,#0a1712); overflow:hidden}
.otc-inc-h{padding:10px 14px 6px; font-size:11px; letter-spacing:.1em; text-transform:uppercase; color:var(--txt2,#b6d3c5)}
.otc-inc-hd,.otc-coin{display:grid; grid-template-columns:130px 90px 1fr 1fr; gap:8px; align-items:center;
  padding:7px 14px; font-size:12px}
.otc-inc-hd{color:var(--mut,#89ac9b); font-size:10px; text-transform:uppercase; letter-spacing:.06em;
  border-top:1px solid var(--line-soft,#16302680); border-bottom:1px solid var(--line-soft,#16302680)}
.otc-coin{border-top:1px solid var(--line-soft,#16302680); cursor:pointer; position:relative}
.otc-coin:hover{background:var(--panel2,#102821)}
.otc-coin.open{background:var(--panel2,#102821)}
.otc-coin-amt{color:var(--a,#ffb454)}
.otc-coin-date{color:var(--mut,#89ac9b)}
.otc-coin-right{text-align:right}
.otc-coin-pool{color:var(--g2,#2fe38a)}
.otc-coin-xfer{color:var(--slate,#8fa6bb)}
.otc-vg{font-weight:700}
.otc-coin-detail{grid-column:1 / -1; margin-top:6px; padding:8px 10px; border-left:2px solid var(--line2,#2a4c3c);
  background:var(--panel,#0c1c16); border-radius:0 6px 6px 0; font-size:12px; color:var(--txt2,#b6d3c5)}
.otc-cd-sub{color:var(--mut,#89ac9b); font-size:11px; margin-bottom:3px}
.otc-cd-line{color:var(--txt,#e9f5ef)}
.otc-inc-note,.otc-framing{padding:9px 14px; font-size:11px; color:var(--mut,#89ac9b); line-height:1.5}
.otc-framing{margin-top:12px; border:1px dashed var(--line2,#2a4c3c); border-radius:8px; color:var(--txt2,#b6d3c5)}

/* share */
.otc-share{margin-top:12px; font-size:12px}
.otc-sharebtn{font-family:var(--font-mono,monospace); font-size:12px; padding:7px 14px; cursor:pointer;
  background:var(--panel2,#102821); color:var(--gsoft,#5cf0a4); border:1px solid var(--line2,#2a4c3c); border-radius:8px}
.otc-sharebtn:hover{color:var(--g,#33ff66); border-color:var(--g2,#2fe38a)}
.otc-share-hint{color:var(--mut,#89ac9b); margin-left:8px}
.otc-frozen{color:var(--mut,#89ac9b); border-top:1px solid var(--line-soft,#16302680); padding-top:10px}
.otc-empty{padding:24px; color:var(--mut,#89ac9b); text-align:center}

/* Origin two-step flow — wallet header + recency window filter */
.otc-oh{border:1px solid var(--line2,#2a4c3c); border-radius:12px; padding:14px 16px; margin:0 0 14px; background:var(--panel,#0c1c16)}
.otc-oh-lab{font-size:12px; color:var(--mut,#89ac9b); letter-spacing:.04em}
.otc-oh-figs{display:flex; flex-wrap:wrap; gap:18px; margin:10px 0 8px}
.otc-oh-fig{display:flex; flex-direction:column}
.otc-oh-fig i{font-style:normal; font-size:10px; text-transform:uppercase; letter-spacing:.06em; color:var(--mut,#89ac9b)}
.otc-oh-fig b{font-family:var(--font-mono,monospace); font-size:15px; color:var(--txt,#e9f5ef); margin-top:2px}
.otc-oh-note{font-size:11px; color:var(--mut,#89ac9b); line-height:1.5}
.otc-winbar{display:flex; align-items:center; gap:6px; padding:8px 14px 4px; font-size:12px; flex-wrap:wrap}
.otc-win{font-family:var(--font-mono,monospace); font-size:11px; padding:4px 11px; cursor:pointer; border-radius:999px;
  background:transparent; color:var(--txt2,#b6d3c5); border:1px solid var(--line2,#2a4c3c)}
.otc-win:hover{color:var(--txt,#e9f5ef); border-color:var(--g2,#2fe38a)}
.otc-win.on{background:rgba(47,227,138,.12); color:var(--g2,#2fe38a); border-color:var(--g2,#2fe38a)}
.otc-inc-empty{padding:18px 14px; color:var(--mut,#89ac9b); font-size:12px}

/* per-coin provenance card (the LOCKED select-a-coin view) */
.otc-cc-sum{font-size:13px; color:var(--txt,#e9f5ef); margin:2px 0 8px; font-weight:600}
.otc-cc-h{font-size:10px; letter-spacing:.08em; text-transform:uppercase; color:var(--mut,#89ac9b); margin:10px 0 3px}
.otc-cc-h .otc-dim{text-transform:none; letter-spacing:0}
.otc-cc-sel,.otc-cc-line{font-size:12px; color:var(--txt2,#b6d3c5)}
.otc-hop{display:flex; flex-direction:column; gap:1px; margin:2px 0}
.otc-node{font-size:12px; color:var(--txt,#e9f5ef)}
.otc-role{font-size:10px; color:var(--mut,#89ac9b); border:1px solid var(--line2,#2a4c3c); border-radius:999px; padding:0 6px; margin-left:4px}
.otc-arrow{font-size:11px; color:var(--a,#ffb454); padding:1px 0 1px 10px; font-family:var(--font-mono,monospace)}
.otc-root-line{font-size:12px; color:var(--txt2,#b6d3c5); padding:2px 0}
.otc-cc-fan{font-size:12px; color:var(--txt,#e9f5ef); margin:2px 0}
.otc-expand{margin-top:4px; font-family:var(--font-mono,monospace); font-size:11px; padding:3px 9px; cursor:pointer;
  background:transparent; color:var(--gsoft,#5cf0a4); border:1px solid var(--line2,#2a4c3c); border-radius:6px}
.otc-expand:hover{border-color:var(--g2,#2fe38a)}
.otc-cc-roots{margin-top:6px; padding-left:8px; border-left:2px solid var(--line2,#2a4c3c)}
.otc-cc-verdict{margin-top:10px; font-size:12px; color:var(--g2,#2fe38a); font-weight:600}
.otc-cc-foot{margin-top:8px; font-size:10px; color:var(--mut,#89ac9b)}
.otc-cc-actions{margin-top:8px; display:flex; gap:8px}
.otc-copy{font-family:var(--font-mono,monospace); font-size:11px; padding:4px 10px; cursor:pointer;
  background:var(--panel2,#102821); color:var(--gsoft,#5cf0a4); border:1px solid var(--line2,#2a4c3c); border-radius:6px}
.otc-copy:hover{color:var(--g,#33ff66); border-color:var(--g2,#2fe38a)}

@media (max-width:640px){
  .otc-row{grid-template-columns:1fr; gap:2px}
  .otc-rsrc{text-align:left; max-width:none}
  .otc-inc-hd{display:none}
  .otc-coin{grid-template-columns:1fr 1fr}
  .otc-coin-tx,.otc-coin-right{grid-column:span 1}
}

/* ── custom recency range (from/to date picker) ── */
.otc-winrange{display:flex; align-items:center; gap:10px; padding:2px 14px 8px; font-size:11px; color:var(--mut,#89ac9b); flex-wrap:wrap}
.otc-winrange label{display:flex; align-items:center; gap:5px}
.otc-winrange input[type=date]{font-family:var(--font-mono,monospace); font-size:11px; padding:3px 6px; border-radius:6px;
  background:var(--panel3,#0a1712); color:var(--txt,#e9f5ef); border:1px solid var(--line2,#2a4c3c); color-scheme:dark}
.otc-winapply{font-family:var(--font-mono,monospace); font-size:11px; padding:4px 12px; cursor:pointer; border-radius:999px;
  background:rgba(47,227,138,.12); color:var(--g2,#2fe38a); border:1px solid var(--g2,#2fe38a)}
.otc-winapply:hover{color:var(--g,#33ff66)}

/* ── wallet-to-wallet card action links ── */
a.otc-copy{text-decoration:none; display:inline-block}

/* ── shared: graph transaction-TYPE filter bar (used on the pro lens stage) ── */
.gtypebar{display:flex; align-items:center; gap:7px; flex-wrap:wrap; margin:6px 0 2px; font-size:12px;
  font-family:var(--font-ui,-apple-system,'Inter','Segoe UI',system-ui,sans-serif); color:var(--txt2,#b6d3c5)}
.gtypebar .gt-lbl{color:var(--mut,#89ac9b); font-size:11px; letter-spacing:.04em; text-transform:uppercase}
.gtypechip{font-family:var(--font-mono,monospace); font-size:11px; padding:4px 11px; cursor:pointer; border-radius:999px;
  background:transparent; color:var(--mut,#89ac9b); border:1px solid var(--line2,#2a4c3c); user-select:none}
.gtypechip:hover{color:var(--txt,#e9f5ef); border-color:var(--g2,#2fe38a)}
.gtypechip.on{background:rgba(47,227,138,.12); color:var(--g2,#2fe38a); border-color:var(--g2,#2fe38a)}
.gtypechip .cnt{opacity:.65; margin-left:4px}
.gtypebar .gt-note{color:var(--mut,#89ac9b); font-size:10.5px}

/* ── wallet-to-wallet MODAL overlay (opens over any lens/view) ── */
.w2w-overlay{position:fixed; inset:0; z-index:9000; display:flex; align-items:flex-start; justify-content:center;
  background:rgba(3,10,7,.72); backdrop-filter:blur(2px); padding:40px 16px; overflow-y:auto}
.w2w-overlay[hidden]{display:none}
.w2w-modal{position:relative; width:100%; max-width:640px; background:var(--panel,#0c1c16);
  border:1px solid var(--line2,#2a4c3c); border-radius:14px; padding:16px 16px 14px;
  box-shadow:0 24px 60px rgba(0,0,0,.5)}
.w2w-close{position:absolute; top:8px; right:10px; z-index:2; font-family:var(--font-mono,monospace); font-size:14px;
  width:28px; height:28px; cursor:pointer; border-radius:8px; background:var(--panel2,#102821);
  color:var(--txt2,#b6d3c5); border:1px solid var(--line2,#2a4c3c)}
.w2w-close:hover{color:var(--g,#33ff66); border-color:var(--g2,#2fe38a)}
.w2w-loading{padding:26px; text-align:center; color:var(--mut,#89ac9b); font-size:13px}