/* Basketball Ideas v90 — Trade Tracker visual-density pass. */

/* Give franchise identity more breathing room rather than cramming six cards. */
.tt-team-grid{
  grid-template-columns:repeat(auto-fit,minmax(205px,1fr));
  gap:12px;
}
.tt-team-card{
  grid-template-columns:60px minmax(0,1fr);
  min-height:94px;
  padding:15px 16px;
  gap:13px;
  overflow:hidden;
}
.tt-team-card img,.tt-team-card .tt-team-logo-fallback{width:56px;height:56px}
.tt-team-card strong{font-size:14px;line-height:1.22}
.tt-team-card small{font-size:9px;line-height:1.4}

/* Selected-franchise header: one large, purposeful identity mark. */
.tt-browser-team{
  display:grid;
  place-items:center;
  width:84px;
  height:84px;
  padding:9px;
  border:1px solid color-mix(in srgb,var(--tt-team) 52%,#394149);
  border-radius:24px;
  background:radial-gradient(circle at 35% 25%,color-mix(in srgb,var(--tt-team) 22%,transparent),rgba(17,24,30,.92) 70%);
  box-shadow:0 12px 34px rgba(0,0,0,.24);
}
.tt-browser-team img{width:100%;height:100%;object-fit:contain}
.tt-browser-team .tt-team-logo-fallback{width:58px;height:58px}

/* Trade rows: compact visual identity rail. */
.tt-trade-row{
  grid-template-columns:118px 92px minmax(0,1fr) auto;
  gap:16px;
  min-height:104px;
  padding:16px 18px;
}
.tt-trade-row-copy{min-width:0}
.tt-trade-visuals{
  display:grid;
  align-content:center;
  gap:8px;
  min-width:0;
}
.tt-trade-partner-logos,.tt-trade-player-visuals{
  display:flex;
  align-items:center;
  min-height:30px;
}
.tt-trade-partner-logo{
  display:grid;
  place-items:center;
  width:30px;
  height:30px;
  margin-right:-5px;
  padding:4px;
  border:1px solid #3b444b;
  border-radius:50%;
  background:#111820;
  box-shadow:0 2px 9px rgba(0,0,0,.28);
}
.tt-trade-partner-logo img,.tt-trade-partner-logo .tt-team-logo-fallback{
  width:21px;
  height:21px;
  object-fit:contain;
  font-size:6px;
}
.tt-trade-preview-avatar{
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  margin-right:-8px;
  overflow:hidden;
  border:2px solid #18222a;
  border-radius:50%;
  background:#232c33;
  box-shadow:0 2px 10px rgba(0,0,0,.34);
}
.tt-trade-preview-avatar img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 18%;
}
.tt-trade-preview-avatar .tt-portrait-fallback,
.tt-trade-preview-avatar>.tt-portrait-fallback{
  display:grid;
  place-items:center;
  width:100%;
  height:100%;
  font-size:9px;
  font-weight:900;
  color:#e6e0d3;
}
.tt-trade-player-loading{
  width:34px;
  height:34px;
  border-radius:50%;
  background:linear-gradient(100deg,#1d262d 20%,#2d3941 40%,#1d262d 60%);
  background-size:200% 100%;
  animation:tt90Shimmer 1.3s linear infinite;
}
.tt-trade-player-empty,.tt-trade-partner-empty{
  color:#6f7d86;
  font-size:8px;
  font-weight:850;
  letter-spacing:.06em;
  text-transform:uppercase;
}
@keyframes tt90Shimmer{to{background-position:-200% 0}}

/* Keep dense information readable before adding more imagery. */
.tt-trade-row p{line-height:1.5}
.tt-trade-participants{line-height:1.45}

@media(max-width:980px){
  .tt-team-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .tt-trade-row{grid-template-columns:105px 84px minmax(0,1fr) auto;gap:13px}
  .tt-trade-preview-avatar{width:34px;height:34px}
  .tt-trade-partner-logo{width:27px;height:27px}
}

@media(max-width:780px){
  .tt-team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tt-team-card{grid-template-columns:48px minmax(0,1fr);min-height:78px;padding:11px;gap:10px}
  .tt-team-card img,.tt-team-card .tt-team-logo-fallback{width:44px;height:44px}
  .tt-browser-team{width:60px;height:60px;padding:7px;border-radius:18px}
  .tt-trade-row{
    grid-template-columns:1fr auto;
    grid-template-areas:
      "date action"
      "visual visual"
      "copy copy";
    gap:10px 12px;
    min-height:0;
    padding:15px;
  }
  .tt-trade-row time{grid-area:date;align-self:center}
  .tt-trade-row>.tt-trade-visuals{grid-area:visual;display:flex;gap:16px;min-height:38px}
  .tt-trade-row>.tt-trade-row-copy{grid-area:copy}
  .tt-trade-row>button{grid-area:action;width:auto;padding:9px 12px}
  .tt-trade-partner-logos,.tt-trade-player-visuals{min-height:38px}
}

@media(max-width:520px){
  .tt-team-grid{gap:8px}
  .tt-team-card{grid-template-columns:40px minmax(0,1fr);min-height:70px;padding:9px;gap:8px}
  .tt-team-card img,.tt-team-card .tt-team-logo-fallback{width:38px;height:38px}
  .tt-team-card strong{font-size:11px}
  .tt-team-card small{font-size:8px}
  .tt-trade-preview-avatar{width:32px;height:32px}
  .tt-trade-partner-logo{width:26px;height:26px}
  .tt-trade-row p{font-size:11px}
}

@media(prefers-reduced-motion:reduce){.tt-trade-player-loading{animation:none}}