/* =========================================================
PNP_WEBINAR_GLASS_ROOM_SHELL_V1
Cel: mocny Glass UI PRO dla całego pokoju webinarowego.
Zakres: CSS only. Bez JS, bez HTML, bez logiki.
Warunek: działa z data-pnp-glass-theme="pearl|navy|smoke|sand".
========================================================= */

/* =========================================================
GLOBAL TOKENS — różnice między trybami całego pokoju
========================================================= */

html[data-pnp-glass-theme="pearl"],
body[data-pnp-glass-theme="pearl"] {
  --pnp-glass-room-bg:
    radial-gradient(circle at 12% 8%, rgba(255,255,255,.95), transparent 28%),
    radial-gradient(circle at 86% 18%, rgba(214,183,90,.18), transparent 34%),
    linear-gradient(135deg, #eaf3ff 0%, #f7fbff 48%, #eef5ff 100%);
  --pnp-glass-shell-bg: rgba(255,255,255,.54);
  --pnp-glass-shell-bg-strong: rgba(255,255,255,.72);
  --pnp-glass-shell-border: rgba(67, 89, 124, .18);
  --pnp-glass-shell-text: rgba(17, 24, 39, .92);
  --pnp-glass-shell-muted: rgba(51, 65, 85, .72);
  --pnp-glass-shell-accent: #b9922d;
  --pnp-glass-shell-shadow: 0 18px 55px rgba(30, 58, 95, .13);
  --pnp-glass-shell-tile: rgba(255,255,255,.50);
  --pnp-glass-shell-stage: rgba(239, 247, 255, .58);
}

html[data-pnp-glass-theme="navy"],
body[data-pnp-glass-theme="navy"] {
  --pnp-glass-room-bg:
    radial-gradient(circle at 18% 10%, rgba(55, 99, 160, .25), transparent 30%),
    radial-gradient(circle at 86% 20%, rgba(214,183,90,.16), transparent 32%),
    linear-gradient(135deg, #07111f 0%, #101e31 46%, #07101d 100%);
  --pnp-glass-shell-bg: rgba(13, 25, 43, .58);
  --pnp-glass-shell-bg-strong: rgba(16, 31, 53, .76);
  --pnp-glass-shell-border: rgba(255,255,255,.14);
  --pnp-glass-shell-text: rgba(248,250,252,.94);
  --pnp-glass-shell-muted: rgba(203,213,225,.72);
  --pnp-glass-shell-accent: #d6b75a;
  --pnp-glass-shell-shadow: 0 22px 70px rgba(0,0,0,.30);
  --pnp-glass-shell-tile: rgba(17, 31, 52, .56);
  --pnp-glass-shell-stage: rgba(2, 8, 23, .50);
}

html[data-pnp-glass-theme="smoke"],
body[data-pnp-glass-theme="smoke"] {
  --pnp-glass-room-bg:
    radial-gradient(circle at 16% 8%, rgba(148,163,184,.22), transparent 30%),
    radial-gradient(circle at 90% 18%, rgba(200,169,87,.14), transparent 32%),
    linear-gradient(135deg, #1d242e 0%, #2c3441 48%, #171d25 100%);
  --pnp-glass-shell-bg: rgba(48, 57, 70, .58);
  --pnp-glass-shell-bg-strong: rgba(54, 64, 80, .74);
  --pnp-glass-shell-border: rgba(255,255,255,.15);
  --pnp-glass-shell-text: rgba(248,250,252,.93);
  --pnp-glass-shell-muted: rgba(226,232,240,.70);
  --pnp-glass-shell-accent: #c8a957;
  --pnp-glass-shell-shadow: 0 22px 66px rgba(0,0,0,.26);
  --pnp-glass-shell-tile: rgba(255,255,255,.08);
  --pnp-glass-shell-stage: rgba(18, 24, 32, .46);
}

html[data-pnp-glass-theme="sand"],
body[data-pnp-glass-theme="sand"] {
  --pnp-glass-room-bg:
    radial-gradient(circle at 14% 10%, rgba(255,255,255,.74), transparent 28%),
    radial-gradient(circle at 86% 18%, rgba(173,125,34,.18), transparent 34%),
    linear-gradient(135deg, #fff4dc 0%, #fffaf0 48%, #f3dfba 100%);
  --pnp-glass-shell-bg: rgba(255,255,255,.50);
  --pnp-glass-shell-bg-strong: rgba(255,255,255,.70);
  --pnp-glass-shell-border: rgba(133, 92, 35, .18);
  --pnp-glass-shell-text: rgba(41, 32, 20, .94);
  --pnp-glass-shell-muted: rgba(87, 69, 45, .72);
  --pnp-glass-shell-accent: #ad7d22;
  --pnp-glass-shell-shadow: 0 20px 58px rgba(92, 64, 24, .15);
  --pnp-glass-shell-tile: rgba(255,255,255,.48);
  --pnp-glass-shell-stage: rgba(255, 247, 232, .54);
}

/* =========================================================
SHELL — całe tło i główne sekcje
========================================================= */

body[data-pnp-glass-theme] {
  background: var(--pnp-glass-room-bg) !important;
  color: var(--pnp-glass-shell-text) !important;
}

body[data-pnp-glass-theme] .pnp-room {
  background: transparent !important;
}

body[data-pnp-glass-theme] .pnp-topbar,
body[data-pnp-glass-theme] .pnp-bottombar {
  background:
    linear-gradient(180deg, rgba(255,255,255,.16), rgba(255,255,255,.055)),
    var(--pnp-glass-shell-bg) !important;
  border-color: var(--pnp-glass-shell-border) !important;
  color: var(--pnp-glass-shell-text) !important;
  box-shadow: var(--pnp-glass-shell-shadow) !important;
  backdrop-filter: blur(22px) saturate(1.22) !important;
  -webkit-backdrop-filter: blur(22px) saturate(1.22) !important;
}

body[data-pnp-glass-theme] .pnp-middle {
  background: transparent !important;
}

body[data-pnp-glass-theme] .pnp-stage {
  background:
    radial-gradient(circle at 12% 0%, rgba(255,255,255,.12), transparent 26%),
    var(--pnp-glass-shell-stage) !important;
  border-color: var(--pnp-glass-shell-border) !important;
}

body[data-pnp-glass-theme] .pnp-stage__main,
body[data-pnp-glass-theme] .pnp-stage__grid--livekit,
body[data-pnp-glass-theme] .pnp-lk-remote-tile,
body[data-pnp-glass-theme] .pnp-stage__tile,
body[data-pnp-glass-theme] .pnp-local-video-slot {
  border-color: var(--pnp-glass-shell-border) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.09), rgba(255,255,255,.025)),
    var(--pnp-glass-shell-tile) !important;
  box-shadow: var(--pnp-glass-shell-shadow) !important;
  backdrop-filter: blur(16px) saturate(1.16) !important;
  -webkit-backdrop-filter: blur(16px) saturate(1.16) !important;
}

body[data-pnp-glass-theme] .pnp-panel {
  background:
    radial-gradient(circle at 18% 0%, color-mix(in srgb, var(--pnp-glass-shell-accent) 20%, transparent), transparent 32%),
    linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,.035)),
    var(--pnp-glass-shell-bg-strong) !important;
  border-color: var(--pnp-glass-shell-border) !important;
  color: var(--pnp-glass-shell-text) !important;
  box-shadow: var(--pnp-glass-shell-shadow) !important;
  backdrop-filter: blur(26px) saturate(1.25) !important;
  -webkit-backdrop-filter: blur(26px) saturate(1.25) !important;
}

body[data-pnp-glass-theme] .pnp-panel__tabs,
body[data-pnp-glass-theme] .pnp-panel__body,
body[data-pnp-glass-theme] .pnp-chat__footer {
  background: rgba(255,255,255,.07) !important;
  border-color: var(--pnp-glass-shell-border) !important;
}

body[data-pnp-glass-theme] .pnp-panel__tab {
  color: var(--pnp-glass-shell-muted) !important;
  border-color: transparent !important;
  background: transparent !important;
}

body[data-pnp-glass-theme] .pnp-panel__tab.is-active {
  color: var(--pnp-glass-shell-text) !important;
  border-color: color-mix(in srgb, var(--pnp-glass-shell-accent) 44%, transparent) !important;
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--pnp-glass-shell-accent) 28%, rgba(255,255,255,.18)), rgba(255,255,255,.08)) !important;
  box-shadow: 0 12px 28px color-mix(in srgb, var(--pnp-glass-shell-accent) 20%, transparent) !important;
}

body[data-pnp-glass-theme] .pnp-chat__messages,
body[data-pnp-glass-theme] .pnp-people__list,
body[data-pnp-glass-theme] #pnpQuestionsList,
body[data-pnp-glass-theme] .pnp-hand-panel,
body[data-pnp-glass-theme] .pnp-chat__input {
  background: rgba(255,255,255,.10) !important;
  border-color: var(--pnp-glass-shell-border) !important;
  color: var(--pnp-glass-shell-text) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08) !important;
}

body[data-pnp-glass-theme] .pnp-chat__system,
body[data-pnp-glass-theme] .pnp-questions__empty,
body[data-pnp-glass-theme] .pnp-hand-panel__empty,
body[data-pnp-glass-theme] .pnp-people__role {
  color: var(--pnp-glass-shell-muted) !important;
}

body[data-pnp-glass-theme] .pnp-chat__send,
body[data-pnp-glass-theme] .pnp-btn[aria-pressed="true"],
body[data-pnp-glass-theme] .pnp-btn--raise {
  border-color: color-mix(in srgb, var(--pnp-glass-shell-accent) 48%, transparent) !important;
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--pnp-glass-shell-accent) 72%, #ffffff), var(--pnp-glass-shell-accent)) !important;
  color: #111827 !important;
  box-shadow: 0 14px 30px color-mix(in srgb, var(--pnp-glass-shell-accent) 22%, transparent) !important;
}

body[data-pnp-glass-theme] .pnp-btn,
body[data-pnp-glass-theme] .pnp-topbar__account-btn,
body[data-pnp-glass-theme] .pnp-topbar__settings {
  border-color: var(--pnp-glass-shell-border) !important;
  background: rgba(255,255,255,.11) !important;
  color: var(--pnp-glass-shell-text) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08) !important;
  backdrop-filter: blur(12px) saturate(1.12) !important;
  -webkit-backdrop-filter: blur(12px) saturate(1.12) !important;
}

body[data-pnp-glass-theme] .pnp-status-line,
body[data-pnp-glass-theme] .pnp-topbar__status,
body[data-pnp-glass-theme] .pnp-topbar__title {
  color: var(--pnp-glass-shell-text) !important;
}

body[data-pnp-glass-theme] .pnp-topbar__status-dot {
  background: var(--pnp-glass-shell-accent) !important;
  box-shadow: 0 0 0 5px color-mix(in srgb, var(--pnp-glass-shell-accent) 18%, transparent) !important;
}

body[data-pnp-glass-theme] .pnp-tile-expand {
  border-color: var(--pnp-glass-shell-border) !important;
  background: rgba(255,255,255,.12) !important;
  color: var(--pnp-glass-shell-text) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
}

body[data-pnp-glass-theme] .pnp-stage__badge,
body[data-pnp-glass-theme] .pnp-screen-share-live-badge {
  border-color: var(--pnp-glass-shell-border) !important;
  background: var(--pnp-glass-shell-bg-strong) !important;
  color: var(--pnp-glass-shell-text) !important;
  box-shadow: var(--pnp-glass-shell-shadow) !important;
}

/* mocniejsze rozróżnienie trybów na top/bottom */
body[data-pnp-glass-theme="pearl"] .pnp-topbar,
body[data-pnp-glass-theme="pearl"] .pnp-bottombar,
body[data-pnp-glass-theme="sand"] .pnp-topbar,
body[data-pnp-glass-theme="sand"] .pnp-bottombar {
  background:
    linear-gradient(180deg, rgba(255,255,255,.76), rgba(255,255,255,.42)),
    var(--pnp-glass-shell-bg) !important;
}

body[data-pnp-glass-theme="navy"] .pnp-topbar,
body[data-pnp-glass-theme="navy"] .pnp-bottombar,
body[data-pnp-glass-theme="smoke"] .pnp-topbar,
body[data-pnp-glass-theme="smoke"] .pnp-bottombar {
  background:
    linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.025)),
    var(--pnp-glass-shell-bg) !important;
}


/* =========================================================
PNP_WEBINAR_GLASS_ROOM_TYPOGRAPHY_ACCESSIBILITY_V1
Cel: większe, ładniejsze i czytelniejsze fonty dla pokoju webinarowego,
szczególnie pod osoby starsze oraz tryby nocne Navy/Smoke.
Zakres: tylko typografia i czytelność w obrębie Glass Room Shell.
========================================================= */

