/* Freigabe im Netzwerk: Anmeldeseite (Sperrbildschirm der Website über dem Himmel) und Desktop-Ansicht */
body.rs-login,body.rs-viewer{background:#05070a;color:#fff;font-family:var(--font)}
.rs-login #os-login{background:transparent;flex-direction:column;gap:7vh}
.rs-clock{text-align:center;color:#fff;text-shadow:0 2px 20px rgba(0,0,0,.5)}
.rs-clock .lg-time{font-size:4.6rem}
.rs-clock .lg-date{font-size:1.2rem}
.rs-note{margin-top:14px;font-size:.7rem;opacity:.65;text-align:center;max-width:300px}
.lg-go:disabled{opacity:.6}
.rs-brand{position:fixed;right:18px;bottom:14px;font-size:.78rem;color:rgba(255,255,255,.55);z-index:100001}
.rs-brand span{opacity:.75}
@media (max-height:560px){.rs-clock{display:none}}

/* Ansicht: Bildschirm füllt das Fenster */
body.rs-viewer{overflow:hidden}
#rs-screen{position:fixed;inset:0;background:#000}
#rs-screen > div{background:#000 !important}
#rs-bar{position:fixed;top:0;left:50%;z-index:10;display:flex;align-items:center;gap:2px;padding:4px 6px 4px 14px;
  transform:translate(-50%,-100%);transition:transform .2s ease;background:var(--surf-solid);border:1px solid var(--stroke-strong);
  border-top:0;border-radius:0 0 10px 10px;box-shadow:var(--shadow-fly);font-size:.78rem}
#rs-bar.show{transform:translate(-50%,0)}
#rs-bar:not(.show){box-shadow:none}               /* sonst bleibt der Schatten als Fleck am Rand */
#rs-bar .rs-dot{width:8px;height:8px;border-radius:50%;background:#e8a33c;margin-right:8px}
#rs-bar.ok .rs-dot{background:var(--accent)}
#rs-bar .rs-title{margin-right:10px;color:var(--text)}
#rs-bar button{width:34px;height:30px;border-radius:5px;display:inline-flex;align-items:center;justify-content:center;color:var(--text-2)}
#rs-bar button:hover{background:var(--card-hover);color:var(--text)}
#rs-bar svg{width:16px;height:16px;stroke-width:1.8;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}
#rs-bar .rs-pin.on{color:var(--accent);background:var(--accent-soft)}
#rs-bar .rs-pin.on svg{fill:currentColor}
/* Griff: bleibt sichtbar, solange die Leiste ausgeblendet ist (auch für Touch) */
#rs-handle{position:fixed;top:0;left:50%;transform:translateX(-50%);z-index:9;width:92px;height:16px;padding:0;
  display:flex;align-items:center;justify-content:center;border-radius:0 0 9px 9px;background:rgba(32,36,40,.78);
  border:1px solid var(--stroke-strong);border-top:0;border-bottom:2px solid var(--accent);color:var(--text);box-shadow:0 2px 8px rgba(0,0,0,.35);
  transition:height .12s ease,opacity .15s ease,background .12s}
#rs-handle svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
#rs-handle:hover,#rs-handle:focus-visible{height:24px;background:var(--surf-solid);color:var(--text)}
#rs-bar.show ~ #rs-handle{opacity:0;pointer-events:none}
body.no-anim #rs-bar,body.no-anim #rs-handle{transition:none}
#rs-clip,#rs-keys{position:fixed;top:46px;left:50%;transform:translateX(-50%);z-index:11;background:var(--surf-solid);
  border:1px solid var(--stroke-strong);border-radius:10px;box-shadow:var(--shadow-fly);padding:14px;color:var(--text);font-size:.8rem}
#rs-clip{width:min(520px,calc(100vw - 24px));display:flex;flex-direction:column;gap:10px}
#rs-clip textarea{height:120px;resize:vertical;background:var(--card);color:var(--text);border:1px solid var(--stroke-strong);border-radius:6px;padding:8px;font:inherit}
#rs-clip .rs-row{display:flex;gap:8px;justify-content:flex-end}
#rs-keys{display:flex;flex-wrap:wrap;gap:8px;max-width:calc(100vw - 24px)}
#rs-clip[hidden],#rs-keys[hidden],#rs-status[hidden]{display:none}
#rs-status{position:fixed;inset:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;
  background:rgba(5,7,10,.82);color:#fff;font-size:.95rem}
.rs-spin{width:34px;height:34px;border-radius:50%;border:3px solid var(--accent);border-right-color:transparent;animation:setSpin .8s linear infinite}
.rs-spin[hidden]{display:none}