.trade-banner{padding:20px;border-bottom:1px solid #588f923d;background:radial-gradient(ellipse at top right,#266d6940,transparent 72%)}
.trade-banner small,.trade-card>small{color:#9fd5cf;letter-spacing:.16em;font-size:10px;text-transform:uppercase}
.trade-banner h2{font-family:Georgia,serif;font-size:27px;font-weight:normal;color:#f3e6c8;margin:12px 0}
.trade-banner p,.trade-card p{line-height:1.6}.trade-card{margin:18px 0;padding:20px;border:1px solid #518d8e55;border-radius:8px;background:#081c27d6}
.trade-card.incoming{border-color:#c5a56b90}.trade-card h3{font-size:20px;margin:8px 0 14px}.trade-form{display:grid;grid-template-columns:2fr 1fr 1.5fr;gap:12px}
.trade-form label{display:flex;flex-direction:column;gap:8px;font-size:12px;color:#bed0cf}.trade-form input,.trade-form select{min-width:0;width:100%;box-sizing:border-box;background:#07141f;color:#e6ebeb;border:1px solid #588f9270;border-radius:5px;padding:10px}
.trade-form input:focus-visible,.trade-form select:focus-visible{outline:2px solid #dfc58e}.trade-preview{grid-column:1/-1;color:#a7bbb9;font-size:12px}.trade-form button{grid-column:1/-1}
.trade-exchange{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:18px;background:#18333c70;border-radius:6px;color:#e1cfaa;margin:15px 0}.trade-exchange>span{color:#91c7c8;font-size:24px}.trade-card>.button{margin:12px 8px 0 0}
.trade-history{padding:12px;border-top:1px solid #588f923d}.trade-history summary{cursor:pointer;color:#b8c8c8}.trade-history p{padding:10px 0;border-bottom:1px solid #588f922a}.trade-history span{display:block;color:#a4b6bc;font-size:12px;margin-top:6px}
@media(max-width:600px){.trade-form{grid-template-columns:1fr 1fr}.trade-form label:first-child{grid-column:1/-1}.trade-card{padding:12px}.trade-exchange{padding:12px;font-size:13px}.trade-banner{padding:12px}}