@charset "UTF-8";
/* PNP_W_BUNDLE_GLASS_ACCESSIBLE_V1 */
/* PNP_W_TOKENS_GLASS_ACCESSIBLE_V1 */
:root {
  /* Colors */
  --pnp-w-bg-0: #070b14;
  --pnp-w-bg-1: #0b1220;
  --pnp-w-bg-2: #121a2b;
  --pnp-w-text: #f3f6ff;
  --pnp-w-text-muted: rgba(243, 246, 255, 0.82);
  --pnp-w-text-soft: rgba(243, 246, 255, 0.72);
  --pnp-w-accent-live: #39ff88;
  --pnp-w-accent-focus: #8cbcff;
  --pnp-w-stroke: rgba(255, 255, 255, 0.14);
  --pnp-w-stroke-strong: rgba(255, 255, 255, 0.22);
  --pnp-w-nav-bg: rgba(8, 12, 22, 0.55);

  /* Glass */
  --pnp-w-glass: rgba(255, 255, 255, 0.06);
  --pnp-w-glass-strong: rgba(255, 255, 255, 0.09);
  --pnp-w-blur-sm: 16px;
  --pnp-w-blur-md: 18px;

  /* Typography */
  --pnp-w-font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  /* PNP_W_SIMPLE_UX_A11Y_V1 */
  --pnp-w-font-body: 1.125rem;
  --pnp-w-font-control: 1.0625rem;
  --pnp-w-font-helper: 1rem;
  --pnp-w-font-title: clamp(1.5rem, 2vw, 2rem);
  --pnp-w-font-brand: 1.375rem;
  --pnp-w-line-body: 1.55;
  --pnp-w-line-control: 1.35;
  --pnp-w-weight-normal: 400;
  --pnp-w-weight-medium: 600;
  --pnp-w-weight-strong: 700;

  /* Spacing */
  --pnp-w-space-1: 0.25rem;
  --pnp-w-space-2: 0.5rem;
  --pnp-w-space-3: 0.75rem;
  --pnp-w-space-4: 1rem;
  --pnp-w-space-5: 1.5rem;
  --pnp-w-space-6: 2rem;
  --pnp-w-gap-layout: 1.125rem;
  --pnp-w-pad-app-inline: clamp(1rem, 2vw, 2rem);

  /* Shape */
  --pnp-w-radius-panel: 1.375rem;
  --pnp-w-radius-pill: 999px;

  /* Effects */
  --pnp-w-shadow: 0 18px 48px rgba(0, 0, 0, 0.38);

  /* Layers */
  --pnp-w-z-shell: 1;
  --pnp-w-z-nav: 10;
  --pnp-w-z-overlay: 100;
  --pnp-w-z-modal: 1400;
  --pnp-w-z-modal-raised: 1500;
  --pnp-w-z-modal-top: 1600;

  /* Accessible controls */
  --pnp-w-control-min-height: 3.25rem;
  --pnp-w-control-pad-y: 0.75rem;
  --pnp-w-control-pad-x: 1rem;
  --pnp-w-control-disabled-opacity: 0.78;

  /* Safe areas */
  --pnp-w-safe-t: env(safe-area-inset-top, 0px);
  --pnp-w-safe-b: env(safe-area-inset-bottom, 0px);
}
/* PNP_W_SHELL_GLASS_ACCESSIBLE_V1 */
*,*::before,*::after{box-sizing:border-box}
html,body{
margin:0;min-height:100%;
background:var(--pnp-w-bg-1);color:var(--pnp-w-text)
}
html{
font-size:100%;
-webkit-text-size-adjust:100%;
text-size-adjust:100%
}
body{
min-height:100dvh;display:flex;flex-direction:column;
font-family:var(--pnp-w-font-family);
font-size:var(--pnp-w-font-body);
font-weight:var(--pnp-w-weight-normal);
line-height:var(--pnp-w-line-body);
background:
radial-gradient(1200px 700px at 50% -10%,color-mix(in srgb,var(--pnp-w-accent-focus) 18%,transparent),transparent 55%),
radial-gradient(900px 500px at 90% 20%,color-mix(in srgb,var(--pnp-w-accent-live) 28%,transparent),transparent 45%),
linear-gradient(180deg,var(--pnp-w-bg-0),var(--pnp-w-bg-1) 42%,var(--pnp-w-bg-2))
}
.app{
flex:1;display:flex;flex-direction:column;box-sizing:border-box;width:100%;
padding-top:calc(var(--pnp-w-space-3) + var(--pnp-w-safe-t));
padding-bottom:calc(var(--pnp-w-space-3) + var(--pnp-w-safe-b));
padding-inline:var(--pnp-w-pad-app-inline)
}
.top{
display:flex;align-items:center;gap:var(--pnp-w-space-3);
padding:calc(var(--pnp-w-space-2) + .125rem) var(--pnp-w-space-4);
border-radius:var(--pnp-w-radius-pill);
background:var(--pnp-w-glass);border:1px solid var(--pnp-w-stroke);
backdrop-filter:blur(var(--pnp-w-blur-sm));
-webkit-backdrop-filter:blur(var(--pnp-w-blur-sm));
box-shadow:var(--pnp-w-shadow);z-index:var(--pnp-w-z-shell)
}
.logo{
width:2.125rem;height:2.125rem;flex:0 0 auto;
display:block;border-radius:.625rem
}
.brand{flex:1;min-width:0}
.brand h1{
margin:0;font-size:var(--pnp-w-font-brand);
font-weight:var(--pnp-w-weight-strong);
line-height:var(--pnp-w-line-control);
letter-spacing:.01em
}
.status{
display:inline-flex;align-items:center;gap:.4375rem;
margin-top:var(--pnp-w-space-1);
color:var(--pnp-w-text-muted);
font-size:var(--pnp-w-font-helper);
line-height:var(--pnp-w-line-control);
font-weight:var(--pnp-w-weight-medium)
}
.dot{
width:.5rem;height:.5rem;border-radius:50%;
background:var(--pnp-w-accent-live);
box-shadow:
0 0 0 4px color-mix(in srgb,var(--pnp-w-accent-live) 18%,transparent),
0 0 12px color-mix(in srgb,var(--pnp-w-accent-live) 55%,transparent)
}
.stage,.chat{
border-radius:var(--pnp-w-radius-panel);
background:linear-gradient(180deg,var(--pnp-w-glass-strong),var(--pnp-w-glass));
border:1px solid var(--pnp-w-stroke);
box-shadow:var(--pnp-w-shadow);
backdrop-filter:blur(var(--pnp-w-blur-md));
-webkit-backdrop-filter:blur(var(--pnp-w-blur-md))
}
.stage{
position:relative;overflow:hidden;
display:flex;flex-direction:column;justify-content:flex-end;
padding:var(--pnp-w-space-5)
}
.stage::before{
content:"";position:absolute;
inset:auto -20% -35% -20%;height:55%;
background:radial-gradient(
ellipse at center,
color-mix(in srgb,var(--pnp-w-accent-live) 12%,transparent),
transparent 70%
);
pointer-events:none
}
.stage h2{
margin:0 0 var(--pnp-w-space-2);
font-size:var(--pnp-w-font-title);
font-weight:var(--pnp-w-weight-strong);
line-height:var(--pnp-w-line-control);
position:relative
}
.stage p{
margin:0;color:var(--pnp-w-text-muted);
font-size:var(--pnp-w-font-body);
line-height:var(--pnp-w-line-body);
max-width:36ch;position:relative
}
.note{
margin-top:var(--pnp-w-space-4);
color:var(--pnp-w-text-soft);
font-size:var(--pnp-w-font-helper);
line-height:var(--pnp-w-line-body);
max-width:46ch;position:relative
}
.chat{
padding:var(--pnp-w-space-4) calc(var(--pnp-w-space-4) + .125rem)
}
.chat h2{
margin:0 0 var(--pnp-w-space-2);
font-size:var(--pnp-w-font-body);
font-weight:var(--pnp-w-weight-strong);
line-height:var(--pnp-w-line-control)
}
.chat p{
margin:0;color:var(--pnp-w-text-muted);
font-size:var(--pnp-w-font-helper);
line-height:var(--pnp-w-line-body)
}
/* PNP_W_LAYOUT_PHONE_BASE_V1 */
.app{
padding-inline:.875rem
}
.layout{
display:grid;
grid-template-columns:minmax(0,1fr);
gap:.875rem;
flex:1;
min-width:0;
margin:.875rem 0;
align-content:start
}
.stage,.chat{
min-width:0
}
.stage{
min-height:min(52dvh,26.25rem);
padding:1.375rem 1.25rem
}
/* PNP_W_LAYOUT_TABLET_WINDOW_V1 */
@media (min-width:769px) and (max-width:1099px){
.app{
padding-top:calc(1.125rem + var(--pnp-w-safe-t));
padding-bottom:calc(1.125rem + var(--pnp-w-safe-b));
padding-inline:1.375rem
}
.layout{
grid-template-columns:minmax(0,1.55fr) minmax(17.5rem,.95fr);
gap:var(--pnp-w-gap-layout);
margin:.875rem 0;
align-items:stretch
}
.stage{
min-height:min(62dvh,35rem);
padding:1.75rem
}
.chat{
min-height:100%
}
}
/* PNP_W_LAYOUT_DESKTOP_FULL_WIDTH_V1 */
@media (min-width:1100px){
.app{
box-sizing:border-box;
width:100%;
max-width:none;
margin:0 auto;
padding-top:calc(1.125rem + var(--pnp-w-safe-t));
padding-bottom:calc(1.125rem + var(--pnp-w-safe-b));
padding-inline:var(--pnp-w-pad-app-inline)
}
.layout{
display:grid;
flex:1;
min-width:0;
grid-template-columns:minmax(0,7fr) minmax(20rem,3fr);
gap:var(--pnp-w-gap-layout);
margin:.875rem 0;
align-items:stretch;
align-content:start
}
.stage,.chat{
min-width:0
}
.stage{
min-height:min(62dvh,35rem);
padding:1.75rem
}
.chat{
min-height:100%
}
}
/* PNP_W_NAV_GLASS_ACCESSIBLE_V1 */
.nav{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:var(--pnp-w-space-2);
width:min(35rem,100%);
margin-top:auto;
margin-inline:auto;
padding:var(--pnp-w-space-2);
border:1px solid var(--pnp-w-stroke);
border-radius:var(--pnp-w-radius-pill);
background:var(--pnp-w-nav-bg);
box-shadow:var(--pnp-w-shadow);
backdrop-filter:blur(var(--pnp-w-blur-sm));
-webkit-backdrop-filter:blur(var(--pnp-w-blur-sm));
z-index:var(--pnp-w-z-nav)
}
.nav button{
appearance:none;
-webkit-appearance:none;
min-width:0;
min-height:var(--pnp-w-control-min-height);
padding:var(--pnp-w-control-pad-y) var(--pnp-w-space-1);
border:1px solid transparent;
border-radius:var(--pnp-w-radius-pill);
background:transparent;
color:var(--pnp-w-text-soft);
font-family:inherit;
font-size:var(--pnp-w-font-control);
font-weight:var(--pnp-w-weight-medium);
line-height:var(--pnp-w-line-control);
text-align:center;
white-space:normal;
hyphens:auto;
overflow-wrap:anywhere;
touch-action:manipulation;
-webkit-tap-highlight-color:transparent;
cursor:default
}
.nav button[aria-current="page"]{
background:var(--pnp-w-glass-strong);
color:var(--pnp-w-text);
border-color:var(--pnp-w-stroke-strong)
}
.nav button:disabled{
opacity:var(--pnp-w-control-disabled-opacity);
cursor:default
}
.nav button:focus-visible{
outline:2px solid var(--pnp-w-accent-focus);
outline-offset:2px
}
@media (min-width:1100px){
.nav{
width:100%;
margin-inline:0
}
}
/* PNP_W_VIEW_STATE_LAYOUT_V1 */

.layout > [hidden]{
display:none!important
}

@media (min-width:769px){
.app[data-active-view="webinar"] .layout,
.app[data-active-view="chat"] .layout{
transition:grid-template-columns .28s ease
}
.stage,
.chat{
cursor:pointer;
transition:border-color .28s ease,background .28s ease,box-shadow .28s ease
}
.app[data-active-view="webinar"] .stage,
.app[data-active-view="chat"] .chat{
border-color:var(--pnp-w-stroke-strong);
background:linear-gradient(180deg,var(--pnp-w-glass-strong),var(--pnp-w-glass));
box-shadow:0 0 0 1px color-mix(in srgb,var(--pnp-w-accent-focus) 22%,transparent)
}
.app[data-active-view="webinar"] .chat,
.app[data-active-view="chat"] .stage{
border-color:var(--pnp-w-stroke)
}
}

@media (min-width:769px) and (max-width:1099px){
.app[data-active-view="webinar"] .layout{
grid-template-columns:minmax(0,1.55fr) minmax(17.5rem,.95fr)
}
.app[data-active-view="chat"] .layout{
grid-template-columns:minmax(17.5rem,.95fr) minmax(0,1.55fr)
}
}

@media (min-width:1100px){
.app[data-active-view="webinar"] .layout{
grid-template-columns:minmax(0,7fr) minmax(20rem,3fr)
}
.app[data-active-view="chat"] .layout{
grid-template-columns:minmax(20rem,3fr) minmax(0,7fr)
}
}
/* PNP_W_CHAT_LAYOUT_ACCESSIBLE_V1 */

.pnp-w-chat-app[hidden]{
display:none!important
}

.pnp-w-chat-error[hidden]{
display:none!important
}

.chat[data-pnp-w-chat-ready="true"]{
display:flex;
flex-direction:column;
min-height:min(62dvh,35rem)
}

.chat[data-pnp-w-chat-ready="true"] #pnp-w-chat-placeholder{
display:none
}

.pnp-w-chat-app{
display:flex;
flex-direction:column;
flex:0 0 auto;
min-width:0;
min-height:0;
gap:var(--pnp-w-space-3);
overflow:visible
}
/* PNP_W_CHAT_RIGHT_PANE_PAGE_SCROLL_V1 */

/* PNP_W_CHAT_MINIMAL_PROFILE_STYLE_V1 */
.pnp-w-chat-profile-title{display:flex;align-items:center;gap:.75rem;margin:0 0 .75rem;padding:0 0 .85rem;border-bottom:1px solid var(--pnp-w-stroke);line-height:1}
.pnp-w-chat-profile-title-avatar{display:inline-grid;place-items:center;width:2.75rem;height:2.75rem;flex:0 0 2.75rem;border-radius:50%;background:linear-gradient(135deg,rgba(140,188,255,.20),rgba(57,255,136,.14));border:1px solid var(--pnp-w-stroke-strong);font-size:1.45rem;box-shadow:0 6px 18px rgba(0,0,0,.18)}
.pnp-w-chat-profile-title-name{font-size:1.05rem;font-weight:800;color:var(--pnp-w-text);overflow-wrap:anywhere}
.pnp-w-chat-status{
margin:0;
padding:0.5rem 0.75rem;
font-size:var(--pnp-w-font-control);
line-height:var(--pnp-w-line-control);
font-weight:var(--pnp-w-weight-medium);
color:var(--pnp-w-text-muted);
background:var(--pnp-w-glass);
border:1px solid var(--pnp-w-stroke);
border-radius:var(--pnp-w-radius-pill);
overflow-wrap:anywhere
}

.pnp-w-chat-messages{
display:flex;
flex-direction:column;
flex:1;
min-width:0;
min-height:12rem;
gap:0.9rem;
/* PNP_W_CHAT_BUBBLES_VISIBLE_V1 */
padding:0.85rem 1rem;
overflow-x:hidden;
overflow-y:visible;
overscroll-behavior:auto;
scrollbar-gutter:auto;
scroll-behavior:auto;
border:1px solid var(--pnp-w-stroke);
border-radius:var(--pnp-w-radius-panel);
background:var(--pnp-w-glass);
backdrop-filter:blur(var(--pnp-w-blur-sm));
-webkit-backdrop-filter:blur(var(--pnp-w-blur-sm))
}

