@import 'tailwindcss';

[x-cloak] { display: none !important; }

@variant dark (&:where(.dark, .dark *));

@source '../../vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php';
@source '../../storage/framework/views/*.php';
@source '../**/*.blade.php';
@source '../**/*.js';

@theme {
    --font-sans: 'Instrument Sans', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
        'Segoe UI Symbol', 'Noto Color Emoji';
}

/* FilePond Dark Mode */
.dark .filepond--root .filepond--drop-label {
    color: #d1d5db;
}
.dark .filepond--panel-root {
    background-color: #1f2937;
    border-color: #374151;
}
.dark .filepond--file-info,
.dark .filepond--file-status {
    color: #d1d5db;
}
.dark .filepond--file-wrapper {
    background-color: #111827;
}
.dark .filepond--file {
    background-color: #1f2937;
}

/* Summernote responsive toolbar */
.note-editor.note-frame {
    width: 100%;
    max-width: 100%;
}
.note-editor .note-toolbar {
    flex-wrap: wrap;
}
.note-editor .note-btn-group {
    margin-bottom: 4px;
}
.note-editor .note-editable {
    overflow-x: auto;
}
.placeholder-chip {
    max-width: 100%;
    white-space: normal;
    text-align: left;
}
@media (max-width: 639px) {
    .note-editor .note-toolbar {
        padding: 4px;
    }
    .note-editor .note-btn {
        padding: 4px 6px;
        font-size: 12px;
    }
    .note-editor .note-editable {
        padding: 10px;
    }
}

/* Make dark mode content follow sidebar color */
.dark body,
.dark .flex.h-screen,
.dark .relative.flex-col.flex-1,
.dark main {
    background-color: var(--sidebar-bg-dark, #0f172a);
}

/* Missing dark utility classes */
.dark .dark\:bg-error-500\/10 { background-color: color-mix(in oklab, #f04438 10%, transparent); }
.dark .dark\:bg-error-500\/15 { background-color: color-mix(in oklab, #f04438 15%, transparent); }
.dark .dark\:bg-error-500\/20 { background-color: color-mix(in oklab, #f04438 20%, transparent); }
.dark .dark\:bg-brand-500\/10 { background-color: color-mix(in oklab, #465fff 10%, transparent); }
.dark .dark\:bg-brand-500\/12 { background-color: color-mix(in oklab, #465fff 12%, transparent); }
.dark .dark\:bg-brand-500\/15 { background-color: color-mix(in oklab, #465fff 15%, transparent); }
.dark .dark\:bg-success-500\/10 { background-color: color-mix(in oklab, #12b76a 10%, transparent); }
.dark .dark\:bg-success-500\/15 { background-color: color-mix(in oklab, #12b76a 15%, transparent); }
.dark .dark\:bg-warning-500\/10 { background-color: color-mix(in oklab, #f79009 10%, transparent); }
.dark .dark\:bg-warning-500\/15 { background-color: color-mix(in oklab, #f79009 15%, transparent); }
.dark .dark\:border-error-500\/30 { border-color: color-mix(in oklab, #f04438 30%, transparent); }
.dark .dark\:border-success-500\/30 { border-color: color-mix(in oklab, #12b76a 30%, transparent); }
.dark .dark\:border-warning-500\/30 { border-color: color-mix(in oklab, #f79009 30%, transparent); }
.dark .dark\:border-brand-500\/30 { border-color: color-mix(in oklab, #465fff 30%, transparent); }
.dark .dark\:hover\:bg-error-500\/20:hover { background-color: color-mix(in oklab, #f04438 20%, transparent); }