/* Acabamento do feed e do Correio para computador, iPad e iPhone (19/10/2026). Carregado por último. */

/* ---------- Feed (Início, perfil, comunidades, itens salvos) ---------- */
/* Cabeçalho do post: nome à esquerda; selo e ⋯ encostados na direita, como no Facebook */
.post .p-cab{align-items:center}
.post .p-cab>div:not(.mais-wrap){flex:1 1 auto;min-width:0}
.post .p-cab>.tag{order:8;margin-left:auto;flex:none}
.post .p-cab>.mais-wrap{order:9;flex:none;margin-left:4px}
.post .p-cab .meta{white-space:normal}
/* Sem texto (compartilhamento, foto sozinha): não sobra buraco */
.post .txt:empty{display:none!important}
.post .corpo:not(:has(:is(h2,iframe,video,img,a,.txt:not(:empty),.yt-player,.video))){display:none!important}
.post .cp-cartao{max-width:none;width:auto}
/* Curtir / Comentar / Compartilhar em três partes iguais */
.post .social-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}
.post .social-actions>button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:0;white-space:nowrap;border-radius:8px}
.post .social-actions>button:hover{background:color-mix(in srgb,var(--tit) 6%,transparent)}
/* Sugestões: iniciais com fundo suave em vez de quadrado vazio */
.pub-sug-img{display:grid;place-items:center;background:linear-gradient(135deg,color-mix(in srgb,var(--pri) 16%,var(--card)),color-mix(in srgb,var(--acc) 18%,var(--card)))}
.pub-sug-img>span:not(.user-photo),.pub-sug-img>.foto-ini{background:none!important;color:var(--tit)}
.pub-sug-cab h3{line-height:1.25}
.pub-sug-cab a{white-space:nowrap;margin-left:12px}
@media (max-width:768px){.pub-sug-cab h3{font-size:15px}}

/* iPad e telas médias (769–1199): perfil centralizado; a coluna do Início está no fim do arquivo */
@media (min-width:769px) and (max-width:1199px){
  .perfil-pub{max-width:760px;margin-inline:auto}
}
/* Computador: feed com largura de leitura confortável */
@media (min-width:1200px){
  .home-layout{grid-template-columns:minmax(0,680px) 340px;justify-content:center}
}
/* iPhone */
@media (max-width:768px){
  .home-layout{gap:0}
  #social-feed>.post,#perfil-corpo>.post,#salvos-feed>.post{border-radius:14px}
  .post .p-cab{gap:10px}
  .post .p-cab .quem{font-size:15px;line-height:1.3}
  .post .p-cab .meta{font-size:12px}
  .post .social-actions>button{font-size:14px;padding-inline:4px}
  .rede-filtros{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}
  .rede-filtros::-webkit-scrollbar{display:none}
  .pub-sug-c{flex-basis:148px}
}
@media (max-width:420px){
  .post .social-actions>button{font-size:0;gap:4px}
  .post .social-actions>button span{font-size:14px}
  .post .social-actions>button svg{width:22px;height:22px}
}

/* ---------- Correio ---------- */
/* iPad e iPhone: sem buracos entre as pastas, a busca e a lista */
@media (max-width:900px){
  .cr2{align-content:start;grid-template-rows:auto minmax(0,1fr);gap:10px;min-height:calc(100dvh - 140px)}
  .cr2-lado{padding:2px 2px 4px;margin:0 -6px;padding-inline:6px}
  .cr2-main{min-height:0}
  .cr2-busca{max-width:none;height:46px}
}
/* iPad: o botão Escrever não fica em cima do balão do chat */
@media (min-width:769px) and (max-width:900px){
  .cr2-escrever{right:96px!important;bottom:28px!important}
}
/* iPhone: Escrever acima da barra de baixo, só com o ícone quando a tela é estreita */
@media (max-width:359px){
  .cr2-escrever{padding:14px!important;border-radius:50%!important}
  .cr2-escrever span:not(.cr2-ic){display:none}
}
/* Computador: o balão do chat não cobre a paginação do Correio */
@media (min-width:901px){
  .cr2{padding-bottom:20px}
}

