/* Round 3: credit Wallet action redesign. UI only: preserves all existing callbacks.
   Scoped to native credit card surfaces, not debit/prepaid or transaction builders. */
#u2w-root .u2r3-credit-redesign{
  display:grid!important;gap:10px!important;margin:2px 0 8px!important;
}
#u2w-root .u2r3-credit-redesign button{
  -webkit-tap-highlight-color:transparent;touch-action:manipulation;
  transition:transform .16s ease,background-color .18s ease,border-color .18s ease,box-shadow .18s ease;
}
#u2w-root .u2r3-credit-redesign button:active{transform:scale(.988)}
#u2w-root .u2r3-credit-redesign button:focus-visible,
#modal-root .u2native-action:focus-visible{outline:3px solid #13966b!important;outline-offset:3px!important}
/* One primary financial action; shallower than old oversized tile. */
#u2w-root .u2r3-credit-redesign .u2w-credit-pay{
  min-height:66px!important;gap:12px!important;padding:11px 15px!important;
  border-radius:17px!important;background:#064e3b!important;color:#fff!important;
  box-shadow:0 8px 18px rgba(6,78,59,.13)!important;border:1px solid rgba(4,65,48,.24)!important;
}
#u2w-root .u2r3-credit-redesign .u2w-credit-pay-icon{
  flex:0 0 36px!important;width:36px!important;height:36px!important;
  border-radius:12px!important;background:rgba(255,255,255,.13)!important;font-size:22px!important;
}
#u2w-root .u2r3-credit-redesign .u2w-credit-pay-copy strong{font-size:15px!important;letter-spacing:-.018em!important}
#u2w-root .u2r3-credit-redesign .u2w-credit-pay-copy small{font-size:11px!important;color:rgba(255,255,255,.75)!important}
#u2w-root .u2r3-credit-redesign .u2w-credit-pay-arrow{font-size:25px!important}
/* Secondary features: clean frosted-glass cards with only icon accent. */
#u2w-root .u2r3-credit-redesign .u2w-credit-primary-tools,
#u2w-root .u2r3-credit-redesign .u2w-credit-utility-tools{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;min-width:0}
#u2w-root .u2r3-credit-redesign .u2w-credit-primary-tools>button{
  min-width:0!important;min-height:62px!important;gap:10px!important;padding:12px!important;
  border:1px solid rgba(15,89,61,.14)!important;border-radius:16px!important;
  background:rgba(255,255,255,.78)!important;color:#164b3a!important;
  font-size:12px!important;line-height:1.28!important;font-weight:670!important;
  box-shadow:0 4px 13px rgba(17,60,44,.035)!important;
}
#u2w-root .u2r3-credit-redesign .u2w-credit-primary-tools>button>.u2w-tool-icon{
  display:grid!important;place-items:center!important;flex:0 0 34px!important;
  width:34px!important;height:34px!important;border-radius:11px!important;
  background:#e6f3ec!important;color:#08694e!important;font-size:19px!important;
}
#u2w-root .u2r3-credit-redesign .u2w-credit-primary-tools>button>span:nth-child(2){flex:1!important;min-width:0!important;overflow-wrap:normal}
#u2w-root .u2r3-credit-redesign .u2w-credit-primary-tools>button>span:last-child{flex:0 0 auto!important;color:#638777!important;font-size:20px!important;opacity:.7!important}
/* Tertiary edit/details actions are compact, neutral, and equal. */
#u2w-root .u2r3-credit-redesign .u2w-credit-utility-tools>button{
  min-height:43px!important;padding:10px 12px!important;gap:9px!important;
  border-radius:13px!important;border:1px solid rgba(15,89,61,.14)!important;
  background:rgba(248,251,248,.68)!important;color:#345f50!important;
  font-size:12px!important;font-weight:630!important;box-shadow:none!important;
}
#u2w-root .u2r3-credit-redesign .u2w-credit-utility-tools>button span:first-child{font-size:17px!important;color:#287b61!important}
#u2w-root .u2r3-credit-redesign .u2w-credit-primary-tools>button:hover,
#u2w-root .u2r3-credit-redesign .u2w-credit-utility-tools>button:hover{border-color:rgba(14,126,89,.34)!important;background:rgba(235,247,240,.92)!important}
/* Card details and statement panels: grouped, readable actions rather than
   identical full-width green blocks. No payment/reconciliation logic changes. */
