/* ============================================================================
 * value-table-email.css
 *
 * Reduzierte, e-mail-clientfreundliche Variante des modernen Stylesheets.
 *
 * Ziel: Outlook / Apple Mail / Gmail rendern weder CSS-Variablen noch :hover
 * oder @media-Regeln zuverlässig. Diese Variante setzt deshalb nur Styles, die
 * in den meisten Mail-Clients tatsächlich greifen, und verzichtet bewusst auf
 * Effekte, die nur am Bildschirm wirken.
 *
 * Verwendung wie value-table-modern.css: als Mandanten-/Projekt-Ressource
 * hochladen und in der Workflow-Aktion „Value-Table" unter „CSS Ressource"
 * auswählen.
 * ============================================================================ */

table.fc-value-table {
    border-collapse: collapse;
    width: 100%;
    max-width: 720px;
    margin: 16px 0;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 1.5;
    color: #1f2937;

    background-color: #ffffff;
    border: 1px solid #e4e7ec;
}

/* Tabellenkopf */
table.fc-value-table thead th {
    background-color: #1e293b;
    color: #ffffff;
    text-align: left;
    font-weight: bold;
    padding: 12px 16px;
    border-bottom: 2px solid #6366f1;
    font-size: 13px;
}

/* Datenzeilen */
table.fc-value-table tbody td {
    padding: 10px 16px;
    border-top: 1px solid #e4e7ec;
    vertical-align: top;
}

/* Erste Spalte = Label */
table.fc-value-table tbody td:first-child {
    width: 35%;
    font-weight: bold;
    color: #4b5563;
    background-color: #f8fafc;
}

/* Zebra-Streifen über die rechte Spalte (max. Kompatibilität) */
table.fc-value-table tbody tr:nth-child(even) td:last-child {
    background-color: #f8fafc;
}