.pnp-w-chat-messages:focus-visible{
outline:2px solid var(--pnp-w-accent-focus);
outline-offset:2px
}

.pnp-w-chat-empty{
margin:auto;
padding:var(--pnp-w-space-4);
text-align:center;
font-size:var(--pnp-w-font-control);
line-height:var(--pnp-w-line-body);
color:var(--pnp-w-text-muted)
}

.pnp-w-chat-message{
align-self:flex-start;
max-width:min(84%,42rem);
min-width:0;
padding:0.85rem 1rem;
border:1px solid var(--pnp-w-stroke);
border-radius:1.15rem 1.15rem 1.15rem 0.45rem;
background:var(--pnp-w-glass);
box-shadow:0 8px 24px rgba(0,0,0,.16);
overflow-wrap:anywhere;
word-break:break-word
}

.pnp-w-chat-message.is-self{
align-self:flex-end;
background:color-mix(in srgb,var(--pnp-w-accent-focus) 14%,var(--pnp-w-glass-strong));
border-color:color-mix(in srgb,var(--pnp-w-accent-focus) 50%,var(--pnp-w-stroke-strong));
border-radius:1.15rem 1.15rem 0.45rem 1.15rem
}

/* PNP_W_CHAT_AVATAR_STYLE_V1 */
.pnp-w-chat-message-head{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:var(--pnp-w-space-2);
  margin-bottom:var(--pnp-w-space-1)
}
.pnp-w-chat-message-avatar{
  display:inline-grid;
  place-items:center;
  width:2rem;
  height:2rem;
  flex:0 0 2rem;
  border-radius:50%;
  background:var(--pnp-w-glass-strong);
  border:1px solid var(--pnp-w-stroke);
  font-size:1.15rem;
  line-height:1
}

.pnp-w-chat-message-author{
font-size:var(--pnp-w-font-helper);
font-weight:var(--pnp-w-weight-medium);
color:var(--pnp-w-text)
}

.pnp-w-chat-message-time{
font-size:var(--pnp-w-font-helper);
color:var(--pnp-w-text-muted)
}

.pnp-w-chat-message-body{
margin:0;
white-space:pre-wrap;
font-size:var(--pnp-w-font-body);
line-height:var(--pnp-w-line-body);
color:var(--pnp-w-text);
overflow-wrap:anywhere;
user-select:text
}

/* PNP_W_CHAT_ATTACHMENT_STYLE_V1 */
.pnp-w-chat-message-body a{color:inherit;text-decoration:underline;text-underline-offset:.15em}
.pnp-w-chat-attachment{margin-top:.55rem;max-width:100%}
.pnp-w-chat-attachment-link{display:inline-flex;flex-direction:column;gap:.4rem;max-width:100%;color:var(--pnp-w-text);text-decoration:none}
.pnp-w-chat-attachment-image{display:block;max-width:min(100%,22rem);max-height:18rem;width:auto;height:auto;object-fit:contain;border-radius:.8rem;border:1px solid var(--pnp-w-stroke)}
.pnp-w-chat-attachment-name{font-size:var(--pnp-w-font-control);overflow-wrap:anywhere;text-decoration:underline;text-underline-offset:.15em}
.pnp-w-chat-file-status{font-size:var(--pnp-w-font-helper);color:var(--pnp-w-text-muted);overflow-wrap:anywhere}

