/* =========================================================
   OMC V18 SOCIAL
   C1 - PERFIL DO CANDIDATO
   LOCAL DEVELOPMENT
   ========================================================= */

.v18ProfileHead{
  padding-bottom:24px;
}

.v18ProfileHead .eyebrow{
  margin-bottom:8px;
}

.v18ProfileLayout{
  display:grid;
  grid-template-columns:minmax(0,1.55fr) minmax(300px,.75fr);
  gap:20px;
  align-items:start;
}

.v18ProfileCard{
  padding:22px;
}

.v18ProfileTop{
  display:flex;
  align-items:center;
  gap:18px;
  margin-bottom:22px;
}

.v18Avatar{
  width:92px;
  height:92px;
  flex:0 0 92px;
  border-radius:50%;
  display:grid;
  place-items:center;
  font-size:30px;
  font-weight:900;
  background:#edf3ff;
  border:1px solid #d8e4fb;
  color:#17428f;
  overflow:hidden;
}

.v18Avatar img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.v18ProfileIdentity{
  min-width:0;
}

.v18ProfileIdentity h2{
  margin:0 0 4px;
}

.v18Username{
  font-weight:800;
  color:#3562a6;
  margin-bottom:6px;
}

.v18ProfileEmail{
  font-size:13px;
  opacity:.72;
  overflow-wrap:anywhere;
}

.v18ProfileMode{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:5px 9px;
  margin-top:8px;
  border-radius:999px;
  font-size:11px;
  font-weight:800;
  background:#fff6dc;
  border:1px solid #f0d996;
  color:#795a08;
}

.v18ProfileFormGrid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}

.v18ProfileFull{
  grid-column:1 / -1;
}

.v18ProfileForm textarea{
  min-height:110px;
  resize:vertical;
}

.v18Counter{
  display:flex;
  justify-content:flex-end;
  margin-top:5px;
  font-size:11px;
  opacity:.65;
}

.v18PrivacyBox{
  margin-top:18px;
  padding:15px;
  border:1px solid #e0e7f0;
  border-radius:12px;
  background:#fafcff;
}

.v18PrivacyBox h3{
  margin:0 0 12px;
  font-size:15px;
}

.v18SwitchRow{
  display:flex;
  align-items:flex-start;
  gap:9px;
  margin:10px 0;
}

.v18SwitchRow input{
  margin-top:3px;
}

.v18SwitchRow span{
  display:block;
  font-size:13px;
  line-height:1.4;
}

.v18ProfileActions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:20px;
}

.v18ProfilePreview{
  position:sticky;
  top:18px;
  padding:20px;
}

.v18PreviewCover{
  height:92px;
  margin:-20px -20px 0;
  border-radius:14px 14px 0 0;
  background:
    linear-gradient(
      135deg,
      #123f96,
      #1e63ca
    );
}

.v18PreviewAvatar{
  width:82px;
  height:82px;
  display:grid;
  place-items:center;
  border-radius:50%;
  margin:-41px auto 10px;
  background:#fff;
  border:5px solid #fff;
  box-shadow:0 4px 15px rgba(15,45,95,.14);
  font-size:25px;
  font-weight:900;
  color:#17428f;
}

.v18PreviewName{
  text-align:center;
  margin:0;
}

.v18PreviewUser{
  text-align:center;
  color:#406aa9;
  font-weight:800;
  margin-top:3px;
}

.v18PreviewBio{
  text-align:center;
  margin:13px 0 16px;
  line-height:1.45;
  color:#536079;
}

.v18PreviewLocation{
  text-align:center;
  font-size:12px;
  opacity:.72;
  margin-bottom:16px;
}

.v18PreviewStats{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:8px;
  padding-top:15px;
  border-top:1px solid #e5eaf1;
}

.v18PreviewStat{
  text-align:center;
}

.v18PreviewStat b{
  display:block;
  font-size:17px;
}

.v18PreviewStat small{
  display:block;
  font-size:10px;
  line-height:1.25;
  opacity:.7;
}

.v18ProfileMsg{
  margin-bottom:14px;
}

.v18ProfileMsg:empty{
  display:none;
}

.v18ProfileMsg.ok{
  padding:10px 12px;
  border-radius:9px;
  background:#edf9f3;
  border:1px solid #bfe7cf;
  color:#17623d;
}

.v18ProfileMsg.err{
  padding:10px 12px;
  border-radius:9px;
  background:#fff1f1;
  border:1px solid #f0c4c4;
  color:#8c2727;
}

@media(max-width:900px){
  .v18ProfileLayout{
    grid-template-columns:1fr;
  }

  .v18ProfilePreview{
    position:static;
  }
}

@media(max-width:620px){
  .v18ProfileFormGrid{
    grid-template-columns:1fr;
  }

  .v18ProfileFull{
    grid-column:auto;
  }

  .v18ProfileTop{
    align-items:flex-start;
  }

  .v18Avatar{
    width:70px;
    height:70px;
    flex-basis:70px;
    font-size:23px;
  }

  .v18ProfileCard{
    padding:16px;
  }
}
/* =========================================================
   V18-C2-A
   AVATAR + PERFIL PUBLICO
   ========================================================= */

.v18AvatarShell{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:8px;
}

.v18AvatarShell .v18Avatar{
  position:relative;
}

.v18Avatar img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  border-radius:50%;
}

.v18AvatarActions{
  display:flex;
  gap:6px;
  flex-wrap:wrap;
  justify-content:center;
}

.v18AvatarActions .btn{
  padding:7px 10px;
  font-size:11px;
}

.v18AvatarRemove{
  border:0;
  background:transparent;
  color:#8f3441;
  cursor:pointer;
  font-size:11px;
  font-weight:800;
  padding:7px;
}

.v18PublicPage{
  max-width:860px;
  margin:0 auto;
}

.v18PublicCard{
  overflow:hidden;
  padding:0;
}

.v18PublicCover{
  height:165px;
  background:
    linear-gradient(
      135deg,
      #113a87,
      #2369ce
    );
}

.v18PublicContent{
  padding:0 28px 28px;
}

.v18PublicAvatar{
  width:112px;
  height:112px;
  margin-top:-56px;
  border-radius:50%;
  border:6px solid #fff;
  background:#eef4ff;
  display:grid;
  place-items:center;
  overflow:hidden;
  font-size:34px;
  font-weight:900;
  color:#15418f;
  box-shadow:0 5px 18px rgba(24,56,105,.17);
}

.v18PublicAvatar img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.v18PublicName{
  margin:15px 0 2px;
}

.v18PublicUsername{
  color:#3763a4;
  font-weight:800;
}

.v18PublicBio{
  margin:16px 0;
  line-height:1.55;
  max-width:650px;
}

.v18PublicLocation{
  font-size:13px;
  opacity:.72;
}

.v18PublicStats{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin-top:22px;
}

.v18PublicStat{
  padding:15px;
  border:1px solid #e1e7f0;
  border-radius:12px;
  background:#fafcff;
}

.v18PublicStat b{
  display:block;
  font-size:20px;
}

.v18PublicStat span{
  display:block;
  margin-top:3px;
  font-size:11px;
  opacity:.7;
}

.v18PublicRestricted{
  padding:45px 24px;
  text-align:center;
}

.v18PublicRestricted h2{
  margin-bottom:8px;
}

.v18PublicDevNotice{
  margin-top:18px;
  padding:12px 14px;
  border-radius:10px;
  background:#fff8e4;
  border:1px solid #ead59a;
  color:#705714;
  font-size:12px;
}

@media(max-width:620px){
  .v18PublicContent{
    padding:0 17px 20px;
  }

  .v18PublicCover{
    height:125px;
  }

  .v18PublicAvatar{
    width:88px;
    height:88px;
    margin-top:-44px;
  }

  .v18PublicStats{
    grid-template-columns:1fr;
  }
}
/* =========================================================
   V18-C2-B
   CONCURSO-ALVO + ESTATISTICAS REAIS
   ========================================================= */

.v18ProfileTarget,
.v18PublicTarget{
  display:flex;
  flex-direction:column;
  gap:4px;
  margin:16px 0;
  padding:13px 14px;
  border:1px solid #dce6f5;
  border-radius:12px;
  background:#f7faff;
}

.v18ProfileTarget[hidden],
.v18PublicTarget[hidden]{
  display:none !important;
}

.v18ProfileTarget small,
.v18PublicTarget small{
  font-size:10px;
  font-weight:900;
  letter-spacing:.04em;
  color:#315b9d;
}

.v18ProfileTarget b,
.v18PublicTarget b{
  font-size:14px;
  color:#172a4d;
}

.v18ProfileTarget span,
.v18PublicTarget span{
  font-size:11px;
  line-height:1.4;
  color:#66748b;
}

.v18StatsLive{
  position:relative;
}

.v18StatsLive::after{
  content:"DADOS REAIS";
  display:inline-flex;
  margin-left:5px;
  padding:2px 5px;
  border-radius:999px;
  background:#eef8f2;
  border:1px solid #cae8d5;
  color:#2c7447;
  font-size:8px;
  font-weight:900;
  vertical-align:middle;
}

@media(max-width:620px){
  .v18ProfileTarget,
  .v18PublicTarget{
    margin:13px 0;
  }
}
/* =========================================================
   V18-C2-C
   POLIMENTO VISUAL + PREVIEW LOCAL
   ========================================================= */

/* LARGURA DESKTOP */

.v18ProfileHead .container{
  width:min(1240px,calc(100% - 40px)) !important;
  max-width:1240px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

.section > .container.v18ProfileLayout{
  width:min(1240px,calc(100% - 40px)) !important;
  max-width:1240px !important;
  margin-left:auto !important;
  margin-right:auto !important;

  grid-template-columns:
    minmax(0,1.75fr)
    minmax(360px,.9fr) !important;

  gap:28px !important;
}

/* FORMULARIO */

.v18ProfileCard{
  padding:28px !important;
  border-radius:18px !important;
  border-color:#dfe7f2 !important;

  box-shadow:
    0 10px 34px
    rgba(24,55,105,.06) !important;
}

.v18ProfileTop{
  align-items:flex-start !important;
  gap:24px !important;
  margin-bottom:27px !important;
}

.v18ProfileIdentity{
  padding-top:8px;
}

.v18ProfileIdentity h2{
  margin-bottom:5px !important;
  font-size:21px !important;
}

/* AVATAR */

.v18AvatarShell{
  width:135px !important;
  flex:0 0 135px !important;
}

.v18AvatarShell .v18Avatar{
  width:108px !important;
  height:108px !important;
  flex:0 0 108px !important;

  border-radius:50% !important;

  border:
    4px solid #fff !important;

  box-shadow:
    0 0 0 1px #d8e4f3,
    0 7px 20px rgba(22,54,105,.12) !important;

  background:
    linear-gradient(
      145deg,
      #edf4ff,
      #dbe9ff
    ) !important;

  overflow:hidden !important;
}

/* IMPORTANTE: corrige a imagem quebrada */
.v18Avatar img[hidden]{
  display:none !important;
}

#v18AvatarInitials[hidden]{
  display:none !important;
}

