#lc-payment-ux{position:fixed;inset:0;z-index:21500;display:none;align-items:center;justify-content:center;padding:18px;background:rgba(7,20,43,.58);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}
#lc-payment-ux.is-open{display:flex}
.lc-pay-card{width:min(440px,100%);max-height:calc(100dvh - 36px);overflow:auto;background:#fff!important;color:#24344d!important;border:1px solid rgba(216,225,238,.95);border-radius:22px;box-shadow:0 30px 90px rgba(7,20,43,.28);padding:26px}
.lc-pay-head{text-align:center}.lc-pay-state{width:68px;height:68px;border-radius:20px;margin:0 auto 16px;display:grid;place-items:center;font-size:29px}
.lc-pay-state.processing{background:#eef1ff;color:#6257f5}.lc-pay-state.waiting{background:#fff7e8;color:#e69a27}.lc-pay-state.topup,.lc-pay-state.success{background:#eafbf4;color:#12a979}.lc-pay-state.error{background:#fff0ee;color:#ef6b52}
.lc-pay-spinner{width:30px;height:30px;border:3px solid currentColor;border-right-color:transparent;border-radius:50%;animation:lcPaySpin .72s linear infinite}
.lc-pay-card h3{margin:0;color:#263650!important;font-size:1.28rem;font-weight:800;letter-spacing:-.025em}.lc-pay-desc{color:#7f8ba0!important;font-size:.86rem;line-height:1.65;margin:8px auto 0;max-width:360px}
.lc-pay-invoice{display:none;margin-top:18px;padding:15px;border:1px solid #e4eaf2;background:#f8faff;border-radius:15px}.lc-pay-card.waiting .lc-pay-invoice{display:block}
.lc-pay-qr{width:184px;height:184px;object-fit:contain;margin:0 auto 13px;display:none;border-radius:13px;background:#fff;border:1px solid #e2e8f0;padding:6px}.lc-pay-qr[src]:not([src=""]){display:block}
.lc-pay-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:7px 0;font-size:.8rem}.lc-pay-row span{color:#8490a3}.lc-pay-row strong{color:#27374f;text-align:right;word-break:break-word}.lc-pay-row.amount strong{font-size:1.12rem;color:#0da878}
.lc-pay-code{display:flex;gap:8px;align-items:center;margin-top:10px}.lc-pay-code code{flex:1;background:#fff;border:1px dashed #dce4ee;border-radius:10px;padding:10px;color:#25344c;font-weight:750;text-align:center;letter-spacing:.03em}.lc-pay-copy{border:1px solid #dfe6ef;background:#fff;color:#43516a;border-radius:10px;padding:9px 11px;cursor:pointer;font-size:.78rem}
.lc-pay-note{display:flex;align-items:flex-start;gap:9px;background:#fff8e9;color:#ad711f;border:1px solid #f5dfb6;border-radius:11px;padding:10px 11px;margin-top:11px;font-size:.75rem;line-height:1.5}.lc-pay-statusline{margin-top:11px;text-align:center;font-size:.74rem;color:#8793a5}.lc-pay-pulse{display:inline-block;width:7px;height:7px;background:#e9a337;border-radius:50%;margin-right:6px;animation:lcPayPulse 1.2s infinite}
.lc-pay-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:19px}.lc-pay-btn{min-width:120px;min-height:44px;border-radius:11px;border:1px solid #dfe6ef;background:#f7f9fc;color:#33435c;font-weight:700;cursor:pointer;padding:0 16px}.lc-pay-btn.primary{border-color:#356df4;background:#356df4;color:#fff}.lc-pay-btn[hidden]{display:none!important}
.lc-pay-card.processing .lc-pay-actions{display:none!important}
@keyframes lcPaySpin{to{transform:rotate(360deg)}}@keyframes lcPayPulse{50%{opacity:.25}}
@media(max-width:520px){
  #lc-payment-ux{padding:14px;align-items:center}
  .lc-pay-card{width:min(340px,100%);max-height:calc(100dvh - 28px);border-radius:20px;padding:22px 18px}
  .lc-pay-state{width:62px;height:62px;border-radius:18px;margin-bottom:14px}.lc-pay-card h3{font-size:1.08rem}.lc-pay-desc{font-size:.82rem;line-height:1.58}
  .lc-pay-actions{display:grid;grid-template-columns:1fr}.lc-pay-btn{width:100%;min-height:46px}.lc-pay-qr{width:158px;height:158px}
}
.lc-pay-hint{margin:10px auto 0;max-width:360px;padding:8px 10px;border-radius:10px;background:#f6f8fc;color:#7c899e;font-size:.74rem;line-height:1.5}
.lc-pay-state.slow{background:#fff7e8;color:#e29a2f}
.lc-pay-card.slow .lc-pay-actions{display:flex!important}
@media(max-width:520px){.lc-pay-card.slow .lc-pay-actions{display:grid!important}}
/* V18.11: white card + Tien List blue/purple gradient action style */
.lc-pay-card{position:relative;overflow:auto!important}
.lc-pay-card:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,#2563eb 0%,#6366f1 48%,#8b5cf6 76%,#14b8a6 100%)}
.lc-pay-state.processing{background:linear-gradient(145deg,#eef4ff,#f5f3ff);color:#5548ee}
.lc-pay-btn.primary{border:0;background:linear-gradient(135deg,#2563eb,#6366f1 55%,#7c3aed);box-shadow:0 8px 20px rgba(79,70,229,.2)}