/* Dados da comunidade e lista de membros (25/10/2026), por cima do mural. Mesmas cores do mural (mural.css). Classes .mb- */
.mb{position:fixed;inset:0;z-index:33;display:flex;flex-direction:column;background:var(--mc-fundo,#0b141a);color:var(--mc-texto,#e9edef);font-family:Inter,system-ui,sans-serif;animation:mb-entra .2s ease-out}
.mb[hidden],.mb-adm[hidden],.mb-gira[hidden],.mb-denovo[hidden]{display:none}
@keyframes mb-entra{from{opacity:0;transform:translateX(24px)}to{opacity:1;transform:none}}
html.mb-aberto{overflow:hidden}
.mb-topo{display:flex;align-items:center;gap:8px;flex:0 0 auto;padding:calc(10px + env(safe-area-inset-top)) 14px 10px 8px;background:var(--mc-barra,#202c33);border-bottom:1px solid var(--mc-linha,#2a3942)}
.mb-voltar{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:0;border-radius:999px;background:none;color:inherit;cursor:pointer}
.mb-voltar svg{width:22px;height:22px}
.mb-topo-tit{margin:0;font-size:18px;font-weight:700}
.mb-corpo{flex:1 1 auto;overflow-y:auto;overscroll-behavior:contain}
.mb-membros{padding-bottom:20px}
.mb-perfil{display:flex;flex-direction:column;align-items:center;gap:6px;padding:24px 20px 20px;background:var(--mc-barra,#202c33)}
.mb-capa{display:flex;align-items:center;justify-content:center;width:96px;height:96px;overflow:hidden;box-sizing:border-box;border:3px solid var(--mc-ouro,#d9bf8c);border-radius:24px;background:#211d15;color:var(--mc-ouro,#d9bf8c);font-size:42px;font-weight:900;font-style:italic}
.mb-capa img{display:block;width:100%;height:100%;object-fit:cover}
.mb-nome{display:flex;align-items:center;gap:6px;margin-top:6px;font-size:22px;font-weight:800;text-align:center}
.mb-verif{flex:0 0 auto}
.mb-sub{font-size:14px;color:var(--mc-cinza,#8696a0)}
.mb-bloco{margin-top:10px;padding:16px;background:var(--mc-barra,#202c33)}
.mb-rotulo{display:block;margin-bottom:8px;font-size:14px;font-weight:600;color:var(--mc-cinza,#8696a0)}
.mb-desc-txt{margin:0;font-size:15px;line-height:1.5;color:var(--mc-texto,#e9edef);overflow-wrap:anywhere}
.mb-cab{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}
.mb-cab .mb-rotulo{margin-bottom:0}
.mb-lista{margin:0;padding:0;list-style:none}
.mb-linha{display:flex;align-items:center;gap:12px;min-height:64px;padding:8px 0;box-sizing:border-box;border-bottom:1px solid var(--mc-linha,#2a3942);color:inherit;text-decoration:none}
.mb-lista .mb-linha:last-child{border-bottom:0}
.mb-foto{flex:0 0 auto;width:48px;height:48px;border-radius:999px;object-fit:cover;background:#2a3942}
.mb-txt{display:flex;flex-direction:column;gap:3px;flex:1 1 auto;min-width:0}
.mb-pessoa{font-size:16px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mb-tel{font-size:14px;color:var(--mc-cinza,#8696a0);font-variant-numeric:tabular-nums;letter-spacing:.2px}
.mb-adm{cursor:pointer;-webkit-tap-highlight-color:transparent}
.mb-adm .mb-foto{border:2px solid var(--mc-zap,#25d366)}
.mb-adm .mb-tel{color:var(--mc-texto,#e9edef);font-weight:600}
.mb-selo{flex:0 0 auto;padding:4px 10px;border-radius:999px;background:#103529;color:#7ff0a8;font-size:12px;font-weight:700;letter-spacing:.4px}
.mb-adm:focus-visible,.mb-voltar:focus-visible,.mb-denovo:focus-visible{outline:3px solid var(--mc-zap,#25d366);outline-offset:2px}
.mb-fim{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:72px;padding:12px 8px 4px;text-align:center;font-size:14px;color:var(--mc-cinza,#8696a0)}
.mb-fim-erro .mb-aviso{color:#f5a3a3}
.mb-fim-erro .mb-aviso::before{content:"⚠️ "}
.mb-gira{width:30px;height:30px;box-sizing:border-box;border:3px solid #ffffff26;border-top-color:var(--mc-zap,#25d366);border-radius:999px;animation:mb-gira .8s linear infinite}
@keyframes mb-gira{to{transform:rotate(360deg)}}
.mb-denovo{min-height:44px;padding:0 18px;border:1px solid var(--mc-linha,#2a3942);border-radius:999px;background:none;color:var(--mc-zap,#25d366);font:700 14px/1 Inter,system-ui,sans-serif;cursor:pointer}
/* 25/10/2026 (Jonas): caixas com bordas arredondadas e espaço dos lados, como dentro do WhatsApp */
.mb-corpo{display:flex;flex-direction:column;align-items:center;padding:0 10px calc(16px + env(safe-area-inset-bottom));box-sizing:border-box}
.mb-perfil,.mb-bloco{width:100%;max-width:640px;box-sizing:border-box}
.mb-bloco{border-radius:18px}
/* 25/10/2026 (Jonas): a foto, o JSHOW e "Comunidade · membros" ficam juntos com o topo, no mesmo fundo de trás das caixas (sem caixa) */
.mb-topo{background:var(--mc-fundo,#0b141a);border-bottom:0}
.mb-perfil{background:none;padding:8px 20px 14px}
.mb-bloco{margin-top:10px}
@media(prefers-reduced-motion:reduce){.mb{animation:none}.mb-gira{animation-duration:2.4s}}
.mb-lupa{display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin-right:-10px;border:0;border-radius:999px;background:none;color:var(--mc-cinza,#8696a0);cursor:pointer}
.mb-lupa svg{width:22px;height:22px}
.mb-lupa[aria-expanded="true"]{color:var(--mc-zap,#25d366)}
.mb-busca{display:flex;align-items:center;gap:6px;margin:4px 0 8px;padding:0 4px 0 14px;border:1px solid var(--mc-linha,#2a3942);border-radius:999px;background:var(--mc-fundo,#0b141a)}
.mb-busca[hidden],.mb-achados[hidden],.mb-busca-msg[hidden],.mb-lista[hidden],.mb-fim[hidden]{display:none}
.mb-campo{flex:1 1 auto;min-width:0;height:44px;border:0;background:none;color:var(--mc-texto,#e9edef);font:500 16px/1 Inter,system-ui,sans-serif;outline:none}
.mb-campo::placeholder{color:var(--mc-cinza,#8696a0)}
.mb-campo::-webkit-search-cancel-button{display:none}
.mb-limpar{flex:0 0 auto;width:40px;height:40px;border:0;border-radius:999px;background:none;color:var(--mc-cinza,#8696a0);font-size:16px;cursor:pointer}
.mb-busca:focus-within{border-color:var(--mc-zap,#25d366)}
.mb-lupa:focus-visible,.mb-limpar:focus-visible{outline:3px solid var(--mc-zap,#25d366);outline-offset:2px}
.mb-busca-msg{margin:12px 4px;font-size:14px;line-height:1.45;color:var(--mc-cinza,#8696a0);text-align:center}
/* 25/10/2026: mais fiel à referência do WhatsApp mandada pelo Jonas (iPhone) */
.mb-topo{position:relative;justify-content:center;padding:calc(10px + env(safe-area-inset-top)) 64px 10px}
.mb-voltar{position:absolute;left:12px;bottom:8px;background:var(--mc-barra,#202c33)}
.mb-topo-tit{font-size:17px;font-weight:600;text-align:center}
.mb-bloco{border-radius:22px}
.mb-desc{padding:14px 18px}
.mb-desc-curta{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.mb-mais{display:inline-block;margin-top:2px;padding:4px 0;min-height:32px;border:0;background:none;color:var(--mc-zap,#25d366);font:500 15px/1.4 Inter,system-ui,sans-serif;cursor:pointer}
.mb-mais[hidden]{display:none}
.mb-corpo>.mb-cab{width:100%;max-width:640px;box-sizing:border-box;margin-top:18px;padding:0 8px 0 18px}
.mb-corpo>.mb-cab .mb-rotulo{font-size:15px;font-weight:600;color:var(--mc-cinza,#8696a0)}
.mb-corpo>.mb-busca{width:100%;max-width:640px;box-sizing:border-box}
.mb-membros{margin-top:6px;padding:4px 16px 16px}
.mb-lupa svg{width:20px;height:20px}
.mb-selo{padding:0;background:none;color:var(--mc-cinza,#8696a0);font-size:12px;font-weight:500;letter-spacing:0;text-align:right;max-width:40%}
.mb-topo{min-height:64px;box-sizing:border-box}
.mb-voltar{top:calc(10px + env(safe-area-inset-top));bottom:auto}