/*!
 * Sanacorp Go Assistent – Styles (Kiosk-kompatibel)
 * - Gemeinsame Shell (#go-root / #kiosk-root)
 * - iFrame im Vollflächenmodus (#go-frame / #kiosk-frame)
 * - Modal & Overlay (go-*, weiterhin kompatibel mit kiosk-*)
 * - Einfache Toolbar
 */

:root { --sc-pink:#C8005A; }

/* ===== Shell: zunächst AUS (damit nichts überlagert) ===== */
#go-root,
#kiosk-root {
  position: fixed;
  inset: 0;
  display: none;              /* initial versteckt */
  background: #000;           /* neutrale Fläche unter dem iFrame */
  z-index: 1040;              /* Bootstrap Backdrop ~1050, Modal ~1055 */
}

/* Aktiviert durch JS beim Start-Button-Klick */
#go-root.is-active,
#kiosk-root.is-active {
  display: flex;
}

/* iFrame = Seite im Vollbild (inkl. Nav & Scroll) */
#go-frame,
#kiosk-frame {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
  background: #000;
}

/* ===== Start-Modal Branding (Bootstrap) ===== */
.go-modal .btn-primary,
.kiosk-modal .btn-primary {
  background-color: var(--sc-pink);
  border-color: var(--sc-pink);
}
.go-modal .btn-primary:hover,
.kiosk-modal .btn-primary:hover { filter: brightness(0.98); }
.go-modal .modal-header,
.kiosk-modal .modal-header { border-bottom: 1px solid rgba(0,0,0,.06); }

/* ===== Overlay (Fehler/Loading) ===== */
#go-overlay,
#kiosk-overlay {
  position: absolute;
  inset: 0;
  display: none;              /* per JS ein-/ausblenden */
  align-items: center;
  justify-content: center;
  background: rgba(0,0,0,.55);
  z-index: 1;                 /* über dem iFrame, unter dem Modal */
}
.go-msg,
.kiosk-msg {
  background: #fff;
  color: #111;
  border-radius: 12px;
  padding: 16px 20px;
  max-width: 640px;
  box-shadow: 0 10px 30px rgba(0,0,0,.25);
}
.go-msg h6,
.kiosk-msg h6 { margin: 0 0 6px 0; font-weight: 700; }
.go-msg p,
.kiosk-msg p  { margin: 0 0 8px 0; }
.go-msg .small,
.kiosk-msg .small { opacity: .75; }
.go-msg kbd,
.kiosk-msg kbd { background: #111; color:#fff; border-radius: 4px; padding: 0 6px; }

/* ===== (Optional) Toolbar ===== */
.go-toolbar,
.kiosk-toolbar {
  position: absolute;
  left: 12px;
  bottom: 12px;
  display: flex;
  gap: 8px;
  z-index: 2;
}
.go-btn,
.kiosk-btn {
  appearance: none;
  border: 1px solid rgba(255,255,255,.35);
  background: rgba(255,255,255,.12);
  color: #fff;
  padding: 6px 10px;
  border-radius: 10px;
  font-size: 14px;
  cursor: pointer;
}
.go-btn:hover,
.kiosk-btn:hover { background: rgba(255,255,255,.2); }

/* ===== (Nice-to-have) Disabled Buttons (auch <a>) ===== */
.btn[disabled],
.btn.disabled,
.btn:disabled {
  opacity:.55 !important;
  pointer-events:none !important;
  cursor:not-allowed !important;
  box-shadow:none !important;
  filter:grayscale(.12);
}