#modal-root .u2native-credit{gap:12px!important}
#modal-root .u2native-credit .u2native-action-stack{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:4px}
#modal-root .u2native-credit .u2native-action-stack .u2native-action--primary{grid-column:1/-1}
#modal-root .u2native-credit .u2native-inline-actions{display:flex;justify-content:flex-end;margin-top:3px}
#modal-root .u2native-credit .u2native-action{
  width:100%!important;min-width:0!important;min-height:51px!important;padding:10px 12px!important;
  display:flex!important;align-items:center!important;gap:10px!important;
  border-radius:13px!important;border:1px solid #dbe8df!important;
  background:rgba(249,253,250,.9)!important;color:#194c39!important;
  box-shadow:none!important;font:650 12px system-ui,-apple-system,sans-serif!important;
  line-height:1.3!important;text-align:left!important;
  cursor:pointer;-webkit-tap-highlight-color:transparent;
}
#modal-root .u2native-credit .u2native-action .u2native-action-icon{
  float:none!important;flex:0 0 33px!important;width:33px!important;height:33px!important;
  border-radius:10px!important;background:#e8f4ed!important;color:#146b50!important;
  display:grid!important;place-items:center!important;
}
#modal-root .u2native-credit .u2native-action .u2native-action-icon svg{display:block;width:18px;height:18px}
#modal-root .u2native-credit .u2native-action .u2native-action-title{float:none!important;flex:1!important;min-width:0!important;font-size:12px!important;overflow-wrap:break-word}
#modal-root .u2native-credit .u2native-action .u2native-action-chevron{float:none!important;flex:0 0 auto!important;font-size:21px!important;color:#6c9282!important}
#modal-root .u2native-credit .u2native-action--primary{
  background:#064e3b!important;border-color:#064e3b!important;
  color:#fff!important;min-height:57px!important;font-size:13px!important;
}
#modal-root .u2native-credit .u2native-action--primary .u2native-action-icon{background:rgba(255,255,255,.15)!important;color:#fff!important}
#modal-root .u2native-credit .u2native-action--primary .u2native-action-chevron{color:#e6f4ea!important}
#modal-root .u2native-credit .u2native-action--quiet{
  background:rgba(248,251,249,.76)!important;border-color:#e0eae4!important;
}
#modal-root .u2native-credit .u2native-inline-actions .u2native-action{
  width:auto!important;min-height:39px!important;padding:6px 10px!important;background:transparent!important;border-color:#dcebe1!important;
}
#modal-root .u2native-credit .u2native-inline-actions .u2native-action .u2native-action-icon{flex-basis:27px!important;width:27px!important;height:27px!important;background:transparent!important}
#modal-root .u2native-credit .u2native-inline-actions .u2native-action .u2native-action-chevron{font-size:17px!important}
#modal-root .u2native-credit .u2native-navigation{padding:8px 12px!important;background:rgba(249,252,250,.65)!important}
#modal-root .u2native-credit .u2native-navigation .u2native-action-stack{margin:0;grid-template-columns:1fr}
#modal-root .u2native-credit .u2native-navigation .u2native-action{background:transparent!important;border:0!important;min-height:39px!important}
#modal-root .u2native-credit .u2native-action:active{transform:scale(.99)}
@media(max-width:530px){
 #u2w-root .u2r3-credit-redesign .u2w-credit-primary-tools>button{gap:7px!important;padding:10px!important;font-size:11px!important}
 #u2w-root .u2r3-credit-redesign .u2w-credit-primary-tools>button>.u2w-tool-icon{flex:0 0 30px!important;width:30px!important;height:30px!important}
 #modal-root .u2native-credit .u2native-action-stack{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){#u2w-root .u2r3-credit-redesign button,#modal-root .u2native-credit .u2native-action{transition:none!important}}

/* Round 3 credit navigation cleanup: three centered, icon-free main actions. */
#u2w-root .u2r3-credit-redesign .u2w-credit-pay{
  display:flex!important;justify-content:center!important;align-items:center!important;
  text-align:center!important;min-height:58px!important;padding:13px 16px!important;
  width:100%!important;
}
#u2w-root .u2r3-credit-redesign .u2w-credit-pay>strong{
  color:#fff!important;font:700 15px/1.3 system-ui,-apple-system,sans-serif!important;
  text-align:center!important;
}
#u2w-root .u2r3-credit-redesign .u2w-credit-primary-tools>button{
  display:flex!important;align-items:center!important;justify-content:center!important;
  text-align:center!important;min-height:58px!important;font-size:13px!important;
  padding:12px 14px!important;line-height:1.35!important;white-space:normal!important;
}
@media(max-width:530px){
  #u2w-root .u2r3-credit-redesign .u2w-credit-primary-tools>button{
    font-size:12px!important;padding:10px!important;min-height:60px!important;
  }
}
/* Keep in-sheet navigation controls distinct from destructive actions. */
#modal-root .u2r3-credit-nav-child .modal-head{
  display:flex!important;align-items:center!important;gap:10px!important;
}
#modal-root .u2r3-credit-nav-child .modal-head h2{
  flex:1!important;min-width:0!important;overflow-wrap:anywhere!important;
}
#modal-root .u2r3-credit-nav-child .modal-head .u2r3-credit-back{
  display:flex!important;align-items:center!important;justify-content:center!important;
  flex:0 0 38px!important;width:38px!important;height:38px!important;
  border-radius:50%!important;border:1px solid rgba(17,96,71,.13)!important;
  background:rgba(244,252,247,.82)!important;color:#075a42!important;
  font-size:23px!important;cursor:pointer;
}
#modal-root .u2r3-credit-nav-child .modal-head>.icon-btn:last-child{
  flex:0 0 38px!important;
}
@media(prefers-reduced-motion:reduce){
  #modal-root .u2r3-credit-nav-child .modal-head .u2r3-credit-back{transition:none!important}
}