body[data-pnp-glass-theme] {
  --pnp-glass-font-ui: "Inter", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --pnp-glass-font-size-base: 17px;
  --pnp-glass-font-size-ui: 16.5px;
  --pnp-glass-font-size-medium: 18px;
  --pnp-glass-font-size-large: 20px;
  --pnp-glass-line-height: 1.55;

  font-family: var(--pnp-glass-font-ui) !important;
  font-size: var(--pnp-glass-font-size-base) !important;
  line-height: var(--pnp-glass-line-height) !important;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

body[data-pnp-glass-theme="navy"] {
  --pnp-glass-shell-text: rgba(255,255,255,.985);
  --pnp-glass-shell-muted: rgba(235,242,255,.86);
  --pnp-glass-shell-bg-strong: rgba(15, 30, 54, .88);
  --pnp-glass-shell-tile: rgba(20, 38, 64, .72);
  --pnp-glass-shell-stage: rgba(3, 10, 25, .64);
}

body[data-pnp-glass-theme="smoke"] {
  --pnp-glass-shell-text: rgba(255,255,255,.975);
  --pnp-glass-shell-muted: rgba(236,241,248,.84);
  --pnp-glass-shell-bg-strong: rgba(58, 68, 84, .86);
  --pnp-glass-shell-tile: rgba(255,255,255,.13);
  --pnp-glass-shell-stage: rgba(22, 28, 38, .62);
}

body[data-pnp-glass-theme] .pnp-topbar,
body[data-pnp-glass-theme] .pnp-bottombar,
body[data-pnp-glass-theme] .pnp-panel,
body[data-pnp-glass-theme] .pnp-room-settings {
  font-family: var(--pnp-glass-font-ui) !important;
  font-size: var(--pnp-glass-font-size-ui) !important;
  line-height: var(--pnp-glass-line-height) !important;
  letter-spacing: -0.01em;
}

body[data-pnp-glass-theme] .pnp-topbar__title {
  font-size: clamp(17px, 1.18vw, 21px) !important;
  font-weight: 850 !important;
  letter-spacing: -0.02em;
}

body[data-pnp-glass-theme] .pnp-topbar__brand,
body[data-pnp-glass-theme] .pnp-topbar__status,
body[data-pnp-glass-theme] .pnp-topbar__people,
body[data-pnp-glass-theme] .pnp-status-line {
  font-size: 16.5px !important;
  font-weight: 750 !important;
  line-height: 1.45 !important;
}

body[data-pnp-glass-theme] .pnp-btn,
body[data-pnp-glass-theme] .pnp-topbar__account-btn,
body[data-pnp-glass-theme] .pnp-topbar__settings,
body[data-pnp-glass-theme] .pnp-chat__send,
body[data-pnp-glass-theme] .pnp-room-settings__nav-btn,
body[data-pnp-glass-theme] .pnp-room-settings__theme-btn,
body[data-pnp-glass-theme] .pnp-room-settings__zoom-btn,
body[data-pnp-glass-theme] .pnp-room-settings__color-reset {
  min-height: 50px !important;
  font-family: var(--pnp-glass-font-ui) !important;
  font-size: 16.5px !important;
  font-weight: 800 !important;
  line-height: 1.28 !important;
}

body[data-pnp-glass-theme] .pnp-panel__tab {
  min-height: 48px !important;
  font-size: 16.5px !important;
  font-weight: 850 !important;
  line-height: 1.28 !important;
}

body[data-pnp-glass-theme] .pnp-panel__body,
body[data-pnp-glass-theme] .pnp-panel__pane,
body[data-pnp-glass-theme] .pnp-chat__messages,
body[data-pnp-glass-theme] .pnp-people__list,
body[data-pnp-glass-theme] #pnpQuestionsList,
body[data-pnp-glass-theme] .pnp-hand-panel {
  font-size: 17px !important;
  line-height: 1.58 !important;
}

body[data-pnp-glass-theme] .pnp-chat__input {
  min-height: 54px !important;
  font-family: var(--pnp-glass-font-ui) !important;
  font-size: 17px !important;
  font-weight: 650 !important;
  line-height: 1.45 !important;
  color: var(--pnp-glass-shell-text) !important;
  background: rgba(255,255,255,.15) !important;
}

body[data-pnp-glass-theme="navy"] .pnp-chat__input,
body[data-pnp-glass-theme="smoke"] .pnp-chat__input {
  background: rgba(255,255,255,.18) !important;
  color: #ffffff !important;
}

body[data-pnp-glass-theme] .pnp-chat__input::placeholder {
  color: var(--pnp-glass-shell-muted) !important;
  opacity: .92 !important;
}

body[data-pnp-glass-theme] .pnp-chat__system,
body[data-pnp-glass-theme] .pnp-questions__empty,
body[data-pnp-glass-theme] .pnp-hand-panel__empty,
body[data-pnp-glass-theme] .pnp-people__role,
body[data-pnp-glass-theme] .pnp-stage__waiting {
  font-size: 16.5px !important;
  line-height: 1.6 !important;
  font-weight: 650 !important;
  color: var(--pnp-glass-shell-muted) !important;
}

body[data-pnp-glass-theme="navy"] .pnp-chat__system,
body[data-pnp-glass-theme="navy"] .pnp-questions__empty,
body[data-pnp-glass-theme="navy"] .pnp-hand-panel__empty,
body[data-pnp-glass-theme="navy"] .pnp-people__role,
body[data-pnp-glass-theme="smoke"] .pnp-chat__system,
body[data-pnp-glass-theme="smoke"] .pnp-questions__empty,
body[data-pnp-glass-theme="smoke"] .pnp-hand-panel__empty,
body[data-pnp-glass-theme="smoke"] .pnp-people__role {
  color: rgba(240,246,255,.88) !important;
}

body[data-pnp-glass-theme] .pnp-room-settings__title {
  font-size: 21px !important;
  font-weight: 900 !important;
  letter-spacing: -0.025em;
}

body[data-pnp-glass-theme] .pnp-room-settings__section-title,
body[data-pnp-glass-theme] .pnp-room-settings__label,
body[data-pnp-glass-theme] .pnp-room-settings__mode-label {
  font-size: 16.5px !important;
  font-weight: 800 !important;
  line-height: 1.45 !important;
}

body[data-pnp-glass-theme] .pnp-room-settings__zoom-display {
  font-size: 34px !important;
  font-weight: 950 !important;
  line-height: 1.12 !important;
}

@media (max-width: 768px) {
  body[data-pnp-glass-theme] {
    --pnp-glass-font-size-base: 17.5px;
    --pnp-glass-font-size-ui: 17px;
  }

  body[data-pnp-glass-theme] .pnp-btn,
  body[data-pnp-glass-theme] .pnp-panel__tab,
  body[data-pnp-glass-theme] .pnp-room-settings__nav-btn,
  body[data-pnp-glass-theme] .pnp-room-settings__theme-btn,
  body[data-pnp-glass-theme] .pnp-room-settings__zoom-btn {
    min-height: 54px !important;
    font-size: 17px !important;
  }

  body[data-pnp-glass-theme] .pnp-chat__input {
    min-height: 58px !important;
    font-size: 17.5px !important;
  }
}

/* /PNP_WEBINAR_GLASS_ROOM_TYPOGRAPHY_ACCESSIBILITY_V1 */


/* =========================================================
PNP_WEBINAR_GLASS_ROOM_LOGO_BOTTOMBAR_POLISH_V1
Cel: pięknie widoczne logo oraz poprawa dolnego paska:
ładniejsza czcionka, krótsze proporcje ikon, mocniejsze napisy.
Zakres: CSS only, tylko Glass Room Shell.
========================================================= */

/* Logo / branding — premium glow, bez ruszania HTML */
body[data-pnp-glass-theme] .pnp-topbar__logo {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 44px !important;
  padding: 5px 12px 5px 8px !important;
  border-radius: 16px !important;
  isolation: isolate !important;
  overflow: visible !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.22), rgba(255,255,255,.055)) !important;
  border: 1px solid color-mix(in srgb, var(--pnp-glass-shell-accent) 26%, rgba(255,255,255,.18)) !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.055) inset,
    0 12px 28px rgba(0,0,0,.16),
    0 0 30px color-mix(in srgb, var(--pnp-glass-shell-accent) 16%, transparent) !important;
  backdrop-filter: blur(14px) saturate(1.18) !important;
  -webkit-backdrop-filter: blur(14px) saturate(1.18) !important;
}

body[data-pnp-glass-theme] .pnp-topbar__logo::before {
  content: "" !important;
  position: absolute !important;
  inset: -7px -9px !important;
  z-index: -1 !important;
  border-radius: 22px !important;
  pointer-events: none !important;
  background:
    radial-gradient(circle at 18% 50%, color-mix(in srgb, var(--pnp-glass-shell-accent) 40%, transparent), transparent 58%),
    radial-gradient(circle at 72% 45%, rgba(255,255,255,.20), transparent 54%) !important;
  filter: blur(8px) !important;
  opacity: .82 !important;
}

body[data-pnp-glass-theme] .pnp-topbar__logo img,
body[data-pnp-glass-theme] .pnp-topbar__logo svg {
  max-height: 36px !important;
  width: auto !important;
  object-fit: contain !important;
  filter:
    drop-shadow(0 1px 0 rgba(255,255,255,.35))
    drop-shadow(0 8px 14px rgba(0,0,0,.24)) !important;
}

body[data-pnp-glass-theme] .pnp-topbar__brand {
  color: var(--pnp-glass-shell-text) !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  letter-spacing: -0.03em !important;
  text-shadow:
    0 1px 0 rgba(255,255,255,.22),
    0 8px 20px rgba(0,0,0,.18) !important;
}

/* Jaśniejsze logo w ciemnych trybach */
body[data-pnp-glass-theme="navy"] .pnp-topbar__logo,
body[data-pnp-glass-theme="smoke"] .pnp-topbar__logo {
  background:
    linear-gradient(135deg, rgba(255,255,255,.14), rgba(255,255,255,.045)) !important;
  border-color: color-mix(in srgb, var(--pnp-glass-shell-accent) 34%, rgba(255,255,255,.16)) !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.075) inset,
    0 14px 32px rgba(0,0,0,.26),
    0 0 36px color-mix(in srgb, var(--pnp-glass-shell-accent) 20%, transparent) !important;
}

/* Dolny pasek — poprawa proporcji, ikon i napisów */
body[data-pnp-glass-theme] .pnp-bottombar {
  min-height: 76px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  padding: 7px 12px !important;
}

body[data-pnp-glass-theme] .pnp-bottombar .pnp-btn {
  min-width: 86px !important;
  min-height: 64px !important;
  max-height: 68px !important;
  padding: 7px 10px 6px !important;
  gap: 5px !important;
  display: inline-flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 16px !important;
  font-family: var(--pnp-glass-font-ui) !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  line-height: 1.08 !important;
  letter-spacing: -0.025em !important;
  text-align: center !important;
  text-shadow: 0 1px 8px rgba(0,0,0,.22) !important;
}

body[data-pnp-glass-theme] .pnp-bottombar .pnp-btn__icon {
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  min-height: 32px !important;
  max-width: 32px !important;
  max-height: 32px !important;
  aspect-ratio: 1 / 1 !important;
  display: grid !important;
  place-items: center !important;
  flex: 0 0 32px !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 11px !important;
  line-height: 1 !important;
}

body[data-pnp-glass-theme] .pnp-bottombar .pnp-btn__icon svg,
body[data-pnp-glass-theme] .pnp-bottombar .pnp-btn svg {
  width: 27px !important;
  height: 27px !important;
  min-width: 27px !important;
  min-height: 27px !important;
  max-width: 27px !important;
  max-height: 27px !important;
  aspect-ratio: 1 / 1 !important;
  display: block !important;
  flex: 0 0 auto !important;
  transform: none !important;
  stroke-width: 2.35 !important;
}

body[data-pnp-glass-theme] .pnp-bottombar .pnp-btn__label,
body[data-pnp-glass-theme] .pnp-bottombar .pnp-btn__text,
body[data-pnp-glass-theme] .pnp-bottombar .pnp-btn span:not(.pnp-btn__icon) {
  display: block !important;
  max-width: 100% !important;
  color: var(--pnp-glass-shell-text) !important;
  font-size: 15px !important;
  font-weight: 950 !important;
  line-height: 1.08 !important;
  letter-spacing: -0.03em !important;
  white-space: nowrap !important;
  text-align: center !important;
  opacity: .98 !important;
  text-shadow:
    0 1px 0 rgba(255,255,255,.08),
    0 8px 16px rgba(0,0,0,.28) !important;
}

/* Wyłączone: czytelne, ale spokojniejsze */
body[data-pnp-glass-theme] .pnp-bottombar .pnp-control-is-off {
  opacity: .78 !important;
}

body[data-pnp-glass-theme] .pnp-bottombar .pnp-control-is-off .pnp-btn__icon svg {
  opacity: .86 !important;
}

/* Aktywne / ważne przyciski — mocny, elegancki kontrast */
body[data-pnp-glass-theme] .pnp-bottombar .pnp-btn[aria-pressed="true"],
body[data-pnp-glass-theme] .pnp-bottombar .pnp-btn.is-active {
  color: #101827 !important;
  text-shadow: none !important;
}

body[data-pnp-glass-theme] .pnp-bottombar .pnp-btn[aria-pressed="true"] .pnp-btn__label,
body[data-pnp-glass-theme] .pnp-bottombar .pnp-btn[aria-pressed="true"] span:not(.pnp-btn__icon),
body[data-pnp-glass-theme] .pnp-bottombar .pnp-btn.is-active .pnp-btn__label,
body[data-pnp-glass-theme] .pnp-bottombar .pnp-btn.is-active span:not(.pnp-btn__icon) {
  color: #101827 !important;
  text-shadow: none !important;
}

/* Opuszczanie — czerwony, ale nie krzyczy */
body[data-pnp-glass-theme] .pnp-bottombar .pnp-btn--danger,
body[data-pnp-glass-theme] .pnp-bottombar #pnpBtnLeave {
  color: #ffddd8 !important;
}

body[data-pnp-glass-theme] .pnp-bottombar .pnp-btn--danger .pnp-btn__label,
body[data-pnp-glass-theme] .pnp-bottombar #pnpBtnLeave .pnp-btn__label,
body[data-pnp-glass-theme] .pnp-bottombar #pnpBtnLeave span:not(.pnp-btn__icon) {
  color: #ff4b3e !important;
  font-weight: 950 !important;
  text-shadow: 0 8px 18px rgba(0,0,0,.26) !important;
}

