/* Trade cards and result hierarchy. */
.trade-page .trade-panel{background:#0b1d33;border-color:#34506b;border-radius:14px}
.trade-page .trade-panel h2{font-size:23px;margin:0 0 5px;color:#fff;letter-spacing:-.02em}
.trade-page .trade-panel:first-child h2{border-left:3px solid #58a8ef;padding-left:10px}
.trade-page .trade-panel:last-child h2{border-left:3px solid #aab8c8;padding-left:10px}
.trade-side-count{margin:0 0 16px;color:#aab8c8;font-size:13px;font-weight:650}
.trade-page .trade-panel .detected-team{margin:3px 0 7px}
.trade-page .trade-player{--trade-accent:#788ca2;border-left:4px solid var(--trade-accent)!important;background:#10263d!important;box-shadow:inset 0 1px #ffffff08,0 3px 8px #020a1630!important}
.trade-pos-qb{--trade-accent:#f06a6a!important}.trade-pos-rb{--trade-accent:#58c892!important}.trade-pos-wr{--trade-accent:#58a8ef!important}.trade-pos-te{--trade-accent:#e8a45c!important}
.trade-page .trade-name strong{font-weight:850;letter-spacing:-.015em;color:var(--tc-name-color,#fff);line-height:1.25}
.trade-page .trade-player .trade-player-meta>span:first-child{color:#aab8c8!important;text-shadow:none!important}
.trade-page .trade-player:not(.trade-pick) .trade-head{background:#14283d;border-color:#536a8066;box-shadow:none;color:#fff}
.trade-page .trade-player.trade-pick{--trade-accent:#b38aee;background:#211c38!important;border-color:#53436e}
.trade-page .trade-pick .trade-head{background:#33264a;border-color:#8c67b866;border-radius:9px;color:#dec9ff}
.trade-pick-icon{font-size:14px;font-weight:900}
.trade-page .trade-pick .trade-name strong{font-size:var(--tc-name-size,20px);color:#f2eaff}
.trade-pick-projection{color:#c3addf!important;font-size:13px;line-height:1.35;margin-top:5px}
.trade-page .trade-result{position:relative;padding:25px 28px 22px;border:1px solid #49637e;border-radius:16px;background:linear-gradient(120deg,#17334e,#0b1d33);box-shadow:0 8px 24px #02091430}
.trade-page .trade-result .eyebrow{font-size:12px;letter-spacing:.12em;color:#aab8c8}
.trade-page .trade-result h2{font-size:clamp(28px,4vw,42px);line-height:1.15;font-weight:900;letter-spacing:-.035em;margin:9px 0}
.trade-result[data-result="good"] h2{color:#7bddab}.trade-result[data-result="bad"] h2{color:#ff9797}.trade-result[data-result="close"] h2{color:#efd087}.trade-result[data-result="fair"] h2{color:#e9eef6}
.trade-result[data-result="empty"] h2{font-size:clamp(24px,3.5vw,34px)}
.trade-page .trade-result p{color:#b5c5d5;line-height:1.5;font-size:14px}
.trade-page .trade-balance{width:100%;border-radius:0;height:14px;background:#243a50;margin-top:18px;overflow:visible}
.trade-balance::after{content:"";position:absolute;left:calc(50% - 1px);top:-4px;bottom:-4px;width:2px;background:#c4d2df;border-radius:2px}
.trade-page .trade-balance-fill{transition:width .3s ease;background:#58c892;border-radius:0}
.trade-page .trade-balance-fill.bad{background:#ef6a6a}
.trade-balance[data-balanced="true"]::after{background:#e8bd55}
@media(max-width:700px){.trade-page .trade-panel{padding:10px 7px}.trade-page .trade-panel h2{font-size:17px;padding-left:7px}.trade-side-count{font-size:12px;margin-bottom:12px}.trade-page .trade-result{padding:18px 16px}.trade-page .trade-result h2{font-size:30px}.trade-page .trade-result[data-result="empty"] h2{font-size:25px}.trade-page .trade-player{column-gap:6px}.trade-page .trade-name{padding-right:10px}.trade-page .trade-pick .trade-name strong{font-size:var(--tc-name-size,14px)}.trade-pick-projection{font-size:12px}.trade-pick-icon{font-size:12px}}
@media(prefers-reduced-motion:reduce){.trade-page .trade-balance-fill{transition:none}}

/* Keep player values secondary to names and position details. */
.trade-page .trade-name .trade-player-value{display:block;margin-top:5px;color:#b7c6d5;font-size:12px;font-weight:500;line-height:1.3;font-variant-numeric:tabular-nums;text-shadow:none}
@media(max-width:700px){.trade-page .trade-name .trade-player-value{font-size:11px;margin-top:4px}}