{{-- CSS only; wrap with <style> in the parent view --}}
    /*
     * Analytics / list-style DataTables: compact thead (lists, dashboard, analatics index + detail tabs)
     * Specificity beats datatable-global.css #data thead rules
     */
    .dash-analytics-card .table-dash-analytics thead th {
        font-size: 0.625rem !important;
        font-weight: 600 !important;
        letter-spacing: 0.07em !important;
        text-transform: uppercase !important;
        line-height: 1.2 !important;
        color: var(--text-muted, var(--bs-secondary-color)) !important;
        background: rgba(15, 23, 42, 0.035) !important;
        border-bottom: 1px solid var(--default-border, var(--bs-border-color)) !important;
        border-top: none !important;
        padding: 0.4rem 0.45rem !important;
        vertical-align: middle !important;
        white-space: nowrap !important;
    }
    [data-theme-mode="dark"] .dash-analytics-card .table-dash-analytics thead th,
    [data-bs-theme="dark"] .dash-analytics-card .table-dash-analytics thead th {
        background: rgba(255, 255, 255, 0.045) !important;
        color: rgba(255, 255, 255, 0.5) !important;
        border-bottom-color: rgba(255, 255, 255, 0.1) !important;
    }
    .dash-analytics-card .table-dash-analytics thead th.dash-th-metric {
        letter-spacing: 0.065em !important;
    }
    .dash-analytics-card .table-dash-analytics thead th.dash-th-sent {
        color: #555cd4 !important;
        background: rgba(108, 118, 248, 0.08) !important;
        box-shadow: inset 0 -1px 0 #6C76F8;
    }
    .dash-analytics-card .table-dash-analytics thead th.dash-th-opens {
        color: #0c8ec4 !important;
        background: rgba(14, 165, 232, 0.08) !important;
        box-shadow: inset 0 -1px 0 #0EA5E8;
    }
    .dash-analytics-card .table-dash-analytics thead th.dash-th-clicks {
        color: #1ba67e !important;
        background: rgba(33, 206, 158, 0.08) !important;
        box-shadow: inset 0 -1px 0 #21CE9E;
    }
    .dash-analytics-card .table-dash-analytics thead th.dash-th-replies {
        color: #202947 !important;
        background: rgba(32, 41, 71, 0.06) !important;
        box-shadow: inset 0 -1px 0 #202947;
    }
    [data-theme-mode="dark"] .dash-analytics-card .table-dash-analytics thead th.dash-th-sent,
    [data-bs-theme="dark"] .dash-analytics-card .table-dash-analytics thead th.dash-th-sent {
        color: #b4b9fc !important;
        background: rgba(108, 118, 248, 0.16) !important;
    }
    [data-theme-mode="dark"] .dash-analytics-card .table-dash-analytics thead th.dash-th-opens,
    [data-bs-theme="dark"] .dash-analytics-card .table-dash-analytics thead th.dash-th-opens {
        color: #7dd3fc !important;
        background: rgba(14, 165, 232, 0.12) !important;
    }
    [data-theme-mode="dark"] .dash-analytics-card .table-dash-analytics thead th.dash-th-clicks,
    [data-bs-theme="dark"] .dash-analytics-card .table-dash-analytics thead th.dash-th-clicks {
        color: #6ee7d8 !important;
        background: rgba(33, 206, 158, 0.12) !important;
    }
    [data-theme-mode="dark"] .dash-analytics-card .table-dash-analytics thead th.dash-th-replies,
    [data-bs-theme="dark"] .dash-analytics-card .table-dash-analytics thead th.dash-th-replies {
        color: #a8b4d4 !important;
        background: rgba(32, 41, 71, 0.28) !important;
    }