/* =================================================================================================
   HABUS – Gesamt-CSS (merged)
   Enthält: Design-Variablen, Global/Layout, Navigation, Buttons/Utility, Tabellen, Kalender/Urlaub,
            Overlay/Popup (einmalig, konsolidiert)
================================================================================================= */


/* ============================================================================================= */
/* 7b) Matrix-Grundlayout                                                                        */
/* ============================================================================================= */

#habus_matrix,
.habus-matrix {
    font-family: Arial, Helvetica, sans-serif;
    font-size: var(--habus-font-size-base);
    border-collapse: collapse;
    width: 100%;
    table-layout: fixed;
}

#habus_matrix th.kw-column,
.habus-matrix th.kw-column {
    width: 60px;
    min-width: 50px;
    max-width: 50px;
    white-space: nowrap;
}

#habus_matrix th:not(.kw-column),
#habus_matrix td:not(.kw-column),
.habus-matrix th:not(.kw-column),
.habus-matrix td:not(.kw-column) {
    width: calc((100% - 60px) / 7);
}

#habus_matrix td,
#habus_matrix th,
.habus-matrix td,
.habus-matrix th {
    border: 1px solid var(--habus-color-table-border);
    padding: 8px;
    font-size: var(--habus-font-size-base);
}

#habus_matrix td,
.habus-matrix td {
    height: 13vh;
    vertical-align: top;
    white-space: normal;
    word-break: break-word;
}

#habus_matrix tr:hover,
.habus-matrix tr:hover { background-color: #ddd; }

#habus_matrix th,
.habus-matrix th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
    background-color: var(--habus-color-table-header);
    color: white;
}

#habus_matrix td .datum,
.habus-matrix td .datum {
    font-weight: bold;
    display: block;
    margin-bottom: 4px;
}