/* Override diff-match-patch inline styles and django-import-export preview
   colors for Unfold dark mode.
   - diff-match-patch generates inline style="background:#e6ffe6" on <ins>/<del>
   - django-import-export targets html[data-theme="dark"] but Unfold uses .dark
   - Uses Unfold's own color variables for visual consistency */

/* Override inline styles from diff-match-patch on <ins>/<del> tags */
.dark ins[style] {
    background: color-mix(in oklab, var(--color-green-900) 30%, transparent) !important;
    color: var(--color-green-400) !important;
}

.dark del[style] {
    background: color-mix(in oklab, var(--color-red-900) 30%, transparent) !important;
    color: var(--color-red-400) !important;
}

/* Row-level status colors for Unfold's preview table */
.dark tr.new {
    background-color: color-mix(in oklab, var(--color-green-900) 20%, transparent) !important;
}

.dark tr.skip {
    background-color: color-mix(in oklab, var(--color-base-500) 10%, transparent) !important;
}

.dark tr.delete {
    background-color: color-mix(in oklab, var(--color-red-900) 20%, transparent) !important;
}

.dark tr.update {
    background-color: color-mix(in oklab, var(--color-primary-900) 20%, transparent) !important;
}

/* Also cover the original django-import-export table class */
.dark table.import-preview td ins {
    background: color-mix(in oklab, var(--color-green-900) 30%, transparent) !important;
    color: var(--color-green-400) !important;
}

.dark table.import-preview td del {
    background: color-mix(in oklab, var(--color-red-900) 30%, transparent) !important;
    color: var(--color-red-400) !important;
}

.dark .validation-error-container {
    background-color: color-mix(in oklab, var(--color-red-900) 30%, transparent) !important;
}