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

/* Hero: the Match Agent's invoice card, after the prototype's invoice-match step */
.xp-card{position:relative;max-width:390px;margin:0 auto;background:#fff;border-radius:26px;padding:22px;box-shadow:var(--sh-xl)}
.xp-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}
.xp-logo{height:24px;width:auto}
.xp-kicker{font-size:12px;font-weight:700;color:var(--muted)}
.xp-lbl{font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0 0 10px}
.xp-vendor{display:flex;align-items:center;gap:12px;background:var(--bg-peachtint);border-radius:16px;padding:12px 14px}
.xp-vendor div{flex:1;min-width:0}
.xp-vendor b{display:block;font-size:14.5px;color:var(--ink)}
.xp-vendor span{font-size:12px;color:var(--muted);font-weight:600}
.xp-vendor em{font-style:normal;font-size:11.5px;font-weight:800;color:#047857;background:#D1FAE5;border-radius:99px;padding:4px 9px}
.xp-avatar{width:38px;height:38px;border-radius:50%;flex:none;display:grid;place-items:center;background:var(--grad-warm);color:#fff !important;font-size:13px !important;font-weight:800 !important}
.xp-checks{list-style:none;padding:0;margin:12px 0 0}
.xp-checks li{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--line-2);font-size:13.5px;color:var(--ink);font-weight:600}
.xp-checks em{font-style:normal;font-size:12px;font-weight:800;color:#047857}
.xp-checks em::before{content:"✓ "}
.xp-total{display:flex;justify-content:space-between;align-items:center;margin-top:14px;padding:12px 14px;border-radius:14px;background:var(--grad-warm);color:#fff}
.xp-total span{font-size:13px;font-weight:700}
.xp-amt{font-size:20px;font-weight:800;letter-spacing:-.02em}
.xp-fine{text-align:center;font-size:11.5px;color:var(--muted);margin-top:12px}