/* 🌙 DUNKLES DESIGN MIT WALLPAPER */
*, *::before, *::after {
  background-color: transparent !important;
}

/* WALLPAPER als Hintergrund */
body, html {
  background: 
    url('../../_files/wallpaper.jpg') center/cover fixed,
    linear-gradient(135deg, rgba(10,15,30,.85), rgba(17,24,39,.9)) !important;
  background-blend-mode: overlay !important;
}

/* DUNKLE GLAS-EFFEKTE */
.fg-app, .fg-main, .fg-content,
.fg-topbar, .fg-header, .fg-toolbar,
.fg-sidebar, .fg-nav {
  background: rgba(17, 24, 44, 0.95) !important;
  backdrop-filter: blur(32px) brightness(1.1) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 24px !important;
  box-shadow: 0 24px 80px rgba(0, 0, 0, 0.5) !important;
  color: #e2e8f0 !important;
}

/* DATEIKARTEN dunkel */
.fg-item, .fg-file, .fg-folder {
  background: rgba(26, 32, 44, 0.95) !important;
  backdrop-filter: blur(20px) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 20px !important;
  color: #f1f5f9 !important;
}

.fg-item:hover {
  background: rgba(37, 99, 235, 0.15) !important;
  border-color: rgba(59, 130, 246, 0.4) !important;
  transform: translateY(-6px) !important;
  box-shadow: 0 32px 80px rgba(59, 130, 246, 0.3) !important;
}

/* BUTTONS */
.fg-btn, button {
  background: linear-gradient(135deg, #3b82f6, #8b5cf6) !important;
  color: white !important;
  border-radius: 16px !important;
  box-shadow: 0 12px 40px rgba(59, 130, 246, 0.4) !important;
}

/* SUCHE */
.fg-search input {
  background: rgba(255, 255, 255, 0.1) !important;
  color: #f8fafc !important;
  backdrop-filter: blur(16px) !important;
}

/* TEXT */
.fg-app * {
  color: #e2e8f0 !important;
  fill: #cbd5e1 !important;
}

.fg-breadcrumbs span {
  color: #94a3b8 !important;
}

/* THUMBNAILS */
.fg-thumb {
  border-radius: 16px !important;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.4) !important;
}

/* SCROLLBAR */
::-webkit-scrollbar-thumb {
  background: linear-gradient(#3b82f6, #8b5cf6) !important;
}