.trade-grid {
  display: grid;
  grid-template-columns: 1.4fr 1fr;
  gap: 24px;
  margin-top: 24px;
}
.trade-chart-card canvas { width: 100%; height: 320px; display: block; }
.trade-chart-head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; }
.trade-price-big { font-family: var(--font-mono); font-size: 1.8rem; font-weight: 700; }

.trade-panel { padding: 28px; }
.trade-balances { display: flex; justify-content: space-between; margin-bottom: 22px; padding-bottom: 20px; border-bottom: 1px solid var(--border); }
.trade-balances div span { display: block; font-size: 0.78rem; color: var(--text-muted); margin-bottom: 4px; }
.trade-balances div strong { font-family: var(--font-mono); }

.amount-input-wrap { position: relative; }
.amount-input-wrap input { font-family: var(--font-mono); font-size: 1.1rem; padding-right: 70px; }
.amount-max { position: absolute; right: 12px; top: 50%; transform: translateY(-50%); font-size: 0.75rem; color: var(--gold); font-weight: 700; }

.trade-estimate { text-align: center; font-family: var(--font-mono); color: var(--text-muted); margin: 16px 0 20px; font-size: 0.95rem; }

.trade-history-card { margin-top: 24px; padding: 26px; }
