/* The Daily Experiment panel: a compact table of six if-then reads.
   Uses the dashboard's colour tokens (dashboard-*.css loads first). */
.panel-experiment { min-height: 300px; }
.experiment-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 12.5px;
  line-height: 1.45;
}
.experiment-table th, .experiment-table td {
  padding: 6px 8px;
  border-bottom: 1px solid var(--line);
  text-align: left;
  vertical-align: top;
}
.experiment-table th {
  color: var(--muted);
  font-weight: 600;
  font-size: 11px;
}
.experiment-name { white-space: nowrap; color: var(--text); font-weight: 600; }
.experiment-result { color: var(--muted); }
.experiment-num {
  text-align: right;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
  color: var(--text);
}
.experiment-table th:nth-child(3), .experiment-table th:nth-child(4) { text-align: right; }
.experiment-table tr.is-featured td {
  background: rgba(247, 147, 26, 0.08);
  color: var(--text);
}
.experiment-table tr.is-featured td:first-child { box-shadow: inset 3px 0 0 var(--accent-btc); }
.experiment-tag {
  display: inline-block;
  margin-left: 8px;
  padding: 0 6px;
  border-radius: 8px;
  font-size: 10.5px;
  font-weight: 600;
  color: var(--bg);
  background: var(--accent-btc);
}
@media (max-width: 640px) {
  .experiment-table th:nth-child(4), .experiment-table td:nth-child(4) { display: none; }
  .experiment-name { white-space: normal; }
}