/* PNP_WEBINAR_ROOM_RIGHT_PANEL_LAYOUT_V1
 * Layout prawego panelu: czytelne imię w kolejce Rąk + spójne badge liczników.
 * Ładowany PO inline <style> i po controls CSS => wygrywa kolejnością źródła.
 * Zero !important-spamu; podbita specyficzność tam, gdzie trzeba pokonać inline.
 */

/* ── Ręce: imię całe w pierwszym rzędzie, bez łamania po literach ───────── */
.pnp-hand-panel .pnp-hand-panel__item {
  display: grid;
  grid-template-columns: auto 1fr auto;
  grid-template-areas:
    "avatar name   remove"
    "avatar role   remove";
  align-items: center;
  column-gap: 12px;
  row-gap: 2px;
}

.pnp-hand-panel .pnp-hand-panel__item-avatar { grid-area: avatar; }

.pnp-hand-panel .pnp-hand-panel__item-name {
  grid-area: name;
  min-width: 0;
  /* Kluczowa poprawka: kasuje 'overflow-wrap: anywhere' z inline <style>,
     które łamało "Vivaldi (1)" pionowo po znakach. */
  overflow-wrap: normal;
  word-break: normal;
  white-space: normal;
  line-height: 1.35;
}

.pnp-hand-panel .pnp-hand-panel__item-role {
  grid-area: role;
  white-space: nowrap;
}

/* ── Liczniki zakładek panelu (Osoby / Prywatne wstrzykiwane z JS) ───────── */
.pnp-rp-badge {
  display: none;
  min-width: 18px;
  height: 18px;
  margin-left: 6px;
  padding: 0 6px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 800;
  line-height: 18px;
  text-align: center;
  vertical-align: middle;
  box-sizing: border-box;
}

.pnp-rp-badge.is-visible {
  display: inline-block;
}

/* Osoby — spójne z topbarem (neutralny akcent) */
.pnp-rp-badge--people {
  background: rgba(59, 130, 246, .92);
  color: #fff;
}

/* Prywatne — spójne z czatem (czerwony „unread") */
.pnp-rp-badge--questions {
  background: #dc2626;
  color: #fff;
}

/* Klikalny licznik (reset) — czat + prywatne */
#pnpChatUnreadBadgeDesktop,
#pnpChatUnreadBadgeMobile,
.pnp-rp-badge--questions {
  cursor: pointer;
}


/* PNP_RP_HAND_REMOVE_LAYOUT_FIX_V1: przywróć widoczny przycisk Usuń w gridzie */
.pnp-hand-panel .pnp-hand-panel__remove {
  grid-area: remove;
  margin-left: 0;
  align-self: center;
}

/* /PNP_WEBINAR_ROOM_RIGHT_PANEL_LAYOUT_V1 */