.payment-accounts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.account-card{border:1px solid var(--line);background:#fbfcfc;min-width:0}.account-card-head{display:flex;gap:11px;align-items:center;padding:15px;border-bottom:1px solid var(--line);background:#f2f8f7}.account-flag{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border-radius:50%;background:var(--navy);color:#fff;font-size:10px;font-weight:800}.account-card h4{font:17px Georgia;margin:0;color:var(--navy)}.account-card-head small{font-size:8px;letter-spacing:.12em;color:var(--teal)}.account-card dl{margin:0;padding:4px 15px 12px}.account-card dl>div{padding:10px 0;border-bottom:1px solid #e6ecec}.account-card dl>div:last-child{border:0}.account-card dt{font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:4px}.account-card dd{margin:0;font-size:12px;font-weight:700}.account-number dd{display:flex;align-items:center;gap:7px;min-width:0}.account-number dd span{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;overflow-wrap:anywhere;word-break:break-word;min-width:0}.copy-account{margin-left:auto;flex:0 0 auto;border:0;border-radius:3px;background:#e3f1ef;color:#1f716a;padding:5px 7px;font-size:9px;font-weight:800;cursor:pointer}.copy-account:hover{background:#d4e9e6}.payment-note{display:flex;gap:10px;align-items:flex-start;margin:14px 0 18px;padding:13px 15px;background:#fbf6ec;border:1px solid #eadbbd;color:#745f3c;font-size:12px;line-height:1.6}.payment-note>span{width:20px;height:20px;flex:0 0 20px;display:grid;place-items:center;border-radius:50%;background:#b99354;color:#fff;font:italic 13px Georgia}.payment-note strong{font-weight:600}.copy-feedback{min-height:0;margin:0;color:var(--teal);font-size:11px}@media(max-width:980px){.payment-accounts{grid-template-columns:1fr}}@media(max-width:560px){.account-number dd{align-items:flex-start;flex-direction:column}.copy-account{margin-left:0}}
.payment-guide{display:flex;align-items:flex-start;gap:.8rem;margin:0 0 1rem;padding:1rem 1.1rem;border:1px solid #d8e5e2;border-radius:10px;background:#f1f7f5;color:#355b55;line-height:1.55}.payment-guide>span{display:grid;place-items:center;flex:0 0 24px;width:24px;height:24px;border-radius:50%;background:var(--teal);color:#fff;font:italic 15px Georgia}.payment-guide p{margin:0;font-size:.82rem}
.payment-flow-card{margin:0 0 1rem;padding:1.25rem;border:1px solid var(--line);border-radius:13px;background:#fff;box-shadow:0 5px 20px rgba(16,42,67,.05)}.payment-flow-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.payment-flow-head h3{margin:0;color:var(--navy);font:21px Georgia}.payment-amount{text-align:right}.payment-amount small{display:block;color:var(--muted);font-size:.7rem}.payment-amount strong{display:block;margin-top:.2rem;color:var(--navy);font-size:1.25rem}
.payment-flow-card .account-card{border-radius:9px;overflow:hidden}.payment-flow-card .account-card h4{padding:1rem 1rem .2rem}.payment-flow-card .account-card dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 1rem;padding:0 1rem .7rem}.payment-flow-card .account-card dl>div{min-width:0}.payment-flow-card .account-card dd{overflow-wrap:anywhere;word-break:break-word}
.payment-reference{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:1rem 0;padding:.8rem 1rem;border-left:3px solid var(--gold);background:#fbf6ec}.payment-reference p{margin:0;color:#745f3c;font-size:.78rem;line-height:1.45}.payment-reference p>span{display:block;font-weight:800;color:#5e4927}.payment-reference strong{display:block;color:#493b24;font-size:.9rem}.copy-reference{min-height:40px;flex:0 0 auto;border:1px solid #d8c69f;border-radius:7px;background:#fff;color:#6c552d;padding:.55rem .8rem;font-weight:750;cursor:pointer}.copy-reference:hover,.copy-reference:focus-visible{border-color:var(--gold);outline:2px solid rgba(185,147,84,.22);outline-offset:2px}
.package-savings.payment-compact{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin:.75rem 0;padding:.7rem .8rem;font-size:.72rem}.package-savings.payment-compact>*{margin:0}
.upload-block{padding-top:1rem;border-top:1px solid var(--line)}.upload-block h4{margin:0 0 .25rem;color:var(--navy);font:18px Georgia}.upload-block>p{margin:.15rem 0 .7rem;color:var(--muted);font-size:.78rem}.upload-zone{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:150px;padding:1rem;border:1px dashed #88aaa6;border-radius:10px;background:#f7fbfa;text-align:center;cursor:pointer;transition:border-color .18s,background .18s}.upload-zone:hover,.upload-zone:focus-within{border-color:var(--teal);background:#f0f8f6;box-shadow:0 0 0 3px rgba(45,139,131,.1)}.upload-zone input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.upload-zone .upload-icon{display:grid;place-items:center;width:34px;height:34px;margin-bottom:.5rem;border-radius:50%;background:#e1efec;color:var(--teal);font-size:1.15rem}.upload-zone b{color:var(--navy);font-size:.88rem}.upload-zone>span:not(.upload-icon){margin-top:.15rem;color:var(--muted);font-size:.76rem}.upload-zone small{margin-top:.55rem;color:var(--muted);font-size:.68rem}.upload-zone>[data-file-label]{position:relative;z-index:1;margin-top:.65rem;color:var(--teal);font-size:.78rem;overflow-wrap:anywhere}
.legal-approval-card{margin-top:1.4rem;padding:1.15rem;border:1px solid var(--line);border-radius:12px;background:#fff}.legal-approval-card>h4{margin:0 0 .5rem;color:var(--navy);font:19px Georgia}.copy-toast{position:fixed;z-index:50;left:50%;bottom:1.5rem;transform:translateX(-50%);padding:.7rem 1rem;border-radius:8px;background:var(--navy);color:#fff;box-shadow:0 10px 30px rgba(16,42,67,.25);font-size:.8rem;font-weight:700}
@media(max-width:680px){.payment-flow-card{padding:1rem}.payment-flow-head{display:block}.payment-amount{margin-top:.6rem;text-align:left}.payment-flow-card .account-card dl{grid-template-columns:1fr}.payment-reference{align-items:flex-start;flex-direction:column}.copy-reference{width:100%}.package-savings.payment-compact{grid-template-columns:1fr}.upload-zone{min-height:145px}.copy-toast{bottom:5.5rem}}
