/* Loaded after Filament forms-vendor.css so FilePond / EasyMDE dark styles win. */

.deen-icon-field svg {
    width: 1.5rem !important;
    height: 1.5rem !important;
    max-width: 1.5rem !important;
    max-height: 1.5rem !important;
    display: block;
}

.fi-fo-markdown-editor .CodeMirror,
.fi-fo-markdown-editor .EasyMDEContainer .CodeMirror {
    background: transparent !important;
    color: inherit !important;
    border: 0 !important;
    font-family: inherit !important;
}

.fi-fo-markdown-editor .CodeMirror-gutters,
.fi-fo-markdown-editor .CodeMirror-gutter-filler,
.fi-fo-markdown-editor .CodeMirror-scrollbar-filler {
    background: transparent !important;
    border: 0 !important;
}

.fi-fo-markdown-editor .editor-toolbar {
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid color-mix(in oklab, var(--gray-200, #e5e7eb) 100%, transparent) !important;
    opacity: 1 !important;
}

.filepond--root .filepond--panel-root,
.fi-fo-file-upload .filepond--panel-root {
    background-color: color-mix(in oklab, var(--gray-50, #f8fafc) 100%, transparent) !important;
}

.filepond--drop-label {
    color: color-mix(in oklab, var(--gray-600, #4b5563) 100%, transparent) !important;
}

.filepond--label-action {
    color: var(--primary-600, var(--fi-primary-600, #d97706)) !important;
    text-decoration-color: color-mix(in oklab, var(--primary-600, #d97706) 40%, transparent) !important;
}

html.dark .fi-fo-markdown-editor .CodeMirror,
.dark .fi-fo-markdown-editor .CodeMirror {
    color: color-mix(in oklab, var(--gray-100, #f3f4f6) 100%, transparent) !important;
    background: transparent !important;
}

html.dark .fi-fo-markdown-editor .CodeMirror-cursor,
.dark .fi-fo-markdown-editor .CodeMirror-cursor {
    border-left-color: color-mix(in oklab, var(--gray-100, #f3f4f6) 100%, transparent) !important;
}

html.dark .fi-fo-markdown-editor .editor-toolbar,
.dark .fi-fo-markdown-editor .editor-toolbar {
    border-bottom-color: color-mix(in oklab, var(--gray-700, #374151) 100%, transparent) !important;
}

html.dark .fi-fo-markdown-editor .editor-toolbar a,
.dark .fi-fo-markdown-editor .editor-toolbar a {
    color: color-mix(in oklab, var(--gray-200, #e5e7eb) 100%, transparent) !important;
}

html.dark .filepond--root .filepond--panel-root,
html.dark .fi-fo-file-upload .filepond--panel-root,
.dark .filepond--root .filepond--panel-root,
.dark .fi-fo-file-upload .filepond--panel-root {
    background-color: color-mix(in oklab, var(--gray-900, #111827) 100%, transparent) !important;
}

html.dark .filepond--drop-label,
.dark .filepond--drop-label {
    color: color-mix(in oklab, var(--gray-300, #d1d5db) 100%, transparent) !important;
}

html.dark .filepond--label-action,
.dark .filepond--label-action {
    color: var(--primary-400, var(--fi-primary-400, #fbbf24)) !important;
}

html.dark .filepond--drip-blob,
.dark .filepond--drip-blob {
    background-color: color-mix(in oklab, var(--gray-200, #e5e7eb) 100%, transparent) !important;
}

html.dark .filepond--item-panel,
.dark .filepond--item-panel {
    background-color: color-mix(in oklab, var(--gray-800, #1f2937) 100%, transparent) !important;
}

html.dark .filepond--file-info-main,
html.dark .filepond--file-status-main,
.dark .filepond--file-info-main,
.dark .filepond--file-status-main {
    color: color-mix(in oklab, var(--gray-100, #f3f4f6) 100%, transparent) !important;
}