/* V343 — full-width clean-price terminal, separated change column and 30-day table pagination.
   Scope: /clean/ only. V342 interaction, ticker, API and chart behavior remain unchanged. */

html.clean-terminal-document-v343 body[data-page="clean"] .clean-page.clean-terminal-page-v343 {
  width: calc(100% - 16px) !important;
  max-width: none !important;
  margin-inline: auto !important;
  padding-inline: 0 !important;
}

html.clean-terminal-document-v343 .clean-terminal-shell-v341 {
  grid-template-columns: clamp(350px, 24vw, 430px) minmax(0, 1fr) !important;
  gap: 8px !important;
}

html.clean-terminal-document-v343 .clean-terminal-sidebar-v341,
html.clean-terminal-document-v343 .clean-terminal-chart-v341 {
  border-radius: 13px;
}

html.clean-terminal-document-v343 .clean-terminal-chart-scroll-v341 {
  padding: 10px;
}

/* Price and change are independent columns. The state remains visible at the far right. */
html.clean-terminal-document-v343 .clean-terminal-list-v341 .clean-group-card.clean-terminal-row-v341 > a {
  grid-template-columns: 48px minmax(0, 1fr) minmax(102px, auto) minmax(82px, auto) !important;
  gap: 9px !important;
}

html.clean-terminal-document-v343 .clean-terminal-row-quote-v341 {
  justify-self: end;
  align-items: flex-end;
}

html.clean-terminal-document-v343 .clean-terminal-row-quote-sub-v342 {
  justify-content: flex-end;
  min-height: 14px;
}

html.clean-terminal-document-v343 .clean-terminal-row-change-v342 {
  min-width: 82px;
  min-height: 30px;
  padding: 0 8px;
  justify-self: end;
  justify-content: center;
  border-radius: 8px;
  font-size: clamp(11px, .72vw, 13px);
  line-height: 1;
  letter-spacing: -.02em;
  background: rgba(255,255,255,.035);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.035);
}

html.clean-terminal-document-v343 .clean-terminal-row-change-v342.up {
  color: #ff5c6e;
  background: rgba(255, 64, 87, .095);
}
html.clean-terminal-document-v343 .clean-terminal-row-change-v342.down {
  color: #5a96ff;
  background: rgba(59, 132, 255, .095);
}
html.clean-terminal-document-v343 .clean-terminal-row-change-v342.flat {
  color: #c0cad6;
  background: rgba(174, 184, 198, .075);
}
html.clean-terminal-document-v343 .clean-terminal-row-change-v342.new {
  color: #f6cf58;
  background: rgba(246, 201, 69, .09);
}
html.clean-terminal-document-v343 .clean-terminal-row-change-v342.pending {
  color: #748397;
}

/* Thirty-day history pages. */
.clean-daily-pagination-v343 {
  width: 100%;
  min-height: 42px;
  margin-top: 12px;
  padding: 6px 2px 1px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  overflow-x: auto;
  scrollbar-width: none;
}
.clean-daily-pagination-v343[hidden] { display: none !important; }
.clean-daily-pagination-v343::-webkit-scrollbar { display: none; }
.clean-daily-pagination-v343 button {
  flex: 0 0 auto;
  min-width: 31px;
  height: 31px;
  padding: 0 8px;
  border: 1px solid rgba(174, 192, 215, .12);
  border-radius: 8px;
  background: rgba(255,255,255,.025);
  color: #8c9aad;
  font-size: 11px;
  font-weight: 900;
  font-variant-numeric: tabular-nums;
  cursor: pointer;
}
.clean-daily-pagination-v343 button:hover:not(:disabled) {
  border-color: rgba(216,255,31,.28);
  color: #e8f2fb;
  background: rgba(216,255,31,.06);
}
.clean-daily-pagination-v343 button.active {
  border-color: rgba(216,255,31,.45);
  background: rgba(216,255,31,.14);
  color: #e8ff7c;
  box-shadow: inset 0 0 0 1px rgba(216,255,31,.04);
}
.clean-daily-pagination-v343 button:disabled {
  opacity: .28;
  cursor: default;
}
.clean-daily-page-ellipsis-v343 {
  min-width: 18px;
  color: #5d6b7d;
  text-align: center;
  font-size: 12px;
}

@media (min-width: 1780px) {
  html.clean-terminal-document-v343 .clean-terminal-shell-v341 {
    grid-template-columns: 440px minmax(0, 1fr) !important;
  }
  html.clean-terminal-document-v343 .clean-terminal-candle-card-v341 {
    min-height: clamp(560px, 59vh, 760px) !important;
    max-height: 780px;
  }
}

@media (max-width: 1220px) {
  html.clean-terminal-document-v343 .clean-terminal-shell-v341 {
    grid-template-columns: minmax(318px, 350px) minmax(0, 1fr) !important;
  }
  html.clean-terminal-document-v343 .clean-terminal-list-v341 .clean-group-card.clean-terminal-row-v341 > a {
    grid-template-columns: 44px minmax(0, 1fr) minmax(86px, auto) minmax(68px, auto) !important;
    gap: 7px !important;
  }
  html.clean-terminal-document-v343 .clean-terminal-row-change-v342 {
    min-width: 68px;
    padding-inline: 5px;
    font-size: 10.5px;
  }
}

@media (max-width: 900px) {
  html.clean-terminal-document-v343 body[data-page="clean"] .clean-page.clean-terminal-page-v343 {
    width: calc(100% - 10px) !important;
  }
  html.clean-terminal-document-v343 .clean-terminal-shell-v341 {
    grid-template-columns: 1fr !important;
  }
  html.clean-terminal-document-v343 .clean-terminal-sidebar-v341 {
    width: 100%;
  }
}

@media (max-width: 620px) {
  html.clean-terminal-document-v343 .clean-terminal-list-v341 .clean-group-card.clean-terminal-row-v341 {
    height: 72px !important;
    min-height: 72px !important;
  }
  html.clean-terminal-document-v343 .clean-terminal-list-v341 .clean-group-card.clean-terminal-row-v341 > a {
    grid-template-columns: 42px minmax(0, 1fr) minmax(76px, auto) minmax(62px, auto) !important;
    gap: 6px !important;
    padding-inline: 6px !important;
  }
  html.clean-terminal-document-v343 .clean-terminal-row-copy-v341 strong,
  html.clean-terminal-document-v343 .clean-terminal-row-quote-v341 b {
    font-size: 10.5px !important;
  }
  html.clean-terminal-document-v343 .clean-terminal-row-change-v342 {
    min-width: 62px;
    min-height: 28px;
    padding-inline: 3px;
    font-size: 9.5px;
  }
  .clean-daily-pagination-v343 {
    justify-content: flex-start;
  }
}