/* Mobile — nie rozciągać ikon i nie gubić napisów */
@media (max-width: 768px) {
  body[data-pnp-glass-theme] .pnp-bottombar {
    min-height: 72px !important;
    gap: 5px !important;
    padding: 6px 6px !important;
  }

  body[data-pnp-glass-theme] .pnp-bottombar .pnp-btn {
    min-width: 68px !important;
    min-height: 62px !important;
    padding: 6px 7px 5px !important;
    font-size: 13.5px !important;
  }

  body[data-pnp-glass-theme] .pnp-bottombar .pnp-btn__icon {
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    min-height: 30px !important;
    flex-basis: 30px !important;
  }

  body[data-pnp-glass-theme] .pnp-bottombar .pnp-btn__icon svg,
  body[data-pnp-glass-theme] .pnp-bottombar .pnp-btn svg {
    width: 25px !important;
    height: 25px !important;
    min-width: 25px !important;
    min-height: 25px !important;
  }

  body[data-pnp-glass-theme] .pnp-bottombar .pnp-btn__label,
  body[data-pnp-glass-theme] .pnp-bottombar .pnp-btn__text,
  body[data-pnp-glass-theme] .pnp-bottombar .pnp-btn span:not(.pnp-btn__icon) {
    font-size: 13.5px !important;
    line-height: 1.05 !important;
  }
}

/* /PNP_WEBINAR_GLASS_ROOM_LOGO_BOTTOMBAR_POLISH_V1 */


/* =========================================================
PNP_WEBINAR_GLASS_NAVY_FONT_CRISP_ELEGANT_V1
Cel: Glass Navy jako finalny tryb — czyste, ostre, eleganckie fonty.
Usuwa efekt mgły z tekstów: text-shadow / opacity / miękkie filtrowanie.
Zakres: CSS only, tylko body[data-pnp-glass-theme="navy"].
========================================================= */

body[data-pnp-glass-theme="navy"] {
  --pnp-glass-font-ui: "Aptos", "Segoe UI Variable Text", "Segoe UI Variable", "Segoe UI", "Inter", Roboto, Arial, sans-serif;
  --pnp-glass-shell-text: #f8fbff;
  --pnp-glass-shell-muted: #e6edf8;
  --pnp-glass-shell-soft: #cfd9e8;
  --pnp-glass-shell-accent: #d9bd67;
  font-family: var(--pnp-glass-font-ui) !important;
  -webkit-font-smoothing: antialiased;
  text-rendering: geometricPrecision;
}

/* Zero mgły na tekście — globalnie w obrębie Navy */
body[data-pnp-glass-theme="navy"] .pnp-topbar,
body[data-pnp-glass-theme="navy"] .pnp-bottombar,
body[data-pnp-glass-theme="navy"] .pnp-panel,
body[data-pnp-glass-theme="navy"] .pnp-panel *,
body[data-pnp-glass-theme="navy"] .pnp-bottombar *,
body[data-pnp-glass-theme="navy"] .pnp-room-settings,
body[data-pnp-glass-theme="navy"] .pnp-room-settings *,
body[data-pnp-glass-theme="navy"] .pnp-status-line,
body[data-pnp-glass-theme="navy"] .pnp-stage__badge,
body[data-pnp-glass-theme="navy"] .pnp-stage__waiting {
  font-family: var(--pnp-glass-font-ui) !important;
  text-shadow: none !important;
  -webkit-text-stroke: 0 !important;
  opacity: 1 !important;
}

/* Nie zdejmujemy glow z samego logo-obrazka, ale zdejmujemy mgłę z brand text */
body[data-pnp-glass-theme="navy"] .pnp-topbar__brand,
body[data-pnp-glass-theme="navy"] .pnp-topbar__title,
body[data-pnp-glass-theme="navy"] .pnp-topbar__status,
body[data-pnp-glass-theme="navy"] .pnp-topbar__people {
  color: #f9fbff !important;
  text-shadow: none !important;
  filter: none !important;
  opacity: 1 !important;
  font-weight: 850 !important;
}

body[data-pnp-glass-theme="navy"] .pnp-topbar__title {
  font-size: clamp(18px, 1.18vw, 22px) !important;
  letter-spacing: -0.025em !important;
}

body[data-pnp-glass-theme="navy"] .pnp-topbar__brand {
  font-size: 17px !important;
  letter-spacing: -0.02em !important;
}

