/* V224 — targeted Payments context split only. */
body.app-payments .payment-scope-switch{
  display:grid;
  grid-template-columns:minmax(260px,.72fr) minmax(520px,1.28fr);
  gap:14px;
  margin:14px 0 18px;
}
body.app-payments .payment-scope-option{
  min-width:0;
  display:grid;
  grid-template-columns:50px minmax(0,1fr) auto;
  align-items:center;
  gap:13px;
  padding:16px;
  border:1px solid #d8e4f5;
  border-radius:20px;
  background:#fff;
  color:#10264d;
  text-decoration:none;
  box-shadow:0 10px 28px rgba(13,44,96,.06);
}
body.app-payments a.payment-scope-option{transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
body.app-payments a.payment-scope-option:hover{transform:translateY(-1px);border-color:#93baff;box-shadow:0 13px 30px rgba(8,119,255,.10)}
body.app-payments .payment-scope-option.is-active{
  border-color:#7daeff;
  background:linear-gradient(135deg,#f4f9ff,#fff);
  box-shadow:0 13px 32px rgba(8,119,255,.11);
}
body.app-payments .payment-scope-icon{
  width:50px;
  height:50px;
  display:grid;
  place-items:center;
  border-radius:16px;
  background:linear-gradient(135deg,#e8f3ff,#fcebf4);
  color:#0877ff;
  font-size:22px;
  font-weight:950;
}
body.app-payments .payment-scope-option>span:nth-child(2){min-width:0}
body.app-payments .payment-scope-option small,
body.app-payments .payment-scope-option b,
body.app-payments .payment-scope-option em{display:block}
body.app-payments .payment-scope-option small{font-size:10px;letter-spacing:.08em;color:#0877ff;font-weight:900}
body.app-payments .payment-scope-option b{margin-top:3px;font-size:15px;color:#0c2145}
body.app-payments .payment-scope-option em{margin-top:3px;font-size:11px;line-height:1.35;color:#6f7f98;font-style:normal}
body.app-payments .payment-scope-option>i{font-style:normal;font-size:25px;color:#0877ff;font-weight:900}
body.app-payments .payment-scope-separate{
  grid-template-columns:50px minmax(180px,.68fr) minmax(300px,1.32fr);
}
body.app-payments .payment-property-switches{
  min-width:0;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(145px,1fr));
  gap:8px;
}
body.app-payments .payment-property-switch{
  min-width:0;
  padding:10px 11px;
  border:1px solid #dbe5f2;
  border-radius:13px;
  background:#f8fbff;
  color:#10264d;
  text-decoration:none;
  transition:border-color .18s ease,background .18s ease,transform .18s ease;
}
body.app-payments .payment-property-switch:hover{transform:translateY(-1px);border-color:#8db8ff;background:#fff}
body.app-payments .payment-property-switch.is-active{border-color:#0877ff;background:#eaf4ff;box-shadow:inset 0 0 0 1px rgba(8,119,255,.08)}
body.app-payments .payment-property-switch b{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.app-payments .payment-property-switch small{display:block;margin-top:3px;font-size:9px;letter-spacing:0;text-transform:none;color:#71819a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.app-payments .payment-ledger-title{margin-top:18px!important}
body.app-payments .payment-page-hero p{max-width:850px}

@media(max-width:1050px){
  body.app-payments .payment-scope-switch{grid-template-columns:1fr}
  body.app-payments .payment-scope-separate{grid-template-columns:50px minmax(180px,.55fr) minmax(300px,1.45fr)}
}
@media(max-width:720px){
  body.app-payments .payment-scope-option,
  body.app-payments .payment-scope-separate{grid-template-columns:44px minmax(0,1fr);align-items:start;padding:14px;border-radius:17px}
  body.app-payments .payment-scope-icon{width:44px;height:44px;border-radius:14px;font-size:19px}
  body.app-payments .payment-scope-option>i{display:none}
  body.app-payments .payment-property-switches{grid-column:1/-1;grid-template-columns:1fr 1fr}
}
@media(max-width:460px){
  body.app-payments .payment-property-switches{grid-template-columns:1fr}
}
