/* ══════════════════════════════════════════════════════════════
   RheinAgent Systems · Geschaeftsbereiche
   Umschalter aus dem Plattform-Prototyp. Ergaenzt nur; alle
   bestehenden Funktionen bleiben unveraendert.
   ══════════════════════════════════════════════════════════════ */

/* ── Knopf in der Icon-Leiste ──────────────────────────────── */
.ra-gb-knopf{
  width:48px;height:48px;border-radius:14px;display:flex;flex-direction:column;
  align-items:center;justify-content:center;gap:2px;background:rgba(255,255,255,.07);
  color:#fff;margin-bottom:14px;position:relative;transition:.16s;border:none;
  cursor:pointer;flex:0 0 auto;padding:0;font:inherit;
}
.ra-gb-knopf:hover{background:rgba(255,255,255,.14)}
.ra-gb-punkt{width:9px;height:9px;border-radius:50%;background:var(--ra-akzent)}
.ra-gb-txt{font-size:.52rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;opacity:.78;color:#fff;line-height:1}
.ra-gb-knopf::after{
  content:'';position:absolute;right:-1px;bottom:-1px;width:0;height:0;
  border-left:6px solid transparent;border-bottom:6px solid rgba(255,255,255,.45);
}

/* ── Auswahlmenue ──────────────────────────────────────────── */
.ra-gb-menue{
  position:fixed;left:76px;top:68px;width:290px;background:#fff;border:1px solid #e3e8f0;
  border-radius:14px;box-shadow:0 24px 60px rgba(13,21,38,.22);padding:8px;z-index:3000;display:none;
}
.ra-gb-menue.auf{display:block}
.ra-gb-kopf{
  font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:#96a1b5;
  font-weight:700;padding:8px 10px 6px;
}
.ra-gb-eintrag{
  display:flex;align-items:center;gap:11px;width:100%;padding:10px;border-radius:10px;
  text-align:left;transition:background .14s;border:none;background:none;cursor:pointer;font:inherit;color:#0d1526;
}
.ra-gb-eintrag:hover{background:#f5f7fb}
.ra-gb-eintrag.an{background:var(--ra-akzent-hell)}
.ra-gb-farbe{width:10px;height:10px;border-radius:50%;flex:0 0 auto}
.ra-gb-beschriftung{flex:1;min-width:0}
.ra-gb-beschriftung b{display:block;font-size:.84rem;font-weight:650}
.ra-gb-beschriftung span{display:block;font-size:.72rem;color:#6b7890;margin-top:1px}
.ra-gb-zahl{margin-left:auto;font-size:.7rem;font-weight:700;color:#96a1b5;flex:0 0 auto}
.ra-gb-bald{
  margin-left:auto;font-size:.62rem;font-weight:700;color:#a55b0b;background:#fff4e5;
  padding:.1rem .4rem;border-radius:999px;flex:0 0 auto;
}
.ra-gb-fuss{
  border-top:1px solid #eef1f6;margin-top:6px;padding:10px;
  font-size:.72rem;color:#96a1b5;line-height:1.5;
}
html.gs-dark .ra-gb-menue{background:#161d29;border-color:#2a3446;box-shadow:0 24px 60px rgba(0,0,0,.5)}
html.gs-dark .ra-gb-eintrag{color:#e8edf6}
html.gs-dark .ra-gb-eintrag:hover{background:#1e2735}
html.gs-dark .ra-gb-beschriftung span{color:#9aa6ba}
html.gs-dark .ra-gb-fuss{border-top-color:#2a3446}
html.gs-dark .ra-gb-bald{color:#fbbf24;background:rgba(251,191,36,.14)}

/* ── Ansicht eines Bereichs, der noch in Vorbereitung ist ──── */
#ra-gb-group{display:none}
#ra-gb-flyout{display:none}
#ra-gb-canvas{display:none}
#admin-view.gb-vorschau .ra-rail > .ra-rail-group:not(#ra-gb-group){display:none}
#admin-view.gb-vorschau #ra-flyout{display:none}
#admin-view.gb-vorschau .admin-main > .ra-canvas:not(#ra-gb-canvas){display:none}
#admin-view.gb-vorschau #ra-gb-group{display:flex}
#admin-view.gb-vorschau #ra-gb-flyout{display:flex}
#admin-view.gb-vorschau #ra-gb-canvas{display:block}

.ra-gb-hinweis{
  display:flex;align-items:flex-start;gap:14px;background:#fff;border:1px solid #e3e8f0;
  border-radius:14px;padding:20px 22px;max-width:720px;
}
.ra-gb-hinweis svg{width:22px;height:22px;flex:0 0 22px;color:var(--ra-akzent);margin-top:2px}
.ra-gb-hinweis p{margin:0;font-size:.86rem;line-height:1.65;color:#3d4a60}
.ra-gb-hinweis b{color:#0d1526}
.ra-gb-zurueck{
  margin-top:16px;display:inline-flex;align-items:center;gap:8px;padding:.5rem .95rem;
  border-radius:9px;border:1px solid #e3e8f0;background:#fff;color:#3d4a60;
  font:inherit;font-size:.82rem;font-weight:600;cursor:pointer;transition:.15s;
}
.ra-gb-zurueck:hover{border-color:var(--ra-akzent);color:var(--ra-akzent-dunkel)}
html.gs-dark .ra-gb-hinweis{background:#161d29;border-color:#2a3446}
html.gs-dark .ra-gb-hinweis p{color:#c3ccdb}
html.gs-dark .ra-gb-hinweis b{color:#e8edf6}
html.gs-dark .ra-gb-zurueck{background:#161d29;border-color:#2a3446;color:#c3ccdb}
.ra-gb-flyfuss{font-size:.72rem;color:#96a1b5;line-height:1.55}
html.gs-dark .ra-gb-flyfuss{color:#8d99ad}