/* Prawy panel — ostre i eleganckie zakładki */
body[data-pnp-glass-theme="navy"] .pnp-panel__tab {
  color: #edf4ff !important;
  font-size: 16.5px !important;
  font-weight: 820 !important;
  letter-spacing: -0.018em !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

body[data-pnp-glass-theme="navy"] .pnp-panel__tab.is-active {
  color: #ffffff !important;
  font-weight: 900 !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

body[data-pnp-glass-theme="navy"] .pnp-chat__system,
body[data-pnp-glass-theme="navy"] .pnp-questions__empty,
body[data-pnp-glass-theme="navy"] .pnp-hand-panel__empty,
body[data-pnp-glass-theme="navy"] .pnp-people__role,
body[data-pnp-glass-theme="navy"] .pnp-chat__input,
body[data-pnp-glass-theme="navy"] .pnp-chat__messages,
body[data-pnp-glass-theme="navy"] .pnp-people__list {
  color: #f4f8ff !important;
  text-shadow: none !important;
  filter: none !important;
  opacity: 1 !important;
  font-weight: 700 !important;
}

/* Dolny pasek — czytelne napisy bez poświaty */
body[data-pnp-glass-theme="navy"] .pnp-bottombar .pnp-btn {
  color: #f7fbff !important;
  font-size: 15.5px !important;
  font-weight: 850 !important;
  letter-spacing: -0.018em !important;
  text-shadow: none !important;
  opacity: 1 !important;
  filter: none !important;
}

body[data-pnp-glass-theme="navy"] .pnp-bottombar .pnp-btn__label,
body[data-pnp-glass-theme="navy"] .pnp-bottombar .pnp-btn__text,
body[data-pnp-glass-theme="navy"] .pnp-bottombar .pnp-btn span:not(.pnp-btn__icon) {
  color: #f8fbff !important;
  font-size: 15.5px !important;
  font-weight: 900 !important;
  line-height: 1.08 !important;
  letter-spacing: -0.02em !important;
  text-shadow: none !important;
  filter: none !important;
  opacity: 1 !important;
}

body[data-pnp-glass-theme="navy"] .pnp-bottombar .pnp-control-is-off {
  opacity: 1 !important;
}

body[data-pnp-glass-theme="navy"] .pnp-bottombar .pnp-control-is-off .pnp-btn__icon svg,
body[data-pnp-glass-theme="navy"] .pnp-bottombar .pnp-control-is-off .pnp-btn__label,
body[data-pnp-glass-theme="navy"] .pnp-bottombar .pnp-control-is-off span:not(.pnp-btn__icon) {
  opacity: 1 !important;
  color: #dce7f6 !important;
  text-shadow: none !important;
}

/* Aktywny przycisk zostaje ostry i ciemny na złocie */
body[data-pnp-glass-theme="navy"] .pnp-bottombar .pnp-btn[aria-pressed="true"],
body[data-pnp-glass-theme="navy"] .pnp-bottombar .pnp-btn.is-active {
  color: #111827 !important;
  text-shadow: none !important;
}

body[data-pnp-glass-theme="navy"] .pnp-bottombar .pnp-btn[aria-pressed="true"] .pnp-btn__label,
body[data-pnp-glass-theme="navy"] .pnp-bottombar .pnp-btn[aria-pressed="true"] span:not(.pnp-btn__icon),
body[data-pnp-glass-theme="navy"] .pnp-bottombar .pnp-btn.is-active .pnp-btn__label,
body[data-pnp-glass-theme="navy"] .pnp-bottombar .pnp-btn.is-active span:not(.pnp-btn__icon) {
  color: #111827 !important;
  text-shadow: none !important;
}

/* Opuść — czerwony napis, ale bez rozmycia */
body[data-pnp-glass-theme="navy"] .pnp-bottombar #pnpBtnLeave,
body[data-pnp-glass-theme="navy"] .pnp-bottombar .pnp-btn--danger {
  color: #ff5a4f !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

body[data-pnp-glass-theme="navy"] .pnp-bottombar #pnpBtnLeave .pnp-btn__label,
body[data-pnp-glass-theme="navy"] .pnp-bottombar #pnpBtnLeave span:not(.pnp-btn__icon),
body[data-pnp-glass-theme="navy"] .pnp-bottombar .pnp-btn--danger .pnp-btn__label {
  color: #ff4538 !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

/* Input czatu — czytelny, bez zamglenia placeholdera */
body[data-pnp-glass-theme="navy"] .pnp-chat__input::placeholder {
  color: #dce7f6 !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

/* /PNP_WEBINAR_GLASS_NAVY_FONT_CRISP_ELEGANT_V1 */


/* =========================================================
PNP_WEBINAR_GLASS_NAVY_NO_GLASS_ON_TEXT_V1
Cel: zostawić klimat Navy, ale zdjąć szkło/blur z elementów,
które zawierają tekst. Font ma być matowy, ostry, bez mgły.
Zakres: CSS only, tylko body[data-pnp-glass-theme="navy"].
========================================================= */

body[data-pnp-glass-theme="navy"] {
  --pnp-glass-font-ui: Candara, "Aptos", "Segoe UI Variable Text", "Segoe UI Variable", "Segoe UI", Arial, sans-serif;
  --pnp-navy-text-solid: #ffffff;
  --pnp-navy-text-soft: #edf4ff;
  --pnp-navy-text-muted-solid: #dbe7f7;
  --pnp-navy-surface-solid: rgba(45, 58, 74, .96);
  --pnp-navy-surface-solid-2: rgba(55, 67, 82, .97);
  --pnp-navy-surface-dark: rgba(28, 41, 58, .98);
  --pnp-navy-border-sharp: rgba(218, 190, 103, .36);
  font-family: var(--pnp-glass-font-ui) !important;
}

/* Najważniejsze: żadnego blur/filter na elementach, które renderują tekst */
body[data-pnp-glass-theme="navy"] .pnp-topbar,
body[data-pnp-glass-theme="navy"] .pnp-bottombar,
body[data-pnp-glass-theme="navy"] .pnp-panel,
body[data-pnp-glass-theme="navy"] .pnp-panel__tabs,
body[data-pnp-glass-theme="navy"] .pnp-panel__body,
body[data-pnp-glass-theme="navy"] .pnp-chat__footer,
body[data-pnp-glass-theme="navy"] .pnp-chat__messages,
body[data-pnp-glass-theme="navy"] .pnp-people__list,
body[data-pnp-glass-theme="navy"] #pnpQuestionsList,
body[data-pnp-glass-theme="navy"] .pnp-hand-panel,
body[data-pnp-glass-theme="navy"] .pnp-chat__input,
body[data-pnp-glass-theme="navy"] .pnp-btn,
body[data-pnp-glass-theme="navy"] .pnp-chat__send,
body[data-pnp-glass-theme="navy"] .pnp-topbar__account-btn,
body[data-pnp-glass-theme="navy"] .pnp-topbar__settings,
body[data-pnp-glass-theme="navy"] .pnp-tile-expand,
body[data-pnp-glass-theme="navy"] .pnp-stage__badge,
body[data-pnp-glass-theme="navy"] .pnp-screen-share-live-badge {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  filter: none !important;
}

/* Matowe, ciemniejsze powierzchnie — nadal premium, ale bez rozmywania tekstu */
body[data-pnp-glass-theme="navy"] .pnp-topbar,
body[data-pnp-glass-theme="navy"] .pnp-bottombar {
  background:
    linear-gradient(180deg, rgba(74, 88, 106, .98), rgba(49, 63, 80, .98)) !important;
  border-color: rgba(218, 190, 103, .28) !important;
  box-shadow: 0 12px 28px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.08) !important;
}

body[data-pnp-glass-theme="navy"] .pnp-panel {
  background:
    linear-gradient(180deg, rgba(96, 106, 120, .97), rgba(83, 94, 109, .97)) !important;
  border-color: rgba(218, 190, 103, .22) !important;
  box-shadow: 0 18px 42px rgba(0,0,0,.24), inset 1px 0 0 rgba(255,255,255,.08) !important;
}

body[data-pnp-glass-theme="navy"] .pnp-panel__tabs,
body[data-pnp-glass-theme="navy"] .pnp-panel__body,
body[data-pnp-glass-theme="navy"] .pnp-chat__footer {
  background: rgba(72, 83, 98, .98) !important;
  border-color: rgba(255,255,255,.14) !important;
}

body[data-pnp-glass-theme="navy"] .pnp-chat__messages,
body[data-pnp-glass-theme="navy"] .pnp-people__list,
body[data-pnp-glass-theme="navy"] #pnpQuestionsList,
body[data-pnp-glass-theme="navy"] .pnp-hand-panel,
body[data-pnp-glass-theme="navy"] .pnp-chat__input {
  background: rgba(83, 94, 109, .96) !important;
  border-color: rgba(255,255,255,.16) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08) !important;
}

/* Ostre fonty: mniej syntetycznego pogrubiania, bez ujemnego ścisku liter */
body[data-pnp-glass-theme="navy"] .pnp-topbar,
body[data-pnp-glass-theme="navy"] .pnp-bottombar,
body[data-pnp-glass-theme="navy"] .pnp-panel,
body[data-pnp-glass-theme="navy"] .pnp-panel *,
body[data-pnp-glass-theme="navy"] .pnp-bottombar *,
body[data-pnp-glass-theme="navy"] .pnp-chat__input,
body[data-pnp-glass-theme="navy"] .pnp-chat__messages,
body[data-pnp-glass-theme="navy"] .pnp-room-settings,
body[data-pnp-glass-theme="navy"] .pnp-room-settings * {
  font-family: var(--pnp-glass-font-ui) !important;
  text-shadow: none !important;
  filter: none !important;
  opacity: 1 !important;
  letter-spacing: 0 !important;
  -webkit-text-stroke: 0 !important;
  font-synthesis-weight: none;
}

/* Topbar */
body[data-pnp-glass-theme="navy"] .pnp-topbar__title,
body[data-pnp-glass-theme="navy"] .pnp-topbar__status,
body[data-pnp-glass-theme="navy"] .pnp-topbar__people {
  color: #ffffff !important;
  font-weight: 700 !important;
  font-size: clamp(19px, 1.22vw, 23px) !important;
  line-height: 1.12 !important;
  text-shadow: none !important;
}

/* Zakładki prawego panelu */
body[data-pnp-glass-theme="navy"] .pnp-panel__tab {
  color: #f5f8ff !important;
  font-weight: 700 !important;
  font-size: 16.5px !important;
  line-height: 1.15 !important;
  text-shadow: none !important;
  background: transparent !important;
}

body[data-pnp-glass-theme="navy"] .pnp-panel__tab.is-active {
  color: #111827 !important;
  background:
    linear-gradient(180deg, #f1d879, #d8bb62) !important;
  border-color: rgba(255,255,255,.34) !important;
  box-shadow: 0 8px 18px rgba(0,0,0,.18) !important;
}

/* Czat i komunikaty */
body[data-pnp-glass-theme="navy"] .pnp-chat__system,
body[data-pnp-glass-theme="navy"] .pnp-chat__message,
body[data-pnp-glass-theme="navy"] .pnp-chat__messages,
body[data-pnp-glass-theme="navy"] .pnp-questions__empty,
body[data-pnp-glass-theme="navy"] .pnp-hand-panel__empty,
body[data-pnp-glass-theme="navy"] .pnp-people__role {
  color: #f7fbff !important;
  font-weight: 650 !important;
  text-shadow: none !important;
  filter: none !important;
}

/* Dolny pasek — mniej ciężki, ostrzejszy napis */
body[data-pnp-glass-theme="navy"] .pnp-bottombar .pnp-btn {
  background:
    linear-gradient(180deg, rgba(88, 102, 119, .98), rgba(66, 80, 98, .98)) !important;
  border-color: rgba(255,255,255,.16) !important;
  color: #ffffff !important;
  font-size: 15.5px !important;
  font-weight: 700 !important;
  line-height: 1.08 !important;
  letter-spacing: 0 !important;
  text-shadow: none !important;
  box-shadow: 0 8px 18px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.10) !important;
}

body[data-pnp-glass-theme="navy"] .pnp-bottombar .pnp-btn__label,
body[data-pnp-glass-theme="navy"] .pnp-bottombar .pnp-btn__text,
body[data-pnp-glass-theme="navy"] .pnp-bottombar .pnp-btn span:not(.pnp-btn__icon) {
  color: #ffffff !important;
  font-size: 15.5px !important;
  font-weight: 700 !important;
  line-height: 1.08 !important;
  letter-spacing: 0 !important;
  text-shadow: none !important;
  filter: none !important;
  opacity: 1 !important;
}

/* Wyłączone przyciski mają być czytelne, nie zamglone */
body[data-pnp-glass-theme="navy"] .pnp-bottombar .pnp-control-is-off,
body[data-pnp-glass-theme="navy"] .pnp-bottombar .pnp-control-is-off * {
  opacity: 1 !important;
  color: #eef5ff !important;
  text-shadow: none !important;
}

/* Ikony mogą mieć kolor, ale bez filtra na napisach */
body[data-pnp-glass-theme="navy"] .pnp-bottombar .pnp-btn__icon,
body[data-pnp-glass-theme="navy"] .pnp-bottombar .pnp-btn__icon svg {
  filter: none !important;
  opacity: 1 !important;
}

/* Aktywne / złote przyciski */
body[data-pnp-glass-theme="navy"] .pnp-bottombar .pnp-btn[aria-pressed="true"],
body[data-pnp-glass-theme="navy"] .pnp-bottombar .pnp-btn.is-active,
body[data-pnp-glass-theme="navy"] .pnp-chat__send {
  background:
    linear-gradient(180deg, #f5dc7c, #d9bd67) !important;
  color: #111827 !important;
  border-color: rgba(255,255,255,.35) !important;
  text-shadow: none !important;
}

body[data-pnp-glass-theme="navy"] .pnp-bottombar .pnp-btn[aria-pressed="true"] *,
body[data-pnp-glass-theme="navy"] .pnp-bottombar .pnp-btn.is-active * {
  color: #111827 !important;
  text-shadow: none !important;
}

/* Opuść */
body[data-pnp-glass-theme="navy"] .pnp-bottombar #pnpBtnLeave,
body[data-pnp-glass-theme="navy"] .pnp-bottombar .pnp-btn--danger {
  color: #ff4b3e !important;
  text-shadow: none !important;
}

body[data-pnp-glass-theme="navy"] .pnp-bottombar #pnpBtnLeave .pnp-btn__label,
body[data-pnp-glass-theme="navy"] .pnp-bottombar #pnpBtnLeave span:not(.pnp-btn__icon),
body[data-pnp-glass-theme="navy"] .pnp-bottombar .pnp-btn--danger .pnp-btn__label {
  color: #ff4b3e !important;
  text-shadow: none !important;
}

/* Input */
body[data-pnp-glass-theme="navy"] .pnp-chat__input {
  color: #ffffff !important;
  font-weight: 650 !important;
  font-size: 17px !important;
  text-shadow: none !important;
}

body[data-pnp-glass-theme="navy"] .pnp-chat__input::placeholder {
  color: #eef5ff !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

/* /PNP_WEBINAR_GLASS_NAVY_NO_GLASS_ON_TEXT_V1 */


/* =========================================================
PNP_WEBINAR_GLASS_NAVY_CHAT_STATUS_READABILITY_V1
Cel: mocna czytelność prawego panelu czatu oraz statusów
Mikrofon/Kamera pod sceną. CSS only, tylko Glass Navy.
========================================================= */

body[data-pnp-glass-theme="navy"] {
  --pnp-navy-readable-text: #ffffff;
  --pnp-navy-readable-muted: #f2f7ff;
  --pnp-navy-readable-dark: #111827;
  --pnp-navy-readable-panel: rgba(66, 78, 94, .98);
  --pnp-navy-readable-card: rgba(82, 93, 108, .98);
  --pnp-navy-readable-card-strong: rgba(93, 104, 119, .99);
}

/* Prawy panel — tekst ma być jasny, nie szary */
body[data-pnp-glass-theme="navy"] .pnp-panel {
  color: var(--pnp-navy-readable-text) !important;
}

body[data-pnp-glass-theme="navy"] .pnp-panel__tab,
body[data-pnp-glass-theme="navy"] .pnp-panel__tab span,
body[data-pnp-glass-theme="navy"] .pnp-panel__tab strong {
  color: #ffffff !important;
  font-size: 17px !important;
  font-weight: 780 !important;
  line-height: 1.12 !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

body[data-pnp-glass-theme="navy"] .pnp-panel__tab.is-active,
body[data-pnp-glass-theme="navy"] .pnp-panel__tab.is-active span {
  color: #111827 !important;
  font-weight: 850 !important;
}

/* Czat — nagłówek systemowy */
body[data-pnp-glass-theme="navy"] .pnp-chat__system {
  color: #ffffff !important;
  background: rgba(100, 111, 126, .92) !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  border-radius: 14px !important;
  font-size: 17px !important;
  font-weight: 760 !important;
  line-height: 1.35 !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

/* Czat — lista i wiadomości */
body[data-pnp-glass-theme="navy"] .pnp-chat__messages {
  color: #ffffff !important;
  background: rgba(78, 90, 106, .98) !important;
  font-size: 17px !important;
  font-weight: 650 !important;
  line-height: 1.42 !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

body[data-pnp-glass-theme="navy"] .pnp-chat-msg,
body[data-pnp-glass-theme="navy"] .pnp-chat-msg *,
body[data-pnp-glass-theme="navy"] .pnp-chat__message,
body[data-pnp-glass-theme="navy"] .pnp-chat__message * {
  color: #ffffff !important;
  font-size: 16.5px !important;
  font-weight: 650 !important;
  line-height: 1.38 !important;
  text-shadow: none !important;
  filter: none !important;
  opacity: 1 !important;
}

/* Karty wiadomości — tło mocniejsze, tekst ostrzejszy */
body[data-pnp-glass-theme="navy"] .pnp-chat-msg,
body[data-pnp-glass-theme="navy"] .pnp-chat__message {
  background: rgba(68, 80, 96, .98) !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  border-radius: 12px !important;
  box-shadow: none !important;
}

body[data-pnp-glass-theme="navy"] .pnp-chat-msg--self {
  background: rgba(86, 89, 74, .98) !important;
  border-color: rgba(217, 189, 103, .34) !important;
}

/* Nadawca wiadomości — widoczny, ale nie pomarańczowy na szaro */
body[data-pnp-glass-theme="navy"] .pnp-chat-msg strong,
body[data-pnp-glass-theme="navy"] .pnp-chat-msg b,
body[data-pnp-glass-theme="navy"] .pnp-chat-msg__author,
body[data-pnp-glass-theme="navy"] .pnp-chat__author {
  color: #ffd766 !important;
  font-size: 14.5px !important;
  font-weight: 850 !important;
  letter-spacing: .01em !important;
  text-shadow: none !important;
}

/* Input czatu */
body[data-pnp-glass-theme="navy"] .pnp-chat__input {
  color: #ffffff !important;
  background: rgba(74, 88, 106, .99) !important;
  border-color: rgba(255,255,255,.22) !important;
  font-size: 17px !important;
  font-weight: 720 !important;
  line-height: 1.25 !important;
  text-shadow: none !important;
}

body[data-pnp-glass-theme="navy"] .pnp-chat__input::placeholder {
  color: #ffffff !important;
  font-size: 17px !important;
  font-weight: 720 !important;
  opacity: .96 !important;
  text-shadow: none !important;
}

/* Statusy urządzeń pod sceną — Mikrofon/Kamera mają być widoczne */
body[data-pnp-glass-theme="navy"] .pnp-statusbar {
  color: #ffffff !important;
  background: rgba(50, 63, 80, .98) !important;
  border-top: 1px solid rgba(255,255,255,.16) !important;
  border-bottom: 1px solid rgba(255,255,255,.10) !important;
  font-family: var(--pnp-glass-font-ui) !important;
  font-size: 15.5px !important;
  font-weight: 750 !important;
  line-height: 1.25 !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

body[data-pnp-glass-theme="navy"] .pnp-statusbar__item {
  color: #ffffff !important;
  font-size: 15.5px !important;
  font-weight: 780 !important;
  line-height: 1.25 !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

body[data-pnp-glass-theme="navy"] .pnp-statusbar__dot {
  width: 9px !important;
  height: 9px !important;
  min-width: 9px !important;
  box-shadow: 0 0 0 3px rgba(255,255,255,.08) !important;
}

/* Wymuszenie czytelności także przy statusach dynamicznych */
body[data-pnp-glass-theme="navy"] .pnp-statusbar [id],
body[data-pnp-glass-theme="navy"] .pnp-statusbar span:not(.pnp-statusbar__dot),
body[data-pnp-glass-theme="navy"] .pnp-statusbar div {
  color: #ffffff !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

/* /PNP_WEBINAR_GLASS_NAVY_CHAT_STATUS_READABILITY_V1 */


/* =========================================================
PNP_WEBINAR_GLASS_NAVY_MOBILE_BOTTOMBAR_SCROLL_CONTAINER_ONLY_V2
Cel: na mobile dolny pasek zaczyna od lewej i przewija się
poziomo. Bez zmiany rozmiaru przycisków, ikon i fontów.
CSS only, tylko Glass Navy.
========================================================= */

@media (max-width: 768px) {
  body[data-pnp-glass-theme="navy"] .pnp-bottombar {
    justify-content: flex-start !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior-x: contain !important;
    touch-action: pan-x !important;
  }

  body[data-pnp-glass-theme="navy"] .pnp-bottombar .pnp-btn {
    flex-shrink: 0 !important;
  }
}

/* /PNP_WEBINAR_GLASS_NAVY_MOBILE_BOTTOMBAR_SCROLL_CONTAINER_ONLY_V2 */


/* =========================================================
PNP_WEBINAR_GLASS_NAVY_MOBILE_CHAT_NUMBER_ICON_V1
Cel: tylko mobile, dolny pasek, przycisk Czat.
Usuwa rysunek ikonki czatu; w miejscu ikonki zostaje cyfra/licznik.
CSS only, tylko Glass Navy.
========================================================= */

@media (max-width: 768px) {
  body[data-pnp-glass-theme="navy"] .pnp-bottombar #pnpBtnChat .pnp-pro-icon-chat,
  body[data-pnp-glass-theme="navy"] .pnp-bottombar #pnpBtnChat .pnp-pro-icon-chat svg {
    display: none !important;
  }

  body[data-pnp-glass-theme="navy"] .pnp-bottombar #pnpBtnChat #pnpChatUnreadBadgeMobile {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    max-width: 30px !important;
    margin: 0 auto 2px !important;
    padding: 0 !important;
    border-radius: 11px !important;
    background: linear-gradient(180deg, #f5dc7c, #d9bd67) !important;
    color: #111827 !important;
    border: 1px solid rgba(255,255,255,.35) !important;
    font-family: var(--pnp-glass-font-ui) !important;
    font-size: 15px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    text-align: center !important;
    text-shadow: none !important;
    box-shadow: 0 8px 18px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.22) !important;
    opacity: 1 !important;
  }
}

/* /PNP_WEBINAR_GLASS_NAVY_MOBILE_CHAT_NUMBER_ICON_V1 */


/* =========================================================
PNP_WEBINAR_GLASS_NAVY_MOBILE_CHAT_NUMBER_CLICK_FIX_V1
Cel: tylko mobile, dolny pasek, przycisk Czat.
Cyfra/licznik nie przechwytuje kliknięcia — klik w cyfrę
ma otwierać Czat tak samo jak klik w napis.
CSS only, tylko Glass Navy.
========================================================= */

@media (max-width: 768px) {
  body[data-pnp-glass-theme="navy"] .pnp-bottombar #pnpBtnChat,
  body[data-pnp-glass-theme="navy"] .pnp-bottombar #pnpBtnChat * {
    cursor: pointer !important;
  }

  body[data-pnp-glass-theme="navy"] .pnp-bottombar #pnpBtnChat #pnpChatUnreadBadgeMobile {
    pointer-events: none !important;
    user-select: none !important;
    -webkit-user-select: none !important;
  }
}

/* /PNP_WEBINAR_GLASS_NAVY_MOBILE_CHAT_NUMBER_CLICK_FIX_V1 */


/* =========================================================
PNP_WEBINAR_GLASS_NAVY_LEAVE_BUTTON_CLARITY_V1
Cel: mocniejszy i wyraźniejszy przycisk „Opuść” w Glass Navy.
Zakres: tylko warstwa wizualna CSS.
========================================================= */
body[data-pnp-glass-theme="navy"] .pnp-bottombar .pnp-btn--danger {
  background: linear-gradient(180deg, rgba(170, 32, 32, .98), rgba(126, 20, 20, .98)) !important;
  border: 1px solid rgba(255, 120, 120, .58) !important;
  box-shadow:
    0 12px 28px rgba(110, 16, 16, .36),
    inset 0 1px 0 rgba(255,255,255,.16) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  opacity: 1 !important;
}

body[data-pnp-glass-theme="navy"] .pnp-bottombar .pnp-btn--danger:hover,
body[data-pnp-glass-theme="navy"] .pnp-bottombar .pnp-btn--danger:focus-visible {
  background: linear-gradient(180deg, rgba(192, 40, 40, .99), rgba(145, 24, 24, .99)) !important;
  border-color: rgba(255, 150, 150, .72) !important;
  box-shadow:
    0 14px 30px rgba(128, 18, 18, .42),
    inset 0 1px 0 rgba(255,255,255,.18) !important;
}

body[data-pnp-glass-theme="navy"] .pnp-bottombar .pnp-btn--danger .pnp-btn__label,
body[data-pnp-glass-theme="navy"] .pnp-bottombar .pnp-btn--danger .pnp-btn__text,
body[data-pnp-glass-theme="navy"] .pnp-bottombar .pnp-btn--danger span:not(.pnp-btn__icon) {
  color: #fff7f7 !important;
  opacity: 1 !important;
  text-shadow: none !important;
  filter: none !important;
  font-weight: 800 !important;
  letter-spacing: .01em !important;
}

body[data-pnp-glass-theme="navy"] .pnp-bottombar .pnp-btn--danger .pnp-btn__icon,
body[data-pnp-glass-theme="navy"] .pnp-bottombar .pnp-btn--danger .pnp-btn__icon svg,
body[data-pnp-glass-theme="navy"] .pnp-bottombar .pnp-btn--danger svg {
  color: #ffe8e8 !important;
  fill: currentColor !important;
  stroke: currentColor !important;
  opacity: 1 !important;
  filter: none !important;
}
/* /PNP_WEBINAR_GLASS_NAVY_LEAVE_BUTTON_CLARITY_V1 */



/* =========================================================
PNP_WEBINAR_GLASS_NAVY_LEAVE_BUTTON_WHITE_TEXT_V2
Cel: napis „Opuść” ma być czysto biały i czytelny.
Zakres: tylko #pnpBtnLeave w Glass Navy.
========================================================= */

body[data-pnp-glass-theme="navy"] .pnp-bottombar #pnpBtnLeave,
body[data-pnp-glass-theme="navy"] .pnp-bottombar #pnpBtnLeave.pnp-btn {
  color: #ffffff !important;
  opacity: 1 !important;
  filter: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body[data-pnp-glass-theme="navy"] .pnp-bottombar #pnpBtnLeave > span:not(.pnp-btn__icon),
body[data-pnp-glass-theme="navy"] .pnp-bottombar #pnpBtnLeave span:not(.pnp-btn__icon) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
  filter: none !important;
  text-shadow: none !important;
  font-weight: 900 !important;
  letter-spacing: .01em !important;
}

body[data-pnp-glass-theme="navy"] .pnp-bottombar #pnpBtnLeave .pnp-btn__icon {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
  filter: none !important;
  text-shadow: none !important;
}

/* /PNP_WEBINAR_GLASS_NAVY_LEAVE_BUTTON_WHITE_TEXT_V2 */


/* =========================================================
PNP_WEBINAR_GLASS_NAVY_SETTINGS_ICON_PRO_V2
Cel: widoczna, pro, żółto-zielona ikonka ustawień pokoju.
Zakres: tylko #pnpBtnRoomSettings w Glass Navy.
========================================================= */

body[data-pnp-glass-theme="navy"] #pnpBtnRoomSettings.pnp-topbar__settings,
body[data-pnp-glass-theme="navy"] .pnp-topbar__meta #pnpBtnRoomSettings {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: visible !important;
  color: #f4ff55 !important;
  border: 1px solid rgba(218, 255, 88, .78) !important;
  background:
    radial-gradient(circle at 50% 42%, rgba(245, 255, 85, .34), transparent 48%),
    radial-gradient(circle at 50% 50%, rgba(74, 222, 128, .20), transparent 68%),
    linear-gradient(180deg, rgba(255,255,255,.14), rgba(15,23,42,.30)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.22),
    0 0 0 1px rgba(255,255,255,.08),
    0 0 18px rgba(244,255,85,.28),
    0 0 30px rgba(74,222,128,.20),
    0 12px 26px rgba(0,0,0,.25) !important;
  opacity: 1 !important;
  filter: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body[data-pnp-glass-theme="navy"] #pnpBtnRoomSettings.pnp-topbar__settings::before {
  content: "" !important;
  position: absolute !important;
  inset: 7px !important;
  border-radius: 16px !important;
  pointer-events: none !important;
  background:
    radial-gradient(circle, rgba(244,255,85,.24), transparent 62%) !important;
  box-shadow:
    0 0 18px rgba(244,255,85,.34),
    0 0 28px rgba(74,222,128,.22) !important;
  z-index: 0 !important;
}

body[data-pnp-glass-theme="navy"] #pnpBtnRoomSettings.pnp-topbar__settings svg {
  position: relative !important;
  z-index: 1 !important;
  display: block !important;
  width: 26px !important;
  height: 26px !important;
  min-width: 26px !important;
  min-height: 26px !important;
  color: #f4ff55 !important;
  stroke: #f4ff55 !important;
  stroke-width: 2.8 !important;
  opacity: 1 !important;
  filter:
    drop-shadow(0 0 5px rgba(244,255,85,.75))
    drop-shadow(0 0 10px rgba(74,222,128,.45)) !important;
}

body[data-pnp-glass-theme="navy"] #pnpBtnRoomSettings.pnp-topbar__settings:hover,
body[data-pnp-glass-theme="navy"] #pnpBtnRoomSettings.pnp-topbar__settings:focus-visible {
  color: #fff56a !important;
  border-color: rgba(255,245,106,.96) !important;
  background:
    radial-gradient(circle at 50% 42%, rgba(255,245,106,.42), transparent 50%),
    radial-gradient(circle at 50% 50%, rgba(34,197,94,.26), transparent 70%),
    linear-gradient(180deg, rgba(255,255,255,.18), rgba(15,23,42,.24)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.25),
    0 0 0 1px rgba(255,245,106,.20),
    0 0 22px rgba(255,245,106,.36),
    0 0 36px rgba(74,222,128,.28),
    0 14px 30px rgba(0,0,0,.28) !important;
  transform: translateY(-1px) !important;
}

body[data-pnp-glass-theme="navy"] #pnpBtnRoomSettings.pnp-topbar__settings:hover svg,
body[data-pnp-glass-theme="navy"] #pnpBtnRoomSettings.pnp-topbar__settings:focus-visible svg {
  stroke: #fff56a !important;
  color: #fff56a !important;
  filter:
    drop-shadow(0 0 7px rgba(255,245,106,.86))
    drop-shadow(0 0 13px rgba(74,222,128,.52)) !important;
}

/* /PNP_WEBINAR_GLASS_NAVY_SETTINGS_ICON_PRO_V2 */


/* PNP_WEBINAR_ROOM_LOGO_GLASS_DESKTOP_VISIBILITY_V1 */
@media (min-width: 769px) {
  body[data-pnp-glass-theme] .pnp-topbar .pnp-topbar__logo {
    min-height: 58px !important;
    padding: 7px 18px 7px 14px !important;
    border-radius: 20px !important;
    border: 2px solid rgba(230,190,86,.88) !important;
    background:
      radial-gradient(circle at 20% 18%, rgba(255,255,255,.98), rgba(255,255,255,.76) 42%, rgba(255,248,222,.70) 100%) !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.92),
      0 0 0 1px rgba(255,255,255,.22),
      0 12px 28px rgba(0,0,0,.36),
      0 0 34px rgba(230,190,86,.42) !important;
    backdrop-filter: blur(14px) saturate(1.28) !important;
    -webkit-backdrop-filter: blur(14px) saturate(1.28) !important;
  }

  body[data-pnp-glass-theme="navy"] .pnp-topbar .pnp-topbar__logo,
  body[data-pnp-glass-theme="smoke"] .pnp-topbar .pnp-topbar__logo {
    background:
      radial-gradient(circle at 20% 18%, rgba(255,255,255,.98), rgba(255,255,255,.78) 42%, rgba(255,248,222,.72) 100%) !important;
    border-color: rgba(244,211,94,.96) !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.94),
      0 0 0 1px rgba(255,255,255,.24),
      0 14px 32px rgba(0,0,0,.42),
      0 0 38px rgba(244,211,94,.50) !important;
  }

  body[data-pnp-glass-theme] .pnp-topbar .pnp-topbar__logo::before {
    inset: -8px -11px !important;
    border-radius: 25px !important;
    opacity: .98 !important;
    filter: blur(9px) !important;
  }

  body[data-pnp-glass-theme] .pnp-topbar .pnp-topbar__logo img,
  body[data-pnp-glass-theme] .pnp-topbar .pnp-topbar__logo svg {
    height: 50px !important;
    min-height: 50px !important;
    max-height: 50px !important;
    width: auto !important;
    max-width: min(280px, 28vw) !important;
    object-fit: contain !important;
    filter:
      contrast(1.16)
      saturate(1.10)
      drop-shadow(0 1px 0 rgba(255,255,255,.78))
      drop-shadow(0 8px 16px rgba(0,0,0,.34)) !important;
  }

  body[data-pnp-glass-theme] .pnp-topbar .pnp-topbar__logo-mark {
    width: 50px !important;
    height: 50px !important;
    border-radius: 15px !important;
  }
}
/* /PNP_WEBINAR_ROOM_LOGO_GLASS_DESKTOP_VISIBILITY_V1 */



