:root{--qer-primary:#0ea5e9;--qer-bg:#050d16;--qer-bg2:#08131f;--qer-panel:#0c1825;--qer-panel2:#112233;--qer-panel3:#172b3e;--qer-text:#f6fbff;--qer-muted:#8fa4b6;--qer-soft:#c9d8e4;--qer-border:rgba(255,255,255,.09);--qer-shadow:0 18px 55px rgba(0,0,0,.28);--qer-radius:22px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body.qer-body{margin:0;background:linear-gradient(180deg,#050d16 0,#07111d 100%);color:var(--qer-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased}body.qer-body button,body.qer-body input,body.qer-body textarea,body.qer-body select{font:inherit}body.qer-body a{-webkit-tap-highlight-color:transparent}.qer-app{min-height:100vh}.qer-muted{color:var(--qer-muted)}

/* header */
.qer-topbar{height:62px;display:grid;grid-template-columns:auto minmax(220px,560px) auto;align-items:center;gap:24px;padding:0 max(18px,4vw);border-bottom:1px solid var(--qer-border);background:rgba(4,11,18,.93);position:sticky;top:0;z-index:80;backdrop-filter:blur(18px);box-shadow:0 5px 24px rgba(0,0,0,.18)}
.qer-brand{color:#fff;text-decoration:none;display:flex;align-items:center;gap:11px;font-weight:850;letter-spacing:-.02em;font-size:18px}.qer-brand b{color:var(--qer-primary)}.qer-brand-dot{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,var(--qer-primary),color-mix(in srgb,var(--qer-primary) 72%,#fff));color:#02121c;font-weight:950;box-shadow:0 0 0 1px rgba(255,255,255,.12),0 10px 26px color-mix(in srgb,var(--qer-primary) 30%,transparent)}
.qer-search{height:40px;border-radius:999px;background:#0d1b2a;border:1px solid var(--qer-border);display:flex;align-items:center;padding:0 14px;gap:8px;color:#7890a2}.qer-search input{width:100%;background:transparent;border:0;outline:0;color:#fff;font-size:12px}.qer-search input::placeholder{color:#6f8597}.qer-top-actions{display:flex;gap:10px;align-items:center;justify-content:flex-end;font-size:13px}.qer-user-pill{display:flex;align-items:center;gap:8px;color:#e8f4fb;padding:5px 10px 5px 5px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid var(--qer-border);text-decoration:none;max-width:210px}.qer-user-pill img{width:29px;height:29px;border-radius:50%;object-fit:cover}.qer-user-pill span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qer-logout{color:#b9c9d4;text-decoration:none;padding:8px 10px;border-radius:10px}.qer-logout:hover{color:#fff;background:rgba(255,255,255,.06)}

/* school cover/profile */
.qer-school-cover{height:270px;position:relative;background:radial-gradient(circle at 75% 10%,color-mix(in srgb,var(--qer-primary) 24%,transparent),transparent 36%),linear-gradient(125deg,#0d2a42,#07131f 56%,#102338);background-size:cover;background-position:center;overflow:hidden}.qer-cover-pattern{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.7),transparent)}.qer-cover-admin{position:absolute;right:max(22px,5vw);bottom:18px;text-decoration:none;color:#fff;background:rgba(4,10,18,.72);border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:9px 12px;font-size:11px;font-weight:800;backdrop-filter:blur(10px)}
.qer-school-profilebar{background:#07121e;border-bottom:1px solid var(--qer-border)}.qer-school-profile-inner{width:min(1180px,calc(100% - 36px));margin:0 auto;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:20px;align-items:end;min-height:132px;padding:0 0 18px}.qer-school-avatar-wrap{align-self:start;margin-top:-60px;position:relative;z-index:3}.qer-school-avatar{width:122px;height:122px;border-radius:34px;object-fit:cover;border:5px solid #07121e;background:#10243a;box-shadow:0 12px 32px rgba(0,0,0,.35)}.qer-fallback-logo{display:grid;place-items:center;background:linear-gradient(145deg,var(--qer-primary),color-mix(in srgb,var(--qer-primary) 62%,#fff));color:#03131e;font-size:34px;font-weight:950}.qer-school-info{min-width:0}.qer-community-chip{font-size:9px;letter-spacing:.13em;text-transform:uppercase;font-weight:900;color:#a8f0c5;display:flex;align-items:center;gap:6px;margin-bottom:6px}.qer-community-chip span{width:8px;height:8px;border-radius:50%;background:#18d47b;box-shadow:0 0 0 5px rgba(24,212,123,.08)}.qer-school-info h1{margin:0;font-size:35px;letter-spacing:-.04em;line-height:1.08}.qer-school-info p{margin:6px 0 0;color:#c3d1db;font-size:13px;max-width:720px}.qer-school-stats{margin-top:10px;display:flex;align-items:center;gap:8px;color:#8ca2b2;font-size:10px;flex-wrap:wrap}.qer-school-stats strong{color:#dce8ef;font-size:11px}.qer-school-badge{display:flex;align-items:center;gap:10px;background:linear-gradient(145deg,#0e2132,#0b1926);border:1px solid var(--qer-border);border-radius:16px;padding:12px 14px;min-width:230px}.qer-school-badge>span{font-size:28px}.qer-school-badge strong{font-size:12px;display:block}.qer-school-badge small{display:block;color:#8298a8;font-size:9px;margin-top:2px}

/* nav */
.qer-tabs{height:60px;display:flex;align-items:center;gap:8px;padding:0 max(18px,calc((100vw - 1180px)/2));background:#08131f;border-bottom:1px solid var(--qer-border);position:sticky;top:62px;z-index:70}.qer-tabs a{height:42px;padding:0 14px;border-radius:12px;color:#a9bbc8;text-decoration:none;display:flex;align-items:center;gap:8px;font-weight:800;font-size:12px;border:1px solid transparent}.qer-tabs a:hover{color:#fff;background:rgba(255,255,255,.04)}.qer-tabs a.active{background:color-mix(in srgb,var(--qer-primary) 14%,#0b1b28);color:#fff;border-color:color-mix(in srgb,var(--qer-primary) 45%,transparent);box-shadow:0 8px 24px color-mix(in srgb,var(--qer-primary) 10%,transparent)}.qer-tabs a.active span{color:var(--qer-primary)}

/* layout shared */
.qer-main{width:min(1160px,calc(100% - 28px));margin:0 auto;padding:24px 0 74px;display:grid;grid-template-columns:minmax(0,760px) 300px;gap:22px}.qer-feed-col,.qer-side,.qer-wide{min-width:0}.qer-composer,.qer-post,.qer-side-card,.qer-course,.qer-profile-card,.qer-gate-card,.qer-welcome-pack{background:linear-gradient(180deg,#0d1b29,#0a1723);border:1px solid var(--qer-border);border-radius:var(--qer-radius);box-shadow:var(--qer-shadow)}
.qer-side{display:grid;gap:16px;align-content:start;position:sticky;top:144px;height:max-content}.qer-block-title{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:10px;padding:0 4px}.qer-block-title h2{font-size:17px;margin:0}.qer-block-title span{font-size:10px;color:#6f8798}

/* stories / highlights */
.qer-stories-wrap{margin-bottom:17px}.qer-stories{display:grid;grid-auto-flow:column;grid-auto-columns:132px;gap:10px;overflow-x:auto;padding:2px 2px 7px;scrollbar-width:none}.qer-stories::-webkit-scrollbar{display:none}.qer-story{height:154px;border-radius:18px;border:1px solid var(--qer-border);padding:12px;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden;color:#fff;text-decoration:none;background:linear-gradient(155deg,#11283b,#091724);background-size:cover;background-position:center;box-shadow:0 10px 28px rgba(0,0,0,.17)}.qer-story:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,10,18,0),rgba(3,10,18,.72));pointer-events:none}.qer-story>*{position:relative;z-index:2}.qer-story>span{position:absolute;top:10px;left:10px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:rgba(5,15,25,.75);border:1px solid rgba(255,255,255,.16)}.qer-story strong{font-size:12px;line-height:1.25}.qer-story small{font-size:9px;color:#c6d4dd;margin-top:4px}.qer-story-special{background:radial-gradient(circle at 75% 15%,color-mix(in srgb,var(--qer-primary) 28%,transparent),transparent 40%),linear-gradient(150deg,#102a3c,#0b1825)}.qer-story-special>span{background:color-mix(in srgb,var(--qer-primary) 18%,#0e2031);color:#fff}.qer-story-post{cursor:default}

/* composer */
.qer-composer{padding:14px;margin-bottom:18px}.qer-composer-top{display:flex;align-items:flex-start;gap:11px;padding:3px 3px 12px}.qer-composer-top img{width:44px;height:44px;object-fit:cover;border-radius:50%;border:1px solid rgba(255,255,255,.14)}.qer-composer textarea{flex:1;min-height:65px;border:0;outline:0;resize:vertical;background:transparent;color:#fff;font-size:15px;line-height:1.45;padding:10px 4px}.qer-composer textarea::placeholder{color:#7f93a2}.qer-composer-row{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid var(--qer-border);padding-top:10px}.qer-composer-tools{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.qer-file-btn,.qer-kind-toggle,.qer-coming{cursor:pointer;color:#bfd0dc;background:transparent;border:0;border-radius:10px;padding:8px 9px;font-weight:750;font-size:11px;display:flex;align-items:center;gap:6px}.qer-file-btn:hover,.qer-kind-toggle:hover,.qer-coming:hover{background:rgba(255,255,255,.05);color:#fff}.qer-file-btn input{display:none}.qer-file-btn.active{background:rgba(24,212,123,.08);color:#8fe5b7}.qer-kind-toggle.active{background:rgba(255,187,51,.10);color:#ffd36a}.qer-publish,.qer-form button,.qer-comment-form button,.qer-profile-form button{border:0;background:linear-gradient(135deg,var(--qer-primary),color-mix(in srgb,var(--qer-primary) 78%,#fff));color:#03121c;font-weight:900;border-radius:12px;padding:10px 16px;cursor:pointer;box-shadow:0 10px 24px color-mix(in srgb,var(--qer-primary) 20%,transparent);transition:.16s ease}.qer-publish:hover,.qer-form button:hover,.qer-comment-form button:hover,.qer-profile-form button:hover{transform:translateY(-1px);filter:brightness(1.05)}.qer-publish span{margin-right:4px}.qer-form-msg{font-size:11px;margin-top:8px;color:#bde8ff}

/* welcome pack */
.qer-welcome-pack{padding:18px;display:grid;grid-template-columns:56px 1fr auto;align-items:center;gap:14px}.qer-welcome-icon{width:56px;height:56px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(145deg,var(--qer-primary),#70dbff);color:#04121c;font-weight:950}.qer-welcome-pack h3{margin:3px 0 4px;font-size:18px}.qer-welcome-pack p{margin:0;color:#8fa4b6;font-size:12px;line-height:1.45}.qer-welcome-pack>a{color:#fff;text-decoration:none;background:#102538;border:1px solid var(--qer-border);border-radius:12px;padding:10px 12px;font-size:11px;font-weight:800}

/* posts */
.qer-post{overflow:hidden;margin-bottom:18px;transition:border-color .18s ease,transform .18s ease}.qer-post:hover{border-color:rgba(255,255,255,.13)}.qer-post-notice{box-shadow:0 18px 55px rgba(0,0,0,.24),inset 3px 0 0 color-mix(in srgb,var(--qer-primary) 70%,#ffd166)}.qer-post-head{display:flex;align-items:center;gap:11px;padding:15px 16px 11px}.qer-avatar-img{width:44px;height:44px;border-radius:50%;object-fit:cover;border:1px solid rgba(255,255,255,.13);background:#183047}.qer-post-author{min-width:0;flex:1}.qer-post-author>div{display:flex;align-items:center;gap:8px;min-width:0}.qer-post-author strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qer-post-author small{display:block;color:var(--qer-muted);margin-top:3px;font-size:10px}.qer-official-badge{font-size:8px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;color:#06121a;background:#ffd66b;border-radius:999px;padding:4px 7px;white-space:nowrap}.qer-post-more{margin-left:auto;background:transparent;border:0;color:#8499a9;letter-spacing:1px;font-size:17px;cursor:default;padding:6px}.qer-post-body{padding:2px 16px 12px;line-height:1.56;color:#e9f0f5;font-size:14px}.qer-post-body p{margin:0 0 10px}.qer-post-body p:last-child{margin-bottom:0}.qer-post-image-btn{width:100%;display:block;padding:0;border:0;background:#06101a;position:relative;cursor:zoom-in}.qer-post-image{width:100%;height:min(520px,62vw);min-height:250px;display:block;object-fit:cover;border-top:1px solid var(--qer-border);border-bottom:1px solid var(--qer-border)}.qer-post-image-btn>span{position:absolute;right:12px;bottom:12px;background:rgba(4,10,18,.78);color:#fff;border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:7px 10px;font-size:9px;font-weight:800;backdrop-filter:blur(9px)}.qer-post-meta{display:flex;justify-content:space-between;align-items:center;padding:9px 16px;color:#8196a6;font-size:10px}.qer-post-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:7px 12px;border-top:1px solid var(--qer-border)}.qer-post-actions button{background:transparent;border:0;color:#b8c9d4;padding:9px 8px;border-radius:10px;cursor:pointer;font-weight:700;font-size:11px;display:flex;align-items:center;justify-content:center;gap:7px}.qer-post-actions button:hover{background:rgba(255,255,255,.05);color:#fff}.qer-post-actions .qer-like.active{color:#ff6f91;background:rgba(251,113,133,.08)}.qer-action-icon{font-size:16px}.qer-comments{padding:4px 14px 14px;border-top:1px solid rgba(255,255,255,.04)}.qer-comment{display:flex;align-items:flex-start;gap:8px;margin:9px 0}.qer-comment>img{width:30px;height:30px;border-radius:50%;object-fit:cover;margin-top:2px}.qer-comment>div{background:var(--qer-panel2);border-radius:14px;padding:8px 11px;line-height:1.35;min-width:0}.qer-comment strong{display:block;font-size:11px;margin-bottom:2px}.qer-comment span{font-size:12px;color:#c8d5de}.qer-comment-form{display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:8px;margin-top:10px}.qer-comment-form>img{width:32px;height:32px;border-radius:50%;object-fit:cover}.qer-comment-form input{min-width:0;background:#0a1622;color:#fff;border:1px solid var(--qer-border);border-radius:14px;padding:10px 12px;outline:0}.qer-comment-form button{padding:9px 12px;font-size:10px}.qer-comment-pending{font-size:10px;color:#f1c76e;padding:6px 40px}

/* sidebar */
.qer-side-card{padding:16px}.qer-side-card h3{margin:0 0 11px;font-size:15px}.qer-side-card>a{display:flex;align-items:center;gap:10px;color:#e8f4fb;text-decoration:none;padding:11px 0;border-bottom:1px solid var(--qer-border)}.qer-side-card>a:last-child{border-bottom:0}.qer-side-card>a>span:nth-child(2){min-width:0;flex:1;display:flex;flex-direction:column}.qer-side-card>a strong{font-size:12px}.qer-side-card>a small{color:#7f95a4;font-size:10px;margin-top:2px}.qer-side-card>a>b{font-size:20px;color:#758c9c}.qer-side-icon{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:color-mix(in srgb,var(--qer-primary) 12%,#102235);color:var(--qer-primary);font-weight:850;flex:0 0 auto}.qer-me-card{padding:14px}.qer-me-top{display:flex;align-items:center;gap:10px;margin-bottom:8px}.qer-me-top img{width:48px;height:48px;border-radius:50%;object-fit:cover}.qer-me-top div{min-width:0;display:flex;flex-direction:column}.qer-me-top strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qer-me-top span{font-size:10px;color:var(--qer-muted);margin-top:2px}.qer-me-bio{font-size:11px;color:#a7bac7;line-height:1.4}.qer-mini-stats{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:10px 0}.qer-mini-stats span{background:#091724;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:9px;display:flex;flex-direction:column}.qer-mini-stats strong{font-size:15px}.qer-mini-stats small{font-size:8px;color:#7790a1;text-transform:uppercase;letter-spacing:.08em}.qer-me-card>a{padding:9px 3px 2px;border:0;font-size:11px;color:var(--qer-primary);font-weight:800;justify-content:space-between}.qer-notice-card{background:linear-gradient(145deg,color-mix(in srgb,var(--qer-primary) 10%,#0d1b29),#0c1825)}.qer-eyebrow{font-size:9px;letter-spacing:.16em;font-weight:900;color:var(--qer-primary)}.qer-notice-card p{color:#d1dce4;line-height:1.5;font-size:12px}.qer-notice-card>a{font-size:11px;font-weight:800;color:var(--qer-primary);justify-content:space-between}.qer-safe-card{display:flex;gap:11px;align-items:flex-start;background:linear-gradient(145deg,#0b1c25,#0c1825)}.qer-safe-card h3{margin:2px 0 5px}.qer-safe-card p{margin:0;color:#849baa;font-size:11px;line-height:1.45}.qer-safe-icon{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:rgba(24,212,123,.09);flex:0 0 auto}

/* section / learning */
.qer-section-intro{grid-column:1/-1;display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin:4px 2px 20px}.qer-section-intro h2{font-size:31px;line-height:1.1;margin:6px 0 4px;letter-spacing:-.035em}.qer-section-intro p{margin:0;color:var(--qer-muted);font-size:13px}.qer-safe-chip{white-space:nowrap;border:1px solid var(--qer-border);border-radius:999px;padding:8px 11px;color:#9fb0bc;background:rgba(255,255,255,.03);font-size:10px}.qer-wide{grid-column:1/-1}.qer-learning-shortcuts{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.qer-learning-shortcuts article{background:#0d1b29;border:1px solid var(--qer-border);border-radius:16px;padding:14px;display:flex;flex-direction:column;gap:3px}.qer-learning-shortcuts span{font-size:23px}.qer-learning-shortcuts strong{font-size:12px}.qer-learning-shortcuts small{font-size:9px;color:#8096a6}.qer-course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.qer-course{overflow:hidden;min-height:320px;display:flex;flex-direction:column;transition:.18s ease}.qer-course:hover{transform:translateY(-3px);border-color:rgba(255,255,255,.15)}.qer-course>img,.qer-course-cover{width:100%;aspect-ratio:16/9;object-fit:cover;background:linear-gradient(145deg,color-mix(in srgb,var(--qer-primary) 18%,#11243a),#112333);display:grid;place-items:center;font-size:42px;color:var(--qer-primary)}.qer-course-body{padding:16px;display:flex;flex-direction:column;flex:1}.qer-course-label{font-size:9px;color:var(--qer-primary);font-weight:850;letter-spacing:.12em}.qer-course h3{margin:7px 0;font-size:19px}.qer-course p{color:#98aaba;font-size:12px;line-height:1.5;margin:0 0 14px}.qer-course-open{margin-top:auto;font-size:11px;font-weight:800}.qer-course-empty{grid-column:1/-1;min-height:240px;display:grid;place-items:center;align-content:center;gap:7px}.qer-course-empty>span{font-size:38px}

/* chat */
.qer-chat-layout{grid-column:1/-1;display:grid;grid-template-columns:330px 1fr;min-height:650px;background:#e9e4da;border:1px solid var(--qer-border);border-radius:24px;overflow:hidden;box-shadow:var(--qer-shadow)}.qer-contacts{padding:15px;border-right:1px solid rgba(0,0,0,.08);overflow:auto;background:#0b1825;color:#fff}.qer-chat-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px}.qer-chat-title h3{margin:3px 0 0;font-size:20px}.qer-safe-mini{font-size:10px;color:#89a3b4;background:rgba(255,255,255,.05);border:1px solid var(--qer-border);padding:7px 9px;border-radius:12px}.qer-contact-search{display:flex;align-items:center;gap:7px;background:#112132;border:1px solid var(--qer-border);border-radius:13px;padding:0 10px;margin-bottom:8px;color:#71899a}.qer-contact-search input{height:42px;flex:1;min-width:0;background:transparent;border:0;outline:0;color:#fff;font-size:12px}.qer-contact-hint{font-size:10px;margin:8px 3px 10px}.qer-contact-list{display:grid;gap:3px}.qer-contact{width:100%;display:flex;gap:10px;align-items:center;text-align:left;background:transparent;border:0;color:#fff;padding:9px;border-radius:14px;cursor:pointer;transition:.15s ease}.qer-contact:hover,.qer-contact.active{background:#122536}.qer-contact.active{box-shadow:inset 3px 0 0 var(--qer-primary)}.qer-contact>img{width:44px;height:44px;border-radius:50%;object-fit:cover}.qer-contact>span{min-width:0;flex:1}.qer-contact strong{font-size:12px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qer-contact small{display:block;color:var(--qer-muted);margin-top:2px;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qer-contact i{width:8px;height:8px;background:#18d47b;border-radius:50%}.qer-no-contacts{font-size:11px;line-height:1.5;color:#7f95a4;padding:14px}.qer-chat-pane{display:flex;flex-direction:column;min-width:0;background:#e8e2d7;color:#14202a;position:relative}.qer-chat-pane:before{content:"";position:absolute;inset:0;opacity:.09;background-image:radial-gradient(circle at 25px 25px,#53606a 2px,transparent 3px),linear-gradient(45deg,transparent 47%,#53606a 49%,#53606a 51%,transparent 53%);background-size:90px 90px,140px 140px;pointer-events:none}.qer-chat-empty{margin:auto;text-align:center;color:#61717d;max-width:370px;padding:30px;position:relative;z-index:2}.qer-chat-empty-icon{width:64px;height:64px;border-radius:22px;margin:0 auto 14px;display:grid;place-items:center;background:#fff;color:#0a9f7a;font-size:30px;box-shadow:0 10px 30px rgba(0,0,0,.08)}.qer-chat-empty strong{display:block;color:#26333b;margin-bottom:6px}.qer-chat-empty p{font-size:12px;line-height:1.5}.qer-chat-head{padding:12px 16px;border-bottom:1px solid rgba(0,0,0,.08);display:flex;align-items:center;justify-content:space-between;background:#f3f0eb;position:relative;z-index:3}.qer-chat-head strong{font-size:13px}.qer-chat-head>div>span{display:block;color:#71808a;font-size:10px;margin-top:2px}.qer-chat-head i{display:inline-block;width:7px;height:7px;background:#18c780;border-radius:50%;margin-right:5px}.qer-chat-messages{flex:1;padding:20px;overflow:auto;position:relative;z-index:2}.qer-msg{max-width:72%;padding:9px 11px;margin:7px 0;border-radius:8px 8px 8px 2px;background:#fff;font-size:13px;line-height:1.45;box-shadow:0 2px 7px rgba(0,0,0,.08)}.qer-msg.mine{margin-left:auto;background:#d8f7d1;border-radius:8px 8px 2px 8px}.qer-msg small{display:block;font-size:8px;color:#849199;margin-top:4px;text-align:right}.qer-msg audio{width:260px;max-width:100%}.qer-report{font-size:8px;color:#b46464;cursor:pointer;margin-left:8px}.qer-chat-form{display:grid;grid-template-columns:1fr auto;gap:8px;padding:10px;background:#f1efeb;border-top:1px solid rgba(0,0,0,.08);position:relative;z-index:3}.qer-chat-form textarea{resize:none;min-height:48px;max-height:120px;border:0;outline:0;background:#fff;color:#17222a;border-radius:22px;padding:13px 16px;font-size:13px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.06)}.qer-chat-action{width:48px;height:48px;border-radius:50%;border:0;background:#13b98a;color:#fff;font-size:18px;cursor:pointer;display:grid;place-items:center;box-shadow:0 8px 20px rgba(19,185,138,.24)}.qer-chat-action.is-send{background:#149fe6}.qer-chat-action.recording{animation:cerPulse 1s infinite;background:#ef5168}.qer-record-status{grid-column:1/-1;color:#ae4655;font-size:10px;padding-left:8px}

/* profile */
.qer-profile{grid-column:1/-1;display:grid;place-items:center}.qer-profile-card{width:min(760px,100%);overflow:hidden}.qer-profile-cover{height:230px;background:radial-gradient(circle at 75% 10%,color-mix(in srgb,var(--qer-primary) 35%,transparent),transparent 40%),linear-gradient(135deg,#12283c,#0b1b29);background-size:cover;background-position:center}.qer-profile-main{padding:0 28px 28px;position:relative}.qer-profile-avatar{width:132px;height:132px;border-radius:50%;object-fit:cover;border:6px solid var(--qer-panel);margin-top:-66px;box-shadow:0 12px 30px rgba(0,0,0,.25)}.qer-profile-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-end;margin-top:-8px}.qer-profile-status{display:inline-block;color:#8fe5b7;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.qer-profile h2{margin:5px 0 0;font-size:30px}.qer-profile-head p{margin:4px 0 0;color:#b6c6d1;font-size:12px}.qer-profile-edit-toggle{border:1px solid var(--qer-border);background:#102233;color:#fff;border-radius:12px;padding:9px 12px;font-weight:800;cursor:pointer}.qer-profile-bio{max-width:640px;color:#c4d0d8;line-height:1.5;font-size:13px}.qer-profile-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:20px 0 16px}.qer-profile-stats span{padding:13px;background:#091724;border:1px solid var(--qer-border);border-radius:14px;display:flex;flex-direction:column}.qer-profile-stats strong{font-size:18px}.qer-profile-stats small{font-size:8px;color:var(--qer-muted);margin-top:3px;text-transform:uppercase;letter-spacing:.08em}.qer-profile-form{display:grid;gap:11px;background:#091724;border:1px solid var(--qer-border);border-radius:16px;padding:15px;margin:15px 0}.qer-profile-form label{display:grid;gap:5px;font-size:10px;color:#93a6b4;font-weight:800}.qer-profile-form input[type=text],.qer-profile-form textarea{background:#0d1d2b;border:1px solid var(--qer-border);border-radius:12px;padding:10px;color:#fff;outline:0}.qer-profile-file-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.qer-profile-file-row label{background:#0d1d2b;border:1px solid var(--qer-border);border-radius:12px;padding:10px}.qer-profile-form button{justify-self:start}.qer-profile-actions{display:flex;gap:9px}.qer-profile-actions a{background:#102233;border:1px solid var(--qer-border);color:#e6f2f8;text-decoration:none;border-radius:12px;padding:10px 14px;font-size:11px;font-weight:800}.qer-profile-actions a:first-child{background:var(--qer-primary);color:#03121b;border-color:transparent}

/* gate/hub/lightbox */
.qer-gate{max-width:1020px;margin:30px auto;padding:0 20px 70px}.qer-gate-card{padding:28px}.qer-gate-card>h2{font-size:30px;margin:8px 0}.qer-gate-card>p{color:#9eb0bd}.qer-gate-badge{display:inline-block;font-size:9px;letter-spacing:.14em;font-weight:900;color:#9fe7bf;background:rgba(24,212,123,.08);border:1px solid rgba(24,212,123,.12);padding:7px 9px;border-radius:999px}.qer-gate-cols{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:24px}.qer-gate-cols>div{background:#091522;border:1px solid var(--qer-border);border-radius:18px;padding:20px}.qer-gate-cols h3{margin-top:0}.qer-form{display:grid;gap:10px}.qer-form input,.qer-form select{width:100%;padding:12px;border-radius:12px;border:1px solid var(--qer-border);background:#0d1c2a;color:#fff;outline:0}.qer-empty{padding:32px;border:1px dashed var(--qer-border);border-radius:18px;color:var(--qer-muted);text-align:center;background:rgba(255,255,255,.015)}.qer-footer{text-align:center;color:#5f7585;padding:20px 20px 34px;font-size:10px}.qer-footer span{color:var(--qer-primary)}.qer-hub-wrap{max-width:1000px;margin:8vh auto;padding:30px}.qer-hub-wrap h1{font-size:54px;margin:16px 0 6px}.qer-hub-wrap>p{font-size:20px;color:var(--qer-muted)}.qer-brand-mark{width:72px;height:72px;border-radius:22px;background:var(--qer-primary);color:#04131e;display:grid;place-items:center;font-size:28px;font-weight:900}.qer-school-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:38px}.qer-school-card{background:var(--qer-panel);border:1px solid var(--qer-border);border-radius:20px;padding:20px;color:#fff;text-decoration:none;display:flex;flex-direction:column;gap:10px}.qer-school-card img,.qer-school-avatar{object-fit:cover}.qer-school-grid .qer-school-card img,.qer-school-grid .qer-school-avatar{width:62px;height:62px;border-radius:16px}.qer-lightbox{position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.88);display:grid;place-items:center;padding:30px}.qer-lightbox[hidden]{display:none}.qer-lightbox img{max-width:min(1100px,94vw);max-height:90vh;object-fit:contain;border-radius:16px;box-shadow:0 22px 80px rgba(0,0,0,.55)}.qer-lightbox button{position:absolute;right:24px;top:18px;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:rgba(0,0,0,.45);color:#fff;font-size:27px;cursor:pointer}
.qer-mobile-nav{display:none}@keyframes cerPulse{50%{transform:scale(1.06);box-shadow:0 0 0 10px rgba(239,81,104,.11)}}

@media(max-width:980px){.qer-main{grid-template-columns:minmax(0,1fr) 270px}.qer-school-badge{display:none}.qer-school-profile-inner{grid-template-columns:auto 1fr}.qer-learning-shortcuts{grid-template-columns:repeat(2,1fr)}}
@media(max-width:860px){.qer-topbar{grid-template-columns:auto 1fr auto}.qer-search{display:none}.qer-main{grid-template-columns:1fr;padding:16px 0 88px;width:min(100% - 20px,720px)}.qer-side{display:none}.qer-school-cover{height:205px}.qer-school-profile-inner{width:calc(100% - 24px);min-height:115px;gap:14px}.qer-school-avatar{width:96px;height:96px;border-radius:28px}.qer-school-avatar-wrap{margin-top:-48px}.qer-school-info h1{font-size:29px}.qer-tabs{display:none}.qer-mobile-nav{position:fixed;left:10px;right:10px;bottom:10px;height:66px;display:grid;grid-template-columns:repeat(5,1fr);background:rgba(8,19,30,.97);border:1px solid rgba(255,255,255,.11);border-radius:20px;z-index:90;box-shadow:0 18px 55px rgba(0,0,0,.45);backdrop-filter:blur(18px);padding:6px}.qer-mobile-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#7f95a4;text-decoration:none;border-radius:14px;font-size:16px}.qer-mobile-nav a b{font-size:8px}.qer-mobile-nav a.active{background:color-mix(in srgb,var(--qer-primary) 14%,transparent);color:var(--qer-primary)}.qer-course-grid{grid-template-columns:1fr 1fr}.qer-chat-layout{grid-template-columns:1fr;min-height:72vh}.qer-contacts{border-right:0;border-bottom:1px solid var(--qer-border);max-height:250px}.qer-gate-cols{grid-template-columns:1fr}.qer-school-grid{grid-template-columns:1fr 1fr}.qer-footer{padding-bottom:92px}}
@media(max-width:560px){.qer-topbar{height:54px;padding:0 11px;gap:8px}.qer-brand{font-size:14px}.qer-brand-dot{width:31px;height:31px;border-radius:10px}.qer-user-pill{padding:3px}.qer-user-pill span{display:none}.qer-user-pill img{width:28px;height:28px}.qer-logout{font-size:10px;padding:6px}.qer-school-cover{height:155px}.qer-cover-admin{right:12px;bottom:10px;padding:7px 9px}.qer-school-profilebar{padding-bottom:2px}.qer-school-profile-inner{width:calc(100% - 20px);min-height:108px;gap:11px;padding-bottom:13px}.qer-school-avatar{width:78px;height:78px;border-radius:23px;border-width:4px}.qer-school-avatar-wrap{margin-top:-39px}.qer-community-chip{font-size:7px;margin-bottom:4px}.qer-school-info h1{font-size:22px}.qer-school-info p{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:68vw}.qer-school-stats{font-size:8px;margin-top:6px;gap:5px}.qer-school-stats span:nth-last-child(-n+2){display:none}.qer-main{width:100%;padding:12px 8px 82px}.qer-block-title{padding:0 3px}.qer-block-title h2{font-size:15px}.qer-block-title span{font-size:8px}.qer-stories{grid-auto-columns:106px;gap:8px}.qer-story{height:124px;border-radius:16px;padding:10px}.qer-story>span{width:30px;height:30px;top:8px;left:8px}.qer-story strong{font-size:10px}.qer-story small{font-size:8px}.qer-composer{padding:10px;border-radius:17px;margin-bottom:13px}.qer-composer-top{gap:8px}.qer-composer-top img{width:37px;height:37px}.qer-composer textarea{min-height:54px;font-size:13px;padding-top:7px}.qer-composer-row{align-items:flex-end}.qer-file-btn,.qer-kind-toggle,.qer-coming{padding:7px 6px;font-size:9px}.qer-coming{display:none}.qer-publish{padding:9px 12px;font-size:10px}.qer-welcome-pack{grid-template-columns:44px 1fr;padding:13px}.qer-welcome-icon{width:44px;height:44px}.qer-welcome-pack>a{display:none}.qer-welcome-pack h3{font-size:15px}.qer-welcome-pack p{font-size:10px}.qer-post{border-radius:16px;margin-bottom:12px}.qer-post-head{padding:11px}.qer-avatar-img{width:38px;height:38px}.qer-post-author strong{font-size:11px}.qer-post-author small{font-size:8px}.qer-official-badge{font-size:7px}.qer-post-body{padding:0 11px 9px;font-size:13px}.qer-post-image{height:min(380px,88vw);min-height:190px}.qer-post-image-btn>span{font-size:8px;padding:6px 8px}.qer-post-meta{padding:8px 11px;font-size:8px}.qer-post-actions{padding:5px 6px}.qer-post-actions button{font-size:9px;padding:8px 3px}.qer-copy-post{display:none!important}.qer-comment-form{grid-template-columns:28px 1fr auto}.qer-comment-form>img{width:28px;height:28px}.qer-comment-form input{font-size:10px}.qer-section-intro{align-items:flex-start;margin:0 4px 14px}.qer-section-intro h2{font-size:25px}.qer-safe-chip{display:none}.qer-learning-shortcuts{grid-template-columns:1fr 1fr;gap:8px}.qer-learning-shortcuts article{padding:11px}.qer-course-grid{grid-template-columns:1fr}.qer-course{min-height:0}.qer-course-body{padding:14px}.qer-chat-layout{border-radius:0;border-left:0;border-right:0;min-height:calc(100vh - 190px)}.qer-contacts{padding:10px;max-height:210px}.qer-chat-title h3{font-size:18px}.qer-chat-messages{padding:10px}.qer-msg{max-width:86%;font-size:11px}.qer-chat-form{padding:8px;gap:6px;position:sticky;bottom:0}.qer-chat-form textarea{min-height:44px;font-size:12px;padding:12px 14px}.qer-chat-action{width:44px;height:44px}.qer-profile{padding:0 8px}.qer-profile-card{border-radius:18px}.qer-profile-cover{height:145px}.qer-profile-main{padding:0 14px 18px}.qer-profile-avatar{width:96px;height:96px;margin-top:-48px;border-width:4px}.qer-profile-head{align-items:flex-start}.qer-profile h2{font-size:23px}.qer-profile-edit-toggle{font-size:9px;padding:8px 10px}.qer-profile-stats{gap:6px}.qer-profile-stats span{padding:10px}.qer-profile-stats strong{font-size:15px}.qer-profile-file-row{grid-template-columns:1fr}.qer-profile-actions{flex-direction:column}.qer-profile-actions a{text-align:center}.qer-gate{padding:0 10px 80px}.qer-gate-card{padding:18px;border-radius:18px}.qer-gate-card>h2{font-size:25px}.qer-gate-cols>div{padding:15px}.qer-mobile-nav{left:7px;right:7px;bottom:7px;height:61px;border-radius:18px}}

/* v0.4.0 — Social App Pro / acesso simples */
.qer-brand-logo{width:40px;height:40px;border-radius:50%;object-fit:cover;filter:drop-shadow(0 8px 18px rgba(18,199,255,.22))}.qer-school-cover:not([style]){background-image:linear-gradient(180deg,rgba(2,8,18,.04),rgba(2,8,18,.76)),url('default-school-cover.svg');background-size:cover;background-position:center}.qer-gate{max-width:1120px}.qer-gate-card{padding:34px;background:linear-gradient(180deg,rgba(13,29,43,.97),rgba(8,19,30,.98));box-shadow:0 28px 80px rgba(0,0,0,.32)}.qer-gate-card>h2{font-size:34px;letter-spacing:-.035em}.qer-gate-card>p{max-width:700px;line-height:1.55}.qer-gate-cols{gap:18px}.qer-access-card{position:relative;overflow:hidden}.qer-access-card:before{content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:-90px;top:-110px;background:radial-gradient(circle,color-mix(in srgb,var(--qer-primary) 22%,transparent),transparent 66%);pointer-events:none}.qer-access-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:color-mix(in srgb,var(--qer-primary) 16%,#0a1927);border:1px solid color-mix(in srgb,var(--qer-primary) 26%,transparent);color:#dff9ff;font-size:18px;margin-bottom:14px}.qer-access-card h3{font-size:20px;margin:0 0 5px}.qer-access-card>p{color:#8198aa;font-size:11px;line-height:1.5;margin:0 0 16px}.qer-form{gap:11px}.qer-form input,.qer-form select{min-height:48px;padding:13px 14px;background:#0b1926;border-color:rgba(255,255,255,.1);font-size:13px;transition:.16s ease}.qer-form input:focus,.qer-form select:focus{border-color:color-mix(in srgb,var(--qer-primary) 70%,#fff);box-shadow:0 0 0 3px color-mix(in srgb,var(--qer-primary) 10%,transparent)}.qer-primary-btn{min-height:48px;font-size:13px}.qer-password-wrap{position:relative}.qer-password-wrap input{padding-right:48px}.qer-password-toggle{position:absolute!important;right:5px;top:5px;width:38px;height:38px;padding:0!important;border-radius:10px!important;background:transparent!important;color:#8ca3b5!important;box-shadow:none!important}.qer-password-toggle:hover{background:rgba(255,255,255,.05)!important;transform:none!important}.qer-remember{display:flex;align-items:center;gap:8px;color:#91a5b5;font-size:11px}.qer-remember input{width:16px!important;height:16px!important;min-height:0!important}.qer-gate-note{display:block;color:#6f8798;font-size:9px;line-height:1.45}.qer-invite-details{border:1px dashed rgba(255,255,255,.1);border-radius:12px;padding:9px 11px;color:#8196a6;font-size:10px}.qer-invite-details summary{cursor:pointer;font-weight:800}.qer-invite-details[open] summary{margin-bottom:9px}.qer-request-connected{max-width:440px;margin-top:18px}.qer-form-msg{min-height:14px}.qer-form-msg:not(:empty){padding:9px 10px;border-radius:10px;background:rgba(14,165,233,.08);border:1px solid rgba(14,165,233,.14)}

@media(max-width:560px){.qer-brand-logo{width:32px;height:32px}.qer-gate{padding:0 8px 82px;margin-top:16px}.qer-gate-card{padding:16px 14px;border-radius:18px}.qer-gate-card>h2{font-size:24px;line-height:1.12}.qer-gate-card>p{font-size:11px;margin-bottom:0}.qer-gate-cols{margin-top:16px;gap:12px}.qer-gate-cols>div{padding:14px;border-radius:16px}.qer-access-icon{width:34px;height:34px;margin-bottom:10px}.qer-access-card h3{font-size:17px}.qer-access-card>p{font-size:10px;margin-bottom:12px}.qer-form input,.qer-form select{min-height:46px;font-size:12px}.qer-primary-btn{min-height:46px}.qer-school-cover{height:170px}.qer-school-profile-inner{align-items:end}.qer-school-info h1{font-size:23px;line-height:1.05}.qer-school-info p{max-width:64vw}}
.qer-welcome-logo{padding:0!important;overflow:hidden;background:#071522!important}.qer-welcome-logo img{width:100%;height:100%;display:block;object-fit:cover}.qer-hub-logo{width:78px;height:78px;border-radius:50%;box-shadow:0 16px 36px rgba(14,165,233,.18)}

.qer-hub-logo{width:118px;height:118px;object-fit:cover;border-radius:28px;box-shadow:0 18px 50px rgba(0,174,255,.24)}.qer-invite-recognized{padding:10px 12px;border-radius:12px;background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.25);color:#9cf2c9;font-size:11px;font-weight:800}

/* v0.6 Social Polish */
.qer-file-main{font-size:12px!important;font-weight:900!important;color:#e9f8ff!important;background:rgba(14,165,233,.08)!important;border:1px solid rgba(14,165,233,.16)!important;padding:9px 12px!important}.qer-file-main:hover{background:rgba(14,165,233,.14)!important}.qer-media-hint{font-size:9px;color:#6f8798;margin-top:8px;padding-left:4px}.qer-media-hint strong{color:#9fdcff}.qer-post-menu-wrap{position:relative;margin-left:auto}.qer-post-more{cursor:pointer!important;border-radius:10px!important}.qer-post-more:hover{background:rgba(255,255,255,.06)!important;color:#fff!important}.qer-post-menu{position:absolute;right:0;top:38px;z-index:40;min-width:180px;padding:6px;background:#0b1a27;border:1px solid rgba(255,255,255,.12);border-radius:13px;box-shadow:0 18px 45px rgba(0,0,0,.42)}.qer-post-menu[hidden]{display:none}.qer-post-menu button{width:100%;border:0;background:transparent;color:#d8e5ed;text-align:left;padding:10px 11px;border-radius:9px;font-size:11px;font-weight:750;cursor:pointer}.qer-post-menu button:hover{background:rgba(255,255,255,.06)}.qer-post-menu button.danger{color:#ff9aa8}.qer-post-edit{padding:0 16px 13px}.qer-post-edit[hidden]{display:none}.qer-post-edit textarea{width:100%;min-height:96px;resize:vertical;background:#091724;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;padding:11px;outline:none}.qer-post-edit>div{display:flex;gap:8px;margin-top:8px}.qer-post-edit button{border:0;border-radius:10px;padding:8px 12px;font-weight:800;cursor:pointer}.qer-save-post{background:var(--qer-primary);color:#03121b}.qer-cancel-edit{background:#152838;color:#d8e5ed}.qer-post-image{height:auto!important;aspect-ratio:4/5;max-height:560px!important;min-height:0!important;object-fit:cover}.qer-post-video{width:100%;max-height:560px;display:block;background:#02070c;object-fit:contain;border-top:1px solid var(--qer-border);border-bottom:1px solid var(--qer-border)}.qer-profile-avatar{border-radius:50%!important}.qer-profile-file-row small{display:block;margin-top:6px;color:#6f8798;font-size:8px;font-weight:600;line-height:1.4}.qer-admin-help{display:block;margin-top:6px;color:#6f8798;font-size:10px;line-height:1.4}.qer-school-grid .qer-school-card img,.qer-school-grid .qer-school-avatar{border-radius:50%!important;object-fit:cover}.qer-me-top img{border-radius:50%!important}.qer-user-pill img{border-radius:50%!important}
@media(max-width:560px){.qer-file-main{font-size:10px!important;padding:8px 9px!important}.qer-media-hint{font-size:8px}.qer-post-image{max-height:none!important;aspect-ratio:4/5}.qer-post-video{max-height:72vh}.qer-post-menu{right:-2px;top:34px;min-width:165px}.qer-profile-avatar{border-radius:50%!important}}
\n/* v0.7.0 — Canvas clean, banner sem corte e composer refinado */
html{margin-top:0!important}#wpadminbar{display:none!important}.qer-body{padding-top:0!important}
.qer-school-cover{height:auto!important;aspect-ratio:5/2;background-size:cover!important;background-position:center!important}
.qer-file-main{font-size:12px!important;font-weight:850!important;color:#dff7ff!important;background:transparent!important;border:1px solid rgba(255,255,255,.10)!important;padding:9px 12px!important}
.qer-file-main:hover{background:rgba(255,255,255,.05)!important;border-color:rgba(82,211,255,.35)!important;color:#fff!important}
.qer-coming{color:#bfd0dc!important;background:transparent!important;border:1px solid transparent!important;box-shadow:none!important}
.qer-coming:hover{background:rgba(255,255,255,.05)!important;color:#fff!important;border-color:rgba(255,255,255,.06)!important}
.qer-publish{background:linear-gradient(135deg,#0ea5e9,#38d4ff)!important;color:#03121c!important}
.qer-media-hint{color:#71899a!important}.qer-media-hint strong{color:#9fdcff!important}
@media(max-width:860px){.qer-school-cover{aspect-ratio:5/2!important;height:auto!important}}
@media(max-width:560px){.qer-school-cover{aspect-ratio:5/2!important;height:auto!important}.qer-file-main{font-size:10px!important;padding:8px 9px!important}}

/* v0.8.0 — Facebook-like cover + mídia responsiva sem corte + ações sem rosa */
:root{--qer-ui-accent:#1fc8f3;--qer-ui-accent-2:#62ddff}
/* Capa da comunidade: larga e baixa no desktop, sem ocupar a tela inteira. */
.qer-school-cover{
  width:min(1180px,calc(100% - 28px))!important;
  height:clamp(230px,24vw,330px)!important;
  aspect-ratio:auto!important;
  margin:0 auto!important;
  border-radius:0 0 20px 20px!important;
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  box-shadow:0 18px 50px rgba(0,0,0,.22)!important;
}
.qer-school-profilebar{margin-top:0!important}
/* Mídia do feed preserva a proporção original: 1:1 permanece quadrada, 4:5 permanece 4:5. */
.qer-post-image-btn{
  width:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  background:#07121d!important;
  overflow:hidden!important;
}
.qer-post-image{
  display:block!important;
  width:auto!important;
  height:auto!important;
  min-height:0!important;
  max-width:min(100%,620px)!important;
  max-height:690px!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  object-position:center!important;
  margin:0 auto!important;
  border:0!important;
}
.qer-post-video{
  width:auto!important;
  height:auto!important;
  max-width:min(100%,620px)!important;
  max-height:690px!important;
  object-fit:contain!important;
  margin:0 auto!important;
  background:#02070c!important;
}
/* Interface neutra/ciano: nada de rosa herdado da cor da comunidade nos controles sociais. */
.qer-composer .qer-file-main{
  color:#dff7ff!important;
  background:#0d2130!important;
  border:1px solid rgba(31,200,243,.22)!important;
  box-shadow:none!important;
}
.qer-composer .qer-file-main:hover{background:#123047!important;border-color:rgba(31,200,243,.45)!important}
.qer-composer .qer-coming,.qer-composer .qer-kind-toggle{
  color:#bed0dc!important;background:transparent!important;border:1px solid rgba(255,255,255,.07)!important;box-shadow:none!important
}
.qer-composer .qer-coming:hover,.qer-composer .qer-kind-toggle:hover{color:#fff!important;background:rgba(255,255,255,.05)!important;border-color:rgba(255,255,255,.12)!important}
.qer-composer .qer-publish{
  background:linear-gradient(135deg,var(--qer-ui-accent),var(--qer-ui-accent-2))!important;
  color:#03121c!important;border:0!important;box-shadow:0 10px 24px rgba(31,200,243,.16)!important
}
.qer-post-more{
  color:#9bb0bd!important;background:transparent!important;border:1px solid rgba(31,200,243,.20)!important;box-shadow:none!important
}
.qer-post-more:hover{color:#fff!important;background:rgba(31,200,243,.08)!important;border-color:rgba(31,200,243,.42)!important}
.qer-post-actions .qer-like.active{color:#5edfff!important;background:rgba(31,200,243,.08)!important}
.qer-post-menu{border-color:rgba(31,200,243,.18)!important}
.qer-post-menu button.danger{color:#ff9c9c!important}
.qer-media-hint strong{color:#8ceaff!important}

@media(max-width:900px){
  .qer-school-cover{width:100%!important;height:220px!important;border-radius:0!important}
  .qer-post-image,.qer-post-video{max-width:100%!important;max-height:none!important}
}
@media(max-width:560px){
  .qer-school-cover{height:185px!important}
  .qer-post-image-btn{background:#07121d!important}
  .qer-post-image,.qer-post-video{width:auto!important;max-width:100%!important;height:auto!important;max-height:none!important;aspect-ratio:auto!important;object-fit:contain!important;margin:0 auto!important}
}

/* v0.9.0 — Social PRO: acesso compacto + feed mais social + UI ciano consistente */
:root{--qer-ui-accent:#22c7f2;--qer-ui-accent-2:#6be1ff;--qer-ui-accent-soft:rgba(34,199,242,.10)}

/* O layout social usa uma coluna central mais enxuta, no espírito Facebook. */
.qer-main{width:min(1080px,calc(100% - 28px))!important;grid-template-columns:minmax(0,700px) 300px!important;gap:20px!important}
.qer-feed-col{min-width:0!important}
.qer-composer,.qer-post{border-color:rgba(255,255,255,.075)!important;box-shadow:0 14px 38px rgba(0,0,0,.20)!important}
.qer-post:hover{border-color:rgba(34,199,242,.16)!important;transform:none!important}
.qer-post-head{padding:14px 15px 10px!important}
.qer-post-body{padding:1px 15px 12px!important}
.qer-post-meta{padding:9px 15px!important}
.qer-post-actions{padding:6px 10px!important;background:rgba(255,255,255,.008)!important}
.qer-post-actions button{border:0!important;color:#b9cad5!important}
.qer-post-actions button:hover{background:rgba(255,255,255,.045)!important;color:#fff!important}
.qer-post-actions .qer-like.active{color:var(--qer-ui-accent)!important;background:var(--qer-ui-accent-soft)!important}
.qer-post-menu{border-color:rgba(34,199,242,.16)!important;background:#091722!important}
.qer-post-menu button.danger{color:#ffb0b0!important}
.qer-post-more{border-color:rgba(255,255,255,.08)!important;color:#8ea5b4!important}
.qer-post-more:hover{border-color:rgba(34,199,242,.32)!important;background:rgba(34,199,242,.07)!important}

/* Imagens continuam no formato original e centralizadas. */
.qer-post-image-btn{background:#07121d!important;padding:10px!important}
.qer-post-image{max-width:min(100%,600px)!important;max-height:720px!important;border-radius:12px!important}
.qer-post-video{max-width:min(100%,600px)!important;max-height:720px!important;border-radius:12px!important}

/* Destaques um pouco mais compactos e elegantes. */
.qer-stories{grid-auto-columns:118px!important;gap:9px!important}
.qer-story{height:142px!important;border-radius:16px!important}
.qer-story-special{background:radial-gradient(circle at 75% 15%,rgba(34,199,242,.20),transparent 42%),linear-gradient(150deg,#10283a,#0a1723)!important}
.qer-story-special>span{background:#0d2637!important;color:#dff8ff!important;border-color:rgba(34,199,242,.18)!important}

/* Toda a navegação/controles sociais permanecem ciano, independente da cor da comunidade. */
.qer-brand b,.qer-footer span{color:var(--qer-ui-accent)!important}
.qer-tabs a.active{background:rgba(34,199,242,.09)!important;border-color:rgba(34,199,242,.28)!important;box-shadow:none!important}
.qer-tabs a.active span{color:var(--qer-ui-accent)!important}
.qer-mobile-nav a.active{background:rgba(34,199,242,.10)!important;color:var(--qer-ui-accent)!important}
.qer-form input:focus,.qer-form select:focus,.qer-profile-form input:focus,.qer-profile-form textarea:focus{border-color:rgba(34,199,242,.65)!important;box-shadow:0 0 0 3px rgba(34,199,242,.08)!important}
.qer-primary-btn,.qer-publish,.qer-comment-form button,.qer-profile-form button{background:linear-gradient(135deg,var(--qer-ui-accent),var(--qer-ui-accent-2))!important;color:#03121c!important;box-shadow:0 10px 24px rgba(34,199,242,.14)!important}
.qer-profile-actions a:first-child{background:var(--qer-ui-accent)!important;color:#03121b!important}
.qer-welcome-icon{background:linear-gradient(145deg,var(--qer-ui-accent),#7be8ff)!important}
.qer-file-btn.active{background:rgba(34,199,242,.08)!important;color:#9deaff!important}
.qer-kind-toggle.active{background:rgba(34,199,242,.08)!important;color:#9deaff!important}

/* Acesso: um formulário por vez, com seletor limpo. */
.qer-gate{max-width:760px!important}
.qer-gate-card{padding:28px!important}
.qer-access-switch{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:5px;background:#07131e;border:1px solid rgba(255,255,255,.08);border-radius:14px;margin:22px 0 14px}
.qer-access-tab{min-height:44px;border:0;border-radius:10px;background:transparent;color:#90a4b3;font-weight:850;font-size:12px;cursor:pointer;transition:.16s ease}
.qer-access-tab:hover{color:#fff;background:rgba(255,255,255,.04)}
.qer-access-tab.active{color:#e9fbff;background:#0e2a3c;box-shadow:inset 0 0 0 1px rgba(34,199,242,.22)}
.qer-gate-single{display:block!important;margin-top:0!important}
.qer-access-panel{width:100%!important;max-width:540px;margin:0 auto;background:#091522!important;border-color:rgba(255,255,255,.08)!important}
.qer-access-panel[hidden]{display:none!important}
.qer-access-card:before{background:radial-gradient(circle,rgba(34,199,242,.14),transparent 68%)!important}
.qer-access-icon{background:#0d2637!important;border-color:rgba(34,199,242,.18)!important;color:#dff8ff!important}
.qer-invite-details{border-color:rgba(34,199,242,.14)!important}
.qer-form-msg:not(:empty){background:rgba(34,199,242,.07)!important;border-color:rgba(34,199,242,.14)!important}

/* Remoção de vestígios rosa/vermelho decorativo nos controles do produto. */
.qer-composer *,.qer-tabs *,.qer-mobile-nav *,.qer-post-actions *{accent-color:var(--qer-ui-accent)}
.qer-composer .qer-coming,.qer-composer .qer-kind-toggle{border-color:rgba(255,255,255,.07)!important;color:#c4d2dc!important}
.qer-composer .qer-coming:hover,.qer-composer .qer-kind-toggle:hover{border-color:rgba(34,199,242,.16)!important;background:rgba(34,199,242,.04)!important}

@media(max-width:860px){
  .qer-main{width:min(100% - 18px,720px)!important;grid-template-columns:1fr!important}
  .qer-gate{max-width:680px!important;padding-left:10px!important;padding-right:10px!important}
  .qer-post-image-btn{padding:6px!important}
}
@media(max-width:560px){
  .qer-gate{margin-top:12px!important;padding:0 8px 82px!important}
  .qer-gate-card{padding:15px 12px!important}
  .qer-gate-card>h2{font-size:22px!important;margin-bottom:5px!important}
  .qer-gate-card>p{font-size:10px!important;line-height:1.45!important}
  .qer-access-switch{margin:15px 0 10px!important;gap:4px!important;padding:4px!important}
  .qer-access-tab{min-height:42px!important;font-size:11px!important}
  .qer-access-panel{padding:14px!important;border-radius:15px!important}
  .qer-access-icon{display:none!important}
  .qer-access-card h3{font-size:16px!important;margin-bottom:3px!important}
  .qer-access-card>p{font-size:9px!important;margin-bottom:10px!important}
  .qer-form{gap:8px!important}
  .qer-form input,.qer-form select{min-height:44px!important;padding:11px 12px!important;font-size:11px!important}
  .qer-primary-btn{min-height:44px!important;font-size:11px!important}
  .qer-stories{grid-auto-columns:105px!important}
  .qer-story{height:132px!important}
  .qer-post-image-btn{padding:4px!important}
  .qer-post-image,.qer-post-video{max-width:100%!important;border-radius:10px!important}
}


/* =========================================================
   v1.0.0 SOCIAL PREMIUM — barra única, chat lateral, carrossel e temas
   ========================================================= */
:root{--qer-accent:#22c8ff;--qer-page:#050d16;--qer-surface:#0c1825;--qer-surface-2:#112233;--qer-line:rgba(255,255,255,.09)}
body.qer-theme-blue-dark{--qer-page:#050d16;--qer-bg:#050d16;--qer-bg2:#08131f;--qer-panel:#0c1825;--qer-panel2:#112233;--qer-panel3:#172b3e;--qer-accent:#22c8ff}
body.qer-theme-black-dark{--qer-page:#050607;--qer-bg:#050607;--qer-bg2:#0b0d10;--qer-panel:#111419;--qer-panel2:#171b21;--qer-panel3:#20262e;--qer-accent:#7ddcff}
body.qer-theme-gray-dark{--qer-page:#0b0e12;--qer-bg:#0b0e12;--qer-bg2:#13171c;--qer-panel:#191e25;--qer-panel2:#222933;--qer-panel3:#2a3440;--qer-accent:#a8dfff}
body.qer-theme-red-dark{--qer-page:#100708;--qer-bg:#100708;--qer-bg2:#190c0f;--qer-panel:#201116;--qer-panel2:#2a161c;--qer-panel3:#372028;--qer-accent:#ff6b74}
body.qer-theme-green-dark{--qer-page:#04100d;--qer-bg:#04100d;--qer-bg2:#081814;--qer-panel:#0c211b;--qer-panel2:#123029;--qer-panel3:#183e35;--qer-accent:#47dfb0}
body.qer-theme-purple-dark{--qer-page:#0b0712;--qer-bg:#0b0712;--qer-bg2:#120c1c;--qer-panel:#191027;--qer-panel2:#241736;--qer-panel3:#312047;--qer-accent:#b98cff}
body.qer-body{background:linear-gradient(180deg,var(--qer-page) 0,var(--qer-bg2) 100%)}
body.qer-body .qer-composer,body.qer-body .qer-post,body.qer-body .qer-side-card,body.qer-body .qer-course,body.qer-body .qer-profile-card,body.qer-body .qer-gate-card,body.qer-body .qer-welcome-pack{background:linear-gradient(180deg,var(--qer-panel),color-mix(in srgb,var(--qer-panel) 84%,#000));border-color:var(--qer-line)}

/* Barra única desktop */
@media(min-width:961px){
  .qer-topbar{height:68px;grid-template-columns:auto minmax(210px,330px) minmax(430px,1fr) auto;gap:14px;padding:0 max(18px,3.5vw)}
  .qer-brand{font-size:17px}.qer-brand-logo{width:42px!important;height:42px!important}
  .qer-search{height:42px;max-width:330px}
  .qer-topnav{display:flex;align-items:center;justify-content:center;gap:4px;min-width:0}
  .qer-topnav a{height:44px;min-width:68px;padding:0 10px;border-radius:12px;color:#9fb4c2;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:6px;font-weight:800;font-size:10px;border:1px solid transparent;white-space:nowrap}
  .qer-topnav a span{font-size:15px;color:#839aa9}.qer-topnav a:hover{background:rgba(255,255,255,.045);color:#fff}.qer-topnav a.active{background:color-mix(in srgb,var(--qer-primary) 11%,transparent);border-color:color-mix(in srgb,var(--qer-primary) 28%,transparent);color:#fff}.qer-topnav a.active span{color:var(--qer-primary)}
  .qer-tabs-secondary{display:none!important}
  .qer-school-cover{margin-top:0}
  .qer-side{top:92px}
}
@media(max-width:960px){.qer-topnav{display:none}.qer-tabs-secondary{display:flex}}

/* Zero rosa/magenta visual no produto */
.qer-post-actions .qer-like.active{color:var(--qer-primary)!important;background:color-mix(in srgb,var(--qer-primary) 10%,transparent)!important}
.qer-profile-edit-toggle,.qer-post-menu,.qer-post-menu button,.qer-post-more{border-color:color-mix(in srgb,var(--qer-primary) 34%,transparent)!important}
.qer-profile-edit-toggle{background:color-mix(in srgb,var(--qer-primary) 10%,#0b1a27)!important;color:#dff8ff!important}
.qer-profile-edit-toggle:hover{background:color-mix(in srgb,var(--qer-primary) 18%,#0b1a27)!important}
.qer-post-image-btn,.qer-post-image{border-color:var(--qer-line)!important}
.qer-kind-toggle.active,.qer-file-btn.active{background:color-mix(in srgb,var(--qer-primary) 10%,transparent)!important;color:#dff8ff!important}

/* Destaques com setas e carrossel real */
.qer-stories-shell{position:relative}.qer-story-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:7;width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,.12);background:rgba(4,12,20,.88);color:#dff8ff;display:grid;place-items:center;font-size:24px;cursor:pointer;box-shadow:0 8px 24px rgba(0,0,0,.3);backdrop-filter:blur(8px)}.qer-story-arrow.prev{left:-13px}.qer-story-arrow.next{right:-13px}.qer-story-arrow:hover{background:color-mix(in srgb,var(--qer-primary) 20%,#08131f);color:#fff}.qer-stories{scroll-snap-type:x proximity;scroll-padding:3px}.qer-story{scroll-snap-align:start}
@media(max-width:700px){.qer-story-arrow{display:none}.qer-stories{padding-left:3px;padding-right:18px;-webkit-overflow-scrolling:touch}}

/* Chat lateral — página continua visível no desktop */
@media(min-width:961px){
  .qer-chat-drawer{position:fixed!important;right:18px!important;top:82px!important;width:min(780px,calc(100vw - 40px))!important;height:calc(100vh - 100px)!important;min-height:0!important;z-index:110!important;grid-template-columns:275px minmax(0,1fr)!important;border-radius:22px!important;box-shadow:0 30px 100px rgba(0,0,0,.52)!important;background:#08131f!important;border:1px solid rgba(255,255,255,.13)!important}
  .qer-chat-close{display:grid!important;position:absolute;right:10px;top:10px;z-index:10;width:32px;height:32px;border-radius:50%;place-items:center;background:rgba(5,14,23,.86);border:1px solid rgba(255,255,255,.12);color:#cde8f5;font-size:20px;cursor:pointer}
  .qer-chat-close:hover{background:#153248;color:#fff}
  body:has(.qer-chat-drawer) .qer-main{min-height:360px}
}
.qer-chat-close{display:none}.qer-contacts{background:#07131e!important}.qer-chat-pane{background:#0b141c!important;color:#e8f1f6!important}.qer-chat-pane:before{opacity:.075;background-image:radial-gradient(circle at 22px 22px,#7a8b96 1.5px,transparent 2.5px),linear-gradient(45deg,transparent 47%,#667986 49%,#667986 51%,transparent 53%)}.qer-chat-empty{color:#89a0ae}.qer-chat-empty strong{color:#edf8ff}.qer-chat-empty-icon{background:#122637;color:var(--qer-primary)}.qer-chat-head{background:#0d1c28!important;border-bottom-color:rgba(255,255,255,.08)!important;color:#fff}.qer-chat-head>div>span{color:#8297a5}.qer-chat-messages{background:transparent}.qer-msg{background:#172632!important;color:#eaf4f9!important;border-radius:14px 14px 14px 4px!important;box-shadow:none!important}.qer-msg.mine{background:#0b6b58!important;color:#fff!important;border-radius:14px 14px 4px 14px!important}.qer-chat-form{background:#0d1b27!important;border-top:1px solid rgba(255,255,255,.08)!important}.qer-chat-form textarea{background:#172936!important;color:#fff!important;border:1px solid rgba(255,255,255,.08)!important}.qer-chat-action{background:#0fae8c!important;color:white!important;box-shadow:0 8px 22px rgba(15,174,140,.22)!important}.qer-chat-action.is-send{background:var(--qer-primary)!important;color:#04121b!important}.qer-contact.active{box-shadow:inset 3px 0 0 var(--qer-primary)!important}
@media(max-width:960px){.qer-chat-close{display:none}.qer-chat-layout{border-radius:0!important;min-height:calc(100vh - 160px)!important}}
@media(max-width:860px){.qer-tabs-secondary{display:none!important}}


/* =========================================================
   v1.0.1 DARK CHAT FIX — acabamento premium real
   ========================================================= */
/* A cor personalizada da comunidade NÃO pode pintar controles com rosa/magenta.
   Os controles usam uma paleta dark segura, por tema. */
:root{--qer-ui-accent:#20bfe8;--qer-ui-accent-2:#62d8f4;--qer-ui-accent-soft:rgba(32,191,232,.10);--qer-ui-button:#0e3449;--qer-ui-button-hover:#15475e;--qer-ui-line:rgba(91,211,240,.20)}
body.qer-theme-blue-dark{--qer-ui-accent:#20bfe8;--qer-ui-accent-2:#62d8f4;--qer-ui-button:#0e3449;--qer-ui-button-hover:#15475e}
body.qer-theme-black-dark{--qer-ui-accent:#83d9ef;--qer-ui-accent-2:#b5edf8;--qer-ui-button:#1a252d;--qer-ui-button-hover:#24343f}
body.qer-theme-gray-dark{--qer-ui-accent:#9ccfe4;--qer-ui-accent-2:#c2e7f4;--qer-ui-button:#26323d;--qer-ui-button-hover:#33424f}
body.qer-theme-red-dark{--qer-ui-accent:#d0646c;--qer-ui-accent-2:#e48a91;--qer-ui-button:#3a1d22;--qer-ui-button-hover:#4a262d}
body.qer-theme-green-dark{--qer-ui-accent:#48c9a4;--qer-ui-accent-2:#78dec1;--qer-ui-button:#12372f;--qer-ui-button-hover:#19493e}
body.qer-theme-purple-dark{--qer-ui-accent:#9478c5;--qer-ui-accent-2:#baa6dc;--qer-ui-button:#28203b;--qer-ui-button-hover:#362b4d}

/* hard reset dos controles que antes herdavam a cor principal salva da comunidade */
.qer-topnav a.active,.qer-tabs a.active,.qer-mobile-nav a.active{background:var(--qer-ui-accent-soft)!important;border-color:var(--qer-ui-line)!important;color:#f4fcff!important;box-shadow:none!important}
.qer-topnav a.active span,.qer-tabs a.active span,.qer-mobile-nav a.active span{color:var(--qer-ui-accent)!important}
.qer-access-tab.active,.qer-profile-edit-toggle,.qer-post-more,.qer-story-arrow,.qer-chat-close,.qer-admin-collapse{border-color:var(--qer-ui-line)!important;background:var(--qer-ui-button)!important;color:#e9fbff!important;box-shadow:none!important}
.qer-access-tab.active:hover,.qer-profile-edit-toggle:hover,.qer-post-more:hover,.qer-story-arrow:hover,.qer-chat-close:hover{background:var(--qer-ui-button-hover)!important;color:#fff!important}
.qer-primary-btn,.qer-publish,.qer-comment-form button,.qer-profile-form button,.qer-chat-action.is-send{background:linear-gradient(135deg,var(--qer-ui-accent),var(--qer-ui-accent-2))!important;color:#03131d!important;border:0!important;box-shadow:0 8px 22px color-mix(in srgb,var(--qer-ui-accent) 16%,transparent)!important}
.qer-primary-btn{font-size:14px!important;font-weight:900!important;letter-spacing:.01em}
.qer-file-btn.active,.qer-kind-toggle.active,.qer-post-actions .qer-like.active{background:var(--qer-ui-accent-soft)!important;color:#b9f2ff!important;border-color:var(--qer-ui-line)!important}
.qer-post-image-btn,.qer-post-image,.qer-post-video,.qer-post{border-color:rgba(255,255,255,.08)!important}
.qer-profile-edit-toggle{padding:10px 14px!important;border-radius:11px!important;font-weight:850!important}

/* Destaques: setas menores, discretas e funcionais */
.qer-stories-shell{padding:0 5px;overflow:visible}
.qer-story-arrow{width:29px!important;height:29px!important;font-size:17px!important;border-radius:9px!important;top:52%!important;backdrop-filter:blur(8px)}
.qer-story-arrow.prev{left:-7px!important}.qer-story-arrow.next{right:-7px!important}
.qer-stories{scroll-behavior:smooth!important;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory!important}
.qer-story{scroll-snap-align:start!important}

/* Comunhão: painel compacto tipo WhatsApp/Messenger */
@media(min-width:961px){
  .qer-chat-drawer{right:16px!important;top:78px!important;width:min(560px,calc(100vw - 32px))!important;height:calc(100vh - 94px)!important;grid-template-columns:180px minmax(0,1fr)!important;border-radius:18px!important;background:#08131f!important;box-shadow:0 28px 90px rgba(0,0,0,.55)!important}
  .qer-contacts{padding:14px 10px!important}.qer-chat-title h3{font-size:17px!important}.qer-contact-search{margin-top:10px!important}.qer-contact-search input{font-size:11px!important}
}
.qer-chat-close{display:grid!important;position:absolute!important;right:10px!important;top:10px!important;width:30px!important;height:30px!important;border-radius:9px!important;place-items:center!important;font-size:18px!important;z-index:15!important;cursor:pointer!important}
.qer-chat-pane{display:flex!important;flex-direction:column!important;min-height:0!important;overflow:hidden!important}
.qer-chat-messages{flex:1!important;min-height:0!important;overflow:auto!important;padding-bottom:12px!important}
.qer-chat-form{display:grid!important;grid-template-columns:minmax(0,1fr) 44px!important;gap:8px!important;align-items:end!important;margin-top:auto!important;padding:10px!important;position:sticky!important;bottom:0!important;z-index:5!important}
.qer-chat-form textarea{min-height:44px!important;max-height:118px!important;border-radius:22px!important;padding:12px 15px!important;resize:none!important;font-size:13px!important;line-height:1.35!important}
.qer-chat-form textarea:disabled{opacity:.56!important;cursor:not-allowed!important}
.qer-chat-action{width:44px!important;height:44px!important;border-radius:50%!important;padding:0!important;display:grid!important;place-items:center!important;border:0!important;font-size:18px!important}
.qer-chat-action:disabled{opacity:.48!important;cursor:not-allowed!important;background:#173142!important;box-shadow:none!important}
.qer-chat-form-idle{background:#0d1b27!important}.qer-record-status{grid-column:1/-1;font-size:9px;color:#85a4b5;padding-left:5px}

/* Acesso mobile: botões uniformes e legíveis */
.qer-access-switch{background:#07131e!important;border-color:rgba(255,255,255,.08)!important}
.qer-access-tab{border:1px solid transparent!important;color:#aabcc8!important;border-radius:11px!important}
.qer-access-tab.active{color:#fff!important}
.qer-form input:focus,.qer-form select:focus,.qer-profile-form input:focus,.qer-profile-form textarea:focus,.qer-chat-form textarea:focus{border-color:var(--qer-ui-line)!important;box-shadow:0 0 0 3px var(--qer-ui-accent-soft)!important}

/* menus de post: danger só usa vermelho escuro funcional, nunca rosa choque */
.qer-post-menu button.danger{color:#d98989!important}.qer-post-menu button.danger:hover{background:rgba(176,63,63,.10)!important;color:#f0aaaa!important}

@media(max-width:700px){
  .qer-story-arrow{display:none!important}
  .qer-chat-layout{min-height:calc(100vh - 132px)!important;border-radius:0!important}
  .qer-chat-form{grid-template-columns:minmax(0,1fr) 46px!important;padding:9px 10px calc(9px + env(safe-area-inset-bottom))!important}
  .qer-primary-btn{font-size:13px!important}
}

/* v1.0.2 — chat premium, controles alinhados e microfone estilo WhatsApp */
@media (min-width:961px){
  .qer-chat-drawer{width:min(610px,calc(100vw - 36px))!important;grid-template-columns:190px minmax(0,1fr)!important;right:18px!important;top:76px!important;height:calc(100vh - 94px)!important;border-radius:20px!important;overflow:hidden!important}
}
.qer-contacts{padding:14px 10px!important;border-right:1px solid rgba(255,255,255,.07)!important}
.qer-contact-search-top{margin:0 0 9px!important;height:42px!important;border-radius:13px!important;background:#0c1d29!important;border:1px solid rgba(119,218,244,.16)!important}
.qer-contact-search-top input{font-size:12px!important;color:#eefbff!important}
.qer-contact-hint{margin:7px 4px 12px!important;font-size:9px!important;line-height:1.45!important}
.qer-contact{border-radius:14px!important;padding:10px!important}
.qer-contact.active{background:#102a38!important;box-shadow:inset 3px 0 0 #28bfe8!important}
.qer-chat-pane{position:relative!important;background:#08131c!important}
.qer-chat-pane:before{content:""!important;position:absolute!important;inset:0!important;pointer-events:none!important;opacity:.14!important;background-image:radial-gradient(circle at 18px 18px,rgba(139,169,184,.17) 1.3px,transparent 1.8px),radial-gradient(circle at 54px 46px,rgba(139,169,184,.08) 1.1px,transparent 1.7px),linear-gradient(135deg,transparent 46%,rgba(128,155,169,.055) 47%,rgba(128,155,169,.055) 49%,transparent 50%)!important;background-size:74px 74px,92px 92px,118px 118px!important;filter:blur(.1px)!important}
.qer-chat-pane>*{position:relative;z-index:1}
.qer-chat-head{min-height:64px!important;padding:12px 84px 12px 16px!important;background:#0d1d28!important;border-bottom:1px solid rgba(255,255,255,.07)!important;display:flex!important;align-items:center!important;justify-content:space-between!important}
.qer-chat-head[hidden]{display:none!important}
.qer-chat-head .qer-safe-mini{position:absolute!important;right:46px!important;top:50%!important;transform:translateY(-50%)!important;height:28px!important;display:flex!important;align-items:center!important;padding:0 9px!important;border-radius:10px!important;background:#102534!important;border:1px solid rgba(255,255,255,.08)!important;color:#a8bdc9!important;font-size:9px!important;white-space:nowrap!important}
.qer-chat-close{display:grid!important;position:absolute!important;right:10px!important;top:10px!important;width:30px!important;height:30px!important;padding:0!important;margin:0!important;border-radius:9px!important;place-items:center!important;background:#0e2b3b!important;border:1px solid rgba(74,205,239,.22)!important;color:#e8fbff!important;box-shadow:none!important;line-height:1!important;z-index:30!important;cursor:pointer!important}
.qer-chat-close span{display:grid!important;place-items:center!important;width:100%!important;height:100%!important;font-size:18px!important;line-height:1!important;transform:translateY(-1px)}
.qer-chat-close:hover{background:#143d51!important;border-color:rgba(74,205,239,.38)!important}
.qer-chat-empty{padding:84px 28px 30px!important;text-align:center!important}
.qer-chat-messages{padding:14px 16px 12px!important}
.qer-msg{max-width:78%!important;font-size:12px!important;line-height:1.45!important}
.qer-chat-form{display:grid!important;grid-template-columns:minmax(0,1fr) 44px!important;gap:8px!important;align-items:end!important;background:#0b1a25!important;border-top:1px solid rgba(255,255,255,.07)!important;padding:10px!important;position:sticky!important;bottom:0!important}
.qer-chat-form textarea{display:block!important;min-width:0!important;width:100%!important;min-height:44px!important;background:#152733!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:23px!important;color:#f5fbff!important;padding:12px 15px!important;font-size:13px!important;line-height:1.35!important;outline:0!important}
.qer-chat-form textarea:focus{border-color:rgba(52,194,231,.34)!important;box-shadow:0 0 0 3px rgba(52,194,231,.07)!important}
.qer-chat-action{width:44px!important;height:44px!important;min-width:44px!important;border:0!important;border-radius:50%!important;padding:0!important;display:grid!important;place-items:center!important;background:#0eaa8d!important;color:#fff!important;box-shadow:0 8px 20px rgba(14,170,141,.20)!important;position:relative!important}
.qer-chat-action:before{content:"";display:block;width:20px;height:20px;background:#fff;mask-repeat:no-repeat;mask-position:center;mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:contain}
.qer-chat-action.is-mic:before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 14a3 3 0 0 0 3-3V5a3 3 0 1 0-6 0v6a3 3 0 0 0 3 3Zm5-3a1 1 0 1 1 2 0 7 7 0 0 1-6 6.92V21h3a1 1 0 1 1 0 2H8a1 1 0 1 1 0-2h3v-3.08A7 7 0 0 1 5 11a1 1 0 1 1 2 0 5 5 0 0 0 10 0Z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 14a3 3 0 0 0 3-3V5a3 3 0 1 0-6 0v6a3 3 0 0 0 3 3Zm5-3a1 1 0 1 1 2 0 7 7 0 0 1-6 6.92V21h3a1 1 0 1 1 0 2H8a1 1 0 1 1 0-2h3v-3.08A7 7 0 0 1 5 11a1 1 0 1 1 2 0 5 5 0 0 0 10 0Z'/%3E%3C/svg%3E")}
.qer-chat-action.is-send{background:#27bde8!important}
.qer-chat-action.is-send:before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3.4 20.4 21 12 3.4 3.6 3 10l12 2-12 2 .4 6.4Z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3.4 20.4 21 12 3.4 3.6 3 10l12 2-12 2 .4 6.4Z'/%3E%3C/svg%3E")}
.qer-chat-action.recording{background:#a93838!important}.qer-chat-action.recording:before{display:none!important}.qer-stop-icon{width:12px;height:12px;border-radius:3px;background:#fff;display:block}
.qer-chat-action:disabled{background:#17303d!important;box-shadow:none!important;opacity:.55!important}
.qer-record-status{grid-column:1/-1!important;color:#7fa4b4!important;font-size:9px!important;padding:0 5px!important}
@media(max-width:960px){
  .qer-chat-drawer{position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;border-radius:0!important;grid-template-columns:1fr!important;z-index:150!important}
  .qer-contacts{display:block!important;max-height:40dvh!important;overflow:auto!important;border-right:0!important;border-bottom:1px solid rgba(255,255,255,.07)!important}
  .qer-chat-pane{min-height:60dvh!important}
  .qer-chat-close{right:10px!important;top:10px!important}
  .qer-chat-head{padding-right:84px!important}
}

/* v1.0.4 — CHAT PREMIUM / PRESENÇA / PLAYER DE VOZ */
.qer-chat-svg{width:20px;height:20px;display:block;flex:0 0 auto}
.qer-nav-chat-icon,.qer-story-chat-icon,.qer-side-chat-icon{display:inline-grid;place-items:center;color:currentColor}
.qer-topnav .qer-nav-chat-icon .qer-chat-svg,.qer-mobile-nav .qer-nav-chat-icon .qer-chat-svg{width:17px;height:17px}
.qer-story-chat-icon .qer-chat-svg{width:21px;height:21px}.qer-side-chat-icon .qer-chat-svg{width:18px;height:18px}

/* busca: lupa e campo viram uma única peça, sem quadradão de foco */
.qer-contact-search-top{display:flex!important;align-items:center!important;gap:8px!important;padding:0 12px!important;background:#0c1d29!important;border:1px solid rgba(116,208,235,.18)!important;border-radius:14px!important;box-shadow:none!important;transition:.18s ease!important}
.qer-contact-search-top:focus-within{border-color:rgba(57,191,229,.45)!important;box-shadow:0 0 0 3px rgba(57,191,229,.07)!important}
.qer-contact-search-top .qer-search-icon{display:grid!important;place-items:center!important;width:18px!important;height:18px!important;color:#6f92a5!important;font-size:18px!important;line-height:1!important;flex:0 0 18px!important}
.qer-contact-search-top input{border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;padding:0!important;width:100%!important;height:42px!important;color:#f1fbff!important}
.qer-contact-search-top input:focus{outline:0!important;box-shadow:none!important;border:0!important}
.qer-contact-hint{text-align:center!important;color:#7894a4!important;margin:8px 0 13px!important;font-size:9px!important;letter-spacing:.01em!important}

/* contatos + status online/offline */
.qer-contact{position:relative!important;padding-right:30px!important}
.qer-presence-dot{position:absolute!important;right:11px!important;top:50%!important;transform:translateY(-50%)!important;width:8px!important;height:8px!important;border-radius:50%!important;background:#304453!important;box-shadow:none!important;transition:.2s ease!important}
.qer-contact.is-online .qer-presence-dot{background:#18d77d!important;box-shadow:0 0 0 3px rgba(24,215,125,.08),0 0 12px rgba(24,215,125,.22)!important}
.qer-contact.is-offline .qer-presence-dot{background:#304453!important}
.qer-contact.has-unread{background:#102a38!important}.qer-unread-badge{position:absolute!important;right:8px!important;top:8px!important;width:9px!important;height:9px!important;border-radius:50%!important;background:#2dc7ee!important;color:transparent!important;box-shadow:0 0 0 3px #0b1825!important}
.qer-head-presence{display:flex!important;align-items:center!important;gap:6px!important;color:#738c9b!important;font-size:9px!important}.qer-head-presence i{width:7px!important;height:7px!important;background:#304453!important;border-radius:50%!important;margin:0!important}.qer-head-presence.online{color:#8cb9a5!important}.qer-head-presence.online i{background:#18d77d!important;box-shadow:0 0 9px rgba(24,215,125,.28)!important}.qer-head-presence b{font-weight:650!important}

/* player de voz customizado — leve, estilo mensageiro */
.qer-msg audio{display:none!important}
.qer-voice-note{display:grid!important;grid-template-columns:34px minmax(120px,1fr) auto!important;align-items:center!important;gap:9px!important;min-width:205px!important;max-width:310px!important;padding:2px 0!important;color:inherit!important}
.qer-voice-play{width:32px!important;height:32px!important;border:0!important;border-radius:50%!important;background:rgba(255,255,255,.15)!important;display:grid!important;place-items:center!important;padding:0!important;cursor:pointer!important;box-shadow:none!important;transition:.16s ease!important}
.qer-msg:not(.mine) .qer-voice-play{background:#163443!important}.qer-voice-play:hover{transform:scale(1.04)!important}
.qer-voice-play span{width:0!important;height:0!important;border-top:6px solid transparent!important;border-bottom:6px solid transparent!important;border-left:9px solid currentColor!important;margin-left:2px!important}
.qer-voice-play.is-playing span{width:9px!important;height:11px!important;border:0!important;margin:0!important;background:linear-gradient(90deg,currentColor 0 35%,transparent 35% 65%,currentColor 65% 100%)!important}
.qer-voice-main{min-width:0!important;position:relative!important;padding:5px 0!important}.qer-voice-wave{height:23px!important;display:flex!important;align-items:center!important;gap:2px!important;overflow:hidden!important;opacity:.7!important;pointer-events:none!important}.qer-voice-wave i{display:block!important;width:2px!important;min-width:2px!important;border-radius:4px!important;background:currentColor!important;opacity:.58!important}
.qer-voice-track{position:absolute!important;left:0!important;right:0!important;bottom:1px!important;height:4px!important;cursor:pointer!important;border-radius:999px!important;background:rgba(255,255,255,.17)!important;--qer-audio-p:0%}.qer-msg:not(.mine) .qer-voice-track{background:rgba(109,156,177,.22)!important}.qer-voice-track b{position:absolute!important;left:0!important;top:0!important;bottom:0!important;width:var(--qer-audio-p)!important;border-radius:999px!important;background:currentColor!important;opacity:.9!important}.qer-voice-track em{position:absolute!important;left:var(--qer-audio-p)!important;top:50%!important;width:8px!important;height:8px!important;border-radius:50%!important;background:currentColor!important;transform:translate(-50%,-50%)!important;box-shadow:0 0 0 2px rgba(0,0,0,.12)!important}
.qer-voice-time{font-size:8px!important;white-space:nowrap!important;opacity:.62!important;font-variant-numeric:tabular-nums!important}.qer-voice-note.is-error{opacity:.6!important}.qer-voice-note.is-error .qer-voice-wave,.qer-voice-note.is-error .qer-voice-track{display:none!important}

/* mensagens mais leves e compactas */
.qer-msg{border:0!important;box-shadow:none!important;border-radius:15px 15px 15px 5px!important;padding:9px 11px!important}.qer-msg.mine{border-radius:15px 15px 5px 15px!important}.qer-msg .qer-report{font-size:8px!important;opacity:.62!important}.qer-msg small{opacity:.48!important;font-size:8px!important}

/* caixa de comunhão com escala de app SaaS */
@media (min-width:961px){
  .qer-chat-drawer{width:min(650px,calc(100vw - 40px))!important;grid-template-columns:190px minmax(0,1fr)!important}
  .qer-contact-list{max-height:calc(100vh - 245px)!important;overflow:auto!important;padding-right:2px!important;scrollbar-width:thin!important}
}
@media(max-width:960px){
  .qer-contact-list{max-height:32dvh!important;overflow:auto!important;scrollbar-width:thin!important}
  .qer-voice-note{min-width:190px!important;max-width:270px!important}
}


/* =========================================================
   v1.0.5 SOCIAL CHAT + COMMENTS — refinamento final
   ========================================================= */
/* Capa: preservar a arte inteira. O sistema não recorta mais o banner enviado. */
.qer-school-cover[style*="background-image"]{
  background-size:100% 100%,contain!important;
  background-repeat:no-repeat,no-repeat!important;
  background-position:center center,center center!important;
  background-color:#06121c!important;
  height:clamp(230px,25vw,340px)!important;
}
@media(max-width:700px){
  .qer-school-cover[style*="background-image"]{height:190px!important;background-size:100% 100%,contain!important}
}
/* Curtida com coração vermelho, texto mantendo o padrão premium. */
.qer-post-actions .qer-like.active{background:rgba(255,77,94,.07)!important;color:#dfeaf0!important}
.qer-post-actions .qer-like.active .qer-action-icon{color:#ff4d5e!important;filter:drop-shadow(0 0 6px rgba(255,77,94,.18))}
/* Comentários viram conversa imediata, sem aviso de moderação. */
.qer-comment-pending{display:none!important}
.qer-comments .qer-comment{animation:cerCommentIn .18s ease both}
@keyframes cerCommentIn{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
/* Denunciar foi removido do fluxo visual do chat. */
.qer-report{display:none!important}
/* Lista vazia de membros, mais clara e compacta. */
.qer-no-contacts{display:grid!important;gap:5px!important;text-align:center!important;padding:24px 12px!important;color:#7893a3!important}
.qer-no-contacts strong{color:#d9edf5!important;font-size:12px!important}.qer-no-contacts span{font-size:9px!important;line-height:1.45!important}
/* Mobile: WhatsApp-like. Primeiro a lista; ao tocar em um membro, abre só a conversa. */
.qer-chat-back{display:none;border:0;background:#0e2b3b;color:#e9fbff;width:34px;height:34px;border-radius:10px;font-size:26px;line-height:1;place-items:center;cursor:pointer}
@media(max-width:960px){
  .qer-chat-drawer{display:block!important;overflow:hidden!important;background:#07131e!important}
  .qer-chat-drawer:not(.qer-contact-selected) .qer-contacts{display:block!important;height:100%!important;max-height:none!important;border:0!important;padding:18px 14px!important}
  .qer-chat-drawer:not(.qer-contact-selected) .qer-chat-pane{display:none!important}
  .qer-chat-drawer.qer-contact-selected .qer-contacts{display:none!important}
  .qer-chat-drawer.qer-contact-selected .qer-chat-pane{display:flex!important;height:100%!important;min-height:100%!important}
  .qer-chat-back{display:grid!important;position:absolute!important;left:10px!important;top:15px!important;z-index:20!important}
  .qer-chat-head{padding-left:54px!important}
  .qer-contact-list{max-height:calc(100dvh - 150px)!important;overflow:auto!important;padding-bottom:30px!important}
  .qer-contact{padding:13px 34px 13px 10px!important;border-radius:15px!important;margin-bottom:3px!important}
  .qer-contact>img{width:50px!important;height:50px!important}
  .qer-contact strong{font-size:14px!important}.qer-contact small{font-size:11px!important}
}

/* ==========================================================
   v1.0.6 — refinamento apenas visual, preserva motor do chat
   ========================================================== */
/* Cabeçalho de conversa: seta neutra, avatar, nome legível e distância do fechar */
.qer-chat-head{
  position:relative!important;justify-content:flex-start!important;
  gap:11px!important;min-height:70px!important;padding:11px 129px 11px 58px!important;
  background:#0c1c27!important;isolation:isolate!important
}
.qer-chat-head[hidden]{display:none!important}
.qer-chat-back{
  display:grid!important;position:absolute!important;left:11px!important;top:50%!important;
  transform:translateY(-50%)!important;z-index:20!important;
  width:36px!important;height:36px!important;border:0!important;outline:0!important;
  background:transparent!important;color:#eaf7ff!important;border-radius:50%!important;
  place-items:center!important;padding:0!important;box-shadow:none!important;cursor:pointer!important
}
.qer-chat-back:hover,.qer-chat-back:focus-visible{
  color:#fff!important;background:#153444!important;box-shadow:none!important;
  outline:2px solid rgba(93,202,238,.19)!important;outline-offset:1px!important
}
.qer-chat-back svg{display:block!important;flex:none!important}
.qer-chat-head-avatar{display:block!important;width:37px!important;height:37px!important;
  border-radius:50%!important;object-fit:cover!important;flex:0 0 37px!important;
  border:1px solid rgba(132,222,244,.16)!important;background:#142b3a!important
}
.qer-chat-head-details{min-width:0!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:3px!important}
.qer-chat-head-details strong{font-size:15px!important;font-weight:800!important;line-height:1.2!important;
  color:#f3fbff!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.qer-chat-head-details .qer-head-presence{font-size:10px!important;gap:6px!important}
.qer-head-presence.online i{animation:cerOnlineBlink 2.4s ease-in-out infinite!important}
.qer-head-presence.offline i{animation:none!important;background:#3b5260!important;box-shadow:none!important}
@keyframes cerOnlineBlink{0%,100%{opacity:1;box-shadow:0 0 0 2px rgba(17,219,127,.12),0 0 10px rgba(17,219,127,.24)}50%{opacity:.5;box-shadow:0 0 0 4px rgba(17,219,127,.05)}}
@media(prefers-reduced-motion:reduce){.qer-head-presence.online i{animation:none!important}}
.qer-chat-head .qer-safe-mini{right:52px!important;top:50%!important;font-size:10px!important;
  color:#b4cedb!important;white-space:nowrap!important;z-index:2!important}
.qer-chat-close{right:10px!important;top:50%!important;transform:translateY(-50%)!important;
  width:33px!important;height:33px!important;background:#103044!important;border-color:rgba(101,210,241,.20)!important}
.qer-chat-close:hover{background:#17475d!important;color:#fff!important;border-color:rgba(101,210,241,.35)!important}
/* esconder a barra, mas nunca impedir o movimento do scroll */
.qer-chat-messages,.qer-contact-list,.qer-contacts,.qer-stories{
  scrollbar-width:none!important;-ms-overflow-style:none!important
}
.qer-chat-messages::-webkit-scrollbar,.qer-contact-list::-webkit-scrollbar,
.qer-contacts::-webkit-scrollbar,.qer-stories::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}
.qer-chat-messages{overflow-y:auto!important;overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important}
.qer-contact-list{overflow-y:auto!important;-webkit-overflow-scrolling:touch!important}
/* Chat: tons sóbrios / bolhas bem definidas / espaço entre áudios */
.qer-msg{margin-bottom:9px!important;max-width:88%!important;border-radius:15px 15px 15px 5px!important}
.qer-msg.mine{border-radius:15px 15px 5px 15px!important;background:#0b6b5a!important}
.qer-voice-note{gap:8px!important}
/* Destaques são links de verdade para seus posts — sem ornamentos genéricos */
.qer-story-post{display:flex!important;flex-direction:column!important;justify-content:flex-end!important;
  text-decoration:none!important;cursor:pointer!important;border:1px solid rgba(128,209,232,.17)!important}
.qer-story-post>span{display:none!important}
.qer-story-post:hover,.qer-story-post:focus-visible{border-color:rgba(68,207,244,.60)!important;
  box-shadow:0 8px 24px rgba(0,0,0,.32),inset 0 0 0 1px rgba(68,207,244,.13)!important;outline:0!important}
.qer-post{scroll-margin-top:88px!important}
.qer-post:target{border-color:rgba(49,201,241,.50)!important;box-shadow:0 0 0 2px rgba(49,201,241,.11)!important}
/* Composer: os três botões com o mesmo peso visual e o publicar destacado */
.qer-composer-row{display:flex!important;gap:12px!important;align-items:center!important;justify-content:space-between!important;flex-wrap:wrap!important}
.qer-composer-tools{display:flex!important;align-items:center!important;gap:7px!important;flex-wrap:wrap!important}
.qer-composer .qer-file-main,.qer-composer .qer-coming,.qer-composer .qer-kind-toggle{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;
  min-height:40px!important;padding:8px 12px!important;
  border:1px solid rgba(74,186,224,.24)!important;
  border-radius:12px!important;background:#0d2635!important;color:#d9eff7!important;
  font-weight:750!important;font-size:12px!important;line-height:1.2!important;
  white-space:nowrap!important;box-shadow:none!important;transition:background .16s,border-color .16s!important
}
.qer-composer .qer-file-main:hover,.qer-composer .qer-coming:hover,.qer-composer .qer-kind-toggle:hover{
  background:#12374a!important;border-color:rgba(75,210,242,.45)!important;color:#fff!important
}
.qer-composer .qer-file-main>span,.qer-composer .qer-coming>span{font-size:17px!important;color:#48c9f1!important;line-height:1!important}
.qer-composer .qer-publish{min-height:42px!important;padding:9px 22px!important;
  border-radius:13px!important;font-size:13px!important;font-weight:850!important;margin-left:auto!important}
@media(max-width:700px){
  .qer-composer-row{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:9px!important}
  .qer-composer-tools{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important;width:100%!important}
  .qer-composer .qer-file-main,.qer-composer .qer-coming{
    width:100%!important;min-width:0!important;min-height:43px!important;padding:8px 3px!important;
    font-size:10px!important;gap:4px!important;border-radius:11px!important
  }
  .qer-composer .qer-file-main>span,.qer-composer .qer-coming>span{font-size:13px!important}
  .qer-composer .qer-kind-toggle{grid-column:1/-1!important;width:100%!important}
  .qer-composer .qer-publish{width:100%!important;min-height:45px!important;
    margin:0!important;border-radius:12px!important;text-align:center!important}
}
@media(max-width:420px){
  .qer-chat-head{padding-left:48px!important;padding-right:121px!important;gap:7px!important}
  .qer-chat-back{left:5px!important}
  .qer-chat-head-avatar{width:31px!important;height:31px!important;flex-basis:31px!important}
  .qer-chat-head-details strong{font-size:13px!important}
  .qer-chat-head .qer-safe-mini{right:45px!important;padding:0 6px!important;font-size:9px!important}
  .qer-chat-close{right:6px!important}
}
/* Página pública /novo/ sem expor painel do WordPress */
.qer-join-hub{min-height:100dvh!important;background:radial-gradient(circle at 70% 0,rgba(21,139,189,.13),transparent 42%),#06111c!important;color:#eaf7fe!important}
.qer-join-wrap{max-width:860px;margin:0 auto;padding:clamp(24px,5vw,60px) 16px 65px;text-align:center}
.qer-join-logo{width:84px;height:84px;border-radius:24px;object-fit:cover}
.qer-join-kicker{display:block;letter-spacing:.18em;font-size:10px;color:#52cbed;font-weight:900;margin:15px 0 8px}
.qer-join-wrap h1{font-size:clamp(27px,5vw,43px);margin:8px 0 10px;letter-spacing:-.04em}
.qer-join-wrap>p{max-width:610px;margin:0 auto 26px;color:#9db8c6;line-height:1.55;font-size:14px}
.qer-join-grid{display:grid;gap:11px;text-align:left}
.qer-join-community{display:flex;align-items:center;gap:14px;min-height:83px;padding:14px;
  border:1px solid rgba(82,196,226,.20);border-radius:16px;background:#0d2030;
  color:#f0fbff;text-decoration:none;transition:background .15s,border-color .15s}
.qer-join-community:hover,.qer-join-community:focus-visible{background:#153144;border-color:#2abbe8;outline:0}
.qer-join-community img,.qer-join-avatar{height:54px;width:54px;flex:0 0 54px;object-fit:cover;border-radius:14px}
.qer-join-avatar{display:grid;place-items:center;background:#17475b;color:#a7eaff;font-weight:900}
.qer-join-community>div{min-width:0;flex:1;display:grid;gap:6px}
.qer-join-community strong{font-size:15px;line-height:1.2}
.qer-join-community small{color:#a4bbc8;font-size:11px}
.qer-join-enter{color:#55d3f7;white-space:nowrap;font-size:12px;font-weight:800}
@media(max-width:420px){.qer-join-enter{font-size:11px}.qer-join-community{gap:9px;padding:10px}.qer-join-community img,.qer-join-avatar{width:44px;height:44px;flex-basis:44px}}