/* WASDE (USDA Supply & Demand) page — builds on the shared ff- tokens. */

.ff-wasde-controls { align-items: flex-end; gap: 22px; }

.ff-wasde-control { display: flex; flex-direction: column; gap: 5px; }
.ff-wasde-control .ff-cftc-dropdown { min-width: 210px; }

.ff-wasde-radio { display: flex; gap: 16px; color: var(--text); font-size: 14px; }
.ff-wasde-radio label { display: inline-flex; align-items: center; gap: 5px; cursor: pointer; }

.ff-wasde-overlay { margin: 4px 0 22px; }

/* chart card header: equal height across both cards so the plots align */
.ff-wasde-chart-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 40px;
  margin-bottom: 6px;
  padding: 2px 6px 0;
}
.ff-wasde-chart-title {
  font-family: var(--font-display);
  font-size: 15px;
  font-weight: 600;
  color: #1E293B;            /* dark text — chart cards are white in both themes */
}
.ff-wasde-chart-head .ff-cftc-dropdown { min-width: 190px; }

/* balance sheet: inherits .ff-cftc-table (white card, navy header); add number
   alignment and a row hover. */
.ff-wasde-table th, .ff-wasde-table td {
  text-align: right;
  padding: 6px 12px;
  white-space: nowrap;
}
.ff-wasde-table th:first-child, .ff-wasde-table td:first-child { text-align: left; }
.ff-wasde-table tbody tr:hover { background: #F1F5F9; }