/* Trade Talk — season-by-season trade archive */
.trade-intro{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:18px}
.trade-intro h3{font-size:19px;margin-top:5px}
.trade-intro p{margin:6px 0 0;color:var(--muted);font-size:12px;line-height:1.6;max-width:68ch}
.transaction-eyebrow{font:8px 'Space Mono',monospace;color:var(--amber);letter-spacing:.12em;text-transform:uppercase}
.trade-year-nav{display:flex;gap:7px;flex-wrap:wrap;padding:6px;margin-bottom:14px;background:var(--panel);border:1px solid var(--line);border-radius:12px;position:sticky;top:calc(var(--sticky-offset) - 1px);z-index:15;box-shadow:0 8px 18px rgba(0,0,0,.15)}
.trade-year-nav button{border:1px solid transparent;background:transparent;color:var(--muted);border-radius:8px;padding:10px 14px;font:600 12px Oswald,sans-serif;text-transform:uppercase;letter-spacing:.02em;cursor:pointer;display:inline-flex;align-items:center;gap:7px}
.trade-year-nav button i{font:700 9px 'Space Mono',monospace;font-style:normal;color:var(--turf)}
.trade-year-nav button:hover{background:var(--panel2);color:var(--cream)}
.trade-year-nav button.active{background:linear-gradient(135deg,rgba(0,132,135,.22),rgba(185,138,82,.13));border-color:rgba(185,138,82,.35);color:var(--amber)}
.trade-year-nav button.active i{color:var(--cream)}
.trade-season-meta{margin:-4px 2px 14px;color:var(--muted);font:9px 'Space Mono',monospace;letter-spacing:.08em;text-transform:uppercase;min-height:13px}
.trade-feed{display:flex;flex-direction:column;gap:12px}

.trade-card{padding:0!important;overflow:hidden}
.trade-card-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 16px;border-bottom:1px solid var(--line);background:rgba(23,40,41,.45)}
.trade-card-head time{font:700 11px Oswald,sans-serif;text-transform:uppercase;letter-spacing:.04em;color:var(--cream)}
.trade-card-head span{color:var(--muted);font:9px 'Space Mono',monospace;letter-spacing:.06em;text-transform:uppercase}
.trade-card-body{display:flex;align-items:stretch;gap:10px;padding:15px 16px;flex-wrap:wrap}
.trade-side{flex:1 1 240px;min-width:0;display:grid;gap:7px}
.trade-swap{align-self:center;flex:0 0 auto;font-size:17px;color:var(--amber)}
.trade-team{display:block;font:600 13px Oswald,sans-serif;text-transform:uppercase;letter-spacing:.03em;color:var(--turf);padding-bottom:6px;border-bottom:1px solid var(--line)}
.trade-gives small,.trade-receives small{display:block;font:8px 'Space Mono',monospace;color:var(--muted);letter-spacing:.1em;text-transform:uppercase;margin-bottom:3px}
.trade-gives p,.trade-receives p{margin:0;font-size:12px;line-height:1.65;color:var(--muted)}
.trade-gives p strong,.trade-receives p strong{color:var(--cream);font-weight:600}
.trade-receives p strong{color:var(--amber)}
.trade-gives p em,.trade-receives p em{opacity:.75}
.trade-details-unavailable{display:grid;gap:4px;width:100%;padding:14px;border:1px dashed rgba(185,138,82,.4);border-radius:9px;background:rgba(185,138,82,.06)}
.trade-details-unavailable strong{color:var(--amber);font:600 13px Oswald,sans-serif;text-transform:uppercase}
.trade-details-unavailable span{color:var(--muted);font-size:11px;line-height:1.5}

@media(max-width:620px){.trade-intro{flex-direction:column;align-items:flex-start;gap:10px}.trade-year-nav{position:static;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding:5px}}
@media(max-width:620px){.trade-year-nav::-webkit-scrollbar{display:none}.trade-year-nav button{flex:0 0 auto}}
@media(max-width:620px){.trade-card-body{flex-direction:column}.trade-swap{transform:rotate(90deg);align-self:center}.trade-card-head{flex-wrap:wrap;gap:6px}}

/* Trade Board — message board for trade discussions */
.trade-subnav{display:flex;gap:7px;flex-wrap:wrap;padding:6px;margin:14px 0;background:var(--panel);border:1px solid var(--line);border-radius:12px}
.trade-subnav button{border:1px solid transparent;background:transparent;color:var(--muted);border-radius:8px;padding:10px 14px;font:600 12px Oswald,sans-serif;text-transform:uppercase;letter-spacing:.02em;cursor:pointer}
.trade-subnav button:hover{background:var(--panel2);color:var(--cream)}
.trade-subnav button.active{background:linear-gradient(135deg,rgba(0,132,135,.22),rgba(185,138,82,.13));border-color:rgba(185,138,82,.35);color:var(--amber)}
.trade-tab-panel{display:none}
.trade-tab-panel.active{display:block}

.trade-board-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}
.trade-board-intro strong{display:block;font:600 14px Oswald,sans-serif;text-transform:uppercase;letter-spacing:.04em;color:var(--cream);margin-bottom:4px}
.trade-board-intro p{margin:0;color:var(--muted);font-size:12px;line-height:1.6;max-width:68ch}
.trade-board-user{color:var(--muted);font-size:12px}

