From 51e8b11090fb31ce09af45c8ded33180dd0c6a46 Mon Sep 17 00:00:00 2001
From: Manuel Cillero <manuel@cillero.es>
Date: Thu, 13 Aug 2026 17:12:06 +0200
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20(theme):=20A=C3=B1ade=20clases=20de?=
 =?UTF-8?q?=20tabla=20al=20tema=20Basic?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 assets/css/basic.css | 56 ++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 56 insertions(+)

diff --git a/assets/css/basic.css b/assets/css/basic.css
index aa54408b..22a0a13a 100644
--- a/assets/css/basic.css
+++ b/assets/css/basic.css
@@ -137,6 +137,62 @@ input:disabled + label {
     color: var(--val-color--text--muted);
 }
 
+/*
+ * Table component
+ */
+
+.table-responsive {
+    overflow-x: auto;
+    -webkit-overflow-scrolling: touch;
+}
+
+.table {
+    width: 100%;
+    border-collapse: collapse;
+    text-align: left;
+}
+
+.table th,
+.table td {
+    padding: 0.5rem 0.75rem;
+    border-bottom: 1px solid color-mix(in srgb, var(--val-color--border) 15%, var(--val-color--bg));
+}
+
+.table thead th {
+    border-bottom-width: 2px;
+    font-weight: 600;
+}
+
+.table-sort {
+    color: inherit;
+    text-decoration: none;
+}
+.table-sort:hover {
+    text-decoration: underline;
+}
+.table-sort::after {
+    content: "\25BC";
+    margin-left: 0.25rem;
+    font-size: 0.8em;
+    opacity: 0.15;
+}
+.table-sort-asc::after {
+    content: "\25B2";
+    font-size: 0.8em;
+    opacity: 1;
+}
+.table-sort-desc::after {
+    content: "\25BC";
+    font-size: 0.8em;
+    opacity: 1;
+}
+
+.table-empty {
+    text-align: center;
+    font-style: italic;
+    color: var(--val-color--text--muted);
+}
+
 /*
  * Pager component
  */