/* ---------- Correio no celular igual ao Mail do iPhone (19/10/2026) ----------
   Caixas → pasta → mensagem, com "‹ Caixas" / "‹ Caixa de entrada" no alto. Só abaixo de 769 px. */
.cr2-caixas,.cr2-nav,.cr2-grande-pasta{display:none}
@media (max-width:768px){
  .cr2{display:block!important;padding:0 0 110px!important;min-height:0!important;background:transparent!important;border-radius:0!important}
  .cr2-lado{display:block!important;height:0;overflow:visible;padding:0;margin:0!important}
  .cr2-lado>:not(.cr2-escrever){display:none!important}
  .cr2[data-tela="caixas"] .cr2-main{display:none}
  .cr2[data-tela="caixas"] .cr2-caixas{display:block}
  .cr2[data-tela="msg"] .cr2-escrever{display:none!important}
  /* título grande, como no iOS */
  .cr2-grande{margin:4px 4px 10px!important;font-family:Archivo,system-ui,sans-serif;font-size:34px!important;font-weight:700!important;letter-spacing:-.02em!important;line-height:1.1!important;color:var(--cr-tx)}
  /* lista agrupada com cantos arredondados */
  .cr2-cx-grupo{background:var(--cr-card);border-radius:12px;overflow:hidden;box-shadow:0 0 0 1px var(--cr-linha)}
  .cr2-cx{position:relative;display:flex;align-items:center;gap:14px;width:100%;min-height:48px;padding:0 14px 0 16px;border:0;background:none;color:var(--cr-tx);font-size:17px;text-align:left;cursor:pointer}
  .cr2-cx:active{background:var(--cr-hover)}
  .cr2-cx+.cr2-cx::before{content:"";position:absolute;top:0;left:52px;right:0;border-top:1px solid var(--cr-linha)}
  .cr2-cx>.cr2-ic:first-child{width:24px;height:24px;color:var(--cr-pri)}
  .cr2-cx .cr2-bola{width:14px;height:14px;margin:0 5px}
  .cr2-cx span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .cr2-cx b{font-weight:400;color:var(--cr-sub);font-size:16px}
  .cr2-cx-chev{width:18px!important;height:18px!important;color:color-mix(in srgb,var(--cr-sub) 70%,transparent)}
  .cr2-cx-sec{margin:26px 16px 8px!important;font-size:20px!important;font-weight:700!important;letter-spacing:0!important;text-transform:none!important;color:var(--cr-tx)}
  .cr2-cx-vazio{margin:0;padding:14px 16px;font-size:14px;color:var(--cr-sub)}
  .cr2-cx-pe{margin:18px 16px 0;font-size:12.5px;color:var(--cr-sub);text-align:center}
  /* barra de cima com a seta de voltar */
  .cr2[data-tela="lista"] .cr2-nav,.cr2[data-tela="msg"] .cr2-nav{display:flex;align-items:center;min-height:44px;margin:0 -4px}
  .cr2-nav-volta{display:inline-flex;align-items:center;gap:0;height:44px;padding:0 10px 0 0!important;border:0;background:none;color:var(--cr-pri);font-size:17px;cursor:pointer}
  .cr2-nav-volta .cr2-ic{width:28px;height:28px;stroke-width:2.4}
  .cr2[data-tela="lista"] .cr2-grande-pasta{display:block}
  .cr2[data-tela="msg"] .cr2-busca,.cr2[data-tela="msg"] [data-cr2="voltar"]{display:none!important}
  .cr2-main{gap:8px}
  .cr2-busca{height:38px!important;border-radius:10px!important;padding:0 12px!important}
  /* lista de mensagens como no Mail: sem caixinhas de seleção, linhas finas */
  .cr2-caixa{background:var(--cr-card);border-radius:12px;overflow:hidden}
  .cr2[data-tela="lista"] .cr2-ck{display:none!important}
  .cr2[data-tela="lista"] .cr2-barra{min-height:40px}
  .cr2-linha{padding:10px 14px 10px 8px!important;min-height:76px!important}
  .cr2-linha.nao-lida .cr2-quem{font-weight:700}
  .cr2-leitura{padding:6px 14px 30px!important}
  .cr2-leitura h2{font-size:22px!important;line-height:1.25!important}
  .cr2-msg header{display:grid!important;grid-template-columns:40px minmax(0,1fr);column-gap:12px;align-items:start}
  .cr2-msg header .cr2-av{grid-row:1/3}
  .cr2-msg header time{grid-column:2;font-size:12.5px;color:var(--cr-sub);margin:2px 0 0!important;white-space:normal}
  .cr2-de b{font-size:16px}
  .cr2-resp{flex-wrap:wrap}
}
@media (max-width:768px){
  .cr2-barra{white-space:nowrap}
  .cr2-linha.nao-lida{position:relative}
  .cr2-linha.nao-lida::before{content:"";position:absolute;left:6px;top:16px;width:9px;height:9px;border-radius:50%;background:var(--cr-pri)}
  .cr2-linha.nao-lida .cr2-est{margin-top:14px}
}