/* PNP_WEBINAR_ROOM_LOGO_GLASS_SIZE_FIX_V1 */
@media (min-width: 769px) {
  body[data-pnp-glass-theme] .pnp-topbar .pnp-topbar__logo {
    min-height: 48px !important;
    padding: 4px 13px 4px 10px !important;
    border-radius: 17px !important;
    border: 1.5px solid rgba(230,190,86,.82) !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.88),
      0 0 0 1px rgba(255,255,255,.18),
      0 9px 22px rgba(0,0,0,.32),
      0 0 26px rgba(230,190,86,.34) !important;
  }

  body[data-pnp-glass-theme] .pnp-topbar .pnp-topbar__logo::before {
    inset: -5px -7px !important;
    border-radius: 21px !important;
    opacity: .86 !important;
    filter: blur(6px) !important;
  }

  body[data-pnp-glass-theme] .pnp-topbar .pnp-topbar__logo img,
  body[data-pnp-glass-theme] .pnp-topbar .pnp-topbar__logo svg {
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
    max-width: min(245px, 24vw) !important;
  }

  body[data-pnp-glass-theme] .pnp-topbar .pnp-topbar__logo-mark {
    width: 42px !important;
    height: 42px !important;
    border-radius: 13px !important;
  }
}

@media (max-width: 768px) {
  body[data-pnp-glass-theme] .pnp-topbar .pnp-topbar__logo {
    min-height: 36px !important;
    padding: 3px 8px 3px 7px !important;
    gap: 6px !important;
    border-radius: 13px !important;
    border: 1.25px solid rgba(230,190,86,.72) !important;
    background:
      radial-gradient(circle at 20% 18%, rgba(255,255,255,.96), rgba(255,255,255,.72) 44%, rgba(255,248,222,.66) 100%) !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.82),
      0 0 0 1px rgba(255,255,255,.16),
      0 5px 14px rgba(0,0,0,.24),
      0 0 18px rgba(230,190,86,.24) !important;
    backdrop-filter: blur(10px) saturate(1.16) !important;
    -webkit-backdrop-filter: blur(10px) saturate(1.16) !important;
  }

  body[data-pnp-glass-theme="navy"] .pnp-topbar .pnp-topbar__logo,
  body[data-pnp-glass-theme="smoke"] .pnp-topbar .pnp-topbar__logo {
    border-color: rgba(244,211,94,.84) !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.86),
      0 0 0 1px rgba(255,255,255,.18),
      0 6px 16px rgba(0,0,0,.30),
      0 0 20px rgba(244,211,94,.30) !important;
  }

  body[data-pnp-glass-theme] .pnp-topbar .pnp-topbar__logo::before {
    inset: -4px -5px !important;
    border-radius: 17px !important;
    opacity: .74 !important;
    filter: blur(5px) !important;
  }

  body[data-pnp-glass-theme] .pnp-topbar .pnp-topbar__logo img,
  body[data-pnp-glass-theme] .pnp-topbar .pnp-topbar__logo svg {
    height: 30px !important;
    min-height: 30px !important;
    max-height: 30px !important;
    width: auto !important;
    max-width: 126px !important;
    object-fit: contain !important;
    filter:
      contrast(1.12)
      saturate(1.08)
      drop-shadow(0 1px 0 rgba(255,255,255,.66))
      drop-shadow(0 4px 9px rgba(0,0,0,.26)) !important;
  }

  body[data-pnp-glass-theme] .pnp-topbar .pnp-topbar__logo-mark {
    width: 30px !important;
    height: 30px !important;
    border-radius: 10px !important;
    font-size: 14px !important;
  }
}
/* /PNP_WEBINAR_ROOM_LOGO_GLASS_SIZE_FIX_V1 */



