:root {
    --pg-ink: #4d4960;
    --pg-muted: #817b90;
    --pg-purple: #8f84d8;
    --pg-purple-dark: #776cc2;
    --pg-card: rgba(255, 255, 255, 0.96);
    --pg-shadow: 0 18px 55px rgba(104, 92, 145, 0.13);
    --pg-border: #eeeaf4;
    --pg-bg: #f8f7fb;
}

body.page-the-playground,
body.page-the-playground #page,
body.page-the-playground .site,
body.page-the-playground .site-content,
body.page-the-playground .content-area,
body.page-the-playground main {
    max-width: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.page-the-playground header:not(.pg-topbar),
body.page-the-playground footer,
body.page-the-playground .entry-header,
body.page-the-playground .site-header,
body.page-the-playground .site-footer,
body.pg-chatters-app-page > header,
body.pg-chatters-app-page #page > header,
body.pg-chatters-app-page .site-header,
body.pg-chatters-app-page header.site-header,
body.pg-chatters-app-page .wp-site-blocks > header,
body.pg-chatters-app-page .wp-site-blocks > .wp-block-template-part:first-child {
    display: none !important;
}

body.page-the-playground { background: var(--pg-bg); }

.pg-shell,
.pg-app-shell {
    box-sizing: border-box;
    font-family: "Nunito", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    color: var(--pg-ink);
}

.pg-shell {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    padding: 48px 20px;
    background:
        radial-gradient(circle at 10% 18%, rgba(255, 206, 220, .42) 0 75px, transparent 76px),
        radial-gradient(circle at 88% 13%, rgba(190, 232, 255, .45) 0 105px, transparent 106px),
        radial-gradient(circle at 83% 83%, rgba(214, 200, 255, .4) 0 120px, transparent 121px),
        linear-gradient(135deg, #fff8fb 0%, #f9fbff 45%, #fbf8ff 100%);
}

.pg-auth-wrap { width: min(100%, 520px); position: relative; z-index: 3; text-align: center; }

.pg-logo {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    line-height: .92;
    margin: 0 auto 14px;
    filter: drop-shadow(0 7px 0 rgba(255,255,255,.95)) drop-shadow(0 12px 12px rgba(106,89,143,.13));
}

.pg-letter {
    display: inline-block;
    font-family: "Baloo 2", "Arial Rounded MT Bold", system-ui, sans-serif;
    font-size: clamp(2.7rem, 8vw, 4.7rem);
    font-weight: 800;
    letter-spacing: -0.06em;
    -webkit-text-stroke: 1px rgba(84, 75, 110, .08);
    transform: rotate(var(--r, -2deg));
}
.pg-letter:nth-child(2n) { --r: 2deg; }
.pg-letter:nth-child(3n) { --r: -3deg; }
.pg-logo-space { width: .4em; }
.pg-pink { color: #f6a9c2; }.pg-peach { color: #f7bc9b; }.pg-yellow { color: #efd77f; }.pg-mint { color: #9edcbc; }
.pg-sky { color: #94ccea; }.pg-lavender { color: #b6a6e7; }.pg-rose { color: #e8a8c9; }.pg-aqua { color: #8fd6d3; }

.pg-tagline { margin: 0 0 26px; color: #77718a; font-size: 1.02rem; font-weight: 700; }

.pg-card {
    position: relative;
    background: var(--pg-card);
    border: 1px solid rgba(255,255,255,.92);
    border-radius: 30px;
    box-shadow: var(--pg-shadow);
    padding: 28px;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

.pg-tabs { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; padding: 6px; margin-bottom: 24px; background: #f4f0fa; border-radius: 18px; }
.pg-tab { border: 0; background: transparent; color: #817a91; border-radius: 14px; padding: 12px 10px; font: 800 .96rem/1 "Nunito", sans-serif; cursor: pointer; transition: .2s ease; }
.pg-tab.is-active { color: #665a99; background: #fff; box-shadow: 0 4px 16px rgba(105, 91, 142, .12); }
.pg-panel { display: none; text-align: left; }.pg-panel.is-active { display: block; }
.pg-panel h2 { margin: 0; text-align: center; font-family: "Baloo 2", sans-serif; color: #5f5877; font-size: 1.85rem; line-height: 1.1; }
.pg-panel-copy { margin: 4px 0 22px; text-align: center; color: #8b8498; }
.pg-form label:not(.pg-check) { display: block; margin: 14px 0 6px; font-size: .9rem; font-weight: 800; color: #625d72; }
.pg-form input[type="text"],.pg-form input[type="email"],.pg-form input[type="password"] {
    box-sizing: border-box; width: 100%; min-height: 50px; padding: 11px 15px; border: 2px solid #ebe7f2; border-radius: 15px;
    outline: none; background: #fcfbfe; color: #4e485e; font: 700 1rem/1.2 "Nunito", sans-serif; transition: border-color .2s, box-shadow .2s, background .2s;
}
.pg-form input:focus { border-color: #c3b9ef; background: #fff; box-shadow: 0 0 0 4px rgba(181, 165, 231, .14); }
.pg-check { display: flex; align-items: center; gap: 8px; margin: 15px 0 4px; color: #777184; font-size: .9rem; cursor: pointer; }

.pg-button {
    display: inline-flex; justify-content: center; align-items: center; box-sizing: border-box; width: 100%; min-height: 52px; margin-top: 20px;
    border: 0; border-radius: 16px; padding: 13px 20px; cursor: pointer; background: linear-gradient(135deg, #aaa0e6, #8f84d8); color: #fff !important;
    text-decoration: none !important; font: 800 1rem/1 "Nunito", sans-serif; box-shadow: 0 10px 24px rgba(132, 117, 203, .25); transition: transform .16s ease, box-shadow .16s ease;
}
.pg-button:hover { transform: translateY(-1px); box-shadow: 0 13px 27px rgba(132, 117, 203, .3); }
.pg-forgot { display: block; margin-top: 16px; text-align: center; color: #9186c4; font-size: .9rem; font-weight: 800; text-decoration: none; }
.pg-footer-note { color: #a098ad; font-size: .86rem; font-weight: 700; margin: 20px 0 0; }
.pg-alert { margin: 0 0 18px; padding: 11px 14px; border-radius: 14px; font-size: .9rem; font-weight: 800; text-align: left; }
.pg-alert-error { color: #8f4f63; background: #fff0f4; border: 1px solid #ffd5e0; }.pg-alert-success { color: #45735e; background: #eefaf4; border: 1px solid #c9ecd9; }
.pg-cloud { position: absolute; width: 180px; height: 55px; border-radius: 100px; background: rgba(255,255,255,.62); }
.pg-cloud::before,.pg-cloud::after { content: ""; position: absolute; background: inherit; border-radius: 50%; }
.pg-cloud::before { width: 72px; height: 72px; left: 30px; top: -30px; }.pg-cloud::after { width: 92px; height: 92px; right: 25px; top: -46px; }
.pg-cloud-one { top: 16%; left: -40px; transform: scale(.8); }.pg-cloud-two { bottom: 13%; right: -55px; transform: scale(1.05); }
.pg-dot { position: absolute; border-radius: 50%; opacity: .5; }.pg-dot-one { width: 16px; height: 16px; left: 12%; top: 68%; background: #f1b5c8; }
.pg-dot-two { width: 11px; height: 11px; right: 16%; top: 29%; background: #9edac8; }.pg-dot-three { width: 21px; height: 21px; right: 9%; bottom: 24%; background: #c1b3e9; }

/* Member app */
.pg-app-shell { min-height: 100vh; background: var(--pg-bg); }
.pg-topbar {
    position: sticky; top: 0; z-index: 50; height: 72px; box-sizing: border-box; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center;
    gap: 20px; padding: 0 max(22px, calc((100vw - 1220px)/2)); background: rgba(255,255,255,.96); border-bottom: 1px solid var(--pg-border); box-shadow: 0 3px 18px rgba(83,70,111,.05);
    backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);
}
.pg-brand-link { text-decoration: none !important; justify-self: start; }
.pg-logo-compact { justify-content: flex-start; flex-wrap: nowrap; margin: 0; filter: none; }
.pg-logo-compact .pg-letter { font-size: 1.65rem; }
.pg-logo-compact .pg-logo-space { width: .28em; }
.pg-main-nav { height: 100%; display: flex; align-items: stretch; }
.pg-main-nav a { display: flex; align-items: center; position: relative; padding: 0 22px; color: #827b91; text-decoration: none !important; font-weight: 800; }
.pg-main-nav a.is-active { color: #6f63ad; }
.pg-main-nav a.is-active::after { content: ""; position: absolute; left: 20px; right: 20px; bottom: 0; height: 4px; border-radius: 4px 4px 0 0; background: #a79be1; }
.pg-user-menu { justify-self: end; display: flex; align-items: center; gap: 9px; font-size: .9rem; font-weight: 800; color: #5d576d; }
.pg-avatar,.pg-profile-avatar,.pg-comment-avatar { display: block; border-radius: 50% !important; object-fit: cover; }
.pg-logout { margin-left: 6px; padding-left: 13px; border-left: 1px solid #e9e5ef; color: #9a91ac !important; font-size: .8rem; text-decoration: none !important; }

.pg-app-bg { min-height: calc(100vh - 72px); padding: 30px 20px 60px; background: radial-gradient(circle at 8% 15%, rgba(247,188,207,.16), transparent 18%), radial-gradient(circle at 93% 25%, rgba(160,211,236,.15), transparent 20%), #f8f7fb; }
.pg-feed-layout { width: min(1180px,100%); margin: 0 auto; display: grid; grid-template-columns: 230px minmax(0,620px) 230px; gap: 28px; align-items: start; justify-content: center; }
.pg-sidebar,.pg-rightbar { position: sticky; top: 100px; display: grid; gap: 18px; }
.pg-profile-card,.pg-sidebar-note,.pg-community-card,.pg-composer-card,.pg-post-card,.pg-empty-feed {
    box-sizing: border-box; background: #fff; border: 1px solid var(--pg-border); border-radius: 22px; box-shadow: 0 10px 30px rgba(91,78,121,.07);
}
.pg-profile-card { padding: 24px 18px; text-align: center; }
.pg-profile-avatar { margin: 0 auto 10px; border: 5px solid #f8f4fb; box-shadow: 0 5px 15px rgba(105,93,135,.1); }
.pg-profile-card h2 { margin: 3px 0 0; font: 800 1.2rem/1.2 "Baloo 2",sans-serif; color: #565066; }
.pg-profile-card p { margin: 2px 0 16px; color: #9a93a5; font-size: .86rem; }
.pg-mini-stat { display: inline-flex; flex-direction: column; padding: 9px 22px 0; border-top: 1px solid #eeeaf2; }
.pg-mini-stat strong { font-size: 1.15rem; color: #7469ad; }.pg-mini-stat span { font-size: .75rem; color: #a098aa; font-weight: 800; }
.pg-sidebar-note,.pg-community-card { padding: 18px; }
.pg-sidebar-note strong,.pg-community-card h3 { display: block; margin: 4px 0 5px; color: #625b75; font: 800 1rem/1.2 "Baloo 2",sans-serif; }
.pg-sidebar-note p,.pg-community-card p { margin: 0; color: #928b9c; font-size: .84rem; line-height: 1.5; }
.pg-note-icon,.pg-community-icon { color: #a89be0; font-size: 1.35rem; }.pg-community-icon { font-size: 2rem; }

.pg-feed-column { min-width: 0; }
.pg-composer-card { padding: 20px; }
.pg-composer-head { display: flex; gap: 12px; align-items: center; margin-bottom: 14px; }
.pg-composer-head strong { display: block; color: #5a5369; font-size: 1rem; }.pg-composer-head span { display: block; margin-top: 2px; color: #a098aa; font-size: .82rem; }
.pg-composer-form textarea { box-sizing: border-box; width: 100%; resize: vertical; min-height: 112px; border: 2px solid #eeeaf4; outline: none; border-radius: 17px; padding: 15px; background: #fcfbfd; color: #514b5f; font: 600 .98rem/1.5 "Nunito",sans-serif; }
.pg-composer-form textarea:focus { border-color: #c8beec; box-shadow: 0 0 0 4px rgba(181,165,231,.11); background: #fff; }
.pg-composer-actions { display: flex; align-items: center; justify-content: space-between; gap: 15px; margin-top: 12px; }
.pg-char-hint { color: #aaa3b3; font-size: .76rem; font-weight: 700; }.pg-post-button { width: auto; min-height: 42px; margin: 0; padding: 11px 18px; border-radius: 13px; font-size: .88rem; }
.pg-feed-heading { display: flex; justify-content: space-between; align-items: end; margin: 26px 3px 12px; }
.pg-feed-heading h1 { margin: 0; color: #5f5870; font: 800 1.45rem/1.1 "Baloo 2",sans-serif; }.pg-feed-heading span { color: #aaa3b3; font-size: .78rem; font-weight: 700; }

.pg-post-card { padding: 20px; margin-bottom: 16px; scroll-margin-top: 92px; }
.pg-post-head { display: flex; gap: 11px; align-items: center; }.pg-post-author strong { display: block; color: #554f63; font-size: .94rem; }.pg-post-author span { display: block; margin-top: 1px; color: #a39cab; font-size: .78rem; }
.pg-post-content { padding: 15px 2px 12px; color: #5d5769; font-size: .98rem; line-height: 1.62; word-break: break-word; }.pg-post-content p { margin: 0 0 10px; }.pg-post-content p:last-child { margin-bottom: 0; }
.pg-post-actions { display: flex; gap: 5px; border-top: 1px solid #f0edf3; padding-top: 10px; }.pg-post-actions form { margin: 0; }
.pg-action-button { border: 0; background: transparent; border-radius: 11px; padding: 7px 10px; color: #8d8598; cursor: pointer; font: 800 .8rem/1.2 "Nunito",sans-serif; }
.pg-action-button:hover { background: #faf8fc; color: #736a87; }.pg-action-button span { margin-right: 2px; font-size: 1.1rem; vertical-align: -1px; }.pg-action-button.is-liked { color: #d8799b; background: #fff5f8; }
.pg-comments { display: none; margin-top: 9px; padding-top: 12px; border-top: 1px solid #f2eff5; }.pg-comments.is-open { display: block; }
.pg-comment { display: flex; gap: 8px; align-items: flex-start; margin: 9px 0; }.pg-comment-bubble { padding: 9px 12px; border-radius: 14px; background: #f7f5fa; flex: 1; }
.pg-comment-bubble strong { display: block; color: #5e576d; font-size: .78rem; }.pg-comment-bubble p { margin: 2px 0 0; color: #6c6577; font-size: .84rem; line-height: 1.4; }
.pg-comment-form { display: flex; gap: 8px; align-items: center; margin-top: 12px; }.pg-comment-input-row { display: flex; flex: 1; border: 1px solid #e9e5ee; border-radius: 14px; overflow: hidden; background: #fbfafc; }
.pg-comment-input-row input { flex: 1; min-width: 0; border: 0 !important; box-shadow: none !important; outline: none; background: transparent; padding: 9px 11px; color: #5e5869; font: 600 .84rem/1.2 "Nunito",sans-serif; }
.pg-comment-input-row button { border: 0; padding: 8px 12px; background: transparent; color: #8377bc; cursor: pointer; font: 800 .78rem/1 "Nunito",sans-serif; }
.pg-empty-feed { padding: 44px 25px; text-align: center; }.pg-empty-icon { margin-bottom: 8px; color: #efcb72; font-size: 2.3rem; }.pg-empty-feed h2 { margin: 0; color: #625a74; font: 800 1.35rem/1.2 "Baloo 2",sans-serif; }.pg-empty-feed p { margin: 5px 0 0; color: #948d9e; }

@media (max-width: 1050px) {
    .pg-feed-layout { grid-template-columns: 200px minmax(0,620px); }
    .pg-rightbar { display: none; }
}
@media (max-width: 800px) {
    .pg-topbar { grid-template-columns: 1fr auto; padding: 0 16px; }.pg-main-nav { display: none; }.pg-user-menu > span { display: none; }
    .pg-feed-layout { grid-template-columns: minmax(0,650px); }.pg-sidebar { display: none; }.pg-app-bg { padding: 20px 12px 50px; }
}
@media (max-width: 600px) {
    .pg-shell { padding: 28px 14px; align-items: flex-start; }.pg-card { padding: 20px; border-radius: 24px; }.pg-logo { margin-top: 8px; }.pg-letter { font-size: clamp(2.3rem, 11vw, 3.25rem); }
    .pg-logo-compact { margin: 0; }.pg-logo-compact .pg-letter { font-size: 1.15rem; }.pg-topbar { height: 62px; }.pg-app-bg { min-height: calc(100vh - 62px); }
    .pg-user-menu { gap: 5px; }.pg-logout { margin-left: 2px; padding-left: 8px; }.pg-composer-card,.pg-post-card { border-radius: 18px; padding: 16px; }.pg-composer-actions { align-items: flex-end; }.pg-char-hint { max-width: 90px; }
    .pg-post-button { padding: 10px 13px; }.pg-feed-heading { margin-top: 21px; }
}

/* Member profiles */
.pg-user-link { display: flex; align-items: center; gap: 9px; color: #5d576d !important; text-decoration: none !important; }
.pg-profile-name-link,.pg-author-link { color: inherit !important; text-decoration: none !important; }
.pg-profile-name-link:hover,.pg-author-link:hover { color: #776bb2 !important; }
.pg-profile-page-wrap { width: min(820px,100%); margin: 0 auto; }
.pg-profile-hero,.pg-edit-profile-card { background: #fff; border: 1px solid var(--pg-border); border-radius: 24px; box-shadow: 0 10px 30px rgba(91,78,121,.07); overflow: hidden; }
.pg-profile-cover { height: 132px; background: linear-gradient(135deg, rgba(247,188,207,.7), rgba(244,218,150,.65) 28%, rgba(165,222,202,.65) 55%, rgba(163,207,236,.7) 78%, rgba(195,179,233,.75)); }
.pg-profile-hero-body { position: relative; display: grid; grid-template-columns: 150px minmax(0,1fr) auto; gap: 20px; align-items: end; padding: 0 28px 28px; }
.pg-profile-large-avatar { margin-top: -66px; }
.pg-profile-avatar-large { display: block; width: 132px !important; height: 132px !important; border-radius: 50% !important; object-fit: cover; border: 6px solid #fff; box-shadow: 0 6px 20px rgba(83,70,111,.15); }
.pg-profile-identity { padding-top: 18px; }
.pg-profile-identity h1 { margin: 0; color: #554f63; font: 800 1.8rem/1.1 "Baloo 2",sans-serif; }
.pg-profile-handle { margin: 2px 0 10px; color: #9a93a5; font-size: .88rem; }
.pg-profile-bio { margin: 0; color: #6b6477; font-size: .94rem; line-height: 1.55; }
.pg-profile-stats { min-width: 78px; padding: 12px 14px; text-align: center; border-radius: 16px; background: #faf8fc; }
.pg-profile-stats strong,.pg-profile-stats span { display: block; }.pg-profile-stats strong { color: #7469ad; font-size: 1.2rem; }.pg-profile-stats span { color: #9d95a8; font-size: .75rem; font-weight: 800; }
.pg-edit-profile-card { margin-top: 20px; padding: 24px; }
.pg-section-title h2 { margin: 0; color: #5f5870; font: 800 1.35rem/1.2 "Baloo 2",sans-serif; }.pg-section-title p { margin: 3px 0 18px; color: #9a93a5; font-size: .86rem; }
.pg-profile-form { display: grid; gap: 8px; }
.pg-profile-form label { margin-top: 7px; color: #655e72; font-size: .82rem; font-weight: 800; }
.pg-profile-form input[type="text"],.pg-profile-form textarea { box-sizing: border-box; width: 100%; border: 2px solid #eeeaf4; outline: none; border-radius: 14px; padding: 12px 13px; background: #fcfbfd; color: #514b5f; font: 600 .94rem/1.45 "Nunito",sans-serif; }
.pg-profile-form input[type="text"]:focus,.pg-profile-form textarea:focus { border-color: #c8beec; box-shadow: 0 0 0 4px rgba(181,165,231,.11); background: #fff; }
.pg-file-input { box-sizing: border-box; width: 100%; padding: 10px; border: 1px dashed #d9d2e4; border-radius: 12px; background: #fbfafc; color: #716a7f; font: 700 .82rem "Nunito",sans-serif; }
.pg-field-note { margin: 0; color: #aaa3b3; font-size: .76rem; }
.pg-save-profile { width: auto; justify-self: start; margin: 12px 0 0; padding: 11px 22px; }
.pg-profile-post-heading { margin-top: 27px; }.pg-profile-post-card { width: 100%; }
@media (max-width: 700px) {
    .pg-profile-hero-body { grid-template-columns: 105px minmax(0,1fr); gap: 14px; padding: 0 18px 22px; }
    .pg-profile-cover { height: 108px; }.pg-profile-large-avatar { margin-top: -48px; }.pg-profile-avatar-large { width: 96px !important; height: 96px !important; border-width: 5px; }
    .pg-profile-identity { padding-top: 12px; }.pg-profile-identity h1 { font-size: 1.45rem; }.pg-profile-stats { grid-column: 1 / -1; justify-self: start; display: flex; gap: 6px; align-items: baseline; padding: 8px 12px; }
    .pg-edit-profile-card { padding: 18px; border-radius: 18px; }.pg-user-link span { display: none; }
}

/* Friends and connection system */
.pg-nav-badge { display:inline-flex; align-items:center; justify-content:center; min-width:18px; height:18px; margin-left:6px; padding:0 5px; border-radius:999px; background:#e985a6; color:#fff; font-size:.68rem; font-weight:800; vertical-align:1px; }
.pg-profile-side-actions { display:flex; flex-direction:column; gap:11px; align-items:stretch; }
.pg-profile-stat-row { display:flex; gap:8px; }
.pg-profile-stat-row .pg-profile-stats { flex:1; }
.pg-friend-action-form { display:flex; gap:7px; margin:0; flex-wrap:wrap; }
.pg-friend-btn { border:0; border-radius:12px; min-height:38px; padding:9px 14px; background:linear-gradient(135deg,#aa9be0,#8cc7e6); color:#fff; cursor:pointer; font:800 .8rem/1 "Nunito",sans-serif; box-shadow:0 5px 14px rgba(125,109,183,.15); }
.pg-friend-btn:hover { transform:translateY(-1px); filter:brightness(.99); }
.pg-friend-btn-muted { background:#f3eff8; color:#756d83; box-shadow:none; }
.pg-mini-stats { display:flex; justify-content:center; gap:8px; }
.pg-mini-stats .pg-mini-stat { min-width:64px; text-decoration:none !important; }
.pg-friends-wrap { width:min(920px,100%); margin:0 auto; }
.pg-friends-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:25px 27px; margin-bottom:18px; background:#fff; border:1px solid var(--pg-border); border-radius:24px; box-shadow:0 10px 30px rgba(91,78,121,.07); }
.pg-friends-heading h1 { margin:0; color:#585169; font:800 1.8rem/1.1 "Baloo 2",sans-serif; }
.pg-friends-heading p { margin:4px 0 0; color:#9991a3; font-size:.9rem; }
.pg-friends-count { min-width:86px; padding:11px 15px; border-radius:16px; background:#faf8fc; text-align:center; }
.pg-friends-count strong,.pg-friends-count span { display:block; }.pg-friends-count strong { color:#776bb3; font-size:1.25rem; }.pg-friends-count span { color:#9c95a6; font-size:.75rem; font-weight:800; }
.pg-friends-section { margin:18px 0; padding:22px; background:#fff; border:1px solid var(--pg-border); border-radius:22px; box-shadow:0 8px 26px rgba(91,78,121,.055); }
.pg-friends-section h2 { margin:0 0 15px; color:#625a72; font:800 1.2rem/1.2 "Baloo 2",sans-serif; }
.pg-friends-section h2 span { display:inline-flex; align-items:center; justify-content:center; min-width:22px; height:22px; margin-left:5px; padding:0 6px; border-radius:999px; background:#fff1f6; color:#d77599; font:800 .72rem/1 "Nunito",sans-serif; }
.pg-friend-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:11px; }
.pg-friend-card { display:grid; grid-template-columns:64px minmax(0,1fr) auto; gap:12px; align-items:center; padding:13px; border:1px solid #eeeaf3; border-radius:17px; background:#fdfcfe; }
.pg-friend-avatar { display:block; width:64px !important; height:64px !important; object-fit:cover; border-radius:50% !important; }
.pg-friend-card-info { min-width:0; }.pg-friend-card-info a { color:#5a5367 !important; text-decoration:none !important; }.pg-friend-card-info strong { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:.91rem; }.pg-friend-card-info span { display:block; margin-top:2px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#9e97a8; font-size:.76rem; }
.pg-friend-card-actions { justify-self:end; }.pg-friend-card-actions .pg-friend-btn { min-height:34px; padding:8px 10px; font-size:.73rem; }
.pg-friends-empty { padding:24px; border:1px dashed #ddd6e7; border-radius:15px; background:#fbfafc; color:#918a9b; text-align:center; font-size:.88rem; }
@media (max-width:760px) {
  .pg-friend-grid { grid-template-columns:1fr; }
  .pg-friends-heading { padding:20px; border-radius:19px; }
  .pg-friends-section { padding:16px; border-radius:18px; }
  .pg-profile-side-actions { grid-column:1 / -1; align-items:flex-start; }
  .pg-profile-stat-row { width:100%; }
}
@media (max-width:480px) {
  .pg-friend-card { grid-template-columns:52px minmax(0,1fr); }.pg-friend-avatar { width:52px !important; height:52px !important; }.pg-friend-card-actions { grid-column:1 / -1; justify-self:stretch; }.pg-friend-card-actions .pg-friend-action-form { width:100%; }.pg-friend-card-actions .pg-friend-btn { flex:1; }
}

/* Notifications */
.pg-notification-nav { position:relative; display:inline-flex !important; align-items:center; gap:5px; }
.pg-user-menu .pg-notification-nav { padding:7px 8px; border-radius:12px; background:#f8f5fb; color:#746c82 !important; text-decoration:none !important; }
.pg-user-menu .pg-notification-label { display:none; }
.pg-user-menu .pg-notification-nav .pg-nav-badge { position:absolute; top:-5px; right:-5px; margin:0; }
.pg-notifications-wrap { width:min(760px,100%); margin:0 auto; }
.pg-notifications-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:25px 27px; margin-bottom:16px; background:#fff; border:1px solid var(--pg-border); border-radius:24px; box-shadow:0 10px 30px rgba(91,78,121,.07); }
.pg-notifications-heading h1 { margin:0; color:#585169; font:800 1.8rem/1.1 "Baloo 2",sans-serif; }
.pg-notifications-heading p { margin:4px 0 0; color:#9991a3; font-size:.9rem; }
.pg-bell-large { display:flex; align-items:center; justify-content:center; width:54px; height:54px; border-radius:18px; background:linear-gradient(135deg,#fff0f5,#f1edff); font-size:1.5rem; }
.pg-notifications-list { overflow:hidden; background:#fff; border:1px solid var(--pg-border); border-radius:22px; box-shadow:0 8px 26px rgba(91,78,121,.055); }
.pg-notification-item { position:relative; display:grid; grid-template-columns:52px minmax(0,1fr) 12px; gap:14px; align-items:center; padding:16px 20px; border-bottom:1px solid #f0edf3; color:inherit !important; text-decoration:none !important; transition:.16s ease; }
.pg-notification-item:last-child { border-bottom:0; }
.pg-notification-item:hover { background:#fbf9fd; }
.pg-notification-item.is-unread { background:#fff8fb; }
.pg-notification-avatar-img { display:block; width:52px !important; height:52px !important; border-radius:50% !important; object-fit:cover; }
.pg-notification-fallback { display:flex; align-items:center; justify-content:center; width:52px; height:52px; border-radius:50%; background:#f1edf7; color:#8b7bb9; }
.pg-notification-body { min-width:0; display:flex; flex-direction:column; gap:3px; }
.pg-notification-body strong { color:#5e576c; font-size:.91rem; line-height:1.35; }
.pg-notification-body small { color:#a099aa; font-size:.76rem; font-weight:700; }
.pg-unread-dot { width:9px; height:9px; border-radius:50%; background:#e985a6; }
.pg-notifications-empty { padding:50px 24px; text-align:center; }
.pg-notifications-empty > span { display:block; font-size:2.3rem; margin-bottom:8px; }
.pg-notifications-empty h2 { margin:0; color:#635b71; font:800 1.35rem/1.2 "Baloo 2",sans-serif; }
.pg-notifications-empty p { margin:6px auto 0; max-width:430px; color:#9891a2; font-size:.88rem; }
@media (max-width:800px) { .pg-user-menu .pg-notification-nav { display:inline-flex !important; } }
@media (max-width:560px) { .pg-notifications-heading { padding:20px; border-radius:19px; }.pg-notification-item { grid-template-columns:44px minmax(0,1fr) 10px; padding:14px; gap:11px; }.pg-notification-avatar-img,.pg-notification-fallback { width:44px !important; height:44px !important; } }
@media (min-width:801px) { .pg-user-menu .pg-notification-nav { display:none !important; } }

/* Private messages + account verification */
.pg-message-profile-btn { display:inline-flex; align-items:center; justify-content:center; text-decoration:none !important; }
.pg-messages-wrap { width:min(1020px,100%); margin:0 auto; display:grid; grid-template-columns:280px minmax(0,1fr); gap:18px; }
.pg-conversation-list,.pg-thread-card { background:#fff; border:1px solid var(--pg-border); border-radius:22px; box-shadow:0 8px 26px rgba(91,78,121,.055); }
.pg-conversation-list { padding:18px; align-self:start; }
.pg-conversation-list h2 { margin:0 0 13px; color:#5e576d; font:800 1.35rem/1.2 "Baloo 2",sans-serif; }
.pg-muted { color:#9a93a5; font-size:.84rem; line-height:1.5; }
.pg-conversation-item { display:flex; gap:10px; align-items:center; margin:5px 0; padding:9px; border-radius:14px; color:#5f586c !important; text-decoration:none !important; }
.pg-conversation-item:hover,.pg-conversation-item.is-active { background:#f8f5fb; }
.pg-conversation-item span { min-width:0; }.pg-conversation-item strong,.pg-conversation-item small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.pg-conversation-item strong { font-size:.86rem; }.pg-conversation-item small { margin-top:2px; color:#a099aa; font-size:.72rem; }
.pg-thread-card { min-height:570px; display:flex; flex-direction:column; overflow:hidden; }
.pg-thread-head { display:flex; gap:12px; align-items:center; padding:16px 19px; border-bottom:1px solid #f0edf3; }
.pg-thread-head a { line-height:0; }.pg-thread-head h1 { margin:0; color:#5b5468; font:800 1.15rem/1.2 "Baloo 2",sans-serif; }.pg-thread-head p { margin:2px 0 0; color:#9d96a7; font-size:.76rem; }
.pg-thread-messages { flex:1; padding:20px; display:flex; flex-direction:column; gap:10px; overflow:auto; background:#fdfcfe; }
.pg-message-bubble { max-width:72%; padding:10px 13px; border-radius:16px; }
.pg-message-bubble p { margin:0; color:#5f5869; font-size:.9rem; line-height:1.45; }.pg-message-bubble time { display:block; margin-top:4px; color:#aaa3b3; font-size:.66rem; font-weight:700; }
.pg-message-bubble.is-mine { align-self:flex-end; background:#eee9fb; border-bottom-right-radius:5px; }.pg-message-bubble.is-theirs { align-self:flex-start; background:#fff; border:1px solid #ece8f1; border-bottom-left-radius:5px; }
.pg-message-form { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:10px; align-items:end; padding:15px; border-top:1px solid #f0edf3; }
.pg-message-form textarea { box-sizing:border-box; width:100%; resize:vertical; min-height:74px; border:2px solid #eeeaf4; outline:none; border-radius:14px; padding:11px 12px; background:#fcfbfd; color:#514b5f; font:600 .9rem/1.4 "Nunito",sans-serif; }
.pg-message-form textarea:focus { border-color:#c8beec; background:#fff; }.pg-send-message { width:auto; min-width:84px; margin:0; }
.pg-nonfriend-warning { margin:14px 16px 0; padding:12px 14px; border:1px solid #f1dca8; border-radius:14px; background:#fffaf0; color:#766a4b; }.pg-nonfriend-warning strong { display:block; font-size:.86rem; }.pg-nonfriend-warning p { margin:3px 0 0; font-size:.78rem; line-height:1.45; }
.pg-empty-thread { margin:auto; padding:38px 24px; text-align:center; color:#9a93a5; }.pg-empty-thread h2 { margin:0; color:#625a72; font:800 1.3rem/1.2 "Baloo 2",sans-serif; }.pg-empty-thread p { margin:6px 0 0; font-size:.86rem; }
.pg-verification-banner { width:min(1020px,calc(100% - 24px)); margin:0 auto 18px; display:flex; justify-content:space-between; gap:18px; align-items:center; padding:14px 17px; border:1px solid #f0d99f; border-radius:17px; background:#fffaf0; box-shadow:0 6px 20px rgba(116,92,42,.05); color:#70654b; }
.pg-verification-banner strong,.pg-verification-banner span { display:block; }.pg-verification-banner strong { font-size:.9rem; }.pg-verification-banner span { margin-top:2px; font-size:.76rem; }
.pg-verification-banner form { margin:0; }.pg-verification-banner button { white-space:nowrap; border:0; border-radius:11px; padding:9px 12px; background:#f0cb72; color:#675c43; cursor:pointer; font:800 .75rem/1 "Nunito",sans-serif; }
.pg-honeypot { position:absolute !important; left:-10000px !important; width:1px !important; height:1px !important; overflow:hidden !important; }
@media (max-width:800px) { .pg-messages-wrap { grid-template-columns:1fr; }.pg-conversation-list { max-height:230px; overflow:auto; }.pg-thread-card { min-height:500px; }.pg-verification-banner { align-items:flex-start; flex-direction:column; } }
@media (max-width:520px) { .pg-message-bubble { max-width:86%; }.pg-message-form { grid-template-columns:1fr; }.pg-send-message { width:100%; }.pg-thread-messages { padding:14px; } }

/* v0.7 Safety, privacy, moderation, anti-abuse */
.pg-safety-wrap { width:min(900px,100%); margin:0 auto; display:grid; gap:16px; }
.pg-safety-card { padding:24px; background:#fff; border:1px solid var(--pg-border); border-radius:22px; box-shadow:0 8px 26px rgba(91,78,121,.055); }
.pg-safety-card h1,.pg-safety-card h2 { margin:0; color:#5d556b; font-family:"Baloo 2",sans-serif; font-weight:800; }
.pg-safety-card h1 { font-size:1.8rem; }.pg-safety-card h2 { font-size:1.25rem; }
.pg-safety-card > p { margin:5px 0 16px; color:#948d9e; line-height:1.5; }
.pg-danger-card { border-color:#f0c9cf; background:#fffafb; }
.pg-danger-button,.pg-danger-inline { background:linear-gradient(135deg,#e98c9f,#d46f88) !important; color:#fff !important; }
.pg-profile-safety-actions { display:flex; gap:7px; flex-wrap:wrap; margin:2px 0 0; }
.pg-profile-safety-actions textarea { width:100%; min-height:58px; resize:vertical; border:1px solid #e8e2ec; border-radius:11px; padding:8px 10px; font:600 .75rem/1.35 "Nunito",sans-serif; color:#655e72; }
.pg-thread-safety { margin-left:auto; display:flex; gap:6px; }
.pg-thread-safety button { border:1px solid #e4dce8; border-radius:9px; padding:6px 9px; background:#faf8fc; color:#817889; cursor:pointer; font:800 .7rem/1 "Nunito",sans-serif; }
.pg-thread-safety button:last-child { color:#b15e72; border-color:#efd0d7; background:#fff7f8; }
.pg-turnstile { margin:8px 0 4px; min-height:65px; }
.pg-safety-card .pg-profile-form input[type="password"] { box-sizing:border-box; width:100%; border:2px solid #eeeaf4; outline:none; border-radius:14px; padding:12px 13px; background:#fcfbfd; color:#514b5f; font:600 .94rem/1.45 "Nunito",sans-serif; }
@media (max-width:600px){ .pg-safety-card{padding:18px;border-radius:18px}.pg-thread-head{flex-wrap:wrap}.pg-thread-safety{width:100%;margin-left:60px} }

/* v0.9 photo posts and content moderation */
.pg-photo-picker{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:10px;padding:11px 13px;border:1px dashed #d9d2e4;border-radius:14px;background:#fbfafc;color:#746d80;font-weight:800;cursor:pointer}.pg-photo-picker input{max-width:240px}.pg-photo-picker small{color:#aaa3b3;font-weight:600}.pg-image-preview{position:relative;margin-top:10px}.pg-image-preview img{display:block;max-width:100%;max-height:360px;border-radius:16px;object-fit:contain;background:#f6f3f8}.pg-image-preview button{margin-top:7px;border:0;background:transparent;color:#c66d88;font-weight:800;cursor:pointer}.pg-post-image{margin:13px -2px 4px}.pg-post-image img{display:block;width:100%;max-height:650px;object-fit:contain;border-radius:17px;background:#f7f5f9}.pg-post-tools{display:flex;align-items:center;gap:12px;justify-content:flex-end;margin-top:6px;color:#9b94a5;font-size:.75rem}.pg-post-tools summary{cursor:pointer;font-weight:800}.pg-post-tools form{margin:0}.pg-edit-post[open],.pg-report-content[open],.pg-message-report[open]{width:100%;padding:10px;border-radius:12px;background:#faf8fc}.pg-edit-post textarea,.pg-report-content textarea,.pg-message-report textarea{box-sizing:border-box;width:100%;margin:7px 0;padding:9px;border:1px solid #e4dfea;border-radius:10px;resize:vertical}.pg-edit-post button,.pg-report-content button,.pg-message-report button{border:0;border-radius:9px;padding:7px 11px;background:#8d80c3;color:#fff;font-weight:800;cursor:pointer}.pg-text-danger{border:0;background:transparent;color:#c66d88;font:800 .75rem Nunito,sans-serif;cursor:pointer}.pg-message-report{margin-top:6px;font-size:.72rem}.pg-message-report summary{cursor:pointer;opacity:.75}

/* v1.0 multi-attachments and email invitations */
.pg-file-previews{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:10px}.pg-file-preview-item{min-width:0;border:1px solid #ece6f1;border-radius:12px;padding:7px;background:#faf8fc}.pg-file-preview-item img{display:block;width:100%;height:110px;object-fit:cover;border-radius:9px;margin-bottom:5px}.pg-file-preview-item span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;color:#81788b}.pg-post-attachments{display:grid;grid-template-columns:1fr;gap:8px;margin:13px -2px 4px}.pg-post-attachments.is-multi{grid-template-columns:repeat(2,minmax(0,1fr))}.pg-post-media{display:block;min-width:0}.pg-post-media img{display:block;width:100%;height:auto;max-height:650px;object-fit:contain;border-radius:17px;background:#f7f5f9}.pg-post-attachments.is-multi .pg-post-media img{height:300px;object-fit:cover}.pg-file-attachment{display:flex;align-items:center;gap:10px;padding:14px;border:1px solid #e7e0eb;border-radius:14px;background:#faf8fc;text-decoration:none;color:#5f566a}.pg-file-attachment span{font-size:1.5rem}.pg-file-attachment strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pg-file-attachment small{margin-left:auto;font-weight:900;color:#9a90a4}.pg-invite-card{margin:0 0 22px;padding:18px;border:1px solid #e8e0ed;border-radius:18px;background:#fff}.pg-invite-card h2{margin:0 0 4px}.pg-invite-card p,.pg-invite-card small{color:#8e8598}.pg-invite-form{display:flex;gap:10px;margin:12px 0 7px}.pg-invite-form input{flex:1;min-width:0;padding:11px 13px;border:1px solid #ddd4e4;border-radius:11px}@media(max-width:650px){.pg-file-previews{grid-template-columns:repeat(2,minmax(0,1fr))}.pg-post-attachments.is-multi{grid-template-columns:1fr}.pg-post-attachments.is-multi .pg-post-media img{height:auto;max-height:520px;object-fit:contain}.pg-invite-form{flex-direction:column}}

/* v0.11 discovery, search, mutual friends, and per-post privacy */
.pg-top-search{display:flex;align-items:center;gap:0;min-width:220px;max-width:330px;flex:1;margin:0 14px}.pg-top-search input{width:100%;border:1px solid #e5e7eb;border-right:0;border-radius:999px 0 0 999px;padding:9px 13px;background:#fff}.pg-top-search button{border:1px solid #e5e7eb;border-left:0;border-radius:0 999px 999px 0;background:#fff;padding:9px 12px;cursor:pointer}.pg-discover-wrap,.pg-search-wrap{max-width:1100px;margin:0 auto;padding:34px 20px 60px}.pg-discover-hero{display:flex;justify-content:space-between;align-items:center;gap:20px;background:#fff;border-radius:20px;padding:24px;margin-bottom:24px;box-shadow:0 8px 28px rgba(25,35,60,.06)}.pg-member-directory{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.pg-friend-card-info small{display:block;margin-top:4px;color:#7c6f92}.pg-search-page-form{display:flex;gap:10px;margin:18px 0 28px}.pg-search-page-form input{flex:1;padding:13px 15px;border:1px solid #ddd6e7;border-radius:12px}.pg-search-section{margin:28px 0}.pg-privacy-badge{font-size:12px;color:#71677d;white-space:nowrap}.pg-post-privacy-select{display:flex;align-items:center;gap:8px;font-size:13px;color:#665d70;margin:10px 0}.pg-post-privacy-select select,.pg-profile-form select{border:1px solid #ddd6e7;border-radius:10px;padding:8px 10px;background:#fff}.pg-mutual-note{font-size:13px;color:#776b83;margin:8px 0}.pg-profile-form label strong{display:inline-block;margin-top:6px}
@media(max-width:900px){.pg-top-search{order:3;max-width:none;min-width:100%;margin:8px 0 0}.pg-topbar{flex-wrap:wrap}.pg-discover-hero{align-items:flex-start;flex-direction:column}}

/* Playground Calls v0.12.0 */
.pg-call-profile-btn,.pg-thread-call-actions button{border:0;cursor:pointer}.pg-thread-call-actions{display:flex;gap:7px;margin-left:auto}.pg-thread-call-actions button{padding:8px 11px;border-radius:12px;background:#f0ebff;color:#625579;font-weight:800}.pg-call-overlay{position:fixed;inset:0;z-index:100000;background:rgba(33,27,43,.78);display:grid;place-items:center;padding:20px}.pg-call-overlay[hidden],.pg-incoming-call[hidden],.pg-call-add-panel[hidden]{display:none!important}.pg-call-window{width:min(1050px,100%);max-height:94vh;overflow:auto;background:#211d29;color:#fff;border-radius:26px;box-shadow:0 28px 90px rgba(0,0,0,.4)}.pg-call-top{display:flex;justify-content:space-between;align-items:center;padding:18px 22px;border-bottom:1px solid rgba(255,255,255,.12)}.pg-call-top strong,.pg-call-top span{display:block}.pg-call-top span{font-size:.83rem;color:#c7bfd2}.pg-call-top a{color:#ded2ff}.pg-call-stage{min-height:390px;padding:18px;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.pg-call-tile{position:relative;min-height:220px;background:#302a3a;border-radius:20px;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.pg-call-tile video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.pg-call-tile audio{display:none}.pg-call-tile strong{position:absolute;left:12px;bottom:12px;z-index:2;background:rgba(0,0,0,.55);padding:5px 9px;border-radius:9px;font-size:.82rem}.pg-call-avatar{font-size:3rem}.pg-call-controls{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;padding:18px 20px 22px}.pg-call-controls button,.pg-call-add-panel button{border:0;border-radius:999px;padding:11px 16px;font-weight:800;cursor:pointer}.pg-call-controls button{background:#f4f0f8;color:#443b4e}.pg-call-controls .pg-call-leave{background:#ffe7b8}.pg-call-controls .pg-call-end{background:#ff8f9b;color:#fff}.pg-call-add-panel{padding:14px 22px;background:#2b2533;border-top:1px solid rgba(255,255,255,.1)}.pg-call-add-panel label{display:block;margin-bottom:8px;font-weight:800}.pg-call-add-panel>div{display:flex;gap:8px}.pg-call-add-panel select{flex:1;min-width:0;padding:10px;border-radius:12px}.pg-incoming-call{position:fixed;right:20px;bottom:20px;z-index:100001;width:min(390px,calc(100vw - 40px));background:#fff;border:1px solid #e7deef;border-radius:20px;padding:16px;box-shadow:0 18px 50px rgba(56,44,69,.24);display:flex;align-items:center;justify-content:space-between;gap:14px}.pg-incoming-call>div:first-child{display:grid;grid-template-columns:auto 1fr;column-gap:10px}.pg-incoming-icon{grid-row:1/3;font-size:2rem}.pg-incoming-call strong,.pg-incoming-call small{display:block}.pg-incoming-call small{color:#8d8494}.pg-incoming-call button{border:0;border-radius:999px;padding:9px 12px;font-weight:800;cursor:pointer}.pg-incoming-call .pg-answer{background:#d8f4df;color:#326a3f}.pg-incoming-call .pg-decline{background:#ffe0e4;color:#8c3c47}.pg-calls-page{width:min(850px,100%);margin:0 auto}.pg-calls-heading,.pg-call-history{background:#fff;border:1px solid var(--pg-border);border-radius:22px;padding:24px;margin-bottom:16px}.pg-calls-heading h1{margin:0;color:#5c5368;font:800 1.8rem/1.1 "Baloo 2",sans-serif}.pg-calls-heading p{color:#8c8395}.pg-call-history-item{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid #eee8f2}.pg-call-history-item:last-child{border-bottom:0}.pg-call-history-icon{font-size:1.6rem}.pg-call-history-item strong,.pg-call-history-item small{display:block}.pg-call-history-item small{color:#918899;margin-top:3px}@media(max-width:650px){.pg-call-stage{grid-template-columns:1fr;min-height:300px}.pg-call-tile{min-height:180px}.pg-thread-call-actions{width:100%;margin:8px 0 0}.pg-call-window{border-radius:18px}.pg-incoming-call{left:12px;right:12px;bottom:12px;width:auto}}


/* v0.12.1 consent-based call recording */
.pg-recording-banner{display:flex;align-items:center;gap:10px;padding:9px 14px;background:#fff1f1;border:1px solid #f4b8b8;border-radius:12px;margin:0 0 10px;color:#7d2020}.pg-recording-banner[hidden]{display:none!important}.pg-recording-banner strong{background:#d82929;color:#fff;border-radius:999px;padding:4px 8px;font-size:12px;letter-spacing:.08em}.pg-record-consent{padding:14px;background:#fff9e8;border:1px solid #ead18b;border-radius:14px;margin:0 0 12px}.pg-record-consent[hidden]{display:none!important}.pg-record-consent strong,.pg-record-consent span{display:block}.pg-record-consent span{margin-top:4px;font-size:13px;color:#6d6243}.pg-record-consent div{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.pg-record-consent button,[data-pg-call-record]{border:0;border-radius:999px;padding:9px 13px;font-weight:700;cursor:pointer}.pg-record-consent button:first-child{background:#2f855a;color:#fff}.pg-record-consent button:last-child{background:#eee;color:#333}[data-pg-call-record]{background:#b3261e;color:#fff}


/* v0.12.2 secure recordings library */
.pg-call-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.pg-call-tabs a{display:inline-flex;padding:8px 13px;border-radius:999px;background:#fff;border:1px solid #ddd;color:#333;text-decoration:none;font-weight:700}.pg-call-tabs a.is-active{background:#5b4fd8;color:#fff;border-color:#5b4fd8}.pg-recordings-library{display:grid;gap:16px}.pg-recording-card{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:18px;padding:18px;box-shadow:0 5px 18px rgba(0,0,0,.04)}.pg-recording-meta{display:flex;gap:12px;align-items:center;margin-bottom:12px}.pg-recording-meta h2{font-size:17px;margin:0 0 3px}.pg-recording-meta p{margin:0;color:#666;font-size:13px}.pg-recording-card audio,.pg-recording-card video{display:block;width:100%;max-height:520px;border-radius:12px;background:#111;margin:12px 0}.pg-recording-actions{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.pg-recording-card>small{color:#777;word-break:break-all}.pg-button-secondary{background:#eef0f7!important;color:#333!important}

/* Groups & Communities (0.13.0) */
.pg-groups-wrap,.pg-group-page-wrap{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:32px 0 56px}.pg-groups-hero{padding:28px;border-radius:24px;background:#fff;margin-bottom:24px;box-shadow:0 12px 35px rgba(70,74,110,.08)}.pg-groups-hero h1,.pg-group-header h1{margin:0 0 8px}.pg-group-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:14px 0 30px}.pg-group-card{display:block;background:#fff;border-radius:20px;overflow:hidden;text-decoration:none;color:inherit;box-shadow:0 10px 28px rgba(70,74,110,.08);transition:transform .18s ease,box-shadow .18s ease}.pg-group-card:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(70,74,110,.12)}.pg-group-card-image{height:150px;background:linear-gradient(135deg,#fff4cc,#e8f7ff);display:grid;place-items:center;overflow:hidden}.pg-group-image{width:100%;height:100%;object-fit:cover}.pg-group-image-placeholder{display:grid;place-items:center;font-size:48px}.pg-group-card>div:last-child{padding:18px}.pg-group-card h3{margin:6px 0}.pg-group-card p{margin:0 0 10px;color:#606575}.pg-group-privacy{display:inline-flex;padding:4px 9px;border-radius:999px;background:#eef3ff;font-size:12px;font-weight:700}.pg-create-group{background:#fff;border-radius:20px;padding:18px 20px;box-shadow:0 10px 28px rgba(70,74,110,.08)}.pg-create-group summary{cursor:pointer;font-weight:800}.pg-create-group form{display:grid;gap:14px;margin-top:16px}.pg-create-group label{display:grid;gap:6px;font-weight:700}.pg-create-group input,.pg-create-group textarea,.pg-create-group select,.pg-community-card select{width:100%;box-sizing:border-box}.pg-group-header{background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 12px 35px rgba(70,74,110,.08);margin-bottom:22px}.pg-group-cover{height:280px;background:linear-gradient(135deg,#fff2c7,#dff5ff);display:grid;place-items:center;overflow:hidden}.pg-group-header-body{padding:24px}.pg-group-stats{margin:14px 0;color:#626878}.pg-group-actions{display:flex;gap:10px;flex-wrap:wrap}.pg-group-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:22px;align-items:start}.pg-group-sidebar{display:grid;gap:16px}.pg-group-member-row,.pg-group-request{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid #eef0f5}.pg-group-member-row>span{display:grid;min-width:0;flex:1}.pg-group-member-row small{text-transform:capitalize;color:#747988}.pg-group-member-row form{display:flex;gap:6px;align-items:center}.pg-group-request{justify-content:space-between}.pg-group-request form{display:flex;gap:6px}.pg-group-report{padding:10px;border:1px solid #eceef4;border-radius:12px;margin:8px 0}.pg-group-report p{margin:0 0 4px}.pg-group-report small{display:block;margin-bottom:8px}.pg-group-report form{display:flex;gap:6px;flex-wrap:wrap}.pg-button-secondary{border:1px solid #d9dce7;background:#fff;border-radius:12px;padding:10px 15px;font-weight:700;cursor:pointer}.pg-comments.is-open{display:block}
@media(max-width:900px){.pg-group-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pg-group-layout{grid-template-columns:1fr}.pg-group-cover{height:220px}}
@media(max-width:600px){.pg-groups-wrap,.pg-group-page-wrap{width:min(100% - 18px,1180px);padding-top:18px}.pg-group-grid{grid-template-columns:1fr}.pg-group-cover{height:180px}.pg-group-header-body{padding:18px}.pg-group-card-image{height:130px}}

/* v0.14 Group Chat */
.pg-group-chat-wrap{max-width:1180px;margin:0 auto;padding:28px 20px}.pg-group-chat-head{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:18px}.pg-group-chat-head h1{margin:0}.pg-group-chat-head p{margin:5px 0 0;color:#687386}.pg-group-chat-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px}.pg-group-chat-card,.pg-group-chat-sidebar{background:#fff;border:1px solid #e8eaf0;border-radius:22px;box-shadow:0 10px 30px rgba(42,50,70,.06)}.pg-group-chat-card{overflow:hidden}.pg-group-chat-messages{height:min(66vh,680px);overflow:auto;padding:20px;background:linear-gradient(180deg,#fbfcff,#fff)}.pg-chat-message{display:flex;gap:10px;margin:12px 0;align-items:flex-end}.pg-chat-message.is-mine{flex-direction:row-reverse}.pg-chat-avatar{flex:0 0 36px}.pg-chat-bubble{max-width:min(76%,720px);padding:11px 13px;border-radius:16px;background:#f1f4f9}.pg-chat-message.is-mine .pg-chat-bubble{background:#eaf4ff}.pg-chat-bubble>strong{display:block;margin-bottom:3px}.pg-chat-bubble strong small{font-weight:600;color:#7a8495}.pg-chat-bubble p{margin:5px 0 8px;white-space:normal;word-break:break-word}.pg-chat-meta{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.pg-chat-meta time{font-size:12px;color:#8a93a2;margin-right:4px}.pg-chat-meta button{border:0;background:transparent;padding:2px 5px;cursor:pointer;color:#687386}.pg-chat-reply-preview{border-left:3px solid #a9b9d7;padding:4px 8px;margin-bottom:7px;color:#5f697a;font-size:12px}.pg-group-chat-form{border-top:1px solid #eef0f4;padding:14px}.pg-group-chat-form textarea{width:100%;resize:vertical;border:1px solid #dfe3eb;border-radius:14px;padding:12px;font:inherit}.pg-chat-compose-row{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:8px}.pg-chat-typing{min-height:24px;padding:3px 16px;color:#788396;font-size:13px}.pg-chat-replying{margin:0 0 8px;background:#f4f7fb;border-radius:10px;padding:7px 10px;font-size:13px;cursor:pointer}.pg-group-chat-sidebar{padding:16px;height:max-content}.pg-chat-member{display:flex;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid #f0f1f5}.pg-chat-member>span:nth-of-type(2){display:flex;flex-direction:column;min-width:0;flex:1}.pg-chat-member small{color:#8992a0}.pg-presence{width:9px;height:9px;border-radius:50%;background:#c9ced8}.pg-presence.is-online{background:#43b96d;box-shadow:0 0 0 3px rgba(67,185,109,.14)}.pg-chat-attachment-image img{display:block;max-width:260px;max-height:220px;object-fit:cover;border-radius:12px;margin:8px 0}.pg-chat-reports{margin-top:18px;border-top:1px solid #eceef2;padding-top:12px}.pg-chat-report-item{padding:10px 0;border-bottom:1px solid #f0f1f4}.pg-chat-report-item small{display:block;margin:4px 0 7px;color:#6c7686}.pg-chat-report-item button{margin-right:6px}.pg-chat-dynamic-attachments{display:flex;flex-wrap:wrap;gap:8px}
@media(max-width:860px){.pg-group-chat-layout{grid-template-columns:1fr}.pg-group-chat-sidebar{order:-1}.pg-group-chat-messages{height:58vh}.pg-group-chat-head{align-items:flex-start;flex-direction:column}.pg-chat-bubble{max-width:88%}}
.pg-create-room{margin:8px 0 14px;padding:9px;border:1px solid #e8eaf0;border-radius:12px}.pg-create-room summary{cursor:pointer;font-weight:700}.pg-create-room form{display:grid;gap:8px;margin-top:9px}.pg-create-room input,.pg-create-room select{width:100%;border:1px solid #dfe3eb;border-radius:9px;padding:8px}.pg-room-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:#f1f4f9;font-size:20px}.pg-conversation-list h3{margin:16px 8px 7px;font-size:13px;color:#7a8495;text-transform:uppercase;letter-spacing:.04em}
/* v0.15 Events & Meetups */
.pg-events-wrap,.pg-event-detail-wrap{max-width:1180px;margin:0 auto;padding:32px 20px}.pg-events-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:20px}.pg-event-form label{display:flex;flex-direction:column;gap:6px;font-weight:700}.pg-event-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:14px 0}.pg-event-form input,.pg-event-form select,.pg-event-form textarea,.pg-group-sidebar select,.pg-group-sidebar textarea{width:100%;box-sizing:border-box}.pg-events-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:24px}.pg-event-card{display:block;background:#fff;border-radius:22px;overflow:hidden;text-decoration:none;color:inherit;box-shadow:0 12px 36px rgba(69,64,99,.10)}.pg-event-card-cover{height:170px;overflow:hidden;background:#f4f2ff}.pg-event-cover-image{width:100%;height:100%;object-fit:cover}.pg-event-cover-placeholder{height:100%;display:grid;place-items:center;font-size:64px}.pg-event-card-body{padding:18px;display:flex;flex-direction:column;gap:7px}.pg-event-card-body h2{margin:0}.pg-event-card-body small{color:#6e6882}.pg-event-hero{background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 12px 36px rgba(69,64,99,.10);display:grid;grid-template-columns:42% 1fr}.pg-event-hero-cover{min-height:340px;background:#f4f2ff}.pg-event-hero-body{padding:28px}.pg-event-kickers{display:flex;gap:8px}.pg-event-kickers span{background:#f3efff;border-radius:999px;padding:6px 10px;font-size:13px}.pg-event-time{font-weight:800;color:#6257a7}.pg-rsvp-buttons{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.pg-rsvp-buttons button{border:1px solid #ddd4ff;border-radius:999px;background:#fff;padding:9px 14px;cursor:pointer}.pg-rsvp-buttons button.is-active{background:#6857c8;color:#fff;border-color:#6857c8}.pg-event-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:20px;margin-top:22px}.pg-event-announcement{border-left:4px solid #e7b8ff;padding:10px 14px;margin:10px 0;background:#fbf7ff;border-radius:8px}.pg-event-call-button{margin-top:10px}@media(max-width:900px){.pg-events-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pg-event-hero{grid-template-columns:1fr}.pg-event-hero-cover{min-height:220px}.pg-event-layout{grid-template-columns:1fr}}@media(max-width:600px){.pg-event-form-grid,.pg-events-grid{grid-template-columns:1fr}}

.pg-event-photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0}.pg-event-photo-grid img{width:100%;height:150px;object-fit:cover;border-radius:12px}.pg-event-photo-form{display:flex;gap:10px;align-items:end;flex-wrap:wrap}.pg-event-photo-form label{display:flex;flex-direction:column;gap:5px}.pg-event-section-head{display:flex;justify-content:space-between;align-items:center}@media(max-width:600px){.pg-event-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* v0.16 Real-time & mobile UX */
.pg-live-toasts{position:fixed;right:18px;top:82px;z-index:99995;display:grid;gap:10px;width:min(360px,calc(100vw - 30px));pointer-events:none}.pg-live-toast{display:grid;gap:3px;background:#fff;color:#2f3344;text-decoration:none;border:1px solid #e7e9f0;border-radius:16px;padding:13px 15px;box-shadow:0 16px 42px rgba(35,40,65,.18);transform:translateX(30px);opacity:0;transition:.22s ease;pointer-events:auto}.pg-live-toast.is-showing{transform:none;opacity:1}.pg-live-toast strong{color:#6557b7}.pg-feed-sentinel{text-align:center;color:#818796;padding:22px}.pg-feed-sentinel button{border:1px solid #dddfe8;background:#fff;border-radius:12px;padding:9px 14px;cursor:pointer}.pg-notify-table{display:grid;border:1px solid #e7e9ef;border-radius:14px;overflow:hidden;margin:15px 0}.pg-notify-row{display:grid;grid-template-columns:minmax(180px,1fr) 80px 80px 80px;align-items:center;min-height:45px;padding:0 12px;border-bottom:1px solid #eef0f4}.pg-notify-row:last-child{border-bottom:0}.pg-notify-head{background:#f7f8fb}.pg-notify-row label{text-align:center}.pg-member-presence{color:#4d8d68!important}.pg-member-presence:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:#5ec67d;margin-right:5px}.pg-mobile-nav,.pg-mobile-create-menu{display:none}
@media(max-width:760px){body:has(.pg-app-shell){padding-bottom:74px}.pg-mobile-nav{position:fixed;display:grid;grid-template-columns:repeat(5,1fr);left:0;right:0;bottom:0;height:66px;background:rgba(255,255,255,.97);backdrop-filter:blur(14px);border-top:1px solid #e8eaf0;z-index:99990;padding-bottom:env(safe-area-inset-bottom)}.pg-mobile-nav>a,.pg-mobile-nav>button{position:relative;border:0;background:transparent;color:#52586b;text-decoration:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font:inherit}.pg-mobile-nav span{font-size:22px;line-height:1}.pg-mobile-nav small{font-size:11px;font-weight:800}.pg-mobile-create span{display:grid;place-items:center;background:#7665d5;color:#fff;width:40px;height:40px;border-radius:50%;font-size:29px;margin-top:-13px;box-shadow:0 8px 20px rgba(91,76,177,.28)}.pg-mobile-badge,.pg-mobile-create-menu b{position:absolute;background:#ef5a75;color:#fff;border-radius:999px;min-width:17px;height:17px;padding:0 4px;font-size:10px;line-height:17px}.pg-mobile-badge{top:6px;right:20%}.pg-mobile-create-menu{display:grid;place-items:end center;position:fixed;inset:0;z-index:99989;background:rgba(32,36,54,.24);padding:0 12px 78px}.pg-mobile-create-menu[hidden]{display:none}.pg-mobile-create-menu>div{width:min(430px,100%);background:#fff;border-radius:22px;padding:16px;box-shadow:0 18px 50px rgba(30,35,60,.24);display:grid;gap:7px}.pg-mobile-create-menu strong{font-size:18px;padding:4px 7px 8px}.pg-mobile-create-menu a{display:block;text-decoration:none;color:#34394c;background:#f7f8fb;padding:12px;border-radius:12px;font-weight:800;position:relative}.pg-topbar .pg-main-nav{display:none}.pg-live-toasts{top:14px;right:15px}.pg-notify-row{grid-template-columns:minmax(120px,1fr) 55px 55px 55px;padding:0 8px;font-size:13px}.pg-notify-head strong:not(:first-child){font-size:11px}.pg-feed-layout{padding-bottom:16px}}

/* v1.3 Public Beta Readiness & UX Polish */
.pg-beta-note{display:grid;gap:3px;margin:0 0 14px;padding:12px 14px;border-radius:14px;background:#f1efff;border:1px solid #ddd7ff;color:#4b417f}.pg-beta-note strong{font-size:14px}.pg-beta-note span{font-size:13px}.pg-beta-note-warning{background:#fff6e8;border-color:#f2d9a9;color:#76531e}.pg-version-pill{display:inline-block;margin:0 0 8px;padding:5px 10px;border-radius:999px;background:#eeeaff;color:#5f51a6;font-weight:800;font-size:12px}.pg-whats-new-card{max-width:820px!important}.pg-whats-new-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0}.pg-whats-new-grid>div{display:grid;gap:5px;padding:15px;border:1px solid #e5e2f4;border-radius:16px;background:#fbfaff}.pg-whats-new-grid strong{color:#5e51a3}.pg-whats-new-grid span{color:#6d7282;font-size:14px;line-height:1.5}.pg-beta-welcome-wrap{width:min(1080px,calc(100% - 28px));margin:0 auto;padding:38px 0 70px}.pg-beta-welcome-card{max-width:none!important}.pg-beta-suggestion-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:10px 0 24px}.pg-beta-suggestion-grid>a{display:grid;gap:4px;text-decoration:none;color:#34394c;background:#f8f8fc;border:1px solid #e6e7ef;border-radius:14px;padding:13px 14px}.pg-beta-suggestion-grid>a:hover{border-color:#bdb4ed;background:#f5f2ff}.pg-beta-suggestion-grid span{font-size:12px;color:#74798a}.pg-not-found-card{width:min(680px,calc(100% - 28px));margin:70px auto;padding:34px;text-align:center;background:#fff;border:1px solid #e8e9ef;border-radius:24px;box-shadow:0 18px 60px rgba(38,42,64,.1)}.pg-not-found-icon{font-size:54px}.pg-not-found-card h1{margin:10px 0}.pg-button-secondary{background:#f0f1f6!important;color:#444b62!important}.pg-beta-maintenance{max-width:680px!important;text-align:center}.pg-search-section+.pg-search-section{margin-top:26px}
@media(max-width:760px){.pg-whats-new-grid,.pg-beta-suggestion-grid{grid-template-columns:1fr}.pg-beta-welcome-wrap{padding-top:20px}.pg-not-found-card{margin:28px auto;padding:24px 18px}.pg-whats-new-card{padding:20px!important}}
.pg-feedback-fab{position:fixed;right:22px;bottom:82px;z-index:9997;border:0;border-radius:999px;padding:12px 16px;background:#fff;color:#35324a;box-shadow:0 8px 28px rgba(40,35,70,.18);font-weight:700;cursor:pointer}.pg-feedback-modal[hidden]{display:none}.pg-feedback-modal{position:fixed;inset:0;z-index:10020;background:rgba(35,31,55,.48);display:flex;align-items:center;justify-content:center;padding:18px}.pg-feedback-panel{position:relative;background:#fff;width:min(560px,100%);max-height:90vh;overflow:auto;border-radius:24px;padding:24px;box-shadow:0 24px 70px rgba(20,17,40,.28)}.pg-feedback-panel label{display:block;font-weight:700;margin:12px 0}.pg-feedback-panel input[type=text],.pg-feedback-panel textarea,.pg-feedback-panel input[type=file]{display:block;width:100%;margin-top:6px}.pg-feedback-close{position:absolute;right:14px;top:10px;border:0;background:transparent;font-size:28px;cursor:pointer}.pg-global-announcement{position:fixed;left:50%;transform:translateX(-50%);top:8px;z-index:9998;max-width:min(900px,calc(100% - 24px));background:#fff7c7;border:1px solid #ead875;color:#534716;border-radius:14px;padding:9px 14px;box-shadow:0 6px 20px rgba(30,25,50,.12)}@media(max-width:720px){.pg-feedback-fab{right:12px;bottom:76px;padding:10px 12px;font-size:12px}.pg-global-announcement{font-size:12px}}
.pg-logo-image img{display:block;max-width:min(420px,85vw);max-height:120px;width:auto;height:auto;margin:0 auto}.pg-logo-image.pg-logo-compact img{max-width:210px;max-height:58px}
.pg-brand-welcome{text-align:center;margin:-2px 0 18px;font-weight:700;opacity:.78}

/* v1.5.5: community-page shell cleanup + responsive app header */
body.pg-chatters-app-page,
body.pg-chatters-app-page #page,
body.pg-chatters-app-page .site,
body.pg-chatters-app-page .site-content,
body.pg-chatters-app-page .content-area,
body.pg-chatters-app-page .site-main,
body.pg-chatters-app-page article,
body.pg-chatters-app-page .entry-content,
body.pg-chatters-app-page .wp-site-blocks,
body.pg-chatters-app-page .wp-block-post-content {
    box-sizing: border-box;
    max-width: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}
body.pg-chatters-app-page .entry-header,
body.pg-chatters-app-page .entry-title,
body.pg-chatters-app-page h1.entry-title,
body.pg-chatters-app-page .wp-block-post-title,
body.pg-chatters-app-page .page-header,
body.pg-chatters-app-page .page-title {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
}
body.pg-chatters-app-page { overflow-x: hidden; }
body.pg-chatters-app-page .pg-app-shell { width: 100%; max-width: 100vw; margin: 0 !important; }

.pg-topbar {
    width: 100%;
    max-width: 100vw;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: clamp(8px, 1.4vw, 20px);
    padding-left: clamp(12px, 2vw, 28px);
    padding-right: clamp(12px, 2vw, 28px);
}
.pg-main-nav {
    min-width: 0;
    justify-content: center;
    overflow: hidden;
}
.pg-main-nav a {
    flex: 0 1 auto;
    min-width: 0;
    padding-left: clamp(8px, 1.15vw, 18px);
    padding-right: clamp(8px, 1.15vw, 18px);
    white-space: nowrap;
}
.pg-user-menu { min-width: 0; white-space: nowrap; }
.pg-top-search { min-width: 0; }

.pg-app-bg { padding-top: 18px; }
.pg-feed-layout { max-width: 1180px; width: 100%; padding-left: 0; padding-right: 0; }

@media (max-width: 1180px) {
    .pg-main-nav a { padding-left: 9px; padding-right: 9px; font-size: .9rem; }
    .pg-user-menu .pg-user-link span { display: none; }
    .pg-user-menu { gap: 5px; }
}
@media (max-width: 980px) {
    .pg-main-nav { display: none; }
    .pg-topbar { grid-template-columns: auto minmax(0,1fr) auto; }
    .pg-top-search { width: 100%; max-width: 420px; justify-self: center; }
}
@media (max-width: 800px) {
    .pg-topbar { height: 64px; padding: 0 12px; }
    .pg-top-search { display: none; }
    .pg-app-bg { padding: 10px 10px 46px; min-height: calc(100vh - 64px); }
    .pg-feed-layout { width: 100%; grid-template-columns: minmax(0,1fr); gap: 14px; }
    .pg-feed-column { width: 100%; max-width: 100%; }
}
@media (max-width: 600px) {
    .pg-brand-link { max-width: 150px; overflow: hidden; }
    .pg-user-menu > a:not(.pg-user-link):not(.pg-logout),
    .pg-user-menu > .pg-notification-nav { display: none !important; }
    .pg-logout { font-size: .75rem; }
    .pg-app-bg { padding-top: 8px; }
}

/* v1.5.6: pull the community app fully to the top of the page */
html:has(body.pg-chatters-app-page),
body.pg-chatters-app-page {
    margin: 0 !important;
    padding: 0 !important;
}
body.pg-chatters-app-page #page,
body.pg-chatters-app-page .site,
body.pg-chatters-app-page .wp-site-blocks,
body.pg-chatters-app-page .site-content,
body.pg-chatters-app-page .content-area,
body.pg-chatters-app-page .site-main,
body.pg-chatters-app-page article,
body.pg-chatters-app-page .entry-content,
body.pg-chatters-app-page .wp-block-post-content {
    margin-block-start: 0 !important;
    margin-block-end: 0 !important;
    padding-block-start: 0 !important;
    padding-block-end: 0 !important;
    gap: 0 !important;
}
body.pg-chatters-app-page .pg-app-shell {
    margin-top: 0 !important;
    padding-top: 0 !important;
}
body.pg-chatters-app-page .pg-topbar {
    height: 60px;
    min-height: 60px;
    top: 0;
}
body.pg-chatters-app-page .pg-app-bg {
    padding-top: 0 !important;
    min-height: calc(100vh - 60px);
}
body.pg-chatters-app-page .pg-feed-layout {
    margin-top: 0 !important;
    padding-top: 0 !important;
}
body.pg-chatters-app-page .pg-sidebar,
body.pg-chatters-app-page .pg-rightbar {
    top: 72px;
}
@media (max-width: 800px) {
    body.pg-chatters-app-page .pg-topbar {
        height: 58px;
        min-height: 58px;
    }
    body.pg-chatters-app-page .pg-app-bg {
        padding-top: 0 !important;
        min-height: calc(100vh - 58px);
    }
}

/* v1.5.7: use the full browser width for the member app */
body.pg-chatters-app-page .pg-app-shell {
    position: relative;
    left: 50%;
    width: 100vw !important;
    max-width: none !important;
    margin-left: -50vw !important;
    margin-right: -50vw !important;
}
body.pg-chatters-app-page .pg-topbar,
body.pg-chatters-app-page .pg-app-bg {
    width: 100vw !important;
    max-width: none !important;
}
body.pg-chatters-app-page .pg-app-bg {
    box-sizing: border-box;
    padding-left: clamp(10px, 1.5vw, 24px) !important;
    padding-right: clamp(10px, 1.5vw, 24px) !important;
}
body.pg-chatters-app-page .pg-feed-layout {
    box-sizing: border-box;
    width: 100% !important;
    max-width: none !important;
    grid-template-columns: minmax(210px, 270px) minmax(0, 1fr) minmax(210px, 270px);
    gap: clamp(14px, 1.7vw, 28px);
    justify-content: stretch;
}
body.pg-chatters-app-page .pg-feed-column,
body.pg-chatters-app-page .pg-sidebar,
body.pg-chatters-app-page .pg-rightbar {
    min-width: 0;
}
@media (max-width: 1180px) {
    body.pg-chatters-app-page .pg-feed-layout {
        grid-template-columns: minmax(200px, 240px) minmax(0, 1fr) minmax(190px, 220px);
        gap: 16px;
    }
}
@media (max-width: 980px) {
    body.pg-chatters-app-page .pg-feed-layout {
        grid-template-columns: minmax(190px, 225px) minmax(0, 1fr);
    }
    body.pg-chatters-app-page .pg-rightbar { display: none; }
}
@media (max-width: 800px) {
    body.pg-chatters-app-page .pg-app-bg {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    body.pg-chatters-app-page .pg-feed-layout {
        grid-template-columns: minmax(0, 1fr);
        gap: 14px;
    }
}


/* v1.5.8: eliminate residual theme/template space above the Chatters R Us app */
body.pg-chatters-app-page main,
body.pg-chatters-app-page .wp-block-group,
body.pg-chatters-app-page .wp-block-group__inner-container,
body.pg-chatters-app-page .wp-block-template-part,
body.pg-chatters-app-page .wp-site-blocks > main,
body.pg-chatters-app-page .wp-site-blocks > .wp-block-group,
body.pg-chatters-app-page .wp-site-blocks > *:has(.pg-app-shell),
body.pg-chatters-app-page article:has(.pg-app-shell),
body.pg-chatters-app-page .entry-content:has(.pg-app-shell),
body.pg-chatters-app-page .wp-block-post-content:has(.pg-app-shell) {
    margin-top: 0 !important;
    margin-block-start: 0 !important;
    padding-top: 0 !important;
    padding-block-start: 0 !important;
}
body.pg-chatters-app-page .wp-site-blocks,
body.pg-chatters-app-page .wp-site-blocks > main,
body.pg-chatters-app-page .wp-site-blocks > main > *,
body.pg-chatters-app-page .wp-block-post-content > *,
body.pg-chatters-app-page .entry-content > * {
    --wp--style--block-gap: 0px;
}
body.pg-chatters-app-page .pg-app-shell {
    top: 0 !important;
}

/* v1.6.0: Always-visible message/notification counters. */
.pg-nav-badge.is-zero { opacity:.58; background:#4a4a4a; }
.pg-messages-nav, .pg-notification-nav { display:inline-flex; align-items:center; }


/* v1.6.2: Header navigation spacing and collision fix. */
.pg-topbar {
    grid-template-columns: auto minmax(0, 1fr) minmax(220px, 300px) auto;
    column-gap: clamp(10px, 1.2vw, 22px);
}
.pg-main-nav {
    gap: clamp(2px, .35vw, 8px);
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.pg-main-nav::-webkit-scrollbar { display: none; }
.pg-main-nav a {
    flex: 0 0 auto;
    padding-left: clamp(7px, .7vw, 13px);
    padding-right: clamp(7px, .7vw, 13px);
    line-height: 1.2;
}
.pg-main-nav .pg-nav-badge {
    flex: 0 0 auto;
    margin-left: 5px;
}
.pg-user-menu {
    flex: 0 0 auto;
    gap: 8px;
}
/* Messages/calls/notifications are already present in the main navigation.
   Keep the account area compact so it cannot force menu labels together. */
@media (min-width: 981px) {
    .pg-user-menu .pg-messages-nav,
    .pg-user-menu .pg-calls-nav,
    .pg-user-menu .pg-notification-nav {
        display: none !important;
    }
}
@media (max-width: 1450px) and (min-width: 981px) {
    .pg-topbar {
        grid-template-columns: auto minmax(0, 1fr) minmax(190px, 240px) auto;
        column-gap: 8px;
        padding-left: 12px;
        padding-right: 12px;
    }
    .pg-main-nav { gap: 1px; }
    .pg-main-nav a {
        padding-left: 7px;
        padding-right: 7px;
        font-size: .84rem;
    }
    .pg-user-menu .pg-user-link span { display: none; }
}
@media (max-width: 980px) {
    .pg-topbar { grid-template-columns: auto minmax(0, 1fr) auto; }
}

/* v1.6.3: Put the Chatters R Us brand on its own row above the desktop menu. */
@media (min-width: 981px) {
    .pg-topbar {
        height: auto;
        min-height: 112px;
        grid-template-columns: minmax(0, 1fr) minmax(220px, 300px) auto;
        grid-template-rows: 50px 62px;
        column-gap: clamp(10px, 1.2vw, 22px);
        row-gap: 0;
        align-items: center;
        padding-top: 0;
        padding-bottom: 0;
    }
    .pg-topbar > .pg-brand-link {
        grid-column: 1 / -1;
        grid-row: 1;
        justify-self: start;
        align-self: end;
        max-width: none;
        overflow: visible;
        padding-bottom: 7px;
    }
    .pg-topbar > .pg-main-nav {
        grid-column: 1;
        grid-row: 2;
        justify-self: start;
        width: 100%;
        min-width: 0;
    }
    .pg-topbar > .pg-top-search,
    .pg-topbar > form.pg-top-search {
        grid-column: 2;
        grid-row: 2;
    }
    .pg-topbar > .pg-user-menu {
        grid-column: 3;
        grid-row: 2;
    }
    .pg-app-bg { min-height: calc(100vh - 112px); }
    .pg-sidebar, .pg-rightbar { top: 132px; }
}


/* v1.6.4: Add compact visual icons beside desktop menu labels. */
@media (min-width: 981px) {
    .pg-main-nav a {
        display: inline-flex;
        align-items: center;
        gap: 6px;
    }
    .pg-main-nav a::before {
        display: inline-grid;
        place-items: center;
        flex: 0 0 auto;
        width: 24px;
        height: 24px;
        border-radius: 7px;
        background: rgba(255,255,255,.06);
        border: 1px solid rgba(255,255,255,.08);
        font-size: 14px;
        line-height: 1;
    }
    .pg-main-nav a:first-child::before { content: "⌂"; }
    .pg-main-nav a[href*="pg_view=friends"]::before { content: "👥"; }
    .pg-main-nav a[href*="pg_view=groups"]::before { content: "◉"; }
    .pg-main-nav a[href*="pg_view=events"]::before { content: "📅"; }
    .pg-main-nav a[href*="pg_view=discover"]::before { content: "🧭"; }
    .pg-main-nav a[href*="pg_view=messages"]::before { content: "✉"; }
    .pg-main-nav a[href*="pg_member="]::before { content: "👤"; }
    .pg-main-nav a[href*="pg_view=safety"]::before { content: "🛡"; }

    /* Calls and notifications already include their own icons in the markup. */
    .pg-main-nav .pg-calls-nav::before,
    .pg-main-nav .pg-notification-nav::before {
        content: none;
        display: none;
    }
    .pg-main-nav .pg-calls-nav > span:first-child,
    .pg-main-nav .pg-notification-nav > span:first-child {
        display: inline-grid;
        place-items: center;
        flex: 0 0 auto;
        width: 24px;
        height: 24px;
        border-radius: 7px;
        background: rgba(255,255,255,.06);
        border: 1px solid rgba(255,255,255,.08);
        font-size: 14px;
        line-height: 1;
    }
    .pg-main-nav a:hover::before,
    .pg-main-nav a.is-active::before,
    .pg-main-nav .pg-calls-nav:hover > span:first-child,
    .pg-main-nav .pg-calls-nav.is-active > span:first-child,
    .pg-main-nav .pg-notification-nav:hover > span:first-child,
    .pg-main-nav .pg-notification-nav.is-active > span:first-child {
        background: rgba(92,255,141,.12);
        border-color: rgba(92,255,141,.28);
    }
}

/* v1.6.5: Desktop navigation moved to a fixed left-side menu. */
@media (min-width: 981px) {
    body.pg-chatters-app-page {
        --pg-desktop-nav-width: 238px;
    }

    body.pg-chatters-app-page .pg-topbar {
        position: fixed !important;
        top: 0;
        left: 0;
        right: auto;
        bottom: 0;
        z-index: 99980;
        box-sizing: border-box;
        width: var(--pg-desktop-nav-width) !important;
        max-width: var(--pg-desktop-nav-width) !important;
        height: 100vh !important;
        min-height: 100vh !important;
        display: flex;
        flex-direction: column;
        align-items: stretch;
        justify-content: flex-start;
        gap: 12px;
        padding: 18px 13px 14px !important;
        overflow-x: hidden;
        overflow-y: auto;
        background: rgba(15,17,22,.98);
        border-right: 1px solid rgba(255,255,255,.10);
        border-bottom: 0;
        box-shadow: 8px 0 28px rgba(0,0,0,.12);
    }

    body.admin-bar.pg-chatters-app-page .pg-topbar {
        top: 32px;
        height: calc(100vh - 32px) !important;
        min-height: calc(100vh - 32px) !important;
    }

    body.pg-chatters-app-page .pg-topbar > .pg-brand-link {
        order: 1;
        flex: 0 0 auto;
        width: 100%;
        max-width: 100%;
        margin: 0;
        padding: 0 8px 12px;
        align-self: auto;
        justify-self: auto;
        border-bottom: 1px solid rgba(255,255,255,.09);
        overflow: visible;
    }

    body.pg-chatters-app-page .pg-topbar .pg-logo-compact {
        width: 100%;
        justify-content: flex-start;
    }

    body.pg-chatters-app-page .pg-topbar > .pg-main-nav {
        order: 2;
        display: flex;
        flex: 0 0 auto;
        flex-direction: column;
        align-items: stretch;
        width: 100%;
        height: auto;
        gap: 4px;
        overflow: visible;
    }

    body.pg-chatters-app-page .pg-main-nav a {
        box-sizing: border-box;
        display: flex;
        align-items: center;
        width: 100%;
        min-height: 42px;
        gap: 10px;
        padding: 8px 10px;
        border-radius: 10px;
        color: rgba(255,255,255,.78);
        font-size: .88rem;
        line-height: 1.15;
        white-space: nowrap;
    }

    body.pg-chatters-app-page .pg-main-nav a:hover,
    body.pg-chatters-app-page .pg-main-nav a.is-active {
        color: #fff;
        background: rgba(92,255,141,.09);
    }

    body.pg-chatters-app-page .pg-main-nav a.is-active::after {
        left: 0;
        right: auto;
        top: 8px;
        bottom: 8px;
        width: 3px;
        height: auto;
        border-radius: 0 4px 4px 0;
        background: #5cff8d;
    }

    body.pg-chatters-app-page .pg-main-nav .pg-nav-badge {
        margin-left: auto;
    }

    body.pg-chatters-app-page .pg-topbar > .pg-top-search,
    body.pg-chatters-app-page .pg-topbar > form.pg-top-search {
        order: 3;
        flex: 0 0 auto;
        width: 100%;
        min-width: 0;
        max-width: none;
        margin: 4px 0 0;
    }

    body.pg-chatters-app-page .pg-top-search input {
        min-width: 0;
    }

    body.pg-chatters-app-page .pg-topbar > .pg-user-menu {
        order: 4;
        flex: 0 0 auto;
        width: 100%;
        margin-top: auto;
        padding-top: 12px;
        border-top: 1px solid rgba(255,255,255,.09);
        display: grid;
        grid-template-columns: minmax(0,1fr) auto;
        align-items: center;
        gap: 8px;
        color: rgba(255,255,255,.78);
    }

    body.pg-chatters-app-page .pg-user-menu .pg-user-link {
        min-width: 0;
        color: rgba(255,255,255,.86) !important;
    }

    body.pg-chatters-app-page .pg-user-menu .pg-user-link span {
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    body.pg-chatters-app-page .pg-user-menu .pg-logout {
        margin: 0;
        padding: 6px 0 6px 9px;
        border-left-color: rgba(255,255,255,.12);
        color: rgba(255,255,255,.65) !important;
    }

    body.pg-chatters-app-page .pg-app-bg {
        box-sizing: border-box;
        width: calc(100vw - var(--pg-desktop-nav-width)) !important;
        max-width: none !important;
        min-height: 100vh !important;
        margin-left: var(--pg-desktop-nav-width) !important;
        padding-top: 14px !important;
    }

    body.pg-chatters-app-page .pg-sidebar,
    body.pg-chatters-app-page .pg-rightbar {
        top: 14px;
    }

    body.pg-chatters-app-page .pg-post-card {
        scroll-margin-top: 16px;
    }
}

@media (min-width: 981px) and (max-width: 1180px) {
    body.pg-chatters-app-page {
        --pg-desktop-nav-width: 218px;
    }
    body.pg-chatters-app-page .pg-topbar {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    body.pg-chatters-app-page .pg-main-nav a {
        font-size: .83rem;
        padding-left: 8px;
        padding-right: 8px;
    }
}

/* Chatters R Us v1.7.0 social enhancements */
.pg-theme-toggle{display:flex;align-items:center;width:100%;min-height:42px;padding:8px 10px;border:0;border-radius:10px;background:transparent;color:rgba(255,255,255,.78);font:inherit;text-align:left;cursor:pointer}.pg-theme-toggle:hover{background:rgba(92,255,141,.09);color:#fff}
.pg-verified-badge{display:inline-flex;align-items:center;justify-content:center;width:17px;height:17px;border-radius:50%;background:#4bd977;color:#07120a;font-size:11px;font-weight:900;vertical-align:middle}
.pg-reaction-bar{display:flex;flex-wrap:wrap;gap:6px;padding:8px 0}.pg-reaction-btn{border:1px solid rgba(255,255,255,.12);border-radius:999px;background:transparent;color:inherit;padding:6px 10px;cursor:pointer}.pg-reaction-btn.is-active{border-color:#5cff8d;background:rgba(92,255,141,.12)}
.pg-inline-action{display:inline-flex;margin-right:8px}.pg-text-action{border:0;background:transparent;color:inherit;cursor:pointer;padding:4px 6px}.pg-text-action:hover{color:#5cff8d}
.pg-poll{margin:10px 0;padding:14px;border:1px solid rgba(255,255,255,.1);border-radius:12px}.pg-poll form{display:grid;gap:7px;margin-top:9px}.pg-poll-option{display:flex;justify-content:space-between;gap:12px;width:100%;padding:9px 11px;border-radius:9px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.03);color:inherit;cursor:pointer;text-align:left}.pg-poll-option.is-selected{border-color:#5cff8d;background:rgba(92,255,141,.09)}
.pg-poll-composer{margin:8px 0}.pg-poll-composer summary{cursor:pointer}.pg-poll-composer label{display:grid;gap:4px;margin-top:7px}.pg-poll-composer input{width:100%;box-sizing:border-box}
.pg-mention,.pg-hashtag{color:#5cff8d;text-decoration:none;font-weight:650}.pg-enhanced-page{max-width:980px;margin:0 auto;padding:18px}.pg-activity-list{display:grid;gap:10px}.pg-activity-list article{padding:12px 14px;border:1px solid rgba(255,255,255,.1);border-radius:10px}.pg-activity-list article span{display:block;font-size:.8rem;opacity:.7}.pg-activity-list article p{margin:.4rem 0 0}
.pg-friend-suggestions{display:grid;gap:8px}.pg-friend-suggestions>a{display:flex;align-items:center;gap:8px;text-decoration:none;color:inherit}.pg-friend-suggestions .pg-avatar{width:34px;height:34px}.pg-friend-suggestions .pg-see-all{color:#5cff8d;font-size:.82rem}.pg-message-search{display:flex;gap:5px;margin:8px 0 12px}.pg-message-search input{min-width:0;flex:1}.pg-private-typing{min-height:20px;padding:0 14px;color:#5cff8d;font-size:.82rem}.pg-profile-cover{background-size:cover;background-position:center}
body.pg-light-mode.pg-chatters-app-page{background:#f3f6f8;color:#17202a}body.pg-light-mode.pg-chatters-app-page .pg-app-bg{background:#f3f6f8!important;color:#17202a}body.pg-light-mode.pg-chatters-app-page .pg-topbar{background:rgba(255,255,255,.98)!important;border-right-color:#d8dee5;color:#17202a}body.pg-light-mode.pg-chatters-app-page .pg-main-nav a,body.pg-light-mode.pg-chatters-app-page .pg-theme-toggle{color:#394553}body.pg-light-mode.pg-chatters-app-page .pg-main-nav a:hover,body.pg-light-mode.pg-chatters-app-page .pg-main-nav a.is-active,body.pg-light-mode.pg-chatters-app-page .pg-theme-toggle:hover{background:#e9f7ee;color:#17202a}body.pg-light-mode.pg-chatters-app-page .pg-post-card,body.pg-light-mode.pg-chatters-app-page .pg-composer-card,body.pg-light-mode.pg-chatters-app-page .pg-profile-card,body.pg-light-mode.pg-chatters-app-page .pg-sidebar-note,body.pg-light-mode.pg-chatters-app-page .pg-thread-card,body.pg-light-mode.pg-chatters-app-page .pg-conversation-list,body.pg-light-mode.pg-chatters-app-page .pg-safety-card{background:#fff!important;color:#17202a!important;border-color:#dfe5eb!important}body.pg-light-mode .pg-reaction-btn,body.pg-light-mode .pg-poll,body.pg-light-mode .pg-poll-option,body.pg-light-mode .pg-activity-list article{border-color:#dfe5eb;color:#17202a}
.pg-comment.is-reply{margin-left:42px}.pg-comment-reply{border:0;background:transparent;color:#5cff8d;padding:2px 0;font-size:.78rem;cursor:pointer}

/* ===== Chatters R Us v1.8.0 community expansion ===== */
.pg-app-shell{font-size:calc(1rem * var(--pg-user-text-scale,1));}
html[data-pg-contrast="high"] .pg-app-shell{filter:contrast(1.18);}
html[data-pg-motion="reduced"] .pg-app-shell *,html[data-pg-motion="reduced"] .pg-app-shell *::before,html[data-pg-motion="reduced"] .pg-app-shell *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important;}
.pg-nextgen-page{width:min(1180px,100%);margin:0 auto;padding:24px;box-sizing:border-box;}
.pg-nextgen-heading{margin-bottom:18px}.pg-nextgen-heading h1{margin:0 0 6px}.pg-nextgen-heading p{margin:0;color:var(--pg-muted,#9aa4b3)}
.pg-feature-grid,.pg-achievement-grid,.pg-story-grid,.pg-security-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}
.pg-feature-card,.pg-achievement,.pg-story-card,.pg-draft-card,.pg-profile-details-card,.pg-whats-new-card,.pg-story-create{display:flex;gap:14px;padding:18px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:rgba(255,255,255,.035);color:inherit;text-decoration:none;box-sizing:border-box}
.pg-feature-card:hover{border-color:rgba(86,255,157,.5);transform:translateY(-1px)}
.pg-feature-card h2,.pg-achievement h2,.pg-story-card h2,.pg-draft-card h2{font-size:1rem;margin:0 0 4px}.pg-feature-card p,.pg-achievement p{margin:0;color:var(--pg-muted,#9aa4b3);line-height:1.45}.pg-feature-icon,.pg-achievement>span{font-size:1.7rem;line-height:1}
.pg-achievement.is-locked{opacity:.58}.pg-achievement small{color:var(--pg-muted,#9aa4b3)}
.pg-story-create{display:block;margin-bottom:16px}.pg-story-create form{display:grid;gap:10px}.pg-story-create textarea{width:100%;box-sizing:border-box}.pg-story-card{display:block}.pg-story-card header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.pg-story-card header div{display:flex;flex-direction:column}.pg-story-image{width:100%;height:auto;max-height:420px;object-fit:cover;border-radius:12px;margin-bottom:10px}.pg-story-card p{white-space:normal;overflow-wrap:anywhere}
.pg-drafts-list{display:grid;gap:12px}.pg-draft-card{display:grid;gap:10px}.pg-draft-card>div{display:flex;justify-content:space-between;gap:10px}.pg-draft-card small{color:var(--pg-muted,#9aa4b3)}
.pg-profile-details-card{display:block;margin:14px 0}.pg-profile-details-card h2{margin-top:0}.pg-profile-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px}.pg-profile-detail{display:flex;flex-direction:column;gap:4px;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.035)}.pg-profile-detail span{font-size:.82em;color:var(--pg-muted,#9aa4b3)}
.pg-profile-extra-fields{display:grid;gap:8px;margin:18px 0;padding:16px;border:1px solid rgba(255,255,255,.12);border-radius:14px}.pg-profile-extra-fields legend{font-weight:700;padding:0 6px}.pg-profile-extra-fields input,.pg-profile-extra-fields select{width:100%;box-sizing:border-box}
.pg-feed-tabs{display:flex;gap:8px;overflow-x:auto;padding:2px 0 12px;margin-bottom:4px}.pg-feed-tabs a{white-space:nowrap;text-decoration:none;color:inherit;padding:8px 12px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(255,255,255,.025)}.pg-feed-tabs a.is-active{border-color:#55e89b;background:rgba(85,232,155,.12)}
.pg-publish-options{margin-top:10px;padding:10px 12px;border:1px solid rgba(255,255,255,.1);border-radius:12px}.pg-publish-options summary{cursor:pointer;font-weight:700}.pg-publish-options label{display:flex;align-items:center;gap:8px;margin-top:10px}.pg-publish-options a{display:inline-block;margin-top:10px}.pg-schedule-field[hidden]{display:none!important}
.pg-post-video{display:block;width:100%;max-height:640px;border-radius:14px;background:#000}.pg-post-attachments.is-multi .pg-post-video{min-height:180px}
.pg-voice-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pg-voice-file{display:inline-flex;align-items:center;gap:8px;cursor:pointer}.pg-voice-file input{max-width:220px}.pg-voice-record{border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:8px 12px;background:transparent;color:inherit;cursor:pointer}.pg-voice-message{display:block;width:min(360px,100%);margin:4px 0 8px}
.pg-security-grid .pg-safety-card{margin:0}.pg-security-grid form{display:grid;gap:10px}.pg-security-grid select,.pg-security-grid textarea{width:100%;box-sizing:border-box}.pg-whats-new-card{display:block}.pg-whats-new-card ul{margin:0;padding-left:22px}.pg-whats-new-card li{margin:8px 0}
@media(max-width:700px){.pg-nextgen-page{padding:14px}.pg-feature-grid,.pg-achievement-grid,.pg-story-grid,.pg-security-grid{grid-template-columns:1fr}.pg-profile-detail-grid{grid-template-columns:1fr}.pg-publish-options label{align-items:flex-start;flex-direction:column}.pg-voice-controls{align-items:flex-start;flex-direction:column}}

/* ===== Chatters R Us v1.8.2 main-menu + release-notes polish ===== */
@media (min-width: 981px) {
    body.pg-chatters-app-page .pg-topbar > .pg-main-nav {
        flex: 1 1 auto;
        min-height: 0;
        overflow-y: auto;
        overflow-x: hidden;
        padding-right: 2px;
        scrollbar-width: thin;
    }
    body.pg-chatters-app-page .pg-topbar > .pg-main-nav::-webkit-scrollbar { width: 5px; display: block; }
    body.pg-chatters-app-page .pg-topbar > .pg-main-nav::-webkit-scrollbar-thumb { background: rgba(255,255,255,.18); border-radius: 99px; }
}
.pg-release-history details { border-top: 1px solid rgba(255,255,255,.10); padding: 10px 0; }
.pg-release-history details:first-of-type { margin-top: 8px; }
.pg-release-history summary { cursor: pointer; font-weight: 800; }
.pg-release-history ul { margin-bottom: 0; }


/* Chatters R Us v2.0 community suite */
.pg-role-badge{display:inline-flex;align-items:center;margin-left:.45rem;padding:.18rem .5rem;border:1px solid rgba(93,255,142,.35);border-radius:999px;font-size:.72rem;font-weight:700;color:#8cffad;background:rgba(93,255,142,.08);vertical-align:middle}
.pg-v2-badges{display:flex;gap:.4rem;flex-wrap:wrap;margin:.45rem 0}.pg-v2-badges span{font-size:.76rem;padding:.25rem .55rem;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1)}
.pg-v2-announcement{margin:0 0 1rem;padding:1rem 1.15rem;border:1px solid rgba(93,255,142,.32);border-radius:14px;background:rgba(93,255,142,.07)}.pg-v2-announcement p{margin:.4rem 0 .7rem}.pg-v2-announcement button{border:0;border-radius:9px;padding:.45rem .75rem;cursor:pointer}
.pg-v2-post-controls{display:flex;gap:.6rem;flex-wrap:wrap;align-items:flex-start;margin:.35rem 0 .75rem}.pg-v2-post-controls form{margin:0}.pg-v2-post-controls button,.pg-v2-post-controls summary{font-size:.8rem;background:transparent;border:0;color:inherit;cursor:pointer;padding:.25rem}.pg-v2-post-controls details form{display:grid;gap:.45rem;padding:.55rem;background:#151819;border:1px solid rgba(255,255,255,.1);border-radius:10px}.pg-v2-post-controls textarea{min-width:260px}
.pg-v2-shared-post{margin:.6rem 0;padding:.75rem 1rem;border-left:3px solid #72ff9a;background:rgba(255,255,255,.035);border-radius:8px}.pg-v2-warning{margin:.5rem 0;padding:.55rem .75rem;border:1px solid rgba(255,193,7,.28);border-radius:10px;background:rgba(255,193,7,.05)}
.pg-v2-message-tools{margin-top:.25rem;font-size:.75rem}.pg-v2-message-tools summary{cursor:pointer}.pg-v2-message-tools details>form{display:flex;gap:.3rem;flex-wrap:wrap;margin:.35rem 0}.pg-v2-message-tools textarea{width:100%}
.pg-v2-notification-tabs{display:flex;gap:.45rem;overflow:auto;padding-bottom:.65rem;margin-bottom:.8rem}.pg-v2-notification-tabs a{white-space:nowrap;padding:.45rem .7rem;border:1px solid rgba(255,255,255,.12);border-radius:999px;text-decoration:none}.pg-v2-notification-tabs a.is-active{border-color:#72ff9a;color:#72ff9a}.pg-v2-markall{margin-bottom:1rem}.pg-notification-item{display:flex;gap:.7rem;align-items:center}.pg-notification-item .pg-notification-body{flex:1}.pg-notification-item form{margin:0}
.pg-v2-help-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;margin:1rem 0 1.5rem}.pg-v2-help-grid details{border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:.8rem}.pg-v2-help-grid summary{font-weight:700;cursor:pointer}
.pg-v2-session{display:flex;flex-direction:column;gap:.2rem;padding:.7rem 0;border-bottom:1px solid rgba(255,255,255,.08)}.pg-v2-session span{font-size:.8rem;opacity:.72}.pg-v2-spotlight h3{margin:.45rem 0}
@media(max-width:700px){.pg-v2-help-grid{grid-template-columns:1fr}.pg-v2-post-controls textarea{min-width:0;width:100%}.pg-role-badge{display:inline-flex;margin-top:.3rem}}

.pg-v2-composer-tools{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}.pg-v2-composer-tools>button,.pg-v2-composer-tools summary{cursor:pointer}.pg-v2-composer-tools label{display:flex;align-items:center;gap:.4rem;flex:1 1 250px}.pg-v2-emoji-panel{display:flex;gap:.2rem;flex-wrap:wrap;padding:.4rem}.pg-v2-emoji-panel button{font-size:1.25rem;background:transparent;border:0;cursor:pointer}.pg-v2-gif-search{display:grid;gap:.45rem;min-width:min(520px,80vw)}[data-pg-v2-gif-results]{display:grid;grid-template-columns:repeat(4,1fr);gap:.3rem;max-height:260px;overflow:auto}.pg-v2-gif-choice{padding:0;border:2px solid transparent;background:transparent;cursor:pointer}.pg-v2-gif-choice.is-selected{border-color:#72ff9a}.pg-v2-gif-choice img{width:100%;height:90px;object-fit:cover}.pg-v2-gif img{max-width:100%;max-height:440px;border-radius:12px}.pg-v2-link-preview{display:flex;flex-direction:column;gap:.22rem;padding:.8rem 1rem;margin:.55rem 0;border:1px solid rgba(255,255,255,.12);border-radius:12px;text-decoration:none;background:rgba(255,255,255,.035)}.pg-v2-link-preview strong{color:inherit}.pg-v2-link-preview span,.pg-v2-link-preview small{opacity:.72}.pg-v2-warning-body .pg-v2-warning-content{margin-top:.7rem}.pg-v2-completeness{margin:.6rem 0}.pg-v2-completeness>div{height:7px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden}.pg-v2-completeness>div>span{display:block;height:100%;background:currentColor}.pg-v2-completeness small{opacity:.68}.pg-v2-verify{display:inline-flex;margin:.25rem .3rem .25rem 0;padding:.18rem .45rem;border-radius:999px;font-size:.72rem;border:1px solid rgba(255,255,255,.12)}.pg-v2-verify.email{color:#8fd3ff}.pg-v2-verify.official{color:#8cffad}@media(max-width:700px){[data-pg-v2-gif-results]{grid-template-columns:repeat(3,1fr)}.pg-v2-gif-search{min-width:0}}

/* ===== Chatters R Us v2.0.1 accessibility + browser-zoom navigation ===== */
.pg-main-nav .pg-nav-icon,
.pg-theme-toggle .pg-nav-icon {
    display: inline-grid;
    place-items: center;
    flex: 0 0 1.75rem;
    width: 1.75rem;
    height: 1.75rem;
    border-radius: .5rem;
    background: rgba(255,255,255,.06);
    border: 1px solid rgba(255,255,255,.08);
    font-size: .9rem;
    line-height: 1;
}
.pg-main-nav .pg-nav-label,
.pg-theme-toggle .pg-nav-label {
    min-width: 0;
    overflow-wrap: anywhere;
}
.pg-main-nav a:focus-visible,
.pg-theme-toggle:focus-visible,
.pg-mobile-nav a:focus-visible,
.pg-mobile-nav button:focus-visible,
.pg-mobile-create-menu a:focus-visible,
.pg-mobile-create-menu button:focus-visible {
    outline: 3px solid #5cff8d !important;
    outline-offset: 2px;
    box-shadow: 0 0 0 2px #101318;
}

@media (min-width: 981px) {
    /* Browser zoom reduces the CSS viewport; keep the rail proportional and let
       long labels wrap instead of colliding or being clipped. */
    body.pg-chatters-app-page {
        --pg-desktop-nav-width: clamp(13rem, 16vw, 15rem);
    }
    body.pg-chatters-app-page .pg-topbar > .pg-main-nav {
        overscroll-behavior: contain;
        scrollbar-gutter: stable;
    }
    body.pg-chatters-app-page .pg-main-nav a,
    body.pg-chatters-app-page .pg-theme-toggle {
        min-height: 44px;
        height: auto;
        white-space: normal !important;
        line-height: 1.3;
        align-items: center;
    }
    body.pg-chatters-app-page .pg-main-nav a::before {
        content: none !important;
        display: none !important;
    }
    body.pg-chatters-app-page .pg-main-nav .pg-calls-nav > span:first-child,
    body.pg-chatters-app-page .pg-main-nav .pg-notification-nav > span:first-child {
        display: inline-grid;
    }
    body.pg-chatters-app-page .pg-main-nav .pg-nav-badge {
        flex: 0 0 auto;
        align-self: center;
    }
}

/* At increased browser zoom the effective CSS viewport becomes narrower.
   Switch to the bottom navigation sooner so the fixed left rail cannot squeeze content. */
@media (max-width: 980px) {
    body:has(.pg-app-shell) { padding-bottom: 74px; }
    .pg-topbar .pg-main-nav { display: none !important; }
    .pg-mobile-nav {
        position: fixed;
        display: grid;
        grid-template-columns: repeat(5, minmax(0,1fr));
        left: 0;
        right: 0;
        bottom: 0;
        height: 66px;
        background: rgba(255,255,255,.97);
        backdrop-filter: blur(14px);
        border-top: 1px solid #e8eaf0;
        z-index: 99990;
        padding-bottom: env(safe-area-inset-bottom);
    }
    .pg-mobile-nav > a,
    .pg-mobile-nav > button {
        position: relative;
        min-width: 0;
        min-height: 44px;
        border: 0;
        background: transparent;
        color: #52586b;
        text-decoration: none;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 2px;
        font: inherit;
    }
    .pg-mobile-nav span[aria-hidden="true"] { font-size: 22px; line-height: 1; }
    .pg-mobile-nav small { max-width: 100%; font-size: 11px; font-weight: 800; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .pg-mobile-create span[aria-hidden="true"] { display:grid;place-items:center;background:#7665d5;color:#fff;width:40px;height:40px;border-radius:50%;font-size:29px;margin-top:-13px;box-shadow:0 8px 20px rgba(91,76,177,.28); }
    .pg-mobile-badge,.pg-mobile-create-menu b{position:absolute;background:#ef5a75;color:#fff;border-radius:999px;min-width:17px;height:17px;padding:0 4px;font-size:10px;line-height:17px}
    .pg-mobile-badge{top:6px;right:20%}
    .pg-mobile-create-menu{display:grid;place-items:end center;position:fixed;inset:0;z-index:99989;background:rgba(32,36,54,.24);padding:0 12px 78px}
    .pg-mobile-create-menu[hidden]{display:none}
    .pg-mobile-create-menu>div{width:min(430px,100%);max-height:calc(100dvh - 100px);overflow:auto;background:#fff;border-radius:22px;padding:16px;box-shadow:0 18px 50px rgba(30,35,60,.24);display:grid;gap:7px}
    .pg-mobile-create-menu strong{font-size:18px;padding:4px 7px 8px}
    .pg-mobile-create-menu a{display:block;text-decoration:none;color:#34394c;background:#f7f8fb;padding:12px;border-radius:12px;font-weight:800;position:relative}
}

@media (max-width: 782px) {
    body.admin-bar.pg-chatters-app-page .pg-topbar { top: 46px; }
}

/* ===== Chatters R Us v2.0.2 zoom navigation scroll reliability ===== */
@media (min-width: 981px) {
    /* Keep the sidebar itself fixed. Only the menu list scrolls. Having both
       .pg-topbar and .pg-main-nav scrollable created a nested-scroll trap at
       browser zoom levels where the upper menu items could become unreachable. */
    body.pg-chatters-app-page .pg-topbar {
        overflow: hidden !important;
        overscroll-behavior: none;
    }

    body.pg-chatters-app-page .pg-topbar > .pg-brand-link,
    body.pg-chatters-app-page .pg-topbar > .pg-top-search,
    body.pg-chatters-app-page .pg-topbar > form.pg-top-search,
    body.pg-chatters-app-page .pg-topbar > .pg-user-menu {
        flex-shrink: 0;
    }

    body.pg-chatters-app-page .pg-topbar > .pg-main-nav {
        flex: 1 1 0 !important;
        min-height: 0 !important;
        max-height: none !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        overscroll-behavior-y: contain;
        -webkit-overflow-scrolling: touch;
        touch-action: pan-y;
        scroll-behavior: auto;
        scroll-padding-block: 0;
        align-content: start;
        justify-content: flex-start;
    }

    body.pg-chatters-app-page .pg-topbar > .pg-main-nav > :first-child {
        margin-top: 0 !important;
    }

    /* Make the scrollbar easier to find/use at enlarged browser zoom. */
    body.pg-chatters-app-page .pg-topbar > .pg-main-nav {
        scrollbar-width: auto;
        scrollbar-color: rgba(255,255,255,.34) transparent;
    }
    body.pg-chatters-app-page .pg-topbar > .pg-main-nav::-webkit-scrollbar {
        width: 9px;
        display: block;
    }
    body.pg-chatters-app-page .pg-topbar > .pg-main-nav::-webkit-scrollbar-track {
        background: transparent;
    }
    body.pg-chatters-app-page .pg-topbar > .pg-main-nav::-webkit-scrollbar-thumb {
        background: rgba(255,255,255,.34);
        border: 2px solid transparent;
        background-clip: padding-box;
        border-radius: 999px;
    }
}

/* On short effective viewports (often caused by browser zoom), keep the
   desktop rail but guarantee useful space for its independently-scrollable menu. */
@media (min-width: 981px) and (max-height: 700px) {
    body.pg-chatters-app-page .pg-topbar {
        gap: 7px;
        padding-top: 10px !important;
        padding-bottom: 9px !important;
    }
    body.pg-chatters-app-page .pg-topbar > .pg-brand-link {
        padding-bottom: 7px;
    }
    body.pg-chatters-app-page .pg-topbar > .pg-top-search,
    body.pg-chatters-app-page .pg-topbar > form.pg-top-search {
        margin-top: 0;
    }
    body.pg-chatters-app-page .pg-topbar > .pg-user-menu {
        padding-top: 7px;
    }
}

/* v2.2.0 administrator-only front-end control center */
.pg-admin-nav { border-top: 1px solid rgba(255,255,255,.12); margin-top: 5px; padding-top: 10px !important; }
.pg-admin-panel { display:grid; gap:26px; width:100%; }
.pg-admin-panel h3 { margin:0 0 12px; font-size:1.08rem; }
.pg-admin-hero { display:flex; justify-content:space-between; gap:22px; align-items:center; padding:22px; border:1px solid rgba(255,255,255,.12); border-radius:18px; background:rgba(255,255,255,.035); }
.pg-admin-hero h2 { margin:2px 0 7px; font-size:clamp(1.35rem,2vw,1.9rem); }
.pg-admin-hero p { margin:0; }
.pg-admin-eyebrow { text-transform:uppercase; letter-spacing:.08em; font-size:.72rem; font-weight:800; color:#77e69a; }
.pg-admin-status { min-width:220px; border:1px solid rgba(119,230,154,.35); border-radius:14px; padding:13px 15px; background:rgba(76,175,110,.08); display:grid; gap:4px; }
.pg-admin-status.is-warning { border-color:rgba(255,193,92,.45); background:rgba(255,193,92,.08); }
.pg-admin-status span { font-size:.82rem; opacity:.78; }
.pg-admin-metrics { display:grid; grid-template-columns:repeat(auto-fit,minmax(155px,1fr)); gap:12px; }
.pg-admin-metric { min-height:112px; padding:15px; border:1px solid rgba(255,255,255,.12); border-radius:15px; background:rgba(255,255,255,.035); display:flex; flex-direction:column; gap:5px; }
.pg-admin-metric > span { font-size:.76rem; text-transform:uppercase; letter-spacing:.04em; opacity:.72; font-weight:750; }
.pg-admin-metric > strong { font-size:1.75rem; line-height:1.1; }
.pg-admin-metric > small { margin-top:auto; opacity:.7; }
.pg-admin-section-heading { display:flex; align-items:center; justify-content:space-between; gap:14px; margin-bottom:12px; }
.pg-admin-section-heading h3 { margin:0; }
.pg-admin-section-heading a { font-size:.84rem; }
.pg-admin-tool-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:12px; margin-top:12px; }
.pg-admin-tool-card { position:relative; display:grid; grid-template-columns:38px 1fr auto; align-items:start; gap:11px; min-height:92px; padding:15px; border:1px solid rgba(255,255,255,.12); border-radius:15px; background:rgba(255,255,255,.035); text-decoration:none !important; color:inherit !important; }
.pg-admin-tool-card:hover, .pg-admin-tool-card:focus-visible { border-color:#58d881; background:rgba(88,216,129,.08); }
.pg-admin-tool-card:focus-visible { outline:3px solid #9bf4b6; outline-offset:2px; }
.pg-admin-tool-card strong { display:block; margin-bottom:4px; }
.pg-admin-tool-card small { display:block; opacity:.73; line-height:1.45; }
.pg-admin-tool-card > b { min-width:25px; padding:3px 7px; border-radius:999px; background:#58d881; color:#06140b; text-align:center; font-size:.75rem; }
.pg-admin-tool-icon { width:34px; height:34px; display:grid; place-items:center; border-radius:10px; background:rgba(255,255,255,.07); font-size:1.12rem; }
.pg-admin-audit-list { display:grid; gap:9px; }
.pg-admin-audit-list article { display:grid; grid-template-columns:minmax(180px,.8fr) minmax(240px,1.6fr) auto; gap:14px; align-items:center; border:1px solid rgba(255,255,255,.1); border-radius:13px; padding:12px 14px; background:rgba(255,255,255,.025); }
.pg-admin-audit-list article > div { display:grid; gap:2px; }
.pg-admin-audit-list article span, .pg-admin-audit-list time { font-size:.78rem; opacity:.68; }
.pg-admin-audit-list article p { margin:0; }
.pg-admin-footnote { font-size:.82rem; opacity:.72; border-top:1px solid rgba(255,255,255,.1); padding-top:16px; }
body.pg-light-mode .pg-admin-hero,body.pg-light-mode .pg-admin-metric,body.pg-light-mode .pg-admin-tool-card,body.pg-light-mode .pg-admin-audit-list article{border-color:#dfe5eb;background:#fff}
body.pg-light-mode .pg-admin-tool-icon{background:#eef3f5}
@media(max-width:900px){.pg-admin-hero{align-items:stretch;flex-direction:column}.pg-admin-status{min-width:0}.pg-admin-audit-list article{grid-template-columns:1fr}.pg-admin-section-heading{align-items:flex-start;flex-direction:column}}
@media(max-width:560px){.pg-admin-tool-grid{grid-template-columns:1fr}.pg-admin-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.pg-admin-metric{min-height:100px}.pg-admin-hero{padding:17px}}


/* v2.3.2: useful, accessible home right sidebar */
body.pg-chatters-app-page .pg-rightbar { align-content:start; max-height:calc(100dvh - 28px); overflow-y:auto; overscroll-behavior:contain; padding-right:3px; scrollbar-gutter:stable; }
.pg-rightbar-section h3 { margin-top:0; }
.pg-rightbar-list,.pg-rightbar-stack,.pg-rightbar-quicklinks nav { display:grid; gap:9px; }
.pg-rightbar-person { display:grid; grid-template-columns:auto auto minmax(0,1fr) auto; align-items:center; gap:7px; min-width:0; }
.pg-rightbar-person>a:not(.pg-rightbar-action) { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.pg-rightbar-action,.pg-see-all { font-size:.82rem; font-weight:700; }
.pg-rightbar-item,.pg-rightbar-trend { display:grid; gap:2px; padding:8px 0; border-bottom:1px solid rgba(255,255,255,.1); text-decoration:none; }
.pg-rightbar-item:last-child,.pg-rightbar-trend:last-child { border-bottom:0; }
.pg-rightbar-item small,.pg-rightbar-trend small { opacity:.72; line-height:1.35; }
.pg-rightbar-quicklinks nav a,.pg-rightbar-report-link { display:block; width:100%; box-sizing:border-box; min-height:36px; padding:8px 10px; border:1px solid rgba(255,255,255,.14); border-radius:9px; background:transparent; color:inherit; text-align:left; text-decoration:none; font:inherit; cursor:pointer; }
.pg-rightbar-quicklinks nav a:hover,.pg-rightbar-quicklinks nav a:focus-visible,.pg-rightbar-report-link:hover,.pg-rightbar-report-link:focus-visible { border-color:#7CFF6B; outline:2px solid transparent; }
.pg-rightbar-announcements .pg-v2-announcement { margin:8px 0 0; }
@media (max-width:980px) {
  body.pg-chatters-app-page .pg-rightbar { display:grid !important; position:static; max-height:none; overflow:visible; grid-column:2; }
}
@media (max-width:800px) {
  body.pg-chatters-app-page .pg-rightbar { grid-column:1; }
}

/* v2.3.5: Keep Report a Problem and Log Out together in the upper-right. */
body.pg-chatters-app-page .pg-feedback-fab {
    position: fixed !important;
    top: 12px !important;
    right: 14px !important;
    bottom: auto !important;
    z-index: 10010 !important;
    min-height: 40px;
    padding: 9px 14px;
}
body.pg-chatters-app-page .pg-user-menu .pg-logout {
    position: fixed !important;
    top: 12px !important;
    right: 154px !important;
    z-index: 10010 !important;
    box-sizing: border-box;
    min-height: 40px;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    margin: 0 !important;
    padding: 9px 14px !important;
    border: 1px solid rgba(255,255,255,.18) !important;
    border-radius: 999px !important;
    background: #fff !important;
    color: #35324a !important;
    box-shadow: 0 8px 28px rgba(40,35,70,.18);
    font-size: .82rem !important;
    font-weight: 700;
    line-height: 1.2;
    text-decoration: none !important;
    white-space: nowrap;
}
body.pg-chatters-app-page .pg-user-menu .pg-logout:focus-visible,
body.pg-chatters-app-page .pg-feedback-fab:focus-visible {
    outline: 3px solid #5cff8d !important;
    outline-offset: 3px;
}
@media (max-width: 720px) {
    body.pg-chatters-app-page .pg-feedback-fab {
        top: 8px !important;
        right: 8px !important;
        min-height: 38px;
        padding: 8px 10px;
        font-size: .72rem;
    }
    body.pg-chatters-app-page .pg-user-menu .pg-logout {
        top: 8px !important;
        right: 128px !important;
        min-height: 38px;
        padding: 8px 10px !important;
        font-size: .72rem !important;
    }
}


/* v2.3.6: Global upper-right account actions. Rendered from wp_footer so these
   controls remain visible on every logged-in Chatters R Us platform view. */
body.pg-chatters-app-page .pg-top-right-actions {
    position: fixed !important;
    top: 12px !important;
    right: 14px !important;
    z-index: 10020 !important;
    display: flex !important;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    width: auto !important;
    max-width: calc(100vw - 28px);
    pointer-events: auto;
}
body.admin-bar.pg-chatters-app-page .pg-top-right-actions { top: 44px !important; }
body.pg-chatters-app-page .pg-top-right-actions .pg-feedback-fab,
body.pg-chatters-app-page .pg-top-right-actions .pg-top-logout {
    position: static !important;
    inset: auto !important;
    box-sizing: border-box;
    min-height: 40px;
    margin: 0 !important;
    padding: 9px 14px !important;
    border-radius: 999px !important;
    font-size: .82rem !important;
    font-weight: 800;
    line-height: 1.2;
    white-space: nowrap;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
}
body.pg-chatters-app-page .pg-top-right-actions .pg-feedback-fab {
    border: 1px solid rgba(92,255,141,.42) !important;
    background: #5cff8d !important;
    color: #10151a !important;
}
body.pg-chatters-app-page .pg-top-right-actions .pg-top-logout {
    border: 1px solid rgba(255,255,255,.22) !important;
    background: rgba(20,23,29,.96) !important;
    color: #fff !important;
}
body.pg-chatters-app-page .pg-top-right-actions .pg-feedback-fab:focus-visible,
body.pg-chatters-app-page .pg-top-right-actions .pg-top-logout:focus-visible {
    outline: 3px solid #5cff8d !important;
    outline-offset: 3px;
}
/* The legacy per-page logout links remain in old templates for compatibility,
   but the global action bar is now the one visible logout control. */
body.pg-chatters-app-page .pg-topbar .pg-user-menu .pg-logout { display: none !important; }
@media (max-width: 782px) {
    body.admin-bar.pg-chatters-app-page .pg-top-right-actions { top: 58px !important; }
}
@media (max-width: 720px) {
    body.pg-chatters-app-page .pg-top-right-actions {
        top: 8px !important;
        right: 8px !important;
        gap: 6px;
        max-width: calc(100vw - 16px);
    }
    body.pg-chatters-app-page .pg-top-right-actions .pg-feedback-fab,
    body.pg-chatters-app-page .pg-top-right-actions .pg-top-logout {
        min-height: 38px;
        padding: 8px 10px !important;
        font-size: .72rem !important;
    }
}

/* v2.3.7: Real application action bar above platform content. */
body.pg-chatters-app-page .pg-platform-actionbar {
    box-sizing: border-box;
    display: flex !important;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    width: 100%;
    min-height: 54px;
    padding: 8px clamp(10px, 1.5vw, 24px);
    border-bottom: 1px solid rgba(255,255,255,.10);
    background: rgba(10,12,16,.98);
    color: #fff;
    position: relative;
    z-index: 1000;
}
body.pg-chatters-app-page .pg-platform-actionbar .pg-feedback-fab,
body.pg-chatters-app-page .pg-platform-actionbar .pg-top-logout {
    position: static !important;
    inset: auto !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    min-height: 40px;
    margin: 0 !important;
    padding: 9px 14px !important;
    border-radius: 999px !important;
    font-size: .82rem !important;
    font-weight: 800 !important;
    line-height: 1.2;
    white-space: nowrap;
    text-decoration: none !important;
}
body.pg-chatters-app-page .pg-platform-actionbar .pg-feedback-fab {
    border: 1px solid rgba(92,255,141,.5) !important;
    background: #5cff8d !important;
    color: #10151a !important;
}
body.pg-chatters-app-page .pg-platform-actionbar .pg-top-logout {
    border: 1px solid rgba(255,255,255,.28) !important;
    background: #171a20 !important;
    color: #fff !important;
}
body.pg-chatters-app-page .pg-platform-actionbar .pg-feedback-fab:focus-visible,
body.pg-chatters-app-page .pg-platform-actionbar .pg-top-logout:focus-visible {
    outline: 3px solid #5cff8d !important;
    outline-offset: 3px;
}
/* Remove every legacy logout link from the left/per-page header. */
body.pg-chatters-app-page .pg-topbar a.pg-logout,
body.pg-chatters-app-page .pg-topbar .pg-logout {
    display: none !important;
}
/* The v2.3.6 footer action group is no longer rendered. Keep this as a cache-safe guard. */
body.pg-chatters-app-page .pg-top-right-actions { display: none !important; }

@media (min-width: 981px) {
    body.pg-chatters-app-page .pg-platform-actionbar {
        width: calc(100vw - var(--pg-desktop-nav-width)) !important;
        margin-left: var(--pg-desktop-nav-width) !important;
    }
    body.pg-chatters-app-page .pg-app-bg {
        min-height: calc(100vh - 54px) !important;
    }
}
@media (max-width: 980px) {
    body.pg-chatters-app-page .pg-platform-actionbar {
        width: 100vw !important;
        margin-left: 0 !important;
    }
}
@media (max-width: 520px) {
    body.pg-chatters-app-page .pg-platform-actionbar {
        min-height: 50px;
        gap: 6px;
        padding: 6px 8px;
    }
    body.pg-chatters-app-page .pg-platform-actionbar .pg-feedback-fab,
    body.pg-chatters-app-page .pg-platform-actionbar .pg-top-logout {
        min-height: 38px;
        padding: 8px 10px !important;
        font-size: .74rem !important;
    }
}

/* v2.3.8: cache-busted, guaranteed top action bar placement. */
body.pg-chatters-app-page .pg-platform-actionbar {
    grid-area: pg-actions;
    width: 100% !important;
    margin: 0 !important;
    position: sticky !important;
    top: 0 !important;
    right: auto !important;
    left: auto !important;
    z-index: 9999 !important;
}
@media (min-width: 981px) {
    body.pg-chatters-app-page .pg-platform-actionbar {
        width: calc(100vw - var(--pg-desktop-nav-width)) !important;
        margin-left: var(--pg-desktop-nav-width) !important;
    }
}
/* The old user-menu footer is part of the left nav in the desktop layout. */
body.pg-chatters-app-page .pg-user-menu .pg-logout,
body.pg-chatters-app-page .pg-topbar .pg-logout,
body.pg-chatters-app-page a.pg-logout {
    display: none !important;
}

/* v2.3.9: personal status cards in the home right sidebar */
.pg-rightbar-status-card .pg-rightbar-big-value { font-size:1.35rem; font-weight:800; margin:.25rem 0; }
.pg-rightbar-progress { height:9px; overflow:hidden; border:1px solid rgba(255,255,255,.22); border-radius:999px; background:rgba(255,255,255,.06); }
.pg-rightbar-progress > span { display:block; height:100%; background:#7CFF6B; border-radius:inherit; }
.pg-rightbar-status-card p { margin:.45rem 0; }
.pg-rightbar-checklist { list-style:none; padding:0; margin:.55rem 0 .7rem; display:grid; gap:.38rem; font-size:.88rem; }
.pg-rightbar-checklist li { display:flex; gap:.45rem; align-items:flex-start; }
.pg-security-summary.is-good { color:#7CFF6B; }
.pg-security-summary.needs-attention { color:#ffd166; }
body.pg-light-mode .pg-rightbar-progress { border-color:rgba(0,0,0,.22); background:rgba(0,0,0,.06); }


/* v2.3.24 User Dashboard, Storage Manager, and account tools */
.pg-user-tools-wrap{width:min(1180px,100%);margin:0 auto;padding:20px;box-sizing:border-box}.pg-user-tools-heading{margin-bottom:18px}.pg-user-tools-heading h1{margin:0 0 6px}.pg-user-tools-heading p{margin:0;color:var(--pg-muted,#9ca3af)}
.pg-dashboard-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.pg-dashboard-stat{display:flex;flex-direction:column;gap:4px;padding:18px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(255,255,255,.035);text-decoration:none;color:inherit}.pg-dashboard-stat strong{font-size:1.7rem}.pg-dashboard-stat span{color:var(--pg-muted,#9ca3af)}.pg-dashboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.pg-quick-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.pg-quick-action-grid a{padding:10px 12px;border:1px solid rgba(255,255,255,.12);border-radius:10px;text-decoration:none;color:inherit}.pg-dashboard-list{list-style:none;margin:0;padding:0}.pg-dashboard-list li{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.08)}.pg-dashboard-list span{color:var(--pg-muted,#9ca3af);font-size:.9rem}
.pg-storage-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.pg-storage-item{display:grid;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;border:1px solid rgba(255,255,255,.12);border-radius:12px}.pg-storage-item img{width:64px;height:64px;object-fit:cover;border-radius:9px}.pg-storage-file-icon{width:64px;height:64px;display:grid;place-items:center;border-radius:9px;background:rgba(255,255,255,.06);font-size:1.5rem}.pg-storage-item small{display:block;color:var(--pg-muted,#9ca3af);overflow-wrap:anywhere}.pg-button-danger{background:#8b1e2d!important;border-color:#a82b3d!important}.pg-danger-zone{border-color:rgba(239,68,68,.45)!important}.pg-pagination{margin-top:18px;display:flex;gap:8px;flex-wrap:wrap}.pg-pagination .page-numbers{padding:7px 10px;border-radius:8px;border:1px solid rgba(255,255,255,.12);text-decoration:none}
@media(max-width:900px){.pg-dashboard-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.pg-dashboard-grid,.pg-storage-grid{grid-template-columns:1fr}.pg-storage-item{grid-template-columns:56px minmax(0,1fr)}.pg-storage-item form{grid-column:1/-1}.pg-storage-item img,.pg-storage-file-icon{width:56px;height:56px}}
@media(max-width:520px){.pg-user-tools-wrap{padding:12px}.pg-dashboard-cards{grid-template-columns:1fr 1fr}.pg-dashboard-stat{padding:13px}.pg-dashboard-stat strong{font-size:1.35rem}}