/* Public CBY/USDT exchange — isolated to the CBY token page. */
.cb-public-exchange-section{background:radial-gradient(ellipse at 80% 28%,rgba(0,209,115,.085),transparent 50%),linear-gradient(180deg,#0a1418,#0b1718);border-top:1px solid #213b31}
.cb-public-exchange-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:35px}
.cb-public-exchange-heading h2{margin:14px 0;font:600 clamp(32px,4vw,55px)/1.1 "Space Grotesk",sans-serif;letter-spacing:-.055em;color:#f3fff7}
.cb-public-exchange-heading h2 em{font-style:normal;color:#00d173}
.cb-public-exchange-heading p{max-width:650px;color:#abc8b8;font-size:14px;line-height:1.75;margin:0}
.cb-public-exchange-pill{display:inline-flex;align-items:center;gap:9px;border:1px solid #285d41;padding:12px 16px;border-radius:40px;color:#a7e8c7;background:#113023;font-size:11px;font-weight:700;white-space:nowrap}
.cb-public-exchange-pill i{color:#00d173;font-size:16px}
.cb-public-exchange-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:26px;align-items:stretch;max-width:1160px;margin:0 auto}
.cb-public-exchange-card,.cb-public-exchange-aside{min-width:0;border-radius:18px;border:1px solid #32614d;background:linear-gradient(150deg,#132727,#101a23);box-shadow:0 22px 55px #0005;padding:32px}
.cb-exchange-top{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:25px}
.cb-exchange-card-eyebrow{font-size:9px;font-weight:800;letter-spacing:.16em;color:#89d8ac}
.cb-exchange-top h3{font:600 30px "Space Grotesk",sans-serif;letter-spacing:-.05em;color:#f0fff7;margin:7px 0 0}
.cb-exchange-network{border:1px solid #345c47;border-radius:30px;background:#0f2e27;color:#9cdec0;font-size:10px;font-weight:800;padding:9px 11px;white-space:nowrap}
.cb-exchange-network span{display:inline-block;width:7px;height:7px;background:#00d173;border-radius:100%;margin-right:6px}
.cb-exchange-wallet-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:14px;border:1px solid #355549;border-radius:10px;background:#0b2223;margin-bottom:20px}
.cb-exchange-wallet-bar>span{display:inline-flex;align-items:center;gap:9px;color:#b1d8c0;font-size:11px;font-weight:700;min-width:0;overflow-wrap:anywhere}
.cb-exchange-wallet-bar>span i{color:#00d173;font-size:18px}
.cb-exchange-connect{border:1px solid #00d173;background:#164933;color:#d4ffe9;border-radius:9px;padding:10px 12px;font-size:11px;font-weight:800;white-space:nowrap;transition:background .2s}
.cb-exchange-connect:hover{background:#1c6542}
.cb-exchange-switch{display:grid;grid-template-columns:1fr 1fr;gap:7px;border-radius:12px;padding:5px;background:#0b1e22;border:1px solid #294e42;margin-bottom:18px}
.cb-exchange-switch button{border:0;border-radius:8px;background:transparent;padding:13px 10px;color:#8fb5a4;font-size:12px;font-weight:800}
.cb-exchange-switch button.is-selected{background:#1b513b;color:#ccffe3;box-shadow:inset 0 0 0 1px #37a36c}
.cb-exchange-field{border:1px solid #345448;border-radius:12px;background:#0a1c22;padding:17px}
.cb-exchange-field-heading{display:flex;justify-content:space-between;align-items:center;gap:9px;margin-bottom:11px}
.cb-exchange-field-heading label,.cb-exchange-field-heading>span{font-size:12px;color:#bacdc6;font-weight:700}
.cb-exchange-field-heading small{color:#83afa0;font-size:10px;text-align:right}
.cb-exchange-input-row{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0}
.cb-exchange-input-row input,.cb-exchange-input-row output{flex:1;min-width:0;width:100%;background:none;border:0;outline:0;color:#f4fff7;font:600 clamp(23px,3vw,29px)/1.2 "Space Grotesk",sans-serif;letter-spacing:-.03em;overflow-wrap:anywhere}
.cb-exchange-input-row input:focus-visible{outline:2px solid #00d173;outline-offset:4px;border-radius:4px}
.cb-exchange-input-row output{display:block;color:#cdf8dd}
.cb-exchange-token{display:inline-flex;align-items:center;gap:9px;padding:8px 10px;border:1px solid #355b46;border-radius:9px;background:#17392d;color:#e6fff3;font-size:12px;font-weight:800;flex-shrink:0}
.cb-exchange-coin{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:900;color:#053122;background:linear-gradient(140deg,#71fac2,#119c67)}
.cb-exchange-coin-cby{color:#5d3a0c;background:linear-gradient(145deg,#fff1b1,#ac802e)}
.cb-exchange-help{display:block;margin-top:8px;font-size:10px;line-height:1.5;color:#80a896}
.cb-exchange-arrow{display:grid;place-items:center;height:35px;color:#00d173;font-size:16px}
.cb-exchange-arrow i{padding:8px;border:1px solid #345748;background:#17342b;border-radius:50%}
.cb-exchange-quote-lines{margin:20px 0;display:grid;gap:14px}
.cb-exchange-quote-lines>div{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;color:#9cbba9}
.cb-exchange-quote-lines strong{color:#e2f9ea;font-size:11px;font-weight:800;text-align:right;overflow-wrap:anywhere}
.cb-exchange-quote-lines select{border:1px solid #466f56;border-radius:7px;background:#173a2d;color:#e5fff2;padding:7px 9px;font-size:11px}
.cb-exchange-quote-lines select:focus-visible{outline:2px solid #00d173}
.cb-exchange-submit{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:15px;border:0;border-radius:10px;background:#00d173;color:#032717;font-size:13px;font-weight:900;transition:background .2s,transform .2s}
.cb-exchange-submit:hover:not(:disabled){background:#32e698;transform:translateY(-2px)}
.cb-exchange-submit:disabled{background:#24493a;color:#88ad99;cursor:not-allowed}
.cb-exchange-status{margin-top:13px;border:1px solid #355648;border-radius:8px;background:#122b24;color:#bbdac7;font-size:11px;line-height:1.65;padding:11px 13px;overflow-wrap:anywhere}
.cb-exchange-status[data-kind=error]{background:#321f22;color:#ffbcb4;border-color:#8a4149}
.cb-exchange-status[data-kind=success]{background:#103a29;color:#bbffe2;border-color:#267a52}
.cb-exchange-transaction{margin-top:12px;padding:10px 12px;border:1px solid #356f4d;border-radius:8px;display:flex;flex-wrap:wrap;align-items:center;gap:7px;color:#9adaaf;font-size:11px}
.cb-exchange-transaction[hidden]{display:none}
.cb-exchange-transaction a{color:#00e692;font-weight:800;text-decoration:underline;overflow-wrap:anywhere}
.cb-exchange-transaction span{color:#b1c8bb}
.cb-public-exchange-aside{position:relative;overflow:hidden;background:radial-gradient(circle at 93% 18%,#00bd7130,transparent 42%),linear-gradient(150deg,#103128,#0c1920);display:flex;flex-direction:column}
.cb-exchange-aside-tag{font-size:10px;font-weight:800;letter-spacing:.16em;color:#8decb8}
.cb-exchange-aside-tag i{margin-right:8px;color:#00d173;font-size:16px}
.cb-public-exchange-aside h3{font:600 clamp(32px,4vw,48px)/1.16 "Space Grotesk",sans-serif;letter-spacing:-.06em;margin:25px 0 15px;color:#f3fff8}
.cb-public-exchange-aside h3 em{color:#00d173;font-style:normal}
.cb-public-exchange-aside>p{font-size:13px;line-height:1.8;color:#afcdbb;max-width:450px}
.cb-exchange-steps{display:grid;gap:18px;margin:27px 0}
.cb-exchange-steps>div{display:flex;align-items:start;gap:14px}
.cb-exchange-steps>div>span{display:grid;place-items:center;flex-shrink:0;width:36px;height:36px;background:#184d35;border-radius:9px;border:1px solid #337150;color:#00e88a;font-size:11px;font-weight:800}
.cb-exchange-steps section{display:grid;gap:5px}
.cb-exchange-steps strong{font-size:13px;color:#e6fff1}
.cb-exchange-steps small{font-size:11px;line-height:1.65;color:#98b8a5}
.cb-exchange-risk-note{display:flex;align-items:start;gap:10px;padding:15px;border:1px solid #705c3b;border-radius:9px;background:#3b321d65;margin-top:auto}
.cb-exchange-risk-note i{color:#e2bd77;font-size:17px;flex-shrink:0}
.cb-exchange-risk-note p{font-size:10px;line-height:1.7;color:#e8d0a1;margin:0}
.cb-exchange-contract-links{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:18px}
.cb-exchange-contract-links a{font-size:11px;font-weight:700;color:#99e9c0}
.cb-exchange-contract-links a:hover{color:#c6ffde}
.cb-exchange-contract-links i{margin-left:5px}
@media(max-width:950px){.cb-public-exchange-grid{grid-template-columns:1fr}.cb-public-exchange-heading{align-items:start;flex-direction:column}.cb-public-exchange-aside{min-height:0}}
@media(max-width:580px){.cb-public-exchange-card,.cb-public-exchange-aside{padding:21px}.cb-public-exchange-heading h2{font-size:36px}.cb-exchange-top h3{font-size:26px}.cb-exchange-wallet-bar{align-items:stretch;flex-direction:column}.cb-exchange-connect{width:100%}.cb-exchange-network{font-size:9px}.cb-exchange-top{gap:8px}.cb-exchange-field{padding:13px}.cb-exchange-input-row input,.cb-exchange-input-row output{font-size:25px}.cb-exchange-token{padding:7px}.cb-exchange-quote-lines>div{font-size:10px}}
@media(prefers-reduced-motion:reduce){.cb-exchange-connect,.cb-exchange-submit{transition:none}.cb-exchange-submit:hover:not(:disabled){transform:none}}

.cb-exchange-refresh{display:inline-flex;align-items:center;gap:5px;margin-left:8px;padding:5px 7px;border:1px solid #35604b;border-radius:7px;background:#17352b;color:#91ecc0;font-size:10px;font-weight:800;cursor:pointer}
.cb-exchange-refresh:hover{background:#235a41;color:#d8ffe9}
.cb-exchange-refresh:focus-visible{outline:2px solid #00e676;outline-offset:2px}

