/**
 * Bolt.css
 * Version 0.6.0
 * https://github.com/tbolt/boltcss
 *
 * Sections
 * 1. Content sectioning
 * 2. Text content
 * 3. Inline text semantics
 * 4. Image and multimedia
 * 5. Tables
 * 6. Forms
 * 7. Interactive elements
 *
 */

:root {

  --table-highlight: #f1f1f1;
}

@media (prefers-color-scheme: dark) {
  :root {
  
    --table-highlight: #222;
  }
}


/* Tables */
table {
  width: fit-content;
  border: 1px solid var(--background-main);
  background: var(--background-main);
  border-radius: var(--border-radius);
}

table tr:last-child td:first-child {
  border-bottom-left-radius: 8px;
}

table tr:last-child td:last-child {
  border-bottom-right-radius: 8px;
}

table tr:first-child th:first-child {
  border-top-left-radius: 8px;
}

table tr:first-child th:last-child {
  border-top-right-radius: 8px;
}

th {
  background-color: var(--background-main);
}

td {
  background: var(--background-body);
}

td,
th {
  text-align: left;
  padding: 8px;
}

thead {
  border-collapse: collapse;
}

tfoot {
  border-top: 1px solid black;
}

table tr:hover td,
tbody tr:nth-child(even):hover td {
  background-color: var(--table-highlight);
}