/* Comunidade no mesmo tom visual da Home. */
#community .comm-clean{
  background:#F0F4FF;
  padding-bottom:120px;
}

#community .comm-header,
#community .comm-composer,
#community .comm-tabs,
#community .comm-safety-note,
#community .comm-feed{
  width:min(680px,calc(100% - 24px));
}

#community .comm-header{
  position:static;
  z-index:auto;
  padding:2px 6px 12px;
  background:transparent!important;
  backdrop-filter:none;
}

#community .comm-eyebrow{
  color:#547096;
  letter-spacing:.9px;
}

#community .comm-title{
  color:#102A4C;
  font-size:22px;
}

#community .comm-new-btn{
  width:42px;
  height:42px;
  border-radius:14px;
  background:linear-gradient(145deg,#0A3D91,#2D77DD);
  box-shadow:0 7px 16px rgba(29,95,208,.24);
}

#community .comm-composer{
  margin:0 auto 12px;
  padding:14px;
  border:1px solid rgba(29,95,208,.11);
  border-radius:22px;
  background:linear-gradient(135deg,rgba(255,255,255,.99),rgba(246,249,255,.98));
  box-shadow:0 8px 24px rgba(19,65,130,.08);
}

#community .comm-composer-avatar{
  width:44px;
  height:44px;
  border:2px solid #fff;
  box-shadow:0 0 0 2px #D4E2FA,0 5px 12px rgba(29,95,208,.16);
}

#community .comm-composer-prompt{
  min-height:44px;
  border-color:#DDE6F3;
  background:#F7FAFF;
  color:#60738B;
}

#community .comm-composer-prompt:active{
  background:#EEF4FF;
  transform:scale(.99);
}

#community .comm-composer-actions{
  gap:7px;
  border-top-color:#E9EEF6;
}

#community .comm-composer-actions button{
  min-height:38px;
  border:1px solid #E1E9F4;
  border-radius:12px;
  background:#fff;
  color:#3E5675;
}

#community .comm-composer-actions button:active{
  background:#EAF2FF;
}

#community .comm-tabs{
  gap:5px;
  margin:0 auto 12px;
  padding:5px;
  border:1px solid rgba(29,95,208,.1);
  border-radius:16px;
  background:rgba(255,255,255,.92);
  box-shadow:0 4px 14px rgba(19,65,130,.05);
}

#community .comm-tab{
  min-height:40px;
  padding:10px 8px;
  border-radius:12px;
  color:#65758B;
}

#community .comm-tab.active{
  background:#E8F0FE;
  color:#0A3D91;
  box-shadow:inset 0 0 0 1px rgba(29,95,208,.1);
}

#community .comm-tab.active::after{
  display:none;
}

#community .comm-safety-note{
  align-items:center;
  margin:0 auto 13px;
  padding:11px 14px;
  border:1px solid #D9E6F8;
  border-radius:15px;
  background:#EEF5FF;
  color:#506884;
}

#community .comm-feed{
  gap:14px;
  margin:0 auto;
  padding:0;
}

#community .comm-post{
  border:1px solid rgba(29,95,208,.1);
  border-radius:22px;
  background:#fff;
  box-shadow:0 8px 24px rgba(19,65,130,.075);
}

#community .comm-post-header{
  padding:15px 16px 12px;
}

#community .comm-post-avatar{
  width:44px;
  height:44px;
  box-shadow:0 0 0 2px #D8E5F8;
}
#community .comm-post-avatar,
.comm-comment-avatar{
  overflow:hidden;
}
#community .comm-post-avatar img,
.comm-comment-avatar img{
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:inherit;
}

#community .comm-post-name{
  color:#102A4C;
  font-size:14px;
}

#community .comm-post-time{
  color:#7A8AA0;
}

#community .comm-post-media{
  width:calc(100% - 28px);
  margin:0 14px;
  border-radius:17px;
  background:#E9EFF7;
}

#community .comm-post-content{
  padding:13px 16px 5px;
  color:#344B68;
  font-size:14px;
  line-height:1.65;
}

