/* Plugin-specific styles for riodwanto/filament-ace-editor.
   Tailwind 3 preflight and compiled utility classes were stripped
   to stop clobbering Filament 5's default theme via CSS cascade. */

.ace-editor-wrapper {
    position: relative;
    border-radius: 0.375rem;
    --tw-shadow: 0 1px 2px 0 #0000000d;
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.ace-editor-wrapper:focus-within {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
    --tw-ring-opacity: 1 !important;
    --tw-ring-color: rgba(var(--primary-600), var(--tw-ring-opacity)) !important;
}

.ace-editor-wrapper.base {
    --tw-ring-color: rgba(var(--gray-950), 0.1);
}

:is(.dark .ace-editor-wrapper.base) {
    --tw-ring-color: #fff3;
}

.ace-editor-wrapper.danger,
:is(.dark .ace-editor-wrapper.danger) {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(var(--danger-600), var(--tw-ring-opacity));
}

.ace-editor {
    height: 100%;
    width: 100%;
    border-radius: 0.375rem;
}