#v18AvatarInitials{
  display:block;
  font-size:31px;
  font-weight:900;
  line-height:1;
  color:#164795;
}

.v18Avatar img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  border-radius:50% !important;
}

.v18AvatarActions{
  width:100% !important;
  gap:5px !important;
  margin-top:5px;
}

.v18AvatarActions .btn{
  min-height:32px;
  padding:6px 9px !important;
  border-radius:8px !important;
  font-size:10px !important;
}

.v18AvatarRemove{
  min-height:32px;
  padding:6px 7px !important;
}

/* CAMPOS */

.v18ProfileFormGrid{
  gap:18px !important;
}

.v18ProfileForm .field label{
  display:block;
  margin-bottom:6px;
  font-weight:750;
}

.v18ProfileForm input,
.v18ProfileForm select,
.v18ProfileForm textarea{
  border-radius:11px !important;
  border-color:#d9e2ef !important;
  background:#fff !important;
}

.v18ProfileForm input,
.v18ProfileForm select{
  min-height:46px !important;
}

.v18ProfileForm textarea{
  min-height:132px !important;
}

.v18ProfileForm input:focus,
.v18ProfileForm select:focus,
.v18ProfileForm textarea:focus{
  outline:none !important;
  border-color:#5d8fd9 !important;

  box-shadow:
    0 0 0 3px
    rgba(42,99,185,.09) !important;
}

.v18PrivacyBox{
  margin-top:22px !important;
  padding:18px !important;

  border-radius:
    14px !important;

  background:
    #f8fbff !important;
}

.v18ProfileActions{
  margin-top:23px !important;
  padding-top:18px;

  border-top:
    1px solid #e6edf6;

  align-items:center;
}

/* PREVIEW LOCAL */

.v18ProfileMsg.preview{
  display:block !important;

  margin-bottom:20px !important;
  padding:12px 14px !important;

  border:
    1px solid #c7dcfa !important;

  border-radius:
    11px !important;

  background:
    #f1f7ff !important;

  color:
    #31577e !important;

  font-size:
    12px !important;

  line-height:
    1.5 !important;
}

/* CARTAO SOCIAL */

.v18ProfilePreview{
  position:sticky !important;
  top:20px !important;

  padding:
    0 24px 26px !important;

  overflow:hidden !important;

  border-radius:
    20px !important;

  border:
    1px solid #dfe7f1 !important;

  box-shadow:
    0 12px 38px
    rgba(20,52,100,.09) !important;
}

.v18ProfilePreview .v18PreviewCover:not(.hasImage){
  height:150px !important;

  margin:
    0 -24px 0 !important;

  border-radius:
    20px 20px 0 0 !important;

  background:
    radial-gradient(
      circle at 76% 18%,
      rgba(255,255,255,.24),
      transparent 31%
    ),
    linear-gradient(
      135deg,
      #082f7e,
      #145fc4 60%,
      #337fde
    ) !important;
}

.v18PreviewAvatar{
  width:104px !important;
  height:104px !important;

  margin:
    -52px auto 14px !important;

  border:
    6px solid #fff !important;

  box-shadow:
    0 7px 22px
    rgba(18,52,100,.16) !important;

  overflow:hidden !important;

  font-size:
    29px !important;
}

.v18PreviewAvatar img{
  width:100% !important;
  height:100% !important;
  display:block !important;
  object-fit:cover !important;
}

.v18PreviewName{
  font-size:21px !important;
  letter-spacing:-.02em;
}

.v18PreviewUser{
  margin-top:4px !important;
  font-size:13px !important;
}

.v18PreviewBio{
  max-width:300px;
  min-height:40px;

  margin:
    15px auto 12px !important;

  font-size:12px !important;
  line-height:1.5 !important;
}

.v18PreviewLocation{
  margin-bottom:
    15px !important;
}

.v18ProfileTarget{
  text-align:left !important;
  margin:
    16px 0 !important;

  padding:
    13px 14px !important;
}

.v18PreviewStats{
  gap:0 !important;

  margin-top:
    17px !important;

  padding-top:
    17px !important;
}

.v18PreviewStat{
  padding:0 9px;
}

.v18PreviewStat +
.v18PreviewStat{
  border-left:
    1px solid #e4eaf2;
}

.v18PreviewStat b{
  font-size:
    18px !important;

  color:
    #182b4c !important;
}

.v18PreviewStat small{
  margin-top:3px;
  font-size:9px !important;
}

/* PERFIL PUBLICO */

.v18PublicPage{
  max-width:
    980px !important;
}

.v18PublicCard{
  border-radius:
    20px !important;

  box-shadow:
    0 12px 40px
    rgba(20,52,100,.08) !important;
}

.v18PublicCover{
  height:
    190px !important;

  background:
    radial-gradient(
      circle at 76% 18%,
      rgba(255,255,255,.24),
      transparent 31%
    ),
    linear-gradient(
      135deg,
      #082f7e,
      #145fc4 60%,
      #337fde
    ) !important;
}

.v18PublicContent{
  padding:
    0 34px 34px !important;
}

.v18PublicAvatar{
  width:
    118px !important;

  height:
    118px !important;

  margin-top:
    -59px !important;
}

.v18PublicName{
  font-size:
    27px !important;

  letter-spacing:
    -.025em;
}

.v18PublicStats{
  gap:
    14px !important;
}

.v18PublicStat{
  padding:
    17px !important;
}

/* RESPONSIVO */

@media(max-width:980px){

  .section > .container.v18ProfileLayout{
    grid-template-columns:
      1fr !important;
  }

  .v18ProfilePreview{
    position:static !important;
    width:100%;
    max-width:540px;
    margin:0 auto;
  }

}

@media(max-width:700px){

  .v18ProfileHead .container,
  .section > .container.v18ProfileLayout{
    width:
      calc(100% - 24px) !important;
  }

  .v18ProfileCard{
    padding:
      18px !important;
  }

  .v18ProfileTop{
    gap:
      15px !important;
  }

  .v18AvatarShell{
    width:
      90px !important;

    flex-basis:
      90px !important;
  }

  .v18AvatarShell .v18Avatar{
    width:
      78px !important;

    height:
      78px !important;

    flex-basis:
      78px !important;
  }

  #v18AvatarInitials{
    font-size:
      23px !important;
  }

  .v18AvatarActions{
    flex-direction:
      column !important;
  }

  .v18ProfilePreview{
    max-width:none;
  }

  .v18PublicContent{
    padding:
      0 18px 22px !important;
  }
}
/* =========================================================
   V18-C2-D
   FECHAMENTO DO PERFIL SOCIAL
   ========================================================= */

/* largura final equilibrada */

.v18ProfileHead .container{
  width:min(
    1280px,
    calc(100% - 40px)
  ) !important;

  max-width:
    1280px !important;
}

.section > .container.v18ProfileLayout{
  width:min(
    1280px,
    calc(100% - 40px)
  ) !important;

  max-width:
    1280px !important;

  grid-template-columns:
    minmax(0,1.6fr)
    minmax(390px,.95fr) !important;
}

/* avatar */

.v18AvatarActions{
  justify-content:center !important;
  align-items:center !important;
}

#v18ChooseAvatar{
  font-weight:800 !important;
}

.v18AvatarRemove{
  color:#9b4751 !important;
  font-weight:750 !important;
}

.v18AvatarShell:has(#v18AvatarImg[hidden])
.v18AvatarRemove{
  display:none !important;
}

/* selo correto dos indicadores */

.v18StatsDemo::after{
  content:"DEMONSTRAÇÃO";

  display:inline-flex;

  margin-left:5px;

  padding:
    2px 5px;

  border-radius:
    999px;

  background:
    #fff6dc;

  border:
    1px solid #ead58e;

  color:
    #75590c;

  font-size:
    8px;

  font-weight:
    900;

  vertical-align:
    middle;
}

/* contadores sociais */

.v18SocialCounts{
  display:flex;
  align-items:center;
  justify-content:center;

  gap:0;

  margin:
    15px 0 5px;

  border-top:
    1px solid #e7edf5;

  border-bottom:
    1px solid #e7edf5;
}

.v18SocialCounts > span{
  flex:1;

  display:flex;
  align-items:center;
  justify-content:center;

  gap:5px;

  padding:
    12px 10px;
}

.v18SocialCounts > span +
.v18SocialCounts > span{
  border-left:
    1px solid #e7edf5;
}

.v18SocialCounts b{
  font-size:
    13px;

  color:
    #172b4c;
}

.v18SocialCounts small{
  font-size:
    11px;

  color:
    #6d798b;
}

.v18PublicSocialCounts{
  max-width:
    360px;

  justify-content:flex-start;
}

/* refinamento do cartão */

.v18ProfilePreview{
  min-width:0;
}

.v18PreviewBio{
  max-width:
    330px !important;
}

.v18ProfileTarget{
  margin-top:
    15px !important;
}

@media(max-width:1050px){

  .section > .container.v18ProfileLayout{
    grid-template-columns:
      minmax(0,1.45fr)
      minmax(350px,.9fr) !important;
  }

}

@media(max-width:900px){

  .section > .container.v18ProfileLayout{
    grid-template-columns:
      1fr !important;
  }

}

@media(max-width:620px){

  .v18SocialCounts{
    margin-top:
      12px;
  }

}
/* =========================================================
   V18-C3-A
   OMC SOCIAL - FOLLOW / UNFOLLOW / BLOCK
   ========================================================= */

.v18PublicActions{
  display:flex;
  align-items:center;
  gap:9px;
  flex-wrap:wrap;
  margin:16px 0 5px;
}

.v18PublicActions[hidden]{
  display:none !important;
}

.v18PublicActions .btn{
  min-width:108px;
}

.v18RelationMessage{
  min-height:0;
  margin:8px 0 0;
  font-size:12px;
  line-height:1.45;
}

.v18RelationMessage:empty{
  display:none;
}

.v18RelationMessage.ok{
  color:#257145;
}

.v18RelationMessage.warn{
  padding:9px 11px;

  border:
    1px solid #ead69d;

  border-radius:
    9px;

  background:
    #fff8e7;

  color:
    #75580b;
}

#v18FollowButton.outline{
  background:#fff !important;
  color:#174994 !important;
}

