/* 가입 패키지 지갑 결제 안내 모달(package-payment.js). body 바로 아래에 붙으므로 allround-ui 변수만 쓰고 자체 버튼 스타일을 둔다. */
.pp-modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(3,8,16,.72)}
.pp-card{width:100%;max-width:420px;max-height:calc(100vh - 32px);overflow:auto;padding:22px 20px;border:1px solid var(--ar-line,#263a55);border-radius:18px;background:linear-gradient(145deg,#122139,#0d192a);color:var(--ar-text,#f3f7ff);box-shadow:0 18px 48px rgba(0,0,0,.45)}
.pp-card h3{margin:0 0 10px;font-size:1.08rem}
.pp-card p{margin:0 0 14px;line-height:1.6;color:var(--ar-text,#f3f7ff);word-break:keep-all;overflow-wrap:anywhere}
.pp-card dl{display:grid;grid-template-columns:auto 1fr;gap:8px 12px;margin:0 0 16px;padding:12px;border-radius:12px;background:rgba(255,255,255,.04);font-size:.9rem}
.pp-card dt{color:var(--ar-muted,#9aacc4)}
.pp-card dd{margin:0;font-weight:600;overflow-wrap:anywhere}
.pp-actions{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}
.pp-actions .button{min-height:42px;padding:0 16px;border:1px solid var(--ar-line,#263a55);border-radius:12px;background:transparent;color:var(--ar-text,#f3f7ff);font:inherit;font-weight:700;cursor:pointer}
.pp-actions .button-primary{background:var(--ar-mint,#65e0d0);border-color:var(--ar-mint,#65e0d0);color:#08201e}
#funds-status{display:block;margin-top:8px;line-height:1.5}
#funds-status.text-danger{color:var(--ar-red,#ff9da8)}
#funds-status.text-success{color:var(--ar-mint,#65e0d0)}
#pay-status{margin:8px 0 0;line-height:1.5}