/*
 * Share sheet — inner content only. The backdrop, panel, close button and
 * title come from contact-exchange.css, together with the --cx-* tokens each
 * card sets, so this sheet is in the card's palette without declaring one.
 */
.sh-panel{text-align:center}
.sh-panel .cx-title{text-align:left}

/* The QR is always black on white: a code in brand colours scans worse, and
   on a dark card it would need inverting, which some readers refuse. */
.sh-qr{width:224px;margin:18px auto 0;padding:12px;border-radius:14px;background:#fff}
.sh-qr img{display:block;width:200px;height:200px}
.sh-hint{margin:10px 0 0;color:var(--cx-muted);font-size:13px;line-height:1.45}

.sh-url{display:inline-flex;align-items:center;gap:8px;max-width:100%;margin:14px auto 0;padding:9px 14px;
  border-width:1px;border-style:solid;border-color:var(--cx-line);border-radius:999px;background:var(--cx-field);
  color:var(--cx-fg);font:inherit;font-size:13.5px;font-weight:600;letter-spacing:.01em;cursor:pointer}
.sh-url span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sh-url svg{width:16px;height:16px;flex:0 0 16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;opacity:.75}

.sh-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}
.sh-btn{display:flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:10px 12px;
  border-width:1px;border-style:solid;border-color:var(--cx-line);border-radius:12px;background:var(--cx-field);
  color:var(--cx-fg);font:inherit;font-size:14px;font-weight:600;text-decoration:none;cursor:pointer}
.sh-btn svg{width:18px;height:18px;flex:0 0 18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sh-btn:hover{border-color:var(--cx-fg)}
.sh-primary{grid-column:1 / -1;background:var(--cx-accent);color:var(--cx-accent-ink);border-color:transparent}
.sh-primary:hover{border-color:transparent;filter:brightness(1.06)}

.sh-wallet-h{margin:22px 0 10px;color:var(--cx-muted);font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.sh-wallet{display:grid;gap:10px}
/* Wallet buttons keep the platforms' own look — black pill, white text —
   whatever the card's theme, so people recognise them at a glance. */
.sh-pass{display:flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:10px 16px;
  border-radius:999px;background:#000;color:#fff;font:inherit;font-size:14px;font-weight:600;text-decoration:none;
  border:1px solid rgba(255,255,255,.28)}
.sh-pass svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sh-pass .sh-fill{fill:currentColor;stroke:none}
.sh-pass:hover{background:#1a1a1a}

@media(max-width:359px){.sh-grid{grid-template-columns:1fr}}