#v18BlockButton{
  color:#87505a;
}

@media(max-width:620px){

  .v18PublicActions{
    align-items:stretch;
  }

  .v18PublicActions .btn{
    flex:1;
  }

}
/* =========================================================
   V18-C3-B
   OMC SOCIAL - DIRETORIO / SEGUIDORES / SEGUINDO
   ========================================================= */

.v18Directory{
  max-width:1180px;
}

.v18DirectoryToolbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-bottom:18px;
}

.v18DirectorySearch{
  display:flex;
  gap:9px;
  width:min(680px,100%);
}

.v18DirectorySearch input{
  flex:1;
  min-width:0;
  min-height:45px;
  padding:0 14px;
  border:1px solid #d7e2ef;
  border-radius:11px;
  background:#fff;
}

.v18SocialTabs{
  display:flex;
  gap:8px;
  margin-bottom:22px;
  padding-bottom:13px;
  border-bottom:1px solid #e3e9f1;
}

.v18SocialTabs button{
  border:1px solid transparent;
  border-radius:999px;
  padding:9px 15px;
  background:transparent;
  color:#526176;
  font-weight:800;
  cursor:pointer;
}

.v18SocialTabs button:hover{
  background:#f4f8fd;
}

.v18SocialTabs button.active{
  background:#eaf2ff;
  border-color:#cdddf5;
  color:#164b9c;
}

.v18DirectoryContext{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:20px;
  margin-bottom:18px;
}

.v18DirectoryKicker{
  display:block;
  margin-bottom:4px;
  color:#28589f;
  font-size:10px;
  font-weight:900;
  letter-spacing:.06em;
}

.v18DirectoryContext h2{
  margin:0 0 5px;
}

.v18DirectoryContext p{
  margin:0;
  color:#69768a;
}

.v18PeopleGrid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}

.v18PersonCard{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:15px;
  padding:16px;
  border:1px solid #dfe7f1;
  border-radius:15px;
  background:#fff;
  box-shadow:0 6px 20px rgba(20,55,105,.045);
}

.v18PersonMain{
  display:flex;
  align-items:center;
  gap:13px;
  min-width:0;
  flex:1;
  color:inherit;
  text-decoration:none;
}

.v18PersonAvatar{
  width:62px;
  height:62px;
  flex:0 0 62px;
  display:grid;
  place-items:center;
  overflow:hidden;
  border-radius:50%;
  background:linear-gradient(145deg,#edf4ff,#dbe8ff);
  border:1px solid #d6e2f3;
  color:#174994;
  font-size:19px;
  font-weight:900;
}

.v18PersonAvatar img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.v18PersonIdentity{
  min-width:0;
}

.v18PersonNameRow{
  display:flex;
  align-items:center;
  gap:6px;
  flex-wrap:wrap;
}

.v18PersonNameRow b{
  font-size:14px;
  color:#172b4c;
}

.v18PersonUsername{
  display:block;
  margin-top:2px;
  color:#3766a7;
  font-size:11px;
  font-weight:800;
}

.v18PersonIdentity p{
  margin:7px 0 5px;
  max-width:420px;
  color:#526176;
  font-size:12px;
  line-height:1.4;
}

.v18PersonIdentity small{
  color:#7a8596;
  font-size:10px;
}

.v18PersonAside{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:7px;
  flex:0 0 auto;
}

.v18PersonAside .btn{
  min-width:92px;
}

.v18PersonFollowers{
  color:#7a8596;
  white-space:nowrap;
}

.v18DemoBadge{
  display:inline-flex;
  padding:2px 5px;
  border:1px solid #ead58e;
  border-radius:999px;
  background:#fff6dc;
  color:#76590c;
  font-size:7px;
  font-weight:900;
}

.v18DirectoryEmpty{
  padding:55px 20px;
  border:1px dashed #cedbea;
  border-radius:16px;
  text-align:center;
  background:#fbfdff;
}

.v18DirectoryEmpty[hidden]{
  display:none !important;
}

.v18DirectoryEmptyIcon{
  font-size:32px;
  margin-bottom:9px;
}

.v18DirectoryEmpty h3{
  margin:0 0 6px;
}

.v18DirectoryEmpty p{
  margin:0 auto 17px;
  max-width:430px;
  color:#69768a;
}

.v18SocialCountLink{
  cursor:pointer !important;
  transition:background .15s ease;
}

.v18SocialCountLink:hover{
  background:#f4f8fd;
}

.v18SocialCountLink:focus-visible{
  outline:2px solid #4d83d4;
  outline-offset:2px;
}

@media(max-width:900px){

  .v18PeopleGrid{
    grid-template-columns:1fr;
  }

}

@media(max-width:650px){

  .v18DirectoryToolbar{
    align-items:stretch;
    flex-direction:column;
  }

  .v18DirectorySearch{
    width:100%;
  }

  .v18SocialTabs{
    overflow-x:auto;
  }

  .v18PersonCard{
    align-items:flex-start;
    flex-direction:column;
  }

  .v18PersonAside{
    width:100%;
    flex-direction:row;
    align-items:center;
    justify-content:space-between;
  }

  .v18PersonAside .btn{
    min-width:105px;
  }

}
/* =========================================================
   V18-C3-C-A
   OMC SOCIAL - CONEXOES
   ========================================================= */

.v18SocialCounts{
  grid-template-columns:
    repeat(3,1fr);
}

.v18SocialCounts > span{
  min-width:0;
}

#v18ConnectButton{
  color:#174994;
}

#v18ConnectButton.gold{
  color:#fff;
}

#v18ConnectButton:disabled{
  opacity:.55;
  cursor:not-allowed;
}

.v18PublicActions{
  row-gap:8px;
}

@media(max-width:620px){

  .v18SocialCounts{
    display:grid !important;
    grid-template-columns:
      repeat(3,1fr);
  }

  .v18SocialCounts > span{
    padding:
      10px 4px;
  }

  .v18SocialCounts b{
    display:block;
    text-align:center;
  }

  .v18SocialCounts small{
    display:block;
    text-align:center;
    font-size:9px;
  }

}
/* =========================================================
   V18-C3-C-B
   OMC SOCIAL - CENTRAL DE CONEXOES
   ========================================================= */

.v18RequestsBadge{
  display:inline-grid;
  place-items:center;

  min-width:18px;
  height:18px;

  margin-left:5px;
  padding:0 5px;

  border-radius:999px;

  background:#c83444;
  color:#fff;

  font-size:9px;
  font-weight:900;
}

.v18RequestsBadge[hidden]{
  display:none !important;
}

.v18ConnectionState{
  display:inline-flex;
  align-items:center;

  padding:5px 8px;

  border-radius:999px;

  background:#edf8f2;
  border:1px solid #c9e7d5;

  color:#277047;

  font-size:10px;
  font-weight:850;
}

.v18RequestReceived,
.v18RequestSent{
  display:inline-flex;
  align-items:center;

  padding:5px 8px;

  border-radius:999px;

  font-size:10px;
  font-weight:850;
}

.v18RequestReceived{
  background:#eaf2ff;
  border:1px solid #cfdef5;
  color:#285b9e;
}

.v18RequestSent{
  background:#fff7e4;
  border:1px solid #ead8a3;
  color:#765a11;
}

.v18RequestActions{
  display:flex;
  gap:6px;
}

.v18RequestActions .btn{
  min-width:78px;
}

.v18DangerSoft{
  color:#8b4752 !important;
}

.v18ConnectionCard,
.v18RequestCard{
  border-color:#dce5f0;
}

@media(max-width:650px){

  .v18RequestAside{
    align-items:flex-start;
    flex-direction:column;
  }

  .v18RequestActions{
    width:100%;
  }

  .v18RequestActions .btn{
    flex:1;
  }

}
/* =========================================================
   V18-C4-A
   OMC SOCIAL - FUNDACAO DO FEED
   ========================================================= */

.v18FeedPanel{
  width:100%;
}

.v18FeedPanel[hidden]{
  display:none !important;
}

.v18FeedComposer{
  max-width:760px;
  margin:0 auto 22px;
  padding:18px;
  border:1px solid #dce6f2;
  border-radius:16px;
  background:#fff;
  box-shadow:0 8px 28px rgba(15,60,130,.055);
}

.v18FeedComposerHead{
  display:flex;
  gap:12px;
  align-items:center;
  margin-bottom:13px;
}

.v18FeedComposerHead p{
  margin:3px 0 0;
  color:#6c788a;
  font-size:12px;
}

.v18FeedComposerAvatar{
  width:46px;
  height:46px;
  flex:0 0 46px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:linear-gradient(145deg,#edf4ff,#dbe8ff);
  border:1px solid #d4e0f1;
  color:#164996;
  font-weight:900;
}

#v18FeedText{
  width:100%;
  min-height:105px;
  resize:vertical;
  padding:13px 14px;
  border:1px solid #d7e2ef;
  border-radius:12px;
  background:#fff;
  color:#26364e;
  font:inherit;
  line-height:1.5;
}

#v18FeedText:focus{
  outline:none;
  border-color:#7ea7df;
  box-shadow:0 0 0 3px rgba(35,102,196,.08);
}

.v18FeedComposerFooter{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:15px;
  margin-top:11px;
}

.v18FeedComposerMeta{
  display:flex;
  align-items:center;
  gap:8px;
}

.v18FeedComposerMeta label{
  color:#637086;
  font-size:11px;
  font-weight:800;
}

.v18FeedComposerMeta select{
  min-height:37px;
  padding:0 10px;
  border:1px solid #d7e2ef;
  border-radius:9px;
  background:#fff;
}

