/* Thème Personnalisé "Bleu Pétrole & Fuchsia" pour File Browser - v3 */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap');

:root {
  --background-color: #1c2a32;
  --sidebar-bg: #005f73;
  --header-bg: #005f73;
  --card-bg: rgba(42, 59, 71, 0.8);
  --text: #e5e9f0;
  --highlight: #E4007C;
  --border: #3b4252;

  /* --- L'URL permanente de TON image de fond --- */
  --background-image-url: url('https://prod-static-logos.tchoupizuini.fr/fond%20ecran%20incroyable/1920%20x%201080%20HD%20Wallpapers%20822.jpg');
}

body, #app {
  font-family: 'Inter', sans-serif;
  background-color: var(--background);
  color: var(--text);
  background-image: var(--background-image-url);
  background-size: cover;
  background-position: center center;
  background-attachment: fixed;
}

#sidebar {
  background-color: rgba(0, 95, 115, 0.9);
  backdrop-filter: blur(5px);
}
#sidebar a, #sidebar .action { color: var(--text) !important; }
#sidebar a:hover, #sidebar .action:hover { background-color: rgba(228, 0, 124, 0.2) !important; }

.header {
  background-color: rgba(0, 95, 115, 0.9);
  backdrop-filter: blur(5px);
  border-bottom: 1px solid var(--border);
}
.header #search, .header input {
   background-color: var(--card-bg);
   border-color: var(--border) !important;
}

main { background-color: transparent; }
a { color: var(--highlight) !important; }

.card, .button, button, input[type=submit] {
  background-color: var(--card-bg);
  color: var(--text);
  border: 1px solid var(--border) !important;
  box-shadow: none !important;
  border-radius: 4px;
}

.button--flat { background-color: transparent !important; }
.button--red, input[type=submit] {
  background-color: var(--highlight) !important;
  color: white !important;
}

.item.selected {
  background-color: rgba(0, 95, 115, 0.5);
  border: 1px solid var(--highlight);
}