
/* B95: account-scoped checkout layout; override obsolete dark payment colors. */
.panel[data-page="account"] .account-payment-box {
  min-width:0!important;min-height:0!important;display:block!important;
  color:#192957!important;background:#f8fbff!important;border:1px solid #c5d5eb!important;
  border-radius:20px!important;padding:clamp(12px,2.3vw,22px)!important;
  box-shadow:0 10px 32px rgba(27,56,123,.08)!important;
}
.panel[data-page="account"] .account-payment-box .payment-wrap{
  width:100%!important;max-width:100%!important;margin:0!important;
  padding:0!important;display:grid!important;gap:14px!important;min-width:0!important;
  color:#182a50!important;
}
.panel[data-page="account"] .account-payment-box .payment-grid{
  display:grid!important;grid-template-columns:minmax(0,1fr)!important;
  gap:12px!important;min-width:0!important;width:100%!important;
}
.panel[data-page="account"] .account-payment-box .payment-options{
  width:100%!important;min-width:0!important;
  display:grid!important;grid-template-columns:minmax(0,1fr)!important;
}
.panel[data-page="account"] .account-payment-box .pay-option{
  min-width:0!important;max-width:100%!important;width:100%!important;
  display:flex!important;justify-content:space-between!important;align-items:center!important;gap:12px!important;
  background:#ebf2ff!important;border:1px solid #9fbbe4!important;color:#183264!important;
  border-radius:14px!important;padding:14px 18px!important;
}
.panel[data-page="account"] .account-payment-box .pay-option b{color:#142c60!important;font-size:20px!important}
.panel[data-page="account"] .account-payment-box .pay-option span{color:#273e66!important;white-space:normal!important}
.panel[data-page="account"] .account-payment-box .page-head,
.panel[data-page="account"] .account-payment-box .bank-box{
  width:100%!important;max-width:100%!important;min-width:0!important;
  margin:0!important;background:#fff!important;color:#1a3059!important;
}
.panel[data-page="account"] .account-payment-box .page-head{background:transparent!important;padding:0!important;border:0!important}
.panel[data-page="account"] .account-payment-box .page-head h2{color:#142755!important;font-size:clamp(20px,3vw,28px)!important}
.panel[data-page="account"] .account-payment-box .bank-box{
  padding:clamp(12px,2vw,20px)!important;border:1px solid #cbd9ec!important;border-radius:16px!important;
}
.panel[data-page="account"] .account-payment-box .bank-box>small,
.panel[data-page="account"] .account-payment-box .bank-box>p,
.panel[data-page="account"] .account-payment-box .eyebrow{color:#365178!important;opacity:1!important}
.panel[data-page="account"] .account-payment-box .bank-box>strong{color:#18335f!important}
.panel[data-page="account"] .account-payment-box .payment-bank-tabs{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
.panel[data-page="account"] .account-payment-box .payment-bank-option{
  min-width:0!important;display:flex!important;align-items:center!important;gap:10px!important;
  background:#f6f9ff!important;border:1px solid #b3c6e2!important;color:#223c64!important;
  padding:11px!important;text-align:left!important;border-radius:12px!important;
}
.panel[data-page="account"] .account-payment-box .payment-bank-option.active{
  background:#e6f0ff!important;border-color:#3978d3!important;color:#142e59!important;
  box-shadow:inset 0 0 0 1px #3978d3!important;
}
.panel[data-page="account"] .account-payment-box .bank-brand-copy b{color:#142b52!important}
.panel[data-page="account"] .account-payment-box .bank-brand-copy small{color:#455d80!important}
.panel[data-page="account"] .account-payment-box .bank-brand-icon{
  width:42px!important;height:42px!important;flex:0 0 42px!important;border-radius:10px!important;
  display:grid!important;place-items:center!important;overflow:hidden!important;
}
.panel[data-page="account"] .account-payment-box .bank-brand-icon-bog{background:#f56b16!important}
.panel[data-page="account"] .account-payment-box .bank-brand-icon-tbc{background:#00a6df!important;padding:8px!important}
.panel[data-page="account"] .account-payment-box .bank-brand-icon img,
.panel[data-page="account"] .account-payment-box .bank-brand-icon svg{max-width:100%!important;max-height:100%!important;object-fit:contain!important}
.panel[data-page="account"] .account-payment-box .payment-bank-details{
  background:#eef5ff!important;color:#172e54!important;border:1px solid #bdcee8!important;
  padding:14px!important;border-radius:13px!important;gap:0!important;
}
.panel[data-page="account"] .account-payment-box .payment-bank-details>div{
  display:grid!important;grid-template-columns:minmax(110px,0.7fr) minmax(0,1.3fr)!important;
  align-items:start!important;gap:10px!important;border-bottom:1px solid #d0def0!important;padding:11px 4px!important;
}
.panel[data-page="account"] .account-payment-box .payment-bank-details>div:last-child{border-bottom:0!important}
.panel[data-page="account"] .account-payment-box .payment-bank-details span{
  color:#344d74!important;font-size:13px!important;opacity:1!important;
}
.panel[data-page="account"] .account-payment-box .payment-bank-details strong{
  color:#10234a!important;font-size:15px!important;font-weight:800!important;
  overflow-wrap:anywhere!important;opacity:1!important;
}
.panel[data-page="account"] .account-payment-box .payment-request-status.show{
  color:#174f38!important;background:#e7f8ed!important;border:1px solid #9fd3b8!important;
}
.panel[data-page="account"] .account-payment-box .payment-request-status.show.error{
  color:#852137!important;background:#fff1f3!important;border-color:#e8a1af!important;
}
.panel[data-page="account"] .account-payment-box #already-paid{
  display:block!important;width:100%!important;max-width:100%!important;
  min-height:48px!important;font-size:15px!important;
}
.panel[data-page="account"] .account-payment-box .return-to-nova[hidden]{display:none!important}
@media(max-width:620px){
 .panel[data-page="account"] .account-payment-box .payment-bank-tabs{grid-template-columns:minmax(0,1fr)!important}
 .panel[data-page="account"] .account-payment-box .payment-bank-details>div{grid-template-columns:minmax(0,1fr)!important;gap:4px!important}
 .panel[data-page="account"] .account-payment-box .bank-brand-copy b{font-size:13px!important}
 .panel[data-page="account"] .account-payment-box .payment-bank-details{padding:10px!important}
}
