/* Tables */
.table-wrap { overflow-x: auto; }
table.data {
  width: 100%;
  border-collapse: collapse;
  font-size: 12.5px;
}
table.data thead th {
  text-align: left;
  padding: 10px 12px;
  background: var(--bg-2);
  color: var(--text-2);
  font-weight: 600;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  border-bottom: 1px solid var(--line);
  position: sticky; top: 0;
}
table.data tbody td {
  padding: 11px 12px;
  border-bottom: 1px solid var(--line);
  color: var(--text-1);
  vertical-align: middle;
}
table.data tbody tr:hover { background: var(--bg-2); }
table.data tbody tr:last-child td { border-bottom: none; }
table.data .id-cell { font-family: var(--mono); font-size: 11px; color: var(--text-2); }
table.data .title-cell { color: var(--text-0); font-weight: 500; }
table.data .muted { color: var(--text-2); font-size: 11px; }
table.data .actions-cell { text-align: right; white-space: nowrap; }
table.data .actions-cell .btn { margin-left: 4px; }

/* Editable cells — Features, AI capabilities and the GitHub rule table all put
   live controls straight into a row. Without this they fall back to the OS
   widget (white box, native date picker) and stick out of the dark table.
   .switch toggles are excluded: their input is deliberately invisible and the
   visible control is the .slider next to it. */
table.data select,
table.data textarea,
table.data input:not([type="checkbox"]):not([type="radio"]) {
  background: var(--bg-2);
  border: 1px solid var(--line-2);
  color: var(--text-0);
  padding: 5px 8px;
  border-radius: var(--radius-sm);
  font-size: 12px;
  font-family: var(--font);
  outline: none;
  max-width: 100%;
}
table.data select:hover,
table.data input:not([type="checkbox"]):not([type="radio"]):hover { border-color: var(--brand-border); }
table.data select:focus,
table.data textarea:focus,
table.data input:not([type="checkbox"]):not([type="radio"]):focus { border-color: var(--brand); }
table.data select { cursor: pointer; }
/* Native date/number widgets ship a dark-on-dark picker icon in dark themes. */
:root[data-theme="dark"] table.data input[type="date"]::-webkit-calendar-picker-indicator,
:root[data-theme="dark"] table.data input[type="number"] { color-scheme: dark; }
table.data input[type="date"] { color-scheme: light dark; }
table.data input[type="number"] { width: 64px; }