/* copyparty — habillage « famille ». Chargé par css-browser, par-dessus le
   thème flat light (9). Objectif : une liste de fichiers calme, pas un
   cockpit. Les identifiants viennent du HTML de copyparty v1.20. */

:root, html {
  --font-main: system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans", sans-serif;
  --font-mono: ui-monospace, "JetBrains Mono", "DejaVu Sans Mono", monospace;
  --bg: #f6f6f4;
  --bg-u2: #fbfbfa;
  --row-alt: #f2f2ef;
  --fg: #2b2b2b;
  --fg-weak: #6b6b6b;
  --a: #1f5f8b;
  --a-hil: #174a6d;
  --btn-fg: #444;
  --btn-h-bg: #e5eef5;
  --btn-1-bg: #1f5f8b;
  --btn-1h-bg: #174a6d;
  --sort-1: #1f5f8b;
  --sort-2: #1f5f8b;
}
html, body { font-family: var(--font-main); font-size: 15px; line-height: 1.45; }
#wrap { max-width: 1100px; margin: 0 auto; padding: 0 1em; }

/* barre d'onglets du haut : monochrome, compacte, sans cadres */
#ops { background: transparent; border: 0; box-shadow: none; padding: .4em 0 .2em; }
#ops a {
  color: var(--fg-weak); background: transparent; border: 0; box-shadow: none;
  padding: .35em .6em; border-radius: 6px; font-size: .9em; text-shadow: none;
}
#ops a:hover, #ops a.act { background: var(--btn-h-bg); color: var(--fg); }

/* fil d'Ariane */
#path { font-size: 1.05em; padding: .4em 0; }
#path a { background: transparent; border: 0; box-shadow: none; text-shadow: none; padding: .2em .35em; border-radius: 6px; }
#path a:hover { background: var(--btn-h-bg); }

/* liste des fichiers : lignes hautes, séparateurs discrets */
#files { border-collapse: collapse; }
#files th { font-weight: 600; color: var(--fg-weak); border-bottom: 1px solid #ddd; padding: .5em .6em; text-shadow: none; }
#files td { padding: .55em .6em; border-bottom: 1px solid #eee; }
#files tr:hover td { background: #eef3f7; }
#files a { text-decoration: none; }
#files a:hover { text-decoration: underline; }

/* arborescence à gauche */
#tree { background: transparent; border-right: 1px solid #e5e5e2; font-size: .95em; }
#tree a { border-radius: 4px; }

/* ce qui ne regarde pas un invité */
#srv_info, #goh, #js_bork { display: none !important; }

/* boutons génériques */
a.btn, button, input[type=submit] {
  border-radius: 6px; box-shadow: none; text-shadow: none; border: 1px solid #d5d5d0;
}

/* ---- seconde passe (21/09) : « on dirait Windows 95 » ---------------------
   Les reliefs viennent des ombres internes (--btn-bs, --op-aa-sh, --btn-1-bs)
   et des cadres ; le tableau et les tailles utilisent la police à chasse fixe. */
:root, html {
  --btn-bs: none; --btn-1-bs: none; --btn-h-bs: none; --btn-1h-bs: none;
  --op-aa-sh: none; --op-a-sh: none; --txt-sh: transparent; --mp-sh: transparent;
  --btn-bb: transparent; --btn-1-bb: transparent; --btn-h-bb: transparent; --btn-1h-bb: transparent;
  --bg-u3: #f6f6f4; --bg-u5: #e8e8e4; --bg-u6: #e8e8e4; --tree-bg: #f6f6f4;
  --g-sh: none; --f-sh1: 0; --f-sh2: 0; --f-sh3: 0;
}
* { text-shadow: none !important; }
a.btn, button, input[type=submit], #ops a, #path a, #tree a, .btn {
  box-shadow: none !important; border: 0 !important; border-radius: 6px;
  background-image: none !important;
}
button, input[type=submit], a.btn { background: #fff !important; color: var(--fg) !important; padding: .45em .9em; border: 1px solid #e2e2de !important; }
button:hover, a.btn:hover { background: var(--btn-h-bg) !important; }
input[type=text], input[type=password], input[type=search], select, textarea {
  border: 1px solid #dcdcd7; border-radius: 6px; padding: .4em .6em; background: #fff; box-shadow: none; font-family: var(--font-main);
}
#files, #files td, #files th, #files a, #path, #path a, #tree, #tree a, #ops a, .sz, .dt { font-family: var(--font-main) !important; }
#files th { background: transparent; border-bottom: 1px solid #e2e2de; text-transform: none; letter-spacing: 0; }
#files td { border-bottom: 1px solid #efefec; }
#files tr:nth-child(even) td { background: transparent; }
#files td.sz, #files td.dt, #files .sz, #files .dt { color: var(--fg-weak); font-variant-numeric: tabular-nums; }
#wrap, #files, #tree, #path, #ops { background: transparent; border-radius: 0; }
body { background: #f6f6f4; }
h1, h2, h3 { font-weight: 600; }