@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800;900&display=swap);
/* InitialG FileBrowser Custom Branding - Override all FileBrowser CSS variables */

/* Override FileBrowser CSS variables for light mode */
:root {
  /* Colors */
  --blue: #ff00ed !important;
  --dark-blue: #ff00ed !important;
  --icon-blue: #33002f !important;
  --action: #ff00ed !important;
  
  /* Backgrounds */
  --background: #292929 !important;
  --surfacePrimary: #292929 !important;
  --surfaceSecondary: #292929 !important;
  
  /* Text */
  --textPrimary: #ffffff !important;
  --textSecondary: #ffffff !important;
  --iconPrimary: #33002f !important;
  --iconSecondary: #ffffff !important;
  --iconTertiary: #ffffff !important;
  
  /* Borders and dividers */
  --borderPrimary: rgba(255, 255, 255, .1) !important;
  --borderSecondary: rgba(255, 255, 255, .2) !important;
  --divider: rgba(255, 255, 255, .1) !important;
  --hover: rgba(255, 0, 237, .1) !important;
}

/* Override FileBrowser CSS variables for dark mode */
:root.dark {
  /* Colors */
  --action: #ff00ed !important;
  
  /* Backgrounds */
  --background: #292929 !important;
  --surfacePrimary: #292929 !important;
  --surfaceSecondary: #292929 !important;
  
  /* Text */
  --textPrimary: #ffffff !important;
  --textSecondary: #ffffff !important;
  --iconPrimary: #ffffff !important;
  --iconSecondary: #ffffff !important;
  --iconTertiary: #ffffff !important;
  
  /* Borders and dividers */
  --borderPrimary: rgba(255, 255, 255, .1) !important;
  --borderSecondary: rgba(255, 255, 255, .2) !important;
  --divider: rgba(255, 255, 255, .1) !important;
  --hover: rgba(255, 0, 237, .1) !important;
}

/* Global Styles */
body {
  font-family: Montserrat, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, sans-serif !important;
  background-color: var(--background) !important;
  color: var(--textPrimary) !important;
}

/* Make all text white */
p, span, div, h1, h2, h3, h4, h5, h6, label, td, th, li, a {
  color: #ffffff !important;
}

/* Override buttons */
.button {
  background: var(--action) !important;
  color: #ffffff !important;
}

.button:hover {
  background: var(--action) !important;
  opacity: 0.8 !important;
}

/* Override inputs */
.input {
  background: var(--surfacePrimary) !important;
  color: var(--textPrimary) !important;
  border-color: var(--borderPrimary) !important;
}

.input:hover,
.input:focus {
  border-color: var(--action) !important;
}

/* Import Montserrat font from Google Fonts */

/* Update font-family to Montserrat */
body, p, span, div, h1, h2, h3, h4, h5, h6, label, td, th, li, a, button, input, textarea, select {
  font-family: Montserrat, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, sans-serif !important;
}
/* Text Editor (Ace Editor) - Dark Gray Background */
.ace_editor,
.ace-editor,
.ace_text-input,
.ace_content,
.ace_gutter,
.ace_scroller {
  background-color: #3a3a3a !important;
  color: #ffffff !important;
}

/* Ace Editor Active Line */
.ace_active-line {
  background-color: #4a4a4a !important;
}

/* Ace Editor Selection */
.ace_selection {
  background-color: #555555 !important;
}

/* Ace Editor Cursor */
.ace_cursor {
  color: #ffffff !important;
}

/* Ace Editor Line Numbers */
.ace_gutter-layer {
  background-color: #2a2a2a !important;
  color: #888888 !important;
}

/* Ace Editor Text Area */
.ace_text-input {
  background-color: #3a3a3a !important;
  color: #ffffff !important;
}

/* Override any white backgrounds in editor */
.ace_editor * {
  background-color: transparent !important;
}

/* Ensure editor container has dark gray background */
div[class*='editor'],
div[class*='Editor'],
.editor-container,
.editor-wrapper {
  background-color: #3a3a3a !important;
}

/* Additional Ace Editor Selectors */
.ace_editor.ace_autocomplete,
.ace_editor .ace_gutter,
.ace_editor .ace_gutter-layer,
.ace_editor .ace_scroller,
.ace_editor .ace_content,
.ace_editor .ace_text-layer,
.ace_editor .ace_cursor-layer,
.ace_editor .ace_marker-layer,
.ace_editor .ace_print-margin-layer {
  background-color: #3a3a3a !important;
}

