/* table.css — global, dark/light friendly w/ subtle transparency */

/* Table tokens (derived from your theme vars) */
:root{
  --table-bg:        color-mix(in oklab, var(--bg) 50%, var(--text) 8%);
  --table-head-bg:   color-mix(in oklab, var(--bg) 85%, var(--text) 12%);
  --table-stripe-bg: color-mix(in oklab, var(--surface) 75%, transparent);
  --table-hover-bg:  color-mix(in oklab, var(--surface) 60%, transparent);
}

.light{
  --table-bg:        color-mix(in oklab, var(--bg) 50%, var(--text) 4%);
  --table-head-bg:   color-mix(in oklab, var(--bg) 85%, var(--text) 6%);
  --table-stripe-bg: color-mix(in oklab, var(--surface) 75%, transparent);
  --table-hover-bg:  color-mix(in oklab, var(--surface) 60%, transparent);
}

/* Base */
table{
  width:100%;
  border-collapse:collapse;
  table-layout: fixed;                 /* stabile kolonnebredder */
  font-size:var(--fs-14);
  background:var(--table-bg);
  color:var(--text);
}

/* Cells */
th, td{
  padding:8px 10px;
  border-bottom:1px solid var(--border);
  overflow:hidden;                     /* ikke la lange verdier dytte kolonner */
  text-overflow: ellipsis;
  white-space: nowrap;
  background: transparent;             /* viktig: la tr bakgrunn synes jevnt */
}

/* Header */
thead th{
  text-align:left;
  color:var(--muted);
  font-weight:600;
  background:var(--table-head-bg);
}

/* Zebra striping (på raden – ikke på cellene) */
tbody tr:nth-child(even){
  background:var(--table-stripe-bg);
}

/* Hover (vinner over stripe) – én jevn bakgrunn på hele raden */
tbody tr:hover{
  background:var(--table-hover-bg);
}

/* Optional helpers
.table--no-stripe tbody tr:nth-child(even){ background:transparent; }
.table--compact th, .table--compact td{ padding:6px 8px; font-size:var(--fs-13, 13px); }
*/