/* PNP_WEBINAR_ROOM_MOBILE_TOPBAR_TITLE_SECOND_LINE_V1 */
@media (max-width: 768px) {
  body[data-pnp-glass-theme] {
    --top-h: 82px !important;
  }

  body[data-pnp-glass-theme] .pnp-topbar {
    height: var(--top-h) !important;
    min-height: var(--top-h) !important;
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) auto !important;
    grid-template-rows: 39px 1fr !important;
    align-items: start !important;
    column-gap: 7px !important;
    row-gap: 2px !important;
    padding: 4px 8px 6px 8px !important;
    box-sizing: border-box !important;
  }

  body[data-pnp-glass-theme] .pnp-topbar__logo {
    grid-column: 1 / 2 !important;
    grid-row: 1 / 2 !important;
    align-self: start !important;
    justify-self: start !important;
  }

  body[data-pnp-glass-theme] .pnp-topbar__sep {
    display: none !important;
  }

  body[data-pnp-glass-theme] .pnp-topbar__meta {
    grid-column: 3 / 4 !important;
    grid-row: 1 / 2 !important;
    align-self: start !important;
    justify-self: end !important;
    display: flex !important;
    align-items: flex-start !important;
    justify-content: flex-end !important;
    gap: 5px !important;
    min-width: 0 !important;
  }

  body[data-pnp-glass-theme] .pnp-topbar__status--online {
    min-height: 32px !important;
    padding: 6px 8px !important;
    border-radius: 999px !important;
    align-self: start !important;
    white-space: nowrap !important;
  }

  body[data-pnp-glass-theme] .pnp-topbar__status--online .pnp-topbar__status-label {
    font-size: 11px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  body[data-pnp-glass-theme] .pnp-topbar__title {
    grid-column: 1 / -1 !important;
    grid-row: 2 / 3 !important;
    align-self: start !important;
    justify-self: stretch !important;
    display: block !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 1px 2px 0 2px !important;
    color: var(--pnp-glass-shell-text) !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 16px !important;
    letter-spacing: -0.015em !important;
    text-align: left !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    word-break: normal !important;
    overflow-wrap: anywhere !important;
    text-shadow: 0 1px 0 rgba(255,255,255,.16), 0 6px 16px rgba(0,0,0,.22) !important;
  }
}

@media (max-width: 380px) {
  body[data-pnp-glass-theme] .pnp-topbar {
    --top-h: 86px !important;
    grid-template-rows: 37px 1fr !important;
    padding-left: 6px !important;
    padding-right: 6px !important;
  }

  body[data-pnp-glass-theme] .pnp-topbar__title {
    font-size: 12.5px !important;
    line-height: 15px !important;
  }

  body[data-pnp-glass-theme] .pnp-topbar__status--online {
    padding-left: 7px !important;
    padding-right: 7px !important;
  }
}
/* /PNP_WEBINAR_ROOM_MOBILE_TOPBAR_TITLE_SECOND_LINE_V1 */



/* PNP_WEBINAR_ROOM_MOBILE_TOPBAR_POLISH_LAYOUT_V2 */
@media (max-width: 768px) {
  body[data-pnp-glass-theme] {
    --top-h: 88px !important;
  }

  body[data-pnp-glass-theme] .pnp-topbar {
    height: var(--top-h) !important;
    min-height: var(--top-h) !important;
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) auto !important;
    grid-template-rows: 41px 29px !important;
    align-items: start !important;
    column-gap: 7px !important;
    row-gap: 5px !important;
    padding: 5px 7px 7px 7px !important;
    box-sizing: border-box !important;
  }

  body[data-pnp-glass-theme] .pnp-topbar__logo {
    grid-column: 1 / 2 !important;
    grid-row: 1 / 2 !important;
    align-self: start !important;
    justify-self: start !important;
    transform: translateY(-1px) !important;
  }

  body[data-pnp-glass-theme] .pnp-topbar__logo img,
  body[data-pnp-glass-theme] .pnp-topbar__logo svg {
    max-width: 108px !important;
  }

  body[data-pnp-glass-theme] .pnp-topbar__sep,
  body[data-pnp-glass-theme] .pnp-topbar__people {
    display: none !important;
  }

  body[data-pnp-glass-theme] .pnp-topbar__meta {
    grid-column: 2 / 4 !important;
    grid-row: 1 / 2 !important;
    align-self: start !important;
    justify-self: end !important;
    display: flex !important;
    align-items: flex-start !important;
    justify-content: flex-end !important;
    gap: 5px !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  body[data-pnp-glass-theme] .pnp-topbar__status--online {
    min-height: 31px !important;
    height: 31px !important;
    padding: 5px 8px !important;
    border-radius: 999px !important;
    align-self: start !important;
    white-space: nowrap !important;
    transform: translateY(1px) !important;
  }

  body[data-pnp-glass-theme] .pnp-topbar__status--online .pnp-topbar__status-dot {
    width: 12px !important;
    height: 12px !important;
    margin-right: 5px !important;
  }

  body[data-pnp-glass-theme] .pnp-topbar__status--online .pnp-topbar__status-label {
    font-size: 10.5px !important;
    line-height: 1 !important;
    letter-spacing: .02em !important;
    white-space: nowrap !important;
  }

  body[data-pnp-glass-theme] .pnp-topbar__account-btn,
  body[data-pnp-glass-theme] .pnp-topbar__settings,
  body[data-pnp-glass-theme="navy"] #pnpBtnRoomSettings.pnp-topbar__settings,
  body[data-pnp-glass-theme="navy"] .pnp-topbar__meta #pnpBtnRoomSettings {
    width: 38px !important;
    min-width: 38px !important;
    height: 38px !important;
    min-height: 38px !important;
    padding: 0 !important;
    border-radius: 15px !important;
    align-self: start !important;
  }

  body[data-pnp-glass-theme] .pnp-topbar__account-btn svg,
  body[data-pnp-glass-theme] .pnp-topbar__settings svg,
  body[data-pnp-glass-theme="navy"] #pnpBtnRoomSettings.pnp-topbar__settings svg {
    width: 20px !important;
    min-width: 20px !important;
    height: 20px !important;
    min-height: 20px !important;
  }

  body[data-pnp-glass-theme="navy"] #pnpBtnRoomSettings.pnp-topbar__settings::before {
    inset: 6px !important;
    border-radius: 13px !important;
  }

  body[data-pnp-glass-theme] .pnp-topbar__title {
    grid-column: 1 / -1 !important;
    grid-row: 2 / 3 !important;
    align-self: stretch !important;
    justify-self: stretch !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 27px !important;
    margin: 0 !important;
    padding: 2px 9px !important;
    border-radius: 12px !important;
    border: 1px solid rgba(255,255,255,.12) !important;
    background:
      linear-gradient(135deg, rgba(255,255,255,.115), rgba(255,255,255,.045)) !important;
    color: var(--pnp-glass-shell-text) !important;
    font-size: 13.5px !important;
    font-weight: 850 !important;
    line-height: 1.1 !important;
    letter-spacing: -0.015em !important;
    text-align: center !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    text-shadow:
      0 1px 0 rgba(255,255,255,.14),
      0 6px 16px rgba(0,0,0,.24) !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.10),
      0 5px 14px rgba(0,0,0,.16) !important;
  }
}

@media (max-width: 380px) {
  body[data-pnp-glass-theme] {
    --top-h: 90px !important;
  }

  body[data-pnp-glass-theme] .pnp-topbar {
    grid-template-columns: auto minmax(0, 1fr) auto !important;
    grid-template-rows: 40px 29px !important;
    column-gap: 5px !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
  }

  body[data-pnp-glass-theme] .pnp-topbar__logo img,
  body[data-pnp-glass-theme] .pnp-topbar__logo svg {
    max-width: 96px !important;
  }

  body[data-pnp-glass-theme] .pnp-topbar__meta {
    gap: 4px !important;
  }

  body[data-pnp-glass-theme] .pnp-topbar__status--online {
    padding-left: 7px !important;
    padding-right: 7px !important;
  }

  body[data-pnp-glass-theme] .pnp-topbar__account-btn,
  body[data-pnp-glass-theme] .pnp-topbar__settings,
  body[data-pnp-glass-theme="navy"] #pnpBtnRoomSettings.pnp-topbar__settings,
  body[data-pnp-glass-theme="navy"] .pnp-topbar__meta #pnpBtnRoomSettings {
    width: 36px !important;
    min-width: 36px !important;
    height: 36px !important;
    min-height: 36px !important;
    border-radius: 14px !important;
  }

  body[data-pnp-glass-theme] .pnp-topbar__title {
    height: 27px !important;
    font-size: 13px !important;
    padding-left: 7px !important;
    padding-right: 7px !important;
  }
}
/* /PNP_WEBINAR_ROOM_MOBILE_TOPBAR_POLISH_LAYOUT_V2 */



/* PNP_WEBINAR_ROOM_MOBILE_TOPBAR_ACCOUNT_FIX_V1 */
@media (max-width: 768px) {
  body[data-pnp-glass-theme] #pnpTopbarAccount,
  body[data-pnp-glass-theme] .pnp-topbar__account {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    align-items: flex-start !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 36px !important;
    height: 38px !important;
    min-height: 38px !important;
    flex: 0 0 auto !important;
    order: 2 !important;
    pointer-events: auto !important;
  }

  body[data-pnp-glass-theme] .pnp-topbar__status--online {
    order: 1 !important;
  }

  body[data-pnp-glass-theme] #pnpBtnAccount.pnp-topbar__account-btn,
  body[data-pnp-glass-theme] .pnp-topbar__account .pnp-topbar__account-btn {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    align-items: center !important;
    justify-content: center !important;
    width: 38px !important;
    min-width: 38px !important;
    height: 38px !important;
    min-height: 38px !important;
    padding: 0 !important;
    border-radius: 15px !important;
    flex: 0 0 38px !important;
    pointer-events: auto !important;
  }

  body[data-pnp-glass-theme] #pnpBtnAccount .pnp-topbar__account-icon,
  body[data-pnp-glass-theme] .pnp-topbar__account-icon {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    font-size: 18px !important;
    line-height: 1 !important;
    transform: translateY(0) !important;
  }

  body[data-pnp-glass-theme] #pnpBtnRoomSettings.pnp-topbar__settings,
  body[data-pnp-glass-theme] .pnp-topbar__settings {
    order: 3 !important;
  }

  body[data-pnp-glass-theme] .pnp-topbar__meta {
    gap: 4px !important;
    flex-wrap: nowrap !important;
  }
}

@media (max-width: 380px) {
  body[data-pnp-glass-theme] #pnpTopbarAccount,
  body[data-pnp-glass-theme] .pnp-topbar__account {
    min-width: 34px !important;
    height: 36px !important;
    min-height: 36px !important;
  }

  body[data-pnp-glass-theme] #pnpBtnAccount.pnp-topbar__account-btn,
  body[data-pnp-glass-theme] .pnp-topbar__account .pnp-topbar__account-btn {
    width: 36px !important;
    min-width: 36px !important;
    height: 36px !important;
    min-height: 36px !important;
    flex-basis: 36px !important;
    border-radius: 14px !important;
  }

  body[data-pnp-glass-theme] #pnpBtnAccount .pnp-topbar__account-icon,
  body[data-pnp-glass-theme] .pnp-topbar__account-icon {
    font-size: 17px !important;
  }

  body[data-pnp-glass-theme] .pnp-topbar__meta {
    gap: 3px !important;
  }

  body[data-pnp-glass-theme] .pnp-topbar__status--online .pnp-topbar__status-label {
    font-size: 10px !important;
  }
}
/* /PNP_WEBINAR_ROOM_MOBILE_TOPBAR_ACCOUNT_FIX_V1 */


/* /PNP_WEBINAR_GLASS_ROOM_SHELL_V1 */

/* =========================================================
PNP_ROOM_TEXT_ICON_ZOOM_V1
Cel: powiększanie wyłącznie czcionek, ikon i kontrolek pokoju.
Bez skalowania dokumentu, sceny, obrazu wideo i tła.
========================================================= */