/* Ace Editor Theme Override - Force dark background */
.ace-tm,
.ace-monokai,
.ace-github,
.ace-tomorrow,
.ace-twilight,
.ace-xcode,
.ace-textmate,
.ace-solarized-dark,
.ace-solarized-light,
.ace-terminal {
  background-color: #3a3a3a !important;
}

/* Ace Editor iframe or container */
iframe[class*='ace'],
iframe[class*='editor'],
.editor iframe {
  background-color: #3a3a3a !important;
}

/* FileBrowser specific editor classes */
.file-editor,
.text-editor,
.code-editor,
[class*='editor-view'],
[class*='editor-content'] {
  background-color: #3a3a3a !important;
}

/* Ace Editor Text Color - White */
.ace_editor,
.ace_editor .ace_text-layer,
.ace_editor .ace_content,
.ace_editor .ace_line,
.ace_editor .ace_line .ace_text,
.ace_editor .ace_cursor-layer,
.ace_editor .ace_text-input,
.ace_editor textarea {
  color: #ffffff !important;
}

/* Ace Editor Syntax Highlighting - Ensure text is visible */
.ace_editor .ace_string,
.ace_editor .ace_keyword,
.ace_editor .ace_comment,
.ace_editor .ace_variable,
.ace_editor .ace_function,
.ace_editor .ace_constant,
.ace_editor .ace_type,
.ace_editor .ace_entity,
.ace_editor .ace_support,
.ace_editor .ace_storage,
.ace_editor .ace_meta,
.ace_editor .ace_tag,
.ace_editor .ace_attribute-name,
.ace_editor .ace_attribute-value {
  color: #ffffff !important;
}

/* Override any dark text colors */
.ace_editor * {
  color: #ffffff !important;
}

/* Ensure textarea and input have white text */
textarea[class*='ace'],
textarea[class*='editor'],
input[class*='ace'],
input[class*='editor'] {
  color: #ffffff !important;
}

/* Ace Editor Edit Mode - Force White Text */
.ace_editor.ace_focus,
.ace_editor:focus,
.ace_editor.ace_autocomplete,
.ace_editor textarea.ace_text-input {
  color: #ffffff !important;
}

/* Ace Editor Edit Mode - All Text Elements */
.ace_editor.ace_focus .ace_text-layer,
.ace_editor.ace_focus .ace_content,
.ace_editor.ace_focus .ace_line,
.ace_editor.ace_focus .ace_line .ace_text,
.ace_editor:focus .ace_text-layer,
.ace_editor:focus .ace_content,
.ace_editor:focus .ace_line,
.ace_editor:focus .ace_line .ace_text {
  color: #ffffff !important;
}

/* Ace Editor Text Input - Force White */
.ace_text-input,
textarea.ace_text-input,
.ace_editor textarea {
  color: #ffffff !important;
  caret-color: #ffffff !important;
}

/* Ace Editor Cursor - White */
.ace_cursor {
  color: #ffffff !important;
  border-left-color: #ffffff !important;
}

/* Force all text in editor to be white when editing */
.ace_editor.ace_focus *,
.ace_editor:focus * {
  color: #ffffff !important;
}

/* Override Ace Editor theme colors in edit mode */
.ace_editor.ace_focus .ace_string,
.ace_editor.ace_focus .ace_keyword,
.ace_editor.ace_focus .ace_comment,
.ace_editor.ace_focus .ace_variable,
.ace_editor.ace_focus .ace_function,
.ace_editor.ace_focus .ace_constant,
.ace_editor.ace_focus .ace_type,
.ace_editor.ace_focus .ace_entity,
.ace_editor.ace_focus .ace_support,
.ace_editor.ace_focus .ace_storage,
.ace_editor.ace_focus .ace_meta,
.ace_editor.ace_focus .ace_tag,
.ace_editor.ace_focus .ace_attribute-name,
.ace_editor.ace_focus .ace_attribute-value {
  color: #ffffff !important;
}

/* FileBrowser specific editor classes in edit mode */
.editor[class*='edit'],
.editor[class*='Edit'],
[class*='editor'][class*='edit'],
[class*='editor'][class*='Edit'] {
  color: #ffffff !important;
}

[class*='editor'][class*='edit'] *,
[class*='editor'][class*='Edit'] * {
  color: #ffffff !important;
}

/* Additional Ace Editor Edit Mode Overrides */
.ace_editor textarea,
.ace_editor input,
.ace_editor .ace_text-input,
textarea[data-ace],
input[data-ace] {
  color: #ffffff !important;
  background-color: transparent !important;
}

