/* styles/flows.css — FLOWS page */

/* FLOWS has 4 content rows + footer strip — default .main only has 4 row tracks
   so the 5th section was getting clipped by overflow:hidden. */
.main--flows {
  grid-template-rows:
    minmax(0, 1fr)
    minmax(0, 1fr)
    minmax(0, 1fr)
    minmax(0, 1fr)
    minmax(70px, auto);
}
@media (max-width: 820px) { .main--flows { grid-template-rows: none; } }


/* ETF table */
.etf-tbl { width: 100%; border-collapse: collapse; font-family: var(--font-mono); font-size: 11.5px; }
.etf-tbl thead th {
  text-align: left; padding: 6px 12px;
  font-size: 9.5px; letter-spacing: .14em; text-transform: uppercase;
  color: var(--txt-3); font-weight: 500;
  border-bottom: 1px solid rgba(255,255,255,.06);
  background: rgba(0,0,0,.2);
}
.etf-tbl thead th:nth-child(n+3) { text-align: right; }
.etf-tbl tbody td { padding: 7px 12px; border-bottom: 1px solid rgba(255,255,255,.04); }
.etf-tbl tbody tr:last-child td { border-bottom: 0; }
.etf-tbl tbody td:nth-child(n+3) { text-align: right; }
.etf-tbl__sym { font-weight: 700; color: var(--txt-1); letter-spacing: .04em; }
.etf-tbl__iss { font-size: 10.5px; }
.etf-tbl__aum { color: var(--txt-1); }

