/* ══════════════════════════════════════════════════════════════
   XceedVerify: additions on top of styles.css, talpro.css and
   product.css (all generated in green by tools/build-sites.mjs).
   Put anything XceedVerify-specific here, never in them.
   ══════════════════════════════════════════════════════════════ */

/* Hero: a completed check, as an employer sees it */
.xv-card{position:relative;max-width:380px;margin:0 auto;background:#fff;border-radius:26px;padding:22px;box-shadow:var(--sh-xl)}
.xv-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}
.xv-logo{height:24px;width:auto}
.xv-status{font-size:12px;font-weight:700;color:var(--orange-deep);background:var(--bg-peachtint);border-radius:99px;padding:5px 11px}
.xv-who{display:flex;align-items:center;gap:12px;background:var(--bg-peachtint);border-radius:16px;padding:14px;margin-bottom:14px}
.xv-who b{display:block;font-size:15px;color:var(--ink)}
.xv-lbl{display:block;font-size:12px;font-weight:600;color:var(--muted)}
.xv-avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;flex:none;font-weight:800;font-size:14px;color:#fff;background:var(--grad-warm)}
.xv-checks{list-style:none;margin:0;padding:0}
.xv-checks li{display:flex;justify-content:space-between;align-items:center;padding:12px 4px;border-bottom:1px solid var(--line);font-size:14px;font-weight:600;color:var(--text-2)}
.xv-checks em{font-style:normal;font-size:12.5px;font-weight:700;color:var(--orange-dark)}
.xv-checks em::before{content:"✓ "}
.xv-fine{text-align:center;font-size:11.5px;color:var(--muted);margin-top:12px}