/* Sample-Browser im REDLINE-Look (Luca 25.10.2026: Finder-Aufbau bleibt, aber REDLINE statt macOS-Grau/Orange).
   Nur fuer .page-redline; die gemeinsamen Finder-Regeln in kit-page.css bleiben fuer die anderen Kit-Seiten.
   Ordner in der FL-Ordnerfarbe des Kits ($0001f5 in den .nfo-Dateien = #f50100), Auswahl im Seitenrot. */

.page-redline {
  --rlb-rot: #f50100;
  --rlb-akzent: var(--rl-red, #ff2938);
  --rlb-grund: #0b0909;
  --rlb-leiste: #0f0c0c;
  --rlb-kopf: #130e0e;
  --rlb-linie: rgba(255, 41, 56, 0.16);
  --rlb-leise: rgba(242, 240, 236, 0.05);
  --rlb-text: #f2f0ec;
}

.page-redline .finder-window {
  background: var(--rlb-grund);
  border: 1px solid var(--rlb-linie);
  border-radius: 6px;
  box-shadow: 0 40px 120px rgba(0, 0, 0, 0.85), 0 0 80px rgba(255, 41, 56, 0.05);
}

/* Titelleiste: keine bunte macOS-Ampel, nur ein roter Punkt + zwei gedimmte */
.page-redline .finder__titlebar { background: var(--rlb-kopf); border-bottom: 1px solid var(--rlb-linie); }
.page-redline .finder__winbtn--close { background: var(--rlb-akzent); }
.page-redline .finder__winbtn--min,
.page-redline .finder__winbtn--max { background: #3a2f2f; }
.page-redline .finder__title-folder-icon { color: var(--rlb-rot); }
.page-redline .finder__window-title { color: var(--rlb-text); letter-spacing: 0.12em; text-transform: uppercase; font-size: 11px; }

.page-redline .finder__toolbar { background: var(--rlb-kopf); border-bottom: 1px solid var(--rlb-leise); }
.page-redline .finder__crumb { color: rgba(242, 240, 236, 0.4); }
.page-redline .finder__crumb--active { color: var(--rlb-text); }
.page-redline .finder__view-btn.is-active { background: rgba(255, 41, 56, 0.14); color: var(--rlb-akzent); }
.page-redline .finder__action-btn,
.page-redline .finder__nav-btn,
.page-redline .finder__view-btn { border-radius: 2px; }

/* Seitenleiste: rote Ordner wie im FL-Browser, Auswahl mit roter Kante */
.page-redline .finder__sidebar { background: var(--rlb-leiste); border-right: 1px solid var(--rlb-leise); }
.page-redline .finder__sidebar-label { color: rgba(242, 240, 236, 0.32); letter-spacing: 0.16em; }
.page-redline .finder__sidebar-item { border-radius: 2px; color: rgba(242, 240, 236, 0.62); }
.page-redline .finder__sidebar-item:hover:not(.is-active) { background: rgba(242, 240, 236, 0.05); color: var(--rlb-text); }
.page-redline .finder__sidebar-item.is-active {
  background: rgba(245, 1, 0, 0.13);
  box-shadow: inset 2px 0 0 var(--rlb-rot);
  color: #fff;
}
.page-redline .finder__sidebar-folder { color: var(--rlb-rot); opacity: 0.72; }
.page-redline .finder__sidebar-item.is-active .finder__sidebar-folder { color: var(--rlb-rot); opacity: 1; }

/* Dateiliste */
.page-redline .finder__main { background: var(--rlb-grund); }
.page-redline .finder__col-headers { background: var(--rlb-leiste); border-bottom: 1px solid var(--rlb-linie); }
.page-redline .finder__col-h { color: rgba(242, 240, 236, 0.34); text-transform: uppercase; letter-spacing: 0.14em; font-size: 10px; }
.page-redline .finder__file { border-bottom: 1px solid var(--rlb-leise); }
.page-redline .finder__file:hover { background: rgba(242, 240, 236, 0.035); }
.page-redline .finder__file.is-selected { background: rgba(255, 41, 56, 0.08); }
.page-redline .finder__file.is-playing { background: rgba(255, 41, 56, 0.13); box-shadow: inset 2px 0 0 var(--rlb-akzent); }
.page-redline .finder__file.is-playing .finder__file-icon,
.page-redline .finder__file.is-selected .finder__file-icon { color: var(--rlb-akzent); }
.page-redline .finder__file-wave span { background: rgba(255, 41, 56, 0.28); }
.page-redline .finder__file:hover .finder__file-wave span { background: rgba(255, 41, 56, 0.5); }
.page-redline .finder__file.is-playing .finder__file-wave span { background: var(--rlb-akzent); }
.page-redline .finder__file-dur { font-variant-numeric: tabular-nums; }
.page-redline .finder__file--locked:hover { background: transparent; }
.page-redline .finder__locked-wrap::after {
  background: linear-gradient(to bottom, transparent 0%, rgba(11, 9, 9, 0.5) 38%, rgba(11, 9, 9, 0.9) 70%, var(--rlb-grund) 100%);
}

.page-redline .finder__statusbar { background: var(--rlb-kopf); border-top: 1px solid var(--rlb-leise); }
.page-redline .finder__status-left { color: rgba(242, 240, 236, 0.32); letter-spacing: 0.06em; }

/* Alle 17 Ordner ohne Scrollen sichtbar; die gesperrten (echten) Namen laufen nach unten aus */
.page-redline .finder__body { height: 572px; }
.page-redline .finder__locked-wrap .finder__file--locked { opacity: 0.55; }
@media (max-width: 760px) {
  .page-redline .finder__body { height: 460px; }
}

/* „Drumkit only"-Kauf direkt unter dem Browser (der Drumkit-Textblock ist raus, Luca 25.10.2026) */
.page-redline .rl-browser__buy { margin-top: 32px; }