/* Доска монет и страница монеты. Поверх launch.css, палитра донора. */

.bd-table { border: var(--hairline) solid var(--hair); }
.bd-row { display: grid; grid-template-columns: 2.2fr 1.5fr 1fr 1fr 0.8fr;
  gap: 12rem; padding: 12rem 14rem; align-items: center;
  border-bottom: var(--hairline) solid var(--hair); font-size: max(11px, 13rem); }
.bd-row:last-child { border-bottom: 0; }
.bd-head { font-family: var(--mono); font-size: max(10px, 11rem); color: var(--body); }
.bd-empty { color: var(--body); font-family: var(--mono); font-size: max(10px, 11rem); }
.ta-r { text-align: right; }

.bd-coin { display: flex; align-items: center; gap: 9rem; min-width: 0; }
.bd-coin b { font-weight: 400; }
.bd-coin span { color: var(--body); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bd-row a.bd-link { color: var(--ink); text-decoration: none; }
.bd-row a.bd-link:hover { text-decoration: underline; }

.bd-tag { display: inline-flex; align-items: center; gap: 6rem;
  font-family: var(--mono); font-size: max(10px, 11rem); }
.bd-tag .tbadge { width: 22rem; height: 22rem; }
.bd-long { color: var(--up); }
.bd-short { color: var(--down); }

.bd-grid { grid-template-columns: repeat(3, 1fr) 320rem; }
.bd-pos { font-size: max(20px, 26rem); letter-spacing: -.02em; display: flex;
  align-items: center; gap: 10rem; }
.bd-pos .tbadge { width: 30rem; height: 30rem; }

.bd-links { display: flex; flex-direction: column; gap: 6rem;
  font-family: var(--mono); font-size: max(10px, 11rem); }
.bd-links a { color: var(--ink); }

@media (max-width: 900px) {
  .bd-row { grid-template-columns: 1.6fr 1.2fr 1fr; }
  .bd-row > :nth-child(4), .bd-row > :nth-child(5) { display: none; }
  .bd-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 640px) {
  .bd-row { grid-template-columns: 1.4fr 1fr; }
  .bd-row > :nth-child(3) { display: none; }
  .bd-grid { grid-template-columns: 1fr; }
}

/* Страница монеты: чарт, панель создателя, активность. */
.bd-chart-wrap { margin: 0 0 22rem; }
.bd-chart-head { display: flex; justify-content: space-between; align-items: baseline;
  gap: 12rem; margin-bottom: 8rem; flex-wrap: wrap; }
.bd-stats { font-size: max(10px, 11rem); color: var(--body); }
.bd-chart { width: 100%; height: 440px; border: var(--hairline) solid var(--hair); background: #0b0b0b; display: block; }

/* display:flex у класса перебивал UA-правило для [hidden]; панель показывалась без кошелька */
.bd-owner[hidden] { display: none; }
.bd-owner { border: var(--hairline) solid var(--ink); padding: 18rem 20rem; margin-bottom: 22rem;
  display: flex; flex-direction: column; gap: 14rem;
  background: color-mix(in srgb, var(--ink) 4%, transparent); }
.bd-owner-head { display: flex; justify-content: space-between; align-items: baseline; gap: 12rem; flex-wrap: wrap; }
.bd-owner-addr { font-size: max(10px, 11rem); color: var(--body); }
.bd-owner-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14rem; }
.bd-owner-grid > div { display: flex; flex-direction: column; gap: 3rem; }
.bd-owner-grid dt { font-size: max(11px, 12rem); color: var(--body); }
.bd-owner-grid dd { margin: 0; font-size: max(16px, 20rem); letter-spacing: -.01em; }
.bd-owner-grid small { font-size: max(10px, 11rem); color: var(--body); line-height: 1.4; }
.bd-owner-actions { display: flex; gap: 8rem; flex-wrap: wrap; }

.bd-activity { margin-top: 22rem; }
.bd-row-4 { grid-template-columns: 1fr 1.6fr 1fr 0.6fr; }
.bd-kind { font-family: var(--mono); font-size: max(10px, 11rem); }

@media (max-width: 900px) {
  .bd-owner-grid { grid-template-columns: 1fr 1fr; }
  .bd-chart { height: 340px; }
  .bd-row-4 { grid-template-columns: 1fr 1.4fr 1fr; }
  .bd-row-4 > :nth-child(4) { display: none; }
}