{{define "sync-log"}}
<div id="sync-log">
    {{if .}}
    <div style="margin-top: 12px;">
        <div style="font-size: 0.75rem; font-weight: 600; color: var(--text-secondary); text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 6px;">Sync Activity</div>
        {{range .}}
        <div style="display: flex; gap: 8px; align-items: baseline; font-size: 0.8rem; padding: 3px 0; border-bottom: 1px solid var(--border-color, #2a2a2a);">
            <span style="color: var(--text-secondary); white-space: nowrap; font-family: monospace;">{{.CreatedAt.Format "15:04:05"}}</span>
            <span style="color: var(--text-primary, #e0e0e0);">{{.Message}}</span>
        </div>
        {{end}}
    </div>
    {{end}}
</div>
{{end}}