/* MasterRDP checkout — uses the colour tokens defined in style.css */
.co{padding:34px 0 70px}
.co-wrap{max-width:640px}
.co-head{text-align:center;margin-bottom:26px}
.co-head h1{font-size:clamp(26px,5vw,36px);letter-spacing:-.03em;margin:0 0 8px}
.co-head p{margin:0;color:var(--muted)}
.co-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}

/* plan chips */
.co-plans{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:16px}
.co-plan input,.co-coin input{position:absolute;opacity:0;pointer-events:none}
.co-plan-in{display:flex;flex-direction:column;align-items:center;gap:2px;padding:11px 6px;text-align:center;
  border:1px solid var(--line);border-radius:12px;background:rgba(26,17,20,.7);cursor:pointer;font-size:14px;transition:border-color .15s,background .15s}
.co-plan-in .mono{font-size:12.5px;color:var(--dim)}
.co-plan input:checked + .co-plan-in{border-color:var(--accent);background:rgba(229,72,77,.1)}
.co-plan input:checked + .co-plan-in .mono{color:var(--ink)}
@media(max-width:420px){.co-plans{grid-template-columns:repeat(2,1fr)}}

/* boxes */
.co-box{border:1px solid var(--line);border-radius:var(--r);padding:22px 20px;margin-bottom:14px;
  background:linear-gradient(180deg,var(--panel),var(--deep))}
.co-title{display:flex;align-items:center;gap:12px;margin-bottom:6px}
.co-title h2{margin:0;font-size:18px;letter-spacing:-.02em}
.co-num{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;flex:none;font-size:13px;font-weight:700;
  background:linear-gradient(150deg,var(--accent),var(--accent-deep));color:#fff}
.co-help{margin:0 0 14px;color:var(--dim);font-size:13.5px}
.co-placeholder{margin-top:8px;padding:16px;border:1px dashed var(--line);border-radius:10px;color:var(--dim);font-size:14px;text-align:center}
.co-label{display:block;margin:16px 0 6px;font-size:13px;color:var(--muted)}

/* inputs */
.co-input{width:100%;padding:13px 14px;border-radius:10px;border:1px solid var(--line);background:var(--void);
  color:var(--ink);font:inherit;font-size:15px;outline:none;transition:border-color .15s}
.co-input:focus{border-color:var(--accent)}
.co-input.mono{font-size:13.5px}
.co-input.bad{border-color:#ff6b6b}

/* coin chips */
.co-coins{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
@media(min-width:520px){.co-coins{grid-template-columns:repeat(3,1fr)}}
.co-coin-in{display:flex;flex-direction:column;gap:1px;padding:11px 12px;border:1px solid var(--line);border-radius:11px;
  background:rgba(18,12,14,.6);cursor:pointer;transition:border-color .15s,background .15s;min-height:56px;justify-content:center}
.co-coin-in b{font-size:15px}
.co-coin-in small{font-size:11.5px;color:var(--dim);line-height:1.3}
.co-coin input:checked + .co-coin-in{border-color:var(--accent);background:rgba(229,72,77,.1)}
.co-plan input:focus-visible + .co-plan-in,.co-coin input:focus-visible + .co-coin-in{outline:2px solid var(--accent);outline-offset:2px}

/* amount */
.co-amount-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px}
.co-amount{font-size:clamp(22px,6vw,30px);font-weight:600;letter-spacing:-.02em;word-break:break-all}
.co-meta{margin:10px 0 0;font-size:13px;color:var(--dim)}
.co-link{background:none;border:0;padding:0;color:var(--accent);font:inherit;font-size:13px;cursor:pointer;text-decoration:underline}

/* buttons */
.co-copy{flex:none;padding:9px 14px;border-radius:9px;border:1px solid var(--line);background:rgba(34,22,26,.8);
  color:var(--ink);font:inherit;font-size:13px;font-weight:500;cursor:pointer;transition:border-color .15s}
.co-copy:hover{border-color:var(--line-hi)}
.co-copy.done{border-color:var(--mint);color:var(--mint)}
.co-submit{width:100%;margin-top:6px;border:0;cursor:pointer;font-family:inherit}
.co-submit:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none;filter:none}

/* QR + address */
.co-qr{width:min(240px,70vw);margin:10px auto 0;padding:10px;background:#fff;border-radius:14px}
.co-qr img{display:block;width:100%;height:auto}
.co-warn{margin-top:14px;padding:11px 14px;border-radius:10px;font-size:13.5px;line-height:1.5;
  background:rgba(229,72,77,.1);border:1px solid rgba(229,72,77,.3);color:#FFD4D6}
.co-addr-row{display:flex;gap:8px}
.co-addr-row .co-input{min-width:0}

/* status */
.co-error{margin:0 0 12px;padding:11px 14px;border-radius:10px;font-size:14px;background:rgba(255,107,107,.1);
  border:1px solid rgba(255,107,107,.35);color:#FFB4B4}
.co-foot{text-align:center;margin:16px 0 0;font-size:13.5px;color:var(--dim)}
.co-foot a{color:var(--accent)}
.co-success{text-align:center;padding:38px 22px}
.co-success h2{margin:10px 0 12px;font-size:24px}
.co-success p{color:var(--muted);margin:0 0 12px}
.co-check{width:52px;height:52px;margin:0 auto;border-radius:50%;display:grid;place-items:center;font-size:26px;
  background:rgba(61,220,151,.14);border:1px solid rgba(61,220,151,.4);color:var(--mint)}
[hidden]{display:none !important}

.co-check.wait{background:rgba(255,196,80,.12);border-color:rgba(255,196,80,.4);color:#FFC450}
.co-check.bad{background:rgba(255,107,107,.12);border-color:rgba(255,107,107,.4);color:#FF8A8A;font-weight:700}
.co-success .btn{margin-top:10px}