/**
 * Gotti Pros — FileBrowser branding
 * Matches gottipros.de dark theme (green accent for Files).
 */

:root,
:root.dark {
  --blue: #34d399;
  --dark-blue: #6ee7b7;
  --icon-blue: #34d399;
  --icon-green: #34d399;

  --background: #07070d;
  --surfacePrimary: #12121a;
  --surfaceSecondary: #1a1a24;
  --divider: rgba(255, 255, 255, 0.08);
  --borderPrimary: rgba(255, 255, 255, 0.08);
  --borderSecondary: rgba(255, 255, 255, 0.14);
  --hover: rgba(52, 211, 153, 0.1);
  --textPrimary: #7a7a9e;
  --textSecondary: #f0f0f8;
  --iconPrimary: #34d399;
  --iconTertiary: #7a7a9e;
  --action: #f0f0f8;
}

body {
  font-family: Inter, system-ui, -apple-system, sans-serif;
}

header {
  background: rgba(7, 7, 13, 0.92);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.35);
}

header title {
  font-family: Outfit, Inter, system-ui, sans-serif;
  font-weight: 700;
  letter-spacing: 0.02em;
  color: #f0f0f8;
}

/* Filled buttons only (login, etc.) — not flat/text actions */
.button:not(.button--flat) {
  background: linear-gradient(135deg, #34d399, #2bb87f);
  border: 1px solid rgba(52, 211, 153, 0.35);
  border-radius: 0.45em;
  box-shadow: 0 0 20px rgba(52, 211, 153, 0.15);
  color: #041510 !important;
  font-weight: 600;
}

.button:not(.button--flat):hover {
  background: linear-gradient(135deg, #3ee0a8, #34d399);
  color: #041510 !important;
}

.button--blue:not(.button--flat),
.button--red:not(.button--flat) {
  color: #fff !important;
}

/* Flat buttons: Erstellen, Aktualisieren, Speichern — text on dark card */
.button--flat {
  background: transparent !important;
  box-shadow: none !important;
  border-color: transparent !important;
  font-weight: 600;
}

.button--flat:not(.button--grey):not(.button--red) {
  color: #6ee7b7 !important;
}

.button--flat:not(.button--grey):not(.button--red):hover {
  background: rgba(52, 211, 153, 0.12) !important;
  color: #a7f3d0 !important;
}

.button--flat.button--grey {
  color: #9ca3af !important;
}

.button--flat.button--grey:hover {
  background: rgba(255, 255, 255, 0.06) !important;
  color: #d1d5db !important;
}

.button--flat.button--red {
  color: #f87171 !important;
}

.button--flat.button--red:hover {
  background: rgba(248, 113, 113, 0.12) !important;
  color: #fca5a5 !important;
}

.link,
#login p {
  color: #34d399 !important;
}

#login {
  background:
    radial-gradient(ellipse at 20% 50%, rgba(0, 229, 255, 0.06) 0%, transparent 50%),
    radial-gradient(ellipse at 80% 20%, rgba(52, 211, 153, 0.08) 0%, transparent 50%),
    #07070d;
}

#login h1 {
  font-family: Outfit, Inter, system-ui, sans-serif;
  font-weight: 900;
  font-size: 2rem;
  background: linear-gradient(135deg, #34d399, #00e5ff);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

#search .boxes > div > div {
  background: linear-gradient(135deg, #34d399, #2bb87f);
  color: #041510 !important;
}

#search .boxes > div > div i {
  color: #041510 !important;
}

.file-list li[aria-selected="true"] {
  color: #041510 !important;
}

.file-list li[aria-selected="true"]:before {
  color: #041510 !important;
}

.credits {
  opacity: 0.35;
}

.credits a {
  pointer-events: none;
}