/* =======================================================
   GLOBAL TABLES - Dark Design mit Hover nur für tbody-Zeilen
======================================================= */

/* -----------------------------
   Allgemeine Table-Styles
----------------------------- */
table {
    width: 100%;
    border-collapse: collapse;
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
    background-color: rgba(20, 20, 25, 0.85);
    color: var(--text-white);
    border-radius: 6px;
    overflow: hidden;

    cursor: default;   /* kein Cursorwechsel */
    user-select: none; /* kein Markieren */
}

/* -----------------------------
   Tabellenkopf (thead)
----------------------------- */
table thead th {
    padding: 10px;
    text-align: left;
    font-weight: bold;
    background-color: rgba(30, 30, 40, 0.95); /* dunkler Header */
}

/* -----------------------------
   Tabellenkörper (tbody)
----------------------------- */
table tbody td {
    padding: 10px;
    vertical-align: top;
}

table tbody tr {
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    transition: background-color 0.1s ease; /* sanfter Fade nur für Zeile */
}

table tbody tr:nth-child(even) {
    background-color: rgba(35, 35, 45, 0.55); /* gerade Zeilen */
}

table tbody tr:nth-child(odd) {
    background-color: rgba(25, 25, 35, 0.55); /* ungerade Zeilen */
}

table tbody tr:hover {
    background-color: rgba(50, 50, 70, 0.7); /* sanftes Überblenden beim Hover */
}

/* -----------------------------
   Links & Icons
----------------------------- */
table a {
    text-decoration: none;
    color: var(--text-blue-light);
    pointer-events: none; /* keine Klicks */
}

table .icon {
    width: 50px;
    text-align: center;
}

table .icon img {
    width: 32px;
    height: 32px;
}