/* ===== k7nox theme for Filebrowser ===== */
:root, body, #app {
  --background: #0a0a0a;
  --surfacePrimary: #141417;
  --surfaceSecondary: #18181b;
  --divider: rgba(255,255,255,0.10);
  --dividerPrimary: rgba(255,255,255,0.12);
  --dividerSecondary: rgba(255,255,255,0.06);
  --borderPrimary: rgba(255,255,255,0.18);
  --borderSecondary: rgba(255,255,255,0.10);
  --textPrimary: #fafafa;
  --textSecondary: rgba(250,250,250,0.62);
  --iconPrimary: rgba(250,250,250,0.85);
  --iconSecondary: rgba(250,250,250,0.55);
  --iconTertiary: rgba(250,250,250,0.38);
  --hover: rgba(0,240,255,0.08);
  --item-selected: rgba(0,240,255,0.14);
  --blue: #00f0ff;
  --dark-blue: #38f4ff;
  --icon-blue: #00f0ff;
  --moon-grey: #18181b;
}
html, body, input, button, textarea, select {
  font-family: "DM Sans", system-ui, -apple-system, "Segoe UI", sans-serif !important;
}
body { background: var(--background) !important; }
/* Cyan-Buttons: dunkler Text fuer Lesbarkeit */
.button:not(.button--flat):not(.button--red) {
  background: #00f0ff !important;
  color: #05070a !important;
  font-weight: 600;
}
.button--flat { color: #00f0ff !important; }
.action:hover i, .action.active i { color: #00f0ff !important; }
a { color: #00f0ff; }
/* Titel heller + Logo-Groesse */
h1 { color: #fafafa !important; }
.login h1 { color: #fafafa !important; font-weight: 700; }
.login img, header img.logo { max-height: 40px; width: auto; }
/* Speicher-Balken auf k7nox-Cyan */
.vue-simple-progress-bar { background-color: #00f0ff !important; }
.vue-simple-progress { background-color: rgba(255,255,255,0.08) !important; }