.recapture__loop{height:100%;transition:opacity .6s}.recapture__loop--fading{opacity:0}.phone-screen--recapture{flex-direction:column;gap:8px;display:flex}.recapture__message{background:var(--pm-accent-bg);opacity:0;border-radius:4px 12px 12px;padding:8px 12px;animation:.35s forwards rc-slide-up}.recapture__message--animate{animation-delay:.1s}.recapture__message-text{color:var(--pm-text-secondary);margin:0;font-size:11px;line-height:1.45}.recapture__plan{border:1px solid var(--pm-border);opacity:0;border-radius:8px;padding:8px 10px;animation:.25s ease-out forwards rc-snap-in}.recapture__plan--animate{animation-delay:.4s}.recapture__plan-header{border-bottom:1px solid var(--pm-border);justify-content:space-between;align-items:center;margin-bottom:4px;padding-bottom:6px;display:flex}.recapture__plan-title{color:var(--pm-text-primary);font-size:12px;font-weight:600}.recapture__plan-total{color:var(--pm-accent);font-size:13px;font-weight:600}.recapture__plan-detail{justify-content:space-between;align-items:center;padding:2px 0;display:flex}.recapture__plan-label{text-transform:uppercase;letter-spacing:.05em;color:var(--pm-text-muted);font-size:10px;font-weight:500}.recapture__plan-value{color:var(--pm-text-primary);font-size:11px;font-weight:500}.recapture__approve-wrap{opacity:0;animation:.3s 1.4s forwards rc-fade-in,.3s 1.9s forwards rc-approve-out}.recapture__approve-btn{background:var(--pm-accent);text-align:center;border-radius:8px;width:100%;padding:10px;position:relative;overflow:hidden}.recapture__approve-btn span{color:var(--pm-screen-bg);z-index:1;font-size:12px;font-weight:600;position:relative}.recapture__approve-btn:after{content:"";background:linear-gradient(90deg,#0000 0%,#fff3 50%,#0000 100%);width:100%;height:100%;animation:1.2s 1.5s rc-shimmer;position:absolute;top:0;left:-100%}@keyframes rc-shimmer{0%{left:-100%}to{left:100%}}@keyframes rc-approve-out{to{opacity:0;height:0;margin:0;padding:0;overflow:hidden}}.recapture__approved{opacity:0;background:#10b98126;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:9px 12px;animation:.3s ease-out 2s forwards rc-snap-in;display:flex}.recapture__approved span{color:#10b981;font-size:12px;font-weight:600}.recapture__approved svg{color:#10b981;flex-shrink:0}.recapture__payment-detail{opacity:0;background:#10b98126;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:5px 8px;animation:.25s 2.3s forwards rc-fade-in;display:flex}.recapture__payment-detail svg{color:#10b981;flex-shrink:0}.recapture__payment-detail span{color:#10b981;font-size:10px;font-weight:600}.recapture__confirm{background:var(--pm-accent-bg);opacity:0;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:7px 12px;animation:.4s 2.7s forwards rc-fade-in,2s ease-in-out 3.5s infinite rc-confirm-pulse;display:flex}.recapture__confirm span{color:var(--pm-accent);font-size:10px;font-weight:600}.recapture__confirm svg{color:var(--pm-accent);flex-shrink:0}@keyframes rc-confirm-pulse{0%,to{opacity:1}50%{opacity:.65}}@keyframes rc-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes rc-slide-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes rc-snap-in{0%{opacity:0;transform:translateY(6px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@media (max-width:991px){.phone-screen--recapture{gap:6px}.recapture__message{padding:7px 10px}.recapture__message-text{font-size:10px}.recapture__plan{padding:6px 8px}.recapture__plan-title{font-size:11px}.recapture__plan-total{font-size:12px}.recapture__plan-value{font-size:10px}.recapture__approve-btn{padding:8px}.recapture__approve-btn span{font-size:11px}.recapture__confirm span{font-size:9px}}@media (max-width:767px){.phone-screen--recapture{gap:5px}.recapture__message{padding:6px 8px}.recapture__message-text{font-size:9.5px}.recapture__plan{padding:5px 7px}.recapture__plan-title{font-size:10px}.recapture__plan-total{font-size:11px}.recapture__plan-label{font-size:9px}.recapture__plan-value{font-size:9.5px}.recapture__approve-btn{padding:7px}.recapture__approve-btn span,.recapture__approved span{font-size:10px}.recapture__payment-detail span{font-size:9px}.recapture__confirm span{font-size:8.5px}}