/* ---------- Sua jornada × Notificações (19/10/2026) ----------
   No Início do computador e do iPad a "Sua jornada" já está na coluna da direita:
   o painel do círculo da Forsolun mostra só as notificações (classe .so-notifs, posta em openInfoPanel). */
.painel-info.so-notifs .pi-corpo,.painel-info.so-notifs #pi-bell{display:none!important}
.painel-info.so-notifs .pi-notifs{margin-top:4px}
/* iPad e telas médias: a coluna "Sua jornada" volta ao lado do feed, mais estreita */
@media (min-width:769px) and (max-width:1199px){
  .home-layout{grid-template-columns:minmax(0,1fr) 290px!important;justify-content:stretch;gap:20px}
  .home-layout>.jornada{display:block!important}
}

/* Sua jornada: quatro quadros conectados aos dados da agenda. */
.jornada .jo-continuar{display:inline-flex;align-items:center;margin-top:12px;font-size:12px;font-weight:500;text-decoration:none;color:inherit;opacity:.76}
.jornada .jo-continuar:hover{opacity:1;text-decoration:underline}
.jo-mini{display:block;color:inherit;text-decoration:none;border-radius:12px;padding:6px 0}
.jo-mini>strong{display:block;text-transform:capitalize;font-size:14px;margin-bottom:14px}
.jo-mini-grade{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px;text-align:center}
.jo-mini-grade>small{font-size:10px;opacity:.6;padding-bottom:5px}
.jo-mini-dia{position:relative;display:grid;place-items:center;min-height:28px;font-size:12px;border-radius:50%;aspect-ratio:1}
.jo-mini-dia.hoje{background:var(--fg);color:var(--bg);font-weight:700}
.jo-mini-dia.tem-compromisso i{position:absolute;bottom:2px;width:4px;height:4px;border-radius:50%;background:currentColor}
.jo-mini-legenda{display:block;font-size:10px;line-height:1.6;opacity:.65;margin-top:12px}
.jo-lembretes{list-style:none;padding:0;margin:0}
.jo-lembretes li+li{border-top:1px solid color-mix(in srgb,currentColor 12%,transparent);margin-top:10px;padding-top:10px}
.jo-lembretes a{display:block;color:inherit;text-decoration:none}
.jo-lembretes strong{display:block;font-size:13px;font-weight:500;line-height:1.5}
.jo-lembretes small{display:block;font-size:11px;opacity:.65;margin-top:3px}
.jornada .jo-continuar:focus-visible,.jo-mini:focus-visible,.jo-lembretes a:focus-visible{outline:2px solid currentColor;outline-offset:4px}
#ag-root>[data-jo-voltar]{display:block;margin:0 16px 10px;padding:10px 0}
.jornada .bloco.destaque .help{color:var(--inv-sub)}