.trades-page .page-shell{max-width:1480px}
.trade-hero{position:relative;display:flex;align-items:center;justify-content:space-between;min-height:225px;overflow:hidden;margin:12px 0 20px;padding:clamp(24px,4vw,48px);border-radius:20px;background:radial-gradient(circle at 80% 55%,#367fb8 0%,transparent 37%),linear-gradient(115deg,#102a43,#1c70b5);color:#fff;box-shadow:0 20px 34px rgba(15,54,70,.12)}
.trade-hero .draft-label{color:#ffad78}.trade-hero h1{font-size:clamp(2.6rem,5vw,4.7rem);line-height:1;margin:12px 0}.trade-hero p{color:#c4e0e8;max-width:540px;margin:0;line-height:1.5}.trade-hero-mark{font-size:11rem;line-height:1;opacity:.22;transform:rotate(-14deg);font-weight:900}.trade-hero-links{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:23px}.trade-hero-links>a:not(.draft-button){color:#c9f2f6;font-weight:800;text-decoration:none;font-size:.86rem}
.trade-note{padding:15px 18px;border:1px solid #b8dce5;background:#ebf7f9;border-radius:12px;color:#23526a}.trade-note a{color:#1c70b5;font-weight:800}.trade-help{margin:0 0 20px}.trade-compose{margin-bottom:19px}
.trade-columns{display:grid;grid-template-columns:1fr 1fr;gap:22px}.trade-columns>div{min-width:0}.trade-columns h3{margin:0 0 11px;font-size:1.02rem}.trade-columns h3 span{font-size:.83rem;color:#568091}.trade-target{display:block;font-weight:800;font-size:.88rem;margin:-5px 0 11px}.trade-target select{margin:6px 0 0;width:100%;max-width:none}.trade-roster{display:grid;align-content:start;max-height:392px;overflow:auto;border:1px solid #deebef;border-radius:12px;padding:4px 11px;background:#f9fcfd}.trade-opponent[hidden]{display:none}.trade-player{display:flex;align-items:center;gap:10px;cursor:pointer;border-bottom:1px solid #e3ecf0;padding:9px 4px;min-width:0}.trade-player:last-child{border:0}.trade-player:has(input:checked){background:#e7f6f9;border-radius:7px}.trade-player input{width:18px;height:18px;flex:none;margin:0;accent-color:#1c70b5}.trade-player .position-pill{flex:none}.trade-player span{min-width:0}.trade-player strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.86rem}.trade-player small{display:block;color:#678390;font-size:.74rem}.trade-compose-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;border-top:1px solid #e4ecee;margin-top:20px;padding-top:17px}.trade-compose-footer span{font-size:.81rem;color:#627987}
.trade-offers{margin-bottom:25px}.trade-offer-list{display:grid;gap:12px}.trade-offer{padding:17px;border:1px solid #e0ebef;border-radius:12px;background:#fbfdfe}.trade-offer-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.trade-offer-top strong{font-size:.94rem}.trade-offer-top strong span{color:#138aaa;padding:0 3px}.trade-offer-top small{display:block;margin-top:4px;color:#6f8792}.trade-status{flex:none;padding:5px 10px;border-radius:100px;background:#edf1f3;color:#687986;text-transform:capitalize;font-size:.74rem;font-weight:850}.trade-status.pending{background:#e7f5fa;color:#087d9e}.trade-status.accepted{background:#e6f6ee;color:#14734d}.trade-exchange{display:grid;grid-template-columns:1fr 24px 1fr;align-items:center;gap:12px;margin:14px 0}.trade-exchange>div{border:1px solid #e2ebee;border-radius:10px;padding:12px;background:#fff;min-width:0}.trade-exchange>div>span{display:block;color:#718894;font-size:.74rem;font-weight:800;margin-bottom:7px}.trade-exchange strong{display:block;font-size:.86rem;padding:3px 0}.trade-exchange strong small{color:#7a909b}.trade-exchange>b{font-size:1.3rem;color:#2997ad;text-align:center}.trade-offer-actions{display:flex;justify-content:flex-end;gap:8px;border-top:1px solid #e8eef0;padding-top:12px}.trade-offer-actions form{margin:0}.trade-offer-actions .draft-button{min-height:34px;padding:6px 12px}
@media(max-width:700px){.trade-hero{min-height:0}.trade-hero-mark{display:none}.trade-columns{grid-template-columns:1fr;gap:22px}.trade-roster{max-height:270px}.trade-offer{padding:12px}.trade-exchange{grid-template-columns:1fr;gap:6px}.trade-exchange>b{transform:rotate(90deg)}.trade-offer-top{align-items:start}.trade-offer-top strong{font-size:.82rem}}