/* ============================================================
   FILEBROWSER v2.53.1 - GOOGLE DRIVE (SYNTAX COLORING)
   ============================================================ */

:root {
  --drive-bg: #f7f9fc;
  --drive-surface: #ffffff;
  --drive-blue-active: #c2e7ff;
  --drive-text-main: #1f1f1f;
  --drive-text-sub: #5e5e5e;
}

/* 1. GLOBÁLNY DIZAJN */
html, body, #app {
  background: var(--drive-bg) !important;
  color: var(--drive-text-main) !important;
  font-family: 'Roboto', 'Segoe UI', sans-serif !important;
  font-size: 13px !important;
}

.material-icons, i, svg {
  color: var(--drive-text-main) !important;
  fill: var(--drive-text-main) !important;
  opacity: 0.85;
}

nav .action {
  border-radius: 24px !important;
  margin: 2px 12px !important;
}

nav .action .label {
  font-size: 14px !important;
  font-weight: 400 !important;
  color: var(--drive-text-main) !important;
}

nav .action.active {
  background-color: var(--drive-blue-active) !important;
}

.item {
  background: #f0f4f9 !important;
  border-radius: 16px !important;
  border: none !important;
  padding: 12px 16px !important;
}

.item .name {
  font-weight: 500 !important;
  color: var(--drive-text-main) !important;
}

/* 2. REŽIM EDITORA */
body:has(#editor-container) .breadcrumbs {
    display: none !important;
}

#editor-container {
    background: #ffffff !important;
    position: fixed !important;
    top: 0 !important; left: 0 !important;
    width: 100vw !important; height: 100vh !important;
    z-index: 999999 !important;
}

#editor-container .bar {
    background: #ffffff !important;
    border-bottom: 1px solid #e0e0e0 !important;
}

#editor-container .bar .action i, 
#editor-container .bar .action svg {
    color: var(--drive-text-main) !important;
    fill: var(--drive-text-main) !important;
}

/* ACE EDITOR - ZÁKLAD */
.ace_editor {
    font-size: 13px !important;
    background: #ffffff !important;
    color: #000000 !important;
}

/* --- FAREBNÁ SYNTAX (Svetlý režim) --- */
.ace_keyword { color: #af00db !important; }        /* Príkazy (if, return, export) */
.ace_string { color: #a31515 !important; }         /* Text v úvodzovkách */
.ace_comment { color: #008000 !important; font-style: italic !important; } /* Komentáre */
.ace_variable { color: #001080 !important; }       /* Premenné */
.ace_function { color: #795e26 !important; }       /* Funkcie */
.ace_constant.ace_numeric { color: #098658 !important; } /* Čísla */
.ace_storage.ace_type { color: #267f99 !important; } /* Typy (const, let, var) */
.ace_meta.ace_tag { color: #800000 !important; }   /* HTML Tagy */
.ace_entity.ace_other.ace_attribute-name { color: #e50000 !important; } /* CSS/HTML atribúty */

/* Zvýraznenie riadku */
.ace_marker-layer .ace_active-line {
    background: #f3f3f3 !important;
}