/* Únicamente Intercambios y su diálogo. */
.trade-sync-bar,.trade-actions { display:flex; gap:12px; align-items:center; flex-wrap:wrap; margin:12px 0; }
.trade-sync-bar p { flex:1; min-width:180px; }
.trades-screen .trade-error,#trade-compose-error { color:#a32b4d; }
.trade-offer-form { flex-wrap:wrap; }
.trade-offer-form .trade-offer-row-copy { flex:1; min-width:130px; }
.trade-mini-art { width:48px; height:67px; object-fit:contain; flex-shrink:0; }
.card-art .trade-mini-art { width:100%; height:100%; object-fit:contain; }
.trade-art-empty { font-size:28px; }
.trade-quantity { display:grid; gap:4px; font-size:12px; }
.trade-quantity input,.trade-compose-card input { width:76px; padding:9px; border:1px solid #cec5dc; border-radius:8px; font:inherit; background:#fff; color:#312940; }
.trade-match,.trade-proposal { margin:16px 0; padding:16px; border:1px solid #d8cfe4; border-radius:14px; background:rgba(255,255,255,.55); }
.trade-match h3,.trade-proposal h3 { margin:0 0 8px; overflow-wrap:anywhere; }
.trade-match-card { display:flex; align-items:center; gap:10px; padding:8px 0; }
.trade-match-card span { overflow-wrap:anywhere; }
.trade-match-card small,.trade-compose-card small { display:block; margin-top:4px; opacity:.75; }
.trade-proposal-sides { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.trade-proposal details { margin-top:14px; }
.trade-proposal summary { cursor:pointer; }
.trade-proposal li { margin:8px 0; }
.trade-compose-dialog { width:min(760px,calc(100vw - 24px)); max-height:85dvh; box-sizing:border-box; padding:24px; overflow:auto; border:1px solid #c9bbdf; border-radius:18px; color:#312940; background:#f8f4fc; }
.trade-compose-dialog::backdrop { background:rgba(30,20,44,.65); }
.trade-compose-card { display:flex; align-items:center; gap:10px; padding:10px 0; }
.trade-compose-card span { flex:1; min-width:0; overflow-wrap:anywhere; }
.trades-screen button:disabled,.trade-compose-dialog button:disabled { opacity:.5; cursor:not-allowed; }
@media(max-width:560px) { .trade-proposal-sides { grid-template-columns:1fr; } .trade-compose-dialog { padding:16px; } .trade-offer-form .secondary-button { padding:10px; } }
/* Listas de intercambios: controles amplios y jerarquía consistente. */
.trades-screen .trade-sync-bar{font-size:12px;line-height:1.5;color:#617364}
.trades-screen .trade-tabs{padding:5px;gap:5px;border:1px solid #d4dfce;border-radius:16px;background:#e9efdf}
.trades-screen .trade-tab{min-height:46px;border-color:transparent;background:transparent;font-size:12px;border-radius:11px}
.trades-screen .trade-tab.active{background:#fffdf6;border-color:#e3c3c4;color:#a82f40;box-shadow:0 2px 5px #354a3010}
.trades-screen .trade-tab-panel{padding:20px;border:1px solid #d4dfce;border-radius:18px;background:#fffdf6;box-shadow:0 4px 14px #304c3210}
.trades-screen .panel-heading{align-items:flex-start;gap:12px}
.trades-screen .panel-heading h2{font-size:21px;line-height:1.2;margin:5px 0 8px}
.trades-screen .panel-heading p:not(.panel-kicker){max-width:440px;font-size:12px;line-height:1.6;color:#67786a}
.trades-screen .club-icon{flex-shrink:0}
.trades-screen .trade-actions{margin:16px 0}
.trades-screen #trade-add-wanted{min-height:44px;padding:0 18px;border:1px solid #365e46;border-radius:11px;background:#365e46;color:#fff;font-size:12px;box-shadow:0 2px 0 #244332}
.trades-screen .trade-card-grid{grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:14px}
.trades-screen .trade-card-grid .card-tile{min-width:0;border:1px solid #d4dfce;border-radius:13px;overflow:hidden;background:#fff;box-shadow:0 2px 5px #304c3209}
.trades-screen .trade-card-grid .card-art-button{height:210px;padding:14px;background:linear-gradient(145deg,#f0f4e7,#e5edda)}
.trades-screen .trade-card-grid .tile-info{padding:12px 10px 8px}
.trades-screen .trade-card-grid .tile-info b{white-space:normal;font-size:13px;line-height:1.4}
.trades-screen .wanted-actions{display:grid;grid-template-columns:1fr;gap:4px;padding:0 10px 10px}
.trades-screen .wanted-actions button{min-height:40px;width:100%;font-size:11px;border-radius:9px}
.trades-screen .wanted-actions .remove-card{min-height:34px;color:#8b5860}
.trades-screen .trade-prototype-note{margin:16px 0;padding:12px 14px;border:1px solid #dce4cf;border-radius:11px;background:#f2f6e9;color:#5c705b;font-size:12px;line-height:1.6}
.trades-screen .trade-offer-list{gap:12px}
.trades-screen .trade-offer-form{display:grid;grid-template-columns:56px minmax(0,1fr) 80px auto;gap:12px;padding:14px;border:1px solid #d4dfce;border-radius:13px;background:#fff}
.trades-screen .trade-offer-form .trade-mini-art{width:56px;height:78px}
.trades-screen .trade-offer-form .trade-offer-row-copy{min-width:0}
.trades-screen .trade-offer-row-copy b{font-size:14px;line-height:1.4}
.trades-screen .trade-offer-row-copy small{margin-top:5px;font-size:11px;line-height:1.5}
.trades-screen .trade-quantity{gap:6px;color:#5e7163;font-size:11px}
.trades-screen .trade-offer-form input{box-sizing:border-box;width:80px;height:44px;padding:8px;border:1px solid #b6c9ad;border-radius:9px;background:#f8fbf4;color:#2d4c3d;font-size:16px}
.trades-screen .trade-offer-form .secondary-button{min-height:44px;padding:0 14px;border-radius:9px;font-size:12px;align-self:end}
.trades-screen .trade-empty{padding:30px 16px;border:1px dashed #c5d4bc;border-radius:13px;background:#f6f9ef;color:#61745f;line-height:1.7}
.trades-screen button:focus-visible,.trades-screen input:focus-visible{outline:3px solid #377eaa;outline-offset:3px}
@media(max-width:560px){
.trades-screen .trade-tab-panel{padding:14px}
.trades-screen .trade-offer-form{grid-template-columns:56px minmax(0,1fr);gap:12px}
.trades-screen .trade-offer-form .trade-quantity{grid-column:1;width:80px}
.trades-screen .trade-offer-form .secondary-button{grid-column:2;width:100%}
.trades-screen .trade-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.trades-screen .trade-card-grid .card-art-button{height:clamp(145px,43vw,210px);padding:10px}
.trades-screen .panel-heading h2{font-size:19px}
}
.trades-screen .trade-sync-bar{padding:12px;border:1px solid #d4dfce;border-radius:12px;background:#f8fbf0}
.trades-screen .trade-sync-bar p{margin:0}
@media(max-width:560px){.trades-screen .trade-offer-form{grid-template-columns:80px minmax(0,1fr)}}