/* Analytics → Dashboard tab (BigQuery). Only rules Tailwind can't express
   cleanly: data tables, sticky pivot column/header, chart-box sizing.
   All card/typography chrome is Tailwind in analytics-dashboard.js. */

.dash-chart { position: relative; height: 300px; }
.dash-chart.tall { height: 380px; }

table.dash-table {
  border-collapse: collapse;
  font-size: 13px;
  font-variant-numeric: tabular-nums;
  width: 100%;
}
.dash-table th, .dash-table td {
  padding: 6px 10px;
  text-align: left;
  border-bottom: 1px solid #f3f4f6; /* gray-100 */
  white-space: nowrap;
}
.dash-table td.num, .dash-table th.num { text-align: right; }
.dash-table thead th {
  position: sticky;
  top: 0;
  background: #ffffff;
  color: #9ca3af; /* gray-400 */
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  border-bottom: 1px solid #e5e7eb; /* gray-200 */
  z-index: 1;
}
.dash-table tbody tr:hover { background: #f9fafb; } /* gray-50 */
.dash-table .rowhead {
  position: sticky;
  left: 0;
  background: #ffffff;
  z-index: 2;
}
.dash-table td.dim { color: #9ca3af; }
.dash-table td.wrap { white-space: normal; min-width: 220px; }

.dash-swatch {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 3px;
  margin-right: 6px;
  vertical-align: baseline;
}