.v18FeedComposerActions{
  display:flex;
  align-items:center;
  gap:11px;
}

#v18FeedCount{
  color:#8490a0;
  font-size:10px;
}

.v18FeedComposerMessage{
  margin-top:9px;
  color:#567;
  font-size:11px;
}

.v18FeedComposerMessage.ok{
  color:#277047;
}

.v18FeedComposerMessage.err{
  color:#a33a48;
}

.v18FeedHeader{
  max-width:760px;
  margin:0 auto 13px;
}

.v18FeedHeader h2{
  margin:0 0 4px;
}

.v18FeedHeader p{
  margin:0;
  color:#69768a;
}

.v18FeedList{
  max-width:760px;
  margin:0 auto;
  display:flex;
  flex-direction:column;
  gap:13px;
}

.v18FeedCard{
  padding:17px;
  border:1px solid #dce5ef;
  border-radius:16px;
  background:#fff;
  box-shadow:0 6px 22px rgba(20,55,105,.045);
}

.v18FeedCardHeader{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}

.v18FeedAuthor{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
  color:inherit;
  text-decoration:none;
}

.v18FeedAvatar{
  width:44px;
  height:44px;
  flex:0 0 44px;
  display:grid;
  place-items:center;
  overflow:hidden;
  border-radius:50%;
  background:linear-gradient(145deg,#edf4ff,#dce9ff);
  border:1px solid #d4e0f1;
  color:#174994;
  font-weight:900;
}

.v18FeedAvatar img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.v18FeedAuthorInfo{
  display:flex;
  flex-direction:column;
  min-width:0;
}

.v18FeedAuthorName{
  display:flex;
  align-items:center;
  gap:6px;
  color:#172b4c;
  font-size:13px;
  font-weight:850;
}

.v18FeedAuthorInfo > small{
  margin-top:2px;
  color:#7c8798;
  font-size:10px;
}

.v18FeedCardMeta{
  display:flex;
  align-items:center;
  gap:7px;
}

.v18FeedVisibility{
  padding:4px 7px;
  border:1px solid #dce5f0;
  border-radius:999px;
  background:#f7faff;
  color:#68768a;
  font-size:9px;
  font-weight:800;
}

.v18FeedDelete{
  padding:4px 6px;
  border:0;
  background:transparent;
  color:#98515c;
  font-size:9px;
  font-weight:800;
  cursor:pointer;
}

.v18FeedDelete:hover{
  text-decoration:underline;
}

.v18FeedContent{
  padding:15px 1px 14px;
  color:#27384f;
  font-size:13px;
  line-height:1.6;
  white-space:pre-wrap;
  overflow-wrap:anywhere;
}

.v18FeedCardFooter{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding-top:10px;
  border-top:1px solid #edf1f6;
  color:#8a94a3;
  font-size:9px;
}

.v18FeedFutureActions{
  text-align:right;
}

.v18FeedEmpty{
  max-width:760px;
  margin:0 auto;
  padding:48px 20px;
  border:1px dashed #cad9ea;
  border-radius:16px;
  background:#fbfdff;
  text-align:center;
}

.v18FeedEmpty[hidden]{
  display:none !important;
}

.v18FeedEmptyIcon{
  margin-bottom:8px;
  font-size:31px;
}

.v18FeedEmpty h3{
  margin:0 0 6px;
}

.v18FeedEmpty p{
  max-width:440px;
  margin:0 auto 16px;
  color:#69768a;
}

.v18DirectorySearch[hidden]{
  display:none !important;
}

@media(max-width:650px){

  .v18FeedComposerFooter{
    align-items:stretch;
    flex-direction:column;
  }

  .v18FeedComposerMeta{
    justify-content:space-between;
  }

  .v18FeedComposerActions{
    justify-content:space-between;
  }

  .v18FeedCardMeta{
    align-items:flex-end;
    flex-direction:column;
  }

  .v18FeedCardFooter{
    align-items:flex-start;
    flex-direction:column;
  }

  .v18FeedFutureActions{
    text-align:left;
  }

}
/* =========================================================
   V18-C4-A-R2
   OMC SOCIAL - SIDEBAR CANDIDATOS
   ========================================================= */

.v18Directory.v18FeedMode{
  display:grid;

  grid-template-columns:
    270px
    minmax(0,760px);

  column-gap:24px;

  align-items:start;
  justify-content:center;
}

.v18Directory.v18FeedMode
> .v18DirectoryToolbar,

.v18Directory.v18FeedMode
> .v18SocialTabs{
  grid-column:1 / -1;
}

.v18Directory.v18FeedMode
> .v18FeedSuggestions{
  grid-column:1;
  grid-row:auto;
}

.v18Directory.v18FeedMode
> .v18FeedPanel{
  grid-column:2;

  width:100%;
  max-width:none;
}

.v18FeedSuggestions{
  position:sticky;
  top:18px;

  width:100%;
}

.v18FeedSuggestions[hidden]{
  display:none !important;
}

.v18FeedSuggestionsHead{
  margin-bottom:13px;
}

.v18FeedSuggestionsHead h2{
  margin:2px 0 6px;

  color:#172b4c;

  font-size:18px;
  line-height:1.15;
}

.v18FeedSuggestionsHead p{
  margin:0;

  color:#69778b;

  font-size:11px;
  line-height:1.45;
}

.v18FeedSuggestionsList{
  display:flex;
  flex-direction:column;

  gap:9px;
}

.v18SuggestionCard{
  padding:12px;

  border:1px solid #dce5ef;
  border-radius:13px;

  background:#fff;

  box-shadow:
    0 5px 18px
    rgba(20,55,105,.04);
}

.v18SuggestionIdentity{
  display:flex;
  align-items:center;

  gap:9px;

  min-width:0;

  color:inherit;
  text-decoration:none;
}

.v18SuggestionAvatar{
  width:38px;
  height:38px;

  flex:0 0 38px;

  display:grid;
  place-items:center;

  overflow:hidden;

  border-radius:50%;

  background:
    linear-gradient(
      145deg,
      #edf4ff,
      #dce9ff
    );

  border:1px solid #d4e0f1;

  color:#174994;

  font-size:12px;
  font-weight:900;
}

.v18SuggestionAvatar img{
  width:100%;
  height:100%;

  object-fit:cover;
}

.v18SuggestionText{
  display:flex;
  flex-direction:column;

  min-width:0;
}

.v18SuggestionText b{
  overflow:hidden;

  color:#172b4c;

  font-size:12px;
  font-weight:850;

  text-overflow:ellipsis;
  white-space:nowrap;
}

.v18SuggestionText small{
  margin-top:1px;

  overflow:hidden;

  color:#3766a7;

  font-size:9px;

  text-overflow:ellipsis;
  white-space:nowrap;
}

.v18SuggestionText em{
  margin-top:4px;

  overflow:hidden;

  color:#8993a0;

  font-size:8px;
  font-style:normal;

  text-overflow:ellipsis;
  white-space:nowrap;
}

.v18SuggestionOpen{
  display:block;

  margin-top:10px;
  padding-top:8px;

  border-top:1px solid #edf1f6;

  color:#174994;

  font-size:10px;
  font-weight:850;

  text-align:center;
  text-decoration:none;
}

.v18SuggestionOpen:hover{
  text-decoration:underline;
}

.v18FeedSuggestionsMore{
  display:block;

  margin-top:11px;

  color:#174994;

  font-size:10px;
  font-weight:850;

  text-align:center;
  text-decoration:none;
}

.v18FeedSuggestionsMore:hover{
  text-decoration:underline;
}

.v18SuggestionEmpty{
  padding:12px;

  border:1px dashed #d3dfed;
  border-radius:11px;

  color:#758195;

  font-size:10px;
  text-align:center;
}

.v18Directory.v18FeedMode
.v18FeedComposer,

.v18Directory.v18FeedMode
.v18FeedHeader,

.v18Directory.v18FeedMode
.v18FeedList,

.v18Directory.v18FeedMode
.v18FeedEmpty{
  max-width:none;

  margin-left:0;
  margin-right:0;
}

@media(max-width:980px){

  .v18Directory.v18FeedMode{
    display:block;
  }

  .v18FeedSuggestions{
    position:static;

    max-width:760px;

    margin:
      0
      auto
      20px;
  }

  .v18FeedSuggestionsList{
    display:grid;

    grid-template-columns:
      repeat(
        2,
        minmax(0,1fr)
      );
  }

  .v18Directory.v18FeedMode
  > .v18FeedPanel{
    max-width:760px;

    margin:
      0
      auto;
  }

}

@media(max-width:580px){

  .v18FeedSuggestionsList{
    grid-template-columns:1fr;
  }

}
/* =========================================================
   V18-C4-A-R3
   OMC SOCIAL - LIMPEZA DO LAYOUT DO FEED
   ========================================================= */

/*
   No modo Feed, estes elementos pertencem somente
   às abas Descobrir / Seguidores / Seguindo / Conexões.
*/

.v18Directory.v18FeedMode
> .v18DirectoryContext,

.v18Directory.v18FeedMode
> #v18DirectoryMessage,

.v18Directory.v18FeedMode
> #v18PeopleGrid,

.v18Directory.v18FeedMode
> #v18DirectoryEmpty{
  display:none !important;
}

/*
   A lateral e o Feed começam na mesma linha.
*/

.v18Directory.v18FeedMode
> .v18FeedSuggestions{
  grid-column:1;
  grid-row:3;
}

.v18Directory.v18FeedMode
> .v18FeedPanel{
  grid-column:2;
  grid-row:3;
}

/*
   Melhor aproveitamento horizontal no desktop.
*/

@media(min-width:1100px){

  .v18Directory.v18FeedMode{
    grid-template-columns:
      280px
      minmax(0,820px);

    column-gap:26px;
  }

}

/*
   Tablet/mobile voltam para uma coluna.
*/

@media(max-width:980px){

  .v18Directory.v18FeedMode
  > .v18FeedSuggestions,

  .v18Directory.v18FeedMode
  > .v18FeedPanel{
    grid-row:auto;
  }

}
/* =========================================================
   V18-C4-B
   OMC SOCIAL - CURTIDAS E COMENTARIOS
   ========================================================= */

.v18FeedFutureActions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:6px;
}