/* Ace Editor Content Area - Edit Mode */
.ace_content,
.ace_text-layer,
.ace_line {
  color: #ffffff !important;
}

.ace_content *,
.ace_text-layer *,
.ace_line * {
  color: #ffffff !important;
}

/* Override any inline styles that might set dark colors */
.ace_editor[style*='color'],
.ace_editor *[style*='color'] {
  color: #ffffff !important;
}

/* Most Aggressive Ace Editor Text Color Override - Edit Mode */
.ace_editor textarea.ace_text-input,
.ace_editor .ace_text-input,
.ace_text-input {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Force white text on all Ace editor elements - highest priority */
.ace_editor .ace_text-layer .ace_line,
.ace_editor .ace_text-layer .ace_line .ace_text,
.ace_editor .ace_text-layer .ace_line span,
.ace_editor .ace_text-layer .ace_line .ace_string,
.ace_editor .ace_text-layer .ace_line .ace_keyword,
.ace_editor .ace_text-layer .ace_line .ace_comment,
.ace_editor .ace_text-layer .ace_line .ace_variable,
.ace_editor .ace_text-layer .ace_line .ace_function,
.ace_editor .ace_text-layer .ace_line .ace_constant,
.ace_editor .ace_text-layer .ace_line .ace_type,
.ace_editor .ace_text-layer .ace_line .ace_entity,
.ace_editor .ace_text-layer .ace_line .ace_support,
.ace_editor .ace_text-layer .ace_line .ace_storage,
.ace_editor .ace_text-layer .ace_line .ace_meta,
.ace_editor .ace_text-layer .ace_line .ace_tag,
.ace_editor .ace_text-layer .ace_line .ace_attribute-name,
.ace_editor .ace_text-layer .ace_line .ace_attribute-value {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Override Ace editor theme classes */
.ace-tm .ace_text-layer .ace_line,
.ace-monokai .ace_text-layer .ace_line,
.ace-github .ace_text-layer .ace_line,
.ace-tomorrow .ace_text-layer .ace_line,
.ace-twilight .ace_text-layer .ace_line,
.ace-xcode .ace_text-layer .ace_line,
.ace-textmate .ace_text-layer .ace_line,
.ace-solarized-dark .ace_text-layer .ace_line,
.ace-solarized-light .ace_text-layer .ace_line,
.ace-terminal .ace_text-layer .ace_line {
  color: #ffffff !important;
}

.ace-tm .ace_text-layer .ace_line *,
.ace-monokai .ace_text-layer .ace_line *,
.ace-github .ace_text-layer .ace_line *,
.ace-tomorrow .ace_text-layer .ace_line *,
.ace-twilight .ace_text-layer .ace_line *,
.ace-xcode .ace_text-layer .ace_line *,
.ace-textmate .ace_text-layer .ace_line *,
.ace-solarized-dark .ace_text-layer .ace_line *,
.ace-solarized-light .ace_text-layer .ace_line *,
.ace-terminal .ace_text-layer .ace_line * {
  color: #ffffff !important;
}

/* Ace Editor - White Background with Gray Text */
.ace_editor,
.ace-editor,
.ace_text-input,
.ace_content,
.ace_gutter,
.ace_scroller {
  background-color: #ffffff !important;
  color: #666666 !important;
}

/* Ace Editor Active Line */
.ace_active-line {
  background-color: #f5f5f5 !important;
}

/* Ace Editor Selection */
.ace_selection {
  background-color: #d0d0d0 !important;
}

/* Ace Editor Cursor */
.ace_cursor {
  color: #333333 !important;
  border-left-color: #333333 !important;
}

/* Ace Editor Line Numbers */
.ace_gutter-layer {
  background-color: #f8f8f8 !important;
  color: #999999 !important;
}

/* Ace Editor Text Input */
.ace_text-input {
  background-color: #ffffff !important;
  color: #666666 !important;
}

/* Ace Editor Text Layer - Gray Text */
.ace_editor .ace_text-layer,
.ace_editor .ace_content,
.ace_editor .ace_line,
.ace_editor .ace_line .ace_text,
.ace_editor .ace_line span {
  color: #666666 !important;
}

/* Ace Editor Syntax Highlighting - Gray tones */
.ace_editor .ace_string,
.ace_editor .ace_keyword,
.ace_editor .ace_comment,
.ace_editor .ace_variable,
.ace_editor .ace_function,
.ace_editor .ace_constant,
.ace_editor .ace_type,
.ace_editor .ace_entity,
.ace_editor .ace_support,
.ace_editor .ace_storage,
.ace_editor .ace_meta,
.ace_editor .ace_tag,
.ace_editor .ace_attribute-name,
.ace_editor .ace_attribute-value {
  color: #666666 !important;
}

/* Override all Ace editor themes to white background */
.ace-tm,
.ace-monokai,
.ace-github,
.ace-tomorrow,
.ace-twilight,
.ace-xcode,
.ace-textmate,
.ace-solarized-dark,
.ace-solarized-light,
.ace-terminal {
  background-color: #ffffff !important;
}

.ace-tm .ace_text-layer .ace_line,
.ace-monokai .ace_text-layer .ace_line,
.ace-github .ace_text-layer .ace_line,
.ace-tomorrow .ace_text-layer .ace_line,
.ace-twilight .ace_text-layer .ace_line,
.ace-xcode .ace_text-layer .ace_line,
.ace-textmate .ace_text-layer .ace_line,
.ace-solarized-dark .ace_text-layer .ace_line,
.ace-solarized-light .ace_text-layer .ace_line,
.ace-terminal .ace_text-layer .ace_line {
  color: #666666 !important;
}

/* Editor containers */
div[class*='editor'],
div[class*='Editor'],
.editor-container,
.editor-wrapper,
.file-editor,
.text-editor,
.code-editor {
  background-color: #ffffff !important;
}

/* Textarea and input in editor */
.ace_editor textarea,
.ace_editor input,
textarea[class*='ace'],
textarea[class*='editor'] {
  background-color: #ffffff !important;
  color: #666666 !important;
}

/* FORCE ace_text-input WHITE BACKGROUND - Highest Priority */
textarea.ace_text-input,
.ace_text-input,
.ace_editor textarea.ace_text-input,
.ace_editor .ace_text-input,
.ace_editor textarea,
div.ace_text-input,
[class*='ace_text-input'] {
  background-color: #ffffff !important;
  background: #ffffff !important;
  color: #333333 !important;
  -webkit-text-fill-color: #333333 !important;
}

/* Force white background on ace_text-input parent containers */
.ace_editor,
.ace_editor .ace_scroller,
.ace_editor .ace_content,
.ace_editor .ace_text-layer {
  background-color: #ffffff !important;
  background: #ffffff !important;
}

/* Force ace_text-input to be visible */
.ace_text-input[style],
textarea.ace_text-input[style],
.ace_editor textarea[style] {
  background-color: #ffffff !important;
  background: #ffffff !important;
  color: #333333 !important;
}

/* Override any inline styles */
.ace_text-input,
textarea.ace_text-input {
  background-color: #ffffff !important;
  background-image: none !important;
  color: #333333 !important;
}

/* ULTRA AGGRESSIVE ace_text-input WHITE BACKGROUND - Override Everything */
textarea.ace_text-input[style*='background'],
.ace_text-input[style*='background'],
.ace_editor textarea[style*='background'],
.ace_editor .ace_text-input[style*='background'] {
  background-color: #ffffff !important;
  background: #ffffff !important;
  background-image: none !important;
}

textarea.ace_text-input[style*='color'],
.ace_text-input[style*='color'],
.ace_editor textarea[style*='color'],
.ace_editor .ace_text-input[style*='color'] {
  color: #333333 !important;
  -webkit-text-fill-color: #333333 !important;
}

/* Force white background using attribute selectors */
[class*='ace_text-input'],
[class*='ace_text-input'][style],
textarea[class*='ace_text-input'],
textarea[class*='ace_text-input'][style] {
  background-color: #ffffff !important;
  background: #ffffff !important;
  color: #333333 !important;
}

/* Override Ace editor container backgrounds */
.ace_editor[style*='background'],
.ace_editor .ace_scroller[style*='background'],
.ace_editor .ace_content[style*='background'],
.ace_editor .ace_text-layer[style*='background'] {
  background-color: #ffffff !important;
  background: #ffffff !important;
}

/* Use CSS specificity to override inline styles */
.ace_editor textarea.ace_text-input.ace_text-input {
  background-color: #ffffff !important;
  background: #ffffff !important;
  color: #333333 !important;
}

/* Force white on all possible ace_text-input variations */
div.ace_text-input,
span.ace_text-input,
.ace_editor div.ace_text-input,
.ace_editor span.ace_text-input {
  background-color: #ffffff !important;
  background: #ffffff !important;
  color: #333333 !important;
}