/*
  NBA Coaching Forest — Trade Tracker readability pass v76
  PRESENTATION ONLY. Scoped to .tt-tracker-screen so the Trade Archive / franchise browser
  remains visually unchanged from v75. Loaded after trade-archive-v75.css.
*/

/* Stronger information hierarchy inside the selected-trade experience only. */
.tt-tracker-screen{
  --tt76-paper:#f3ead8;
  --tt76-paper-hi:#fff9ec;
  --tt76-ink:#211f1a;
  --tt76-muted:#5f594e;
  --tt76-rule:rgba(55,50,39,.34);
}

.tt-tracker-screen .tt-anchor-title p{
  color:#c8cec8!important;
  font-size:15px!important;
  line-height:1.5!important;
}
.tt-tracker-screen .tt-perspective-row>span{
  color:#d6c796!important;
  font-size:11px!important;
}
.tt-tracker-screen .tt-perspective-switch button{
  color:#d7ddd8!important;
  font-size:12px!important;
  min-height:40px;
}
.tt-tracker-screen .tt-wheel-heading>span{color:#b8c0ba!important}
.tt-tracker-screen .tt-wheel-item{color:#b7afbf!important}
.tt-tracker-screen .tt-wheel-item.is-near{color:#eee7f1!important}
.tt-tracker-screen .tt-wheel-item.is-far{color:#9a92a4!important}

/* Snapshot sheet: raise contrast and stop microtype from carrying core information. */
.tt-tracker-screen .tt-standings,
.tt-tracker-screen .tt-ledger-section{
  background:var(--tt76-paper)!important;
  color:var(--tt76-ink)!important;
}
.tt-tracker-screen .tt-standings .tt-section-heading p{
  color:var(--tt76-muted)!important;
  font-size:12px!important;
  line-height:1.45!important;
  max-width:620px!important;
}
.tt-tracker-screen .tt-summary-card{
  background:rgba(255,252,244,.86)!important;
  border-color:var(--tt76-rule)!important;
}
.tt-tracker-screen .tt-summary-card small{
  color:#5d574c!important;
  font-size:9px!important;
  line-height:1.3!important;
}
.tt-tracker-screen .tt-summary-card strong{
  color:var(--tt76-ink)!important;
  font-size:14px!important;
  line-height:1.2!important;
}
.tt-tracker-screen .tt-summary-card p{
  color:#514c43!important;
  font-size:10px!important;
  line-height:1.4!important;
}
.tt-tracker-screen .tt-summary-context{
  color:#625c50!important;
  font-size:9px!important;
}
.tt-tracker-screen .tt-summary-status{
  color:#315944!important;
  font-size:9px!important;
  line-height:1.3!important;
}

/* Compact OUT / IN snapshot components generated by the current runtime. */
.tt-tracker-screen .tt-flow-side{
  background:rgba(255,252,244,.64)!important;
  border-color:var(--tt76-rule)!important;
}
.tt-tracker-screen .tt-flow-side.is-out{
  background:linear-gradient(180deg,rgba(155,93,85,.11),rgba(255,252,244,.70))!important;
}
.tt-tracker-screen .tt-flow-side.is-in{
  background:linear-gradient(180deg,rgba(85,122,98,.13),rgba(255,252,244,.70))!important;
}
.tt-tracker-screen .tt-flow-side-head span{
  color:var(--tt76-ink)!important;
  font-size:12px!important;
}
.tt-tracker-screen .tt-flow-side-head small{
  color:#625c50!important;
  font-size:9px!important;
}
.tt-tracker-screen .tt-flow-chip,
.tt-tracker-screen .tt-flow-draft-group{
  background:var(--tt76-paper-hi)!important;
  border-color:var(--tt76-rule)!important;
}
.tt-tracker-screen .tt-flow-copy strong,
.tt-tracker-screen .tt-flow-draft-copy>strong{
  color:var(--tt76-ink)!important;
  font-size:11px!important;
  line-height:1.25!important;
}
.tt-tracker-screen .tt-flow-copy small,
.tt-tracker-screen .tt-flow-draft-row b,
.tt-tracker-screen .tt-flow-draft-row em{
  color:#5f594e!important;
  font-size:8.5px!important;
  line-height:1.3!important;
}
.tt-tracker-screen .tt-flow-draft-row b{color:#37332b!important}
.tt-tracker-screen .tt-flow-active-badge{
  color:#28563f!important;
  font-size:7.5px!important;
  font-weight:900!important;
}

/* Ledger headers and guide text. */
.tt-tracker-screen .tt-ledger-key{
  color:#565046!important;
  font-size:10px!important;
  line-height:1.35!important;
}
.tt-tracker-screen .tt-ledger-labels{
  color:#403c34!important;
  font-size:10px!important;
}
.tt-tracker-screen .tt-band{
  background:rgba(255,252,244,.86)!important;
  border-color:var(--tt76-rule)!important;
}
.tt-tracker-screen .tt-band-header,
.tt-tracker-screen .tt-band.is-event .tt-band-header{
  background:#e5d8bc!important;
}
.tt-tracker-screen .tt-band.is-anchor .tt-band-header{background:#d9c8a4!important}
.tt-tracker-screen .tt-band-eyebrow time,
.tt-tracker-screen .tt-band-eyebrow span,
.tt-tracker-screen .tt-band-kind{
  color:#514a3e!important;
  font-size:9px!important;
  line-height:1.35!important;
}
.tt-tracker-screen .tt-band-header strong{
  color:var(--tt76-ink)!important;
  font-size:16px!important;
  line-height:1.18!important;
}
.tt-tracker-screen .tt-band-header-main p{
  color:#514c43!important;
  font-size:10px!important;
  line-height:1.4!important;
}
.tt-tracker-screen .tt-band-header-side small{
  color:#575146!important;
  font-size:9px!important;
  line-height:1.35!important;
}
.tt-tracker-screen .tt-band-header-side small b{color:#2d2a24!important;font-size:11px!important}
.tt-tracker-screen .tt-band-team-chip,
.tt-tracker-screen .tt-band-team-more{
  color:#484238!important;
  font-size:8.5px!important;
}
.tt-tracker-screen .tt-band-team-chip:not(.is-direct) span:last-child:after{
  color:#675f52!important;
  font-size:8px!important;
}
.tt-tracker-screen .tt-band-column-title strong{
  font-size:11px!important;
  line-height:1.2!important;
}
.tt-tracker-screen .tt-band-column-title em,
.tt-tracker-screen .tt-band-column-title>span{
  color:#625c50!important;
  font-size:8.5px!important;
  line-height:1.3!important;
}

/* Asset cards: names and lineage descriptions are the content, so they must be readable. */
.tt-tracker-screen .tt-asset-card,
.tt-tracker-screen .tt-ledger-draft-group{
  background:var(--tt76-paper-hi)!important;
  border-color:var(--tt76-rule)!important;
}
.tt-tracker-screen .tt-asset-copy small,
.tt-tracker-screen .tt-ledger-draft-copy>small{
  color:#5d574c!important;
  font-size:8px!important;
  line-height:1.3!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
}
.tt-tracker-screen .tt-asset-card.is-original-cost .tt-asset-copy small{color:#7c403c!important}
.tt-tracker-screen .tt-asset-card.is-tracked-out .tt-asset-copy small,
.tt-tracker-screen .tt-asset-card.is-incoming .tt-asset-copy small{color:#28563f!important}
.tt-tracker-screen .tt-asset-card.is-introduced .tt-asset-copy small{color:#684e19!important}
.tt-tracker-screen .tt-asset-copy strong,
.tt-tracker-screen .tt-ledger-draft-copy>strong{
  color:var(--tt76-ink)!important;
  font-size:12px!important;
  line-height:1.22!important;
  -webkit-line-clamp:3!important;
}
.tt-tracker-screen .tt-asset-copy p,
.tt-tracker-screen .tt-asset-copy em,
.tt-tracker-screen .tt-ledger-draft-rows em,
.tt-tracker-screen .tt-ledger-draft-more{
  color:#514c43!important;
  font-size:8.5px!important;
  line-height:1.35!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
}
.tt-tracker-screen .tt-ledger-draft-rows b{
  color:#312e28!important;
  font-size:8.5px!important;
}
.tt-tracker-screen .tt-asset-tag,
.tt-tracker-screen .tt-ledger-draft-copy>i{
  color:#4e493f!important;
  font-size:8px!important;
  line-height:1.3!important;
}

/* Detail dialog was also using microtype. */
.tt-detail-dialog .tt-detail-body{color:#f1eadc!important;font-size:13px!important;line-height:1.55!important}
.tt-detail-dialog .tt-detail-block small{color:#c7bfae!important;font-size:9px!important}
.tt-detail-dialog .tt-detail-block strong{color:#fff8e8!important;font-size:15px!important}
.tt-detail-dialog .tt-detail-block p{color:#d8d1c3!important;font-size:12px!important;line-height:1.6!important}
.tt-detail-dialog .tt-source-list a{font-size:11px!important;line-height:1.45!important}

/* Desktop: trade a little density for legibility. No behavior/state changes. */
@media(min-width:1181px){
  .tt-tracker-screen .tt-flow-chip-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important}
  .tt-tracker-screen .tt-asset-list{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important}

  .tt-tracker-screen .tt-flow-chip{grid-template-columns:34px minmax(0,1fr)!important;min-height:42px!important}
  .tt-tracker-screen .tt-flow-avatar,
  .tt-tracker-screen .tt-flow-symbol{width:34px!important;height:42px!important}
  .tt-tracker-screen .tt-flow-copy{padding:5px 6px!important}

  .tt-tracker-screen .tt-asset-card,
  .tt-tracker-screen .tt-asset-card.is-player-active,
  .tt-tracker-screen .tt-asset-card.is-compact,
  .tt-tracker-screen .tt-asset-card.is-nonplayer{
    grid-template-columns:52px minmax(0,1fr)!important;
    min-height:68px!important;
  }
  .tt-tracker-screen .tt-asset-portrait,
  .tt-tracker-screen .tt-asset-card.is-compact .tt-asset-portrait,
  .tt-tracker-screen .tt-asset-symbol{min-height:68px!important}
  .tt-tracker-screen .tt-asset-copy{padding:8px 8px 7px!important}
  .tt-tracker-screen .tt-band-column{padding:11px 12px 13px!important}
  .tt-tracker-screen .tt-band-header,
  .tt-tracker-screen .tt-band.is-anchor .tt-band-header{padding:11px 14px 10px!important}
}

/* Keep medium desktop comfortably readable too. */
@media(min-width:981px) and (max-width:1180px){
  .tt-tracker-screen .tt-asset-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .tt-tracker-screen .tt-flow-chip-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* Mobile already uses fewer columns; increase minimum type rather than changing interaction. */
@media(max-width:780px){
  .tt-tracker-screen .tt-band-header strong{font-size:15px!important}
  .tt-tracker-screen .tt-band-header-main p{font-size:9.5px!important;white-space:normal!important;overflow:visible!important}
  .tt-tracker-screen .tt-asset-copy strong{font-size:12px!important}
  .tt-tracker-screen .tt-asset-copy small{font-size:8px!important}
  .tt-tracker-screen .tt-asset-copy p,
  .tt-tracker-screen .tt-asset-copy em{font-size:8.5px!important}
}

@media(max-width:520px){
  .tt-tracker-screen .tt-asset-list{grid-template-columns:1fr!important}
  .tt-tracker-screen .tt-flow-chip-grid{grid-template-columns:1fr!important}
  .tt-tracker-screen .tt-asset-card,
  .tt-tracker-screen .tt-asset-card.is-player-active,
  .tt-tracker-screen .tt-asset-card.is-compact,
  .tt-tracker-screen .tt-asset-card.is-nonplayer{
    grid-template-columns:64px minmax(0,1fr)!important;
    min-height:76px!important;
  }
}