.v18EngageButton{
  display:inline-flex;
  align-items:center;
  gap:5px;

  padding:6px 9px;

  border:1px solid transparent;
  border-radius:999px;

  background:transparent;

  color:#637086;

  font:inherit;
  font-size:10px;
  font-weight:800;

  cursor:pointer;

  transition:
    background .15s ease,
    border-color .15s ease,
    color .15s ease;
}

.v18EngageButton:hover{
  border-color:#d6e2f1;
  background:#f6f9fd;
  color:#174994;
}

.v18EngageButton.active{
  border-color:#cbdcf5;
  background:#eaf2ff;
  color:#174994;
}

.v18LikeButton.active{
  color:#b72f4c;
}

.v18LikeButton:disabled{
  opacity:.55;
  cursor:wait;
}

.v18LikeCount,
.v18CommentCount{
  min-width:13px;

  font-size:9px;
  text-align:center;
}

.v18CommentsPanel{
  margin-top:12px;
  padding-top:12px;

  border-top:1px solid #e8eef5;
}

.v18CommentsPanel[hidden]{
  display:none !important;
}

.v18CommentsList{
  display:flex;
  flex-direction:column;

  gap:9px;

  margin-bottom:12px;
}

.v18CommentsLoading,
.v18CommentsEmpty{
  padding:13px;

  border-radius:10px;

  background:#f8fafd;

  color:#748095;

  font-size:10px;
  text-align:center;
}

.v18CommentItem{
  display:flex;
  align-items:flex-start;

  gap:9px;
}

.v18CommentAvatar{
  width:32px;
  height:32px;

  flex:0 0 32px;

  display:grid;
  place-items:center;

  overflow:hidden;

  border:1px solid #d6e1ef;
  border-radius:50%;

  background:
    linear-gradient(
      145deg,
      #edf4ff,
      #dce9ff
    );

  color:#174994;

  font-size:9px;
  font-weight:900;
}

.v18CommentAvatar img{
  width:100%;
  height:100%;

  object-fit:cover;
}

.v18CommentBody{
  flex:1;
  min-width:0;

  padding:9px 11px;

  border-radius:11px;

  background:#f7f9fc;
}

.v18CommentHead{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;

  gap:10px;
}

.v18CommentHead > div{
  display:flex;
  flex-direction:column;
}

.v18CommentHead b{
  color:#203653;

  font-size:10px;
}

.v18CommentHead small{
  margin-top:1px;

  color:#8490a0;

  font-size:8px;
}

.v18CommentBody p{
  margin:6px 0 0;

  color:#3d4d63;

  font-size:11px;
  line-height:1.45;

  white-space:pre-wrap;
  overflow-wrap:anywhere;
}

.v18CommentDelete{
  padding:0;

  border:0;

  background:transparent;

  color:#9a5360;

  font-size:8px;
  font-weight:800;

  cursor:pointer;
}

.v18CommentDelete:hover{
  text-decoration:underline;
}

.v18CommentComposer{
  padding:10px;

  border:1px solid #dce5ef;
  border-radius:12px;

  background:#fbfcfe;
}

.v18CommentInput{
  width:100%;
  min-height:57px;

  resize:vertical;

  padding:9px 10px;

  border:1px solid #d7e2ef;
  border-radius:9px;

  background:#fff;

  color:#293a51;

  font:inherit;
  font-size:11px;
  line-height:1.4;
}

.v18CommentInput:focus{
  outline:none;

  border-color:#82a9df;

  box-shadow:
    0 0 0 3px
    rgba(35,102,196,.07);
}

.v18CommentComposerFooter{
  display:flex;
  align-items:center;
  justify-content:flex-end;

  gap:10px;

  margin-top:7px;
}

.v18CommentCounter{
  color:#8a94a4;

  font-size:8px;
}

.v18CommentSend{
  min-height:31px;
  padding:6px 11px;

  font-size:10px;
}

.v18CommentMessage{
  min-height:0;

  margin-top:6px;

  color:#617086;

  font-size:9px;
}

@media(max-width:600px){

  .v18FeedFutureActions{
    width:100%;

    justify-content:flex-start;
  }

  .v18EngageButton{
    flex:1;

    justify-content:center;
  }

  .v18CommentHead{
    gap:5px;
  }

  .v18CommentComposerFooter{
    justify-content:space-between;
  }

}
/* =========================================================
   V18-C4-C
   OMC SOCIAL - MENU / COMPARTILHAR / DENUNCIAR
   ========================================================= */

.v18PostMenuWrap{
  position:relative;

  display:inline-flex;
  align-items:center;
}

.v18PostMenuButton{
  width:28px;
  height:28px;

  display:grid;
  place-items:center;

  padding:0;

  border:1px solid transparent;
  border-radius:50%;

  background:transparent;

  color:#637086;

  font-size:18px;
  font-weight:900;
  line-height:1;

  cursor:pointer;
}

.v18PostMenuButton:hover{
  border-color:#d9e3ef;
  background:#f5f8fc;
  color:#174994;
}

.v18PostMenu{
  position:absolute;

  top:34px;
  right:0;

  z-index:40;

  min-width:165px;

  display:none;

  overflow:hidden;

  padding:5px;

  border:1px solid #d8e2ee;
  border-radius:11px;

  background:#fff;

  box-shadow:
    0 12px 34px
    rgba(17,45,86,.15);
}

.v18PostMenu.open{
  display:block;
}

.v18PostMenu button{
  width:100%;

  display:block;

  padding:9px 10px;

  border:0;
  border-radius:7px;

  background:transparent;

  color:#33445b;

  font:inherit;
  font-size:10px;
  font-weight:750;

  text-align:left;

  cursor:pointer;
}

.v18PostMenu button:hover{
  background:#f3f7fc;
}

.v18PostMenu button.danger{
  color:#984553;
}

.v18SharedFocus{
  border-color:#7ea8e3 !important;

  box-shadow:
    0 0 0 3px rgba(39,101,192,.08),
    0 8px 28px rgba(20,55,105,.07) !important;
}

.v18SocialToast{
  position:fixed;

  right:22px;
  bottom:22px;

  z-index:200;

  max-width:340px;

  padding:11px 14px;

  border:1px solid #d5e1ef;
  border-radius:11px;

  background:#fff;

  color:#31445e;

  box-shadow:
    0 12px 34px
    rgba(20,45,80,.18);

  font-size:11px;
  font-weight:750;

  opacity:0;
  pointer-events:none;

  transform:
    translateY(8px);

  transition:
    opacity .16s ease,
    transform .16s ease;
}

.v18SocialToast.show{
  opacity:1;

  transform:
    translateY(0);
}

.v18SocialToast.ok{
  border-color:#c8e5d5;
  color:#276c46;
}

.v18SocialToast.err{
  border-color:#efcbd1;
  color:#9d4050;
}

.v18ModalOpen{
  overflow:hidden;
}

.v18ReportModal{
  position:fixed;
  inset:0;

  z-index:180;
}

.v18ReportModal[hidden]{
  display:none !important;
}

.v18ReportBackdrop{
  position:absolute;
  inset:0;

  background:
    rgba(12,30,55,.48);

  backdrop-filter:
    blur(2px);
}

.v18ReportDialog{
  position:absolute;

  top:50%;
  left:50%;

  width:min(
    460px,
    calc(100% - 32px)
  );

  transform:
    translate(-50%,-50%);

  padding:19px;

  border:1px solid #d8e2ef;
  border-radius:16px;

  background:#fff;

  box-shadow:
    0 24px 70px
    rgba(10,30,60,.25);
}

.v18ReportHead{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;

  gap:15px;
}

.v18ReportHead h3{
  margin:2px 0 0;

  color:#172b4c;
}

.v18ReportClose{
  width:30px;
  height:30px;

  display:grid;
  place-items:center;

  border:0;
  border-radius:50%;

  background:#f3f6fa;

  color:#637086;

  font-size:19px;

  cursor:pointer;
}

.v18ReportIntro{
  margin:12px 0 15px;

  color:#69768a;

  font-size:11px;
  line-height:1.45;
}

.v18ReportLabel{
  display:block;

  margin:11px 0 5px;

  color:#45566d;

  font-size:10px;
  font-weight:850;
}

.v18ReportLabel small{
  color:#8994a3;
  font-weight:600;
}

#v18ReportReason,
#v18ReportDetails{
  width:100%;

  border:1px solid #d6e1ee;
  border-radius:9px;

  background:#fff;

  color:#2d4058;

  font:inherit;
}

#v18ReportReason{
  min-height:39px;

  padding:0 10px;
}

#v18ReportDetails{
  min-height:92px;

  resize:vertical;

  padding:10px;

  line-height:1.45;
}

#v18ReportReason:focus,
#v18ReportDetails:focus{
  outline:none;

  border-color:#80a7df;

  box-shadow:
    0 0 0 3px
    rgba(34,101,194,.07);
}

.v18ReportFooter{
  display:flex;
  justify-content:flex-end;

  gap:8px;

  margin-top:15px;
}

.v18ReportMessage{
  margin-top:8px;

  color:#9b4250;

  font-size:9px;
}

@media(max-width:600px){

  .v18PostMenu{
    right:-4px;
  }

  .v18SocialToast{
    right:12px;
    bottom:12px;
    left:12px;

    max-width:none;
  }

  .v18ReportDialog{
    padding:16px;
  }

}
/* =========================================================
   V18-C5-A
   OMC SOCIAL - COMUNIDADES
   ========================================================= */

.v18CommunitiesPanel{
  width:100%;
}

.v18CommunitiesPanel[hidden]{
  display:none !important;
}

.v18CommunitiesHeader{
  margin-bottom:16px;
}

.v18CommunitiesHeader h2{
  margin:2px 0 5px;

  color:#172b4c;
}

.v18CommunitiesHeader p{
  margin:0;

  color:#6d7889;
}

.v18CommunitiesToolbar{
  display:flex;
  align-items:center;
  justify-content:space-between;

  gap:14px;

  margin-bottom:14px;
}

.v18CommunitiesSearch{
  display:flex;

  flex:1;

  max-width:480px;

  gap:8px;
}

.v18CommunitiesSearch input{
  flex:1;

  min-width:0;

  padding:10px 12px;

  border:1px solid #d6e1ee;
  border-radius:10px;

  font:inherit;
}

