/* Drive — thème sobre orange & blanc pour File Browser 2.x */

:root, :root.dark {
  --orange: #d97757;
  --orange-dark: #c15f3c;
  --orange-soft: #fbeee8;
  --ink: #1f1e1d;
  --ink-soft: #6b6862;
  --line: #ebe8e2;

  --blue: var(--orange);
  --dark-blue: var(--orange-dark);
  --icon-blue: var(--orange);
  --iconPrimary: var(--orange);
  --iconSecondary: #fff;
  --iconTertiary: #d9d5ce;
  --action: var(--ink-soft);
  --background: #faf9f5;
  --surfacePrimary: #ffffff;
  --surfaceSecondary: #f3f1ec;
  --textPrimary: var(--ink-soft);
  --textSecondary: var(--ink);
  --divider: var(--line);
  --hover: rgba(217, 119, 87, .08);
  --borderPrimary: var(--line);
  --borderSecondary: #dcd8d0;
  --item-selected: var(--orange-soft);
  --moon-grey: #f3f1ec;
}

html, body, input, button, select, textarea {
  font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif !important;
}
body { background: var(--background); color: var(--ink); }

/* ----- Connexion ----- */
#login { background: var(--background); }
#login form {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 16px;
  padding: 2.5em 2em 2em;
  box-shadow: 0 1px 2px rgba(31, 30, 29, .04), 0 8px 24px rgba(31, 30, 29, .06);
  max-width: 22em;
}
#login img { width: 3.2em; height: 3.2em; }
#login h1 {
  font-weight: 600;
  font-size: 1.6em;
  letter-spacing: -.02em;
  color: var(--ink);
  margin: .5em 0 1.2em;
}

/* ----- Champs & boutons ----- */
.input {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 10px;
  color: var(--ink);
  transition: border-color .15s, box-shadow .15s;
}
.input:focus, .input:hover { border-color: var(--orange); box-shadow: 0 0 0 3px var(--orange-soft); outline: none; }
.button {
  background: var(--orange);
  border-radius: 10px;
  font-weight: 500;
  box-shadow: none;
  transition: background .15s;
}
.button:hover { background: var(--orange-dark); }
.button--flat { background: transparent; color: var(--orange); }
.button--flat:hover { background: var(--orange-soft); }
.button--flat.button--grey { color: var(--ink-soft); }

/* ----- En-tête & recherche ----- */
header {
  background: rgba(255, 255, 255, .9);
  backdrop-filter: blur(8px);
  border-bottom: 1px solid var(--line);
  box-shadow: none;
}
#search #input {
  background: var(--surfaceSecondary);
  border: 1px solid transparent;
  border-radius: 10px;
}
#search.active #input { background: #fff; border-color: var(--orange); }

/* ----- Barre latérale ----- */
nav .action {
  border-radius: 10px;
  color: var(--ink-soft);
  font-weight: 500;
}
nav .action:hover { background: var(--orange-soft); color: var(--orange-dark); }
nav .action i { color: inherit; }
.credits { color: var(--ink-soft); opacity: .6; }
.credits a { display: none; }

/* Barre d'espace utilisé */
.progress { background: var(--line); border-radius: 99px; overflow: hidden; }
.progress div { background: var(--orange); border-radius: 99px; }

/* ----- Liste des fichiers ----- */
#listing .item {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 12px;
  box-shadow: none;
  transition: border-color .15s, background .15s;
}
#listing .item:hover { border-color: #e5c3b6; background: #fffdfb; }
#listing .item[aria-selected="true"] {
  background: var(--orange-soft) !important;
  border-color: var(--orange) !important;
  color: var(--ink) !important;
}
#listing .item[aria-selected="true"] i { color: var(--orange) !important; }
#listing h2 { color: var(--ink-soft); font-weight: 600; letter-spacing: .02em; }
#listing.list .item { border-radius: 0; border-width: 0 0 1px; }
#listing.list .item.header { background: transparent; }

/* Icônes : dossiers orange, fichiers neutres */
#listing .item i.material-icons { color: var(--orange); }
.file-icons [aria-label^="."] i,
.file-icons [data-type] i { opacity: .95; }

/* ----- Fenêtres, menus, barre de sélection ----- */
.card {
  border-radius: 14px;
  border: 1px solid var(--line);
  box-shadow: 0 12px 32px rgba(31, 30, 29, .12);
}
#dropdown { border-radius: 12px; border: 1px solid var(--line); }
#file-selection {
  background: var(--ink);
  border-radius: 12px;
  box-shadow: 0 8px 24px rgba(31, 30, 29, .2);
}
#file-selection .action i, #file-selection span { color: #fff; }

/* Zone de dépôt / upload */
#upload-files .card { border-radius: 14px; }
.upload-files .file .file-progress div { background: var(--orange); }

/* Barre de défilement discrète */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-thumb { background: #ddd8d0; border-radius: 99px; border: 2px solid var(--background); }
::selection { background: var(--orange-soft); }