/* --- DEMO --- Kopfzeile „Demo – wird jede Nacht zurückgesetzt“ + Knopf „Demo-Zugang verwenden“ (Runde 1030, Paket DEMO).
   Nur im Demo-Modus eingehängt (server.py `_file` -> demo_modus.html_ergaenzen). */
:root{ --nx-demo-h:24px; }
.nx-demo-leiste{ position:fixed; top:0; left:0; right:0; height:var(--nx-demo-h); z-index:42; display:flex; align-items:center;
  justify-content:center; gap:8px; padding:0 10px; box-sizing:border-box; overflow:hidden; white-space:nowrap;
  font:600 12px/1 "Segoe UI",system-ui,-apple-system,sans-serif; letter-spacing:.2px; color:#3d2c00;
  background:linear-gradient(90deg,#ffe066,#ffc078); border-bottom:1px solid rgba(0,0,0,.08); }
.nx-demo-leiste .nx-demo-punkt{ width:7px; height:7px; border-radius:50%; background:#e8590c; flex:none; }
.nx-demo-leiste .nx-demo-mehr{ font-weight:500; opacity:.8; overflow:hidden; text-overflow:ellipsis; }
body.dark .nx-demo-leiste, html[data-theme="dark"] .nx-demo-leiste{ color:#ffe8a3; border-bottom-color:rgba(255,255,255,.08);
  background:linear-gradient(90deg,#4d3c0a,#5c3510); }
body.nx-demo{ box-sizing:border-box; padding-top:var(--nx-demo-h); }
/* fest positionierte Teile der Oberfläche um die Leiste nach unten (margin-top wirkt auch bei top/inset) */
body.nx-demo .menubtn, body.nx-demo .sidebar, body.nx-demo .drawer-backdrop, body.nx-demo .viewer,
body.nx-demo #hdrMore, body.nx-demo .hdrmore, body.nx-demo #nxfView,
body.nx-demo .nxf-licht.nxf-fo{ margin-top:var(--nx-demo-h); }   /* Dateiansicht + Fotos-Ansicht (Vollbild) */
/* Server neu starten/herunterfahren gibt es in der Demo nicht (serverseitig gesperrt) – Zahnrad der Anmeldeseite weg */
body.nx-demo .srvgear{ display:none; }
/* Anmeldeseite */
.nx-demo-knopf{ width:100%; margin-top:10px; padding:12px; border-radius:11px; border:1.5px dashed var(--accent2,#4c6ef5);
  background:transparent; color:var(--accent,#3b5bdb); font-size:14px; font-weight:600; cursor:pointer; transition:.15s; }
.nx-demo-knopf:hover{ background:rgba(76,110,245,.08); }
.nx-demo-knopf:disabled{ opacity:.6; cursor:default; }
.nx-demo-hinweis{ margin-top:6px; text-align:center; font-size:11.5px; color:var(--muted,#6b7688); }
@media (max-width:420px){ .nx-demo-leiste .nx-demo-mehr{ display:none; } }
/* --- /DEMO --- */