body[data-pnp-glass-theme][data-pnp-room-zoom="90"] {
  --pnp-a11y-title-size: 16.2px;
  --pnp-a11y-text-size: 14.85px;
  --pnp-a11y-body-size: 15.3px;
  --pnp-a11y-small-size: 12.6px;
  --pnp-a11y-tiny-size: 10.8px;
  --pnp-a11y-action-size: 13.95px;
  --pnp-a11y-icon-size: 21.6px;
  --pnp-a11y-icon-box: 36px;
  --pnp-a11y-button-width: 64.8px;
  --pnp-a11y-topbar-height: 57.6px;
  --pnp-a11y-bottombar-height: 75.6px;
  --pnp-a11y-input-height: 52.2px;
  --pnp-a11y-dot-size: 7.2px;
}
body[data-pnp-glass-theme][data-pnp-room-zoom="100"] {
  --pnp-a11y-title-size: 18px;
  --pnp-a11y-text-size: 16.5px;
  --pnp-a11y-body-size: 17px;
  --pnp-a11y-small-size: 14px;
  --pnp-a11y-tiny-size: 12px;
  --pnp-a11y-action-size: 15.5px;
  --pnp-a11y-icon-size: 24px;
  --pnp-a11y-icon-box: 40px;
  --pnp-a11y-button-width: 72px;
  --pnp-a11y-topbar-height: 64px;
  --pnp-a11y-bottombar-height: 84px;
  --pnp-a11y-input-height: 58px;
  --pnp-a11y-dot-size: 8px;
}
body[data-pnp-glass-theme][data-pnp-room-zoom="110"] {
  --pnp-a11y-title-size: 19.8px;
  --pnp-a11y-text-size: 18.15px;
  --pnp-a11y-body-size: 18.7px;
  --pnp-a11y-small-size: 15.4px;
  --pnp-a11y-tiny-size: 13.2px;
  --pnp-a11y-action-size: 17.05px;
  --pnp-a11y-icon-size: 26.4px;
  --pnp-a11y-icon-box: 44px;
  --pnp-a11y-button-width: 79.2px;
  --pnp-a11y-topbar-height: 70.4px;
  --pnp-a11y-bottombar-height: 92.4px;
  --pnp-a11y-input-height: 63.8px;
  --pnp-a11y-dot-size: 8.8px;
}
body[data-pnp-glass-theme][data-pnp-room-zoom="120"] {
  --pnp-a11y-title-size: 21.6px;
  --pnp-a11y-text-size: 19.8px;
  --pnp-a11y-body-size: 20.4px;
  --pnp-a11y-small-size: 16.8px;
  --pnp-a11y-tiny-size: 14.4px;
  --pnp-a11y-action-size: 18.6px;
  --pnp-a11y-icon-size: 28.8px;
  --pnp-a11y-icon-box: 48px;
  --pnp-a11y-button-width: 86.4px;
  --pnp-a11y-topbar-height: 76.8px;
  --pnp-a11y-bottombar-height: 100.8px;
  --pnp-a11y-input-height: 69.6px;
  --pnp-a11y-dot-size: 9.6px;
}
body[data-pnp-glass-theme][data-pnp-room-zoom="130"] {
  --pnp-a11y-title-size: 23.4px;
  --pnp-a11y-text-size: 21.45px;
  --pnp-a11y-body-size: 22.1px;
  --pnp-a11y-small-size: 18.2px;
  --pnp-a11y-tiny-size: 15.6px;
  --pnp-a11y-action-size: 20.15px;
  --pnp-a11y-icon-size: 31.2px;
  --pnp-a11y-icon-box: 52px;
  --pnp-a11y-button-width: 93.6px;
  --pnp-a11y-topbar-height: 83.2px;
  --pnp-a11y-bottombar-height: 109.2px;
  --pnp-a11y-input-height: 75.4px;
  --pnp-a11y-dot-size: 10.4px;
}
body[data-pnp-glass-theme][data-pnp-room-zoom="140"] {
  --pnp-a11y-title-size: 25.2px;
  --pnp-a11y-text-size: 23.1px;
  --pnp-a11y-body-size: 23.8px;
  --pnp-a11y-small-size: 19.6px;
  --pnp-a11y-tiny-size: 16.8px;
  --pnp-a11y-action-size: 21.7px;
  --pnp-a11y-icon-size: 33.6px;
  --pnp-a11y-icon-box: 56px;
  --pnp-a11y-button-width: 100.8px;
  --pnp-a11y-topbar-height: 89.6px;
  --pnp-a11y-bottombar-height: 117.6px;
  --pnp-a11y-input-height: 81.2px;
  --pnp-a11y-dot-size: 11.2px;
}
body[data-pnp-glass-theme][data-pnp-room-zoom="150"] {
  --pnp-a11y-title-size: 27px;
  --pnp-a11y-text-size: 24.75px;
  --pnp-a11y-body-size: 25.5px;
  --pnp-a11y-small-size: 21px;
  --pnp-a11y-tiny-size: 18px;
  --pnp-a11y-action-size: 23.25px;
  --pnp-a11y-icon-size: 36px;
  --pnp-a11y-icon-box: 60px;
  --pnp-a11y-button-width: 108px;
  --pnp-a11y-topbar-height: 96px;
  --pnp-a11y-bottombar-height: 126px;
  --pnp-a11y-input-height: 87px;
  --pnp-a11y-dot-size: 12px;
}
body[data-pnp-glass-theme][data-pnp-room-zoom="160"] {
  --pnp-a11y-title-size: 28.8px;
  --pnp-a11y-text-size: 26.4px;
  --pnp-a11y-body-size: 27.2px;
  --pnp-a11y-small-size: 22.4px;
  --pnp-a11y-tiny-size: 19.2px;
  --pnp-a11y-action-size: 24.8px;
  --pnp-a11y-icon-size: 38.4px;
  --pnp-a11y-icon-box: 64px;
  --pnp-a11y-button-width: 115.2px;
  --pnp-a11y-topbar-height: 102.4px;
  --pnp-a11y-bottombar-height: 134.4px;
  --pnp-a11y-input-height: 92.8px;
  --pnp-a11y-dot-size: 12.8px;
}
body[data-pnp-glass-theme][data-pnp-room-zoom="170"] {
  --pnp-a11y-title-size: 30.6px;
  --pnp-a11y-text-size: 28.05px;
  --pnp-a11y-body-size: 28.9px;
  --pnp-a11y-small-size: 23.8px;
  --pnp-a11y-tiny-size: 20.4px;
  --pnp-a11y-action-size: 26.35px;
  --pnp-a11y-icon-size: 40.8px;
  --pnp-a11y-icon-box: 68px;
  --pnp-a11y-button-width: 122.4px;
  --pnp-a11y-topbar-height: 108.8px;
  --pnp-a11y-bottombar-height: 142.8px;
  --pnp-a11y-input-height: 98.6px;
  --pnp-a11y-dot-size: 13.6px;
}
body[data-pnp-glass-theme][data-pnp-room-zoom="180"] {
  --pnp-a11y-title-size: 32.4px;
  --pnp-a11y-text-size: 29.7px;
  --pnp-a11y-body-size: 30.6px;
  --pnp-a11y-small-size: 25.2px;
  --pnp-a11y-tiny-size: 21.6px;
  --pnp-a11y-action-size: 27.9px;
  --pnp-a11y-icon-size: 43.2px;
  --pnp-a11y-icon-box: 72px;
  --pnp-a11y-button-width: 129.6px;
  --pnp-a11y-topbar-height: 115.2px;
  --pnp-a11y-bottombar-height: 151.2px;
  --pnp-a11y-input-height: 104.4px;
  --pnp-a11y-dot-size: 14.4px;
}
body[data-pnp-glass-theme][data-pnp-room-zoom="190"] {
  --pnp-a11y-title-size: 34.2px;
  --pnp-a11y-text-size: 31.35px;
  --pnp-a11y-body-size: 32.3px;
  --pnp-a11y-small-size: 26.6px;
  --pnp-a11y-tiny-size: 22.8px;
  --pnp-a11y-action-size: 29.45px;
  --pnp-a11y-icon-size: 45.6px;
  --pnp-a11y-icon-box: 76px;
  --pnp-a11y-button-width: 136.8px;
  --pnp-a11y-topbar-height: 121.6px;
  --pnp-a11y-bottombar-height: 159.6px;
  --pnp-a11y-input-height: 110.2px;
  --pnp-a11y-dot-size: 15.2px;
}
body[data-pnp-glass-theme][data-pnp-room-zoom="200"] {
  --pnp-a11y-title-size: 36px;
  --pnp-a11y-text-size: 33px;
  --pnp-a11y-body-size: 34px;
  --pnp-a11y-small-size: 28px;
  --pnp-a11y-tiny-size: 24px;
  --pnp-a11y-action-size: 31px;
  --pnp-a11y-icon-size: 48px;
  --pnp-a11y-icon-box: 80px;
  --pnp-a11y-button-width: 144px;
  --pnp-a11y-topbar-height: 128px;
  --pnp-a11y-bottombar-height: 168px;
  --pnp-a11y-input-height: 116px;
  --pnp-a11y-dot-size: 16px;
}

body[data-pnp-glass-theme][data-pnp-room-zoom] .pnp-topbar {
  height: var(--pnp-a11y-topbar-height) !important;
  min-height: var(--pnp-a11y-topbar-height) !important;
}

body[data-pnp-glass-theme][data-pnp-room-zoom] .pnp-topbar__title {
  font-size: var(--pnp-a11y-title-size) !important;
  line-height: 1.2 !important;
}

body[data-pnp-glass-theme][data-pnp-room-zoom] .pnp-topbar__brand,
body[data-pnp-glass-theme][data-pnp-room-zoom] .pnp-topbar__status,
body[data-pnp-glass-theme][data-pnp-room-zoom] .pnp-topbar__people {
  font-size: var(--pnp-a11y-text-size) !important;
  line-height: 1.25 !important;
}

body[data-pnp-glass-theme][data-pnp-room-zoom] .pnp-topbar__status-dot {
  width: var(--pnp-a11y-dot-size) !important;
  height: var(--pnp-a11y-dot-size) !important;
}

body[data-pnp-glass-theme][data-pnp-room-zoom] .pnp-topbar__settings svg,
body[data-pnp-glass-theme][data-pnp-room-zoom] .pnp-topbar__account-btn svg,
body[data-pnp-glass-theme][data-pnp-room-zoom] .pnp-topbar button svg {
  width: var(--pnp-a11y-icon-size) !important;
  height: var(--pnp-a11y-icon-size) !important;
}

body[data-pnp-glass-theme][data-pnp-room-zoom] .pnp-stage__host-name {
  font-size: var(--pnp-a11y-title-size) !important;
}

body[data-pnp-glass-theme][data-pnp-room-zoom] .pnp-stage__waiting,
body[data-pnp-glass-theme][data-pnp-room-zoom] .pnp-stage__badge,
body[data-pnp-glass-theme][data-pnp-room-zoom] .pnp-statusbar,
body[data-pnp-glass-theme][data-pnp-room-zoom] .pnp-statusbar__item,
body[data-pnp-glass-theme][data-pnp-room-zoom] .pnp-video-name,
body[data-pnp-glass-theme][data-pnp-room-zoom] .pnp-video-tile__name {
  font-size: var(--pnp-a11y-text-size) !important;
  line-height: 1.3 !important;
}

body[data-pnp-glass-theme][data-pnp-room-zoom] .pnp-statusbar__dot {
  width: var(--pnp-a11y-dot-size) !important;
  height: var(--pnp-a11y-dot-size) !important;
}

body[data-pnp-glass-theme][data-pnp-room-zoom] .pnp-panel__tab,
body[data-pnp-glass-theme][data-pnp-room-zoom] .pnp-panel__tab span,
body[data-pnp-glass-theme][data-pnp-room-zoom] .pnp-chat__system,
body[data-pnp-glass-theme][data-pnp-room-zoom] .pnp-chat__bubble-text,
body[data-pnp-glass-theme][data-pnp-room-zoom] .pnp-chat__message,
body[data-pnp-glass-theme][data-pnp-room-zoom] .pnp-chat__message-text,
body[data-pnp-glass-theme][data-pnp-room-zoom] .pnp-people__name,
body[data-pnp-glass-theme][data-pnp-room-zoom] .pnp-questions__item-text {
  font-size: var(--pnp-a11y-body-size) !important;
  line-height: 1.35 !important;
}

body[data-pnp-glass-theme][data-pnp-room-zoom] .pnp-chat__bubble-author,
body[data-pnp-glass-theme][data-pnp-room-zoom] .pnp-chat__message-author,
body[data-pnp-glass-theme][data-pnp-room-zoom] .pnp-people__role,
body[data-pnp-glass-theme][data-pnp-room-zoom] .pnp-questions__item-meta,
body[data-pnp-glass-theme][data-pnp-room-zoom] .pnp-questions__item-votes {
  font-size: var(--pnp-a11y-small-size) !important;
  line-height: 1.3 !important;
}

body[data-pnp-glass-theme][data-pnp-room-zoom] .pnp-chat__input {
  min-height: var(--pnp-a11y-input-height) !important;
  font-size: var(--pnp-a11y-body-size) !important;
  line-height: 1.3 !important;
}

body[data-pnp-glass-theme][data-pnp-room-zoom] .pnp-chat__send svg,
body[data-pnp-glass-theme][data-pnp-room-zoom] .pnp-people__icon,
body[data-pnp-glass-theme][data-pnp-room-zoom] .pnp-questions__icon {
  width: var(--pnp-a11y-icon-size) !important;
  height: var(--pnp-a11y-icon-size) !important;
  font-size: var(--pnp-a11y-icon-size) !important;
}

body[data-pnp-glass-theme][data-pnp-room-zoom] .pnp-bottombar {
  height: var(--pnp-a11y-bottombar-height) !important;
  min-height: var(--pnp-a11y-bottombar-height) !important;
}

body[data-pnp-glass-theme][data-pnp-room-zoom] .pnp-bottombar .pnp-btn {
  min-width: var(--pnp-a11y-button-width) !important;
  font-size: var(--pnp-a11y-action-size) !important;
  line-height: 1.15 !important;
}

body[data-pnp-glass-theme][data-pnp-room-zoom] .pnp-bottombar .pnp-btn__label,
body[data-pnp-glass-theme][data-pnp-room-zoom] .pnp-bottombar .pnp-btn__text,
body[data-pnp-glass-theme][data-pnp-room-zoom] .pnp-bottombar .pnp-btn span:not(.pnp-btn__icon) {
  font-size: var(--pnp-a11y-action-size) !important;
  line-height: 1.15 !important;
}

