/* ============================================================
   ink music Files — Octopus-Branding für File Browser
   Überschreibt ausschließlich Farbvariablen und wenige, gezielt
   ausgewählte Regeln. Keine Layout-Eingriffe, damit App-Updates
   nicht dagegen laufen.
   Variablennamen stammen aus :root / :root.dark von File Browser.
   ============================================================ */

/* ── Farbwelt ─────────────────────────────────────────────── */
:root {
  --blue:          #0069ff;   /* Octopus-Blau statt Material-Blau */
  --dark-blue:     #0052cc;
  --icon-blue:     #0069ff;
  --item-selected: #e8f1ff;   /* Auswahl sichtbar statt reinweiß */
  --action:        #44566b;
}

:root.dark {
  --item-selected: #14304f;
  --action:        #ffffff;
}

/* ── Logo ─────────────────────────────────────────────────────
   Der Octopus ist breiter als hoch (viewBox 5603x4833).
   File Browser erzwingt 4em x 4em — das staucht ihn. */
#login img {
  width:      auto;
  height:     4.5em;
  object-fit: contain;
}

header img {
  height:     2.2em;
  width:      auto;
  object-fit: contain;
}

/* ── Anmeldeseite ─────────────────────────────────────────── */
#login h1 {
  font-size:      1.9em;
  font-weight:    600;
  letter-spacing: -0.01em;
  color:          var(--textSecondary);
}

/* „Sie wurden wegen Inaktivität abgemeldet" — Warnorange ist für
   einen normalen Sitzungsablauf zu laut. */
#login .logout-message {
  background:    var(--surfaceSecondary);
  color:         var(--textSecondary);
  border-radius: 0.3em;
  font-size:     0.9rem;
}

/* ── Lesbarkeit der Dateiliste ────────────────────────────── */
#listing.list .item {
  border-radius: 0.25em;
}

#listing.list .item[aria-selected="true"] {
  background: var(--item-selected);
}