.v18CommunityFilters{
  display:flex;
  flex-wrap:wrap;

  gap:6px;
}

.v18CommunityFilters button{
  padding:7px 10px;

  border:1px solid #d8e3ef;
  border-radius:999px;

  background:#fff;

  color:#526176;

  font-size:10px;
  font-weight:800;

  cursor:pointer;
}

.v18CommunityFilters button.active{
  border-color:#bdd3f2;

  background:#eaf2ff;

  color:#174994;
}

.v18CommunitiesMessage{
  margin-bottom:11px;

  color:#6580a4;

  font-size:10px;
}

.v18CommunitiesGrid{
  display:grid;

  grid-template-columns:
    repeat(
      2,
      minmax(0,1fr)
    );

  gap:12px;
}

.v18CommunityCard{
  display:flex;
  flex-direction:column;
  justify-content:space-between;

  min-height:205px;

  padding:15px;

  border:1px solid #dce5ef;
  border-radius:15px;

  background:#fff;

  box-shadow:
    0 6px 20px
    rgba(20,55,105,.04);
}

.v18CommunityCardMain{
  display:flex;

  gap:12px;

  color:inherit;
  text-decoration:none;
}

.v18CommunityIcon{
  width:48px;
  height:48px;

  flex:0 0 48px;

  display:grid;
  place-items:center;

  border-radius:13px;

  background:
    linear-gradient(
      145deg,
      #eaf2ff,
      #d7e7ff
    );

  color:#174994;

  font-size:13px;
  font-weight:900;
}

.v18CommunityCardContent{
  min-width:0;
}

.v18CommunityCategory{
  display:inline-block;

  color:#1b58a8;

  font-size:8px;
  font-weight:900;
  letter-spacing:.05em;
}

.v18CommunityCard h3{
  margin:4px 0 5px;

  color:#192d4c;

  font-size:14px;
}

.v18CommunityCard p{
  margin:0 0 9px;

  color:#637086;

  font-size:10px;
  line-height:1.45;
}

.v18CommunityCard small{
  color:#8893a3;

  font-size:9px;
}

.v18CommunityCardActions{
  display:flex;
  align-items:center;
  justify-content:space-between;

  gap:8px;

  margin-top:14px;
  padding-top:10px;

  border-top:1px solid #edf1f6;
}

.v18CommunityOpen{
  color:#174994;

  font-size:10px;
  font-weight:850;

  text-decoration:none;
}

.v18CommunitiesEmpty{
  margin-top:10px;
  padding:44px 20px;

  border:1px dashed #cad8e8;
  border-radius:14px;

  text-align:center;
}

.v18CommunitiesEmpty[hidden]{
  display:none !important;
}

.v18CommunityDetailShell{
  width:min(900px,calc(100% - 32px));

  margin:35px auto;
}

.v18CommunityBack{
  display:inline-block;

  margin-bottom:14px;

  color:#174994;

  font-size:11px;
  font-weight:850;

  text-decoration:none;
}

.v18CommunityDetail{
  overflow:hidden;

  border:1px solid #dce5ef;
  border-radius:18px;

  background:#fff;

  box-shadow:
    0 10px 35px
    rgba(20,55,105,.06);
}

.v18CommunityDetailCover{
  height:170px;

  display:flex;
  align-items:flex-end;

  padding:22px;

  background:
    linear-gradient(
      120deg,
      #07399e,
      #2373d6
    );
}

.v18CommunityDetailCover span{
  width:74px;
  height:74px;

  display:grid;
  place-items:center;

  border:5px solid #fff;
  border-radius:18px;

  background:#eef5ff;

  color:#174994;

  font-size:19px;
  font-weight:900;

  box-shadow:
    0 8px 24px
    rgba(0,0,0,.12);
}

.v18CommunityDetailBody{
  padding:23px;
}

.v18CommunityDetailBody h1{
  margin:5px 0;

  color:#172b4c;
}

.v18CommunityReference{
  margin:0 0 13px;

  color:#2761ad;

  font-size:11px;
  font-weight:800;
}

.v18CommunityDescription{
  max-width:680px;

  color:#5c6b7f;

  line-height:1.55;
}

.v18CommunityDetailStats{
  margin:18px 0;

  color:#66758a;
}

.v18CommunityDetailStats b{
  color:#172b4c;
}

.v18CommunityDetailMessage{
  margin-top:9px;

  color:#6680a4;

  font-size:10px;
}

.v18CommunityComingSoon{
  margin-top:17px;
  padding:20px;

  border:1px dashed #cbd9e9;
  border-radius:14px;

  background:#fbfdff;
}

.v18CommunityComingSoon h2{
  margin:4px 0;
}

.v18CommunityComingSoon p{
  margin:0;

  color:#69768a;
}

@media(max-width:760px){

  .v18CommunitiesToolbar{
    align-items:stretch;
    flex-direction:column;
  }

  .v18CommunitiesSearch{
    max-width:none;
  }

  .v18CommunitiesGrid{
    grid-template-columns:1fr;
  }

  .v18CommunityFilters{
    overflow-x:auto;

    flex-wrap:nowrap;
  }

  .v18CommunityFilters button{
    flex:0 0 auto;
  }

}
/* =========================================================
   V18-C5-A-R1
   OMC SOCIAL - LIMPEZA DO MODO COMUNIDADES
   ========================================================= */

/*
   Enquanto a aba Comunidades estiver ativa,
   componentes pertencentes ao diretório de candidatos
   ou ao Feed não participam do layout.
*/

.v18Directory.v18CommunitiesMode
> .v18DirectoryContext,

.v18Directory.v18CommunitiesMode
> #v18DirectoryMessage,

.v18Directory.v18CommunitiesMode
> #v18PeopleGrid,

.v18Directory.v18CommunitiesMode
> #v18DirectoryEmpty,

.v18Directory.v18CommunitiesMode
> .v18DirectorySearch,

.v18Directory.v18CommunitiesMode
> .v18FeedSuggestions,

.v18Directory.v18CommunitiesMode
> .v18FeedPanel{
  display:none !important;
}

/*
   A Central de Comunidades ocupa a área principal.
*/

.v18Directory.v18CommunitiesMode
> .v18CommunitiesPanel{
  display:block;
  width:100%;
}

/*
   Impede que regras anteriores do modo Feed
   transformem a aba Comunidades em duas colunas.
*/

.v18Directory.v18CommunitiesMode{
  display:block;
}

.v18Directory.v18CommunitiesMode
> .v18DirectoryToolbar,

.v18Directory.v18CommunitiesMode
> .v18SocialTabs{
  width:100%;
}

/* =========================================================
   V18-C5-B
   OMC SOCIAL - MURAL DA COMUNIDADE
   ========================================================= */

.v18CommunitySocialLayout{
  display:grid;

  grid-template-columns:
    minmax(0,1fr)
    250px;

  gap:18px;

  align-items:start;

  margin-top:18px;
}

.v18CommunityWallColumn{
  min-width:0;
}

.v18CommunityComposer{
  padding:17px;

  border:1px solid #dce5ef;
  border-radius:15px;

  background:#fff;

  box-shadow:
    0 6px 22px
    rgba(20,55,105,.045);
}

.v18CommunityComposer[hidden]{
  display:none !important;
}

.v18CommunityComposerHead{
  display:flex;
  align-items:center;

  gap:10px;

  margin-bottom:12px;
}

.v18CommunityComposerHead p{
  margin:2px 0 0;

  color:#748094;

  font-size:10px;
}

.v18CommunityComposerAvatar{
  width:42px;
  height:42px;

  flex:0 0 42px;

  display:grid;
  place-items:center;

  border:1px solid #d5e1ef;
  border-radius:50%;

  background:
    linear-gradient(
      145deg,
      #edf4ff,
      #dce9ff
    );

  color:#174994;

  font-weight:900;
}

#v18CommunityPostText{
  width:100%;
  min-height:94px;

  resize:vertical;

  padding:11px 12px;

  border:1px solid #d7e2ef;
  border-radius:10px;

  background:#fff;

  color:#2b3d55;

  font:inherit;
  line-height:1.5;
}

#v18CommunityPostText:focus{
  outline:none;

  border-color:#7da6df;

  box-shadow:
    0 0 0 3px
    rgba(35,102,196,.07);
}

.v18CommunityComposerFooter{
  display:flex;
  align-items:center;
  justify-content:flex-end;

  gap:10px;

  margin-top:9px;
}

#v18CommunityPostCounter{
  color:#8a95a4;

  font-size:9px;
}

.v18CommunityComposerMessage{
  margin-top:7px;

  color:#66768a;

  font-size:9px;
}

.v18CommunityComposerMessage.ok{
  color:#2b724b;
}

.v18CommunityComposerMessage.err{
  color:#9e4251;
}

.v18CommunityMemberGate{
  display:flex;
  align-items:center;

  gap:12px;

  padding:16px;

  border:1px solid #d8e4f1;
  border-radius:14px;

  background:#f8fbff;
}

.v18CommunityMemberGate[hidden]{
  display:none !important;
}

.v18CommunityGateIcon{
  font-size:25px;
}

.v18CommunityMemberGate b{
  color:#203653;
}

.v18CommunityMemberGate p{
  margin:3px 0 0;

  color:#6f7c8f;

  font-size:10px;
}

.v18CommunityWallHeader{
  margin:
    20px
    0
    12px;
}

.v18CommunityWallHeader h2{
  margin:
    3px
    0
    4px;

  color:#172b4c;
}

.v18CommunityWallHeader p{
  margin:0;

  color:#6d798b;
}

.v18CommunityWallMessage{
  margin-bottom:9px;

  color:#6881a3;

  font-size:9px;
}

.v18CommunityWallList{
  display:flex;
  flex-direction:column;

  gap:11px;
}

.v18CommunityPost{
  padding:15px;

  border:1px solid #dce5ef;
  border-radius:15px;

  background:#fff;

  box-shadow:
    0 5px 20px
    rgba(20,55,105,.04);
}

.v18CommunityPostHead{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;

  gap:10px;
}

.v18CommunityPostAuthor{
  display:flex;
  align-items:center;

  gap:9px;

  min-width:0;

  color:inherit;
  text-decoration:none;
}

.v18CommunityPostAuthor > span:last-child{
  display:flex;
  flex-direction:column;

  min-width:0;
}

