/* Split the Check - progressive payment request UX - v1.5.17 */
#paymentRequestDialog #paymentUnmarkRequested{display:none!important}
#paymentRequestDialog #paymentRequestPeople[hidden],
#paymentRequestDialog #paymentMethodStep[hidden],
#paymentRequestDialog .payment-person-option[hidden],
#paymentRequestDialog .payment-method-option[hidden]{display:none!important}

/* The legacy payment layer updates its private selection state first. Keep its
   next step visually gated until the progressive layer is ready to reveal it. */
#paymentRequestDialog #paymentMethodStep:not(.payment-person-advanced){display:none!important}
#paymentRequestDialog .payment-method-placeholder{display:none!important}
#paymentRequestDialog .payment-method-detail:empty,
#paymentRequestDialog .payment-method-detail.payment-flow-pending{display:none!important}

#paymentRequestDialog .payment-person-option,
#paymentRequestDialog .payment-method-option{will-change:transform,opacity}
#paymentRequestDialog .payment-request-people.payment-person-locked{gap:0}
#paymentRequestDialog .payment-request-people.payment-person-locked .payment-person-option.flow-selected-person{display:flex!important;width:100%!important}

#paymentRequestDialog .payment-method-step.payment-person-advanced{position:relative}
#paymentRequestDialog .payment-method-step.payment-person-advanced>.payment-method-label{padding-right:44px}
#paymentRequestDialog .payment-method-stage-back{position:absolute!important;top:8px!important;right:0!important;display:grid!important;place-items:center!important;width:34px!important;min-width:34px!important;height:34px!important;min-height:34px!important;padding:0!important;margin:0!important;border:1px solid #dfe3e8!important;border-radius:10px!important;background:#fff!important;color:#111827!important;font-size:18px!important;font-weight:800!important;line-height:1!important}
#paymentRequestDialog .payment-method-stage-back:hover{background:#f5f7fa!important;border-color:#d6dae0!important}
#paymentRequestDialog .payment-method-locked>.payment-method-stage-back{display:none!important}
#paymentRequestDialog .payment-method-locked .payment-method-grid{grid-template-columns:1fr!important}
#paymentRequestDialog .payment-method-locked .payment-method-option.flow-selected{display:flex!important;justify-content:center!important;width:100%!important}

#paymentRequestDialog .payment-flow-section{display:grid;gap:10px;padding-top:14px;border-top:1px solid #eceef2}
#paymentRequestDialog .payment-flow-section[hidden]{display:none!important}
#paymentRequestDialog .payment-flow-label{color:#5d6470;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.03em}
#paymentRequestDialog .payment-provider-section{position:relative;padding-right:0}
#paymentRequestDialog .payment-provider-section>.payment-flow-label{padding-right:44px}
#paymentRequestDialog .payment-provider-section .payment-provider-continue,
#paymentRequestDialog .payment-status-section .payment-status-action{width:100%!important;min-height:44px!important}
#paymentRequestDialog .payment-provider-back{position:absolute!important;top:8px!important;right:0!important;display:grid!important;place-items:center!important;width:34px!important;min-width:34px!important;height:34px!important;min-height:34px!important;padding:0!important;margin:0!important;border:1px solid #dfe3e8!important;border-radius:10px!important;background:#fff!important;color:#111827!important;font-size:18px!important;font-weight:800!important;line-height:1!important}
#paymentRequestDialog .payment-provider-back:hover{background:#f5f7fa!important;border-color:#d6dae0!important}
#paymentRequestDialog .payment-provider-helper{margin:0;color:#747b84;font-size:11px;line-height:1.45}
#paymentRequestDialog .payment-status-section{margin-top:4px}
#paymentRequestDialog .payment-status-section.is-visible{display:grid!important}

#paymentRequestDialog .payment-browser-fallback-mode>.payment-method-label,
#paymentRequestDialog .payment-browser-fallback-mode>.payment-method-grid,
#paymentRequestDialog .payment-browser-fallback-mode>.payment-method-stage-back{display:none!important}
#paymentRequestDialog .payment-browser-fallback-mode .payment-provider-section{border-top:0;padding-top:0;padding-right:0}
#paymentRequestDialog .payment-browser-fallback-mode .payment-destination-field{display:none!important}

#paymentRequestDialog .payment-stage-reveal{animation:payment-stage-rise .22s cubic-bezier(.22,.61,.36,1) both}
@keyframes payment-stage-rise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}

@media(max-width:600px){
  #paymentRequestDialog .payment-method-locked .payment-method-grid{grid-template-columns:1fr!important}
}
@media(prefers-reduced-motion:reduce){
  #paymentRequestDialog .payment-stage-reveal{animation:none!important}
}