@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;600;700;800;900&display=swap');
:root{--pink-color:#e82691;--ligth-pink-color:rgba(240,102,166,.11);--silver-color:rgb(117,117,117);--pink-shadow:3px 2px 11px 2px rgba(227,33,136,.23);--blue-shadow:3px 2px 11px 2px rgba(174,229,255,.23);--pm-bg:#f5f7fc;--pm-border:#edf0f6;--pm-white:#fff}
*{box-sizing:border-box}body{margin:0;background:var(--pm-bg);color:#626977;font-family:'Nunito',sans-serif;font-size:15px}button,input,select,textarea{font:inherit}a{color:var(--pink-color);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{color:#555c6b;line-height:1.25}.pm-site-header{background:#fff;border-bottom:1px solid var(--pm-border);position:sticky;top:0;z-index:50;box-shadow:0 2px 12px #8b8ca012}.pm-site-inner{max-width:1240px;margin:auto;padding:12px 20px;display:flex;justify-content:space-between;align-items:center;gap:22px}.pm-logo{font-size:32px;font-weight:900;letter-spacing:-1.8px;color:var(--pink-color)}.pm-logo span{color:#f79ac7}.pm-site-inner nav{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.pm-site-inner nav a{padding:10px 13px;border-radius:20px;font-weight:800;color:#777b89}.pm-site-inner nav a:hover,.pm-site-inner nav a[aria-current=page]{background:var(--ligth-pink-color);color:var(--pink-color);text-decoration:none}.pm-site-inner nav a.pm-header-login{background:var(--pink-color);color:#fff}.pm-site-main{max-width:1200px;margin:28px auto;padding:0 20px;min-height:70vh}.pm-hero{background:#fff;border-radius:20px;padding:70px 55px;border:1px solid var(--pm-border);box-shadow:var(--blue-shadow);position:relative;overflow:hidden}.pm-hero:after{content:'';position:absolute;right:-110px;top:-90px;width:440px;height:440px;background:radial-gradient(circle,#f9d9ed 0%,#fff 68%);border-radius:50%;pointer-events:none}.pm-hero>*{position:relative;z-index:1}.pm-hero h1{font-size:clamp(34px,5vw,60px);max-width:690px;line-height:1.12;margin:12px 0;color:#525663}.pm-hero p{max-width:550px}.pm-kicker{text-transform:uppercase;font-weight:900;letter-spacing:2px;color:var(--pink-color)}.pm-cta{display:inline-block;background:var(--pink-color);color:#fff;padding:13px 26px;border-radius:25px;margin-top:20px;font-weight:900;box-shadow:var(--pink-shadow)}.pm-cta:hover{color:#fff}.pm-content{background:#fff;border:1px solid var(--pm-border);border-radius:18px;padding:28px;margin:18px 0}.pm-site-footer{text-align:center;padding:26px;color:#9297a1}@media(max-width:720px){.pm-site-inner{flex-direction:column;align-items:flex-start;gap:8px}.pm-site-inner nav{gap:2px}.pm-site-inner nav a{padding:8px}.pm-hero{padding:38px 24px}.pm-hero:after{opacity:.4}}

/* 0.18.0: cabecalho compacto e superfices consistentes com o clone de referencia */
.pm-site-inner{max-width:1200px}.pm-site-header{box-shadow:0 2px 9px rgba(227,33,136,.08)}
.pm-site-inner nav a:focus-visible,.pm-wrap a:focus-visible{outline:3px solid #e82691;outline-offset:3px}
.pm-site-main{max-width:1200px}.pm-site-footer{border-top:1px solid #f1e6ee}

/* 0.19.0: dimensoes extraidas de orkut-menu.component.css */
.pm-site-header{height:90px;position:fixed;inset:0 0 auto;box-shadow:3px 2px 11px 2px rgba(174,229,255,.23);border:0}.pm-site-inner{max-width:none;height:90px;padding:0 30px;gap:20px}.pm-logo{flex:0 0 23%;font-size:30px}.pm-site-inner nav{flex:1;gap:14px;flex-wrap:nowrap}.pm-site-inner nav a{font-weight:600;padding:5px 6px;white-space:nowrap;color:#757575}.pm-header-search{position:relative;max-width:300px;flex:1;display:flex}.pm-header-search input{height:44px;width:100%;padding:9px 40px 9px 15px;border:1px solid #ececec;border-radius:12px;background:#fff}.pm-header-search button{position:absolute;right:5px;top:4px;border:0;background:transparent;font-size:25px;color:#757575;cursor:pointer}.pm-header-actions{display:flex;gap:12px;white-space:nowrap}.pm-header-actions a{font-weight:700;color:#757575}.pm-site-main{margin-top:120px}.pm-site-inner nav a:hover{color:#e82691;background:rgba(240,102,166,.11)}
@media(max-width:1100px){.pm-site-inner nav{display:none}.pm-logo{flex:0 0 auto}.pm-header-search{margin-left:auto}}
@media(max-width:700px){.pm-site-header,.pm-site-inner{height:90px}.pm-site-inner{flex-direction:row;align-items:center;gap:10px;padding:0 14px}.pm-logo{font-size:24px}.pm-header-search{max-width:180px}.pm-header-actions a{font-size:12px}.pm-site-main{margin-top:112px}}

/* 0.20.0: composicao da tela de login conforme os componentes Angular originais. */
/* 1.4.1: Keep global navigation visible on authentication pages. */
body:has(.pm-auth-shell) .pm-site-header{display:block}
body:has(.pm-auth-shell) .pm-site-footer{border:0}
body:has(.pm-auth-shell) .pm-wrap{margin:0 auto;max-width:1200px;min-height:calc(100vh - 85px);display:flex;align-items:center;justify-content:center}
.pm-auth-shell{width:100%;min-height:85vh;display:grid;grid-template-columns:1fr 1fr;align-items:center;justify-items:center;gap:30px;padding:35px 12px}
.pm-auth-intro{max-width:480px;text-align:center;color:#757575;font-size:24px;font-weight:700;line-height:1.5}
.pm-auth-intro strong,.pm-auth-brand span{color:#e82691}
.pm-auth-brand{font-size:clamp(46px,6vw,72px);font-weight:900;letter-spacing:-3px;color:#757575}
.pm-auth-shell .pm-auth{width:100%;max-width:427px;margin:0;background:#fff;border:0;border-radius:20px;padding:30px;box-shadow:3px 2px 31px 2px rgba(227,33,138,.1)}
.pm-auth-shell .pm-auth h1{font-size:19px;font-weight:800;color:#757575;margin:0 0 18px}
.pm-auth-shell .pm-form{gap:14px;margin:0 0 18px}
.pm-auth-shell .pm-form label{font-weight:700;font-size:14px;color:#757575}
.pm-auth-shell .pm-form input:not([type=checkbox]){background:#fff;border:1px solid #d9d9d9;border-radius:9px;min-height:45px;margin-top:6px}
.pm-auth-shell .pm-form button{width:100%;justify-self:stretch;border-radius:10px;min-height:46px;font-size:16px}
.pm-auth-shell .pm-auth>p:last-child{font-size:13px;text-align:center;line-height:2.2}
.pm-auth-shell .pm-auth a{color:#e82691;font-weight:800}
@media(max-width:799px){.pm-auth-shell{grid-template-columns:1fr;gap:18px;padding:25px 0}.pm-auth-intro{font-size:17px}.pm-auth-brand{font-size:42px}.pm-auth-shell .pm-auth{max-width:427px;padding:25px}.pm-auth-intro p{display:none}}

/* 0.22.0: ajustes de fidelidade visual com base no CSS original Angular. */
:root{--pm-reference-pink:#e82691;--pm-reference-muted:#757575;--pm-reference-blush:rgba(240,102,166,.11)}
body{background:#f5f7fc;color:#757575;font-family:'Nunito',Arial,sans-serif}
.pm-site-inner{font-family:'Nunito',Arial,sans-serif}
.pm-site-inner nav a{font-weight:600}
.pm-content{border-radius:30px}
.pm-site-main{width:100%}
@media(max-width:700px){.pm-content{border-radius:20px}}

/* 0.23.0: comportamento do menu do projeto de referencia. */
.pm-site-header{background:#fff;box-shadow:3px 2px 11px 2px rgba(174,229,255,.23)}
.pm-site-inner nav a:hover{border-radius:20px;color:#e82691;background:rgba(240,102,166,.11)}
.pm-header-search input{color:#757575;font-family:'Nunito',Arial,sans-serif}
.pm-header-search input:focus-visible{outline:3px solid #e82691;outline-offset:2px}

/* 0.26.0: navegação móvel real, acessível sem JavaScript. */
.pm-mobile-menu{display:none;position:relative;font-family:'Nunito',Arial,sans-serif}
.pm-mobile-menu summary{list-style:none;cursor:pointer;padding:10px 15px;border-radius:12px;background:rgba(240,102,166,.11);color:#e82691;font-weight:800}
.pm-mobile-menu summary::-webkit-details-marker{display:none}
.pm-mobile-menu[open] nav{position:absolute;right:0;top:calc(100% + 10px);z-index:100;display:flex;flex-direction:column;align-items:stretch;min-width:230px;max-height:min(70vh,550px);overflow-y:auto;background:#fff;border:1px solid #f4d6e5;border-radius:20px;box-shadow:3px 2px 11px 2px rgba(227,33,136,.23);padding:12px}
.pm-mobile-menu nav a{display:block;padding:10px 12px;color:#757575;font-weight:700;border-radius:10px}
.pm-mobile-menu nav a:hover,.pm-mobile-menu nav a:focus-visible{background:rgba(240,102,166,.11);color:#e82691}
.pm-mobile-menu summary:focus-visible{outline:3px solid #e82691;outline-offset:3px}
@media(max-width:1100px){.pm-mobile-menu{display:block}.pm-site-inner{gap:14px}.pm-header-search{min-width:0}}
@media(max-width:700px){.pm-site-inner{flex-wrap:nowrap}.pm-header-search{max-width:170px}.pm-header-actions{display:none}.pm-mobile-menu{margin-left:auto}.pm-logo{flex:0 0 auto}}
@media(max-width:410px){.pm-header-search{display:none}.pm-logo{font-size:26px}}

/* 0.49.0: fundo azul claro, inspirado no Orkut clássico.
   Mantém cards brancos, identidade rosa e leitura contrastante. */
:root { --pm-bg:#d9e6f7; --pm-orkut-blue:#d9e6f7; }
html { background-color:var(--pm-orkut-blue); }
body, body:has(.pm-auth-shell) { background-color:var(--pm-orkut-blue); }
.pm-site-main { background:transparent; }
.pm-site-footer { color:#526580; }
@media (prefers-contrast: more) { :root { --pm-bg:#cbdcf2; --pm-orkut-blue:#cbdcf2; } }

/* 1.2.6: fixed header must not overlap the banner. */
body:has(> .pm-brand-banner){padding-top:90px}
body:has(> .pm-brand-banner) .pm-brand-banner{display:block;max-width:var(--pm-layout-width,1200px);width:100%;margin:0 auto;padding:0 16px}
body:has(> .pm-brand-banner) .pm-brand-banner-image{display:block;width:100%;height:auto;max-height:none;object-fit:contain;object-position:center}
body:has(> .pm-brand-banner) .pm-site-main{margin-top:16px}
body:has(> .pm-brand-banner) .pm-wrap{margin-top:16px}
@media(max-width:700px){body:has(> .pm-brand-banner){padding-top:90px}body:has(> .pm-brand-banner) .pm-site-main{margin-top:16px}}

/* 1.3.2 invitation inbox filters, pagination and navigation counter */
.pm-invite-count{display:inline-block;margin-left:5px;padding:1px 6px;border-radius:12px;background:#e82691;color:#fff;font-size:11px;font-weight:800;line-height:1.5}
.pm-invite-filters{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.pm-invite-filters select{padding:7px 10px;border:1px solid #bccde3;border-radius:8px}.pm-invite-pagination{display:flex;align-items:center;gap:12px;margin-top:16px;flex-wrap:wrap}.pm-invite-pagination a{padding:6px 12px;background:#d9e6f7;border-radius:9px;text-decoration:none}.pm-invite-entry{padding:10px 0;border-bottom:1px solid #e4ebf5}

/* 1.4.0: authentication layout must be truly single-column on small screens. */
body:has(.pm-auth-shell) .pm-wrap{width:100%;max-width:100%;min-width:0;box-sizing:border-box;margin:0 auto;padding:0 16px;min-height:0;display:block;}
body:has(.pm-auth-shell) .pm-auth-shell{box-sizing:border-box;max-width:1050px;min-width:0;margin:0 auto;min-height:0;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;justify-items:stretch;}
body:has(.pm-auth-shell) .pm-auth-intro,body:has(.pm-auth-shell) .pm-auth{min-width:0;max-width:100%;}
body:has(.pm-auth-shell) .pm-auth-brand{overflow-wrap:anywhere;}
@media(max-width:799px){
 body:has(.pm-auth-shell) .pm-wrap{padding:0 16px;}
 body:has(.pm-auth-shell) .pm-auth-shell{display:flex;flex-direction:column;align-items:stretch;gap:18px;width:100%;padding:18px 0 24px;min-height:0;}
 body:has(.pm-auth-shell) .pm-auth-intro{width:100%;text-align:center;font-size:16px;line-height:1.3;}
 body:has(.pm-auth-shell) .pm-auth-brand{font-size:clamp(30px,9vw,44px);letter-spacing:-1.5px;line-height:1.2;}
 body:has(.pm-auth-shell) .pm-auth-intro p{display:none;}
 body:has(.pm-auth-shell) .pm-auth-shell .pm-auth{width:100%;max-width:480px;margin:0 auto;padding:clamp(18px,5vw,26px);border-radius:20px;}
 body:has(.pm-auth-shell) .pm-auth-shell .pm-form{width:100%;min-width:0;}
 body:has(.pm-auth-shell) .pm-auth-shell .pm-form label{display:block;min-width:0;overflow-wrap:break-word;}
 body:has(.pm-auth-shell) .pm-auth-shell .pm-form input:not([type=checkbox]),body:has(.pm-auth-shell) .pm-auth-shell .pm-form button{display:block;width:100%;min-width:0;max-width:100%;box-sizing:border-box;}
 body:has(.pm-auth-shell) .pm-brand-banner{width:100%;max-width:100%;padding:0 12px;}
 body:has(.pm-auth-shell) .pm-brand-banner-image{max-width:100%;height:auto;object-fit:contain;}
}
@media(max-width:360px){body:has(.pm-auth-shell) .pm-wrap{padding:0 10px;}body:has(.pm-auth-shell) .pm-auth-shell .pm-auth{padding:18px 14px;}}

/* 1.4.1: mobile navigation and auth pages. */
body:has(.pm-auth-shell):not(:has(> .pm-brand-banner)){padding-top:90px}
body:has(.pm-auth-shell) .pm-site-header{display:block;visibility:visible}
.pm-mobile-menu{z-index:70}
.pm-mobile-menu summary{display:flex;align-items:center;justify-content:center;gap:9px;min-height:44px;white-space:nowrap}
.pm-menu-icon{display:inline-flex;flex-direction:column;justify-content:space-between;width:19px;height:15px;flex:none}
.pm-menu-icon::before,.pm-menu-icon::after,.pm-menu-icon span{content:"";display:block;height:2px;width:100%;border-radius:2px;background:currentColor}
@media(max-width:1100px){.pm-site-inner>.pm-mobile-menu{display:block;margin-left:auto}.pm-site-inner>.pm-mobile-menu[open]>nav{display:flex}}
@media(max-width:700px){.pm-site-inner{gap:8px}.pm-header-search{flex:1 1 110px;min-width:0;max-width:160px}.pm-site-inner>.pm-mobile-menu{flex:0 0 auto;margin-left:auto}.pm-mobile-menu summary{padding:9px 11px}.pm-mobile-menu[open] nav{right:0;max-width:calc(100vw - 24px);min-width:min(260px,calc(100vw - 24px))}.pm-logo{min-width:0}.pm-brand-logo{max-width:min(140px,38vw)}}
@media(max-width:410px){.pm-mobile-menu summary .pm-menu-label{display:none}.pm-mobile-menu summary{width:46px;padding:9px}.pm-logo{font-size:clamp(20px,6vw,26px)}}

/* 1.4.2: align checkbox and caption in one row on every viewport. */
body:has(.pm-auth-shell) .pm-auth-shell .pm-form label.pm-checkbox-label,
body:has(.pm-auth-shell) .pm-auth-shell .pm-form label.pm-checkbox-label{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:10px;width:100%;min-width:0;line-height:1.4;text-align:left;cursor:pointer;}
body:has(.pm-auth-shell) .pm-auth-shell .pm-form label.pm-checkbox-label input[type=checkbox]{display:inline-block;flex:0 0 18px;width:18px;height:18px;min-width:18px;min-height:18px;margin:0;vertical-align:middle;accent-color:#e82691;}

/* 1.4.3: shared small-screen header, banner and main layout safeguards. */
html,body{max-width:100%;overflow-x:clip}
.pm-site-main,.pm-content,.pm-hero{min-width:0}
@media(max-width:799px){
 .pm-site-main{width:100%;padding-inline:14px}
 .pm-content{padding:18px;margin-block:12px}
 .pm-hero{padding:30px 20px}
 .pm-site-inner{width:100%;min-width:0}
 .pm-site-inner>.pm-mobile-menu{flex-shrink:0}
 .pm-site-inner>.pm-mobile-menu[open] nav{max-height:calc(100dvh - 105px);overflow-y:auto}
 .pm-brand-banner{max-width:100%;padding-inline:12px}
 .pm-brand-banner-image{width:100%;height:auto;object-fit:contain}
}
@media(max-width:380px){.pm-site-main{padding-inline:10px}.pm-content{padding:14px}.pm-site-inner{padding-inline:10px}}

/* 1.4.4: stable header/menu and readable mobile navigation. */
@media(max-width:799px){
 .pm-site-header{z-index:1000}
 .pm-site-inner{box-sizing:border-box;max-width:100%;min-width:0}
 .pm-site-inner>.pm-mobile-menu{position:relative;z-index:1001}
 .pm-site-inner>.pm-mobile-menu[open]>nav{box-sizing:border-box;right:0;left:auto;width:min(290px,calc(100vw - 24px));min-width:0;max-width:calc(100vw - 24px);max-height:calc(100dvh - 110px);overflow-y:auto;overscroll-behavior:contain}
 .pm-mobile-menu nav a{min-height:44px;display:flex;align-items:center;overflow-wrap:anywhere}
 .pm-header-search input{min-width:0;width:100%}
 .pm-site-main,.pm-content{box-sizing:border-box;max-width:100%}
}
@media(max-width:360px){.pm-site-inner{padding-inline:8px}.pm-mobile-menu summary{min-width:44px;min-height:44px}}

/* 1.4.6: accessible foregrounds on custom and dark branding surfaces. */
.pm-site-header,.pm-content,.pm-hero,.pm-card,.pm-panel,.pm-auth-shell .pm-auth{color:var(--pm-text,#344054)}
.pm-content :is(h1,h2,h3,h4,h5,h6),.pm-hero :is(h1,h2,h3),.pm-card :is(h1,h2,h3),.pm-panel :is(h1,h2,h3),.pm-auth :is(h1,h2,h3){color:var(--pm-text,#344054)}
.pm-content :is(p,li,small,label),.pm-card :is(p,li,small,label),.pm-panel :is(p,li,small,label),.pm-auth :is(p,li,small,label){color:inherit}
.pm-site-inner nav a,.pm-mobile-menu nav a{color:var(--pm-text-muted,#626977)}
.pm-site-inner nav a:hover,.pm-mobile-menu nav a:hover,.pm-mobile-menu nav a:focus-visible{background:var(--pm-hover-bg,#f2f5fb);color:var(--pm-text,#344054)}
.pm-mobile-menu[open]>nav{background:var(--pm-white,#fff);border-color:var(--pm-border,#d6dfea)}
.pm-content :is(input,textarea,select),.pm-card :is(input,textarea,select),.pm-panel :is(input,textarea,select),.pm-auth :is(input,textarea,select),.pm-header-search input{background:var(--pm-input-bg,#fff);color:var(--pm-text,#344054);border-color:var(--pm-border,#d6dfea);color-scheme:normal}
.pm-content :is(input,textarea)::placeholder,.pm-auth :is(input,textarea)::placeholder,.pm-header-search input::placeholder{color:var(--pm-text-muted,#626977);opacity:1}
.pm-content :is(input,textarea,select):focus-visible,.pm-auth :is(input,textarea,select):focus-visible,.pm-mobile-menu summary:focus-visible{outline:3px solid var(--pink-color,#e82691);outline-offset:2px}
.pm-site-footer{color:var(--pm-text-muted,#626977)}
@media(max-width:799px){.pm-mobile-menu[open]>nav{background:var(--pm-white,#fff);box-shadow:0 12px 30px rgba(0,0,0,.22)}.pm-mobile-menu nav a{color:var(--pm-text,#344054)}}

/* 1.4.7 beta readiness: keyboard accessibility and robust small-screen layout. */
:where(.pm-site-main,.pm-content,.pm-card,.pm-panel,.pm-auth,.pm-hero) :is(img,video,iframe,canvas,svg){max-width:100%;height:auto}
:where(.pm-content,.pm-card,.pm-panel,.pm-auth) :is(input:not([type=checkbox]):not([type=radio]),select,textarea){box-sizing:border-box;max-width:100%;min-width:0}
:where(.pm-content,.pm-card,.pm-panel,.pm-auth) :is(button,input[type=submit],input[type=button]){max-width:100%;white-space:normal;overflow-wrap:anywhere}
:where(.pm-content,.pm-card,.pm-panel,.pm-auth) :is(pre,code){overflow-wrap:anywhere}
:where(.pm-content,.pm-card,.pm-panel,.pm-auth) pre{max-width:100%;overflow-x:auto}
:where(.pm-content,.pm-card,.pm-panel,.pm-auth) :is(a,button,input,select,textarea,summary):focus-visible{outline:3px solid var(--pink-color,#e82691);outline-offset:3px}
.pm-mobile-menu summary{cursor:pointer}
@media(max-width:799px){
 .pm-site-main :is(.pm-content,.pm-card,.pm-panel,.pm-auth){min-width:0;max-width:100%}
 .pm-site-main :is(.pm-grid,.pm-columns){min-width:0}
 .pm-site-main :is(table){max-width:100%}
 .pm-mobile-menu[open]>nav{max-height:calc(100vh - 110px);max-height:calc(100dvh - 110px)}
}
@media(prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto!important}.pm-site-main *, .pm-site-header *{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* 1.4.11: profile photo editor */
.pm-avatar-editor{margin:16px 0;padding:14px;border:1px solid var(--pm-border,#d6dfea);border-radius:var(--pm-card-radius,12px);min-width:0}
.pm-avatar-editor h2{font-size:1.1rem;margin:0 0 12px}
.pm-avatar-preview img,.pm-avatar-local-preview{display:block;width:112px;height:112px;object-fit:cover;border-radius:50%;margin:0 0 12px}
.pm-avatar-editor form{display:flex;flex-direction:column;align-items:flex-start;gap:9px;margin:12px 0}
.pm-avatar-editor input[type=file]{display:block;width:100%;max-width:100%;min-width:0;font-size:14px}
.pm-avatar-editor button{max-width:100%;white-space:normal}
.pm-avatar-editor .pm-avatar-hint{font-size:.85rem;margin:0;color:var(--pm-text-muted,#626977)}
.pm-avatar-editor .pm-avatar-remove{background:transparent;color:var(--pm-text,#344054);border:1px solid var(--pm-border,#d6dfea)}
.pm-avatar-message{padding:10px;border-radius:8px;background:var(--pm-white,#fff)}

/* Community images, classic Orkut-inspired squares */
.pm-community-heading{display:flex;align-items:flex-start;gap:18px;flex-wrap:wrap}
.pm-community-image{width:72px;height:72px;flex:none;display:inline-flex;align-items:center;justify-content:center;object-fit:cover;border-radius:12px;background:#d9e6f7;color:#315a9c;font-size:32px;font-weight:800;vertical-align:middle}
.pm-community-heading>.pm-community-image{width:120px;height:120px}
.pm-counter-grid .pm-community-image{width:56px;height:56px;font-size:24px}
.pm-search-avatar .pm-community-image{width:64px;height:64px}
.pm-community-image-editor{margin:16px 0;padding:16px;border:1px solid #d9e6f7;border-radius:14px;background:#f7faff}
.pm-community-image-editor form{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:8px 0}
@media(max-width:600px){.pm-community-heading>.pm-community-image{width:88px;height:88px}}

/* 1.4.14: community avatars in invitation center and moderation requests. */
.pm-invite-entry--community{display:flex;align-items:center;flex-wrap:wrap;gap:10px;min-width:0}
.pm-invite-entry--community .pm-community-image{width:56px;height:56px;flex:0 0 56px;object-fit:cover;border-radius:12px}
.pm-invite-entry--community .pm-invite-entry__details{flex:1 1 150px;min-width:0;overflow-wrap:anywhere}
.pm-invite-entry--community .pm-invite-inline{flex:0 0 auto;margin:0}
@media(max-width:540px){.pm-invite-entry--community{gap:8px}.pm-invite-entry--community .pm-community-image{width:44px;height:44px;flex-basis:44px}}

/* 1.4.15: cards de comunidades, imagem quadrada destacada e fallback ilustrado. */
.pm-community-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,170px),1fr));gap:16px;margin-top:20px}
.pm-community-card{display:flex;flex-direction:column;overflow:hidden;min-width:0;border:1px solid #dce5f2;border-radius:15px;background:#fff;text-decoration:none!important;color:#273e65!important;box-shadow:0 3px 10px rgba(28,60,108,.07);transition:transform .18s,box-shadow .18s}
.pm-community-card:hover,.pm-community-card:focus-visible{transform:translateY(-3px);box-shadow:0 8px 22px rgba(28,60,108,.15)}
.pm-community-card:focus-visible{outline:3px solid #e82691;outline-offset:3px}
.pm-community-card__image{aspect-ratio:1/1;overflow:hidden;background:#d9e6f7}
.pm-community-card__image .pm-community-image{display:block;width:100%;height:100%;border-radius:0;object-fit:cover}
.pm-community-card__content{display:flex;flex-direction:column;gap:5px;padding:12px 13px;min-width:0}
.pm-community-card__content strong{font-size:14px;line-height:1.35;overflow-wrap:anywhere;color:#e82691}
.pm-community-card__description{font-size:12px;line-height:1.45;color:#64748b;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@media(max-width:520px){.pm-community-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.pm-community-card__content{padding:10px}}

/* 1.4.16: miniaturas compactas de comunidades, seis colunas no desktop. */
.pm-wrap .pm-community-cards{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-top:18px;align-items:start}
.pm-wrap .pm-community-card{min-width:0;display:flex;flex-direction:column;overflow:hidden;border-radius:12px;border:1px solid #e1e8f3;background:#fff;text-align:center;box-shadow:0 2px 8px rgba(28,60,108,.07)}
.pm-wrap .pm-community-card__image{width:100%;aspect-ratio:1/1;overflow:hidden;background:#d9e6f7}
.pm-wrap .pm-community-card__image img.pm-community-image{display:block;width:100%;height:100%;max-width:none;object-fit:cover;border:0;border-radius:0}
.pm-wrap .pm-community-card__content{display:block;min-width:0;padding:8px 5px 10px}
.pm-wrap .pm-community-card__content strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:12px;line-height:1.35;color:#e82691;overflow-wrap:anywhere}
.pm-wrap .pm-community-card__description{display:none}
@media(max-width:1100px){.pm-wrap .pm-community-cards{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:900px){.pm-wrap .pm-community-cards{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:700px){.pm-wrap .pm-community-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}}
@media(max-width:420px){.pm-wrap .pm-community-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}