/* The Sippar wallet chip (wallet-chip.js): the /social/ chip (demos/social-listening/index.html,
   #2046), itself adopted from /enrich/. Same shape and states. Reads the host page's tokens,
   with fallbacks for pages that do not define the social page's extra ones. */
.wchip{margin-left:auto; position:relative}
.wchip-btn{cursor:pointer; display:flex; align-items:center; gap:8px; min-height:44px; padding:0 14px;
  border-radius:999px; border:1px solid var(--border); background:var(--panel); color:var(--ink-2);
  font-family:inherit; font-size:14px; font-weight:600; transition:border-color .18s, color .18s}
.wchip-btn:hover{border-color:var(--copper-line, color-mix(in srgb, var(--copper) 38%, transparent)); color:var(--ink)}
.wchip-btn:focus-visible{outline:none; border-color:var(--copper);
  box-shadow:0 0 0 3px var(--focus-ring, color-mix(in srgb, var(--copper) 50%, transparent))}
.wchip-btn .wglyph{flex:none; color:var(--copper)}
.wchip-btn .wbal{font-variant-numeric:tabular-nums}
.wchip-btn .chev{display:none; transition:transform .18s; color:var(--grey)}
.wchip-btn.has-session .chev{display:block}
.wchip-btn.signed-in .wbal{font-family:ui-monospace,"SF Mono",Menlo,monospace; font-size:13px}
.wchip-btn[aria-expanded="true"] .chev{transform:rotate(180deg)}
.wchip-panel[hidden]{display:none}
.wchip-panel{position:absolute; right:0; top:calc(100% + 8px); z-index:40;
  width:min(300px, calc(100vw - 32px)); padding:14px 16px; text-align:left;
  background:var(--panel); border:1px solid var(--copper-line, color-mix(in srgb, var(--copper) 38%, transparent));
  border-radius:12px; box-shadow:0 12px 32px rgba(8,16,43,.32); font-size:14px; line-height:1.5; color:var(--ink-2)}
.wchip-credit{display:flex; align-items:flex-start; justify-content:space-between; gap:10px}
.wchip-credit b{display:block; color:var(--ink); font-weight:600}
.wchip-credit b.fig{font-family:"JetBrains Mono",ui-monospace,monospace; font-size:19px; color:var(--copper)}
.wchip-who{display:block; margin-top:3px; font-family:"JetBrains Mono",ui-monospace,monospace; font-size:12px; color:var(--grey)}
.wchip-link{flex:none; background:none; border:none; padding:2px 0 0; cursor:pointer; color:var(--copper);
  font-family:inherit; font-size:13px; font-weight:600}
.wchip-link:hover, .wchip-switch:hover{text-decoration:underline}
.wchip-note{margin:10px 0 0; color:var(--grey); font-size:13px}
.wchip-switch{display:block; width:100%; margin-top:12px; padding:10px 0 0; border:0; border-top:1px solid var(--border);
  background:none; text-align:left; cursor:pointer; color:var(--copper); font-family:inherit; font-size:13px; font-weight:600; min-height:44px}
.wchip-link:focus-visible, .wchip-switch:focus-visible{outline:2px solid var(--copper); outline-offset:2px; border-radius:6px}