.trade-board-form .form-row{margin-bottom:14px}
.trade-board-form label{display:block;font:600 11px 'Space Mono',monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}
.trade-board-form input,.trade-board-form textarea{width:100%;background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:10px 12px;font:inherit;color:var(--cream);outline:none}
.trade-board-form input:focus,.trade-board-form textarea:focus{border-color:var(--turf);box-shadow:0 0 0 2px rgba(0,132,135,.15)}
.trade-board-form .form-actions{display:flex;align-items:center;gap:12px;margin-top:10px}
.trade-board-form .form-status{font:9px 'Space Mono',monospace;color:var(--muted);min-height:12px}

.trade-board-feed{display:flex;flex-direction:column;gap:12px}
.trade-board-post{padding:16px}
.trade-board-post.closed{opacity:.7;background:rgba(139,0,0,.08);border-color:rgba(139,0,0,.3)}
.trade-board-post-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;flex-wrap:wrap}
.trade-board-post-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:11px;color:var(--muted)}
.trade-board-author{font-weight:600;color:var(--cream)}
.trade-starter-badge{font:700 8px 'Space Mono',monospace;color:var(--amber);background:rgba(185,138,82,.15);padding:2px 6px;border-radius:4px}
.trade-board-edited{opacity:.7}
.trade-board-post-actions{display:flex;gap:6px}
.trade-board-post-title{margin:0 0 8px;font-size:16px;line-height:1.3}
.trade-board-post-body{font-size:13px;line-height:1.65;color:var(--muted);white-space:pre-wrap}
.trade-board-closed-notice{margin-top:10px;padding:8px 12px;background:rgba(139,0,0,.15);border:1px solid rgba(139,0,0,.3);border-radius:8px;display:flex;align-items:center;gap:8px;font-size:12px;color:var(--danger)}

.trade-board-comments{margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}
.trade-board-comments-head{display:flex;align-items:center;gap:8px;margin-bottom:10px;font:9px 'Space Mono',monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.trade-board-comment-list{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}
.trade-board-comment{padding:10px 12px;background:var(--panel);border:1px solid var(--line);border-radius:8px}
.trade-board-comment-meta{display:flex;align-items:center;gap:8px;margin-bottom:4px;font-size:11px;color:var(--muted)}
.trade-board-comment-author{font-weight:600;color:var(--cream)}
.trade-board-comment-body{margin:0;font-size:12px;line-height:1.55;color:var(--muted)}
.trade-board-comment-form textarea{width:100%;background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:8px 10px;font:inherit;color:var(--cream);resize:vertical;min-height:50px;outline:none}
.trade-board-comment-form textarea:focus{border-color:var(--turf);box-shadow:0 0 0 2px rgba(0,132,135,.15)}
.trade-board-comment-form .form-actions{display:flex;align-items:center;gap:10px;margin-top:8px}
.trade-board-comment-form .form-status{font:9px 'Space Mono',monospace;color:var(--muted);min-height:12px}

@media(max-width:900px){.trade-board-header{flex-direction:column;align-items:flex-start;gap:10px}}
@media(max-width:620px){.trade-board-post-head{flex-direction:column;align-items:flex-start}.trade-board-post-actions{width:100%;justify-content:flex-end}}

/* Trade Board Filters */
.trade-board-filters{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0 16px;padding:6px;background:var(--panel);border:1px solid var(--line);border-radius:10px}
.trade-board-filters button{border:1px solid transparent;background:transparent;color:var(--muted);border-radius:8px;padding:8px 12px;font:600 11px Oswald,sans-serif;text-transform:uppercase;letter-spacing:.02em;cursor:pointer}
.trade-board-filters button:hover{background:var(--panel2);color:var(--cream)}
.trade-board-filters button.active{background:linear-gradient(135deg,rgba(0,132,135,.22),rgba(185,138,82,.13));border-color:rgba(185,138,82,.35);color:var(--amber)}

/* Post type badges */
.trade-board-type-badge{font:700 8px 'Space Mono',monospace;letter-spacing:.08em;padding:3px 8px;border-radius:6px;text-transform:uppercase}
.type-on-the-block{background:rgba(34,197,94,.18);color:#22c55e;border:1px solid rgba(34,197,94,.35)}
.type-looking-for{background:rgba(59,130,246,.18);color:#3b82f6;border:1px solid rgba(59,130,246,.35)}
.type-open-to-offers{background:rgba(234,179,8,.18);color:#eab308;border:1px solid rgba(234,179,8,.35)}
.type-trade-discussion{background:rgba(139,92,246,.18);color:#8b5cf6;border:1px solid rgba(139,92,246,.35)}

/* Player line */
.trade-board-player{display:inline-flex;align-items:center;gap:6px;margin:4px 0 8px;font:600 12px Oswald,sans-serif;text-transform:uppercase;letter-spacing:.02em;color:var(--turf)}
.trade-board-player::before{content:'';width:6px;height:6px;background:var(--turf);border-radius:50%}

/* Form required indicator */
.required{color:var(--amber)}

/* Post meta spacing */
.trade-board-post-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:11px;color:var(--muted)}
.trade-board-post-meta > *:not(:last-child)::after{content:'·';margin-left:10px;opacity:.5}

/* Responsive for filters */
@media(max-width:620px){.trade-board-filters{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.trade-board-filters::-webkit-scrollbar{display:none}.trade-board-filters button{flex:0 0 auto}}
@media(max-width:620px){.trade-board-post-meta{gap:6px}.trade-board-post-meta > *:not(:last-child)::after{margin-left:6px}}