/* Update 3 Finance presentation only. No approved U1/U2 component replacement. */
.u3-finance-clarity{border-top:1px solid rgba(125,146,136,.20);padding:12px 0 4px;margin-top:10px;display:grid;gap:7px}
.u3-finance-merchant-total{grid-column:1/-1;align-items:start}
.u3-finance-clarity span{font-size:12px;color:var(--muted,#64756e)}
.u3-finance-clarity b{font-size:clamp(16px,2.8vw,21px);font-variant-numeric:tabular-nums}
.u3-finance-clarity small{font-size:11px;color:var(--muted,#64756e)}
.u3-finance-merchant-detail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%;}
.u3-finance-merchant-detail>div{display:flex;flex-direction:column;gap:5px;min-width:0}
.u3-finance-merchant-detail b{overflow-wrap:anywhere}
.u3-finance-no-activity .merchant-trend-bar-v12961>i{height:0!important}
.u3-finance-product-note{margin-top:8px;margin-bottom:10px}
.u3-finance-refund-badge{display:inline-block;font-weight:650;color:var(--accent,#086746);margin-top:4px;font-size:11px}
@media(max-width:420px){.u3-finance-merchant-detail{grid-template-columns:1fr}}


/* 29 Oct U3 QA: merchant summary must be a two-row card, not three competing
   flex siblings. The prior appended reconciliation grid compressed the title,
   amount and currency into overlapping columns on iPad Safari. */
.merchant-detail-v12961 > .merchant-hero-v12961 {
  display:grid;
  grid-template-columns:52px minmax(0,1fr);
  align-items:center;
  column-gap:16px;
  row-gap:14px;
  padding:20px 22px;
  min-width:0;
}
.merchant-hero-v12961 > .merchant-hero-icon-v1261 {
  grid-column:1;
  grid-row:1;
  width:52px;
  height:52px;
}
.merchant-hero-v12961 > div:nth-child(2) {
  grid-column:2;
  grid-row:1;
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:5px;
}
.merchant-hero-v12961 > div:nth-child(2) span {
  font-size:12px;
  line-height:1.35;
}
.merchant-hero-v12961 > div:nth-child(2) b {
  display:block;
  max-width:100%;
  font-size:clamp(23px,3.5vw,30px);
  line-height:1.12;
  overflow-wrap:anywhere;
}
.merchant-hero-v12961 > div:nth-child(2) small {
  line-height:1.4;
}
.merchant-hero-v12961 > .u3-finance-merchant-detail {
  grid-column:1/-1;
  grid-row:2;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  width:100%;
  box-sizing:border-box;
  gap:22px;
  padding:16px 0 0;
  margin:0;
  border-top:1px solid rgba(125,146,136,.24);
  min-width:0;
}
.merchant-hero-v12961 > .u3-finance-merchant-detail > div {
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:6px;
  align-items:flex-start;
}
.merchant-hero-v12961 > .u3-finance-merchant-detail span {
  font-size:12px;
  line-height:1.35;
}
.merchant-hero-v12961 > .u3-finance-merchant-detail b {
  font-size:clamp(18px,2.6vw,23px);
  line-height:1.18;
  max-width:100%;
  overflow-wrap:anywhere;
}
@media(max-width:600px) {
  .merchant-detail-v12961 > .merchant-hero-v12961 {
    padding:18px;
    column-gap:12px;
  }
  .merchant-hero-v12961 > .u3-finance-merchant-detail {
    grid-template-columns:1fr;
    gap:14px;
  }
}