/* ============================================================
   Hive USDC wallet-pay modal — shared QR-first checkout
   Used by: /bazaar/, /vault/sample-medical/, /vault/sample-sec-gov/
   USDC on Base 8453. Same modal markup + behavior site-wide.
============================================================ */

.wpm-overlay{position:fixed;inset:0;background:rgba(10,13,18,.82);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:9999;display:flex;align-items:flex-start;justify-content:center;padding:24px;overflow-y:auto}
.wpm-overlay[hidden]{display:none}
.wpm-card{position:relative;width:min(580px,100%);background:#262624;border:1.5px solid rgba(156,124,46,.55);border-radius:16px;padding:30px 28px 24px;box-shadow:0 0 0 1px rgba(156,124,46,.18) inset, 0 0 32px rgba(156,124,46,.20), 0 24px 60px rgba(0,0,0,.6);margin:auto 0;color:#FBFAF6}
.wpm-close{position:absolute;top:12px;right:14px;background:transparent;border:0;color:#9AA0A6;font-size:24px;line-height:1;cursor:pointer;padding:6px 10px;border-radius:6px;transition:color .15s, background .15s}
.wpm-close:hover{color:#FBFAF6;background:rgba(255,255,255,.05)}
.wpm-eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:'JetBrains Mono',ui-monospace,Menlo,monospace;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#9C7C2E;margin-bottom:12px;font-weight:700}
.wpm-eyebrow .dot{width:7px;height:7px;border-radius:50%;background:#7FD89E;display:inline-block;box-shadow:0 0 8px rgba(127,216,158,.6)}
.wpm-title{font-size:24px;font-weight:700;color:#FBFAF6;margin:0 0 4px;letter-spacing:-.015em;line-height:1.2}
.wpm-amt-inline{color:#C9A24A;font-family:'JetBrains Mono',ui-monospace,Menlo,monospace;font-weight:800}
.wpm-sub{font-size:13.5px;color:#9AA0A6;margin:0 0 18px;line-height:1.45}

/* ─── Rail tabs (v2 multi-rail) ─────────────────────────── */
.wpm-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:0 0 20px;padding:5px;background:rgba(255,255,255,.025);border:1px solid rgba(156,124,46,.18);border-radius:11px}
.wpm-tab{display:flex;flex-direction:column;align-items:center;gap:3px;padding:9px 8px;background:transparent;border:1px solid transparent;border-radius:7px;cursor:pointer;font-family:inherit;color:#9AA0A6;transition:background .18s, border-color .18s, color .18s;text-align:center;min-width:0}
.wpm-tab:hover{color:#C9CED4;background:rgba(255,255,255,.025)}
.wpm-tab.is-active{background:linear-gradient(135deg,rgba(156,124,46,.22) 0%,rgba(255,138,0,.16) 100%);border-color:rgba(201,162,74,.55);color:#FBFAF6;box-shadow:0 0 0 1px rgba(201,162,74,.22) inset, 0 2px 12px rgba(156,124,46,.18)}
.wpm-tab-label{font-size:12.5px;font-weight:700;letter-spacing:-.005em}
.wpm-tab-sub{font-family:'JetBrains Mono',ui-monospace,Menlo,monospace;font-size:9.5px;letter-spacing:.06em;opacity:.78;font-weight:500}
.wpm-tab.is-active .wpm-tab-sub{color:#C9A24A;opacity:1}

/* ─── Card panel: Coinbase Onramp ──────────────────────── */
.wpm-card-desc{font-size:12.5px;color:#C9CED4;line-height:1.5;margin:0 0 16px;text-align:center;max-width:420px;margin-left:auto;margin-right:auto}
.wpm-onramp-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px 20px;background:linear-gradient(135deg,#9C7C2E 0%,#FF8A00 100%);color:#262624;border-radius:11px;text-decoration:none;font-weight:800;border:1.5px solid rgba(255,224,138,.5);transition:transform .15s, box-shadow .15s, filter .15s;box-shadow:0 4px 16px rgba(156,124,46,.32), 0 0 0 1px rgba(255,224,138,.18) inset;text-align:center}
.wpm-onramp-btn:hover{transform:translateY(-1px);text-decoration:none;color:#262624;box-shadow:0 6px 22px rgba(156,124,46,.45), 0 0 0 1px rgba(255,224,138,.32) inset;filter:brightness(1.05)}
.wpm-onramp-main{font-size:15px;font-weight:800;letter-spacing:-.005em}
.wpm-onramp-sub{font-size:11.5px;font-weight:600;opacity:.78}
.wpm-onramp-meta{display:flex;flex-direction:column;gap:6px;margin-top:14px;padding-top:14px;border-top:1px dashed rgba(201,162,74,.22)}
.wpm-onramp-meta > div{display:flex;justify-content:space-between;gap:12px;font-size:11.5px}
.wpm-meta-k{font-family:'JetBrains Mono',ui-monospace,Menlo,monospace;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:#9AA0A6;font-weight:600}
.wpm-meta-v{color:#C9CED4;font-weight:500;text-align:right}
.wpm-meta-v.mono{font-family:'JetBrains Mono',ui-monospace,Menlo,monospace;font-size:10.5px;color:#C9A24A}
.wpm-card-postpay{font-size:12px;color:#9AA0A6;line-height:1.55;margin:0;padding:12px 14px;background:rgba(127,216,158,.05);border:1px solid rgba(127,216,158,.18);border-radius:8px}

.wpm-section{margin-bottom:20px}
.wpm-step-label{display:flex;align-items:center;gap:10px;font-family:'JetBrains Mono',ui-monospace,Menlo,monospace;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#C9CED4;margin-bottom:12px;font-weight:700}
.wpm-step-num{width:22px;height:22px;border-radius:50%;background:rgba(201,162,74,.18);color:#C9A24A;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;border:1px solid rgba(201,162,74,.45)}
.wpm-section-primary{padding:18px;background:rgba(201,162,74,.04);border:1px solid rgba(201,162,74,.22);border-radius:12px}
.wpm-qr-wrap{display:flex;flex-direction:column;align-items:center;gap:14px}
.wpm-qr{width:200px;height:200px;background:#FBFAF6;padding:12px;border-radius:10px;box-shadow:0 0 0 1px rgba(201,162,74,.35), 0 6px 20px rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center}
.wpm-qr img, .wpm-qr canvas{display:block;width:100%;height:100%}
.wpm-qr-hint{font-size:11.5px;color:#9AA0A6;text-align:center;line-height:1.45;max-width:380px}
.wpm-chips{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.wpm-chip{display:flex;flex-direction:column;align-items:flex-start;gap:4px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.08);border-radius:9px;padding:10px 12px;text-align:left;cursor:pointer;font-family:inherit;transition:border-color .15s, background .15s;position:relative;min-width:0}
.wpm-chip:hover{border-color:rgba(201,162,74,.55);background:rgba(201,162,74,.06)}
.wpm-chip-label{font-family:'JetBrains Mono',ui-monospace,Menlo,monospace;font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:#9AA0A6;font-weight:600}
.wpm-chip-val{color:#FBFAF6;font-size:12px;word-break:break-all;width:100%;line-height:1.35}
.wpm-chip-val.mono{font-family:'JetBrains Mono',ui-monospace,Menlo,monospace;font-size:11px;color:#C9CED4}
.wpm-chip-cta{position:absolute;top:9px;right:10px;font-family:'JetBrains Mono',ui-monospace,Menlo,monospace;font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:#C9A24A;font-weight:700;opacity:.85;transition:opacity .15s, color .15s}
.wpm-chip:hover .wpm-chip-cta{opacity:1;color:#F5D67A}
.wpm-chip.is-copied{border-color:rgba(127,216,158,.6);background:rgba(127,216,158,.06)}
.wpm-chip.is-copied .wpm-chip-cta{color:#7FD89E;opacity:1}
.wpm-section-confirm{margin-bottom:14px}
.wpm-confirm-btn{display:flex;flex-direction:column;gap:4px;padding:13px 16px;background:#C9A24A;color:#262624;border-radius:10px;text-decoration:none;font-weight:700;border:1.5px solid #C9A24A;transition:background .15s, border-color .15s}
.wpm-confirm-btn:hover{background:#F5D67A;border-color:#F5D67A;text-decoration:none;color:#262624}
.wpm-confirm-main{font-size:14px;font-weight:800}
.wpm-confirm-sub{font-size:11.5px;font-weight:500;opacity:.78}
.wpm-advanced{margin-top:14px;padding-top:14px;border-top:1px solid rgba(156,124,46,.16)}
.wpm-advanced summary{cursor:pointer;font-family:'JetBrains Mono',ui-monospace,Menlo,monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#9AA0A6;font-weight:600;list-style:none;padding:4px 0;user-select:none}
.wpm-advanced summary::-webkit-details-marker{display:none}
.wpm-advanced summary::before{content:'+ ';color:#C9A24A;font-weight:800}
.wpm-advanced[open] summary::before{content:'− '}
.wpm-advanced summary:hover{color:#C9CED4}
.wpm-advanced-body{display:flex;flex-direction:column;gap:10px;margin-top:12px}
.wpm-adv-btn{padding:10px 14px;border-radius:8px;font-size:12.5px;font-weight:600;text-align:center;text-decoration:none;border:1px solid rgba(201,162,74,.35);background:transparent;color:#C9A24A;transition:background .15s, border-color .15s}
.wpm-adv-btn:hover{background:rgba(201,162,74,.08);border-color:#C9A24A;color:#F5D67A;text-decoration:none}
.wpm-adv-note{font-size:11px;color:#9AA0A6;line-height:1.5;margin:0;padding:0 2px}
.wpm-adv-note code{background:rgba(255,255,255,.06);padding:1px 5px;border-radius:3px;font-family:'JetBrains Mono',ui-monospace,Menlo,monospace;font-size:10.5px;color:#C9CED4}
.wpm-adv-btn-fiat{border-style:dashed}
@media (max-width:560px){
  .wpm-card{padding:24px 18px 20px}
  .wpm-title{font-size:22px}
  .wpm-section-primary{padding:14px}
  .wpm-qr{width:180px;height:180px;padding:10px}
  .wpm-chips{grid-template-columns:1fr}
  .wpm-chip-val.mono{font-size:10.5px}
  .wpm-tabs{grid-template-columns:1fr;gap:4px}
  .wpm-tab{flex-direction:row;justify-content:space-between;padding:10px 12px}
  .wpm-tab-sub{font-size:10px}
  .wpm-onramp-main{font-size:14px}
}
body.print-mode .wpm-overlay,.wpm-overlay[hidden]{display:none}
@media print{.wpm-overlay{display:none !important}}