/* Barra "No que você está pensando?", janela "Criar publicação", menu ⋯ e sugestões no feed,
   no formato do Facebook com as cores Forsolun (19/10/2026). Código em publicar.mjs e no fim do app.mjs. */
:root{--pub-cinza:color-mix(in srgb,var(--tit,#123e46) 7%,var(--card,#fff));--pub-hover:color-mix(in srgb,var(--tit,#123e46) 7%,transparent);--pub-sombra:0 12px 28px rgba(9,30,35,.2),0 2px 4px rgba(9,30,35,.1)}
body.roxo{--pub-cinza:color-mix(in srgb,#fff 9%,var(--card,#12232a));--pub-sombra:0 12px 32px rgba(0,0,0,.55),0 2px 6px rgba(0,0,0,.35)}

:where(.pub-dlg,.pub-barra,.pub-sug,.pub-menu,.pub-luz,.pub-ocultado) button{padding:0;min-height:0;letter-spacing:normal;text-transform:none}
.pub-barra-l2 button span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.pub-barra,.pub-barra-l1,.pub-barra-l2 button,.pub-sug{min-width:0}
.home-layout>section,.perfil-pub,#perfil-corpo{min-width:0}
/* Barra */
.pub-barra{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:12px 16px 6px;margin:0 0 16px;box-shadow:0 1px 2px rgba(0,0,0,.05)}
.pub-barra-l1{display:flex;align-items:center;gap:10px;padding-bottom:10px;border-bottom:1px solid var(--line)}
.pub-barra-l1>:first-child{flex:none;width:40px;height:40px;border-radius:50%;overflow:hidden;display:grid;place-items:center}
.pub-barra-l1 img{width:40px;height:40px;object-fit:cover;border-radius:50%}
.pub-pilula{flex:1;min-width:0;height:40px;padding:0 16px;border:0;border-radius:20px;background:var(--pub-cinza);color:var(--sub);font:inherit;font-size:16px;text-align:left;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background .15s}
.pub-pilula:hover{background:color-mix(in srgb,var(--tit) 11%,var(--card))}
.pub-barra-l2{display:flex;justify-content:space-around;gap:4px;padding-top:4px}
.pub-barra-l2 button{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;border:0;border-radius:8px;background:none;color:var(--sub);font:inherit;font-size:14.5px;font-weight:600;cursor:pointer}
.pub-barra-l2 button:hover{background:var(--pub-hover)}
.pub-barra-l2 svg{width:24px;height:24px}

/* Janela Criar publicação */
.pub-dlg{width:min(500px,calc(100vw - 24px));max-height:min(92vh,760px);padding:0;border:0;border-radius:14px;background:var(--card);color:var(--texto);box-shadow:var(--pub-sombra);overflow:hidden;font-family:Archivo,system-ui,sans-serif}
.pub-dlg[open]{display:flex;flex-direction:column}
.pub-dlg::backdrop{background:rgba(244,244,244,.75)}
body.roxo .pub-dlg::backdrop{background:rgba(0,0,0,.6)}
.pub-cab{position:relative;display:flex;align-items:center;justify-content:center;min-height:60px;padding:0 60px;border-bottom:1px solid var(--line);flex:none}
.pub-cab h2{margin:0;font-size:20px;font-weight:700;color:var(--tit);text-align:center}
.pub-x{position:absolute;right:14px;top:50%;transform:translateY(-50%);width:36px;height:36px;border:0;border-radius:50%;background:var(--pub-cinza);color:var(--sub);display:grid;place-items:center;cursor:pointer}
.pub-x.esq{right:auto;left:14px}
.pub-x:hover{background:color-mix(in srgb,var(--tit) 14%,var(--card));color:var(--tit)}
.pub-x svg{width:20px;height:20px}
.pub-x-esp{display:none}
.pub-corpo{display:flex;flex-direction:column;gap:12px;padding:16px;overflow:auto;min-height:0}
.pub-autor{display:flex;align-items:center;gap:10px}
.pub-autor>:first-child{flex:none;width:40px;height:40px;border-radius:50%;overflow:hidden;display:grid;place-items:center}
.pub-autor>:first-child img{width:40px;height:40px;object-fit:cover}
.pub-nome{margin:0 0 3px;font-size:15px;line-height:1.3;color:var(--tit)}
.pub-nome b{font-weight:700}
.pub-alc{display:inline-flex;align-items:center;gap:4px;height:24px;padding:0 8px;border:0;border-radius:6px;background:var(--pub-cinza);color:var(--tit);font:inherit;font-size:12.5px;font-weight:600;cursor:pointer}
.pub-alc svg{width:12px;height:12px}
.pub-alc.fixo{cursor:default}
.pub-escrever{border-radius:10px;transition:background .2s}
.pub-escrever textarea{display:block;width:100%;min-height:90px;max-height:40vh;padding:4px 0;border:0!important;outline:none;resize:none;background:none!important;color:var(--texto);font:inherit;font-size:16px;line-height:1.4;box-shadow:none!important}
.pub-escrever textarea.grande{font-size:24px;line-height:1.25}
.pub-escrever.com-fundo{display:grid;place-items:center;min-height:260px;padding:20px}
.pub-escrever.com-fundo textarea{min-height:0;height:auto;text-align:center;font-size:28px!important;font-weight:700;color:inherit}
.pub-escrever.com-fundo textarea::placeholder{color:inherit;opacity:.8}
.pub-ferr{display:flex;align-items:center;gap:8px;min-height:38px}
.pub-aa{width:38px;height:38px;padding:0;border:0;background:none;cursor:pointer;border-radius:8px}
.pub-aa svg{width:34px;height:34px}
.pub-aa[hidden]{display:none}
.pub-fundos{display:flex;gap:6px;flex-wrap:wrap}
.pub-fundos[hidden]{display:none}
.pub-fundos button{width:30px;height:30px;border-radius:8px;border:2px solid var(--card);box-shadow:0 0 0 1px var(--line);cursor:pointer;padding:0}
.pub-fundos button.sem{background:var(--card)}
.pub-fundos button[aria-pressed="true"]{box-shadow:0 0 0 2px var(--tit)}
.pub-esp{flex:1}
.pub-emoji-w{position:relative}
.pub-emoji{width:38px;height:38px;border:0;border-radius:50%;background:none;color:var(--sub);display:grid;place-items:center;cursor:pointer}
.pub-emoji:hover{background:var(--pub-hover)}
.pub-emoji svg{width:24px;height:24px}
.pub-emojis{position:absolute;right:0;bottom:44px;z-index:5;display:grid;grid-template-columns:repeat(6,36px);gap:2px;padding:8px;border-radius:12px;background:var(--card);border:1px solid var(--line);box-shadow:var(--pub-sombra)}
.pub-emojis[hidden]{display:none}
.pub-emojis button{width:36px;height:36px;border:0;border-radius:8px;background:none;font-size:22px;cursor:pointer}
.pub-emojis button:hover{background:var(--pub-hover)}
.pub-add{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 8px 8px 16px;border:1px solid var(--line);border-radius:10px;box-shadow:0 1px 2px rgba(0,0,0,.04)}
.pub-add>span{font-size:15px;font-weight:600;color:var(--tit)}
.pub-add>div{display:flex;gap:2px}
.pub-add button{width:38px;height:38px;border:0;border-radius:50%;background:none;display:grid;place-items:center;cursor:pointer}
.pub-add button:hover{background:var(--pub-hover)}
.pub-add svg{width:26px;height:26px}
.pub-prev{border:1px solid var(--line);border-radius:10px;padding:8px}
.pub-prev[hidden]{display:none}
.pub-prev-g{display:grid;gap:4px;grid-template-columns:repeat(2,1fr)}
.pub-prev-g.n1{grid-template-columns:1fr}
.pub-prev-i{position:relative;border-radius:8px;overflow:hidden;background:var(--pub-cinza);aspect-ratio:1/1}
.pub-prev-g.n1 .pub-prev-i{aspect-ratio:auto;max-height:340px}
.pub-prev-i img,.pub-prev-i video{width:100%;height:100%;object-fit:cover;display:block}
.pub-prev-g.n1 .pub-prev-i img,.pub-prev-g.n1 .pub-prev-i video{max-height:340px;object-fit:contain}
.pub-prev-i button{position:absolute;top:6px;right:6px;width:30px;height:30px;border:0;border-radius:50%;background:rgba(255,255,255,.92);color:#222;display:grid;place-items:center;cursor:pointer}
.pub-prev-i button svg{width:16px;height:16px}
.pub-mais-fotos{display:inline-flex;align-items:center;gap:6px;margin-top:8px;height:34px;padding:0 12px;border:0;border-radius:8px;background:var(--pub-cinza);color:var(--tit);font:inherit;font-size:13.5px;font-weight:600;cursor:pointer}
.pub-mais-fotos svg{width:18px;height:18px}
.pub-erro{margin:0;color:#c0392b;font-size:13px}
.pub-erro:empty{display:none}
.pub-canal{align-self:flex-start;border:0;background:none;color:var(--pri);font:inherit;font-size:13.5px;font-weight:600;cursor:pointer;padding:2px 0;text-decoration:underline;text-underline-offset:3px}
.pub-enviar{width:100%;height:40px;border:0;border-radius:8px;background:var(--pri);color:var(--pri-fg);font:inherit;font-size:15px;font-weight:700;cursor:pointer;flex:none}
.pub-enviar:hover:not(:disabled){filter:brightness(1.08)}
.pub-enviar:disabled{background:var(--pub-cinza);color:color-mix(in srgb,var(--sub) 70%,transparent);cursor:not-allowed}
.pub-sub{margin:0;font-size:14px;color:var(--sub);line-height:1.45}
.pub-sub b{color:var(--tit);font-size:16px}
.pub-opcoes{display:flex;flex-direction:column;gap:2px}
.pub-op{display:flex;align-items:center;gap:12px;padding:8px;border-radius:10px;cursor:pointer}
.pub-op:hover,.pub-op:has(input:checked){background:var(--pub-hover)}
.pub-op-ic{flex:none;width:48px;height:48px;border-radius:50%;background:var(--pub-cinza);display:grid;place-items:center;color:var(--tit)}
.pub-op-ic svg{width:20px;height:20px}
.pub-op-tx{flex:1;display:flex;flex-direction:column}
.pub-op-tx b{font-size:15px;color:var(--tit)}
.pub-op-tx small{font-size:13px;color:var(--sub)}
.pub-op input{width:22px!important;height:22px!important;padding:0!important;margin:0;accent-color:var(--pri)}
.pub-abas{display:flex;gap:4px;border-bottom:1px solid var(--line)}
.pub-abas button{height:40px;padding:0 14px;border:0;border-bottom:3px solid transparent;background:none;color:var(--sub);font:inherit;font-weight:600;cursor:pointer}
.pub-abas [aria-selected="true"]{color:var(--pri);border-bottom-color:var(--pri)}
.pub-busca{width:100%;height:38px;padding:0 14px;border:0!important;border-radius:20px!important;background:var(--pub-cinza)!important;color:var(--texto);font:inherit}
.pub-sents{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px}
.pub-sents button{display:flex;align-items:center;gap:10px;height:48px;padding:0 10px;border:0;border-radius:8px;background:none;color:var(--texto);font:inherit;font-size:15px;text-align:left;cursor:pointer}
.pub-sents button span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--pub-cinza);font-size:19px}
.pub-sents button:hover,.pub-sents [aria-pressed="true"]{background:var(--pub-hover)}
.pub-sents [hidden],.pub-pessoas [hidden]{display:none}
.pub-limpar{align-self:center;border:0;background:none;color:#c0392b;font:inherit;font-weight:600;cursor:pointer}
.pub-pessoas{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;max-height:46vh;overflow:auto}
.pub-pessoas label{display:flex;align-items:center;gap:10px;padding:8px;border-radius:8px;cursor:pointer}
.pub-pessoas label:hover{background:var(--pub-hover)}
.pub-pessoas label>:first-child{flex:none;width:36px;height:36px;border-radius:50%;overflow:hidden}
.pub-pessoas label>span{flex:1;display:flex;flex-direction:column;min-width:0}
.pub-pessoas small{color:var(--sub);font-size:12.5px}
.pub-pessoas input{width:20px!important;height:20px!important;padding:0!important;accent-color:var(--pri)}

/* No post: "está se sentindo…", ícone de público, fundo colorido e fotos */
.pub-compl{font-weight:400;color:var(--texto)}
.pub-compl a{font-weight:700;color:var(--tit);text-decoration:none}
.pub-compl a:hover{text-decoration:underline}
.pub-alc-ic svg{width:12px;height:12px;vertical-align:-1px;color:var(--sub)}
.post .pub-fundo{display:grid;place-items:center;min-height:300px;margin:8px -16px 0;padding:28px 32px;text-align:center;font-size:clamp(22px,3.6vw,30px);font-weight:700;line-height:1.25;white-space:pre-wrap;overflow-wrap:anywhere}
.pub-midia{display:grid;gap:3px;margin:10px -16px 0;overflow:hidden;background:var(--pub-cinza)}
.pub-midia.um{grid-template-columns:1fr}
.pub-midia.dois{grid-template-columns:1fr 1fr;aspect-ratio:2/1.1}
.pub-midia.tres{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;aspect-ratio:1/1}
.pub-midia.tres>:first-child{grid-row:1/3}
.pub-midia.quatro{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;aspect-ratio:1/1}
.pub-midia.cinco{grid-template-columns:repeat(6,1fr);grid-template-rows:1.25fr 1fr;aspect-ratio:1/1}
.pub-midia.cinco>:nth-child(-n+2){grid-column:span 3}
.pub-midia.cinco>:nth-child(n+3){grid-column:span 2}
.pub-foto{position:relative;display:block;width:100%;height:100%;min-height:0;padding:0;border:0;background:none;cursor:zoom-in;overflow:hidden}
.pub-foto img{display:block;width:100%;height:100%;object-fit:cover;background:var(--pub-cinza)}
.pub-midia.um .pub-foto img{height:auto;max-height:680px;object-fit:contain}
.pub-midia video{display:block;width:100%;max-height:680px;background:#000}
.pub-mais{position:absolute;inset:0;display:grid;place-items:center;background:rgba(0,0,0,.45);color:#fff;font-size:30px;font-weight:700}

/* Menu ⋯ */
.mais-btn svg{width:20px;height:20px}
.mais-menu.pub-menu{min-width:320px;max-width:min(360px,calc(100vw - 20px));padding:8px;border-radius:10px;background:var(--card);box-shadow:var(--pub-sombra)}
.pub-menu .pub-mi{display:flex;align-items:center;gap:12px;width:100%;padding:8px;border:0;border-radius:8px;background:none;color:var(--texto);font:inherit;text-align:left;cursor:pointer}
.pub-menu .pub-mi:hover,.pub-menu .pub-mi:focus-visible{background:var(--pub-hover);outline:none}
.pub-menu .pub-mi svg{flex:none;width:22px;height:22px;color:var(--tit)}
.pub-menu .pub-mi span{display:flex;flex-direction:column;min-width:0}
.pub-menu .pub-mi b{font-size:15px;font-weight:600;color:var(--tit)}
.pub-menu .pub-mi small{font-size:12.5px;color:var(--sub);line-height:1.3}
.pub-menu .pub-mi-sep{height:1px;margin:6px 8px;background:var(--line)}
.pub-menu>button:not(.pub-mi){display:block;width:100%;padding:9px 8px 9px 42px;border-radius:8px;text-align:left;font-size:14.5px;font-weight:600}
.pub-menu>button:not(.pub-mi):hover{background:var(--pub-hover)}

/* Publicação ocultada */
.post.pub-ocultado{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px}
.post.pub-ocultado>div{display:flex;align-items:center;gap:12px}
.post.pub-ocultado svg{width:26px;height:26px;color:var(--sub);flex:none}
.post.pub-ocultado p{margin:0;display:flex;flex-direction:column}
.post.pub-ocultado small{color:var(--sub)}

/* Sugestões no feed */
.pub-sug{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:12px 0 14px;margin:0 0 16px}
.pub-sug-cab{display:flex;align-items:center;justify-content:space-between;padding:0 16px 10px}
.pub-sug-cab h3{display:flex;align-items:center;gap:8px;margin:0;font-size:16px;font-weight:700;color:var(--tit)}
.pub-sug-cab h3 svg{width:18px;height:18px}
.pub-sug-cab a{font-size:14px;font-weight:600;color:var(--pri);text-decoration:none}
.pub-sug-cab a:hover{text-decoration:underline}
.pub-sug-trilho{position:relative}
.pub-sug-lista{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:16px;padding:0 16px;scrollbar-width:none}
.pub-sug-lista::-webkit-scrollbar{display:none}
.pub-sug-c{position:relative;flex:0 0 190px;scroll-snap-align:start;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--card)}
.pub-sug-img{display:block;aspect-ratio:1/1;background:var(--pub-cinza);overflow:hidden}
.pub-sug-img img,.pub-sug-img .user-photo,.pub-sug-img .foto-ini{display:grid;place-items:center;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover;border-radius:0!important;font-size:42px}
.pub-sug-ini{display:grid;place-items:center;width:100%;height:100%;font-size:42px;font-weight:700;color:var(--tit)}
.pub-sug-tx{padding:10px 12px 4px;display:flex;flex-direction:column;min-height:52px}
.pub-sug-tx a{color:var(--tit);text-decoration:none}
.pub-sug-tx b{font-size:15px;font-weight:700;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pub-sug-tx small{font-size:12.5px;color:var(--sub);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pub-sug-b{display:flex;align-items:center;justify-content:center;margin:6px 12px 12px;height:36px;border:0;border-radius:8px;background:color-mix(in srgb,var(--pri) 13%,var(--card));color:var(--pri);font:inherit;font-size:14px;font-weight:700;text-decoration:none;cursor:pointer}
.pub-sug-b:hover{background:color-mix(in srgb,var(--pri) 20%,var(--card))}
.pub-sug-b.ok{background:var(--pub-cinza);color:var(--sub)}
.pub-sug-x{position:absolute;top:8px;right:8px;z-index:2;width:30px;height:30px;border:0;border-radius:50%;background:rgba(20,20,20,.55);color:#fff;display:grid;place-items:center;cursor:pointer}
.pub-sug-x svg{width:16px;height:16px}
.pub-sug-seta{position:absolute;top:calc(50% - 40px);width:44px;height:44px;border:1px solid var(--line);border-radius:50%;background:var(--card);color:var(--tit);font-size:26px;line-height:1;box-shadow:var(--pub-sombra);cursor:pointer}
.pub-sug-seta.ant{left:8px}.pub-sug-seta.prox{right:8px}
.pub-sug-seta[hidden]{display:none}

/* Ver fotos em tela cheia */
.pub-luz{width:100vw;height:100vh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:rgba(0,0,0,.92)}
.pub-luz[open]{display:grid;place-items:center}
.pub-luz img{max-width:94vw;max-height:88vh;object-fit:contain}
.pub-luz button{position:fixed;border:0;border-radius:50%;background:rgba(255,255,255,.14);color:#fff;cursor:pointer;display:grid;place-items:center}
.pub-luz button:hover{background:rgba(255,255,255,.26)}
.pub-luz-x{top:16px;right:16px;width:44px;height:44px}
.pub-luz-x svg{width:24px;height:24px}
.pub-luz-s{top:50%;transform:translateY(-50%);width:52px;height:52px;font-size:34px}
.pub-luz-s.ant{left:16px}.pub-luz-s.prox{right:16px}
.pub-luz-n{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);margin:0;color:#fff;font-size:14px}

/* Itens salvos */
.pub-salvos h1{margin:0 0 4px}

/* Celular */
@media (max-width:640px){
  .pub-barra{padding:10px 12px 4px}
  .pub-barra-l2 button{gap:6px}
  .pub-barra-l2 button span{font-size:12.5px}
  .pub-pilula{font-size:15px}
  .pub-dlg{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border-radius:0}
  .pub-escrever textarea{min-height:140px}
  .pub-midia,.post .pub-fundo{margin-left:-12px;margin-right:-12px}
  .pub-sug-c{flex-basis:160px}
  .pub-sug-seta{display:none}
  .mais-menu.pub-menu{min-width:0}
}