/* The shell supplies height; only the three lists own overflow. */
#tab-tradeos{min-height:0;min-width:0}
#tab-tradeos>.feature-scroll{display:flex;flex:1;min-height:0;padding:0;overflow:visible}
#tab-tradeos .feature-hero{display:none}
#trade-app{display:flex;flex-direction:column;flex:1;min-width:0;min-height:0;gap:12px;container-type:inline-size}
#trade-app [hidden]{display:none!important}
.trade-heading{display:flex;flex:none;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px;border:1px solid var(--border-subtle);border-radius:18px;background:var(--layout-surface,var(--bg-island))}
.trade-heading h1{font-size:24px;margin:3px 0 0}.trade-heading>span{color:var(--text-dim);overflow-wrap:anywhere}.trade-heading .eyebrow{font-size:10px}
#trade-lobby{display:flex;align-items:end;gap:12px;flex-wrap:wrap}#trade-lobby label{flex:1;min-width:180px;font-size:12px}#trade-target{display:block;width:100%;margin-top:4px}#trade-lobby button{margin:0;min-height:42px}
.trade-workspace{display:grid;grid-template-columns:minmax(250px,1fr) minmax(0,1.15fr);grid-template-rows:minmax(0,1fr);gap:12px;flex:1;min-height:0;min-width:0}
.trade-inventory-panel,.trade-offer-panel{display:flex;flex-direction:column;min-width:0;min-height:0;gap:10px;background:var(--layout-surface,var(--bg-island));border:1px solid var(--border-subtle);border-radius:18px;padding:14px}
.trade-inventory-panel>header,.trade-offer-panel>header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px;flex:none}.trade-inventory-panel h2,.trade-offer-panel h2{font-size:15px;margin:0;overflow-wrap:anywhere}.trade-inventory-panel header>span,.trade-offer-panel header>span{font-size:12px;color:var(--text-dim)}
.trade-inventory-grid,.trade-offer-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(125px,100%),1fr));align-content:start;gap:10px;overflow-y:auto;min-height:0;min-width:0;flex:1;overscroll-behavior:contain;padding:2px 4px 6px}
.trade-offers{display:grid;grid-template-rows:repeat(2,minmax(0,1fr));gap:12px;min-height:0;min-width:0}.trade-offer-panel{border-top-color:color-mix(in srgb,var(--accent) 60%,var(--border-subtle))}.trade-peer-panel{border-top-color:#58baa7}
.trade-object{position:relative;display:flex;flex-direction:column;gap:5px;align-items:stretch;min-width:0;text-align:left;padding:8px;border:1px solid var(--border-subtle);border-radius:12px;background:color-mix(in srgb,var(--accent) 5%,var(--bg-island));color:var(--text-primary);font:inherit;cursor:pointer;transition:transform 140ms,opacity 140ms}
.trade-object:disabled{opacity:.65;cursor:default}.trade-object:not(:disabled):hover{transform:translateY(-2px)}.trade-object:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.trade-object[aria-pressed=true]{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 16%,var(--bg-island))}.trade-object strong{font-size:12px;line-height:1.4;overflow-wrap:anywhere}.trade-object small{font-size:10px}.trade-object .rarity-label{font-size:10px;margin:0}
.trade-item-art{height:96px;flex:none;position:relative;display:grid;grid-template-rows:68px 20px;align-content:center;justify-items:center;align-items:center;border-radius:9px;isolation:isolate}.trade-item-art>.trade-item-backdrop{position:absolute;inset:0;z-index:0;border-radius:9px;overflow:hidden}.trade-item-art>.avatar-art,.trade-item-sample{position:relative;z-index:1}.trade-item-sample{font-size:13px;line-height:20px;max-width:100%}.trade-object-count{position:absolute;top:8px;right:8px;z-index:2;border-radius:6px;background:var(--bg-island);padding:2px 5px;font-size:11px}.trade-selected{font-size:10px;color:var(--accent)}
.trade-offer-grid{grid-template-columns:repeat(auto-fill,minmax(min(112px,100%),1fr))}.trade-pagination{display:flex;align-items:center;justify-content:space-between;gap:8px;flex:none;font-size:12px}.trade-pagination .pill-btn{min-height:36px;padding:6px 12px}.trade-empty{grid-column:1/-1;color:var(--text-dim);line-height:1.6;font-size:13px;margin:8px 4px}
.trade-footer{display:flex;flex:none;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border:1px solid var(--border-subtle);border-radius:16px;background:var(--layout-surface,var(--bg-island))}.trade-footer>div:first-child{min-width:0}.trade-footer strong{font-size:14px;overflow-wrap:anywhere}.trade-footer small{display:block;color:var(--text-dim);font-size:12px;margin-top:4px}.trade-actions{display:flex;gap:8px;flex:none;flex-wrap:wrap}.trade-actions button{min-height:42px;margin:0}.trade-footer #trade-error{color:#fa8597;font-size:12px;margin:4px 0 0}.trade-footer #trade-error:empty{display:none}.trade-offer-panel header>.trade-ready{color:#32ceab;font-weight:700}
#trade-app[data-status=countdown] .trade-footer{border-color:var(--accent)}#trade-app[data-status=completed] .trade-footer{border-color:#32ceab}.trade-tabs{display:none}
@container(max-width:620px){.trade-workspace{grid-template-columns:minmax(0,1fr)}.trade-tabs{display:flex;gap:8px;flex:none}.trade-tabs button{flex:1;padding:10px;border-radius:10px;border:1px solid var(--border-subtle);background:var(--bg-island);color:var(--text-primary);font:inherit;font-size:13px}.trade-tabs [aria-pressed=true]{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 18%,var(--bg-island))}.trade-workspace[data-pane=inventory]>.trade-offers,.trade-workspace[data-pane=offers]>.trade-inventory-panel{display:none}.trade-footer{flex-direction:column;align-items:stretch;gap:8px}.trade-actions{justify-content:flex-end}.trade-heading{padding:10px 12px}.trade-heading h1{font-size:21px}.trade-heading>span{font-size:12px}.trade-footer small{font-size:11px}.trade-inventory-panel,.trade-offer-panel{padding:10px}.trade-heading .eyebrow{display:none}}
@media(prefers-reduced-motion:reduce){.trade-object{transition:none}.trade-object:not(:disabled):hover{transform:none}}

.trade-item-art .avatar-art{width:44px;height:44px;flex:none;margin:0}.trade-actions>.btn-modern{width:auto;min-width:160px}.trade-object[aria-disabled=true]{opacity:1}

.trade-offer-item{display:flex;flex-direction:column;gap:6px;min-width:0}.trade-offer-item>.trade-object{flex:1}.trade-offer-item>.pill-btn{width:100%;margin:0;min-height:36px}
@container(max-width:620px){.trade-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.trade-actions>.btn-modern,.trade-actions>.pill-btn{min-width:0;width:100%;white-space:normal;overflow-wrap:anywhere;padding:9px 10px}.trade-actions>button:only-child{grid-column:1/-1}}
@container app-content (max-width:400px){#trade-app{gap:8px}.trade-footer{padding:10px 12px}.trade-footer strong{font-size:13px}.trade-inventory-panel{gap:8px}}
/* With the mobile navigation and an active call, a short window cannot fit
   every inventory control. Keep that panel scrollable instead of letting its
   minimum contents paint underneath the confirmation bar. */
@media(max-height:700px){@container(max-width:400px){.trade-workspace{overflow-y:auto;overscroll-behavior:contain;grid-template-rows:minmax(270px,1fr)}.trade-footer>div:first-child{max-height:76px;overflow-y:auto;overscroll-behavior:contain}}}