/* PNP_W_CHAT_REPLY_MOD_STYLE_V1 */
.pnp-w-chat-reply-bar,.pnp-w-chat-pinned-bar{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.65rem .8rem;border:1px solid var(--pnp-w-stroke-strong);border-radius:.85rem;background:var(--pnp-w-glass-strong);font-size:var(--pnp-w-font-control);line-height:1.35}
.pnp-w-chat-reply-bar[hidden],.pnp-w-chat-pinned-bar[hidden]{display:none!important}
.pnp-w-chat-pinned-bar{flex-direction:column;align-items:flex-start}
.pnp-w-chat-reply-quote{margin:0 0 .45rem;padding:.5rem .65rem;border-left:3px solid var(--pnp-w-accent-focus);background:var(--pnp-w-glass);border-radius:.5rem;display:flex;flex-direction:column;gap:.15rem}
.pnp-w-chat-message-actions{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.55rem}
.pnp-w-chat-mini-action{appearance:none;min-height:2.75rem;padding:.45rem .75rem;border:1px solid var(--pnp-w-stroke);border-radius:999px;background:var(--pnp-w-glass);color:var(--pnp-w-text);font-family:inherit;font-size:var(--pnp-w-font-helper);cursor:pointer}
.pnp-w-chat-mini-action:focus-visible{outline:2px solid var(--pnp-w-accent-focus);outline-offset:2px}
.pnp-w-chat-mini-action.is-danger{border-color:rgba(255,107,107,.6);color:#ffc9c}
.pnp-w-chat-message.is-pinned{border-color:var(--pnp-w-accent-focus);box-shadow:0 0 0 1px color-mix(in srgb,var(--pnp-w-accent-focus) 25%,transparent)}

/* PNP_W_CHAT_UNREAD_STYLE_V1 */
.pnp-w-chat-new-button{appearance:none;min-height:3rem;padding:.65rem 1rem;border:1px solid var(--pnp-w-accent-focus);border-radius:var(--pnp-w-radius-pill);background:var(--pnp-w-glass-strong);color:var(--pnp-w-text);font:inherit;font-size:var(--pnp-w-font-control);font-weight:var(--pnp-w-weight-strong);cursor:pointer;align-self:center}
.pnp-w-chat-new-button[hidden]{display:none!important}.pnp-w-chat-new-button:focus-visible{outline:2px solid var(--pnp-w-accent-focus);outline-offset:2px}

/* PNP_W_CHAT_GROUP_MENTIONS_NOTIFY_STYLE_V1 */
.pnp-w-group-message-search{display:grid;gap:.4rem;margin:.2rem 0 .65rem;padding:.7rem .8rem;border:1px solid var(--pnp-w-stroke);border-radius:1rem;background:var(--pnp-w-glass)}
.pnp-w-group-message-search[hidden]{display:none!important}
.pnp-w-group-message-search>span{font-size:.82rem;font-weight:800;color:var(--pnp-w-text-muted)}
.pnp-w-group-message-search input,.pnp-w-group-notify-mode select{width:100%;min-height:2.8rem;padding:.62rem .78rem;border:1px solid var(--pnp-w-stroke-strong);border-radius:.85rem;background:rgba(255,255,255,.06);color:var(--pnp-w-text);font:inherit;outline:none}
.pnp-w-group-message-search input:focus,.pnp-w-group-notify-mode select:focus{border-color:var(--pnp-w-accent-focus);box-shadow:0 0 0 3px rgba(140,188,255,.14)}
.pnp-w-mention{display:inline-block;padding:.02em .28em;border-radius:.42em;background:color-mix(in srgb,var(--pnp-w-accent-focus) 24%,transparent);color:#dceaff;font-weight:800}
.pnp-w-chat-message.is-mentioned{border-color:var(--pnp-w-accent-focus)!important;box-shadow:0 0 0 2px rgba(140,188,255,.16),0 8px 24px rgba(0,0,0,.18)}
.pnp-w-group-notify-mode{display:grid;gap:.42rem;width:100%;padding:.7rem .8rem;border:1px solid var(--pnp-w-stroke);border-radius:1rem;background:var(--pnp-w-glass)}
.pnp-w-group-notify-mode>span{font-size:.82rem;font-weight:800;color:var(--pnp-w-text-muted)}
@media(max-width:768px){.pnp-w-group-message-search,.pnp-w-group-notify-mode{width:100%}}
/* PNP_W_CHAT_GROUP_PRO2_STYLE_V1 */
.pnp-w-pro2-list{display:grid;gap:.75rem}
.pnp-w-pro2-card{display:grid;gap:.45rem;padding:.9rem 1rem;border:1px solid var(--pnp-w-stroke);border-radius:1rem;background:rgba(255,255,255,.045);box-shadow:0 8px 24px rgba(0,0,0,.16)}
.pnp-w-pro2-card h4{margin:0;font-size:1.02rem}.pnp-w-pro2-card p{margin:0;white-space:pre-wrap}.pnp-w-pro2-card small,.pnp-w-pro2-card time{color:var(--pnp-w-text-muted);font-size:.8rem}
.pnp-w-pro2-form{display:grid;gap:.65rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--pnp-w-stroke)}
.pnp-w-pro2-form input,.pnp-w-pro2-form textarea,.pnp-w-pro2-form select,.pnp-w-pro2-setting select{width:100%;min-height:2.9rem;padding:.65rem .8rem;border:1px solid var(--pnp-w-stroke-strong);border-radius:.85rem;background:rgba(255,255,255,.06);color:var(--pnp-w-text);font:inherit;outline:none}
.pnp-w-pro2-form textarea{min-height:6rem;resize:vertical}.pnp-w-pro2-form input:focus,.pnp-w-pro2-form textarea:focus,.pnp-w-pro2-form select:focus,.pnp-w-pro2-setting select:focus{border-color:var(--pnp-w-accent-focus);box-shadow:0 0 0 3px rgba(140,188,255,.14)}
.pnp-w-pro2-form button,.pnp-w-pro2-poll-option{min-height:2.8rem;padding:.62rem .85rem;border:1px solid var(--pnp-w-stroke);border-radius:.85rem;background:var(--pnp-w-glass);color:var(--pnp-w-text);font:inherit;font-weight:750;cursor:pointer}
.pnp-w-pro2-form button{background:linear-gradient(135deg,#6ea8ff,#8b7dff);border-color:transparent;color:#fff}
.pnp-w-pro2-poll-option{display:block;width:100%;margin-top:.45rem;text-align:left}.pnp-w-pro2-poll-option.is-selected{border-color:var(--pnp-w-accent-focus);background:color-mix(in srgb,var(--pnp-w-accent-focus) 18%,rgba(255,255,255,.06));box-shadow:0 0 0 2px rgba(140,188,255,.12)}
.pnp-w-pro2-setting{display:grid;gap:.45rem;padding:.8rem;border:1px solid var(--pnp-w-stroke);border-radius:1rem;background:var(--pnp-w-glass)}.pnp-w-pro2-setting>span{font-size:.83rem;font-weight:800;color:var(--pnp-w-text-muted)}
.pnp-w-pro2-member{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap;padding:.75rem .85rem;border:1px solid var(--pnp-w-stroke);border-radius:.9rem;background:rgba(255,255,255,.04)}.pnp-w-pro2-member>span{flex:1 1 11rem;min-width:0}.pnp-w-pro2-member strong,.pnp-w-pro2-member small{display:block}.pnp-w-pro2-member small{margin-top:.15rem;color:var(--pnp-w-text-muted)}
.pnp-w-pro2-member button{min-height:2.65rem;padding:.55rem .75rem;border:1px solid var(--pnp-w-stroke);border-radius:.8rem;background:var(--pnp-w-glass);color:var(--pnp-w-text);font:inherit;font-weight:750;cursor:pointer}.pnp-w-pro2-member button.is-danger{border-color:rgba(255,107,107,.55);color:#ffc9c9}
@media(max-width:768px){.pnp-w-pro2-member{align-items:stretch}.pnp-w-pro2-member>span{flex-basis:100%}.pnp-w-pro2-member button{flex:1 1 100%}.pnp-w-pro2-form{width:100%}}
/* PNP_W_CHAT_GROUP_THREAD_STYLE_V1 */
.pnp-w-thread-modal{position:fixed;inset:0;z-index:var(--pnp-w-z-modal-top);display:grid;place-items:center;padding:1rem;background:rgba(3,7,15,.76);backdrop-filter:blur(16px)}
.pnp-w-thread-card{position:relative;width:min(94vw,620px);max-height:calc(100dvh - 2rem);overflow:auto;padding:1.25rem;border:1px solid var(--pnp-w-stroke-strong);border-radius:1.35rem;background:linear-gradient(180deg,rgba(20,29,48,.99),rgba(9,15,27,.99));box-shadow:0 28px 90px rgba(0,0,0,.5);display:grid;gap:1rem}
.pnp-w-thread-close{position:absolute;top:.75rem;right:.75rem;width:2.5rem;height:2.5rem;border:1px solid var(--pnp-w-stroke);border-radius:50%;background:var(--pnp-w-glass);color:var(--pnp-w-text);font-size:1.25rem;cursor:pointer}
.pnp-w-thread-card h3{margin:0;padding-right:3rem}.pnp-w-thread-root{padding:.85rem 1rem;border:1px solid var(--pnp-w-stroke);border-radius:1rem;background:rgba(255,255,255,.06)}.pnp-w-thread-root p{margin:.35rem 0 0}
.pnp-w-thread-replies{display:grid;gap:.7rem;min-height:3rem}.pnp-w-thread-reply{padding:.75rem .9rem;border:1px solid var(--pnp-w-stroke);border-radius:.9rem;background:rgba(255,255,255,.04)}.pnp-w-thread-reply>div{display:flex;justify-content:space-between;gap:.7rem}.pnp-w-thread-reply time{color:var(--pnp-w-text-muted);font-size:.8rem}.pnp-w-thread-reply p{margin:.35rem 0 0;white-space:pre-wrap}
.pnp-w-thread-empty{color:var(--pnp-w-text-muted)}.pnp-w-thread-composer{display:grid;grid-template-columns:1fr auto;gap:.65rem;position:sticky;bottom:0;padding-top:.6rem;background:linear-gradient(180deg,transparent,rgba(9,15,27,.99) 28%)}.pnp-w-thread-composer textarea{min-height:3rem;max-height:10rem;resize:vertical;padding:.7rem .8rem;border:1px solid var(--pnp-w-stroke-strong);border-radius:.9rem;background:rgba(255,255,255,.06);color:var(--pnp-w-text);font:inherit}.pnp-w-thread-composer button{border:0;border-radius:.9rem;padding:.7rem 1rem;background:linear-gradient(135deg,#6ea8ff,#8b7dff);color:#fff;font-weight:800;cursor:pointer}
@media(max-width:768px){.pnp-w-thread-modal{padding:0;place-items:stretch}.pnp-w-thread-card{width:100%;max-height:100dvh;border-radius:0;border:0;padding:1rem;padding-top:calc(1rem + var(--pnp-w-safe-t));padding-bottom:calc(1rem + var(--pnp-w-safe-b))}.pnp-w-thread-composer{grid-template-columns:1fr}.pnp-w-thread-composer button{width:100%}}
/* PNP_W_CHAT_MESSAGE_EDIT_LAYOUT_STYLE_V1 */
.pnp-w-chat-messages{gap:1.65rem!important;border:0!!important;background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;padding:1.35rem .55rem .9rem!important}
.pnp-w-chat-message{position:relative;margin-top:.75rem;background:rgba(255,255,255,.07);box-shadow:0 8px 24px rgba(0,0,0,.18)}
.pnp-w-chat-message.is-self{background:color-mix(in srgb,var(--pnp-w-accent-focus) 38%,rgba(255,255,255,.09));border-color:color-mix(in srgb,var(--pnp-w-accent-focus) 72%,var(--pnp-w-stroke-strong));box-shadow:0 10px 28px color-mix(in srgb,var(--pnp-w-accent-focus) 16%,rgba(0,0,0,.24))}/* PNP_W_CHAT_DM_MESSAGE_COLOR_V1 */
.pnp-w-chat-message-date{position:absolute;top:-1.45rem;left:.25rem;font-size:.79rem;font-weight:700;letter-spacing:.02em;color:var(--pnp-w-text-muted);white-space:nowrap}
.pnp-w-chat-message.is-self .pnp-w-chat-message-date{left:auto;right:.25rem;text-align:right}
.pnp-w-message-edit-modal{position:fixed;inset:0;z-index:var(--pnp-w-z-modal-raised);display:grid;place-items:center;padding:1rem;background:rgba(3,7,15,.76);backdrop-filter:blur(16px)}
.pnp-w-message-edit-card{position:relative;width:min(94vw,520px);padding:1.4rem;border:1px solid var(--pnp-w-stroke-strong);border-radius:1.4rem;background:linear-gradient(180deg,rgba(20,29,48,.99),rgba(9,15,27,.99));box-shadow:0 28px 90px rgba(0,0,0,.55);display:grid;gap:.85rem}
.pnp-w-message-edit-card h3{margin:0;font-size:1.44rem}
.pnp-w-message-edit-card p{margin:0;color:var(--pnp-w-text-muted)}
.pnp-w-message-edit-input{width:100%;min-height:9rem;resize:vertical;padding:.75rem .85rem;border:1px solid var(--pnp-w-stroke-strong);border-radius:1rem;background:rgba(255,255,255,.07);color:var(--pnp-w-text);font:inherit;font-size:1rem;line-height:1.5}
.pnp-w-message-edit-close{position:absolute;top:.8rem;right:.8rem;width:2.5rem;height:2.5rem;border:1px solid var(--pnp-w-stroke);border-radius:50%;background:rgba(255,255,255,.06);color:var(--pnp-w-text);cursor:pointer}
.pnp-w-message-edit-actions{display:flex;gap:.6rem;justify-content:flex-end;flex-wrap:wrap}
.pnp-w-message-edit-actions button{min-height:2.8rem;padding:.6rem .9rem;border:1px solid var(--pnp-w-stroke);border-radius:999px;background:var(--pnp-w-glass);color:var(--pnp-w-text);font:inherit;font-weight:800;cursor:pointer}
.pnp-w-message-edit-actions [data-a="save"]{background:linear-gradient(135deg,#6ea8ff,#8b7dff);border-color:transparent;color:#fff}
/* PNP_W_CHAT_GUEST_PROFILE_STYLE_V1 */
/* PNP_W_CHAT_PROFILE_COLORS_STYLE_V1 */
.pnp-w-profile-preview-row{display:grid;grid-template-columns:minmax(7rem,.85fr) minmax(0,1.6fr);gap:1rem;align-items:stretch}
.pnp-w-profile-initials-choice{appearance:none;border:1px solid var(--pnp-w-stroke);border-radius:1rem;background:rgba(255,255,255,.05);color:var(--pnp-w-text);display:grid;place-items:center;gap:.4rem;padding:.65rem;cursor:pointer}
.pnp-w-profile-initials-choice>span{display:grid;place-items:center;width:4.25rem;height:4.25rem;border-radius:50%;font-size:1.35rem;font-weight:800;letter-spacing:.03em}
.pnp-w-profile-initials-choice small,.pnp-w-profile-section-label{font-size:.85rem;font-weight:700;color:var(--pnp-w-text-muted)}
.pnp-w-profile-initials-choice.is-selected{border-color:var(--pnp-w-accent-focus);box-shadow:0 0 0 2px rgba(140,188,255,.12)}
.pnp-w-profile-color-wrap{display:grid;gap:.55rem}
.pnp-w-profile-colors{display:grid;grid-template-columns:repeat(5,2.35rem);gap:.55rem}
.pnp-w-profile-color{appearance:none;width:2.35rem;height:2.35rem;border-radius:50%;border:2px solid transparent;cursor:pointer;box-shadow:inset 0 0 0 1px rgba(255,255,255,.28)}
.pnp-w-profile-color.is-selected{border-color:#fff;box-shadow:0 0 0 2px var(--pnp-w-accent-focus)}
[data-avatar-color="violet"]{background:#7c3aed!important;color:#fff}
[data-avatar-color="blue"]{background:#2563eb!important;color:#fff}
[data-avatar-color="teal"]{background:#0f766e!important;color:#fff}
[data-avatar-color="green"]{background:#15803d!important;color:#fff}
[data-avatar-color="amber"]{background:#d97706!important;color:#fff}
[data-avatar-color="orange"]{background:#ea580c!important;color:#fff}
[data-avatar-color="pink"]{background:#db2777!important;color:#fff}
[data-avatar-color="rose"]{background:#e11d48!important;color:#fff}
[data-avatar-color="slate"]{background:#475569!important;color:#fff}
.pnp-w-chat-profile-title-avatar.is-initials,.pnp-w-chat-message-avatar.is-initials{font-weight:800;letter-spacing:.03em}
@media (max-width:420px){.pnp-w-profile-preview-row{grid-template-columns:1fr}.pnp-w-profile-colors{grid-template-columns:repeat(5,2.2rem)}}

/* PNP_W_CHAT_ADMIN_USER_MODAL_STYLE_V1 */
.pnp-w-admin-user-modal{position:fixed;inset:0;z-index:var(--pnp-w-z-modal);display:grid;place-items:center;padding:1rem;background:rgba(3,7,15,.76);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.pnp-w-admin-user-card{position:relative;width:min(92vw,480px);max-height:calc(100dvh - 2rem);overflow-y:auto;padding:1.4rem;border:1px solid var(--pnp-w-stroke-strong);border-radius:1.5rem;background:linear-gradient(180deg,rgba(20,29,48,.99),rgba(9,15,27,.99));box-shadow:0 28px 90px rgba(0,0,0,.55);display:grid;gap:1rem;color:var(--pnp-w-text)}
.pnp-w-admin-user-card h3{margin:0;font-size:1.5rem;line-height:1.2}.pnp-w-admin-user-kicker{font-size:.82rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--pnp-w-accent-live)}
.pnp-w-admin-user-close{position:absolute;top:.8rem;right:.8rem;width:2.6rem;height:2.6rem;border:1px solid var(--pnp-w-stroke);border-radius:50%;background:rgba(255,255,255,.06);color:var(--pnp-w-text);font-size:1.35rem;cursor:pointer}
.pnp-w-admin-user-preview{display:grid;gap:.55rem;padding:.95rem 1rem;border:1px solid var(--pnp-w-stroke);border-radius:1rem;background:rgba(255,255,255,.04)}.pnp-w-admin-user-preview p{margin:0;color:var(--pnp-w-text-muted)}
.pnp-w-admin-user-actions{display:flex;gap:.65rem;flex-wrap:wrap;justify-content:flex-end}.pnp-w-admin-user-actions button{min-height:3rem;padding:.7rem 1rem;border:1px solid var(--pnp-w-stroke-strong);border-radius:999px;background:var(--pnp-w-glass);color:var(--pnp-w-text);font:inherit;font-weight:800;cursor:pointer}.pnp-w-admin-user-actions button.is-danger{border-color:rgba(255,107,107,.6);background:rgba(153,27,27,.28);color:#ffc9c9}
.pnp-w-admin-user-danger{display:inline-grid;place-items:center;width:3.2rem;height:3.2rem;border-radius:50%;background:rgba(153,27,27,.35);border:1px solid rgba(255,107,107,.6);color:#ffc9c9;font-size:1.5rem;font-weight:900}.pnp-w-admin-user-card[role="alertdialog"]{border-color:rgba(255,107,107,.6)}
.pnp-w-directory-user-admin{margin-left:auto;display:inline-grid;place-items:center;min-width:2.5rem;height:2.5rem;padding:0 .5rem;border:1px solid var(--pnp-w-stroke);border-radius:999px;background:var(--pnp-w-glass);color:var(--pnp-w-text);font-size:1.2rem;font-weight:900;cursor:pointer}
@media (max-width:480px){.pnp-w-admin-user-card{width:min(96vw,480px);padding:1.1rem}.pnp-w-admin-user-actions{justify-content:stretch}.pnp-w-admin-user-actions button{flex:1}}
.pnp-w-profile-modal{position:fixed;inset:0;z-index:1000;display:grid;place-items:start center;padding:1rem;overflow-y:auto;background:rgba(3,7,15,.72);backdrop-filter:blur(16px)}
.pnp-w-profile-modal[hidden]{display:none!important}
.pnp-w-profile-card{position:relative;width:min(92vw,430px);max-height:calc(100dvh - 2rem);overflow-y:auto;padding:1.4rem;border:1px solid var(--pnp-w-stroke-strong);border-radius:1.5rem;background:linear-gradient(180deg,rgba(20,29,48,.98),rgba(9,15,27,.98));box-shadow:0 28px 90px rgba(0,0,0,.55);display:grid;gap:1rem}
.pnp-w-profile-card h3{margin:0;font-size:1.55rem;line-height:1.2}
.pnp-w-profile-card p{margin:0;color:var(--pnp-w-text-muted)}
.pnp-w-profile-kicker{font-weight:700;color:var(--pnp-w-accent-live);letter-spacing:.02em}
.pnp-w-profile-card label{display:grid;gap:.5rem;font-weight:700}
.pnp-w-profile-card input{width:100%;min-height:3.4rem;padding:.8rem 1rem;border:1px solid var(--pnp-w-stroke-strong);border-radius:1rem;background:rgba(255,255,255,.07);color:var(--pnp-w-text);font:inherit;font-size:1.08rem;outline:none}
.pnp-w-profile-card input:focus{border-color:var(--pnp-w-accent-focus);box-shadow:0 0 0 3px rgba(140,188,255,.18)}
.pnp-w-profile-avatars{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.55rem;max-height:none;overflow:visible;padding:.2rem}
.pnp-w-profile-avatar{min-height:3.5rem;border:1px solid var(--pnp-w-stroke);border-radius:1rem;background:rgba(255,255,255,.05);font-size:1.55rem;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease}
.pnp-w-profile-avatar:hover{transform:translateY(-2px)}
.pnp-w-profile-avatar.is-selected{border-color:var(--pnp-w-accent-focus);background:rgba(140,188,255,.16);box-shadow:0 0 0 2px rgba(140,188,255,.12)}
@media (max-width:420px){.pnp-w-profile-avatars{grid-template-columns:repeat(5,minmax(0,1fr))}}
.pnp-w-profile-save{min-height:3.5rem;border:0;border-radius:999px;background:linear-gradient(135deg,#6ea8ff,#8b7dff);color:white;font:inherit;font-weight:800;cursor:pointer;box-shadow:0 12px 30px rgba(86,116,255,.28)}
.pnp-w-profile-close{position:absolute;top:.8rem;right:.8rem;width:2.6rem;height:2.6rem;border:1px solid var(--pnp-w-stroke);border-radius:50%;background:rgba(255,255,255,.06);color:var(--pnp-w-text);font-size:1.45rem;cursor:pointer}
.pnp-w-chat-form textarea{pointer-events:auto!important;user-select:text!important;-webkit-user-select:text!important;touch-action:manipulation;position:relative;z-index:2}

.pnp-w-chat-form{
display:grid;
gap:var(--pnp-w-space-2);
min-width:0;
margin:0;
padding-top:var(--pnp-w-space-3);
border-top:1px solid var(--pnp-w-stroke)
}

.pnp-w-chat-form label{
font-size:var(--pnp-w-font-control);
font-weight:var(--pnp-w-weight-medium);
color:var(--pnp-w-text)
}

.pnp-w-chat-form textarea{
box-sizing:border-box;
width:100%;
min-width:0;
min-height:7.5rem;
max-height:18rem;
resize:vertical;
padding:0.75rem 0.875rem;
font-family:inherit;
font-size:var(--pnp-w-font-body);
line-height:var(--pnp-w-line-body);
color:var(--pnp-w-text);
caret-color:var(--pnp-w-accent-focus);
background:var(--pnp-w-glass);
border:1px solid var(--pnp-w-stroke);
border-radius:1rem
}

.pnp-w-chat-form textarea:focus-visible{
outline:2px solid var(--pnp-w-accent-focus);
outline-offset:2px
}

.pnp-w-chat-form textarea:disabled{
opacity:var(--pnp-w-control-disabled-opacity);
cursor:not-allowed
}

.pnp-w-chat-actions{
display:flex;
align-items:center;
justify-content:space-between;
flex-wrap:wrap;
gap:var(--pnp-w-space-2)
}

.pnp-w-chat-counter{
font-size:var(--pnp-w-font-helper);
color:var(--pnp-w-text-muted);
font-variant-numeric:tabular-nums
}

/* PNP_W_CHAT_ATTACHMENT_BUTTON_STYLE_V1 */
.pnp-w-chat-attach{appearance:none;-webkit-appearance:none;min-height:var(--pnp-w-control-min-height);padding:.625rem .9rem;font-family:inherit;font-size:var(--pnp-w-font-control);font-weight:var(--pnp-w-weight-medium);line-height:var(--pnp-w-line-control);color:var(--pnp-w-text);background:var(--pnp-w-glass);border:1px solid var(--pnp-w-stroke);border-radius:var(--pnp-w-radius-pill);cursor:pointer}
.pnp-w-chat-attach:focus-visible{outline:2px solid var(--pnp-w-accent-focus);outline-offset:2px}
.pnp-w-chat-attach:disabled{opacity:var(--pnp-w-control-disabled-opacity);cursor:not-allowed}

.pnp-w-chat-send,
#pnp-w-chat-send{
appearance:none;
-webkit-appearance:none;
min-height:var(--pnp-w-control-min-height);
min-width:7rem;
padding:0.625rem 1.125rem;
font-family:inherit;
font-size:var(--pnp-w-font-control);
font-weight:var(--pnp-w-weight-strong);
line-height:var(--pnp-w-line-control);
color:var(--pnp-w-text);
background:var(--pnp-w-glass-strong);
border:1px solid var(--pnp-w-stroke-strong);
border-radius:var(--pnp-w-radius-pill);
cursor:pointer
}

.pnp-w-chat-send:focus-visible,
#pnp-w-chat-send:focus-visible{
outline:2px solid var(--pnp-w-accent-focus);
outline-offset:2px
}

.pnp-w-chat-send:disabled,
#pnp-w-chat-send:disabled{
opacity:var(--pnp-w-control-disabled-opacity);
cursor:not-allowed
}

.pnp-w-chat-error{
margin:0;
padding:0.65rem 0.75rem;
font-size:var(--pnp-w-font-control);
line-height:var(--pnp-w-line-body);
color:var(--pnp-w-text);
background:var(--pnp-w-glass);
border:1px solid var(--pnp-w-stroke-strong);
border-radius:var(--pnp-w-radius-panel);
overflow-wrap:anywhere
}

@media (max-width:768px){
.chat[data-pnp-w-chat-ready="true"]{
min-height:min(58dvh,32rem)
}

.pnp-w-chat-messages{
min-height:14rem
}

.pnp-w-chat-form textarea{
min-height:5.5rem;
font-size:max(1rem,var(--pnp-w-font-body))
}
}

@media (min-width:769px){
.chat[data-pnp-w-chat-ready="true"]{
min-height:0;
height:auto
}

.pnp-w-chat-app{
min-height:0
}

.pnp-w-chat-messages{
min-height:12rem;
flex:0 0 auto
}
}

/* PNP_W_CHAT_GROUPS_PRO_STYLE_V1 */
.pnp-w-groups-pro{display:grid;gap:.7rem;padding:.15rem 0 .15rem;min-width:0}
.pnp-w-groups-top{display:flex;align-items:center;gap:.5rem;min-width:0}
.pnp-w-groups-list{display:flex;align-items:center;gap:.45rem;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;flex:1;min-width:0;padding:.15rem 0}
.pnp-w-groups-general,.pnp-w-groups-add,.pnp-w-groups-manage,.pnp-w-group-chip{appearance:none;border:1px solid var(--pnp-w-stroke);background:var(--pnp-w-glass);color:var(--pnp-w-text);min-height:2.75rem;border-radius:999px;font:inherit;cursor:pointer}
.pnp-w-groups-general{padding:.55rem .85rem;white-space:nowrap;font-weight:700}
.pnp-w-groups-add,.pnp-w-groups-manage{width:2.75rem;flex:0 0 2.75rem;padding:0;font-size:1.15rem;font-weight:800}
.pnp-w-groups-general.is-active,.pnp-w-group-chip.is-active{border-color:var(--pnp-w-accent-focus);box-shadow:0 0 0 2px rgba(140,188,255,.13);background:var(--pnp-w-glass-strong)}
.pnp-w-group-chip{display:inline-flex;align-items:center;gap:.45rem;padding:.35rem .6rem .35rem .35rem;white-space:nowrap;position:relative}
.pnp-w-group-chip-avatar,.pnp-w-groups-current-avatar,.pnp-w-group-avatar-preview{display:inline-grid;place-items:center;border-radius:50%;font-weight:800;line-height:1}
.pnp-w-group-chip-avatar{width:2rem;height:2rem;flex:0 0 2rem}
.pnp-w-group-chip-name{max-width:9rem;overflow:hidden;text-overflow:ellipsis}
.pnp-w-group-lock,.pnp-w-group-muted{font-size:.78rem}
.pnp-w-group-unread{display:inline-grid;place-items:center;min-width:1.3rem;height:1.3rem;padding:0 .32rem;border-radius:999px;background:var(--pnp-w-accent-live);color:#06110a;font-size:.72rem;font-weight:900}
.pnp-w-groups-current{display:flex;align-items:center;gap:.7rem;padding:.6rem .75rem;border:1px solid var(--pnp-w-stroke);border-radius:1rem;background:rgba(255,255,255,.035)}
.pnp-w-groups-current[hidden]{display:none!important}
.pnp-w-groups-current-avatar{width:2.6rem;height:2.6rem;flex:0 0 2.6rem}
.pnp-w-groups-current>div{display:grid;gap:.1rem;min-width:0}
.pnp-w-groups-current strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pnp-w-groups-current span{color:var(--pnp-w-text-muted);font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* PNP_W_CHAT_GROUP_PRO_VISIBLE_BUTTON_STYLE_V1 */
/* PNP_W_CHAT_POLL_DARK_STYLE_V1 */
.pnp-w-group-notify-mode select,.pnp-w-pro2-setting select,.pnp-w-pro2-form select{color-scheme:dark}
.pnp-w-group-notify-mode select option,.pnp-w-pro2-setting select option,.pnp-w-pro2-form select option{background:var(--pnp-w-bg-2);color:var(--pnp-w-text)}
.pnp-w-chat-message-poll{white-space:normal!important}
.pnp-w-poll-chat-card{display:grid;gap:.55rem;min-width:min(28rem,100%)}
.pnp-w-poll-chat-kicker{font-size:.72rem;font-weight:900;letter-spacing:.08em;color:var(--pnp-w-accent-live)}
.pnp-w-poll-chat-card h4{margin:0 0 .2rem}
.pnp-w-poll-entry-card{display:grid;gap:.6rem;max-width:30rem}
.pnp-w-poll-edit-options{display:grid;gap:.55rem}
.pnp-w-poll-edit-form small{color:var(--pnp-w-text-muted)}
@media(max-width:768px){.pnp-w-poll-chat-card{min-width:0;width:100%}.pnp-w-poll-entry-card{max-width:100%}}

.pnp-w-groups-pro-button{margin-left:auto;min-height:2.55rem;padding:.55rem .9rem;border:1px solid color-mix(in srgb,var(--pnp-w-accent-focus) 55%,var(--pnp-w-stroke));border-radius:999px;background:linear-gradient(135deg,rgba(110,168,255,.22),rgba(139,125,255,.18));color:var(--pnp-w-text);font:inherit;font-weight:800;cursor:pointer;white-space:nowrap}
.pnp-w-groups-pro-button:focus-visible{outline:2px solid var(--pnp-w-accent-focus);outline-offset:2px}
@media(max-width:520px){.pnp-w-groups-current{flex-wrap:wrap}.pnp-w-groups-current>div{flex:1 1 calc(100% - 3.5rem)}.pnp-w-groups-pro-button{width:100%;margin-left:0}}
.pnp-w-group-modal{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;padding:1rem;background:rgba(3,7,15,.76);backdrop-filter:blur(16px)}
.pnp-w-group-card{position:relative;width:min(94vw,520px);max-height:min(88vh,760px);overflow:auto;padding:1.35rem;border:1px solid var(--pnp-w-stroke-strong);border-radius:1.45rem;background:linear-gradient(180deg,rgba(20,29,48,.99),rgba(9,15,27,.99));box-shadow:0 28px 90px rgba(0,0,0,.58);display:grid;gap:.85rem}
.pnp-w-group-card h3{margin:0;font-size:1.45rem;line-height:1.2;padding-right:2.5rem}
.pnp-w-group-kicker{font-size:.82rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--pnp-w-accent-live)}
.pnp-w-group-close{position:absolute;right:.8rem;top:.8rem;width:2.6rem;height:2.6rem;border-radius:50%;border:1px solid var(--pnp-w-stroke);background:rgba(255,255,255,.06);color:var(--pnp-w-text);font-size:1.35rem;cursor:pointer}
.pnp-w-group-body{display:grid;gap:.9rem}
.pnp-w-group-field{display:grid;gap:.42rem;font-weight:700}
.pnp-w-group-field>span,.pnp-w-group-section-label{font-size:.86rem;color:var(--pnp-w-text-muted);font-weight:750}
.pnp-w-group-field input,.pnp-w-group-field textarea,.pnp-w-group-field select,.pnp-w-group-card>input,.pnp-w-group-member select{width:100%;box-sizing:border-box;min-height:3rem;padding:.72rem .8rem;border:1px solid var(--pnp-w-stroke-strong);border-radius:.9rem;background:rgba(255,255,255,.06);color:var(--pnp-w-text);font:inherit}
.pnp-w-group-field textarea{resize:vertical;min-height:5.7rem}
.pnp-w-group-avatar-editor{display:grid;gap:.65rem;padding:.75rem;border:1px solid var(--pnp-w-stroke);border-radius:1rem;background:rgba(255,255,255,.025)}
.pnp-w-group-avatar-preview{appearance:none;width:4.4rem;height:4.4rem;border:2px solid rgba(255,255,255,.35);color:#fff;font-size:1.35rem;cursor:pointer}
.pnp-w-group-colors,.pnp-w-group-emojis{display:flex;flex-wrap:wrap;gap:.5rem}
.pnp-w-group-color{appearance:none;width:2.3rem;height:2.3rem;border-radius:50%;border:2px solid transparent;box-shadow:inset 0 0 0 1px rgba(255,255,255,.28);cursor:pointer}
.pnp-w-group-color.is-selected{border-color:#fff;box-shadow:0 0 0 2px var(--pnp-w-accent-focus)}
.pnp-w-group-emoji{appearance:none;width:2.8rem;height:2.8rem;border:1px solid var(--pnp-w-stroke);border-radius:.8rem;background:rgba(255,255,255,.05);font-size:1.35rem;cursor:pointer}
.pnp-w-group-emoji.is-selected{border-color:var(--pnp-w-accent-focus);background:rgba(140,188,255,.14)}
.pnp-w-group-primary,.pnp-w-group-action{appearance:none;min-height:3rem;padding:.7rem 1rem;border-radius:999px;border:1px solid var(--pnp-w-stroke-strong);font:inherit;font-weight:800;cursor:pointer}
.pnp-w-group-primary{background:linear-gradient(135deg,#6ea8ff,#8b7dff);color:#fff;border:0}
.pnp-w-group-action{background:var(--pnp-w-glass);color:var(--pnp-w-text)}
.pnp-w-group-action.is-danger{border-color:rgba(255,107,107,.6);color:#ffc9c9}
.pnp-w-group-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}
.pnp-w-group-members{display:grid;gap:.55rem}
.pnp-w-group-member{display:flex;align-items:center;justify-content:space-between;gap:.7rem;padding:.7rem;border:1px solid var(--pnp-w-stroke);border-radius:.9rem;background:rgba(255,255,255,.035)}
.pnp-w-group-member>div{display:grid;gap:.08rem;min-width:0}
.pnp-w-group-member small{color:var(--pnp-w-text-muted)}
.pnp-w-group-member select{width:auto;min-width:9rem}
.pnp-w-groups-general:focus-visible,.pnp-w-groups-add:focus-visible,.pnp-w-groups-manage:focus-visible,.pnp-w-group-chip:focus-visible,.pnp-w-group-action:focus-visible,.pnp-w-group-primary:focus-visible,.pnp-w-group-emoji:focus-visible,.pnp-w-group-color:focus-visible{outline:2px solid var(--pnp-w-accent-focus);outline-offset:2px}
@media(max-width:620px){
 .pnp-w-groups-top{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto}
 .pnp-w-groups-general{padding:.5rem .7rem}
 .pnp-w-group-chip-name{max-width:6.5rem}
 .pnp-w-group-card{width:min(96vw,520px);padding:1.1rem}
 .pnp-w-group-actions{grid-template-columns:1fr}
 .pnp-w-group-member{align-items:flex-start;flex-direction:column}
 .pnp-w-group-member select{width:100%}
}


/* PNP_W_MAIN_VIEW_DIRECTORY_STYLE_V1 */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.pnp-w-directory{display:none;min-width:0;min-height:0;padding:1rem;border-radius:var(--pnp-w-radius-panel);background:linear-gradient(180deg,var(--pnp-w-glass-strong),var(--pnp-w-glass));border:1px solid var(--pnp-w-stroke);box-shadow:var(--pnp-w-shadow);backdrop-filter:blur(var(--pnp-w-blur-md));-webkit-backdrop-filter:blur(var(--pnp-w-blur-md));overflow:hidden}
.pnp-w-directory-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.15rem .1rem .75rem}
.pnp-w-directory-head h2{margin:0;font-size:1.05rem;font-weight:800}
#pnp-w-directory-new-group{appearance:none;width:2.7rem;height:2.7rem;flex:0 0 2.7rem;border-radius:50%;border:1px solid var(--pnp-w-stroke-strong);background:var(--pnp-w-glass);color:var(--pnp-w-text);font:inherit;font-size:1.2rem;font-weight:800;cursor:pointer}
.pnp-w-directory-search{display:block;margin:0 0 .85rem}
.pnp-w-directory-search input{box-sizing:border-box;width:100%;min-height:2.9rem;padding:.68rem .85rem;border:1px solid var(--pnp-w-stroke);border-radius:.9rem;background:rgba(255,255,255,.05);color:var(--pnp-w-text);font:inherit;outline:none}
.pnp-w-directory-search input:focus{border-color:var(--pnp-w-accent-focus);box-shadow:0 0 0 3px rgba(140,188,255,.14)}
.pnp-w-directory-section{display:grid;gap:.35rem;min-height:0}
.pnp-w-directory-section+.pnp-w-directory-section{margin-top:.85rem;padding-top:.85rem;border-top:1px solid var(--pnp-w-stroke)}
.pnp-w-directory-section-head{display:flex;align-items:center;justify-content:space-between;padding:0 .25rem}
.pnp-w-directory-section-head h3{margin:0;font-size:.78rem;line-height:1.3;letter-spacing:.06em;text-transform:uppercase;color:var(--pnp-w-text-muted)}
.pnp-w-directory-list{display:grid;gap:.3rem;min-height:0;max-height:none;overflow:visible;overscroll-behavior:auto;padding:.1rem}/* PNP_W_CHAT_PROFILE_MODAL_USERS_NO_SCROLL_V1 */
.pnp-w-directory-row{appearance:none;width:100%;display:flex;align-items:center;gap:.7rem;min-height:3.45rem;padding:.5rem .6rem;border:1px solid transparent;border-radius:.9rem;background:transparent;color:var(--pnp-w-text);font:inherit;text-align:left;cursor:pointer}
button.pnp-w-directory-row:hover,button.pnp-w-directory-row:focus-visible{background:rgba(255,255,255,.055);border-color:var(--pnp-w-stroke)}
.pnp-w-directory-row.is-active{background:rgba(140,188,255,.12);border-color:var(--pnp-w-accent-focus);box-shadow:inset 3px 0 0 var(--pnp-w-accent-focus)}
.pnp-w-directory-avatar{display:inline-grid;place-items:center;width:2.35rem;height:2.35rem;flex:0 0 2.35rem;border-radius:50%;background:var(--pnp-w-glass-strong);border:1px solid var(--pnp-w-stroke);font-weight:800;line-height:1}
.pnp-w-directory-meta{display:grid;gap:.08rem;min-width:0;flex:1}
.pnp-w-directory-meta strong,.pnp-w-directory-meta small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pnp-w-directory-meta strong{font-size:.94rem}
.pnp-w-directory-meta small{font-size:.76rem;color:var(--pnp-w-text-muted)}
.pnp-w-directory-badge{display:inline-grid;place-items:center;min-width:1.4rem;height:1.4rem;padding:0 .35rem;border-radius:999px;background:var(--pnp-w-accent-live);color:#06110a;font-size:.72rem;font-weight:900}
.pnp-w-directory-empty{margin:.25rem!important;padding:.65rem!important;color:var(--pnp-w-text-muted)!important;font-size:.82rem!important;text-align:center}
.app[data-active-view="webinar"] .layout{grid-template-columns:minmax(0,1fr)!important}
.app[data-active-view="webinar"] #pnp-w-stage{display:flex!important;grid-column:1/-1;width:100%;min-height:min(72dvh,48rem)}
.app[data-active-view="webinar"] #pnp-w-chat,.app[data-active-view="webinar"] #pnp-w-directory{display:none!important}
.app[data-active-view="chat"] #pnp-w-stage{display:none!important}
.app[data-active-view="chat"] #pnp-w-directory{display:flex!important;flex-direction:column}
.app[data-active-view="chat"] #pnp-w-chat{display:flex!important;flex-direction:column;height:auto!important;overflow:visible!important}
.app[data-active-view="chat"] .pnp-w-groups-top{display:none!important}
@media (min-width:769px){
  .app[data-active-view="chat"] .layout{grid-template-columns:minmax(17.5rem,21rem) minmax(0,1fr)!important;align-items:stretch}
  .app[data-active-view="chat"] #pnp-w-directory,.app[data-active-view="chat"] #pnp-w-chat{min-height:min(68dvh,44rem)}
}
@media (min-width:1100px){
  .app[data-active-view="chat"] .layout{grid-template-columns:minmax(19rem,22rem) minmax(0,1fr)!important}
}
@media (max-width:768px){
  .app[data-active-view="chat"] .layout{grid-template-columns:minmax(0,1fr)!important}
  .app[data-active-view="chat"] #pnp-w-directory{display:flex!important;max-height:20rem}
  .app[data-active-view="chat"] #pnp-w-chat{display:flex!important}
  .pnp-w-directory-list{max-height:8.5rem}
}


/* PNP_W_CHAT_PHOTO_MOBILE_BOTTOM_NAV_STYLE_V1 */
.pnp-w-profile-photo-wrap{display:grid;gap:.45rem;margin-top:.7rem}
.pnp-w-profile-photo{appearance:none;min-height:3.25rem;padding:.7rem 1rem;border:1px solid var(--pnp-w-stroke-strong);border-radius:1rem;background:rgba(255,255,255,.05);background-size:cover;background-position:center;background-repeat:no-repeat;color:var(--pnp-w-text);font:inherit;font-weight:750;cursor:pointer}
.pnp-w-profile-photo.has-photo{width:4.5rem;height:4.5rem;min-height:4.5rem;padding:0;border-radius:50%;justify-self:start}
.is-photo{background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;color:transparent!important}
.pnp-w-chat-profile-title-avatar.is-photo,.pnp-w-chat-message-avatar.is-photo,.pnp-w-directory-avatar.is-photo{background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important}
.nav{grid-template-columns:repeat(2,minmax(0,1fr))!important}
@media (max-width:768px){
  /* PNP_W_CHAT_MOBILE_DIRECTORY_ALL_VISIBLE_V1 */
  .app[data-active-view="chat"] #pnp-w-directory{display:flex!important;max-height:none!important;overflow:visible!important}
  .app[data-active-view="chat"] #pnp-w-directory .pnp-w-directory-section{min-height:0;overflow:visible!important}
  .app[data-active-view="chat"] #pnp-w-directory .pnp-w-directory-list{max-height:none!important;overflow:visible!important;overscroll-behavior:auto!important}
  .app[data-active-view="chat"] #pnp-w-directory-groups,.app[data-active-view="chat"] #pnp-w-directory-users{max-height:none!important;overflow:visible!important;overscroll-behavior:auto!important;-webkit-overflow-scrolling:auto}
  .nav{position:sticky;bottom:calc(.25rem + var(--pnp-w-safe-b));width:100%;grid-template-columns:repeat(2,minmax(0,1fr))!important}
  /* PNP_W_CHAT_MOBILE_NAV_AUTOHIDE_STYLE_V1 */
  html.pnp-w-mobile-nav-hidden .nav{display:none!important}
}

/* PNP_W_CHAT_MOBILE_FOCUS_STYLE_V1 */.pnp-w-chat-back{display:none}@media(max-width:768px){.app[data-active-view="chat"][data-chat-pane="directory"] #pnp-w-directory{display:flex!important}.app[data-active-view="chat"][data-chat-pane="directory"] #pnp-w-chat{display:none!important}.app[data-active-view="chat"][data-chat-pane="conversation"] #pnp-w-directory{display:none!important}.app[data-active-view="chat"][data-chat-pane="conversation"] #pnp-w-chat{display:flex!important}.app[data-active-view="chat"][data-chat-pane="conversation"] .pnp-w-chat-back{display:inline-flex;align-items:center;min-height:2.7rem;padding:.5rem .85rem;margin:0 0 .65rem;border:1px solid var(--pnp-w-stroke);border-radius:999px;background:var(--pnp-w-glass);color:var(--pnp-w-text);font:inherit;font-weight:750}}/* PNP_W_CHAT_ACCOUNT_DELETE_DANGER_STYLE_V1 */
.pnp-w-profile-delete-account{appearance:none;min-height:3rem;border:1px solid rgba(255,78,78,.72);border-radius:999px;background:rgba(120,12,22,.22);color:#ffb3b3;font:inherit;font-weight:800;cursor:pointer}
.pnp-w-profile-delete-account:hover,.pnp-w-profile-delete-account:focus-visible{background:rgba(160,18,30,.34);border-color:#ff5b5b;outline:2px solid rgba(255,91,91,.38);outline-offset:2px}
.pnp-w-account-danger-modal{position:fixed;inset:0;z-index:var(--pnp-w-z-modal-top);display:grid;place-items:center;padding:1rem;background:rgba(20,0,4,.82);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.pnp-w-account-danger-card{width:min(94vw,31rem);padding:1.35rem;border:2px solid rgba(255,70,70,.78);border-radius:1.35rem;background:linear-gradient(180deg,rgba(76,9,17,.98),rgba(31,4,9,.99));box-shadow:0 28px 90px rgba(0,0,0,.62),0 0 0 1px rgba(255,72,72,.14) inset;display:grid;gap:.9rem;color:#fff}
.pnp-w-account-danger-icon{display:grid;place-items:center;width:3rem;height:3rem;border-radius:50%;background:#d51f32;color:#fff;font-size:1.55rem;font-weight:900;box-shadow:0 0 0 5px rgba(213,31,50,.18)}
.pnp-w-account-danger-card h3{margin:0;font-size:1.4rem;line-height:1.2;color:#fff}
.pnp-w-account-danger-card p{margin:0;color:#ffd7d7;line-height:1.55}
.pnp-w-account-danger-actions{display:grid;grid-template-columns:1fr 1fr;gap:.65rem;margin-top:.25rem}
.pnp-w-account-danger-actions button{appearance:none;min-height:3.1rem;border-radius:999px;padding:.7rem 1rem;font:inherit;font-weight:800;cursor:pointer}
.pnp-w-account-danger-cancel{border:1px solid rgba(255,255,255,.24);background:rgba(255,255,255,.08);color:#fff}
.pnp-w-account-danger-confirm{border:1px solid #ff5a68;background:linear-gradient(135deg,#d51f32,#a80f22);color:#fff;box-shadow:0 10px 26px rgba(180,16,36,.34)}
.pnp-w-account-danger-confirm:hover,.pnp-w-account-danger-confirm:focus-visible{background:linear-gradient(135deg,#ee2b40,#bd1228);outline:2px solid rgba(255,110,120,.55);outline-offset:2px}
.pnp-w-account-danger-actions button:disabled{opacity:.62;cursor:wait}
@media(max-width:520px){.pnp-w-account-danger-actions{grid-template-columns:1fr}.pnp-w-account-danger-card{padding:1.1rem}}

/* PNP_W_A11Y_REDUCED_MOTION_V1 */
@media (prefers-reduced-motion:reduce){
*,*::before,*::after{
animation:none!important;
transition:none!important
}
}

/* PNP_W_LAYOUT_VIEWPORT_LOCK_V1 — strona czatu nie przewija się jako całość: lista rozmów i okno rozmowy przewijają się wewnątrz, pasek Czat/Webinar zawsze widoczny na dole (także w aplikacji Windows i na telefonie). */
html,body{height:100%;min-height:0;overflow:hidden}
body{height:100dvh}
.app{flex:1 1 auto;min-height:0;overflow:hidden;display:flex;flex-direction:column}
.layout{flex:1 1 auto;min-height:0;overflow:hidden;align-content:stretch;grid-auto-rows:minmax(0,1fr)}
.layout > *{min-height:0;max-height:100%;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.stage,.chat{min-height:0}
.chat .pnp-w-chat-app{flex:1 1 auto;min-height:0}
.chat #pnp-w-chat-messages{flex:1 1 auto;min-height:8rem;overflow:auto}
.nav{flex:0 0 auto;margin-top:.5rem}
@media (max-width:768px){.layout{grid-auto-rows:minmax(0,1fr)}}

/* PNP_W_NAV_COMPACT_V1 — nizsze przyciski Czat/Webinar; „Na zywo” po prawej w belce nazwy rozmowy */
.nav{padding:.2rem;margin-top:.35rem}
.nav button{min-height:0;padding:.3rem .5rem;font-size:.9rem;line-height:1.2}
#pnp-w-chat-title{display:flex;align-items:center;gap:.5rem;min-width:0}
#pnp-w-chat-title .status{margin-left:auto;margin-top:0;flex:0 0 auto}

/* PNP_W_TEAMS_DENSITY_V1 — układ jak w Teams (1/2): gęsty lewy panel, małe przyciski w jednej linii, drobne wiersze kontaktów, lekki nagłówek rozmowy. */
.pnp-w-directory-head{display:flex;align-items:center;gap:.4rem;flex-wrap:nowrap;margin-bottom:.5rem}
.pnp-w-directory-head h2{flex:1 1 auto;min-width:0;margin:0;font-size:1.05rem;white-space:nowrap}
.pnp-w-directory-head button,.pnp-w-directory-head #pnp-w-directory-add-person,.pnp-w-directory-head #pnp-w-directory-trash{flex:0 0 auto;min-height:0;height:2rem;padding:0 .7rem;border-radius:999px;font-size:.82rem;font-weight:600;line-height:2rem;white-space:nowrap;box-shadow:none}
.pnp-w-directory-head #pnp-w-directory-new-group{width:2rem;padding:0;text-align:center;font-size:1.1rem}
.pnp-w-directory-search input{min-height:0;height:2.2rem;padding:0 .8rem;font-size:.9rem}
.pnp-w-directory-section{margin-top:.6rem}
.pnp-w-directory-section-head h3{font-size:.68rem;letter-spacing:.08em;opacity:.7;margin:.2rem 0 .3rem}
.pnp-w-directory-row{padding:.4rem .5rem;gap:.6rem;border-radius:.7rem}
.pnp-w-directory-row:hover{background:var(--pnp-w-glass)}
.pnp-w-directory-row.is-active{background:var(--pnp-w-glass-strong);box-shadow:inset 0 0 0 1px var(--pnp-w-stroke-strong)}
.pnp-w-directory-avatar{width:2rem;height:2rem;flex:0 0 2rem;font-size:.85rem}
.pnp-w-directory-meta strong{font-size:.92rem}
.pnp-w-directory-meta small{font-size:1rem;opacity:.85}/* PNP_W_SENIOR_TEXT_V1 (15.10) */
.pnp-w-directory-user-admin{min-width:1.6rem;height:1.6rem;font-size:.9rem;opacity:.6}
.pnp-w-directory-user-admin:hover{opacity:1}
#pnp-w-directory-invites .pnp-w-directory-row{padding:.25rem .5rem}
#pnp-w-directory-invites .pnp-w-chat-mini-action{font-size:.72rem;padding:.2rem .55rem}
.pnp-w-chat-profile-title{margin:0 0 .5rem;padding:0 0 .55rem}
.pnp-w-chat-profile-title-avatar{width:2.1rem;height:2.1rem;flex-basis:2.1rem;font-size:1.05rem;box-shadow:none}
.pnp-w-chat-profile-title-name{font-size:.98rem;font-weight:700}
#pnp-w-chat-title .status{font-size:.75rem}

/* PNP_W_TEAMS_DENSITY_V2 — (2/2): nagłówek grupy w jednej linii, szukanie w grupie jako wąskie pole, wiadomości na większości ekranu, niskie pole pisania z głównym przyciskiem Wyślij. */
.pnp-w-groups-current{display:flex;align-items:center;gap:.6rem;padding:.45rem .7rem;margin:0 0 .4rem;border-radius:.8rem}
.pnp-w-groups-current-avatar{width:1.9rem;height:1.9rem;flex:0 0 1.9rem;font-size:.85rem}
.pnp-w-groups-current strong{font-size:.95rem}
.pnp-w-groups-current span{font-size:.72rem;opacity:.65}
.pnp-w-groups-pro-button{min-height:0;padding:.3rem .7rem;font-size:.78rem;border-radius:999px;margin-left:auto}
.pnp-w-group-message-search{display:flex;align-items:center;gap:.5rem;margin:0 0 .4rem;padding:.25rem .5rem;border-radius:.7rem;background:transparent;border:1px solid var(--pnp-w-stroke)}
.pnp-w-group-message-search span{font-size:.72rem;opacity:.65;white-space:nowrap}
.pnp-w-group-message-search input{flex:1 1 auto;min-height:0;height:1.9rem;padding:0 .5rem;font-size:.85rem;border:0;background:transparent;color:inherit}
.chat #pnp-w-chat-messages{min-height:10rem;padding:.6rem .4rem!important;gap:.9rem!important}
.pnp-w-chat-empty{margin:auto;opacity:.6;font-size:.9rem}
.pnp-w-chat-message{margin-top:.35rem;padding:.55rem .75rem;box-shadow:none}
.pnp-w-chat-form{gap:.4rem;margin-top:.35rem;padding-top:.5rem;border-top:1px solid var(--pnp-w-stroke)}
.pnp-w-chat-form > label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.pnp-w-chat-form textarea{min-height:2.6rem;max-height:9rem;padding:.55rem .8rem;font-size:.95rem;border-radius:.9rem;resize:none}
.pnp-w-chat-actions{display:flex;align-items:center;gap:.5rem}
.pnp-w-chat-attach{min-height:0;height:2.1rem;padding:0 .8rem;font-size:.85rem;line-height:2.1rem}
#pnp-w-chat-counter{font-size:.72rem;opacity:.55;margin-left:auto}
#pnp-w-chat-send{min-height:0;height:2.1rem;padding:0 1.1rem;font-size:.9rem;line-height:2.1rem;font-weight:700;background:var(--pnp-w-accent-focus);border-color:var(--pnp-w-accent-focus);color:#0b0f14}
#pnp-w-chat-send:disabled{opacity:.45}
.nav button{font-size:.85rem;padding:.25rem .5rem}

/* PNP_W_TEAMS_DENSITY_V3 — lista grup bez stałej wysokości (nakładała się na sekcję użytkowników); niższe wiersze */
.pnp-w-directory-list,#pnp-w-directory-groups,#pnp-w-directory-users{max-height:none!important;overflow:visible!important;height:auto!important}
.pnp-w-directory-row{min-height:2.7rem}
.pnp-w-directory-section+.pnp-w-directory-section{margin-top:.6rem;padding-top:.6rem}

/* PNP_W_TEAMS_DENSITY_V4 — sekcje lewego panelu nie kurczą się (panel jest kolumną flex z przewijaniem; ściśnięta sekcja grup nachodziła na użytkowników) */
#pnp-w-directory>*{flex:0 0 auto!important}
#pnp-w-directory .pnp-w-directory-section{flex:0 0 auto!important;min-height:auto!important}

/* PNP_W_C3_REACTIONS_STYLE_V1 — reakcje pod dymkiem, szybki wybór emoji, ptaszki w rozmowie prywatnej */
.pnp-w-chat-reactions{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.35rem}
.pnp-w-chat-reactions[hidden]{display:none}
.pnp-w-chat-reaction{appearance:none;min-height:0;padding:.1rem .5rem;border:1px solid var(--pnp-w-stroke);border-radius:999px;background:var(--pnp-w-glass);color:inherit;font:inherit;font-size:.8rem;line-height:1.5;cursor:pointer}
.pnp-w-chat-reaction.is-mine{border-color:var(--pnp-w-accent-focus);background:color-mix(in srgb,var(--pnp-w-accent-focus) 22%,transparent)}
.pnp-w-chat-reaction-picker{display:flex;gap:.25rem;margin-top:.35rem;padding:.25rem .4rem;border:1px solid var(--pnp-w-stroke);border-radius:999px;background:var(--pnp-w-glass-strong);width:max-content}
.pnp-w-chat-reaction-picker button{appearance:none;border:0;background:transparent;font-size:1.15rem;line-height:1;padding:.15rem .25rem;cursor:pointer;border-radius:.5rem}
.pnp-w-chat-reaction-picker button:hover{background:var(--pnp-w-glass)}
.pnp-w-chat-ticks{margin-left:auto;font-size:.75rem;opacity:.55;letter-spacing:-.1em}
.pnp-w-chat-ticks.is-read{opacity:1;color:var(--pnp-w-accent-focus)}
.pnp-w-chat-message-actions .pnp-w-chat-mini-action{font-size:.72rem;padding:.15rem .5rem}

/* PNP_W_C3_TYPING_STYLE_V1 */
.pnp-w-chat-typing{margin:0 0 .3rem;font-size:.78rem;opacity:.65;font-style:italic}
.pnp-w-chat-typing[hidden]{display:none}

/* PNP_W_C3_MENTIONS_STYLE_V1 — ramka podpowiedzi @ nad polem pisania */
.pnp-w-chat-form{position:relative}
.pnp-w-mention-box{position:absolute;left:0;bottom:100%;margin-bottom:.3rem;display:flex;flex-direction:column;min-width:12rem;max-width:100%;padding:.25rem;border:1px solid var(--pnp-w-stroke);border-radius:.8rem;background:var(--pnp-w-glass-strong);box-shadow:var(--pnp-w-shadow);z-index:5}
.pnp-w-mention-box[hidden]{display:none}
.pnp-w-mention-item{appearance:none;border:0;background:transparent;color:inherit;font:inherit;font-size:.9rem;text-align:left;padding:.35rem .6rem;border-radius:.5rem;cursor:pointer}
.pnp-w-mention-item.is-active,.pnp-w-mention-item:hover{background:var(--pnp-w-glass)}

/* PNP_W_C5_MEDIA_STYLE_V1 — karta podglądu linku i odtwarzacz notatki głosowej */
.pnp-w-chat-link-preview{display:flex;gap:.6rem;margin-top:.5rem;padding:.5rem;border:1px solid var(--pnp-w-stroke);border-radius:.8rem;background:var(--pnp-w-glass);color:inherit;text-decoration:none;max-width:28rem}
.pnp-w-chat-link-preview img{width:5rem;height:5rem;object-fit:cover;border-radius:.5rem;flex:0 0 5rem}
.pnp-w-chat-link-preview-text{display:flex;flex-direction:column;gap:.15rem;min-width:0}
.pnp-w-chat-link-preview-text strong{font-size:.9rem;line-height:1.3}
.pnp-w-chat-link-preview-text span{font-size:.8rem;opacity:.75;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pnp-w-chat-link-preview-text small{font-size:.7rem;opacity:.55}
.pnp-w-chat-attachment-audio{display:block;width:min(100%,20rem);margin-bottom:.25rem}
#pnp-w-chat-record{margin-left:.4rem}

/* PNP_W_C7_STYLE_V1 — zegar zaplanowanej wysyłki, znacznik znikania, podświetlenie wyniku szukania */
.pnp-w-chat-schedule-box{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;font-size:.85rem;padding:.3rem 0}
.pnp-w-chat-schedule-box input{min-height:0;height:2rem;padding:0 .5rem;font-size:.85rem;border-radius:.5rem;border:1px solid var(--pnp-w-stroke);background:var(--pnp-w-glass);color:inherit}
#pnp-w-chat-schedule.is-armed{border-color:var(--pnp-w-accent-focus);color:var(--pnp-w-accent-focus)}
.pnp-w-chat-ttl{font-size:.72rem;opacity:.7;margin-left:.4rem;white-space:nowrap}
.pnp-w-chat-message.is-highlight{box-shadow:0 0 0 2px var(--pnp-w-accent-focus)}
#pnp-w-directory-search-results .pnp-w-directory-row{padding:.3rem .5rem}

/* PNP_W_GROUP_OPTIONS_STYLE_V1 — ⋯ przy grupie w katalogu, pole wyboru audio/tekst */
.pnp-w-directory-group-row .pnp-w-directory-user-admin{margin-left:auto}
#pnp-w-chat-voice-box{gap:.6rem}

/* PNP_W_GUEST_BANNER_STYLE_V1 — pasek gościa w katalogu + podgląd nagrania */
.pnp-w-guest-banner{margin:0 0 .6rem;padding:.6rem .7rem;border:1px solid var(--pnp-w-stroke);border-radius:.7rem;background:var(--pnp-w-glass);font-size:.85rem}
.pnp-w-guest-banner p{margin:0 0 .4rem}
.pnp-w-guest-banner small{display:block;margin-top:.4rem;opacity:.6;word-break:break-all;font-size:.68rem}
#pnp-w-chat-voice-preview audio{height:2rem;max-width:100%}

/* PNP_W_CHAT_ACTIONS_HOVER_V1 — przyciski pod wiadomością dopiero po najechaniu / fokusie (na dotyku zawsze widoczne) */
@media (hover:hover){.pnp-w-chat-message .pnp-w-chat-message-actions{opacity:0;transition:opacity .15s ease}.pnp-w-chat-message:hover .pnp-w-chat-message-actions,.pnp-w-chat-message:focus-within .pnp-w-chat-message-actions{opacity:1}}

/* PNP_W_THEME_LIGHT_V1 — tryb jasny jak w Studio (tło złamane, nie czysta biel); przełącznik ☀/🌙 w belce rozmowy, wybór w localStorage pnp_w_theme */
html[data-theme="light"]{--pnp-w-bg-0:#f1ede4;--pnp-w-bg-1:#f8f5ee;--pnp-w-bg-2:#fffdf8;--pnp-w-text:#1b1e27;--pnp-w-text-muted:rgba(27,30,39,.82);--pnp-w-text-soft:rgba(27,30,39,.66);--pnp-w-stroke:rgba(24,28,44,.14);--pnp-w-stroke-strong:rgba(24,28,44,.28);--pnp-w-glass:rgba(24,28,44,.05);--pnp-w-glass-strong:rgba(24,28,44,.09);--pnp-w-nav-bg:rgba(248,245,238,.85);--pnp-w-shadow:0 14px 36px rgba(24,28,44,.14);--pnp-w-accent-focus:#2f6fd6;--pnp-w-accent-live:#1b9a4a;color-scheme:light}
html[data-theme="light"] body{background:var(--pnp-w-bg-0);color:var(--pnp-w-text)}
html[data-theme="light"] select,html[data-theme="light"] input,html[data-theme="light"] textarea{color-scheme:light}
html[data-theme="light"] .pnp-w-group-notify-mode select,html[data-theme="light"] .pnp-w-pro2-setting select,html[data-theme="light"] .pnp-w-pro2-form select{color-scheme:light}
#pnp-w-theme{margin-left:.5rem;flex:0 0 auto;min-height:0;height:1.8rem;padding:0 .5rem;font-size:.9rem;border-radius:999px;border:1px solid var(--pnp-w-stroke);background:var(--pnp-w-glass);color:inherit;cursor:pointer}

/* PNP_W_THEME_PALETTES_V1 — 10 palet ze Studio (StudioPaletteV2): 5 ciemnych, 5 jasnych; data-theme na <html>, wybór w localStorage pnp_w_theme */
html[data-theme="granat"]{--pnp-w-bg-0:rgb(9,14,24);--pnp-w-bg-1:rgb(14,19,32);--pnp-w-bg-2:rgb(19,28,48);--pnp-w-glass:rgb(30,42,69);--pnp-w-glass-strong:rgb(38,52,84);--pnp-w-stroke:rgb(42,56,89);--pnp-w-stroke-strong:rgb(74,96,140);--pnp-w-nav-bg:rgba(6,10,20,.85);--pnp-w-text:rgb(255,255,255);--pnp-w-text-muted:rgb(210,220,235);--pnp-w-text-soft:rgb(154,164,184);--pnp-w-accent-focus:rgb(74,96,140);--pnp-w-shadow:0 14px 36px rgba(6,10,20,.5);color-scheme:dark}
html[data-theme="granat"] body{background:var(--pnp-w-bg-0);color:var(--pnp-w-text)}html[data-theme="granat"] select,html[data-theme="granat"] input,html[data-theme="granat"] textarea{color-scheme:dark}.pnp-w-theme-swatch[data-theme="granat"]{background:linear-gradient(135deg,rgb(9,14,24) 50%,rgb(74,96,140) 50%)}
html[data-theme="grafit"]{--pnp-w-bg-0:rgb(22,22,24);--pnp-w-bg-1:rgb(28,28,31);--pnp-w-bg-2:rgb(34,34,38);--pnp-w-glass:rgb(46,46,52);--pnp-w-glass-strong:rgb(56,56,63);--pnp-w-stroke:rgb(66,66,74);--pnp-w-stroke-strong:rgb(120,120,140);--pnp-w-nav-bg:rgba(18,18,20,.85);--pnp-w-text:rgb(236,236,236);--pnp-w-text-muted:rgb(205,205,210);--pnp-w-text-soft:rgb(150,150,158);--pnp-w-accent-focus:rgb(120,120,140);--pnp-w-shadow:0 14px 36px rgba(18,18,20,.5);color-scheme:dark}
html[data-theme="grafit"] body{background:var(--pnp-w-bg-0);color:var(--pnp-w-text)}html[data-theme="grafit"] select,html[data-theme="grafit"] input,html[data-theme="grafit"] textarea{color-scheme:dark}.pnp-w-theme-swatch[data-theme="grafit"]{background:linear-gradient(135deg,rgb(22,22,24) 50%,rgb(120,120,140) 50%)}
html[data-theme="oliwka"]{--pnp-w-bg-0:rgb(20,24,20);--pnp-w-bg-1:rgb(26,31,26);--pnp-w-bg-2:rgb(32,38,32);--pnp-w-glass:rgb(44,52,44);--pnp-w-glass-strong:rgb(54,63,54);--pnp-w-stroke:rgb(66,78,66);--pnp-w-stroke-strong:rgb(110,150,110);--pnp-w-nav-bg:rgba(16,20,16,.85);--pnp-w-text:rgb(232,236,226);--pnp-w-text-muted:rgb(200,208,192);--pnp-w-text-soft:rgb(146,156,140);--pnp-w-accent-focus:rgb(110,150,110);--pnp-w-shadow:0 14px 36px rgba(16,20,16,.5);color-scheme:dark}
html[data-theme="oliwka"] body{background:var(--pnp-w-bg-0);color:var(--pnp-w-text)}html[data-theme="oliwka"] select,html[data-theme="oliwka"] input,html[data-theme="oliwka"] textarea{color-scheme:dark}.pnp-w-theme-swatch[data-theme="oliwka"]{background:linear-gradient(135deg,rgb(20,24,20) 50%,rgb(110,150,110) 50%)}
html[data-theme="sepia"]{--pnp-w-bg-0:rgb(26,22,18);--pnp-w-bg-1:rgb(33,28,23);--pnp-w-bg-2:rgb(40,34,28);--pnp-w-glass:rgb(54,46,38);--pnp-w-glass-strong:rgb(64,55,46);--pnp-w-stroke:rgb(80,68,56);--pnp-w-stroke-strong:rgb(160,130,90);--pnp-w-nav-bg:rgba(20,17,14,.85);--pnp-w-text:rgb(240,232,220);--pnp-w-text-muted:rgb(210,200,186);--pnp-w-text-soft:rgb(156,146,132);--pnp-w-accent-focus:rgb(160,130,90);--pnp-w-shadow:0 14px 36px rgba(20,17,14,.5);color-scheme:dark}
html[data-theme="sepia"] body{background:var(--pnp-w-bg-0);color:var(--pnp-w-text)}html[data-theme="sepia"] select,html[data-theme="sepia"] input,html[data-theme="sepia"] textarea{color-scheme:dark}.pnp-w-theme-swatch[data-theme="sepia"]{background:linear-gradient(135deg,rgb(26,22,18) 50%,rgb(160,130,90) 50%)}
html[data-theme="blekit"]{--pnp-w-bg-0:rgb(6,12,28);--pnp-w-bg-1:rgb(10,18,38);--pnp-w-bg-2:rgb(14,24,48);--pnp-w-glass:rgb(24,38,70);--pnp-w-glass-strong:rgb(32,48,86);--pnp-w-stroke:rgb(40,60,100);--pnp-w-stroke-strong:rgb(90,130,200);--pnp-w-nav-bg:rgba(4,9,22,.85);--pnp-w-text:rgb(240,246,255);--pnp-w-text-muted:rgb(208,220,240);--pnp-w-text-soft:rgb(150,166,196);--pnp-w-accent-focus:rgb(90,130,200);--pnp-w-shadow:0 14px 36px rgba(4,9,22,.5);color-scheme:dark}
html[data-theme="blekit"] body{background:var(--pnp-w-bg-0);color:var(--pnp-w-text)}html[data-theme="blekit"] select,html[data-theme="blekit"] input,html[data-theme="blekit"] textarea{color-scheme:dark}.pnp-w-theme-swatch[data-theme="blekit"]{background:linear-gradient(135deg,rgb(6,12,28) 50%,rgb(90,130,200) 50%)}
html[data-theme="papier"]{--pnp-w-bg-0:rgb(243,241,234);--pnp-w-bg-1:rgb(236,233,224);--pnp-w-bg-2:rgb(232,229,220);--pnp-w-glass:rgb(214,212,204);--pnp-w-glass-strong:rgb(205,203,195);--pnp-w-stroke:rgb(190,188,180);--pnp-w-stroke-strong:rgb(120,130,160);--pnp-w-nav-bg:rgba(228,225,215,.85);--pnp-w-text:rgb(30,36,48);--pnp-w-text-muted:rgb(44,50,64);--pnp-w-text-soft:rgb(72,78,92);--pnp-w-accent-focus:rgb(120,130,160);--pnp-w-shadow:0 14px 36px rgba(228,225,215,.18);color-scheme:light}
html[data-theme="papier"] body{background:var(--pnp-w-bg-0);color:var(--pnp-w-text)}html[data-theme="papier"] select,html[data-theme="papier"] input,html[data-theme="papier"] textarea{color-scheme:light}.pnp-w-theme-swatch[data-theme="papier"]{background:linear-gradient(135deg,rgb(243,241,234) 50%,rgb(120,130,160) 50%)}
html[data-theme="len"]{--pnp-w-bg-0:rgb(245,243,238);--pnp-w-bg-1:rgb(238,236,230);--pnp-w-bg-2:rgb(235,233,227);--pnp-w-glass:rgb(218,216,210);--pnp-w-glass-strong:rgb(208,206,200);--pnp-w-stroke:rgb(192,190,184);--pnp-w-stroke-strong:rgb(110,125,165);--pnp-w-nav-bg:rgba(231,229,222,.85);--pnp-w-text:rgb(34,38,46);--pnp-w-text-muted:rgb(46,50,60);--pnp-w-text-soft:rgb(74,78,90);--pnp-w-accent-focus:rgb(110,125,165);--pnp-w-shadow:0 14px 36px rgba(231,229,222,.18);color-scheme:light}
html[data-theme="len"] body{background:var(--pnp-w-bg-0);color:var(--pnp-w-text)}html[data-theme="len"] select,html[data-theme="len"] input,html[data-theme="len"] textarea{color-scheme:light}.pnp-w-theme-swatch[data-theme="len"]{background:linear-gradient(135deg,rgb(245,243,238) 50%,rgb(110,125,165) 50%)}
html[data-theme="szalwia"]{--pnp-w-bg-0:rgb(238,243,236);--pnp-w-bg-1:rgb(229,236,227);--pnp-w-bg-2:rgb(226,233,224);--pnp-w-glass:rgb(206,216,204);--pnp-w-glass-strong:rgb(196,208,194);--pnp-w-stroke:rgb(178,192,176);--pnp-w-stroke-strong:rgb(90,140,110);--pnp-w-nav-bg:rgba(220,229,218,.85);--pnp-w-text:rgb(28,40,32);--pnp-w-text-muted:rgb(42,56,46);--pnp-w-text-soft:rgb(66,84,72);--pnp-w-accent-focus:rgb(90,140,110);--pnp-w-shadow:0 14px 36px rgba(220,229,218,.18);color-scheme:light}
html[data-theme="szalwia"] body{background:var(--pnp-w-bg-0);color:var(--pnp-w-text)}html[data-theme="szalwia"] select,html[data-theme="szalwia"] input,html[data-theme="szalwia"] textarea{color-scheme:light}.pnp-w-theme-swatch[data-theme="szalwia"]{background:linear-gradient(135deg,rgb(238,243,236) 50%,rgb(90,140,110) 50%)}
html[data-theme="mgla"]{--pnp-w-bg-0:rgb(240,243,247);--pnp-w-bg-1:rgb(232,236,242);--pnp-w-bg-2:rgb(229,234,240);--pnp-w-glass:rgb(210,217,226);--pnp-w-glass-strong:rgb(200,208,218);--pnp-w-stroke:rgb(182,192,204);--pnp-w-stroke-strong:rgb(100,130,180);--pnp-w-nav-bg:rgba(224,229,236,.85);--pnp-w-text:rgb(30,38,50);--pnp-w-text-muted:rgb(44,54,68);--pnp-w-text-soft:rgb(70,80,96);--pnp-w-accent-focus:rgb(100,130,180);--pnp-w-shadow:0 14px 36px rgba(224,229,236,.18);color-scheme:light}
html[data-theme="mgla"] body{background:var(--pnp-w-bg-0);color:var(--pnp-w-text)}html[data-theme="mgla"] select,html[data-theme="mgla"] input,html[data-theme="mgla"] textarea{color-scheme:light}.pnp-w-theme-swatch[data-theme="mgla"]{background:linear-gradient(135deg,rgb(240,243,247) 50%,rgb(100,130,180) 50%)}
html[data-theme="piasek"]{--pnp-w-bg-0:rgb(246,240,226);--pnp-w-bg-1:rgb(240,233,216);--pnp-w-bg-2:rgb(238,231,214);--pnp-w-glass:rgb(220,212,194);--pnp-w-glass-strong:rgb(210,201,182);--pnp-w-stroke:rgb(194,184,164);--pnp-w-stroke-strong:rgb(150,120,70);--pnp-w-nav-bg:rgba(233,225,206,.85);--pnp-w-text:rgb(44,36,26);--pnp-w-text-muted:rgb(58,48,36);--pnp-w-text-soft:rgb(84,72,56);--pnp-w-accent-focus:rgb(150,120,70);--pnp-w-shadow:0 14px 36px rgba(233,225,206,.18);color-scheme:light}
html[data-theme="piasek"] body{background:var(--pnp-w-bg-0);color:var(--pnp-w-text)}html[data-theme="piasek"] select,html[data-theme="piasek"] input,html[data-theme="piasek"] textarea{color-scheme:light}.pnp-w-theme-swatch[data-theme="piasek"]{background:linear-gradient(135deg,rgb(246,240,226) 50%,rgb(150,120,70) 50%)}
.pnp-w-theme-menu{position:absolute;right:0;top:calc(100% + .4rem);z-index:60;min-width:14rem;padding:.5rem;border:1px solid var(--pnp-w-stroke);border-radius:.8rem;background:var(--pnp-w-bg-2);box-shadow:var(--pnp-w-shadow);display:grid;gap:.15rem}
#pnp-w-chat-title{position:relative}
.pnp-w-theme-menu p{margin:.3rem 0 .1rem;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;opacity:.65}
.pnp-w-theme-opt{display:flex;align-items:center;gap:.5rem;min-height:0;height:2rem;padding:0 .5rem;border:1px solid transparent;border-radius:.5rem;background:transparent;color:inherit;font-size:.85rem;text-align:left;cursor:pointer}
.pnp-w-theme-opt:hover{background:var(--pnp-w-glass)}.pnp-w-theme-opt.is-active{border-color:var(--pnp-w-accent-focus)}
.pnp-w-theme-swatch{width:1rem;height:1rem;border-radius:50%;border:1px solid var(--pnp-w-stroke-strong);flex:0 0 auto}
/* PNP_W_REC_BAR_STYLE_V1 — pasek nagrywania: czerwona kropka, słupki poziomu, licznik, podgląd dyktowania */
.pnp-w-rec-bar{display:grid;gap:.4rem;padding:.5rem .7rem;border:1px solid var(--pnp-w-stroke);border-radius:.8rem;background:var(--pnp-w-glass)}
.pnp-w-rec-head{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}
.pnp-w-rec-dot{width:.7rem;height:.7rem;border-radius:50%;background:#e5484d;box-shadow:0 0 0 0 rgba(229,72,77,.6);animation:pnpWRecPulse 1.2s ease-out infinite;flex:0 0 auto}
@keyframes pnpWRecPulse{0%{box-shadow:0 0 0 0 rgba(229,72,77,.6)}100%{box-shadow:0 0 0 .6rem rgba(229,72,77,0)}}
.pnp-w-rec-label{font-size:.85rem;font-weight:600}
.pnp-w-rec-levels{display:flex;align-items:flex-end;gap:2px;height:1.6rem;flex:1 1 8rem;min-width:6rem}
.pnp-w-rec-levels i{display:block;flex:1 1 0;height:12%;border-radius:2px;background:var(--pnp-w-accent-focus);opacity:.85;transition:height .08s linear}
.pnp-w-rec-time{font-variant-numeric:tabular-nums;font-size:.85rem;opacity:.8}
.pnp-w-rec-live{font-size:.95rem;line-height:1.4;min-height:1.4em;opacity:.9;white-space:pre-wrap}
.pnp-w-chat-mini-action.is-primary{border-color:var(--pnp-w-accent-focus)}
.pnp-w-directory-trash-icon{min-height:0;height:2.2rem;width:2.2rem;padding:0;border-radius:50%;font-size:1rem;margin-left:auto}
.pnp-w-directory-preview{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* PNP_W_FOLDERS_CALL_STYLE_V1 — przypięte (📌), Archiwum (zwijane), przycisk Zadzwoń */
.pnp-w-directory-row.is-pinned strong::after{content:" 📌";font-size:.8em}
.pnp-w-directory-archive{margin-top:.6rem;border-top:1px solid var(--pnp-w-stroke);padding-top:.4rem}
.pnp-w-directory-archive summary{cursor:pointer;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;opacity:.7;padding:.3rem 0}
.pnp-w-directory-archive .pnp-w-directory-row{opacity:.75}
#pnp-w-call{margin-left:.4rem;flex:0 0 auto;min-height:0;height:1.8rem;padding:0 .5rem;font-size:.9rem;border-radius:999px;border:1px solid var(--pnp-w-stroke);background:var(--pnp-w-glass);color:inherit;cursor:pointer}

/* PNP_W_LIGHT_MODALS_V1 — jasne palety: okienka, pola, wiadomości i wiersze bez twardych ciemnych kolorów */
html[data-theme="papier"] .pnp-w-group-modal,html[data-theme="len"] .pnp-w-group-modal,html[data-theme="szalwia"] .pnp-w-group-modal,html[data-theme="mgla"] .pnp-w-group-modal,html[data-theme="piasek"] .pnp-w-group-modal{background:rgba(40,44,60,.45)}
html[data-theme="papier"] .pnp-w-group-card,html[data-theme="len"] .pnp-w-group-card,html[data-theme="szalwia"] .pnp-w-group-card,html[data-theme="mgla"] .pnp-w-group-card,html[data-theme="piasek"] .pnp-w-group-card{background:var(--pnp-w-bg-2);box-shadow:0 18px 60px rgba(30,36,48,.25);color:var(--pnp-w-text)}
html[data-theme="papier"] .pnp-w-group-field input,html[data-theme="len"] .pnp-w-group-field input,html[data-theme="szalwia"] .pnp-w-group-field input,html[data-theme="mgla"] .pnp-w-group-field input,html[data-theme="piasek"] .pnp-w-group-field input,html[data-theme="papier"] .pnp-w-group-field textarea,html[data-theme="len"] .pnp-w-group-field textarea,html[data-theme="szalwia"] .pnp-w-group-field textarea,html[data-theme="mgla"] .pnp-w-group-field textarea,html[data-theme="piasek"] .pnp-w-group-field textarea,html[data-theme="papier"] .pnp-w-group-field select,html[data-theme="len"] .pnp-w-group-field select,html[data-theme="szalwia"] .pnp-w-group-field select,html[data-theme="mgla"] .pnp-w-group-field select,html[data-theme="piasek"] .pnp-w-group-field select,html[data-theme="papier"] .pnp-w-group-card>input,html[data-theme="len"] .pnp-w-group-card>input,html[data-theme="szalwia"] .pnp-w-group-card>input,html[data-theme="mgla"] .pnp-w-group-card>input,html[data-theme="piasek"] .pnp-w-group-card>input,html[data-theme="papier"] .pnp-w-group-member select,html[data-theme="len"] .pnp-w-group-member select,html[data-theme="szalwia"] .pnp-w-group-member select,html[data-theme="mgla"] .pnp-w-group-member select,html[data-theme="piasek"] .pnp-w-group-member select{background:#fff;color:var(--pnp-w-text)}
html[data-theme="papier"] .pnp-w-group-member,html[data-theme="len"] .pnp-w-group-member,html[data-theme="szalwia"] .pnp-w-group-member,html[data-theme="mgla"] .pnp-w-group-member,html[data-theme="piasek"] .pnp-w-group-member{background:var(--pnp-w-glass)}
html[data-theme="papier"] .pnp-w-group-action.is-danger,html[data-theme="len"] .pnp-w-group-action.is-danger,html[data-theme="szalwia"] .pnp-w-group-action.is-danger,html[data-theme="mgla"] .pnp-w-group-action.is-danger,html[data-theme="piasek"] .pnp-w-group-action.is-danger{color:#b42318;border-color:rgba(180,35,24,.5)}
html[data-theme="papier"] .pnp-w-chat-message,html[data-theme="len"] .pnp-w-chat-message,html[data-theme="szalwia"] .pnp-w-chat-message,html[data-theme="mgla"] .pnp-w-chat-message,html[data-theme="piasek"] .pnp-w-chat-message{background:var(--pnp-w-bg-2);box-shadow:0 6px 18px rgba(30,36,48,.10)}
html[data-theme="papier"] .pnp-w-chat-message.is-self,html[data-theme="len"] .pnp-w-chat-message.is-self,html[data-theme="szalwia"] .pnp-w-chat-message.is-self,html[data-theme="mgla"] .pnp-w-chat-message.is-self,html[data-theme="piasek"] .pnp-w-chat-message.is-self{background:color-mix(in srgb,var(--pnp-w-accent-focus) 18%,var(--pnp-w-bg-2))}
html[data-theme="papier"] .pnp-w-group-kicker,html[data-theme="len"] .pnp-w-group-kicker,html[data-theme="szalwia"] .pnp-w-group-kicker,html[data-theme="mgla"] .pnp-w-group-kicker,html[data-theme="piasek"] .pnp-w-group-kicker{color:#1b7a3c}
html[data-theme="papier"] #pnp-w-chat-input,html[data-theme="len"] #pnp-w-chat-input,html[data-theme="szalwia"] #pnp-w-chat-input,html[data-theme="mgla"] #pnp-w-chat-input,html[data-theme="piasek"] #pnp-w-chat-input,html[data-theme="papier"] #pnp-w-directory-search,html[data-theme="len"] #pnp-w-directory-search,html[data-theme="szalwia"] #pnp-w-directory-search,html[data-theme="mgla"] #pnp-w-directory-search,html[data-theme="piasek"] #pnp-w-directory-search,html[data-theme="papier"] .pnp-w-chat-schedule-box input,html[data-theme="len"] .pnp-w-chat-schedule-box input,html[data-theme="szalwia"] .pnp-w-chat-schedule-box input,html[data-theme="mgla"] .pnp-w-chat-schedule-box input,html[data-theme="piasek"] .pnp-w-chat-schedule-box input{background:#fff;color:var(--pnp-w-text)}

/* PNP_W_OLDER_BTN_STYLE_V1 — przycisk „Pokaż starsze wiadomości” nad listą */
.pnp-w-chat-older{display:block;margin:0 auto .6rem;min-height:2rem;font-size:.8rem}

/* PNP_W_DROP_EMOJI_STYLE_V1 — strefa upuszczania pliku + siatka emoji */
.is-dragover{outline:2px dashed var(--pnp-w-accent-focus);outline-offset:-6px;background:color-mix(in srgb,var(--pnp-w-accent-focus) 8%,transparent)}
.pnp-w-chat-emoji-box{display:grid;grid-template-columns:repeat(9,1fr);gap:.2rem;padding:.4rem;border:1px solid var(--pnp-w-stroke);border-radius:.8rem;background:var(--pnp-w-bg-2)}
.pnp-w-chat-emoji-box button{min-height:0;height:2rem;border:0;border-radius:.4rem;background:transparent;font-size:1.15rem;cursor:pointer}
.pnp-w-chat-emoji-box button:hover{background:var(--pnp-w-glass-strong)}

/* PNP_W_PRESENCE_STYLE_V1 — zielona kropka „Dostępny” przy kontakcie */
.pnp-w-directory-avatar{position:relative}
.pnp-w-directory-avatar.is-online::after{content:"";position:absolute;right:-2px;bottom:-2px;width:.62rem;height:.62rem;border-radius:50%;background:var(--pnp-w-accent-live);border:2px solid var(--pnp-w-bg-1)}

/* PNP_W_PEOPLE_SEARCH_STYLE_V1 — wyszukiwarka osób w „Dodaj osobę” + karty „Zaproszenia do Ciebie” */
.pnp-w-people-search{display:grid;gap:.4rem;margin-bottom:.4rem}
.pnp-w-people-results{display:grid;gap:.3rem;max-height:16rem;overflow:auto}
.pnp-w-people-row{display:flex;align-items:center;gap:.6rem;padding:.35rem .5rem;border:1px solid var(--pnp-w-stroke);border-radius:.7rem;background:var(--pnp-w-glass)}
.pnp-w-people-row .pnp-w-directory-meta{flex:1 1 auto;min-width:0}
.pnp-w-people-row small{display:block;opacity:.7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pnp-w-people-badge{font-size:.75rem;opacity:.75;white-space:nowrap}
.pnp-w-people-compose{display:grid;gap:.4rem;padding:.4rem .2rem .6rem}
.pnp-w-people-compose textarea{width:100%;box-sizing:border-box;min-height:7em}
.pnp-w-incoming{display:grid;gap:.4rem;margin:0 0 .6rem;padding:.5rem;border:1px solid var(--pnp-w-accent-focus);border-radius:.8rem;background:color-mix(in srgb,var(--pnp-w-accent-focus) 10%,transparent)}
.pnp-w-incoming-title{margin:0;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;font-weight:700}
.pnp-w-incoming-card{display:grid;gap:.3rem;padding:.4rem;border-radius:.6rem;background:var(--pnp-w-glass)}
.pnp-w-incoming-card p{margin:0;font-size:.85rem;white-space:pre-wrap;opacity:.9}
.pnp-w-incoming-card .pnp-w-group-actions .pnp-w-group-action{min-height:2rem;font-size:.85rem}

/* PNP_W_WEBINAR_TAB_MOBILE_FIX_V1 — zakładka Webinar w czacie: scena ma justify-content:flex-end (pokój na żywo), co przy liście/przedpokoju ucinało górę i zostawiało pustkę na dole; tu zawartość od góry, ramka przedpokoju na całą scenę, przewija się tylko lista */
#pnp-w-stage:has(#pnp-w-webinars),#pnp-w-stage:has(#pnp-w-webinar-frame-wrap){justify-content:flex-start;overflow:hidden}
#pnp-w-stage:has(#pnp-w-webinar-frame-wrap){padding:0}
#pnp-w-stage #pnp-w-webinars{flex:1 1 auto;min-height:0;max-height:100%;overflow-y:auto;overflow-x:hidden;margin:0;box-sizing:border-box;align-content:start}
#pnp-w-stage #pnp-w-webinar-frame-wrap{inset:0;width:100%;height:100%}
#pnp-w-stage #pnp-w-webinar-frame{width:100%;height:100%;min-height:0}
@media (max-width:760px){#pnp-w-stage:has(#pnp-w-webinars){padding:12px}}

/* PNP_W_STAGE_NO_XSCROLL_V1 — poświata sceny (::before 504 px) rozpychała scenę → pasek przewijania na boki na telefonie */
#pnp-w-stage{overflow-x:hidden}

/* PNP_W_APP_MODE_BOTTOM_V1 — zainstalowana aplikacja: dolny pasek Pisaczka i tak dodaje odstep, wiec czat nie dokłada własnego (ciemny pas nad paskiem) */
body:has(#pnpMobileBar) .app{padding-bottom:0!important}body:has(#pnpMobileBar) .layout{margin-bottom:8px!important}body:has(#pnpMobileBar){padding-bottom:calc(64px + env(safe-area-inset-bottom,0px))!important}

/* PNP_W_INFO_PANEL_STYLE_V1 — panel „Co nowego” + zdjęcie ikonki ponad kolorem (kolory mają background !important) */
.is-photo[data-avatar-color],.pnp-w-chat-profile-title-avatar.is-photo,.pnp-w-directory-avatar.is-photo,.pnp-w-chat-message-avatar.is-photo{background-image:var(--pnp-w-photo)!important;background-color:transparent!important;background-size:cover!important;background-position:center!important}
.pnp-w-info-panel{display:grid;gap:.3rem;margin:0 0 .6rem;padding:.5rem .6rem;border:1px solid var(--pnp-w-stroke);border-radius:.8rem;background:var(--pnp-w-glass)}
.pnp-w-info-title{margin:0;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;opacity:.65;font-weight:700}
.pnp-w-info-none{margin:0;font-size:.85rem;opacity:.75}
.pnp-w-info-row{display:flex;align-items:center;gap:.45rem;min-width:0}
.pnp-w-info-icon{flex:0 0 auto;font-size:1rem}
.pnp-w-info-text{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;text-align:left;background:transparent;border:0;color:inherit;padding:0;min-height:0;cursor:pointer}
button.pnp-w-info-text:hover{text-decoration:underline}
.pnp-w-info-row .pnp-w-chat-mini-action{min-height:0;height:1.8rem;font-size:.78rem;padding:0 .6rem}

/* PNP_W_INFO_BAR_STYLE_V2 — szklany pasek „Co nowego” w belce rozmowy przed „Na żywo”; nowość = zielony napis z poświatą */
#pnp-w-chat-title{min-width:0}
.pnp-w-info-bar{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:.45rem;height:2rem;margin:0 .6rem;padding:0 .35rem 0 .8rem;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:linear-gradient(135deg,rgba(255,255,255,.10),rgba(255,255,255,.03));box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 6px 18px rgba(0,0,0,.18);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);color:var(--pnp-w-text-soft);font-size:.82rem;overflow:hidden}
.pnp-w-info-bar .pnp-w-info-text{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:transparent;border:0;padding:0;min-height:0;height:auto;color:inherit;font:inherit;text-align:left;cursor:default}
.pnp-w-info-bar button.pnp-w-info-text{cursor:pointer}
.pnp-w-info-bar .pnp-w-info-icon{flex:0 0 auto}
.pnp-w-info-bar.has-news{border-color:rgba(57,255,136,.45);background:linear-gradient(135deg,rgba(57,255,136,.14),rgba(57,255,136,.04));color:#4dff9a}
.pnp-w-info-bar.has-news .pnp-w-info-text{font-weight:700;text-shadow:0 0 10px rgba(57,255,136,.55)}
.pnp-w-info-bar.is-call{animation:pnpWInfoGlow 1.8s ease-in-out infinite}
@keyframes pnpWInfoGlow{0%,100%{box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 0 0 0 rgba(57,255,136,.0)}50%{box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 0 16px 2px rgba(57,255,136,.35)}}
.pnp-w-info-join{flex:0 0 auto;min-height:0;height:1.55rem;padding:0 .75rem;border-radius:999px;border:0;background:linear-gradient(135deg,#39ff88,#16c76b);color:#04210f;font-weight:800;font-size:.78rem;cursor:pointer}
.pnp-w-info-more{flex:0 0 auto;min-height:0;height:1.45rem;padding:0 .5rem;border-radius:999px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.06);color:inherit;font-size:.72rem;cursor:pointer}
html[data-theme="papier"] .pnp-w-info-bar.has-news,html[data-theme="len"] .pnp-w-info-bar.has-news,html[data-theme="szalwia"] .pnp-w-info-bar.has-news,html[data-theme="mgla"] .pnp-w-info-bar.has-news,html[data-theme="piasek"] .pnp-w-info-bar.has-news{color:#0f7a3c;border-color:rgba(15,122,60,.45);background:linear-gradient(135deg,rgba(15,122,60,.12),rgba(15,122,60,.03))}
html[data-theme="papier"] .pnp-w-info-bar.has-news .pnp-w-info-text,html[data-theme="len"] .pnp-w-info-bar.has-news .pnp-w-info-text,html[data-theme="szalwia"] .pnp-w-info-bar.has-news .pnp-w-info-text,html[data-theme="mgla"] .pnp-w-info-bar.has-news .pnp-w-info-text,html[data-theme="piasek"] .pnp-w-info-bar.has-news .pnp-w-info-text{text-shadow:none}
@media (max-width:640px){.pnp-w-info-bar{margin:0 .3rem;font-size:.76rem}}

/* PNP_W_INFO_BAR_MOBILE_V3 — telefon: pasek „Co nowego” w osobnej cienkiej linii pod belką; imię nie łamie się pionowo */
.pnp-w-chat-profile-title-name{white-space:nowrap;min-width:0;overflow:hidden;text-overflow:ellipsis}
@media (max-width:760px){#pnp-w-chat-title{flex-wrap:wrap;row-gap:.45rem}.pnp-w-info-bar{order:20;flex:1 1 100%;margin:0;height:1.9rem}}

/* PNP_W_INFO_MARQUEE_GROUPROW_V1 — przewijany napis w pasku + karta grupy w belce rozmowy (widok grupy bez opcji użytkownika) */
.pnp-w-info-bar .pnp-w-info-text{display:block}
.pnp-w-info-bar .pnp-w-info-scroll{display:inline-block;white-space:nowrap}
.pnp-w-info-bar .pnp-w-info-text.is-marquee{text-overflow:clip;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 14px,#000 calc(100% - 14px),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 14px,#000 calc(100% - 14px),transparent 100%)}
.pnp-w-info-bar .pnp-w-info-text.is-marquee .pnp-w-info-scroll{padding:0 12px;animation:pnpWInfoMarq var(--pnp-w-marq-dur,8s) ease-in-out infinite alternate}
@keyframes pnpWInfoMarq{0%,18%{transform:translateX(0)}82%,100%{transform:translateX(var(--pnp-w-marq,0))}}
@media (prefers-reduced-motion:reduce){.pnp-w-info-bar .pnp-w-info-text.is-marquee .pnp-w-info-scroll{animation:none}.pnp-w-info-bar .pnp-w-info-text.is-marquee{text-overflow:ellipsis;-webkit-mask-image:none;mask-image:none}}
#pnp-w-chat-title.is-group-view>.pnp-w-chat-profile-title-avatar,#pnp-w-chat-title.is-group-view>#pnp-w-chat-profile-name,#pnp-w-chat-title.is-group-view>#pnp-w-theme,#pnp-w-chat-title.is-group-view>#pnp-w-theme-menu{display:none!important}
#pnp-w-chat-title>.pnp-w-groups-current{flex:0 1 auto;min-width:0;max-width:46%;margin:0;padding:0;border:0;background:transparent;box-shadow:none;display:flex;align-items:center;gap:.55rem}
#pnp-w-chat-title>.pnp-w-groups-current>div{min-width:0;display:grid;line-height:1.2}
#pnp-w-chat-title>.pnp-w-groups-current strong,#pnp-w-chat-title>.pnp-w-groups-current span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#pnp-w-chat-title>.pnp-w-groups-current>div>span{font-size:.72rem;opacity:.7}
#pnp-w-chat-title>.pnp-w-groups-current .pnp-w-groups-pro-button{min-height:0;height:1.75rem;padding:0 .7rem;font-size:.75rem;white-space:nowrap}
@media (max-width:760px){#pnp-w-chat-title>.pnp-w-groups-current{max-width:none;flex:1 1 auto}}

/* PNP_W_GROUP_TITLE_ROW_FIX_V2 — karta grupy w belce: nazwa zawsze widoczna (szerokie okno), na telefonie jeden wiersz z małym przyciskiem PRO */
#pnp-w-chat-title>.pnp-w-groups-current{flex:0 1 auto;max-width:42%;flex-wrap:nowrap!important}
#pnp-w-chat-title>.pnp-w-groups-current>div{flex:1 1 auto;min-width:7.5rem}
#pnp-w-chat-title>.pnp-w-groups-current .pnp-w-groups-current-avatar{width:2.2rem;height:2.2rem;flex:0 0 2.2rem}
#pnp-w-chat-title>.pnp-w-groups-current .pnp-w-groups-pro-button{flex:0 0 auto;width:auto!important}
@media (max-width:760px){#pnp-w-chat-title>.pnp-w-groups-current{max-width:none;flex:1 1 0;min-width:0}#pnp-w-chat-title>.pnp-w-groups-current>div{min-width:0}#pnp-w-chat-title>.pnp-w-groups-current>div>span{display:none}#pnp-w-chat-title>.pnp-w-groups-current .pnp-w-groups-pro-button{height:1.6rem;padding:0 .55rem;font-size:.7rem}}

/* PNP_W_GROUP_TITLE_ROW_FIX_V3 — szerokie okno: karta grupy bierze własną szerokość (bez nachodzenia na pasek), pasek dzieli resztę */
@media (min-width:761px){#pnp-w-chat-title>.pnp-w-groups-current{flex:0 0 auto;max-width:none;overflow:hidden}#pnp-w-chat-title>.pnp-w-groups-current>div{flex:0 1 auto;min-width:6rem;max-width:16rem}#pnp-w-chat-title .pnp-w-info-bar{flex:1 1 0;min-width:8rem}}
/* PNP_PISACZEK_CHAT_VIDEO_TV_STYLE_V1 (10.10): zakładka Wideo — napis „Rozmowy wideo” + każdy webinar w osobnym panelu jak telewizor */
#pnp-w-webinars.pnp-w-tv-wall{padding:1.25rem 1rem 1.5rem}
.pnp-w-tv-head{text-align:center;margin:.25rem 0 1.4rem}
.pnp-w-tv-title{margin:0;font-size:clamp(1.9rem,6vw,2.8rem);font-weight:800;letter-spacing:.01em;line-height:1.1;background:linear-gradient(100deg,#f7e3a1 0%,#d9b45a 35%,#5fd4c4 75%,#8fe8ff 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 14px rgba(217,180,90,.28))}
.pnp-w-tv-sub{margin:.45rem 0 0;font-size:1rem;opacity:.75}
.pnp-w-tv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,17rem),1fr));gap:1.4rem}
.pnp-w-tv{--tv-a:#1d3b5c;--tv-b:#0b1626;display:flex;flex-direction:column;padding:.7rem .7rem .55rem;border-radius:1.4rem;background:linear-gradient(160deg,#2b2d33,#121317 60%,#1b1c21);border:1px solid rgba(217,180,90,.45);box-shadow:0 18px 40px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.08);transition:transform .25s ease,box-shadow .25s ease}
.pnp-w-tv[data-hue="1"]{--tv-a:#4a2a5e;--tv-b:#160d22}.pnp-w-tv[data-hue="2"]{--tv-a:#1f5148;--tv-b:#08201c}.pnp-w-tv[data-hue="3"]{--tv-a:#5e3a1f;--tv-b:#22130a}.pnp-w-tv[data-hue="4"]{--tv-a:#5a2235;--tv-b:#200a12}
.pnp-w-tv:hover{transform:translateY(-3px);box-shadow:0 24px 50px rgba(0,0,0,.55),0 0 0 1px rgba(217,180,90,.7)}
.pnp-w-tv-screen{position:relative;aspect-ratio:16/9;border-radius:1rem;overflow:hidden;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;padding:2.7rem 1rem 1.2rem;text-align:center;color:#fff;background:radial-gradient(120% 90% at 30% 20%,var(--tv-a),var(--tv-b) 70%,#05070b);box-shadow:inset 0 0 40px rgba(0,0,0,.65),inset 0 0 0 2px rgba(0,0,0,.6)}
.pnp-w-tv-screen::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(255,255,255,.035) 0 1px,transparent 1px 3px);pointer-events:none}
.pnp-w-tv-screen::after{content:"";position:absolute;inset:-40% -10% auto auto;width:70%;height:90%;background:linear-gradient(200deg,rgba(255,255,255,.16),transparent 60%);transform:rotate(8deg);pointer-events:none}
.pnp-w-tv-screen:focus-visible{outline:3px solid #d9b45a;outline-offset:3px}
.pnp-w-tv-name{position:relative;font-size:1.35rem;font-weight:800;line-height:1.2;text-shadow:0 2px 12px rgba(0,0,0,.6);overflow-wrap:anywhere}
.pnp-w-tv-note{position:relative;font-size:.85rem;opacity:.8}
.pnp-w-tv-badge{position:absolute;top:.7rem;left:.7rem;display:inline-flex;align-items:center;gap:.4rem;padding:.25rem .65rem;border-radius:999px;font-size:.75rem;font-weight:800;letter-spacing:.08em;background:rgba(0,0,0,.55);border:1px solid rgba(255,255,255,.25)}
.pnp-w-tv.is-live .pnp-w-tv-badge{background:#d92d3a;border-color:#ff7a84}
.pnp-w-tv.is-live .pnp-w-tv-badge::before{content:"";width:.5rem;height:.5rem;border-radius:50%;background:#fff;animation:pnpTvPulse 1.4s ease-in-out infinite}
@keyframes pnpTvPulse{50%{opacity:.25}}
.pnp-w-tv-foot{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.6rem .3rem 0}
.pnp-w-tv-led{width:.55rem;height:.55rem;border-radius:50%;background:#3a3c42;box-shadow:inset 0 1px 1px rgba(0,0,0,.6)}
.pnp-w-tv.is-live .pnp-w-tv-led{background:#46e08a;box-shadow:0 0 8px #46e08a}
.pnp-w-tv-enter{min-height:2.6rem;padding:.45rem 1.4rem;border-radius:999px;border:0;font-size:1.05rem;font-weight:800;color:#1b1406;background:linear-gradient(180deg,#f3d98a,#d9b45a 55%,#b48a2c);box-shadow:0 6px 16px rgba(217,180,90,.35);cursor:pointer}
.pnp-w-tv-enter:hover{filter:brightness(1.08)}
@media (prefers-reduced-motion:reduce){.pnp-w-tv,.pnp-w-tv-badge::before{transition:none;animation:none}}
/* PNP_PISACZEK_CHAT_ZOOM_STYLE_V1 (10.10): przycisk Aa w dolnym pasku + okienko wielkości liter */
.nav:has(#pnp-w-zoom){grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto!important}
#pnp-w-zoom{min-width:2.8rem;font-weight:800;letter-spacing:.02em}
.pnp-w-zoom-menu{z-index:2147483001;min-width:15rem;padding:.8rem;border:1px solid var(--pnp-w-stroke);border-radius:1rem;background:var(--pnp-w-bg-2);color:var(--pnp-w-text,inherit);box-shadow:var(--pnp-w-shadow);display:grid;gap:.6rem}
.pnp-w-zoom-menu p{margin:0;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;opacity:.7}
.pnp-w-zoom-row{display:flex;align-items:center;justify-content:space-between;gap:.6rem}
.pnp-w-zoom-row output{min-width:4rem;text-align:center;font-size:1.2rem;font-weight:800}
.pnp-w-zoom-step{min-width:3.4rem;min-height:3rem;border-radius:.8rem;border:1px solid var(--pnp-w-stroke);background:var(--pnp-w-glass);color:inherit;font-weight:800;cursor:pointer}
.pnp-w-zoom-step.is-small{font-size:1rem}.pnp-w-zoom-step.is-big{font-size:1.45rem}
.pnp-w-zoom-step:disabled{opacity:.35;cursor:default}
.pnp-w-zoom-reset{min-height:2.6rem;border-radius:.8rem;border:1px solid var(--pnp-w-stroke);background:transparent;color:inherit;font-size:.95rem;cursor:pointer}
/* PNP_PISACZEK_CHAT_ZOOM_ABC_STYLE_V1 (11.10): trzy literki A w dolnym pasku — każda ustawia wielkość liter */
#pnp-w-zoom.pnp-w-zoom-abc{display:inline-flex;align-items:flex-end;gap:2px;min-width:0;padding:0 4px;letter-spacing:0}
.nav .pnp-w-zoom-a{min-width:0;min-height:0;width:34px;height:36px;padding:0 0 5px;display:inline-flex;align-items:flex-end;justify-content:center;border-radius:10px;border:1px solid transparent;background:transparent;color:inherit;font-family:Georgia,"Times New Roman",serif;font-weight:700;line-height:1;cursor:pointer;opacity:.75}
.nav .pnp-w-zoom-a.is-s{font-size:14px}.nav .pnp-w-zoom-a.is-m{font-size:19px}.nav .pnp-w-zoom-a.is-l{font-size:25px}
.nav .pnp-w-zoom-a:hover{opacity:1;background:var(--pnp-w-glass)}
.nav .pnp-w-zoom-a[aria-pressed="true"]{opacity:1;color:#1b1406;background:linear-gradient(180deg,#f3d98a,#d9b45a 60%,#b48a2c);border-color:#d9b45a}
.nav .pnp-w-zoom-a:focus-visible{outline:2px solid #d9b45a;outline-offset:2px}
/* PNP_W_GUEST_BANNER_FULL_ROW_V1 (15.10, test rundy 2): ramka „Jesteś gościem” zajmuje cały wiersz, nie ściska nagłówka GRUPY */
.pnp-w-directory-section-head{flex-wrap:wrap}.pnp-w-guest-banner{flex:1 1 100%;width:100%}
/* PNP_W_SENIOR_BUTTONS_V1 (15.10): przyciski listy rozmów ≥ 44 px, tytuł sekcji bez wersalików i większy */
#pnp-w-directory-add-person,#pnp-w-theme,#pnp-w-call,.pnp-w-zoom-a{min-height:44px;min-width:44px;font-size:1rem}#pnp-w-directory-groups-title,.pnp-w-directory-section-head h3{font-size:1rem;text-transform:none;letter-spacing:0}