/**
 * Comunidade — fluxo editorial mobile.
 * Rota: /comunidade/ (timeline e salvos). Objetivo: garantir largura útil dos
 * blocos da timeline. A ordem feed → trilho esquerdo → trilho direito é
 * estrutural e é definida no template apenas para a timeline, preservando
 * Espaços, diretórios e desktop.
 */
@media (max-width: 767px) {
  .conecta-app.conecta-community-view.conecta-community-linkedin.conecta-community-timeline-view
    > .conecta-community-shell[data-conecta-community-stage] > .conecta-community-feed,
  .conecta-app.conecta-community-view.conecta-community-linkedin.conecta-community-timeline-view
    > .conecta-community-shell[data-conecta-community-stage] > .conecta-community-rail--left,
  .conecta-app.conecta-community-view.conecta-community-linkedin.conecta-community-timeline-view
    > .conecta-community-shell[data-conecta-community-stage] > .conecta-community-rail--right {
    min-inline-size: 0;
    max-inline-size: 100%;
  }
}

/*
 * Âncora do menu da publicação — timeline mobile.
 * O grid legado reservava apenas avatar e autor, empurrando o menu para uma
 * segunda linha e permitindo que o painel absoluto escapasse do card.
 * A única prioridade !important repete a precedência da regra legada que ela
 * substitui e fica limitada a Timeline/Salvos. Espaços, diretórios e desktop
 * mantêm contratos independentes.
 */
@media (max-width: 767px) {
  body.cc-shell--portal
    .conecta-app.conecta-community-view.conecta-community-linkedin.conecta-community-timeline-view
    .conecta-community-post-head {
    grid-template-columns: 44px minmax(0, 1fr) 44px !important;
  }

  body.cc-shell--portal
    .conecta-app.conecta-community-view.conecta-community-linkedin.conecta-community-timeline-view
    .conecta-community-post-head > .conecta-post-head-tools {
    grid-column: 3;
    grid-row: 1;
    align-self: start;
    justify-self: end;
    min-inline-size: 44px;
  }

  body.cc-shell--portal
    .conecta-app.conecta-community-view.conecta-community-linkedin.conecta-community-timeline-view
    .conecta-post-menu {
    justify-self: end;
  }

  body.cc-shell--portal
    .conecta-app.conecta-community-view.conecta-community-linkedin.conecta-community-timeline-view
    .conecta-post-menu > button {
    min-inline-size: 44px;
    min-block-size: 44px;
  }

  body.cc-shell--portal
    .conecta-app.conecta-community-view.conecta-community-linkedin.conecta-community-timeline-view
    .conecta-post-menu-panel {
    inset-inline-start: auto;
    inset-inline-end: 0;
    max-inline-size: calc(100vw - 48px);
    box-sizing: border-box;
  }
}