/* #####################################################################
   WEBDEV FRAMEWORK v0.6
   MODULE: Tables
   PURPOSE: Responsive data tables with striped and compact variants.
   DEPENDENCIES: colors.php, fonts.css
   ##################################################################### */

.table-wrapper { overflow-x:auto; border:1px solid var(--color-border-light); border-radius:var(--radius-md); }
.table { width:100%; border-collapse:collapse; }
.table th,.table td { padding:.8rem 1rem; border-bottom:1px solid var(--color-border-light); text-align:left; }
.table th { color:var(--site-color-accent); background:var(--surface-medium); font-family:var(--font-primary); }
.table-striped tbody tr:nth-child(even) { background:var(--surface-soft); }
.table-compact th,.table-compact td { padding:.45rem .7rem; }
.table tbody tr:last-child td { border-bottom:0; }