.v18CommunityPostAuthor b{
  display:flex;
  align-items:center;

  gap:6px;

  color:#203552;

  font-size:11px;
}

.v18CommunityPostAuthor small{
  margin-top:2px;

  color:#8792a1;

  font-size:8px;
}

.v18CommunityPostAvatar{
  width:38px;
  height:38px;

  flex:0 0 38px;

  display:grid;
  place-items:center;

  overflow:hidden;

  border:1px solid #d6e1ee;
  border-radius:50%;

  background:
    linear-gradient(
      145deg,
      #edf4ff,
      #dce9ff
    );

  color:#174994;

  font-size:10px;
  font-weight:900;
}

.v18CommunityPostAvatar img{
  width:100%;
  height:100%;

  object-fit:cover;
}

.v18CommunityPostDelete{
  border:0;

  background:transparent;

  color:#98505d;

  font-size:9px;
  font-weight:800;

  cursor:pointer;
}

.v18CommunityPostDelete:hover{
  text-decoration:underline;
}

.v18CommunityPostContent{
  padding:
    14px
    1px;

  color:#34465e;

  font-size:12px;
  line-height:1.55;

  white-space:pre-wrap;
  overflow-wrap:anywhere;
}

.v18CommunityPostFooter{
  display:flex;
  justify-content:space-between;

  gap:10px;

  padding-top:9px;

  border-top:1px solid #edf1f6;

  color:#8b95a3;

  font-size:8px;
}

.v18CommunityWallEmpty{
  padding:40px 18px;

  border:1px dashed #cad8e8;
  border-radius:14px;

  background:#fbfdff;

  text-align:center;
}

.v18CommunityWallEmpty[hidden]{
  display:none !important;
}

.v18CommunityWallEmpty h3{
  margin:
    7px
    0
    5px;
}

.v18CommunityWallEmpty p{
  margin:0;

  color:#6e7a8d;
}

.v18CommunityMembers{
  position:sticky;

  top:18px;

  padding:14px;

  border:1px solid #dce5ef;
  border-radius:15px;

  background:#fff;

  box-shadow:
    0 5px 20px
    rgba(20,55,105,.04);
}

.v18CommunityMembersHead{
  margin-bottom:11px;
}

.v18CommunityMembersHead h3{
  margin:
    3px
    0
    0;

  color:#172b4c;
}

.v18CommunityMembersList{
  display:flex;
  flex-direction:column;

  gap:7px;
}

.v18CommunityMember{
  display:flex;
  align-items:center;

  gap:8px;

  padding:8px;

  border-radius:10px;

  color:inherit;
  text-decoration:none;
}

.v18CommunityMember:hover{
  background:#f6f9fd;
}

.v18CommunityMemberAvatar{
  width:33px;
  height:33px;

  flex:0 0 33px;

  display:grid;
  place-items:center;

  overflow:hidden;

  border:1px solid #d6e1ee;
  border-radius:50%;

  background:#edf4ff;

  color:#174994;

  font-size:9px;
  font-weight:900;
}

.v18CommunityMemberAvatar img{
  width:100%;
  height:100%;

  object-fit:cover;
}

.v18CommunityMember > span:last-child{
  display:flex;
  flex-direction:column;

  min-width:0;
}

.v18CommunityMember b{
  overflow:hidden;

  color:#273a55;

  font-size:10px;

  text-overflow:ellipsis;
  white-space:nowrap;
}

.v18CommunityMember small{
  overflow:hidden;

  color:#4770a7;

  font-size:8px;

  text-overflow:ellipsis;
  white-space:nowrap;
}

.v18CommunityMember em{
  margin-top:2px;

  color:#9099a6;

  font-size:7px;
  font-style:normal;
}

.v18CommunityMembersMessage{
  margin-top:8px;

  color:#8490a0;

  font-size:8px;
  text-align:center;
}

@media(max-width:760px){

  .v18CommunitySocialLayout{
    grid-template-columns:1fr;
  }

  .v18CommunityMembers{
    position:static;
  }

  .v18CommunityMembersList{
    display:grid;

    grid-template-columns:
      repeat(
        2,
        minmax(0,1fr)
      );
  }

}

@media(max-width:480px){

  .v18CommunityMembersList{
    grid-template-columns:1fr;
  }

  .v18CommunityPostFooter{
    flex-direction:column;
  }

}
/* =========================================================
   V18-C5-B-R1
   OMC SOCIAL - PADRAO TIPOGRAFICO DA PLATAFORMA
   ========================================================= */

/*
   Fonte-base usada visualmente pelo restante da plataforma.
   Inter é priorizada quando disponível.
*/

.v18CommunityPage,
.v18CommunityPage button,
.v18CommunityPage input,
.v18CommunityPage textarea,
.v18CommunityPage select{
  font-family:
    Inter,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    Helvetica,
    Arial,
    sans-serif;
}

.v18CommunityPage{
  color:#24364f;

  font-size:14px;
  line-height:1.5;

  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

/* =========================================================
   CABECALHO DA COMUNIDADE
   ========================================================= */

.v18CommunityDetailBody h1{
  margin:6px 0 2px;

  font-family:inherit;

  font-size:27px;
  font-weight:800;
  line-height:1.15;

  letter-spacing:-.025em;

  color:#172b4c;
}

.v18CommunityCategory{
  font-family:inherit;

  font-size:9px;
  font-weight:800;

  letter-spacing:.055em;
}

.v18CommunityReference{
  font-family:inherit;

  font-size:11px;
  font-weight:700;

  line-height:1.4;
}

.v18CommunityDescription{
  font-family:inherit;

  font-size:13px;
  font-weight:400;
  line-height:1.6;

  color:#5e6d81;
}

.v18CommunityDetailStats{
  font-family:inherit;

  font-size:12px;
}

.v18CommunityDetailStats b{
  font-weight:800;
}

/* =========================================================
   BOTOES
   ========================================================= */

.v18CommunityPage .btn{
  font-family:inherit;

  font-size:12px;
  font-weight:750;

  line-height:1;

  letter-spacing:0;
}

#v18CommunityDetailJoin{
  min-height:38px;

  padding:9px 14px;

  border-radius:9px;

  font-size:11px;
  font-weight:750;
}

.v18CommunityBack{
  font-family:inherit;

  font-size:11px;
  font-weight:750;
}

/* =========================================================
   COMPOSITOR
   ========================================================= */

.v18CommunityComposerHead b{
  font-family:inherit;

  color:#233750;

  font-size:12px;
  font-weight:800;
}

.v18CommunityComposerHead p{
  font-family:inherit;

  font-size:10px;
  font-weight:400;
  line-height:1.45;
}

#v18CommunityPostText{
  font-family:inherit;

  font-size:12px;
  font-weight:400;
  line-height:1.55;
}

#v18CommunityPostText::placeholder{
  color:#8490a1;

  font-family:inherit;
  font-weight:400;
}

#v18CommunityPostPublish{
  font-family:inherit;

  font-size:11px;
  font-weight:750;
}

#v18CommunityPostCounter{
  font-family:inherit;

  font-size:8px;
}

/* =========================================================
   TITULO DO MURAL
   ========================================================= */

.v18CommunityWallHeader h2{
  margin:3px 0 3px;

  font-family:inherit;

  font-size:21px;
  font-weight:800;
  line-height:1.18;

  letter-spacing:-.02em;

  color:#172b4c;
}

.v18CommunityWallHeader p{
  font-family:inherit;

  font-size:11px;
  line-height:1.45;
}

.v18DirectoryKicker{
  font-family:inherit;

  font-size:8px;
  font-weight:850;

  letter-spacing:.065em;
}

/* =========================================================
   PUBLICACOES
   ========================================================= */

.v18CommunityPostAuthor b{
  font-family:inherit;

  font-size:11px;
  font-weight:800;
}

.v18CommunityPostAuthor small{
  font-family:inherit;

  font-size:8px;
  font-weight:400;
}

.v18CommunityPostContent{
  font-family:inherit;

  font-size:12px;
  font-weight:400;
  line-height:1.6;

  color:#34465e;
}

.v18CommunityPostFooter{
  font-family:inherit;

  font-size:8px;
  font-weight:500;
}

.v18CommunityPostDelete{
  font-family:inherit;

  font-size:9px;
  font-weight:750;
}

/* =========================================================
   MEMBROS
   ========================================================= */

.v18CommunityMembersHead h3{
  margin:3px 0 0;

  font-family:inherit;

  font-size:16px;
  font-weight:800;

  color:#172b4c;
}

.v18CommunityMember b{
  font-family:inherit;

  font-size:10px;
  font-weight:750;
}

.v18CommunityMember small{
  font-family:inherit;

  font-size:8px;
  font-weight:500;
}

.v18CommunityMember em{
  font-family:inherit;

  font-size:7px;
  font-weight:400;
}

/* =========================================================
   GATE / AVISOS
   ========================================================= */

.v18CommunityMemberGate b{
  font-family:inherit;

  font-size:12px;
  font-weight:800;
}

.v18CommunityMemberGate p{
  font-family:inherit;

  font-size:10px;
  line-height:1.45;
}

.v18CommunityWallMessage,
.v18CommunityComposerMessage,
.v18CommunityMembersMessage{
  font-family:inherit;
}

/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:600px){

  .v18CommunityDetailBody h1{
    font-size:23px;
  }

  .v18CommunityWallHeader h2{
    font-size:19px;
  }

  .v18CommunityDescription{
    font-size:12px;
  }

  .v18CommunityPostContent{
    font-size:12px;
  }

}
/* =========================================================
   V18-C5-B-R2
   OMC SOCIAL - BOTAO PUBLICAR DO MURAL
   ========================================================= */

#v18CommunityPostPublish{
  min-width:108px;
  min-height:40px;

  display:inline-flex;
  align-items:center;
  justify-content:center;

  padding:0 18px;

  border:1px solid rgba(0,49,137,.18);
  border-radius:10px;

  background:
    linear-gradient(
      135deg,
      #0f52c9 0%,
      #083b9d 100%
    );

  color:#fff;

  font-family:
    Inter,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    Helvetica,
    Arial,
    sans-serif;

  font-size:11px;
  font-weight:800;
  letter-spacing:.01em;

  box-shadow:
    0 6px 15px rgba(13,72,175,.20),
    inset 0 1px 0 rgba(255,255,255,.14);

  cursor:pointer;

  transition:
    transform .16s ease,
    box-shadow .16s ease,
    background .16s ease;
}