/* 7D flow bars */
.flow7d { display: flex; flex-direction: column; gap: 8px; height: 100%; }
.flow7d__legend { display: flex; gap: 14px; font-family: var(--font-mono); font-size: 10px; letter-spacing: .1em; align-items: center; }
.flow7d__legend > span { display: inline-flex; gap: 6px; align-items: center; }
.flow7d__hint { margin-left: auto; }
.flow7d__sw { width: 10px; height: 10px; display: inline-block; border-radius: 1px; }
.flow7d__sw--btc { background: var(--gold); }
.flow7d__sw--eth { background: #8b9dc3; }
.flow7d__grid { display: grid; grid-template-columns: repeat(7, 1fr); gap: 6px; flex: 1; min-height: 0; }
.flow7d__col { display: flex; flex-direction: column; gap: 4px; height: 100%; }
.flow7d__bars { position: relative; flex: 1; min-height: 60px; display: flex; align-items: center; justify-content: center; gap: 3px; }
.flow7d__axis { position: absolute; left: 0; right: 0; top: 50%; height: 1px; background: rgba(255,255,255,.08); }
.flow7d__bar { width: 40%; position: absolute; transition: height .2s; }
.flow7d__bar--btc { left: 8%; }
.flow7d__bar--eth { right: 8%; }
.flow7d__bar.up { background: linear-gradient(180deg, rgba(52,211,153,.9), rgba(52,211,153,.4)); }
.flow7d__bar.dn { background: linear-gradient(180deg, rgba(248,113,113,.4), rgba(248,113,113,.9)); }
.flow7d__d { text-align: center; font-family: var(--font-mono); font-size: 9.5px; color: var(--txt-3); letter-spacing: .1em; }

/* stable supply */
.stab-sup { display: flex; flex-direction: column; }
.stab-sup__row {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: center;
  padding: 7px 12px;
  border-bottom: 1px solid rgba(255,255,255,.04);
  font-family: var(--font-mono); font-size: 11px;
}
.stab-sup__row:last-child { border-bottom: 0; }
.stab-sup__l, .stab-sup__c, .stab-sup__r { display: flex; flex-direction: column; gap: 1px; }
.stab-sup__r { align-items: flex-end; }
.stab-sup__sym { color: var(--txt-1); font-weight: 700; letter-spacing: .04em; font-size: 12px; }
.stab-sup__iss { font-size: 9.5px; }
.stab-sup__sup { color: var(--txt-1); font-weight: 600; }
.stab-sup__chain { font-size: 9px; letter-spacing: .08em; }
.stab-sup__d7 { font-weight: 600; }
.stab-sup__dom { font-size: 9.5px; }

/* mint burn */
.mintburn { display: flex; flex-direction: column; gap: 8px; height: 100%; }
.mintburn__legend { display: flex; gap: 14px; font-family: var(--font-mono); font-size: 10px; letter-spacing: .1em; align-items: center; }
.mintburn__legend > span { display: inline-flex; gap: 6px; align-items: center; }
.mintburn__sw { width: 10px; height: 10px; display: inline-block; border-radius: 1px; }
.mintburn__sw--m { background: var(--gold-soft); }
.mintburn__sw--b { background: rgba(248,113,113,.7); }
.mintburn__grid { display: grid; grid-template-columns: repeat(7,1fr); gap: 6px; flex: 1; min-height: 60px; }
.mintburn__col { display: flex; flex-direction: column; gap: 4px; }
.mintburn__bars { flex: 1; display: flex; align-items: flex-end; justify-content: center; gap: 3px; min-height: 50px; }
.mintburn__bar { width: 40%; }
.mintburn__bar--m { background: linear-gradient(180deg, var(--gold), var(--gold-soft)); }
.mintburn__bar--b { background: linear-gradient(180deg, rgba(248,113,113,.9), rgba(248,113,113,.5)); }
.mintburn__d { text-align: center; font-family: var(--font-mono); font-size: 9.5px; color: var(--txt-3); }

/* exchange netflow */
.exnet { display: flex; flex-direction: column; gap: 6px; font-family: var(--font-mono); font-size: 11px; }
.exnet__hd { display: grid; grid-template-columns: 80px 1fr 60px; gap: 10px; font-size: 9.5px; letter-spacing: .12em; text-transform: uppercase; padding-bottom: 2px; }
.exnet__row { display: grid; grid-template-columns: 80px 1fr 60px; gap: 10px; align-items: center; }
.exnet__nm { color: var(--txt-1); font-weight: 600; }
.exnet__track { position: relative; height: 16px; background: rgba(255,255,255,.02); }
.exnet__axis { position: absolute; top: 0; bottom: 0; left: 50%; width: 1px; background: rgba(201,168,106,.4); }
.exnet__bar { position: absolute; top: 0; bottom: 0; }
.exnet__bar--in  { background: linear-gradient(90deg, rgba(248,113,113,.5), rgba(248,113,113,.9)); }
.exnet__bar--out { background: linear-gradient(270deg, rgba(52,211,153,.5), rgba(52,211,153,.9)); }
.exnet__lbl { position: absolute; right: 4px; top: 1px; font-size: 10px; font-weight: 600; }
.exnet__eth { text-align: right; font-size: 10.5px; }
.exnet__foot { display: flex; justify-content: space-between; font-size: 9.5px; letter-spacing: .1em; padding-top: 4px; }

/* bridges */
.bridges { display: flex; flex-direction: column; gap: 6px; font-family: var(--font-mono); font-size: 11px; }
.bridges__row { display: grid; grid-template-columns: 90px 1fr 70px 56px; gap: 10px; align-items: center; }
.bridges__nm { color: var(--txt-1); font-weight: 600; }
.bridges__track { height: 8px; background: rgba(255,255,255,.02); border-radius: 1.5px; overflow: hidden; }
.bridges__bar { height: 100%; background: linear-gradient(90deg, var(--gold-soft), var(--gold)); box-shadow: 0 0 6px var(--gold-soft); }
.bridges__vol { text-align: right; color: var(--txt-1); }
.bridges__d7 { text-align: right; font-weight: 600; }

/* smart money */
.smart { display: flex; flex-direction: column; }
.smart__row {
  display: flex; justify-content: space-between; align-items: center;
  padding: 8px 12px;
  border-bottom: 1px solid rgba(255,255,255,.04);
}
.smart__row:last-child { border-bottom: 0; }
.smart__l, .smart__r { display: flex; flex-direction: column; gap: 2px; font-family: var(--font-mono); }
.smart__r { align-items: flex-end; }
.smart__lbl { color: var(--txt-1); font-weight: 600; font-size: 11.5px; }
.smart__conv { font-size: 9.5px; letter-spacing: .1em; }
.smart__net { font-weight: 700; font-size: 12.5px; }
.smart__win { font-size: 9.5px; color: var(--gold-soft); letter-spacing: .04em; }

/* whales */
.whales { display: flex; flex-direction: column; font-family: var(--font-mono); font-size: 11.5px; }
.whales__hd, .whales__row {
  display: grid;
  grid-template-columns: 64px 88px 70px 1fr 48px;
  gap: 8px;
  padding: 6px 12px;
  align-items: center;
}
.whales__hd { font-size: 9px; letter-spacing: .12em; text-transform: uppercase; background: rgba(0,0,0,.2); border-bottom: 1px solid rgba(255,255,255,.06); }
.whales__row { border-bottom: 1px solid rgba(255,255,255,.04); }
.whales__row:last-child { border-bottom: 0; }
.whales__t { color: var(--txt-3); font-size: 10px; }
.whales__amt { color: var(--txt-1); font-weight: 600; }
.whales__usd { color: var(--gold-soft); }
.whales__path { display: flex; gap: 6px; align-items: center; font-size: 10.5px; white-space: nowrap; overflow: hidden; }
.whales__arrow { color: var(--txt-3); }
.whales__typ {
  font-size: 9px; font-weight: 700; letter-spacing: .12em;
  text-align: center; padding: 2px 4px; border-radius: 1.5px;
  border: 1px solid currentColor;
}
.tag-in   { color: var(--dn);    }
.tag-out  { color: var(--up);    }
.tag-defi { color: var(--gold);  }
.tag-mint { color: var(--gold-soft); }
.tag-acc  { color: #8b9dc3;      }

/* holders */
.holders { display: flex; flex-direction: column; }
.holders__row {
  display: grid;
  grid-template-columns: 1fr 56px 110px 70px;
  gap: 10px;
  align-items: center;
  padding: 8px 12px;
  border-bottom: 1px solid rgba(255,255,255,.04);
  font-family: var(--font-mono);
  font-size: 11px;
}
.holders__row:last-child { border-bottom: 0; }
.holders__nm { color: var(--txt-1); font-weight: 600; font-size: 11.5px; }
.holders__tkr { font-size: 10px; letter-spacing: .08em; }
.holders__held { text-align: right; color: var(--txt-2); }
.holders__usd { text-align: right; font-weight: 700; }

@media (max-width: 820px) {
  .etf-tbl thead th:nth-child(2), .etf-tbl tbody td:nth-child(2) { display: none; }
  .whales__hd, .whales__row { grid-template-columns: 56px 80px 64px 1fr 44px; }
}
/* GMG_STANDARDS §5 mobile typography floor */
@media (max-width: 899px) {
  .whales__t, .whales__arrow, .flow7d__d, .mintburn__d,
  .stab-sup__iss, .stab-sup__chain, .stab-sup__dom,
  .smart__conv, .smart__win, .holders__tkr,
  .etf-tbl thead th, .etf-tbl tbody td.mute,
  .whales__hd { font-size: 11px !important; line-height: 1.25 !important; }
  .etf-tbl tbody td, .whales__row,
  .stab-sup__row .mono, .flow7d__bar,
  .smart__addr, .holders__held, .holders__usd { font-size: 13px !important; line-height: 1.3 !important; }
}
@media (max-width: 899px) {
  .exnet__lbl, .exnet__eth, .whales__typ, .flows .mute,
  .holders__pct, .mintburn__bar { font-size: 11px !important; line-height: 1.25 !important; }
}