/* ═══════════════════════════════════════════════════════════════════════════
   ESIS-Branding-Overlay für das OpenTalk-Frontend (meet.esis.gmbh).

   Das ot-setup-Frontend bietet KEINE Branding-Config (kein Logo-/Theme-Setting),
   daher wird diese Datei per Host-nginx (sub_filter) in die SPA-HTML injiziert.
   CSP ist framing-only (`frame-ancestors 'self'`) → same-origin CSS + Bild sind
   erlaubt.

   Ersetzt die OpenTalk-Wortmarke durch das ESIS-Logo + "powered by OpenTalk".
   Das OpenTalk-Logo ist auf JEDER Ansicht (Dashboard/Einladen/Lobby/im Meeting)
   dasselbe inline-<svg> (Komponente SvgLogo, intrinsischer viewBox
   "0 0 206.392 45.061" = build-unabhängig; zusätzlich data-sentry-component=
   "DashboardLogo" auf der Dashboard-Instanz).

   ⚠ Fragil am OpenTalk-Build: hängt am Logo-viewBox. Bei einem Frontend-Update
   prüfen (grep 'viewBox:"0 0' im /assets/index-*.js) und ggf. nachziehen.

   ⚠ WICHTIG (Grid-Falle): Das Logo-SVG sitzt via gridArea:"Logo" DIREKT in einem
   Grid-Container. Ein "powered by"-::after am ELTERN-Container wird deshalb zu
   einem eigenständigen Grid-Item und landet NICHT unter dem Logo (unsichtbar).
   Ebenso trägt ein <svg> (bzw. replaced-artiges Element) kein zuverlässiges
   ::after. Lösung: die Attribution ist als ZWEITE HINTERGRUND-EBENE direkt am
   Logo-SVG eingebettet → sie reist mit dem Logo mit und erscheint auf ALLEN
   Seiten, ohne Abhängigkeit vom Elternlayout und ohne Clipping.
   ═══════════════════════════════════════════════════════════════════════════ */

/* Das OpenTalk-Logo-SVG durch das ESIS-Logo (oben) + "powered by OpenTalk"
   (unten) ersetzen. Beide als Hintergrund-Ebenen im UNVERÄNDERT 2rem hohen Kasten
   (= die Original-Logohöhe → kein Layout-Shift auf irgendeiner Seite). */
[data-sentry-component="DashboardLogo"],
svg[viewBox="0 0 206.392 45.061"] {
  /* Logo UND Tagline teilen dieselbe 160-Einheiten-Breitenabbildung (beide 152px breit,
     left top). Die Tagline-SVG nutzt denselben viewBox-x-Raum (Breite 160) und streckt den
     Text via textLength exakt auf x=0..136.9 → "p" unter dem "E", "k" unter dem Ende des
     zweiten "S" (der pinke Punkt liegt bei x=141.1..160, also rechts daneben). */
  width: 152px !important;
  height: 3.45rem !important;
  background:
    url('/esis-logo.svg') left top / 152px auto no-repeat,
    url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNjAgNTgiPjx0ZXh0IHg9IjAiIHk9IjU1IiB0ZXh0TGVuZ3RoPSIxMzYuOSIgbGVuZ3RoQWRqdXN0PSJzcGFjaW5nQW5kR2x5cGhzIiBmb250LWZhbWlseT0ic2Fucy1zZXJpZiIgZm9udC1zaXplPSIxNSIgZm9udC13ZWlnaHQ9IjUwMCIgZmlsbD0iIzhhOTdhNiI+cG93ZXJlZCBieSBPcGVuVGFsazwvdGV4dD48L3N2Zz4=") left top / 152px auto no-repeat !important;
  color: transparent !important;
}

/* Original-OpenTalk-Glyphen ausblenden (unabhängig von ihrer Füllung — das Logo
   nutzt einen linearGradient-Fill, NICHT currentColor), damit nur das ESIS-Logo
   sichtbar ist. Layout/Platz bleiben erhalten. */
[data-sentry-component="DashboardLogo"] *,
svg[viewBox="0 0 206.392 45.061"] * {
  fill: transparent !important;
  stroke: transparent !important;
}