#v18CommunityPostPublish:hover:not(:disabled){
  transform:translateY(-1px);

  background:
    linear-gradient(
      135deg,
      #1760df 0%,
      #0a43ae 100%
    );

  box-shadow:
    0 8px 19px rgba(13,72,175,.26),
    inset 0 1px 0 rgba(255,255,255,.16);
}

#v18CommunityPostPublish:active:not(:disabled){
  transform:translateY(0);

  box-shadow:
    0 4px 10px rgba(13,72,175,.18);
}

#v18CommunityPostPublish:focus-visible{
  outline:none;

  box-shadow:
    0 0 0 3px rgba(68,133,231,.20),
    0 6px 15px rgba(13,72,175,.20);
}

#v18CommunityPostPublish:disabled{
  opacity:.62;

  cursor:wait;

  transform:none;

  box-shadow:none;
}

.v18CommunityComposerFooter{
  align-items:center;

  min-height:42px;
}

@media(max-width:480px){

  #v18CommunityPostPublish{
    min-width:100px;
    min-height:39px;

    padding:0 15px;
  }

}
/* =========================================================
   V18-C5-C
   OMC SOCIAL - ENGAJAMENTO NAS COMUNIDADES
   ========================================================= */

.v18CommunityPostFooter{
  align-items:center;
  flex-wrap:wrap;
}

.v18CommunityEngagement{
  display:flex;
  align-items:center;

  gap:5px;

  margin-left:auto;
}

.v18CommunityPostFooter
.v18EngageButton{
  font-family:
    Inter,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    Helvetica,
    Arial,
    sans-serif;
}

.v18CommunityLikeButton.active{
  color:#b72f4c;
}

.v18CommunityLikeButton:disabled{
  opacity:.55;
  cursor:wait;
}

.v18CommunityCommentsPanel{
  margin-top:12px;
}

.v18CommunityCommentInput{
  font-family:
    Inter,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    Helvetica,
    Arial,
    sans-serif;
}

.v18CommunityCommentSend{
  min-width:90px;

  border-radius:9px;

  font-weight:800;
}

@media(max-width:560px){

  .v18CommunityEngagement{
    width:100%;

    margin-left:0;
    margin-top:7px;
  }

  .v18CommunityEngagement
  .v18EngageButton{
    flex:1;

    justify-content:center;
  }

}
/* =========================================================
   V18-C5-D
   OMC SOCIAL - GESTAO E MODERACAO DAS COMUNIDADES
   ========================================================= */

.v18CommunityManageButton{
  min-height:38px;

  margin-left:7px;

  padding:9px 14px;

  border:1px solid #c9d7e8;
  border-radius:9px;

  background:#fff;

  color:#174994;

  font-family:
    Inter,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    Helvetica,
    Arial,
    sans-serif;

  font-size:11px;
  font-weight:800;

  cursor:pointer;
}

.v18CommunityManageButton:hover{
  border-color:#9dbbe2;

  background:#f4f8fd;
}

.v18CommunityAdminPreviewBadge{
  display:inline-flex;
  align-items:center;

  margin-left:8px;

  padding:5px 8px;

  border:1px solid #e4c66b;
  border-radius:999px;

  background:#fff8dc;

  color:#775800;

  font-size:8px;
  font-weight:800;
}

.v18CommunityModerationModal{
  position:fixed;
  inset:0;

  z-index:220;
}

.v18CommunityModerationModal[hidden]{
  display:none !important;
}

.v18CommunityModerationBackdrop{
  position:absolute;
  inset:0;

  background:
    rgba(10,28,53,.52);

  backdrop-filter:
    blur(2px);
}

.v18CommunityModerationDialog{
  position:absolute;

  top:50%;
  left:50%;

  width:min(
    780px,
    calc(100% - 30px)
  );

  max-height:
    min(
      720px,
      calc(100vh - 38px)
    );

  overflow:auto;

  transform:
    translate(-50%,-50%);

  padding:20px;

  border:1px solid #d7e2ee;
  border-radius:17px;

  background:#fff;

  box-shadow:
    0 25px 80px
    rgba(10,30,60,.26);

  font-family:
    Inter,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    Helvetica,
    Arial,
    sans-serif;
}

.v18CommunityModerationHead{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;

  gap:15px;
}

.v18CommunityModerationHead h2{
  margin:3px 0;

  color:#172b4c;

  font-size:21px;
  font-weight:800;
}

.v18CommunityModerationHead p{
  margin:0;

  color:#6a788c;

  font-size:10px;
}

.v18CommunityModerationClose{
  width:32px;
  height:32px;

  display:grid;
  place-items:center;

  border:0;
  border-radius:50%;

  background:#f2f5f9;

  color:#5f6e82;

  font-size:20px;

  cursor:pointer;
}

.v18CommunityModerationTabs{
  display:flex;

  gap:6px;

  margin:
    18px
    0
    13px;

  padding-bottom:12px;

  border-bottom:
    1px solid #e8eef5;
}

.v18CommunityModerationTabs button{
  padding:
    8px
    12px;

  border:
    1px solid transparent;

  border-radius:999px;

  background:transparent;

  color:#58677b;

  font:inherit;
  font-size:10px;
  font-weight:800;

  cursor:pointer;
}

.v18CommunityModerationTabs button:hover{
  background:#f4f7fb;
}

.v18CommunityModerationTabs button.active{
  border-color:#bdd3f2;

  background:#eaf2ff;

  color:#174994;
}

.v18CommunityModerationPane[hidden]{
  display:none !important;
}

.v18CommunityModerationNotice{
  margin-bottom:11px;

  font-size:10px;
}

.v18CommunityModerationNotice.ok{
  color:#267149;
}

.v18CommunityModerationNotice.err{
  color:#9b4150;
}

.v18CommunityModerationNotice.preview{
  padding:9px 11px;

  border:1px solid #cbdff7;
  border-radius:9px;

  background:#f1f7ff;

  color:#35689f;
}

.v18CommunityManagementList{
  display:flex;
  flex-direction:column;

  gap:8px;
}

.v18CommunityManagementRow{
  display:grid;

  grid-template-columns:
    minmax(180px,1fr)
    auto
    minmax(180px,auto);

  align-items:center;

  gap:12px;

  padding:11px;

  border:1px solid #e0e7f0;
  border-radius:11px;

  background:#fff;
}

.v18CommunityManagementIdentity{
  display:flex;
  align-items:center;

  gap:9px;

  min-width:0;
}

.v18CommunityManagementAvatar{
  width:36px;
  height:36px;

  flex:0 0 36px;

  display:grid;
  place-items:center;

  border:1px solid #d6e1ee;
  border-radius:50%;

  background:#edf4ff;

  color:#174994;

  font-size:9px;
  font-weight:900;
}

.v18CommunityManagementIdentity > div:last-child{
  display:flex;
  flex-direction:column;

  min-width:0;
}

.v18CommunityManagementIdentity b{
  color:#273b56;

  font-size:10px;
  font-weight:800;
}

.v18CommunityManagementIdentity small{
  color:#6580a5;

  font-size:8px;
}

.v18CommunityRoleBadge{
  display:inline-flex;

  padding:5px 8px;

  border-radius:999px;

  font-size:8px;
  font-weight:850;
}

.v18CommunityRoleBadge.role-membro{
  border:1px solid #d8e2ed;

  background:#f6f8fb;

  color:#68778a;
}

.v18CommunityRoleBadge.role-moderador{
  border:1px solid #bcd7f2;

  background:#eaf4ff;

  color:#2164a8;
}

.v18CommunityRoleBadge.role-administrador{
  border:1px solid #e7ce77;

  background:#fff8dc;

  color:#725600;
}

.v18CommunityManagementActions{
  display:flex;
  justify-content:flex-end;
  flex-wrap:wrap;

  gap:5px;
}

.v18CommunityManagementActions button{
  padding:7px 9px;

  border:1px solid #d3deeb;
  border-radius:8px;

  background:#fff;

  color:#385879;

  font:inherit;
  font-size:8px;
  font-weight:800;

  cursor:pointer;
}

.v18CommunityManagementActions button:hover{
  background:#f4f8fd;
}

.v18CommunityManagementActions button.danger{
  border-color:#e8c5cb;

  color:#a04655;
}

.v18CommunityManagementPost{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;

  gap:14px;

  padding:12px;

  border:1px solid #e0e7f0;
  border-radius:11px;
}

.v18CommunityManagementPost > div{
  min-width:0;
}

.v18CommunityManagementPost b{
  display:block;

  color:#263a54;

  font-size:10px;
}

.v18CommunityManagementPost small{
  color:#718096;

  font-size:8px;
}

.v18CommunityManagementPost p{
  margin:
    7px
    0
    0;

  color:#4f6076;

  font-size:10px;
  line-height:1.5;
}

.v18CommunityModerationDelete{
  flex:0 0 auto;

  padding:7px 9px;

  border:1px solid #e8c5cb;
  border-radius:8px;

  background:#fff;

  color:#a04655;

  font:inherit;
  font-size:8px;
  font-weight:800;

  cursor:pointer;
}

.v18CommunityLogRow{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;

  gap:12px;

  padding:
    10px
    12px;

  border-bottom:
    1px solid #edf1f6;
}

.v18CommunityLogRow b{
  color:#30445e;

  font-size:10px;
}

.v18CommunityLogRow p{
  margin:
    3px
    0
    0;

  color:#6c798c;

  font-size:9px;
}

.v18CommunityLogRow time{
  flex:0 0 auto;

  color:#939daa;

  font-size:8px;
}

.v18CommunityManagementLoading,
.v18CommunityManagementEmpty{
  padding:24px;

  border:1px dashed #cedaea;
  border-radius:11px;

  color:#778497;

  font-size:10px;
  text-align:center;
}

@media(max-width:680px){

  .v18CommunityManagementRow{
    grid-template-columns:
      1fr;
  }

  .v18CommunityManagementActions{
    justify-content:flex-start;
  }

  .v18CommunityManagementPost{
    flex-direction:column;
  }

  .v18CommunityModerationDelete{
    width:100%;
  }

  .v18CommunityModerationTabs{
    overflow-x:auto;
  }

}