#community .comm-post-content strong{
  color:#102A4C;
}

#community .comm-post-tags{
  padding:4px 16px 8px;
}

#community .comm-post-tag{
  padding:4px 9px;
  border-radius:999px;
  background:#EEF5FF;
}

#community .comm-post-actions{
  margin:3px 14px 0;
  padding:10px 2px 13px;
  border-top:1px solid #EDF1F7;
}

#community .comm-post-action{
  min-height:38px;
  padding:5px 9px;
  border-radius:11px;
  color:#435A76;
}

#community .comm-post-action:active{
  background:#EEF4FF;
}

#community .comm-action-icon{
  font-size:22px;
}

#community .comm-empty,
#community .comm-loading{
  border:1px solid rgba(29,95,208,.1);
  border-radius:22px;
  background:#fff;
  box-shadow:0 8px 24px rgba(19,65,130,.06);
}

#community .comm-loading{
  padding:34px 20px;
}

@media(max-width:520px){
  #community .comm-header,
  #community .comm-composer,
  #community .comm-tabs,
  #community .comm-safety-note,
  #community .comm-feed{
    width:calc(100% - 24px);
  }

  #community .comm-composer-actions button{
    padding:8px 2px;
    font-size:11px;
  }
}

/* Leitura diaria em formato de story, sem bolhas decorativas. */
.comm-daily-story{padding:0 14px 14px}
.comm-daily-story-card{display:flex;flex-direction:column;align-items:flex-start;width:100%;min-height:145px;padding:18px 20px;border:0;border-radius:16px;background:linear-gradient(125deg,#0b397d,#215aab);color:#fff;text-align:left;box-shadow:0 8px 20px rgba(11,57,125,.15);cursor:pointer}
.comm-daily-story-label{font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#c9dcff}
.comm-daily-story-card strong{margin-top:8px;font-size:22px;line-height:1.1}
.comm-daily-story-title{margin-top:5px;font-size:13px;color:#e6efff}
.comm-daily-story-open{margin-top:auto;padding-top:12px;font-size:11px;font-weight:750}
.comm-daily-story-modal[hidden]{display:none!important}
.comm-daily-story-modal{position:fixed;inset:0;z-index:1600;display:grid;place-items:center;padding:12px;background:rgba(3,14,31,.88)}
.comm-daily-story-panel{display:flex;flex-direction:column;width:min(100%,430px);height:min(780px,calc(100dvh - 24px));overflow:hidden;border-radius:18px;background:linear-gradient(155deg,#0b397d,#1d5fd0 65%,#164689);color:#fff}
.comm-daily-story-progress{height:3px;margin:10px 12px 0;border-radius:3px;background:rgba(255,255,255,.3)}
.comm-daily-story-progress span{display:block;width:100%;height:100%;border-radius:inherit;background:#fff}
.comm-daily-story-top{display:flex;align-items:center;justify-content:space-between;padding:14px 17px;font-size:12px;font-weight:750}
.comm-daily-story-top button{min-width:44px;min-height:44px;border:0;background:transparent;color:#fff;font-size:20px;cursor:pointer}
.comm-daily-story-body{display:flex;flex:1;flex-direction:column;justify-content:center;overflow-y:auto;padding:24px 30px}
.comm-daily-story-body small{color:#b9d2ff;font-size:12px}
.comm-daily-story-body h2{margin:12px 0;font-size:clamp(27px,7vw,36px);line-height:1.1}
.comm-daily-story-body p{font-size:17px;line-height:1.55;white-space:pre-wrap}
.comm-daily-story-actions{display:flex;gap:9px;padding:16px 20px calc(16px + env(safe-area-inset-bottom,0px))}
.comm-daily-story-actions button{flex:1;min-height:46px;border:1px solid rgba(255,255,255,.55);border-radius:10px;background:#fff;color:#13468e;font:800 12px var(--font);cursor:pointer}
.comm-daily-story-actions button+button{background:transparent;color:#fff}
.community-story-open{overflow:hidden}
