/* Scan Receipt card on the existing Receipts page. Prefix `rsp-`. */
#page-receipts .rsp-card{ background:#FBF7F9; border:1px solid #EBDDE5; border-radius:26px;
  overflow:hidden; }
#page-receipts .rsp-img{ display:block; width:100%; max-width:100%; height:auto; }
/* PRE-EXISTING overflow, not from the card above: the action buttons in each
   receipt row sit in a nowrap strip that runs 111px past the screen on a
   phone. Letting the strip wrap fixes it. */
#page-receipts .rs-row{ flex-wrap:wrap; }
#page-receipts .rs-row__act{ flex-wrap:wrap; max-width:100%; min-width:0; }
@media (max-width:620px){
  #page-receipts .rs-row__act{ width:100%; }
  #page-receipts .rs-row__act .rs-btn{ flex:1 1 auto; }
}
#page-receipts .rsp-card{ max-width:100%; }
#page-receipts .rsp-quick{ min-width:0; }
#page-receipts .rsp-q{ max-width:100%; }
#page-receipts .rsp-body{ padding:clamp(18px,3vw,28px); }
#page-receipts .rsp-new{ display:inline-block; font-size:.68rem; font-weight:800;
  padding:5px 13px; border-radius:99px; margin:0 0 10px; background:#fff;
  color:#6E1E4F !important; -webkit-text-fill-color:#6E1E4F !important; }
#page-receipts h2.rsp-h{ font-family:'Playfair Display',Georgia,serif;
  font-size:clamp(1.7rem,3.6vw,2.4rem); font-weight:700; margin:0 0 4px;
  color:#6E1E4F !important; -webkit-text-fill-color:#6E1E4F !important; }
#page-receipts .rsp-s{ font-size:1.02rem; font-style:italic; margin:0 0 14px;
  color:#8C3A6B !important; -webkit-text-fill-color:#8C3A6B !important; }
#page-receipts .rsp-d{ font-size:.92rem; line-height:1.7; margin:0; padding:14px 16px;
  border-radius:14px; background:#F6EAF1;
  color:#5F2247 !important; -webkit-text-fill-color:#5F2247 !important; }
#page-receipts .rsp-quick{ display:flex; gap:8px; flex-wrap:wrap; margin:14px 0 0; }
#page-receipts .rsp-q{ display:inline-flex; align-items:center; gap:7px; padding:10px 15px;
  border-radius:14px; font-size:.82rem; font-weight:800; background:#F6EAF1;
  color:#6E1E4F !important; -webkit-text-fill-color:#6E1E4F !important; }
#page-receipts .rsp-cta{ display:inline-flex; align-items:center; justify-content:center;
  min-height:52px; padding:15px 28px; margin:18px 0 0; border-radius:999px; cursor:pointer;
  font:inherit; font-size:.95rem; font-weight:800; border:0; background:#6E1E4F;
  color:#fff !important; -webkit-text-fill-color:#fff !important; }
#page-receipts .rsp-cta:hover{ background:#5A1741; }
@media (min-width:820px){
  #page-receipts .rsp-card{ display:flex; align-items:stretch; }
  #page-receipts .rsp-img{ width:44%; object-fit:cover; }
  #page-receipts .rsp-body{ flex:1; display:flex; flex-direction:column; justify-content:center; }
}