/* TiziShop · Popup xác nhận đã cộng tiền từ webhook SePay trên MySQL */
.tizi-sepay-success { position:fixed; inset:0; z-index:130; display:flex; align-items:center; justify-content:center; padding:16px; }
.tizi-sepay-success.hidden { display:none; }
.tizi-sepay-success__backdrop { position:absolute; inset:0; background:rgba(15,23,42,.64); backdrop-filter:blur(7px); -webkit-backdrop-filter:blur(7px); }
.tizi-sepay-success__dialog { position:relative; width:min(100%,455px); max-height:calc(100dvh - 32px); overflow-y:auto; border:1px solid #d1fae5; border-radius:29px; background:linear-gradient(180deg,#f0fdf4 0%,#fff 43%); padding:28px; text-align:center; box-shadow:0 30px 90px rgba(15,23,42,.26); animation:tizi-sepay-modal-in .24s ease-out both; outline:none; }
@keyframes tizi-sepay-modal-in { from { opacity:0; transform:translateY(13px) scale(.96); } to { opacity:1; transform:translateY(0) scale(1); } }
.tizi-sepay-success__close { position:absolute; right:14px; top:14px; display:grid; place-items:center; width:34px; height:34px; border-radius:11px; color:#64748b; background:#fff; border:1px solid #e2e8f0; cursor:pointer; }
.tizi-sepay-success__close:hover { background:#f1f5f9; }
.tizi-sepay-success__symbol { display:grid; place-items:center; width:68px; height:68px; margin:12px auto 16px; border-radius:22px; background:linear-gradient(135deg,#10b981,#059669); color:white; font-size:29px; box-shadow:0 10px 24px rgba(16,185,129,.3); }
.tizi-sepay-success__eyebrow { font-size:10px; letter-spacing:.14em; color:#059669; font-weight:800; }
.tizi-sepay-success__title { margin:7px 0 8px; color:#0f172a; font-size:clamp(21px,4.8vw,27px); line-height:1.25; font-weight:800; }
.tizi-sepay-success__intro { font-size:13px; color:#64748b; line-height:1.65; max-width:330px; margin:0 auto; }
.tizi-sepay-success__amount { margin:16px 0; color:#047857; font-size:clamp(28px,7vw,36px); font-weight:850; letter-spacing:-.04em; font-variant-numeric:tabular-nums; }
.tizi-sepay-success__details { border-radius:17px; border:1px solid #d1fae5; background:rgba(255,255,255,.9); padding:5px 16px; text-align:left; }
.tizi-sepay-success__details > div { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:12px 0; font-size:12px; }
.tizi-sepay-success__details > div + div { border-top:1px solid #f1f5f9; }
.tizi-sepay-success__details span { color:#64748b; flex-shrink:0; }
.tizi-sepay-success__details strong { color:#334155; font-weight:750; overflow-wrap:anywhere; text-align:right; }
.tizi-sepay-success__details .tizi-sepay-success__status { color:#059669; }
.tizi-sepay-success__button { width:100%; margin-top:20px; border-radius:15px; padding:14px; color:#fff; font-size:14px; font-weight:750; background:linear-gradient(110deg,#059669,#10b981); box-shadow:0 8px 20px rgba(16,185,129,.17); cursor:pointer; }
.tizi-sepay-success__button:hover { filter:brightness(1.05); }
.tizi-sepay-success__footer { margin:12px 0 0; font-size:11px; color:#94a3b8; }
body.tizi-sepay-modal-open { overflow:hidden; }
@media (max-width:460px) { .tizi-sepay-success__dialog { padding:23px 18px; border-radius:22px; } }
@media (prefers-reduced-motion:reduce) { .tizi-sepay-success__dialog { animation:none; } }