/**
 * @file activity-log.css
 * @description Page-scoped styling for the Aktivitätsprotokoll (activity log) page.
 *   Scoped to body[data-page="activity-log"]. Theme-aware via design tokens — no hardcoded colours.
 */

body[data-page="activity-log"] .activity-table-wrap {
    overflow-x: auto;
    border-radius: var(--radius-md);
}

body[data-page="activity-log"] .activity-table {
    width: 100%;
    border-collapse: collapse;
}

body[data-page="activity-log"] .activity-table th,
body[data-page="activity-log"] .activity-table td {
    text-align: left;
    padding: 0.75em 1em;
    border-bottom: 1px solid var(--glass-border);
    vertical-align: top;
}

body[data-page="activity-log"] .activity-table th {
    position: sticky;
    top: 0;
    background: var(--glass-secondary);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    white-space: nowrap;
}

body[data-page="activity-log"] .activity-table tbody tr:hover {
    background: var(--glass-hover);
}

body[data-page="activity-log"] .activity-action {
    font-family: var(--font-mono, ui-monospace, monospace);
    word-break: break-word;
}