body[data-pnp-glass-theme][data-pnp-room-zoom] .pnp-bottombar .pnp-btn__icon {
  width: var(--pnp-a11y-icon-box) !important;
  height: var(--pnp-a11y-icon-box) !important;
  min-width: var(--pnp-a11y-icon-box) !important;
  min-height: var(--pnp-a11y-icon-box) !important;
}

body[data-pnp-glass-theme][data-pnp-room-zoom] .pnp-bottombar .pnp-btn__icon svg,
body[data-pnp-glass-theme][data-pnp-room-zoom] .pnp-bottombar .pnp-btn > svg {
  width: var(--pnp-a11y-icon-size) !important;
  height: var(--pnp-a11y-icon-size) !important;
}

/* /PNP_ROOM_TEXT_ICON_ZOOM_V1 */

/* =========================================================
PNP_ROOM_RIGHT_SIDEBAR_TEXT_ZOOM_V1
Cel: powiększanie czcionek prawego sidebara:
Czat, Osoby, Ręce i Prywatne.
Bez zmiany szerokości panelu i bez skalowania sceny.
========================================================= */

/* Zakładki: Czat, Osoby, Ręce, Prywatne */
body[data-pnp-glass-theme][data-pnp-room-zoom] .pnp-panel__tabs {
  flex-wrap: wrap !important;
  align-content: flex-start !important;
}

body[data-pnp-glass-theme][data-pnp-room-zoom] .pnp-panel__tab,
body[data-pnp-glass-theme][data-pnp-room-zoom] .pnp-panel__tab > span {
  font-size: var(--pnp-a11y-body-size) !important;
  line-height: 1.25 !important;
}

body[data-pnp-glass-theme][data-pnp-room-zoom] .pnp-panel__tab {
  min-height: calc(var(--pnp-a11y-body-size) * 2.5) !important;
  padding: 0.5em 0.7em !important;
  white-space: normal !important;
}

/* Liczniki wiadomości i podniesionych rąk */
body[data-pnp-glass-theme][data-pnp-room-zoom] #pnpChatUnreadBadgeDesktop,
body[data-pnp-glass-theme][data-pnp-room-zoom] #pnpHandsTabBadge,
body[data-pnp-glass-theme][data-pnp-room-zoom] [data-pnp-hand-count] {
  font-size: var(--pnp-a11y-small-size) !important;
  line-height: 1.2 !important;
}

/* Czat — obejmuje również treści generowane przez JavaScript */
body[data-pnp-glass-theme][data-pnp-room-zoom] .pnp-panel .pnp-chat-msg,
body[data-pnp-glass-theme][data-pnp-room-zoom] .pnp-panel .pnp-chat-msg > span,
body[data-pnp-glass-theme][data-pnp-room-zoom] .pnp-panel .pnp-chat__system,
body[data-pnp-glass-theme][data-pnp-room-zoom] .pnp-panel .pnp-chat__message,
body[data-pnp-glass-theme][data-pnp-room-zoom] .pnp-panel .pnp-chat__message-text,
body[data-pnp-glass-theme][data-pnp-room-zoom] .pnp-panel .pnp-chat__bubble-text {
  font-size: var(--pnp-a11y-body-size) !important;
  line-height: 1.4 !important;
}

body[data-pnp-glass-theme][data-pnp-room-zoom] .pnp-panel .pnp-chat-msg > strong,
body[data-pnp-glass-theme][data-pnp-room-zoom] .pnp-panel .pnp-chat__message-author,
body[data-pnp-glass-theme][data-pnp-room-zoom] .pnp-panel .pnp-chat__bubble-author {
  font-size: var(--pnp-a11y-small-size) !important;
  line-height: 1.3 !important;
}

body[data-pnp-glass-theme][data-pnp-room-zoom] .pnp-panel .pnp-chat__input {
  font-size: var(--pnp-a11y-body-size) !important;
  line-height: 1.35 !important;
}

/* Osoby */
body[data-pnp-glass-theme][data-pnp-room-zoom] .pnp-panel .pnp-people__name {
  font-size: var(--pnp-a11y-body-size) !important;
  line-height: 1.3 !important;
}

body[data-pnp-glass-theme][data-pnp-room-zoom] .pnp-panel .pnp-people__role,
body[data-pnp-glass-theme][data-pnp-room-zoom] .pnp-panel .pnp-people__avatar {
  font-size: var(--pnp-a11y-small-size) !important;
  line-height: 1.25 !important;
}

/* Ręce */
body[data-pnp-glass-theme][data-pnp-room-zoom] .pnp-panel .pnp-hand-panel__head,
body[data-pnp-glass-theme][data-pnp-room-zoom] .pnp-panel .pnp-hand-panel__empty,
body[data-pnp-glass-theme][data-pnp-room-zoom] .pnp-panel .pnp-hand-panel__item-name {
  font-size: var(--pnp-a11y-body-size) !important;
  line-height: 1.35 !important;
}

body[data-pnp-glass-theme][data-pnp-room-zoom] .pnp-panel .pnp-hand-panel__item-remove,
body[data-pnp-glass-theme][data-pnp-room-zoom] .pnp-panel .pnp-hand-panel__item-avatar {
  font-size: var(--pnp-a11y-small-size) !important;
  line-height: 1.25 !important;
}

/* Prywatne — lista rozmów i wiadomości */
body[data-pnp-glass-theme][data-pnp-room-zoom] .pnp-panel .pnp-pt-root,
body[data-pnp-glass-theme][data-pnp-room-zoom] .pnp-panel .pnp-pt-host,
body[data-pnp-glass-theme][data-pnp-room-zoom] .pnp-panel .pnp-pt-participant,
body[data-pnp-glass-theme][data-pnp-room-zoom] .pnp-panel .pnp-pt-thread,
body[data-pnp-glass-theme][data-pnp-room-zoom] .pnp-panel .pnp-pt-thread__name,
body[data-pnp-glass-theme][data-pnp-room-zoom] .pnp-panel .pnp-pt-msg__text,
body[data-pnp-glass-theme][data-pnp-room-zoom] .pnp-panel .pnp-pt-participant__title,
body[data-pnp-glass-theme][data-pnp-room-zoom] .pnp-panel .pnp-pt-hint,
body[data-pnp-glass-theme][data-pnp-room-zoom] .pnp-panel .pnp-pt-empty {
  font-size: var(--pnp-a11y-body-size) !important;
  line-height: 1.4 !important;
}

body[data-pnp-glass-theme][data-pnp-room-zoom] .pnp-panel .pnp-pt-msg__who,
body[data-pnp-glass-theme][data-pnp-room-zoom] .pnp-panel .pnp-pt-thread__badge {
  font-size: var(--pnp-a11y-small-size) !important;
  line-height: 1.25 !important;
}

/* /PNP_ROOM_RIGHT_SIDEBAR_TEXT_ZOOM_V1 */

/* =========================================================
PNP_ROOM_SETTINGS_GLASS_VISUAL_RESTORE_V1
Cel:
1. przywrócić wygląd „Upiększ” dla Ustawień pokoju;
2. odłączyć modal ustawień od powiększania pokoju;
3. zachować zoom tekstów, ikon i prawego sidebara.
========================================================= */

body[data-pnp-glass-theme] .pnp-room-settings {
  --pnp-room-zoom: 1 !important;
  z-index: 3200 !important;
  padding: 72px 16px 16px !important;
  font-family: var(--pnp-glass-font-ui) !important;
  color: var(--pnp-glass-shell-text) !important;
}

body[data-pnp-glass-theme] .pnp-room-settings__backdrop {
  background: rgba(2, 6, 23, .42) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body[data-pnp-glass-theme] .pnp-room-settings__panel {
  width: min(420px, calc(100vw - 24px)) !important;
  max-height: min(78vh, 640px) !important;
  border: 1px solid var(--pnp-glass-shell-border) !important;
  border-radius: 22px !important;
  background:
    radial-gradient(
      circle at 16% 0%,
      color-mix(
        in srgb,
        var(--pnp-glass-shell-accent) 22%,
        transparent
      ),
      transparent 34%
    ),
    linear-gradient(
      145deg,
      rgba(255, 255, 255, .14),
      rgba(255, 255, 255, .035)
    ),
    var(--pnp-glass-shell-bg-strong) !important;
  color: var(--pnp-glass-shell-text) !important;
  box-shadow:
    0 28px 80px rgba(0, 0, 0, .38),
    inset 0 1px 0 rgba(255, 255, 255, .14) !important;
  backdrop-filter: blur(26px) saturate(1.22) !important;
  -webkit-backdrop-filter: blur(26px) saturate(1.22) !important;
  overflow: hidden !important;
}

body[data-pnp-glass-theme] .pnp-room-settings__head {
  min-height: 72px !important;
  padding: 16px 18px !important;
  border-bottom:
    1px solid var(--pnp-glass-shell-border) !important;
  background: rgba(255, 255, 255, .055) !important;
}

body[data-pnp-glass-theme] .pnp-room-settings__title {
  color: var(--pnp-glass-shell-text) !important;
  font-size: 20px !important;
  font-weight: 850 !important;
  line-height: 1.2 !important;
  letter-spacing: -.01em !important;
}

body[data-pnp-glass-theme] .pnp-room-settings__close {
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  min-height: 42px !important;
  border:
    1px solid var(--pnp-glass-shell-border) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, .09) !important;
  color: var(--pnp-glass-shell-text) !important;
  font-size: 24px !important;
  font-weight: 800 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .12),
    0 8px 20px rgba(0, 0, 0, .18) !important;
}

body[data-pnp-glass-theme] .pnp-room-settings__close:hover,
body[data-pnp-glass-theme] .pnp-room-settings__close:focus-visible {
  border-color:
    color-mix(
      in srgb,
      var(--pnp-glass-shell-accent) 62%,
      transparent
    ) !important;
  background:
    color-mix(
      in srgb,
      var(--pnp-glass-shell-accent) 20%,
      rgba(255, 255, 255, .10)
    ) !important;
  outline: none !important;
}

body[data-pnp-glass-theme] .pnp-room-settings__body {
  padding: 16px !important;
  background: transparent !important;
  scrollbar-color:
    color-mix(
      in srgb,
      var(--pnp-glass-shell-accent) 52%,
      transparent
    )
    rgba(255, 255, 255, .08);
}

body[data-pnp-glass-theme] .pnp-room-settings__nav {
  gap: 10px !important;
}

body[data-pnp-glass-theme] .pnp-room-settings__nav-btn,
body[data-pnp-glass-theme] .pnp-room-settings__theme-btn,
body[data-pnp-glass-theme] .pnp-room-settings__zoom-btn {
  border:
    1px solid var(--pnp-glass-shell-border) !important;
  background:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, .105),
      rgba(255, 255, 255, .035)
    ) !important;
  color: var(--pnp-glass-shell-text) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .09),
    0 8px 22px rgba(0, 0, 0, .12) !important;
}

body[data-pnp-glass-theme] .pnp-room-settings__nav-btn {
  min-height: 66px !important;
  padding: 12px 16px !important;
  border-radius: 16px !important;
  font-size: 17px !important;
  font-weight: 800 !important;
}

body[data-pnp-glass-theme] .pnp-room-settings__nav-btn:hover,
body[data-pnp-glass-theme] .pnp-room-settings__nav-btn:focus-visible,
body[data-pnp-glass-theme] .pnp-room-settings__theme-btn:hover,
body[data-pnp-glass-theme] .pnp-room-settings__theme-btn:focus-visible,
body[data-pnp-glass-theme] .pnp-room-settings__zoom-btn:hover,
body[data-pnp-glass-theme] .pnp-room-settings__zoom-btn:focus-visible {
  border-color:
    color-mix(
      in srgb,
      var(--pnp-glass-shell-accent) 58%,
      transparent
    ) !important;
  background:
    linear-gradient(
      180deg,
      color-mix(
        in srgb,
        var(--pnp-glass-shell-accent) 20%,
        rgba(255, 255, 255, .13)
      ),
      rgba(255, 255, 255, .055)
    ) !important;
  outline: none !important;
  transform: none !important;
}

body[data-pnp-glass-theme] .pnp-room-settings__nav-icon {
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  min-height: 42px !important;
  border:
    1px solid var(--pnp-glass-shell-border) !important;
  border-radius: 14px !important;
  background:
    color-mix(
      in srgb,
      var(--pnp-glass-shell-accent) 13%,
      rgba(255, 255, 255, .07)
    ) !important;
  color: var(--pnp-glass-shell-text) !important;
}

body[data-pnp-glass-theme] .pnp-room-settings__nav-icon svg {
  width: 23px !important;
  height: 23px !important;
}

body[data-pnp-glass-theme] .pnp-room-settings__back {
  color: var(--pnp-glass-shell-muted) !important;
  font-size: 15px !important;
}

body[data-pnp-glass-theme] .pnp-room-settings__section-title {
  color: var(--pnp-glass-shell-muted) !important;
}

body[data-pnp-glass-theme] .pnp-room-settings__theme-btn.is-active {
  border-color:
    color-mix(
      in srgb,
      var(--pnp-glass-shell-accent) 72%,
      transparent
    ) !important;
  background:
    color-mix(
      in srgb,
      var(--pnp-glass-shell-accent) 18%,
      rgba(255, 255, 255, .07)
    ) !important;
}

body[data-pnp-glass-theme] .pnp-room-settings__zoom-display {
  color: var(--pnp-glass-shell-accent) !important;
  text-shadow: none !important;
}

@media (max-width: 768px) {
  body[data-pnp-glass-theme] .pnp-room-settings {
    padding: 90px 10px 10px !important;
  }

  body[data-pnp-glass-theme] .pnp-room-settings__panel {
    width: min(420px, calc(100vw - 20px)) !important;
    max-height: calc(100dvh - 100px) !important;
    border-radius: 20px !important;
  }
}

/* /PNP_ROOM_SETTINGS_GLASS_VISUAL_RESTORE_V1 */