/* Portable vendor evidence-card module. Scoped so both vendor templates can
   include it without inheriting their duplicated legacy button rules. */
.vp-ecard{margin-top:30px;scroll-margin-top:88px}
.vp-ecard .vp-section-h{margin-bottom:8px;flex-wrap:wrap}
.vp-ecard-panel{display:grid;grid-template-columns:minmax(0,500px) minmax(260px,1fr);gap:24px;align-items:center;margin-top:16px;padding:22px}
.vp-ecard-preview{min-width:0;padding:10px;border:1px solid var(--vp-line,#30363d);border-radius:12px;background:#f6f2fb}
.vp-ecard-preview a{display:block;border-radius:10px}
.vp-ecard-preview a:focus-visible{outline:2px solid var(--vp-blue,#f0b544);outline-offset:4px}
.vp-ecard-preview img{display:block;width:100%;height:auto;object-fit:contain;border-radius:10px}
.vp-ecard-tools{min-width:0}
.vp-ecard-state{display:flex;flex-direction:column;gap:4px;margin:0;color:var(--vp-muted,#8b949e);font-size:12px;line-height:1.45}
.vp-ecard-state b{color:var(--vp-bright,#ece7dd);font:700 15px/1.3 var(--vp-sans,system-ui,sans-serif)}
.vp-ecard-state span:first-of-type{font-family:var(--vp-mono,monospace);font-size:10.5px;letter-spacing:.04em;text-transform:uppercase}
.vp-ecard-advisory{display:flex;flex-direction:column;gap:3px;margin:12px 0 0;padding:10px 12px;border:1px solid rgba(240,138,118,.42);border-radius:10px;background:rgba(240,138,118,.08);color:var(--vp-muted,#8b949e);font-size:11px;line-height:1.45}
.vp-ecard-advisory b{color:#f0a08f;font:800 9.5px/1.3 var(--vp-mono,monospace);letter-spacing:.1em;text-transform:uppercase}
.vp-ecard-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:16px}
.vp-ecard-btn,.vp-ecard-link{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:9px 14px;border:1px solid var(--vp-line,#30363d);border-radius:999px;background:transparent;color:var(--vp-bright,#ece7dd);font:700 12px/1.2 var(--vp-sans,system-ui,sans-serif);text-decoration:none;cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease,transform .15s ease}
.vp-ecard-btn:hover,.vp-ecard-link:hover{border-color:rgba(240,181,68,.65);background:rgba(240,181,68,.08);color:var(--vp-blue-hi,#f5c869);transform:translateY(-1px)}
.vp-ecard-btn:focus-visible,.vp-ecard-link:focus-visible{outline:2px solid var(--vp-blue,#f0b544);outline-offset:2px}
.vp-ecard-btn.primary{border-color:rgba(240,181,68,.72);background:rgba(240,181,68,.11);color:var(--vp-blue-hi,#f5c869)}
.vp-ecard-vendor{margin-top:17px;padding-top:14px;border-top:1px solid var(--vp-line,#30363d)}
.vp-ecard-vendor-label{display:block;margin-bottom:7px;color:var(--vp-faint,#5d6571);font:700 9.5px/1.3 var(--vp-mono,monospace);letter-spacing:.13em;text-transform:uppercase}
.vp-ecard-vendor p{margin:8px 0 0;color:var(--vp-muted,#8b949e);font-size:11.5px;line-height:1.5}
.vp-ecard-note{margin:15px 0 0;color:var(--vp-faint,#5d6571);font:650 10px/1.5 var(--vp-mono,monospace);letter-spacing:.06em;text-transform:uppercase}
.vp-ecard-toast{display:block;min-height:18px;margin-top:6px;color:var(--vp-blue-hi,#f5c869);font-size:11px}

.vp-ecard-dialog{width:min(920px,calc(100vw - 28px));max-height:calc(100vh - 28px);padding:0;border:1px solid #3a3347;border-radius:18px;background:#101014;color:#ece7dd;box-shadow:0 30px 100px rgba(0,0,0,.68);overflow:auto}
.vp-ecard-dialog::backdrop{background:rgba(3,4,7,.82);backdrop-filter:blur(4px)}
.vp-ecard-dialog-shell{position:relative;padding:26px}
.vp-ecard-dialog-close{position:absolute;right:15px;top:15px;display:grid;place-items:center;width:40px;height:40px;border:1px solid #3a3347;border-radius:50%;background:#17151d;color:#ddd5e9;font-size:22px;cursor:pointer}
.vp-ecard-dialog-close:focus-visible{outline:2px solid #f0b544;outline-offset:2px}
.vp-ecard-dialog-grid{display:grid;grid-template-columns:minmax(300px,420px) minmax(280px,1fr);gap:28px;align-items:start}
.vp-ecard-full-preview{padding:8px;border:1px solid #3a3347;border-radius:16px;background:#f6f2fb}
.vp-ecard-full-preview img{display:block;width:100%;height:auto;border-radius:11px}
.vp-ecard-dialog-copy{padding:14px 4px 0}
.vp-ecard-dialog-copy .eyebrow{margin:0 0 8px;color:#9389a3;font:700 10px/1.3 var(--vp-mono,monospace);letter-spacing:.14em;text-transform:uppercase}
.vp-ecard-dialog-copy h3{margin:0;padding-right:38px;color:#fffaf1;font:700 clamp(1.65rem,4vw,2.2rem)/1.05 var(--vp-serif,Georgia,serif)}
.vp-ecard-dialog-copy>p{margin:12px 0 0;color:#bbb2c7;font-size:13px;line-height:1.6}
.vp-ecard-options{margin:22px 0 0;padding:0;border:0}
.vp-ecard-options legend{margin-bottom:8px;color:#f0eaf8;font-size:12px;font-weight:750}
.vp-ecard-option-row{display:flex;flex-wrap:wrap;gap:8px}
.vp-ecard-option{position:relative}
.vp-ecard-option input{position:absolute;opacity:0;pointer-events:none}
.vp-ecard-option span{display:inline-flex;align-items:center;min-height:40px;padding:8px 13px;border:1px solid #443a55;border-radius:999px;color:#bbb2c7;font-size:12px;font-weight:700;cursor:pointer}
.vp-ecard-option input:checked+span{border-color:#b49af3;background:#2a2240;color:#fff}
.vp-ecard-option input:focus-visible+span{outline:2px solid #f0b544;outline-offset:2px}
.vp-ecard-code-label{display:block;margin:18px 0 7px;color:#f0eaf8;font-size:12px;font-weight:750}
.vp-ecard-code{display:block;width:100%;min-height:130px;resize:vertical;padding:12px;border:1px solid #443a55;border-radius:10px;background:#0a090d;color:#cfc5dc;font:10.5px/1.55 var(--vp-mono,monospace)}
.vp-ecard-code:focus{outline:2px solid #b49af3;outline-offset:1px}
.vp-ecard-dialog-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:12px}
.vp-ecard-dialog .vp-ecard-btn,.vp-ecard-dialog .vp-ecard-link{color:#f4eefb;border-color:#514561}
.vp-ecard-dialog .vp-ecard-btn.primary{color:#1a1422;background:#b49af3;border-color:#b49af3}
.vp-ecard-dialog .vp-ecard-btn.primary:hover{background:#cab9f7;color:#120e18}
.vp-ecard-install-note{margin:12px 0 0;color:#8f8798;font-size:10.5px;line-height:1.55}
.vp-ecard-hidden-code{display:none}

@media(max-width:860px){
  .vp-ecard-panel{grid-template-columns:1fr}
  .vp-ecard-dialog-grid{grid-template-columns:1fr;padding-top:46px}
  .vp-ecard-full-preview{width:min(420px,100%);margin:0 auto}
}
@media(max-width:520px){
  .vp-ecard .vp-section-h{display:flex;flex-direction:column;align-items:flex-start;gap:5px}
  .vp-ecard-panel{padding:15px;gap:18px}
  .vp-ecard-preview{padding:7px}
  .vp-ecard-actions{display:grid;grid-template-columns:1fr}
  .vp-ecard-btn,.vp-ecard-link{width:100%;min-height:44px}
  .vp-ecard-dialog-shell{padding:18px 14px 22px}
  .vp-ecard-dialog-grid{gap:15px}
  .vp-ecard-dialog-copy{padding-top:6px}
  .vp-ecard-dialog-copy h3{font-size:1.55rem}
  .vp-ecard-dialog-actions{display:grid;grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){.vp-ecard-btn,.vp-ecard-link{transition:none}}