/* Thanh toán eBrand AI Skills (SePay). Dùng chung biến màu với trang /ai-skills. */
.ck-root{--navy:#0B3B73;--orange:#FF6A00;--ink:#14213a;--text:#3a4456;--muted:#647089;--line:rgba(11,59,115,.12);--soft-o:#fff1e6;--soft-n:#e9f0fa;--ok:#1f8a4c;font:16px/1.6 "Be Vietnam Pro",system-ui,sans-serif;color:var(--text)}
dialog.ck-root{border:0;padding:0;border-radius:24px;width:min(520px,calc(100vw - 24px));max-height:calc(100dvh - 24px);box-shadow:0 30px 80px -20px rgba(11,59,115,.45);background:#fff}
dialog.ck-root::backdrop{background:rgba(8,42,82,.45);backdrop-filter:blur(3px)}
.ck-in{padding:24px;overflow:auto;max-height:calc(100dvh - 24px)}
.ck-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px}
.ck-head h2{font:800 22px/1.2 Montserrat,system-ui,sans-serif;color:var(--ink);margin:0}
.ck-x{width:40px;height:40px;flex:none;border-radius:50%;border:1px solid var(--line);background:#fff;font-size:22px;line-height:1;cursor:pointer;color:var(--navy)}
.ck-prods{display:grid;gap:8px;margin:0 0 16px;padding:0;border:0}
.ck-prods legend{font-weight:700;color:var(--ink);margin-bottom:8px}
.ck-prod{display:flex;align-items:center;gap:10px;border:1.5px solid var(--line);border-radius:14px;padding:10px 14px;cursor:pointer}
.ck-prod:has(input:checked){border-color:var(--orange);background:var(--soft-o)}
.ck-prod input{accent-color:var(--orange);width:18px;height:18px;flex:none}
.ck-prod span{flex:1;color:var(--ink);font-weight:600}
.ck-prod b{color:var(--navy);white-space:nowrap}
.ck-field{display:grid;gap:4px;margin-bottom:12px}
.ck-field label{font-weight:600;color:var(--ink);font-size:15px}
.ck-field input{font:inherit;padding:12px 14px;border:1.5px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);width:100%}
.ck-field input:focus{outline:2px solid var(--orange);outline-offset:1px;border-color:transparent}
.ck-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.ck-err{color:#b42318;background:#fef3f2;border-radius:10px;padding:8px 12px;font-size:14px;margin:0 0 12px}
.ck-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:50px;border:0;border-radius:999px;background:var(--orange);color:#fff;font:700 16px "Be Vietnam Pro",system-ui,sans-serif;cursor:pointer;text-decoration:none}
.ck-btn[disabled]{opacity:.6;cursor:progress}
.ck-btn.light{background:#fff;color:var(--navy);border:1px solid var(--line)}
.ck-small{font-size:13.5px;color:var(--muted);margin:10px 0 0}
.ck-qr{display:block;width:100%;max-width:300px;margin:0 auto 14px;border-radius:16px;border:1px solid var(--line)}
.ck-rows{display:grid;gap:6px;margin:0 0 14px}
.ck-row{display:flex;justify-content:space-between;align-items:center;gap:10px;background:var(--soft-n);border-radius:12px;padding:8px 12px}
.ck-row span{color:var(--muted);font-size:14px}
.ck-row b{color:var(--ink);text-align:right;word-break:break-all}
.ck-row.hi{background:var(--soft-o)}
.ck-row.hi b{color:var(--orange);font-size:18px;letter-spacing:.04em}
.ck-copy{border:1px solid var(--line);background:#fff;border-radius:999px;padding:3px 10px;font:600 12.5px "Be Vietnam Pro",system-ui,sans-serif;color:var(--navy);cursor:pointer;margin-left:6px;flex:none}
.ck-status{display:flex;align-items:center;gap:10px;justify-content:center;font-weight:600;color:var(--navy);margin:4px 0 12px}
.ck-dot{width:10px;height:10px;border-radius:50%;background:var(--orange);animation:ckp 1.2s infinite}
@keyframes ckp{50%{opacity:.25}}
.ck-ok{text-align:center}
.ck-ok .ck-tick{width:64px;height:64px;border-radius:50%;background:#e7f6ee;color:var(--ok);display:grid;place-items:center;font-size:34px;margin:0 auto 10px}
.ck-ok p{margin:0 0 14px}
.ck-stack{display:grid;gap:10px}
@media (prefers-reduced-motion:reduce){.ck-dot{animation:none}}