/* ============================================================
   Activity Log Entries
   ============================================================ */
.log-list {
    display: flex;
    flex-direction: column;
}

.log-entry {
    display: flex;
    align-items: flex-start;
    gap: var(--space-lg);
    padding: 10px 12px;
    border-bottom: 1px solid var(--border-default);
    transition: background var(--duration-fast) var(--ease-out);
}

.log-entry:hover {
    background: var(--bg-subtle);
}

.log-time {
    font-size: 12px;
    font-family: var(--font-mono);
    color: var(--text-muted);
    white-space: nowrap;
    min-width: 140px;
    padding-top: 1px;
}

.log-action-badge {
    font-size: 11px;
    font-weight: 600;
    padding: 2px 7px;
    border-radius: var(--radius-sm);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    white-space: nowrap;
    min-width: 70px;
    text-align: center;
}

.log-action-create {
    background: var(--status-green-bg);
    color: var(--status-green);
}

.log-action-delete {
    background: var(--status-red-bg);
    color: var(--status-red);
}

.log-action-update {
    background: var(--status-pending-bg);
    color: var(--status-pending);
}

.log-action-toggle {
    background: var(--status-amber-bg);
    color: var(--status-amber);
}

.log-action-login {
    background: var(--status-green-bg);
    color: var(--status-green);
}

.log-detail {
    font-size: 13px;
    color: var(--text-primary);
}

.log-target {
    color: var(--accent);
    font-weight: 600;
}

.log-user {
    font-size: 12px;
    font-family: var(--font-mono);
    color: var(--text-muted);
    min-width: 80px;
}