/* Scraaps mockup v9 - feed rebuild limpo, sem estrutura antiga */

:root{
  --scr-bg:#070949;
  --scr-bg-2:#10074a;
  --scr-card:#21175f;
  --scr-card-2:#2b2174;
  --scr-soft:rgba(255,255,255,.08);
  --scr-border:rgba(255,255,255,.13);
  --scr-text:#fff;
  --scr-muted:rgba(255,255,255,.70);
  --scr-mint:#6ff2d0;
  --scr-purple:#8c72ff;
  --scr-radius:17px;
  --scr-shadow:0 24px 52px rgba(2,2,31,.32);
}

*{box-sizing:border-box}
html,body{min-height:100%;margin:0}
body.is-logged{
  background:linear-gradient(180deg,var(--scr-bg) 0%,var(--scr-bg-2) 100%)!important;
  color:var(--scr-text)!important;
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;
}
a{color:inherit}
.app-shell{
  min-height:100vh!important;
  max-width:480px!important;
  margin:0 auto!important;
  background:linear-gradient(180deg,var(--scr-bg) 0%,var(--scr-bg-2) 100%)!important;
  overflow-x:hidden!important;
  padding-bottom:110px!important;
}
.container{
  max-width:480px!important;
  margin:0 auto!important;
  padding:0 22px 116px!important;
  background:transparent!important;
}

/* TOPO GLOBAL */
.scraaps-topbar{
  max-width:480px!important;
  margin:0 auto!important;
  padding:18px 22px 0!important;
  background:transparent!important;
  border:0!important;
}
.scraaps-topline{
  height:62px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  margin:0 0 18px!important;
}
.scraaps-logo{display:flex!important;align-items:center!important;text-decoration:none!important;min-width:0!important}
.scraaps-logo img{
  width:150px!important;
  max-width:42vw!important;
  height:auto!important;
  display:block!important;
}
.scraaps-top-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:9px!important;
  min-width:0!important;
}
.scraaps-round-icon{
  position:relative!important;
  width:50px!important;height:50px!important;min-width:50px!important;
  display:grid!important;place-items:center!important;
  border-radius:50%!important;
  color:#fff!important;
  background:rgba(255,255,255,.09)!important;
  border:1px solid rgba(255,255,255,.08)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;
  text-decoration:none!important;
}
.scraaps-round-icon svg{width:23px!important;height:23px!important}
.scraaps-round-icon b{
  position:absolute!important;top:-4px!important;right:-3px!important;
  min-width:18px!important;height:18px!important;border-radius:999px!important;
  display:grid!important;place-items:center!important;
  font-size:10px!important;background:var(--scr-mint)!important;color:#0c1450!important;
}
.scraaps-avatar-btn{
  position:relative!important;
  width:56px!important;height:56px!important;min-width:56px!important;
  padding:0!important;border-radius:50%!important;overflow:visible!important;
  border:2px solid var(--scr-mint)!important;background:transparent!important;color:#fff!important;
  display:grid!important;place-items:center!important;cursor:pointer!important;
}
.scraaps-avatar-btn img,.scraaps-avatar-btn span{
  width:100%!important;height:100%!important;border-radius:50%!important;
  object-fit:cover!important;display:grid!important;place-items:center!important;
  background:#251a64!important;font-weight:900!important;
}
.scraaps-avatar-btn:after{
  content:''!important;position:absolute!important;right:1px!important;bottom:1px!important;
  width:12px!important;height:12px!important;border-radius:50%!important;
  border:2px solid #11094f!important;background:var(--scr-mint)!important;z-index:4!important;
}
.scraaps-avatar-btn.status-ocupado{border-color:#ffbe55!important}.scraaps-avatar-btn.status-ocupado:after{background:#ffbe55!important}
.scraaps-avatar-btn.status-ausente{border-color:#c8c6d4!important}.scraaps-avatar-btn.status-ausente:after{background:#c8c6d4!important}
.scraaps-avatar-btn.status-off{border-color:#726d8f!important}.scraaps-avatar-btn.status-off:after{background:#67627f!important}

/* Busca: sem caixa interna */
.scraaps-global-search{
  width:100%!important;height:56px!important;min-height:56px!important;
  display:grid!important;grid-template-columns:30px minmax(0,1fr) 36px!important;
  align-items:center!important;gap:10px!important;
  padding:0 12px 0 16px!important;margin:0 0 14px!important;
  border-radius:22px!important;overflow:hidden!important;
  background:rgba(255,255,255,.105)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07)!important;
}
.scraaps-global-search>svg{width:24px!important;height:24px!important;color:rgba(255,255,255,.80)!important}
.scraaps-global-search input,
.scraaps-global-search input:not([type=checkbox]):not([type=radio]){
  appearance:none!important;-webkit-appearance:none!important;
  display:block!important;width:100%!important;min-width:0!important;
  height:56px!important;min-height:56px!important;line-height:56px!important;
  margin:0!important;padding:0!important;border:0!important;outline:0!important;box-shadow:none!important;
  background:transparent!important;border-radius:0!important;color:#fff!important;
  font-size:14px!important;font-weight:500!important;
}
.scraaps-global-search input::placeholder{color:rgba(255,255,255,.60)!important}
.scraaps-global-search button{
  appearance:none!important;-webkit-appearance:none!important;
  width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;
  display:grid!important;place-items:center!important;margin:0!important;padding:0!important;border:0!important;
  border-radius:0!important;background:transparent!important;box-shadow:none!important;color:var(--scr-mint)!important;
}
.scraaps-global-search button svg{width:23px!important;height:23px!important}

/* Status popover */
.status-popover{
  position:absolute!important;right:18px!important;top:84px!important;z-index:50!important;
  width:190px!important;background:#1b1458!important;border:1px solid var(--scr-border)!important;
  border-radius:18px!important;box-shadow:var(--scr-shadow)!important;padding:10px!important;
}
.status-choice-form{display:grid!important;gap:6px!important}
.status-choice,.status-exit{
  min-height:38px!important;border-radius:12px!important;border:0!important;padding:0 12px!important;
  display:flex!important;align-items:center!important;gap:8px!important;text-decoration:none!important;
  background:rgba(255,255,255,.07)!important;color:#fff!important;font-weight:800!important;cursor:pointer!important;
}
.status-choice span{width:10px!important;height:10px!important;border-radius:50%!important;background:var(--scr-mint)!important}
.status-choice.status-ocupado span{background:#ffbe55!important}.status-choice.status-ausente span{background:#c8c6d4!important}.status-choice.status-off span{background:#67627f!important}
.status-exit{color:var(--scr-mint)!important;justify-content:center!important}

/* Home */
.home-container{padding-top:0!important}
.home-welcome-card{
  min-height:74px!important;display:grid!important;
  grid-template-columns:3px minmax(0,1fr) auto!important;align-items:center!important;
  gap:12px!important;padding:12px 13px!important;margin:0 0 12px!important;
  border-radius:18px!important;background:rgba(38,26,102,.92)!important;
  border:1px solid rgba(255,255,255,.10)!important;
}
.welcome-line{width:3px!important;height:48px!important;border-radius:10px!important;background:var(--scr-mint)!important}
.welcome-copy{min-width:0!important;overflow:visible!important}
.welcome-copy h1{
  display:block!important;margin:0 0 5px!important;color:#fff!important;
  font-size:15px!important;line-height:1.05!important;font-weight:900!important;
  letter-spacing:-.25px!important;white-space:nowrap!important;
}
.welcome-copy .welcome-exit{color:var(--scr-mint)!important;font-weight:900!important;text-decoration:none!important}
.welcome-copy p{margin:0!important;font-size:13px!important;line-height:1.05!important;color:rgba(255,255,255,.76)!important;white-space:nowrap!important}
.recent-avatar-stack{
  width:112px!important;min-width:112px!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;overflow:visible!important;
}
.recent-avatar-stack a{
  position:relative!important;width:45px!important;height:45px!important;min-width:45px!important;
  margin-left:-10px!important;border:2px solid rgba(255,255,255,.90)!important;border-radius:50%!important;overflow:visible!important;background:#251a64!important;
}
.recent-avatar-stack a:first-child{margin-left:0!important}
.recent-avatar-stack img,.recent-avatar-stack b{width:100%!important;height:100%!important;display:grid!important;place-items:center!important;object-fit:cover!important;border-radius:50%!important}
.welcome-arrow{font-size:23px!important;line-height:1!important;margin-left:6px!important;color:rgba(255,255,255,.70)!important}

/* Composer */
.home-composer-card{
  display:grid!important;grid-template-columns:43px minmax(0,1fr) 52px 52px!important;
  align-items:center!important;gap:7px!important;min-height:58px!important;
  padding:7px 9px!important;margin:0 0 14px!important;border-radius:17px!important;
  background:linear-gradient(180deg,rgba(105,96,205,.94),rgba(82,72,177,.94))!important;
  border:1px solid rgba(255,255,255,.32)!important;box-shadow:none!important;
}
.composer-avatar{
  position:relative!important;width:43px!important;height:43px!important;min-width:43px!important;border:2px solid rgba(255,255,255,.55)!important;border-radius:50%!important;overflow:visible!important;background:#20145e!important;
}
.composer-avatar img,.composer-avatar b{width:100%!important;height:100%!important;display:grid!important;place-items:center!important;border-radius:50%!important;object-fit:cover!important}
.composer-placeholder{
  display:block!important;min-width:0!important;font-size:13.5px!important;line-height:1!important;color:rgba(255,255,255,.70)!important;
  text-decoration:none!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
}
.composer-media-btn{
  width:52px!important;height:46px!important;min-width:52px!important;
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
  gap:2px!important;border-radius:13px!important;background:rgba(255,255,255,.10)!important;
  color:#fff!important;text-decoration:none!important;font-weight:900!important;
}
.composer-media-btn svg{width:18px!important;height:18px!important}
.composer-media-btn span{font-size:10px!important;line-height:1!important}

/* Feed */
.home-feed-list{display:grid!important;gap:14px!important}
.feed-card{
  position:relative!important;overflow:hidden!important;
  padding:13px!important;margin:0!important;border-radius:17px!important;
  background:rgba(32,22,92,.94)!important;border:1px solid rgba(255,255,255,.10)!important;
  box-shadow:none!important;color:#fff!important;
}
.post-meta{
  position:relative!important;display:flex!important;align-items:flex-start!important;
  gap:9px!important;min-height:46px!important;margin:0 0 12px!important;padding:0 28px 0 0!important;
}
.mini-avatar,.comment-avatar{
  position:relative!important;width:46px!important;height:46px!important;min-width:46px!important;
  border:2px solid rgba(255,255,255,.24)!important;border-radius:50%!important;background:#251a64!important;overflow:visible!important;text-decoration:none!important;
}
.mini-avatar img,.mini-avatar b,.comment-avatar img,.comment-avatar b{
  width:100%!important;height:100%!important;border-radius:50%!important;object-fit:cover!important;display:grid!important;place-items:center!important;color:#fff!important;font-weight:900!important;
}
.feed-author-text{min-width:0!important;flex:1!important;padding-top:3px!important}
.feed-author-line{display:flex!important;align-items:center!important;gap:6px!important;min-width:0!important}
.feed-author-line b{
  color:#fff!important;font-size:15.5px!important;line-height:1.08!important;letter-spacing:-.15px!important;
  max-width:190px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
}
.feed-badge{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  padding:3px 8px!important;border-radius:999px!important;background:var(--scr-purple)!important;color:#fff!important;
  font-size:10px!important;line-height:1!important;font-weight:900!important;text-transform:lowercase!important;
}
.post-meta .muted,.feed-card .muted{font-size:11.8px!important;line-height:1.15!important;color:var(--scr-muted)!important;margin-top:4px!important}
.feed-ellipsis{position:absolute!important;top:1px!important;right:0!important;font-size:17px!important;letter-spacing:1px!important;color:rgba(255,255,255,.68)!important}
.feed-photo-caption,.message{font-size:14px!important;line-height:1.38!important;margin:0 0 15px!important;color:#fff!important;font-weight:500!important}
.feed-title,.feed-link-card h3{margin:0 0 10px!important;font-size:18px!important;line-height:1.15!important;color:#fff!important}
.caption-link{color:var(--scr-mint)!important;text-decoration:none!important}
.media-frame{
  display:block!important;width:calc(100% + 26px)!important;margin-left:-13px!important;margin-right:-13px!important;
  padding:0!important;border:0!important;border-radius:0!important;overflow:hidden!important;background:#05051c!important;text-decoration:none!important;
}
.portrait-frame{aspect-ratio:9/16!important}
.media-frame img,.media-frame video{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;border-radius:0!important}
.video-card-portrait{position:relative!important}
.video-play-overlay{
  position:absolute!important;inset:0!important;display:grid!important;place-items:center!important;border:0!important;background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.28))!important;color:#fff!important;cursor:pointer!important;
}
.video-play-overlay span{width:58px!important;height:58px!important;border-radius:50%!important;background:rgba(255,255,255,.20)!important;display:grid!important;place-items:center!important;backdrop-filter:blur(8px)!important}
.video-play-overlay svg{width:25px!important;height:25px!important;margin-left:3px!important}
.video-card-portrait.is-playing .video-play-overlay{opacity:0!important;pointer-events:none!important}

/* Cards especiais */
.feed-link-card{
  display:block!important;text-decoration:none!important;border-radius:16px!important;padding:16px!important;background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.10)!important;color:#fff!important;
}
.feed-link-card p{margin:0 0 10px!important;color:rgba(255,255,255,.78)!important;font-size:13.5px!important;line-height:1.35!important}
.feed-link-card small,.feed-link-top{display:block!important;color:rgba(255,255,255,.68)!important;font-size:12px!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:.08em!important;margin-bottom:8px!important}
.community-avatar{overflow:hidden!important}
.community-avatar img{border-radius:50%!important}
.community-verified{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;width:17px!important;height:17px!important;border-radius:50%!important;background:rgba(111,242,208,.18)!important;color:var(--scr-mint)!important;font-size:11px!important;font-weight:900!important;
}
.community-feed-card{
  display:block!important;overflow:hidden!important;border-radius:16px!important;background:rgba(255,255,255,.05)!important;border:1px solid rgba(255,255,255,.08)!important;text-decoration:none!important;
}
.community-feed-card img,.community-feed-card .community-feed-fallback{display:block!important;width:100%!important;height:222px!important;object-fit:cover!important}
.community-feed-fallback{display:grid!important;place-items:center!important;font-size:72px!important;color:#fff!important;background:linear-gradient(135deg,#7351ff,#3e2b97)!important}

/* Música */
.music-layer-card{
  display:grid!important;grid-template-columns:78px minmax(0,1fr) 46px!important;gap:10px!important;align-items:center!important;
  padding:9px 10px!important;border-radius:16px!important;background:linear-gradient(180deg,rgba(135,111,255,.23),rgba(75,57,156,.25))!important;border:1px solid rgba(255,255,255,.12)!important;
}
.music-cover-tile{width:78px!important;height:58px!important;border-radius:14px!important;background:linear-gradient(135deg,#e78ff6,#7e5df6)!important;display:grid!important;place-items:center!important;color:#fff!important;font-size:28px!important;font-weight:900!important}
.music-layer-meta{min-width:0!important}
.music-layer-meta strong{display:block!important;font-size:14px!important;color:#fff!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.music-layer-meta small{display:block!important;margin-top:4px!important;font-size:11px!important;color:rgba(255,255,255,.72)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.music-play-btn{width:42px!important;height:42px!important;border:0!important;border-radius:50%!important;background:rgba(255,255,255,.15)!important;color:#fff!important;display:grid!important;place-items:center!important;cursor:pointer!important}
.music-play-btn svg{width:20px!important;height:20px!important;margin-left:2px!important}
.music-layer-card.is-playing .music-play-btn{background:rgba(111,242,208,.22)!important;color:var(--scr-mint)!important}
.music-layer-card audio{display:none!important}

/* Ações */
.feed-action-row.actions-three{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;margin-top:12px!important;
}
.feed-action-row.actions-three .feed-action{
  min-width:0!important;height:40px!important;min-height:40px!important;padding:0 5px!important;border:0!important;border-radius:13px!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;text-align:center!important;
  background:rgba(255,255,255,.08)!important;color:#fff!important;cursor:pointer!important;text-decoration:none!important;
}
.feed-action-row.actions-three .feed-action svg{width:16px!important;height:16px!important;flex:0 0 16px!important;fill:currentColor!important}
.feed-action-row.actions-three .feed-action b{font-size:12.5px!important;line-height:1!important;font-weight:900!important;color:#fff!important}
.feed-action-row.actions-three .feed-action span{font-size:9.6px!important;line-height:1!important;font-weight:700!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.feed-action-row .feed-love-toggle svg{color:#f3a1ff!important}
.feed-action-row .feed-love-toggle.is-loved{background:rgba(243,161,255,.18)!important}
.feed-action-row .feed-comment-toggle svg{color:#b28cff!important}
.feed-share-button svg{color:#d7d7ff!important}

/* Comentários */
.feed-comments-box{margin-top:12px!important;border-radius:16px!important;background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.08)!important;padding:12px!important}
.comments-sheet-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin-bottom:10px!important}
.comments-sheet-head strong{font-size:14px!important;color:#fff!important}
.feed-comments-close{width:28px!important;height:28px!important;border:0!important;border-radius:50%!important;background:rgba(255,255,255,.10)!important;color:#fff!important;font-size:18px!important}
.feed-comment-item{display:flex!important;gap:10px!important;margin-bottom:10px!important}
.comment-avatar{width:34px!important;height:34px!important;min-width:34px!important}
.feed-comment-item b{display:block!important;color:#fff!important;font-size:13px!important}
.feed-comment-item small{display:block!important;color:rgba(255,255,255,.58)!important;font-size:11px!important}
.feed-comment-item p{margin:3px 0 0!important;font-size:13px!important;color:rgba(255,255,255,.86)!important;line-height:1.35!important}
.feed-comment-form{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important;margin-top:8px!important}
.feed-comment-form input{height:40px!important;border:0!important;border-radius:12px!important;background:rgba(255,255,255,.09)!important;color:#fff!important;padding:0 12px!important}
.feed-comment-form button{height:40px!important;border:0!important;border-radius:12px!important;background:var(--scr-mint)!important;color:#0b1450!important;font-weight:900!important;padding:0 14px!important}

/* Status nos avatares */
.mini-avatar.status-ring::after,.composer-avatar.status-ring::after,.comment-avatar.status-ring::after,.recent-avatar-stack a.status-ring::after{
  content:''!important;position:absolute!important;right:-1px!important;bottom:-1px!important;width:10px!important;height:10px!important;border-radius:50%!important;border:2px solid #12094d!important;background:var(--scr-mint)!important;z-index:4!important;
}
.mini-avatar.status-online,.composer-avatar.status-online,.comment-avatar.status-online,.recent-avatar-stack a.status-online{border-color:var(--scr-mint)!important}
.mini-avatar.status-ocupado,.composer-avatar.status-ocupado,.comment-avatar.status-ocupado,.recent-avatar-stack a.status-ocupado{border-color:#ffbe55!important}
.mini-avatar.status-ausente,.composer-avatar.status-ausente,.comment-avatar.status-ausente,.recent-avatar-stack a.status-ausente{border-color:#c8c6d4!important}
.mini-avatar.status-off,.composer-avatar.status-off,.comment-avatar.status-off,.recent-avatar-stack a.status-off{border-color:#726d8f!important}
.mini-avatar.status-ocupado::after,.composer-avatar.status-ocupado::after,.comment-avatar.status-ocupado::after,.recent-avatar-stack a.status-ocupado::after{background:#ffbe55!important}
.mini-avatar.status-ausente::after,.composer-avatar.status-ausente::after,.comment-avatar.status-ausente::after,.recent-avatar-stack a.status-ausente::after{background:#c8c6d4!important}
.mini-avatar.status-off::after,.composer-avatar.status-off::after,.comment-avatar.status-off::after,.recent-avatar-stack a.status-off::after{background:#67627f!important}

/* Bottom nav */
.bottom-nav{
  position:fixed!important;left:50%!important;bottom:8px!important;transform:translateX(-50%)!important;
  width:min(452px,calc(100% - 18px))!important;z-index:40!important;
  display:grid!important;grid-template-columns:1fr 1fr 74px 1fr 1fr!important;align-items:end!important;gap:4px!important;
  padding:8px 8px calc(8px + env(safe-area-inset-bottom))!important;border-radius:21px!important;
  background:rgba(19,9,70,.96)!important;border:1px solid rgba(255,255,255,.08)!important;box-shadow:0 18px 38px rgba(0,0,0,.38)!important;
}
.nav-item{
  height:58px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
  gap:4px!important;border:0!important;background:transparent!important;color:rgba(255,255,255,.66)!important;text-decoration:none!important;font-size:10.8px!important;font-weight:900!important;line-height:1!important;
}
.nav-item .ico,.nav-item .ico svg{width:24px!important;height:24px!important}
.nav-item.active{color:var(--scr-mint)!important}
.nav-create-clean{height:74px!important;align-self:center!important;justify-self:center!important;padding:0!important}
.nav-plus{width:68px!important;height:68px!important;border-radius:50%!important;background:var(--scr-mint)!important;color:#10094b!important;display:grid!important;place-items:center!important;font-size:46px!important;font-weight:700!important;line-height:1!important}

/* Quick menu */
.quick-menu-backdrop{position:fixed!important;inset:0!important;background:rgba(0,0,0,.50)!important;z-index:60!important;opacity:0!important;transition:.18s!important}
.quick-menu-backdrop.is-open{opacity:1!important}
.quick-menu-panel{
  position:fixed!important;left:50%!important;bottom:0!important;transform:translateX(-50%) translateY(105%)!important;
  width:min(480px,100%)!important;z-index:70!important;padding:12px 16px 24px!important;
  border-radius:24px 24px 0 0!important;background:#1c1458!important;border:1px solid rgba(255,255,255,.10)!important;color:#fff!important;transition:.2s!important;
}
.quick-menu-panel.is-open{transform:translateX(-50%) translateY(0)!important}
.quick-menu-handle{width:52px!important;height:5px!important;border-radius:999px!important;background:rgba(255,255,255,.22)!important;margin:0 auto 12px!important}
.quick-menu-head{display:flex!important;align-items:center!important;justify-content:space-between!important;margin-bottom:12px!important}
.quick-menu-head strong{font-size:18px!important}
.quick-menu-close{width:34px!important;height:34px!important;border:0!important;border-radius:50%!important;background:rgba(255,255,255,.10)!important;color:#fff!important;font-size:22px!important}
.quick-menu-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
.quick-menu-grid a{display:block!important;min-height:92px!important;padding:14px!important;border-radius:17px!important;background:rgba(255,255,255,.07)!important;border:1px solid rgba(255,255,255,.08)!important;text-decoration:none!important;color:#fff!important}
.quick-menu-grid span{font-size:24px!important}.quick-menu-grid b{display:block!important;font-size:14px!important;margin:6px 0 4px!important}.quick-menu-grid small{color:rgba(255,255,255,.62)!important}

/* Páginas internas e formulário de upload */
.page-title{font-size:22px!important;color:#fff!important;margin:4px 0 12px!important}
.form-card,.card,.list-row,.topic-card,.memory-card,.community-detail,.album-card{background:rgba(32,22,92,.94)!important;border:1px solid rgba(255,255,255,.10)!important;border-radius:17px!important;box-shadow:none!important;color:#fff!important}
.form-card{padding:18px!important;margin-bottom:16px!important}.form-card h1{font-size:22px!important;margin:0 0 8px!important;color:#fff!important}.form-card p,.muted{color:rgba(255,255,255,.68)!important}
.form-group{margin-bottom:14px!important}.form-group label{display:block!important;font-size:13px!important;font-weight:900!important;color:rgba(255,255,255,.78)!important;margin-bottom:6px!important}
input:not([type=checkbox]):not([type=radio]),textarea,select{width:100%!important;background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:14px!important;color:#fff!important;box-shadow:none!important;padding:12px 14px!important}
textarea{min-height:118px!important;resize:vertical!important}
.btn,.btn-gradient,.btn-light,.btn-muted{min-height:46px!important;border:0!important;border-radius:14px!important;background:var(--scr-mint)!important;color:#0d144d!important;font-weight:900!important;padding:0 18px!important;text-decoration:none!important}
.inline-tabs,.tabs{display:flex!important;gap:8px!important;flex-wrap:wrap!important;background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:17px!important;padding:6px!important;margin:0 0 16px!important}
.inline-tabs a,.tabs .tab{display:inline-flex!important;align-items:center!important;min-height:38px!important;padding:0 12px!important;border-radius:12px!important;color:rgba(255,255,255,.72)!important;text-decoration:none!important;font-weight:800!important}
.inline-tabs a.active,.tabs .tab.active{background:rgba(255,255,255,.12)!important;color:#fff!important}

.upload-processing-layer{position:fixed!important;inset:0!important;background:rgba(4,2,33,.78)!important;display:grid!important;place-items:center!important;z-index:1200!important}
.upload-processing-card{width:min(360px,calc(100% - 32px))!important;background:linear-gradient(180deg,#24186f,#12094d)!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:20px!important;padding:24px 20px!important;text-align:center!important;box-shadow:0 28px 60px rgba(0,0,0,.34)!important}
.upload-processing-spinner{width:54px!important;height:54px!important;margin:0 auto 14px!important;border-radius:50%!important;border:4px solid rgba(255,255,255,.14)!important;border-top-color:var(--scr-mint)!important;animation:scrSpin 1s linear infinite}
.upload-processing-card strong{display:block!important;font-size:18px!important;color:#fff!important;margin-bottom:8px!important}.upload-processing-card p{margin:0!important;color:rgba(255,255,255,.74)!important;font-size:14px!important}
@keyframes scrSpin{to{transform:rotate(360deg)}}

/* PWA install */
.pwa-install-wrap{position:fixed!important;left:50%!important;bottom:96px!important;transform:translateX(-50%)!important;z-index:55!important}.pwa-install-btn{border:0!important;border-radius:18px!important;background:#1c1458!important;color:#fff!important;padding:10px 14px!important;display:flex!important;align-items:center!important;gap:10px!important}.pwa-install-btn img{width:36px!important;height:36px!important;border-radius:10px!important}.pwa-install-btn small{display:block!important;color:rgba(255,255,255,.62)!important}

/* Auth fica com o CSS antigo sem quebrar */
.auth-body .app-shell{max-width:none!important;padding-bottom:0!important}

/* Responsivo */
@media(max-width:420px){
  .scraaps-topbar{padding:16px 14px 0!important}
  .scraaps-topline{height:58px!important;margin-bottom:14px!important}
  .scraaps-logo img{width:134px!important}
  .scraaps-top-actions{gap:7px!important}
  .scraaps-round-icon{width:44px!important;height:44px!important;min-width:44px!important}
  .scraaps-avatar-btn{width:50px!important;height:50px!important;min-width:50px!important}
  .container{padding-left:14px!important;padding-right:14px!important}
  .home-welcome-card{grid-template-columns:3px minmax(0,1fr) 104px!important}
  .welcome-copy h1{font-size:14px!important}
  .welcome-copy p{font-size:12.5px!important}
  .recent-avatar-stack{width:104px!important;min-width:104px!important}
  .recent-avatar-stack a{width:42px!important;height:42px!important;min-width:42px!important}
  .home-composer-card{grid-template-columns:40px minmax(0,1fr) 48px 48px!important;min-height:56px!important}
  .composer-avatar{width:40px!important;height:40px!important;min-width:40px!important}
  .composer-placeholder{font-size:13px!important}
  .composer-media-btn{width:48px!important;min-width:48px!important;height:44px!important}
  .feed-card{padding:12px!important;border-radius:16px!important}
  .media-frame{width:calc(100% + 24px)!important;margin-left:-12px!important;margin-right:-12px!important}
  .feed-author-line b{max-width:164px!important;font-size:15px!important}
  .feed-action-row.actions-three{gap:5px!important}
  .feed-action-row.actions-three .feed-action{height:38px!important;min-height:38px!important;padding:0 4px!important;gap:3px!important}
  .feed-action-row.actions-three .feed-action span{font-size:8.8px!important}
  .bottom-nav{width:calc(100% - 14px)!important;grid-template-columns:1fr 1fr 68px 1fr 1fr!important}
  .nav-plus{width:62px!important;height:62px!important;font-size:42px!important}
  .nav-item{font-size:10px!important}
}


/* ===== V10 — composer texto inline + perfil alinhado ===== */

/* O overlay de processamento só aparece depois do submit real */
.upload-processing-layer[hidden]{
  display:none!important;
}

/* Composer da home: campo editável no próprio feed */
.home-composer-card.composer-text-mode{
  grid-template-columns:43px minmax(0,1fr) 52px 52px!important;
}
.composer-inline-form{
  position:relative!important;
  min-width:0!important;
  height:46px!important;
  display:flex!important;
  align-items:center!important;
}
.composer-text-input,
.composer-text-input:not([type=checkbox]):not([type=radio]){
  width:100%!important;
  height:46px!important;
  min-height:46px!important;
  line-height:46px!important;
  padding:0 58px 0 0!important;
  margin:0!important;
  border:0!important;
  background:transparent!important;
  color:#fff!important;
  box-shadow:none!important;
  outline:0!important;
  border-radius:0!important;
  font-size:13.5px!important;
  font-weight:600!important;
}
.composer-text-input::placeholder{
  color:rgba(255,255,255,.70)!important;
}
.composer-submit-btn{
  position:absolute!important;
  right:0!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  height:30px!important;
  min-height:30px!important;
  padding:0 9px!important;
  border:0!important;
  border-radius:10px!important;
  background:var(--scr-mint)!important;
  color:#10094b!important;
  font-size:10px!important;
  font-weight:900!important;
  line-height:1!important;
  opacity:0!important;
  pointer-events:none!important;
  transition:.14s ease!important;
}
.composer-inline-form:focus-within .composer-submit-btn,
.composer-text-input:not(:placeholder-shown)+.composer-submit-btn{
  opacity:1!important;
  pointer-events:auto!important;
}

/* O botão de texto não deve abrir tela de processamento */
form:not([data-processing-form]) + .upload-processing-layer,
.composer-inline-form .upload-processing-layer{
  display:none!important;
}

/* Perfil: reconstrução visual compacta e alinhada */
.profile-page{
  padding-top:0!important;
}
.profile-page .profile-head,
.profile-page .profile-head-modern{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  text-align:center!important;
  gap:0!important;
  padding:18px 0 14px!important;
  margin:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.profile-page .avatar-wrap{
  position:relative!important;
  width:138px!important;
  height:138px!important;
  margin:0 auto 14px!important;
  display:block!important;
  background:transparent!important;
  box-shadow:none!important;
}
.profile-page .avatar{
  width:132px!important;
  height:132px!important;
  border-radius:50%!important;
  border:0!important;
  overflow:visible!important;
  background:#24165f!important;
  margin:0 auto!important;
  position:relative!important;
}
.profile-page .avatar img,
.profile-page .avatar b{
  width:100%!important;
  height:100%!important;
  display:grid!important;
  place-items:center!important;
  object-fit:cover!important;
  border-radius:50%!important;
}
.profile-page .avatar.status-ring:after{
  content:''!important;
  position:absolute!important;
  right:8px!important;
  bottom:8px!important;
  width:18px!important;
  height:18px!important;
  border-radius:50%!important;
  border:3px solid #090b4d!important;
  background:var(--scr-mint)!important;
  z-index:4!important;
}
.profile-page .avatar.status-ocupado:after{background:#ffbe55!important}
.profile-page .avatar.status-ausente:after{background:#c8c6d4!important}
.profile-page .avatar.status-off:after{background:#67627f!important}
.profile-page .avatar.status-online{box-shadow:0 0 0 2px var(--scr-mint)!important}
.profile-page .avatar.status-ocupado{box-shadow:0 0 0 2px #ffbe55!important}
.profile-page .avatar.status-ausente{box-shadow:0 0 0 2px #c8c6d4!important}
.profile-page .avatar.status-off{box-shadow:0 0 0 2px #726d8f!important}
.profile-page .avatar-bell{
  position:absolute!important;
  right:0!important;
  top:16px!important;
  width:56px!important;
  height:56px!important;
  border-radius:50%!important;
  background:var(--scr-mint)!important;
  color:#0d144d!important;
  display:grid!important;
  place-items:center!important;
  text-decoration:none!important;
  z-index:5!important;
  box-shadow:0 10px 22px rgba(0,0,0,.22)!important;
}
.profile-page .avatar-bell svg{
  width:24px!important;
  height:24px!important;
}
.profile-page .avatar-bell b{
  position:absolute!important;
  top:-3px!important;
  right:-3px!important;
  min-width:18px!important;
  height:18px!important;
  border-radius:999px!important;
  display:grid!important;
  place-items:center!important;
  background:#fff!important;
  color:#10094b!important;
  font-size:10px!important;
}
.profile-page .profile-main-name{
  font-size:30px!important;
  line-height:1.05!important;
  color:#fff!important;
  font-weight:900!important;
  letter-spacing:-.8px!important;
  margin:0 0 5px!important;
  max-width:100%!important;
  word-break:break-word!important;
}
.profile-page .profile-verified{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  font-size:18px!important;
  line-height:1.1!important;
  color:#fff!important;
  font-weight:900!important;
  margin:0 0 10px!important;
}
.profile-page .verify-badge{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:22px!important;
  height:22px!important;
  border-radius:50%!important;
  background:var(--scr-mint)!important;
  color:#0b144f!important;
  font-size:14px!important;
  font-weight:900!important;
}

/* Recados e depoimentos agora como botões */
.profile-page .profile-action-tabs{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  gap:8px!important;
  flex-wrap:wrap!important;
  margin:0 0 14px!important;
}
.profile-page .profile-action-tabs a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:36px!important;
  padding:0 14px!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.08)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  color:#fff!important;
  text-decoration:none!important;
  font-size:13px!important;
  font-weight:900!important;
  line-height:1!important;
}
.profile-page .profile-bio,
.profile-page .profile-bio-editable{
  font-size:15px!important;
  line-height:1.35!important;
  color:rgba(255,255,255,.76)!important;
  margin:0 auto 8px!important;
  max-width:320px!important;
  text-align:center!important;
}
.profile-page .profile-bio-save-hint{
  max-width:320px!important;
  margin:8px auto 16px!important;
  font-size:12.5px!important;
  line-height:1.32!important;
  color:rgba(255,255,255,.55)!important;
}

/* Botões editar perfil / privacidade menores e alinhados */
.profile-page .row-actions{
  width:100%!important;
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:10px!important;
  margin:14px 0 0!important;
}
.profile-page .row-actions .btn,
.profile-page .row-actions .btn-gradient,
.profile-page .row-actions .btn-light{
  width:100%!important;
  min-height:48px!important;
  height:48px!important;
  padding:0 12px!important;
  border-radius:15px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:14px!important;
  font-weight:900!important;
  line-height:1!important;
  text-align:center!important;
}

/* Cards contadores do perfil mais compactos */
.profile-page .profile-mini-menu,
.profile-page .compact-social-menu{
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  gap:10px!important;
  margin:14px 0 18px!important;
}
.profile-page .profile-mini-menu a,
.profile-page .compact-social-menu a{
  min-height:104px!important;
  padding:12px 8px!important;
  border-radius:17px!important;
  background:rgba(255,255,255,.10)!important;
  border:1px solid rgba(255,255,255,.14)!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-decoration:none!important;
  color:#fff!important;
  gap:4px!important;
}
.profile-page .profile-mini-menu span,
.profile-page .compact-social-menu span{
  font-size:25px!important;
  line-height:1!important;
}
.profile-page .profile-mini-menu strong,
.profile-page .compact-social-menu strong{
  font-size:24px!important;
  line-height:1!important;
  font-weight:900!important;
}
.profile-page .profile-mini-menu em,
.profile-page .compact-social-menu em{
  font-style:normal!important;
  font-size:12px!important;
  line-height:1!important;
  color:rgba(255,255,255,.70)!important;
  font-weight:900!important;
}

/* Títulos internos do perfil */
.profile-page .section-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  margin:16px 0 10px!important;
}
.profile-page .section-title{
  font-size:20px!important;
  line-height:1.1!important;
  margin:0!important;
  color:#fff!important;
  font-weight:900!important;
}
.profile-page .link-blue{
  color:var(--scr-mint)!important;
  text-decoration:none!important;
  font-size:13px!important;
  font-weight:900!important;
}

/* Evita textos grudados/concatenados no perfil */
.profile-page .profile-action-tabs + .profile-bio,
.profile-page .profile-action-tabs + .profile-bio-editable{
  margin-top:4px!important;
}

@media(max-width:420px){
  .home-composer-card.composer-text-mode{
    grid-template-columns:40px minmax(0,1fr) 48px 48px!important;
  }
  .composer-inline-form,
  .composer-text-input,
  .composer-text-input:not([type=checkbox]):not([type=radio]){
    height:44px!important;
    min-height:44px!important;
    line-height:44px!important;
    font-size:13px!important;
  }
  .composer-text-input,
  .composer-text-input:not([type=checkbox]):not([type=radio]){
    padding-right:52px!important;
  }
  .composer-submit-btn{
    height:28px!important;
    min-height:28px!important;
    padding:0 8px!important;
    font-size:9.5px!important;
  }
  .profile-page .avatar-wrap{
    width:124px!important;
    height:124px!important;
  }
  .profile-page .avatar{
    width:118px!important;
    height:118px!important;
  }
  .profile-page .avatar-bell{
    width:50px!important;
    height:50px!important;
  }
  .profile-page .profile-main-name{
    font-size:28px!important;
  }
  .profile-page .profile-verified{
    font-size:16px!important;
  }
  .profile-page .row-actions{
    gap:8px!important;
  }
  .profile-page .row-actions .btn,
  .profile-page .row-actions .btn-gradient,
  .profile-page .row-actions .btn-light{
    height:46px!important;
    min-height:46px!important;
    font-size:13.5px!important;
  }
}


/* ===== V11 - comunidades fixas, menu dos 3 pontos, player e perfil ===== */

/* Cores oficiais de presença */
.scraaps-avatar-btn.status-ocupado,
.mini-avatar.status-ocupado,
.composer-avatar.status-ocupado,
.comment-avatar.status-ocupado,
.recent-avatar-stack a.status-ocupado,
.friend-stack-avatar.status-ocupado,
.profile-page .avatar.status-ocupado{border-color:#ff3b30!important;box-shadow:0 0 0 2px #ff3b30!important}
.scraaps-avatar-btn.status-ocupado:after,
.mini-avatar.status-ocupado::after,
.composer-avatar.status-ocupado::after,
.comment-avatar.status-ocupado::after,
.recent-avatar-stack a.status-ocupado::after,
.friend-stack-avatar.status-ocupado::after,
.profile-page .avatar.status-ocupado:after{background:#ff3b30!important}

.scraaps-avatar-btn.status-ausente,
.mini-avatar.status-ausente,
.composer-avatar.status-ausente,
.comment-avatar.status-ausente,
.recent-avatar-stack a.status-ausente,
.friend-stack-avatar.status-ausente,
.profile-page .avatar.status-ausente{border-color:#ff9f1c!important;box-shadow:0 0 0 2px #ff9f1c!important}
.scraaps-avatar-btn.status-ausente:after,
.mini-avatar.status-ausente::after,
.composer-avatar.status-ausente::after,
.comment-avatar.status-ausente::after,
.recent-avatar-stack a.status-ausente::after,
.friend-stack-avatar.status-ausente::after,
.profile-page .avatar.status-ausente:after{background:#ff9f1c!important}

.scraaps-avatar-btn.status-off,
.mini-avatar.status-off,
.composer-avatar.status-off,
.comment-avatar.status-off,
.recent-avatar-stack a.status-off,
.friend-stack-avatar.status-off,
.profile-page .avatar.status-off{border-color:#8c8c96!important;box-shadow:0 0 0 2px #8c8c96!important}
.scraaps-avatar-btn.status-off:after,
.mini-avatar.status-off::after,
.composer-avatar.status-off::after,
.comment-avatar.status-off::after,
.recent-avatar-stack a.status-off::after,
.friend-stack-avatar.status-off::after,
.profile-page .avatar.status-off:after{background:#8c8c96!important}

.scraaps-avatar-btn.status-online,
.mini-avatar.status-online,
.composer-avatar.status-online,
.comment-avatar.status-online,
.recent-avatar-stack a.status-online,
.friend-stack-avatar.status-online,
.profile-page .avatar.status-online{border-color:var(--scr-mint)!important;box-shadow:0 0 0 2px var(--scr-mint)!important}
.scraaps-avatar-btn.status-online:after,
.mini-avatar.status-online::after,
.composer-avatar.status-online::after,
.comment-avatar.status-online::after,
.recent-avatar-stack a.status-online::after,
.friend-stack-avatar.status-online::after,
.profile-page .avatar.status-online:after{background:var(--scr-mint)!important}

/* bolinha sempre por cima da foto/borda */
.mini-avatar.status-ring::after,
.composer-avatar.status-ring::after,
.comment-avatar.status-ring::after,
.recent-avatar-stack a.status-ring::after,
.friend-stack-avatar.status-ring::after,
.profile-page .avatar.status-ring:after{
  z-index:20!important;
  pointer-events:none!important;
}
.profile-page .avatar img,
.profile-page .avatar b{position:relative!important;z-index:1!important}
.profile-page .avatar.status-ring:after{
  right:4px!important;
  bottom:4px!important;
  width:18px!important;
  height:18px!important;
  border:3px solid #090b4d!important;
}

/* Carrossel fixo de comunidades abaixo do composer */
.home-community-carousel-section{
  margin:0 0 14px!important;
}
.home-section-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  margin:0 0 10px!important;
  padding:0 2px!important;
}
.home-section-head strong{
  font-size:16px!important;
  line-height:1.1!important;
  color:#fff!important;
  font-weight:900!important;
}
.home-section-head a{
  color:var(--scr-mint)!important;
  font-size:12px!important;
  font-weight:900!important;
  text-decoration:none!important;
}
.community-carousel{
  display:flex!important;
  gap:12px!important;
  overflow-x:auto!important;
  scroll-snap-type:x mandatory!important;
  padding:0 2px 6px!important;
  margin:0 -2px!important;
  -webkit-overflow-scrolling:touch!important;
}
.community-carousel::-webkit-scrollbar{display:none!important}
.community-showcase-card{
  background:rgba(32,22,92,.94)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:17px!important;
  padding:13px!important;
  color:#fff!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
.home-community-slide{
  min-width:100%!important;
  scroll-snap-align:start!important;
}
.community-showcase-card .post-meta{
  margin-bottom:12px!important;
}
.community-showcase-card .feed-photo-caption{
  margin-bottom:14px!important;
}
.community-showcase-cover{
  display:block!important;
  width:calc(100% + 26px)!important;
  margin-left:-13px!important;
  margin-right:-13px!important;
  height:150px!important;
  overflow:hidden!important;
  border-radius:0!important;
  background:#09051d!important;
  text-decoration:none!important;
}
.community-showcase-cover img,
.community-showcase-cover .community-feed-fallback{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
  border-radius:0!important;
}
.join-community-button{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:72%!important;
  height:46px!important;
  margin:14px auto 0!important;
  border-radius:999px!important;
  background:var(--scr-mint)!important;
  color:#0f1453!important;
  text-decoration:none!important;
  font-size:14px!important;
  font-weight:900!important;
  text-align:center!important;
}

/* Menu dos 3 pontinhos */
.feed-options-wrap{
  position:absolute!important;
  top:0!important;
  right:0!important;
  z-index:12!important;
}
.feed-options-toggle{
  width:30px!important;
  height:28px!important;
  border:0!important;
  background:transparent!important;
  color:rgba(255,255,255,.70)!important;
  font-size:17px!important;
  line-height:1!important;
  letter-spacing:1px!important;
  font-weight:900!important;
  display:grid!important;
  place-items:center!important;
  cursor:pointer!important;
}
.feed-options-menu{
  position:absolute!important;
  right:0!important;
  top:30px!important;
  width:172px!important;
  padding:8px!important;
  border-radius:14px!important;
  background:#1d1559!important;
  border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:0 18px 40px rgba(0,0,0,.34)!important;
  z-index:30!important;
}
.feed-options-menu button,
.feed-options-menu a{
  width:100%!important;
  min-height:38px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  padding:0 10px!important;
  border:0!important;
  border-radius:10px!important;
  background:transparent!important;
  color:#fff!important;
  text-decoration:none!important;
  font-size:13px!important;
  font-weight:800!important;
  cursor:pointer!important;
  text-align:left!important;
}
.feed-options-menu button:hover,
.feed-options-menu a:hover{
  background:rgba(255,255,255,.08)!important;
}
.feed-menu-delete-form{
  margin:0!important;
}
.feed-menu-delete-form button{
  color:#ff8c9f!important;
}

/* Player de música com play/pause, barra e tempo */
.music-layer-card{
  grid-template-columns:72px minmax(0,1fr) 46px!important;
  align-items:center!important;
}
.music-cover-tile{
  width:72px!important;
  height:62px!important;
}
.music-layer-meta{
  align-self:stretch!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  gap:5px!important;
}
.music-duration-label{
  font-size:11px!important;
  color:rgba(255,255,255,.68)!important;
}
.music-progress-wrap{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 42px!important;
  align-items:center!important;
  gap:8px!important;
  margin-top:2px!important;
}
.music-progress-bar{
  height:5px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.14)!important;
  overflow:hidden!important;
}
.music-progress-bar span{
  display:block!important;
  width:0%;
  height:100%!important;
  border-radius:999px!important;
  background:var(--scr-mint)!important;
  transition:width .12s linear!important;
}
.music-time-left{
  font-style:normal!important;
  color:rgba(255,255,255,.62)!important;
  font-size:10px!important;
  text-align:right!important;
}
.music-play-btn{
  position:relative!important;
  font-size:17px!important;
  font-weight:900!important;
}
.music-pause-icon{display:none!important}
.music-layer-card.is-playing .music-play-icon{display:none!important}
.music-layer-card.is-playing .music-pause-icon{display:inline!important}

/* Perfil: status corrigido, info em linha, espaços mais econômicos */
.profile-page .avatar.status-ring:after{
  z-index:30!important;
  right:7px!important;
  bottom:7px!important;
}
.profile-page .profile-action-tabs{
  margin-top:8px!important;
  margin-bottom:18px!important;
}
.profile-page .profile-info-lines,
.profile-page .social-profile-lines{
  display:grid!important;
  gap:6px!important;
}
.profile-page .social-info-row{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:8px!important;
  min-height:32px!important;
  padding:6px 0!important;
  border-bottom:1px solid rgba(255,255,255,.07)!important;
}
.profile-page .social-info-row span{
  flex:0 0 auto!important;
  min-width:auto!important;
  color:rgba(255,255,255,.60)!important;
  font-size:13px!important;
  font-weight:900!important;
  text-transform:none!important;
}
.profile-page .social-info-row span:after{
  content:':'!important;
}
.profile-page .social-info-row strong{
  min-width:0!important;
  flex:1 1 auto!important;
  color:#fff!important;
  font-size:13px!important;
  font-weight:800!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  text-align:left!important;
}

/* Perfil: comunidades e amigos abaixo das informações */
.profile-community-summary,
.profile-friends-summary{
  margin:16px 0 18px!important;
}
.profile-community-card{
  padding:13px!important;
}
.profile-community-card .community-showcase-cover{
  height:148px!important;
}
.profile-friends-stack{
  display:flex!important;
  align-items:center!important;
  padding:10px 0 4px!important;
  min-height:70px!important;
}
.friend-stack-avatar{
  position:relative!important;
  width:58px!important;
  height:58px!important;
  min-width:58px!important;
  margin-left:-14px!important;
  border-radius:50%!important;
  border:2px solid rgba(255,255,255,.20)!important;
  background:#24165f!important;
  overflow:visible!important;
  text-decoration:none!important;
}
.friend-stack-avatar:first-child{
  margin-left:0!important;
}
.friend-stack-avatar img,
.friend-stack-avatar b{
  width:100%!important;
  height:100%!important;
  display:grid!important;
  place-items:center!important;
  border-radius:50%!important;
  object-fit:cover!important;
  color:#fff!important;
  font-weight:900!important;
}
.friend-stack-avatar.status-ring::after{
  content:''!important;
  position:absolute!important;
  right:-1px!important;
  bottom:-1px!important;
  width:12px!important;
  height:12px!important;
  border-radius:50%!important;
  border:2px solid #090b4d!important;
  background:var(--scr-mint)!important;
  z-index:20!important;
}
.profile-page .profile-mini-menu{
  margin-bottom:12px!important;
}

@media(max-width:420px){
  .community-showcase-cover{height:132px!important}
  .join-community-button{width:70%!important;height:44px!important;font-size:13px!important}
  .music-layer-card{grid-template-columns:64px minmax(0,1fr) 42px!important}
  .music-cover-tile{width:64px!important;height:56px!important}
  .music-progress-wrap{grid-template-columns:minmax(0,1fr) 38px!important;gap:6px!important}
  .profile-page .social-info-row span,
  .profile-page .social-info-row strong{font-size:12.5px!important}
  .friend-stack-avatar{width:52px!important;height:52px!important;min-width:52px!important;margin-left:-13px!important}
}


/* ===== V12 - limpeza do perfil e acabamento da pagina de comunidade ===== */

/* Perfil: remove duplicidade e deixa titulos/links mais elegantes */
.profile-page .profile-feed-divider{display:none!important}
.profile-community-summary,.profile-friends-summary,.profile-feed-zone{margin:18px 0 20px!important}
.profile-page .section-head,.profile-page .compact-head{
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;
  margin:0 0 12px!important;padding:0!important;
}
.profile-page .section-title{
  font-size:23px!important;line-height:1.05!important;letter-spacing:-.5px!important;font-weight:950!important;color:#fff!important;
}
.profile-page .link-blue{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  min-height:32px!important;padding:0 10px!important;border-radius:999px!important;
  background:rgba(111,242,208,.10)!important;border:1px solid rgba(111,242,208,.12)!important;
  color:var(--scr-mint)!important;font-size:12px!important;font-weight:900!important;text-decoration:none!important;
}
.profile-community-summary .empty,.profile-friends-summary .empty,.profile-page .empty{
  background:rgba(255,255,255,.075)!important;border:1px solid rgba(255,255,255,.11)!important;
  border-radius:17px!important;padding:18px!important;color:rgba(255,255,255,.80)!important;
  text-align:center!important;font-size:14px!important;line-height:1.35!important;
}
.profile-friends-stack{margin-top:4px!important;padding:8px 0 2px!important}
.friend-stack-avatar{
  width:54px!important;height:54px!important;min-width:54px!important;margin-left:-15px!important;
  box-shadow:0 10px 18px rgba(0,0,0,.20)!important;
}
.friend-stack-avatar:first-child{margin-left:0!important}
.profile-community-card{margin-top:4px!important}

/* Pagina de comunidade: botoes separados, menores e alinhados */
body.page-comunidade .container{padding-bottom:130px!important}
body.page-comunidade .community-detail{
  position:relative!important;z-index:2!important;margin:0 0 16px!important;padding:18px!important;
  border-radius:18px!important;overflow:visible!important;
}
body.page-comunidade .community-detail h1{
  font-size:28px!important;line-height:1.05!important;margin:0 0 8px!important;letter-spacing:-.6px!important;
}
body.page-comunidade .community-detail .muted{font-size:13px!important;line-height:1.25!important;margin:0 0 6px!important}
body.page-comunidade .community-detail .message{font-size:15px!important;line-height:1.35!important;margin:8px 0 16px!important}
body.page-comunidade .community-detail > form{margin:16px 0 0!important}
body.page-comunidade .community-detail > form .btn,
body.page-comunidade .community-detail > form .btn-gradient,
body.page-comunidade .community-detail > a.btn-gradient{
  width:100%!important;height:52px!important;min-height:52px!important;border-radius:16px!important;
  font-size:15px!important;font-weight:900!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:0!important;
}
body.page-comunidade .community-edit-actions{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;
  align-items:center!important;margin:14px 0 0!important;padding:0!important;
}
body.page-comunidade .community-edit-actions .mini-btn{
  width:100%!important;min-width:0!important;height:38px!important;min-height:38px!important;padding:0 10px!important;
  border-radius:13px!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;
  font-size:12px!important;font-weight:900!important;line-height:1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
  background:rgba(255,255,255,.10)!important;border:1px solid rgba(255,255,255,.16)!important;color:#fff!important;text-decoration:none!important;
}
body.page-comunidade .community-edit-actions .mini-btn:last-child:nth-child(odd){grid-column:1 / 2!important}

/* Pagina de comunidade: abas e cards sem sobreposicao */
body.page-comunidade .tabs{
  position:relative!important;z-index:1!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;padding:10px!important;margin:0 0 18px!important;border-radius:18px!important;
  background:rgba(255,255,255,.065)!important;border:1px solid rgba(255,255,255,.09)!important;
}
body.page-comunidade .tabs .tab,body.page-comunidade .tabs a.tab{
  min-width:0!important;width:100%!important;min-height:44px!important;height:44px!important;padding:0 8px!important;
  border-radius:13px!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;
  font-size:13px!important;font-weight:900!important;line-height:1!important;white-space:nowrap!important;
}
body.page-comunidade .memory-grid{
  display:grid!important;grid-template-columns:1fr!important;gap:14px!important;margin:0 0 16px!important;position:relative!important;z-index:1!important;
}
body.page-comunidade .memory-card,body.page-comunidade .memory-card.full{
  display:block!important;position:relative!important;z-index:1!important;width:100%!important;min-height:auto!important;margin:0!important;padding:18px!important;
  border-radius:18px!important;background:rgba(255,255,255,.075)!important;border:1px solid rgba(255,255,255,.11)!important;color:#fff!important;
  text-decoration:none!important;overflow:visible!important;transform:none!important;
}
body.page-comunidade .memory-card .big-ico{display:block!important;font-size:32px!important;line-height:1!important;margin:0 0 12px!important}
body.page-comunidade .memory-card b{display:block!important;font-size:18px!important;line-height:1.15!important;margin:0 0 10px!important;color:#fff!important}
body.page-comunidade .memory-card span:not(.big-ico){display:block!important;color:rgba(255,255,255,.72)!important;font-size:14px!important;line-height:1.35!important}
body.page-comunidade .muted-block{
  display:block!important;position:relative!important;z-index:1!important;margin:16px 0!important;padding:16px!important;border-radius:17px!important;
  background:rgba(255,255,255,.075)!important;border:1px solid rgba(255,255,255,.11)!important;color:rgba(255,255,255,.82)!important;overflow:visible!important;
}
body.page-comunidade .muted-block b{color:#fff!important;font-size:15px!important}
body.page-comunidade .auth-action-card,body.page-comunidade a.auth-action-card,body.page-comunidade form.card{
  display:block!important;position:relative!important;z-index:1!important;width:100%!important;margin:16px 0 20px!important;padding:18px!important;
  border-radius:18px!important;background:rgba(255,255,255,.075)!important;border:1px solid rgba(255,255,255,.11)!important;
  box-shadow:none!important;transform:none!important;overflow:visible!important;text-decoration:none!important;
}
body.page-comunidade .auth-action-card .section-title,body.page-comunidade form.card label{
  display:block!important;font-size:18px!important;line-height:1.15!important;margin:0 0 10px!important;color:#fff!important;
}
body.page-comunidade .auth-action-card p{
  margin:0 0 14px!important;color:rgba(255,255,255,.72)!important;font-size:14px!important;line-height:1.35!important;
}
body.page-comunidade .auth-action-card .btn,body.page-comunidade form.card .btn{
  width:100%!important;height:48px!important;min-height:48px!important;border-radius:15px!important;display:flex!important;align-items:center!important;justify-content:center!important;
  font-size:14px!important;font-weight:900!important;margin:0!important;
}
body.page-comunidade .section-head{margin:18px 0 12px!important;padding:0!important}
body.page-comunidade .section-title{font-size:22px!important;line-height:1.05!important;font-weight:950!important;letter-spacing:-.4px!important}
body.page-comunidade .topic-card,body.page-comunidade .empty{
  position:relative!important;z-index:1!important;margin:0 0 14px!important;border-radius:17px!important;
}
body.page-comunidade .container > *:last-child{margin-bottom:32px!important}

@media(max-width:420px){
  body.page-comunidade .community-detail{padding:16px!important}
  body.page-comunidade .community-detail h1{font-size:26px!important}
  body.page-comunidade .community-edit-actions{gap:8px!important}
  body.page-comunidade .community-edit-actions .mini-btn{height:36px!important;font-size:11.5px!important}
  body.page-comunidade .tabs{gap:8px!important}
  body.page-comunidade .tabs .tab,body.page-comunidade .tabs a.tab{height:42px!important;min-height:42px!important;font-size:12.5px!important}
}


/* ===== V13 - status avatar perfil + textos completos ===== */
.profile-page .avatar-wrap{overflow:visible!important;position:relative!important;z-index:2!important}
.profile-page .avatar{position:relative!important;overflow:visible!important;width:132px!important;height:132px!important;border-radius:50%!important;border:4px solid #6ff2d0!important;box-shadow:none!important;background:#24165f!important;padding:0!important;display:block!important}
.profile-page .avatar img,.profile-page .avatar b{position:relative!important;z-index:1!important;width:100%!important;height:100%!important;display:grid!important;place-items:center!important;object-fit:cover!important;border-radius:50%!important;overflow:hidden!important}
.profile-page .avatar.status-ring::after,.profile-page .avatar.status-online::after,.profile-page .avatar.status-disponivel::after,.profile-page .avatar.status-ocupado::after,.profile-page .avatar.status-ausente::after,.profile-page .avatar.status-off::after,.profile-page .avatar.status-offline::after{content:''!important;position:absolute!important;right:7px!important;bottom:7px!important;width:20px!important;height:20px!important;border-radius:50%!important;border:4px solid #090b4d!important;z-index:99!important;pointer-events:none!important;box-sizing:border-box!important}
.profile-page .avatar.status-online,.profile-page .avatar.status-disponivel,.profile-page .avatar.status-ring.status-online,.profile-page .avatar.status-ring.status-disponivel{border-color:#6ff2d0!important}
.profile-page .avatar.status-online::after,.profile-page .avatar.status-disponivel::after,.profile-page .avatar.status-ring.status-online::after,.profile-page .avatar.status-ring.status-disponivel::after{background:#6ff2d0!important}
.profile-page .avatar.status-ocupado,.profile-page .avatar.status-ring.status-ocupado{border-color:#ff3b30!important}
.profile-page .avatar.status-ocupado::after,.profile-page .avatar.status-ring.status-ocupado::after{background:#ff3b30!important}
.profile-page .avatar.status-ausente,.profile-page .avatar.status-ring.status-ausente{border-color:#ff9f1c!important}
.profile-page .avatar.status-ausente::after,.profile-page .avatar.status-ring.status-ausente::after{background:#ff9f1c!important}
.profile-page .avatar.status-off,.profile-page .avatar.status-offline,.profile-page .avatar.status-ring.status-off,.profile-page .avatar.status-ring.status-offline{border-color:#8c8c96!important}
.profile-page .avatar.status-off::after,.profile-page .avatar.status-offline::after,.profile-page .avatar.status-ring.status-off::after,.profile-page .avatar.status-ring.status-offline::after{background:#8c8c96!important}
.profile-page .avatar-bell{z-index:15!important}

/* status aliases para avatares pequenos */
.mini-avatar.status-disponivel,.composer-avatar.status-disponivel,.comment-avatar.status-disponivel,.recent-avatar-stack a.status-disponivel,.friend-stack-avatar.status-disponivel{border-color:#6ff2d0!important;box-shadow:0 0 0 2px #6ff2d0!important}
.mini-avatar.status-disponivel::after,.composer-avatar.status-disponivel::after,.comment-avatar.status-disponivel::after,.recent-avatar-stack a.status-disponivel::after,.friend-stack-avatar.status-disponivel::after{background:#6ff2d0!important}
.mini-avatar.status-offline,.composer-avatar.status-offline,.comment-avatar.status-offline,.recent-avatar-stack a.status-offline,.friend-stack-avatar.status-offline{border-color:#8c8c96!important;box-shadow:0 0 0 2px #8c8c96!important}
.mini-avatar.status-offline::after,.composer-avatar.status-offline::after,.comment-avatar.status-offline::after,.recent-avatar-stack a.status-offline::after,.friend-stack-avatar.status-offline::after{background:#8c8c96!important}

/* textos completos na sessão Perfil, sem reticências */
.profile-page .social-info-row{align-items:flex-start!important;gap:8px!important;min-height:auto!important;padding:8px 0!important}
.profile-page .social-info-row span{flex:0 0 auto!important;white-space:nowrap!important;line-height:1.35!important}
.profile-page .social-info-row strong{flex:1 1 auto!important;min-width:0!important;max-width:100%!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;word-break:break-word!important;overflow-wrap:anywhere!important;line-height:1.35!important;display:block!important}
.profile-page .profile-web-link{white-space:normal!important;overflow-wrap:anywhere!important;word-break:break-word!important;display:inline!important}

@media(max-width:420px){
  .profile-page .avatar{width:118px!important;height:118px!important;border-width:4px!important}
  .profile-page .avatar.status-ring::after,.profile-page .avatar.status-online::after,.profile-page .avatar.status-disponivel::after,.profile-page .avatar.status-ocupado::after,.profile-page .avatar.status-ausente::after,.profile-page .avatar.status-off::after,.profile-page .avatar.status-offline::after{width:18px!important;height:18px!important;right:5px!important;bottom:5px!important;border-width:4px!important}
  .profile-page .social-info-row strong,.profile-page .social-info-row span{font-size:12.5px!important}
}



/* ===== V15 - hotfix avatar bio sem deformar + cores status corretas ===== */

/* Cores corretas do menu suspenso */
.status-choice.status-online span,
.status-choice.status-disponivel span{background:#6ff2d0!important}
.status-choice.status-ocupado span{background:#ff3b30!important}
.status-choice.status-ausente span{background:#ff9f1c!important}
.status-choice.status-off span,
.status-choice.status-offline span{background:#8c8c96!important}

/* Cores corretas no avatar do topo também */
.scraaps-avatar-btn.status-online,
.scraaps-avatar-btn.status-disponivel{border-color:#6ff2d0!important}
.scraaps-avatar-btn.status-online:after,
.scraaps-avatar-btn.status-disponivel:after{background:#6ff2d0!important}

.scraaps-avatar-btn.status-ocupado{border-color:#ff3b30!important}
.scraaps-avatar-btn.status-ocupado:after{background:#ff3b30!important}

.scraaps-avatar-btn.status-ausente{border-color:#ff9f1c!important}
.scraaps-avatar-btn.status-ausente:after{background:#ff9f1c!important}

.scraaps-avatar-btn.status-off,
.scraaps-avatar-btn.status-offline{border-color:#8c8c96!important}
.scraaps-avatar-btn.status-off:after,
.scraaps-avatar-btn.status-offline:after{background:#8c8c96!important}

/* Avatar da bio: mantém o formato original, só aplica borda e bolinha como no topo */
.profile-page .avatar-wrap{
  position:relative!important;
  overflow:visible!important;
  background:transparent!important;
  box-shadow:none!important;
}

.profile-page .avatar{
  position:relative!important;
  overflow:visible!important;
  border-radius:50%!important;
  box-sizing:border-box!important;
  border:4px solid #6ff2d0!important;
  background:#24165f!important;
  box-shadow:none!important;
  padding:0!important;
}

.profile-page .avatar img,
.profile-page .avatar b{
  display:grid!important;
  place-items:center!important;
  width:100%!important;
  height:100%!important;
  border-radius:50%!important;
  object-fit:cover!important;
  overflow:hidden!important;
  position:relative!important;
  z-index:1!important;
}

.profile-page .avatar.status-ring::after,
.profile-page .avatar.status-online::after,
.profile-page .avatar.status-disponivel::after,
.profile-page .avatar.status-ocupado::after,
.profile-page .avatar.status-ausente::after,
.profile-page .avatar.status-off::after,
.profile-page .avatar.status-offline::after{
  content:''!important;
  position:absolute!important;
  right:6px!important;
  bottom:6px!important;
  width:18px!important;
  height:18px!important;
  border-radius:50%!important;
  border:3px solid #090b4d!important;
  box-sizing:border-box!important;
  z-index:50!important;
  pointer-events:none!important;
}

/* Status oficial no avatar da bio */
.profile-page .avatar.status-online,
.profile-page .avatar.status-disponivel,
.profile-page .avatar.status-ring.status-online,
.profile-page .avatar.status-ring.status-disponivel{border-color:#6ff2d0!important}
.profile-page .avatar.status-online::after,
.profile-page .avatar.status-disponivel::after,
.profile-page .avatar.status-ring.status-online::after,
.profile-page .avatar.status-ring.status-disponivel::after{background:#6ff2d0!important}

.profile-page .avatar.status-ocupado,
.profile-page .avatar.status-ring.status-ocupado{border-color:#ff3b30!important}
.profile-page .avatar.status-ocupado::after,
.profile-page .avatar.status-ring.status-ocupado::after{background:#ff3b30!important}

.profile-page .avatar.status-ausente,
.profile-page .avatar.status-ring.status-ausente{border-color:#ff9f1c!important}
.profile-page .avatar.status-ausente::after,
.profile-page .avatar.status-ring.status-ausente::after{background:#ff9f1c!important}

.profile-page .avatar.status-off,
.profile-page .avatar.status-offline,
.profile-page .avatar.status-ring.status-off,
.profile-page .avatar.status-ring.status-offline{border-color:#8c8c96!important}
.profile-page .avatar.status-off::after,
.profile-page .avatar.status-offline::after,
.profile-page .avatar.status-ring.status-off::after,
.profile-page .avatar.status-ring.status-offline::after{background:#8c8c96!important}

/* Sino fica separado, sem interferir na bolinha de status */
.profile-page .avatar-bell{
  z-index:20!important;
}



/* ===== V16 - avatar de recados/depoimentos + excluir depoimento publicado ===== */

/* Avatar de quem enviou recado/comentário no perfil: circular, sem distorcer */
.profile-page .recado-card .post-meta{
  align-items:flex-start!important;
  gap:12px!important;
}

.profile-page .recado-card .mini-avatar,
.profile-page .testimonial-avatar{
  width:54px!important;
  height:54px!important;
  min-width:54px!important;
  border-radius:50%!important;
  overflow:visible!important;
  position:relative!important;
  display:block!important;
  background:#24165f!important;
  border:2px solid rgba(255,255,255,.22)!important;
}

.profile-page .recado-card .mini-avatar img,
.profile-page .recado-card .mini-avatar b,
.profile-page .testimonial-avatar img,
.profile-page .testimonial-avatar b{
  width:100%!important;
  height:100%!important;
  border-radius:50%!important;
  object-fit:cover!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
}

/* Mantém bolinha de status correta nesses avatares */
.profile-page .recado-card .mini-avatar.status-ring::after,
.profile-page .testimonial-avatar.status-ring::after{
  content:''!important;
  position:absolute!important;
  right:-1px!important;
  bottom:-1px!important;
  width:12px!important;
  height:12px!important;
  border-radius:50%!important;
  border:2px solid #090b4d!important;
  z-index:20!important;
  box-sizing:border-box!important;
}

.profile-page .recado-card .mini-avatar.status-online,
.profile-page .recado-card .mini-avatar.status-disponivel,
.profile-page .testimonial-avatar.status-online,
.profile-page .testimonial-avatar.status-disponivel{
  border-color:#6ff2d0!important;
}
.profile-page .recado-card .mini-avatar.status-online::after,
.profile-page .recado-card .mini-avatar.status-disponivel::after,
.profile-page .testimonial-avatar.status-online::after,
.profile-page .testimonial-avatar.status-disponivel::after{
  background:#6ff2d0!important;
}

.profile-page .recado-card .mini-avatar.status-ocupado,
.profile-page .testimonial-avatar.status-ocupado{
  border-color:#ff3b30!important;
}
.profile-page .recado-card .mini-avatar.status-ocupado::after,
.profile-page .testimonial-avatar.status-ocupado::after{
  background:#ff3b30!important;
}

.profile-page .recado-card .mini-avatar.status-ausente,
.profile-page .testimonial-avatar.status-ausente{
  border-color:#ff9f1c!important;
}
.profile-page .recado-card .mini-avatar.status-ausente::after,
.profile-page .testimonial-avatar.status-ausente::after{
  background:#ff9f1c!important;
}

.profile-page .recado-card .mini-avatar.status-off,
.profile-page .recado-card .mini-avatar.status-offline,
.profile-page .testimonial-avatar.status-off,
.profile-page .testimonial-avatar.status-offline{
  border-color:#8c8c96!important;
}
.profile-page .recado-card .mini-avatar.status-off::after,
.profile-page .recado-card .mini-avatar.status-offline::after,
.profile-page .testimonial-avatar.status-off::after,
.profile-page .testimonial-avatar.status-offline::after{
  background:#8c8c96!important;
}

/* Depoimentos publicados: cabeçalho e botão excluir */
.profile-page .testimonial-item{
  display:flex!important;
  gap:12px!important;
  align-items:flex-start!important;
  position:relative!important;
  padding:16px!important;
  border-radius:17px!important;
  background:rgba(255,255,255,.075)!important;
  border:1px solid rgba(255,255,255,.11)!important;
  margin:0 0 14px!important;
}

.profile-page .testimonial-body{
  min-width:0!important;
  flex:1!important;
}

.profile-page .testimonial-head{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:10px!important;
  margin-bottom:8px!important;
}

.profile-page .testimonial-head b{
  display:block!important;
  color:#fff!important;
  font-size:16px!important;
  line-height:1.1!important;
  font-weight:900!important;
}

.profile-page .testimonial-head small{
  display:block!important;
  color:rgba(255,255,255,.62)!important;
  font-size:12px!important;
  margin-top:4px!important;
}

.profile-page .testimonial-body p{
  margin:0!important;
  color:rgba(255,255,255,.88)!important;
  font-size:14px!important;
  line-height:1.42!important;
}

.profile-page .testimonial-delete-form{
  margin:0!important;
  flex:0 0 auto!important;
}

.profile-page .testimonial-delete-form button{
  min-height:30px!important;
  padding:0 10px!important;
  border-radius:999px!important;
  border:1px solid rgba(255,95,120,.25)!important;
  background:rgba(255,95,120,.13)!important;
  color:#ff9aaa!important;
  font-size:11px!important;
  font-weight:900!important;
  cursor:pointer!important;
}

@media(max-width:420px){
  .profile-page .recado-card .mini-avatar,
  .profile-page .testimonial-avatar{
    width:48px!important;
    height:48px!important;
    min-width:48px!important;
  }
  .profile-page .testimonial-item{
    padding:14px!important;
    gap:10px!important;
  }
  .profile-page .testimonial-head{
    align-items:flex-start!important;
  }
  .profile-page .testimonial-delete-form button{
    min-height:28px!important;
    padding:0 8px!important;
    font-size:10.5px!important;
  }
}



/* ===== V17 - Gilroy + títulos/cards mais premium ===== */

/* 
  Para Gilroy aparecer no servidor, coloque os arquivos licenciados em:
  assets/fonts/Gilroy-Light.woff2
  assets/fonts/Gilroy-Bold.woff2

  Sem esses arquivos, o app usa o fallback configurado.
*/
@font-face{
  font-family:'Gilroy';
  src:url('../fonts/Gilroy-Light.woff2') format('woff2');
  font-weight:300;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:'Gilroy';
  src:url('../fonts/Gilroy-Bold.woff2') format('woff2');
  font-weight:700 950;
  font-style:normal;
  font-display:swap;
}

:root{
  --scr-font:'Gilroy','Inter','Poppins','Segoe UI',Arial,sans-serif;
  --scr-title-glow:0 8px 24px rgba(111,242,208,.14);
  --scr-card-glow:0 18px 42px rgba(12,7,62,.34);
}

html,body,
body.is-logged,
.app-shell,
input,textarea,select,button{
  font-family:var(--scr-font)!important;
}

/* Peso padrão: Gilroy Light para textos comuns */
body.is-logged,
p,
.muted,
.form-note,
.feed-photo-caption,
.message,
.profile-page .social-info-row strong,
.profile-page .social-info-row span,
.feed-card .muted,
.post-meta .muted{
  font-weight:300!important;
}

/* Peso bold para navegação, botões, títulos e nomes */
b,strong,
button,
.btn,
.btn-gradient,
.btn-light,
.nav-item,
.scraaps-global-search input,
.feed-author-line b,
.profile-page .profile-main-name,
.profile-page .profile-verified,
.section-title,
.page-title,
.home-section-head strong,
.card-title,
.feed-title,
.feed-link-card h3{
  font-weight:800!important;
}

/* Títulos de seção mais editoriais */
.section-title,
.profile-page .section-title,
body.page-comunidade .section-title,
.page-title,
.home-section-head strong{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:9px!important;
  color:#fff!important;
  letter-spacing:-.6px!important;
  text-shadow:var(--scr-title-glow)!important;
}

.section-title::before,
.profile-page .section-title::before,
body.page-comunidade .section-title::before,
.page-title::before,
.home-section-head strong::before{
  content:''!important;
  width:4px!important;
  height:20px!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,var(--scr-mint),#8c72ff)!important;
  box-shadow:0 0 16px rgba(111,242,208,.34)!important;
  flex:0 0 auto!important;
}

/* Evita barra decorativa no nome grande do perfil */
.profile-page .profile-main-name::before,
.profile-page .profile-verified::before{
  display:none!important;
}

/* Cabeçalhos com botão "Ver todos" mais premium */
.section-head,
.profile-page .section-head,
.home-section-head{
  position:relative!important;
  padding:0 2px!important;
}

.link-blue,
.home-section-head a,
.profile-page .link-blue{
  background:rgba(111,242,208,.11)!important;
  border:1px solid rgba(111,242,208,.18)!important;
  box-shadow:0 8px 22px rgba(111,242,208,.08)!important;
  backdrop-filter:blur(10px)!important;
}

/* Cards mais sofisticados */
.feed-card,
.card,
.form-card,
.recado-card,
.testimonial-item,
.community-showcase-card,
.community-detail,
.memory-card,
.auth-action-card,
.topic-card,
.album-card,
.list-row,
.profile-community-card,
.profile-page .profile-mini-menu a,
.profile-page .compact-social-menu a{
  background:
    linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035)),
    rgba(32,22,92,.94)!important;
  border:1px solid rgba(255,255,255,.13)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10),
    var(--scr-card-glow)!important;
}

/* Linha de brilho superior nos cards principais */
.feed-card::before,
.community-showcase-card::before,
.recado-card::before,
.testimonial-item::before,
.form-card::before,
.community-detail::before{
  content:''!important;
  position:absolute!important;
  left:14px!important;
  right:14px!important;
  top:0!important;
  height:1px!important;
  background:linear-gradient(90deg,transparent,rgba(111,242,208,.42),rgba(140,114,255,.30),transparent)!important;
  opacity:.85!important;
  pointer-events:none!important;
}

.feed-card,
.community-showcase-card,
.recado-card,
.testimonial-item,
.form-card,
.community-detail{
  position:relative!important;
}

/* Cards de postagem com hierarquia mais bonita */
.feed-author-line b{
  letter-spacing:-.25px!important;
}

.feed-badge,
.community-verified,
.verify-badge{
  box-shadow:0 6px 14px rgba(111,242,208,.16)!important;
}

.feed-action-row.actions-three .feed-action{
  background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.055))!important;
  border:1px solid rgba(255,255,255,.08)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;
}

/* Composer e busca com acabamento mais premium */
.home-composer-card,
.scraaps-global-search,
.home-welcome-card{
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.13),
    0 18px 38px rgba(4,3,44,.25)!important;
}

.scraaps-global-search input{
  letter-spacing:-.2px!important;
}

/* Inputs e textareas mais elegantes */
textarea,
input:not([type=checkbox]):not([type=radio]),
select{
  background:rgba(255,255,255,.075)!important;
  border:1px solid rgba(255,255,255,.13)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;
  font-weight:300!important;
}

textarea::placeholder,
input::placeholder{
  font-weight:300!important;
}

/* Botões principais com visual mais limpo */
.btn,
.btn-gradient,
.join-community-button,
.composer-submit-btn,
.profile-page .row-actions .btn,
.profile-page .row-actions .btn-gradient,
.profile-page .row-actions .btn-light{
  background:linear-gradient(180deg,#72f4d2,#58dfbf)!important;
  box-shadow:
    0 12px 26px rgba(111,242,208,.18),
    inset 0 1px 0 rgba(255,255,255,.40)!important;
  color:#0d144d!important;
  letter-spacing:-.25px!important;
}

/* Títulos dos cards especiais */
.feed-link-top{
  color:var(--scr-mint)!important;
  font-weight:800!important;
  letter-spacing:.10em!important;
}

.music-layer-meta strong,
.album-info b,
.community-showcase-card .feed-author-line b,
.profile-page .testimonial-head b,
.profile-page .recado-card .post-meta b{
  letter-spacing:-.25px!important;
  font-weight:800!important;
}

/* Bottom nav com fonte mais refinada */
.bottom-nav{
  box-shadow:
    0 -16px 34px rgba(2,1,28,.32),
    inset 0 1px 0 rgba(255,255,255,.08)!important;
}

.nav-item b{
  font-weight:800!important;
  letter-spacing:-.2px!important;
}

/* Cards de contador do perfil mais premium */
.profile-page .profile-mini-menu a,
.profile-page .compact-social-menu a{
  background:
    radial-gradient(circle at 50% 0%,rgba(111,242,208,.10),transparent 45%),
    rgba(255,255,255,.075)!important;
}

.profile-page .profile-mini-menu strong,
.profile-page .compact-social-menu strong{
  font-weight:900!important;
  text-shadow:0 8px 18px rgba(255,255,255,.10)!important;
}

/* Pequeno detalhe nos títulos de Recados/Depoimentos/Perfil */
#recados .section-title,
#depoimentos .section-title{
  letter-spacing:-.7px!important;
}

/* Ajuste visual para mobile */
@media(max-width:420px){
  .section-title,
  .profile-page .section-title,
  body.page-comunidade .section-title,
  .page-title{
    letter-spacing:-.45px!important;
  }

  .section-title::before,
  .profile-page .section-title::before,
  body.page-comunidade .section-title::before,
  .page-title::before,
  .home-section-head strong::before{
    height:18px!important;
  }
}



/* ===== V18 - espaçamento entre seções + divisórias em degradê + excluir recados ===== */

/* Mais respiro entre Feed e Recados, inclusive quando aparece "Nada publicado ainda" */
.profile-page .profile-feed-zone{
  margin-bottom:30px!important;
}
.profile-page .profile-feed-zone .empty,
.profile-page #feed + .empty,
.profile-page .mockup-empty{
  margin-bottom:26px!important;
}
.profile-page #recados.section-head{
  margin-top:30px!important;
}

/* Linha fina de divisão entre as seções do perfil */
.profile-page .section-head{
  position:relative!important;
  padding-top:18px!important;
}
.profile-page .section-head::after{
  content:''!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  top:0!important;
  height:1px!important;
  background:linear-gradient(90deg,transparent 0%,rgba(111,242,208,.85) 16%,rgba(111,218,255,.75) 52%,rgba(140,114,255,.35) 84%,transparent 100%)!important;
  box-shadow:0 0 14px rgba(111,242,208,.20)!important;
  pointer-events:none!important;
}

/* Não coloca divisória no primeiro bloco principal quando ficar perto do topo */
.profile-page .profile-head + .section-head::after,
.profile-page .profile-head-modern + .section-head::after{
  opacity:.35!important;
}

/* Títulos com um pouco mais de presença, sem aumentar demais */
.profile-page .section-title{
  margin-top:0!important;
}

/* Botão excluir dos recados publicados */
.profile-page .recado-card .post-meta{
  position:relative!important;
  padding-right:78px!important;
}

.profile-page .recado-delete-form{
  position:absolute!important;
  top:0!important;
  right:0!important;
  margin:0!important;
  z-index:5!important;
}

.profile-page .recado-delete-form button{
  min-height:30px!important;
  padding:0 10px!important;
  border-radius:999px!important;
  border:1px solid rgba(255,95,120,.25)!important;
  background:rgba(255,95,120,.13)!important;
  color:#ff9aaa!important;
  font-size:11px!important;
  font-weight:900!important;
  line-height:1!important;
  cursor:pointer!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;
}

/* Cards de recado ganham respiro melhor */
.profile-page .recado-card{
  margin-bottom:18px!important;
}
.profile-page .recado-form-card{
  margin-bottom:18px!important;
}

/* Evita que a seção Recados cole no botão inferior em telas menores */
.profile-page #recados + .recado-form-card,
.profile-page #recados + .card{
  margin-top:12px!important;
}

@media(max-width:420px){
  .profile-page .profile-feed-zone{
    margin-bottom:28px!important;
  }
  .profile-page #recados.section-head{
    margin-top:28px!important;
  }
  .profile-page .section-head{
    padding-top:16px!important;
  }
  .profile-page .recado-card .post-meta{
    padding-right:70px!important;
  }
  .profile-page .recado-delete-form button{
    min-height:28px!important;
    padding:0 8px!important;
    font-size:10.5px!important;
  }
}



/* ===== V19 - categorias da seção Perfil com inicial maiúscula ===== */
.profile-page .social-info-row span{
  text-transform:none!important;
}
.profile-page .social-info-row span::first-letter{
  text-transform:uppercase!important;
}



/* ===== V20 - menu criar/postar com scroll interno e icones profissionais ===== */

/* O painel agora respeita a barra inferior e cria scroll só nos cards */
.quick-menu-backdrop{
  z-index:180!important;
}

.quick-menu-panel{
  z-index:220!important;
  width:min(480px,100% - 0px)!important;
  max-height:min(62vh,520px)!important;
  bottom:calc(92px + env(safe-area-inset-bottom))!important;
  padding:12px 16px 16px!important;
  border-radius:24px!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
  background:
    linear-gradient(180deg,rgba(44,32,126,.98),rgba(23,13,78,.98))!important;
  box-shadow:
    0 -22px 48px rgba(0,0,0,.42),
    inset 0 1px 0 rgba(255,255,255,.12)!important;
}

.quick-menu-panel.is-open{
  transform:translateX(-50%) translateY(0)!important;
}

.quick-menu-head{
  flex:0 0 auto!important;
  margin-bottom:12px!important;
}

.quick-menu-head strong{
  font-size:18px!important;
  letter-spacing:-.3px!important;
}

.quick-menu-grid{
  flex:1 1 auto!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
  -webkit-overflow-scrolling:touch!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
  padding:2px 2px 14px!important;
  margin:0 -2px!important;
  max-height:calc(min(62vh,520px) - 82px)!important;
  scrollbar-width:thin!important;
  scrollbar-color:rgba(111,242,208,.42) transparent!important;
}

.quick-menu-grid::-webkit-scrollbar{
  width:4px!important;
}

.quick-menu-grid::-webkit-scrollbar-track{
  background:transparent!important;
}

.quick-menu-grid::-webkit-scrollbar-thumb{
  background:linear-gradient(180deg,rgba(111,242,208,.65),rgba(111,218,255,.48))!important;
  border-radius:999px!important;
}

.quick-menu-grid a{
  min-height:104px!important;
  padding:15px 14px!important;
  border-radius:18px!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.045))!important;
  border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.09),
    0 14px 28px rgba(0,0,0,.18)!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  gap:6px!important;
}

.quick-menu-grid a:hover,
.quick-menu-grid a:focus{
  border-color:rgba(111,242,208,.32)!important;
  background:
    linear-gradient(180deg,rgba(111,242,208,.12),rgba(255,255,255,.045))!important;
}

.quick-menu-grid .quick-icon{
  width:34px!important;
  height:34px!important;
  border-radius:14px!important;
  display:grid!important;
  place-items:center!important;
  color:rgba(255,255,255,.74)!important;
  background:rgba(255,255,255,.055)!important;
  border:1px solid rgba(255,255,255,.08)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07)!important;
  margin:0!important;
  font-size:0!important;
}

.quick-menu-grid .quick-icon svg{
  width:21px!important;
  height:21px!important;
  display:block!important;
}

.quick-menu-grid b{
  display:block!important;
  font-size:14px!important;
  line-height:1.05!important;
  color:#fff!important;
  margin:2px 0 0!important;
  letter-spacing:-.2px!important;
}

.quick-menu-grid small{
  display:block!important;
  color:rgba(255,255,255,.58)!important;
  font-size:12px!important;
  line-height:1.15!important;
  font-weight:300!important;
}

/* Evita que a bottom nav cubra o painel aberto */
body:has(.quick-menu-panel.is-open) .bottom-nav{
  z-index:210!important;
}

/* Compatibilidade se :has não for suportado: o painel continua acima da bottom nav */
.bottom-nav{
  z-index:200!important;
}

@media(max-width:420px){
  .quick-menu-panel{
    max-height:min(60vh,500px)!important;
    bottom:calc(86px + env(safe-area-inset-bottom))!important;
    padding:12px 14px 14px!important;
  }

  .quick-menu-grid{
    max-height:calc(min(60vh,500px) - 78px)!important;
    gap:9px!important;
  }

  .quick-menu-grid a{
    min-height:96px!important;
    padding:13px 12px!important;
    border-radius:17px!important;
  }

  .quick-menu-grid .quick-icon{
    width:32px!important;
    height:32px!important;
    border-radius:13px!important;
  }

  .quick-menu-grid .quick-icon svg{
    width:20px!important;
    height:20px!important;
  }

  .quick-menu-grid b{
    font-size:13.5px!important;
  }

  .quick-menu-grid small{
    font-size:11.5px!important;
  }
}



/* ===== V21 - espaçamento entre busca e capa da comunidade ===== */

/* A capa da comunidade não deve colar na barra de busca do topo */
body.page-comunidade .community-cover,
body.page-comunidade .community-hero-cover,
body.page-comunidade .community-cover-photo{
  margin-top:18px!important;
}

/* Caso a capa seja a primeira imagem/bloco logo após o topo */
body.page-comunidade .scraaps-topbar + .community-cover,
body.page-comunidade .scraaps-topbar + .community-hero-cover,
body.page-comunidade .scraaps-topbar + .community-cover-photo,
body.page-comunidade .scraaps-topbar + .container .community-cover:first-child,
body.page-comunidade .scraaps-topbar + .container .community-hero-cover:first-child,
body.page-comunidade .scraaps-topbar + .container .community-cover-photo:first-child{
  margin-top:20px!important;
}

/* Cobre a estrutura atual da página comunidade: imagem larga antes do card de detalhes */
body.page-comunidade .container > img:first-child,
body.page-comunidade .container > .cover:first-child,
body.page-comunidade .container > .community-banner:first-child,
body.page-comunidade .container > .community-cover:first-child,
body.page-comunidade .container > .community-hero:first-child{
  margin-top:18px!important;
}

/* Se a capa estiver fora do container, ainda assim garante respiro visual */
body.page-comunidade .scraaps-global-search{
  margin-bottom:18px!important;
}

@media(max-width:420px){
  body.page-comunidade .community-cover,
  body.page-comunidade .community-hero-cover,
  body.page-comunidade .community-cover-photo,
  body.page-comunidade .container > img:first-child,
  body.page-comunidade .container > .cover:first-child,
  body.page-comunidade .container > .community-banner:first-child,
  body.page-comunidade .container > .community-cover:first-child,
  body.page-comunidade .container > .community-hero:first-child{
    margin-top:16px!important;
  }
  body.page-comunidade .scraaps-global-search{
    margin-bottom:16px!important;
  }
}


/* ===== V22 - botões Recados/Depoimentos e cards métricos modernizados ===== */
.profile-page .profile-action-tabs{
  gap:12px!important;
  margin:4px 0 18px!important;
}
.profile-page .profile-action-tabs a{
  min-height:44px!important;
  padding:0 18px!important;
  border-radius:16px!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.11),rgba(255,255,255,.055))!important;
  border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10),
    0 12px 26px rgba(7,4,49,.22)!important;
  gap:10px!important;
  letter-spacing:-.25px!important;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease!important;
}
.profile-page .profile-action-tabs a:hover,
.profile-page .profile-action-tabs a:focus{
  transform:translateY(-1px)!important;
  border-color:rgba(111,242,208,.26)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    0 14px 28px rgba(7,4,49,.28),
    0 0 0 1px rgba(111,242,208,.06)!important;
}
.profile-page .profile-action-tabs .action-tab-icon{
  width:28px!important;
  height:28px!important;
  border-radius:11px!important;
  display:grid!important;
  place-items:center!important;
  color:rgba(255,255,255,.82)!important;
  background:rgba(255,255,255,.06)!important;
  border:1px solid rgba(255,255,255,.08)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;
  flex:0 0 auto!important;
}
.profile-page .profile-action-tabs .action-tab-icon svg{
  width:17px!important;
  height:17px!important;
  display:block!important;
}
.profile-page .profile-action-tabs a > span:last-child{
  display:block!important;
  font-size:15px!important;
  font-weight:900!important;
  color:#fff!important;
}

.profile-page .profile-mini-menu,
.profile-page .compact-social-menu{
  gap:14px!important;
  margin:18px 0 22px!important;
}
.profile-page .profile-mini-menu a,
.profile-page .compact-social-menu a{
  min-height:132px!important;
  padding:16px 10px 14px!important;
  border-radius:22px!important;
  background:
    radial-gradient(circle at 50% 0%, rgba(111,242,208,.10), transparent 36%),
    linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.045)),
    rgba(31,21,92,.96)!important;
  border:1px solid rgba(255,255,255,.14)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.11),
    0 18px 34px rgba(5,3,44,.18)!important;
  gap:8px!important;
}
.profile-page .profile-mini-menu .metric-icon,
.profile-page .compact-social-menu .metric-icon{
  width:42px!important;
  height:42px!important;
  border-radius:16px!important;
  display:grid!important;
  place-items:center!important;
  color:rgba(255,255,255,.78)!important;
  background:rgba(255,255,255,.06)!important;
  border:1px solid rgba(255,255,255,.08)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;
  font-size:0!important;
}
.profile-page .profile-mini-menu .metric-icon svg,
.profile-page .compact-social-menu .metric-icon svg{
  width:24px!important;
  height:24px!important;
  display:block!important;
}
.profile-page .profile-mini-menu strong,
.profile-page .compact-social-menu strong{
  font-size:30px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:-.8px!important;
}
.profile-page .profile-mini-menu em,
.profile-page .compact-social-menu em{
  font-size:13px!important;
  line-height:1!important;
  color:rgba(255,255,255,.76)!important;
  font-weight:800!important;
  text-transform:lowercase!important;
}
@media(max-width:420px){
  .profile-page .profile-action-tabs a{min-height:42px!important;padding:0 16px!important;border-radius:15px!important;gap:9px!important;}
  .profile-page .profile-action-tabs .action-tab-icon{width:26px!important;height:26px!important;border-radius:10px!important;}
  .profile-page .profile-action-tabs .action-tab-icon svg{width:16px!important;height:16px!important;}
  .profile-page .profile-action-tabs a > span:last-child{font-size:14px!important;}
  .profile-page .profile-mini-menu,
  .profile-page .compact-social-menu{gap:12px!important;}
  .profile-page .profile-mini-menu a,
  .profile-page .compact-social-menu a{min-height:124px!important;padding:15px 8px 13px!important;border-radius:20px!important;}
  .profile-page .profile-mini-menu .metric-icon,
  .profile-page .compact-social-menu .metric-icon{width:39px!important;height:39px!important;border-radius:15px!important;}
  .profile-page .profile-mini-menu .metric-icon svg,
  .profile-page .compact-social-menu .metric-icon svg{width:22px!important;height:22px!important;}
  .profile-page .profile-mini-menu strong,
  .profile-page .compact-social-menu strong{font-size:28px!important;}
  .profile-page .profile-mini-menu em,
  .profile-page .compact-social-menu em{font-size:12.5px!important;}
}


/* ===== V23 - mais espaço entre @username/verificação e botões Recados/Depoimentos ===== */
.profile-page .profile-verified,
.profile-page .user.profile-verified{
  margin-bottom:18px!important;
}

.profile-page .profile-action-tabs{
  margin:10px 0 18px!important;
}

@media(max-width:420px){
  .profile-page .profile-verified,
  .profile-page .user.profile-verified{
    margin-bottom:16px!important;
  }

  .profile-page .profile-action-tabs{
    margin:8px 0 18px!important;
  }
}


/* ===== V24 - postagem de notícia por URL / preview 1x1 ===== */
.news-link-media{
  display:block!important;
  width:calc(100% + 26px)!important;
  margin-left:-13px!important;
  margin-right:-13px!important;
  aspect-ratio:1/1!important;
  overflow:hidden!important;
  background:#08072b!important;
  text-decoration:none!important;
  border-radius:0!important;
}
.news-link-media img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
  border-radius:0!important;
}
.news-link-fallback{
  width:100%!important;
  height:100%!important;
  display:grid!important;
  place-items:center!important;
  color:rgba(255,255,255,.62)!important;
  background:radial-gradient(circle at 50% 42%,rgba(111,242,208,.16),transparent 34%),linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.03))!important;
}
.news-link-fallback svg{
  width:54px!important;
  height:54px!important;
}
.news-link-title-card{
  display:block!important;
  margin:0 -13px 0!important;
  padding:12px 14px 14px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.045))!important;
  border-top:1px solid rgba(255,255,255,.10)!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
  color:#fff!important;
  text-decoration:none!important;
}
.news-link-title-card small{
  display:block!important;
  margin:0 0 6px!important;
  color:rgba(255,255,255,.54)!important;
  font-size:10px!important;
  line-height:1.1!important;
  font-weight:900!important;
  letter-spacing:.05em!important;
}
.news-link-title-card strong{
  display:block!important;
  color:#fff!important;
  font-size:15px!important;
  line-height:1.18!important;
  font-weight:900!important;
  letter-spacing:-.25px!important;
}
.news-link-title-card p{
  margin:6px 0 0!important;
  color:rgba(255,255,255,.68)!important;
  font-size:12px!important;
  line-height:1.25!important;
  font-weight:300!important;
}
.link-post-form-card input[type="url"]{
  font-weight:800!important;
}
.feed-type-link .feed-action-row.actions-three{
  margin-top:12px!important;
}
@media(max-width:420px){
  .news-link-media{width:calc(100% + 24px)!important;margin-left:-12px!important;margin-right:-12px!important;}
  .news-link-title-card{margin-left:-12px!important;margin-right:-12px!important;padding:11px 13px 13px!important;}
  .news-link-title-card strong{font-size:14.5px!important;}
}



/* ===== V25 - hashtags em todos os formatos de postagem ===== */
.hashtag-link,
.feed-card .hashtag-link,
.feed-photo-caption .hashtag-link,
.message .hashtag-link,
.caption-link.hashtag-link{
  color:var(--scr-mint)!important;
  font-weight:900!important;
  text-decoration:none!important;
  letter-spacing:-.15px!important;
  text-shadow:0 0 16px rgba(111,242,208,.18)!important;
}

.hashtag-link:hover,
.feed-card .hashtag-link:hover{
  color:#7dffe0!important;
  text-decoration:none!important;
}



/* ===== V26 - capa automática e player/pause para vídeos ===== */
.video-card-portrait{
  position:relative!important;
  background:linear-gradient(180deg,rgba(14,10,48,.92),rgba(6,5,28,.98))!important;
}

.video-card-portrait video{
  display:block!important;
  background:transparent!important;
  object-fit:cover!important;
}

.video-card-portrait.needs-frame:not(.frame-ready)::before{
  content:'Preparando capa do vídeo...'!important;
  position:absolute!important;
  inset:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:rgba(255,255,255,.62)!important;
  font-size:13px!important;
  font-weight:800!important;
  z-index:1!important;
  background:
    radial-gradient(circle at 50% 42%,rgba(111,242,208,.12),transparent 34%),
    linear-gradient(180deg,rgba(22,13,75,.96),rgba(8,6,39,.96))!important;
}

.video-play-overlay{
  position:absolute!important;
  inset:0!important;
  z-index:4!important;
  display:grid!important;
  place-items:center!important;
  border:0!important;
  background:linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.18))!important;
  color:#fff!important;
  cursor:pointer!important;
  opacity:1!important;
  transition:background .18s ease, opacity .18s ease!important;
}

.video-control-circle,
.video-play-overlay span{
  width:64px!important;
  height:64px!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  background:rgba(18,11,68,.55)!important;
  border:1px solid rgba(255,255,255,.18)!important;
  color:rgba(255,255,255,.92)!important;
  backdrop-filter:blur(10px)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.14),
    0 14px 30px rgba(0,0,0,.30)!important;
}

.video-control-circle svg,
.video-play-overlay span svg{
  width:28px!important;
  height:28px!important;
  display:block!important;
}

.video-play-icon{
  margin-left:3px!important;
}

.video-pause-icon{
  display:none!important;
  margin-left:0!important;
}

.video-card-portrait.is-playing .video-play-overlay{
  background:transparent!important;
}

.video-card-portrait.is-playing .video-control-circle,
.video-card-portrait.is-playing .video-play-overlay span{
  width:52px!important;
  height:52px!important;
  opacity:.72!important;
  background:rgba(18,11,68,.38)!important;
}

.video-card-portrait.is-playing .video-play-icon{
  display:none!important;
}

.video-card-portrait.is-playing .video-pause-icon{
  display:block!important;
}

.video-card-portrait.is-playing .video-play-overlay:hover .video-control-circle,
.video-card-portrait.is-playing .video-play-overlay:focus .video-control-circle{
  opacity:1!important;
}

@media(max-width:420px){
  .video-control-circle,
  .video-play-overlay span{
    width:58px!important;
    height:58px!important;
  }
  .video-control-circle svg,
  .video-play-overlay span svg{
    width:25px!important;
    height:25px!important;
  }
  .video-card-portrait.is-playing .video-control-circle,
  .video-card-portrait.is-playing .video-play-overlay span{
    width:48px!important;
    height:48px!important;
  }
}



/* ===== V27 - hotfix vídeo: capa gerada no upload + player sem tela preta travada ===== */
.video-card-portrait.needs-frame::before,
.video-card-portrait.no-poster::before{
  content:none!important;
  display:none!important;
}

.video-card-portrait.no-poster{
  background:
    radial-gradient(circle at 50% 46%,rgba(111,242,208,.10),transparent 34%),
    linear-gradient(180deg,rgba(22,13,75,.96),rgba(8,6,39,.96))!important;
}

.video-control-circle,
.video-play-overlay span{
  position:relative!important;
}

.video-play-icon,
.video-pause-icon{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
}

.video-play-icon{
  display:block!important;
  margin-left:2px!important;
}

.video-pause-icon{
  display:none!important;
  margin-left:0!important;
}

.video-card-portrait.is-playing .video-play-icon{
  display:none!important;
}

.video-card-portrait.is-playing .video-pause-icon{
  display:block!important;
}

.video-card-portrait:not(.is-playing) .video-pause-icon{
  display:none!important;
}

.video-card-portrait:not(.is-playing) .video-play-icon{
  display:block!important;
}

.video-card-portrait video[controls] + .video-play-overlay{
  pointer-events:none!important;
  opacity:.25!important;
}


/* ===== V28 - alinhamento do ícone do player ===== */
.video-control-circle,
.video-play-overlay span{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}

.video-play-icon,
.video-pause-icon{
  width:24px!important;
  height:24px!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  margin:0!important;
}

/* Ajuste óptico do triângulo para ficar centralizado dentro do círculo */
.video-play-icon{
  transform:translate(-46%,-50%)!important;
}

.video-pause-icon{
  transform:translate(-50%,-50%)!important;
}



/* ===== V29 - textos auxiliares da tela de login em branco ===== */
.auth-body a,
.auth-body .auth-links,
.auth-body .auth-links a,
.auth-body .auth-help,
.auth-body .auth-help a,
.auth-body .forgot-link,
.auth-body .register-link,
.auth-body .login-links,
.auth-body .login-links a,
.auth-body .auth-card p,
.auth-body .auth-card small,
.auth-body .auth-form p,
.auth-body .auth-form small,
.auth-body .form-footer,
.auth-body .form-footer a,
.auth-body .auth-footer,
.auth-body .auth-footer a{
  color:rgba(255,255,255,.88)!important;
}

.auth-body .auth-links a,
.auth-body .auth-help a,
.auth-body .forgot-link,
.auth-body .register-link,
.auth-body .login-links a,
.auth-body .form-footer a,
.auth-body .auth-footer a{
  font-weight:900!important;
  text-decoration:none!important;
}

.auth-body .auth-links a:hover,
.auth-body .auth-help a:hover,
.auth-body .forgot-link:hover,
.auth-body .register-link:hover,
.auth-body .login-links a:hover,
.auth-body .form-footer a:hover,
.auth-body .auth-footer a:hover{
  color:#6ff2d0!important;
}

/* ===== V30 - player de vídeo com ícones redesenhados e centralizados ===== */
.video-control-circle,
.video-play-overlay span{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}

.video-control-circle svg,
.video-play-overlay span svg,
.video-play-icon,
.video-pause-icon{
  display:none!important;
  opacity:0!important;
  width:0!important;
  height:0!important;
  overflow:hidden!important;
}

.video-control-circle::before,
.video-play-overlay span::before{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-42%,-50%)!important;
  width:0!important;
  height:0!important;
  border-top:11px solid transparent!important;
  border-bottom:11px solid transparent!important;
  border-left:17px solid rgba(255,255,255,.96)!important;
}

.video-control-circle::after,
.video-play-overlay span::after{
  content:""!important;
  display:none!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  width:16px!important;
  height:18px!important;
  border-radius:1px!important;
  background:linear-gradient(90deg,
    rgba(255,255,255,.96) 0 5px,
    transparent 5px 11px,
    rgba(255,255,255,.96) 11px 16px)!important;
}

.video-card-portrait.is-playing .video-control-circle::before,
.video-card-portrait.is-playing .video-play-overlay span::before{
  display:none!important;
}

.video-card-portrait.is-playing .video-control-circle::after,
.video-card-portrait.is-playing .video-play-overlay span::after{
  display:block!important;
}

@media(max-width:420px){
  .video-control-circle::before,
  .video-play-overlay span::before{
    border-top-width:10px!important;
    border-bottom-width:10px!important;
    border-left-width:16px!important;
  }
  .video-control-circle::after,
  .video-play-overlay span::after{
    width:14px!important;
    height:16px!important;
    background:linear-gradient(90deg,
      rgba(255,255,255,.96) 0 4px,
      transparent 4px 10px,
      rgba(255,255,255,.96) 10px 14px)!important;
  }
}

/* ===== V31 - player premium: círculo refinado, hover elegante, proporção suave ===== */
.video-play-overlay{
  opacity:1!important;
}

.video-control-circle,
.video-play-overlay span{
  width:54px!important;
  height:54px!important;
  border-radius:50%!important;
  background:linear-gradient(180deg, rgba(67,55,144,.58) 0%, rgba(43,32,108,.72) 100%)!important;
  border:1px solid rgba(255,255,255,.16)!important;
  box-shadow:
    0 10px 28px rgba(0,0,0,.28),
    inset 0 1px 0 rgba(255,255,255,.14),
    0 0 0 4px rgba(255,255,255,.05)!important;
  backdrop-filter:blur(10px)!important;
  -webkit-backdrop-filter:blur(10px)!important;
  transition:transform .20s ease, box-shadow .20s ease, background .20s ease, opacity .20s ease!important;
}

.video-play-overlay:hover .video-control-circle,
.video-play-overlay:hover span,
.video-play-overlay:focus .video-control-circle,
.video-play-overlay:focus span,
.video-play-overlay:focus-visible .video-control-circle,
.video-play-overlay:focus-visible span{
  transform:scale(1.06)!important;
  background:linear-gradient(180deg, rgba(84,72,178,.68) 0%, rgba(51,39,129,.82) 100%)!important;
  box-shadow:
    0 14px 34px rgba(0,0,0,.34),
    inset 0 1px 0 rgba(255,255,255,.18),
    0 0 0 5px rgba(127,245,199,.10)!important;
}

.video-play-overlay:active .video-control-circle,
.video-play-overlay:active span{
  transform:scale(.98)!important;
}

.video-control-circle::before,
.video-play-overlay span::before{
  border-top:10px solid transparent!important;
  border-bottom:10px solid transparent!important;
  border-left:16px solid rgba(255,255,255,.98)!important;
  filter:drop-shadow(0 1px 1px rgba(0,0,0,.12))!important;
}

.video-control-circle::after,
.video-play-overlay span::after{
  width:14px!important;
  height:18px!important;
  background:linear-gradient(90deg,
    rgba(255,255,255,.98) 0 4px,
    transparent 4px 10px,
    rgba(255,255,255,.98) 10px 14px)!important;
  filter:drop-shadow(0 1px 1px rgba(0,0,0,.12))!important;
}

.video-card-portrait.is-playing .video-play-overlay{
  opacity:1!important;
}

.video-card-portrait.is-playing .video-control-circle,
.video-card-portrait.is-playing .video-play-overlay span{
  opacity:.14!important;
}

.video-card-portrait.is-playing .video-play-overlay:hover .video-control-circle,
.video-card-portrait.is-playing .video-play-overlay:hover span,
.video-card-portrait.is-playing .video-play-overlay:focus .video-control-circle,
.video-card-portrait.is-playing .video-play-overlay:focus span,
.video-card-portrait.is-playing .video-play-overlay:focus-visible .video-control-circle,
.video-card-portrait.is-playing .video-play-overlay:focus-visible span{
  opacity:1!important;
}

@media (max-width:420px){
  .video-control-circle,
  .video-play-overlay span{
    width:50px!important;
    height:50px!important;
  }
  .video-control-circle::before,
  .video-play-overlay span::before{
    border-top-width:9px!important;
    border-bottom-width:9px!important;
    border-left-width:15px!important;
  }
  .video-control-circle::after,
  .video-play-overlay span::after{
    width:13px!important;
    height:16px!important;
    background:linear-gradient(90deg,
      rgba(255,255,255,.98) 0 4px,
      transparent 4px 9px,
      rgba(255,255,255,.98) 9px 13px)!important;
  }
}



/* ===== V32 - força links/textos auxiliares do login em branco ===== */

/* Tela de login: links abaixo do botão */
body.auth-page a,
body.auth-page p,
body.auth-page small,
body.auth-page .muted,
body.auth-page .form-footer,
body.auth-page .form-footer *,
body.auth-page .auth-footer,
body.auth-page .auth-footer *,
body.auth-page .auth-links,
body.auth-page .auth-links *,
body.auth-page .login-links,
body.auth-page .login-links *,
body.auth-page .forgot-password,
body.auth-page .forgot-password *,
body.auth-page .esqueci-senha,
body.auth-page .esqueci-senha *,
body.auth-page .criar-conta,
body.auth-page .criar-conta *,
body.auth-page .register-link,
body.auth-page .forgot-link,

body.login-page a,
body.login-page p,
body.login-page small,
body.login-page .muted,
body.login-page .form-footer,
body.login-page .form-footer *,
body.login-page .auth-footer,
body.login-page .auth-footer *,
body.login-page .auth-links,
body.login-page .auth-links *,
body.login-page .login-links,
body.login-page .login-links *,
body.login-page .forgot-password,
body.login-page .forgot-password *,
body.login-page .register-link,
body.login-page .forgot-link,

.login-screen a,
.login-screen p,
.login-screen small,
.login-screen .muted,
.login-screen .form-footer,
.login-screen .form-footer *,
.login-screen .auth-footer,
.login-screen .auth-footer *,
.login-screen .auth-links,
.login-screen .auth-links *,
.login-screen .login-links,
.login-screen .login-links *,
.login-screen .forgot-password,
.login-screen .forgot-password *,
.login-screen .register-link,
.login-screen .forgot-link,

.auth-container a,
.auth-container p,
.auth-container small,
.auth-container .muted,
.auth-container .form-footer,
.auth-container .form-footer *,
.auth-container .auth-footer,
.auth-container .auth-footer *,
.auth-container .auth-links,
.auth-container .auth-links *,
.auth-container .login-links,
.auth-container .login-links *,
.auth-container .forgot-password,
.auth-container .forgot-password *,
.auth-container .register-link,
.auth-container .forgot-link,

.auth-card a,
.auth-card p,
.auth-card small,
.auth-card .muted,
.auth-card .form-footer,
.auth-card .form-footer *,
.auth-card .auth-footer,
.auth-card .auth-footer *,
.auth-card .auth-links,
.auth-card .auth-links *,
.auth-card .login-links,
.auth-card .login-links *,
.auth-card .forgot-password,
.auth-card .forgot-password *,
.auth-card .register-link,
.auth-card .forgot-link,

.login-card a,
.login-card p,
.login-card small,
.login-card .muted,
.login-card .form-footer,
.login-card .form-footer *,
.login-card .auth-footer,
.login-card .auth-footer *,
.login-card .auth-links,
.login-card .auth-links *,
.login-card .login-links,
.login-card .login-links *,
.login-card .forgot-password,
.login-card .forgot-password *,
.login-card .register-link,
.login-card .forgot-link{
  color:rgba(255,255,255,.92)!important;
}

/* Caso os links estejam sem classe específica logo após o botão */
form[action*="login"] + a,
form[action*="login"] + p,
form[action*="login"] + div,
form[action*="login"] ~ a,
form[action*="login"] ~ p,
form[action*="login"] ~ div,
form[action*="entrar"] + a,
form[action*="entrar"] + p,
form[action*="entrar"] + div,
form[action*="entrar"] ~ a,
form[action*="entrar"] ~ p,
form[action*="entrar"] ~ div{
  color:rgba(255,255,255,.92)!important;
}

form[action*="login"] + a *,
form[action*="login"] + p *,
form[action*="login"] + div *,
form[action*="login"] ~ a *,
form[action*="login"] ~ p *,
form[action*="login"] ~ div *,
form[action*="entrar"] + a *,
form[action*="entrar"] + p *,
form[action*="entrar"] + div *,
form[action*="entrar"] ~ a *,
form[action*="entrar"] ~ p *,
form[action*="entrar"] ~ div *{
  color:rgba(255,255,255,.92)!important;
}

body.auth-page a[href*="senha"],
body.auth-page a[href*="recuperar"],
body.auth-page a[href*="cadastro"],
body.auth-page a[href*="criar"],
body.auth-page a[href*="registrar"],
body.login-page a[href*="senha"],
body.login-page a[href*="recuperar"],
body.login-page a[href*="cadastro"],
body.login-page a[href*="criar"],
body.login-page a[href*="registrar"],
.login-screen a[href*="senha"],
.login-screen a[href*="recuperar"],
.login-screen a[href*="cadastro"],
.login-screen a[href*="criar"],
.login-screen a[href*="registrar"],
.auth-container a[href*="senha"],
.auth-container a[href*="recuperar"],
.auth-container a[href*="cadastro"],
.auth-container a[href*="criar"],
.auth-container a[href*="registrar"],
.auth-card a[href*="senha"],
.auth-card a[href*="recuperar"],
.auth-card a[href*="cadastro"],
.auth-card a[href*="criar"],
.auth-card a[href*="registrar"],
.login-card a[href*="senha"],
.login-card a[href*="recuperar"],
.login-card a[href*="cadastro"],
.login-card a[href*="criar"],
.login-card a[href*="registrar"]{
  color:#ffffff!important;
  font-weight:900!important;
  text-decoration:none!important;
}

body.auth-page a:hover,
body.login-page a:hover,
.login-screen a:hover,
.auth-container a:hover,
.auth-card a:hover,
.login-card a:hover{
  color:#6ff2d0!important;
}



/* ===== V33 - player de vídeo: ícone some durante reprodução ===== */

/* Enquanto o vídeo roda, o overlay continua clicável, mas o botão visual desaparece */
.video-card-portrait.is-playing .video-play-overlay{
  opacity:1!important;
  pointer-events:auto!important;
  background:transparent!important;
  cursor:pointer!important;
}

.video-card-portrait.is-playing .video-control-circle,
.video-card-portrait.is-playing .video-play-overlay span{
  opacity:0!important;
  transform:scale(.92)!important;
  pointer-events:none!important;
  transition:opacity .18s ease, transform .18s ease!important;
}

/* Mesmo com hover/toque, não mostra pause fixo durante a reprodução */
.video-card-portrait.is-playing .video-play-overlay:hover .video-control-circle,
.video-card-portrait.is-playing .video-play-overlay:hover span,
.video-card-portrait.is-playing .video-play-overlay:focus .video-control-circle,
.video-card-portrait.is-playing .video-play-overlay:focus span,
.video-card-portrait.is-playing .video-play-overlay:focus-visible .video-control-circle,
.video-card-portrait.is-playing .video-play-overlay:focus-visible span{
  opacity:0!important;
  transform:scale(.92)!important;
}

/* Quando pausa, volta a mostrar o play centralizado */
.video-card-portrait:not(.is-playing) .video-play-overlay{
  opacity:1!important;
  pointer-events:auto!important;
}

.video-card-portrait:not(.is-playing) .video-control-circle,
.video-card-portrait:not(.is-playing) .video-play-overlay span{
  opacity:1!important;
  transform:scale(1)!important;
  pointer-events:auto!important;
}



/* ===== V34 - feed do perfil igual ao feed principal ===== */
.profile-unified-feed.home-feed-list{
  display:block!important;
  width:100%!important;
}

.profile-unified-feed.home-feed-list .feed-card{
  width:100%!important;
  margin:0 0 18px!important;
}

.profile-unified-feed.home-feed-list .post-meta{
  align-items:flex-start!important;
}

.profile-unified-feed.home-feed-list .feed-author-text{
  min-width:0!important;
}

.profile-unified-feed.home-feed-list .feed-author-line{
  min-width:0!important;
  width:100%!important;
}

.profile-unified-feed.home-feed-list .feed-author-line b{
  display:block!important;
  max-width:100%!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

.profile-unified-feed.home-feed-list .feed-options-wrap{
  top:0!important;
  right:0!important;
}

.profile-unified-feed.home-feed-list .feed-photo-caption,
.profile-unified-feed.home-feed-list .message{
  font-weight:300!important;
}

.profile-unified-feed.home-feed-list .hashtag-link{
  color:var(--scr-mint)!important;
  font-weight:900!important;
}

.profile-unified-feed.home-feed-list .media-frame,
.profile-unified-feed.home-feed-list .music-layer-card,
.profile-unified-feed.home-feed-list .news-link-media,
.profile-unified-feed.home-feed-list .news-link-title-card,
.profile-unified-feed.home-feed-list .feed-link-card{
  margin-top:12px!important;
}



/* ===== V35 - card de notícia colado à imagem no feed do perfil ===== */
.profile-unified-feed.home-feed-list .news-link-media{
  margin-bottom:0!important;
  border-bottom-left-radius:0!important;
  border-bottom-right-radius:0!important;
}

.profile-unified-feed.home-feed-list .news-link-media img,
.profile-unified-feed.home-feed-list .news-link-media .news-link-fallback{
  border-bottom-left-radius:0!important;
  border-bottom-right-radius:0!important;
}

.profile-unified-feed.home-feed-list .news-link-media + .news-link-title-card{
  margin-top:0!important;
  border-top-left-radius:0!important;
  border-top-right-radius:0!important;
  border-top:0!important;
}

.profile-unified-feed.home-feed-list .news-link-title-card{
  margin-top:0!important;
}



/* ===== V36 - remove linhas brancas de divisão no feed do perfil ===== */

/* Remove divisórias brancas entre postagens do feed do perfil */
.profile-unified-feed.home-feed-list .feed-card,
.profile-unified-feed.home-feed-list .feed-card::before,
.profile-unified-feed.home-feed-list .feed-card::after,
.profile-page .profile-unified-feed .feed-card,
.profile-page .profile-unified-feed .feed-card::before,
.profile-page .profile-unified-feed .feed-card::after{
  border-top-color:transparent!important;
  border-bottom-color:transparent!important;
}

/* Remove linhas horizontais claras criadas por regras globais no perfil */
.profile-page .profile-unified-feed article,
.profile-page .profile-unified-feed article::before,
.profile-page .profile-unified-feed article::after{
  border-top:0!important;
  border-bottom:0!important;
}

/* Garante que só permaneçam as divisões coloridas das seções já existentes */
.profile-page .profile-unified-feed{
  border-top:0!important;
  border-bottom:0!important;
}

.profile-page .profile-unified-feed .feed-action-row{
  border-top:0!important;
  border-bottom:0!important;
}

/* Remove qualquer linha branca direta antes/depois dos cards no feed do perfil */
.profile-page .profile-unified-feed + hr,
.profile-page .profile-unified-feed hr,
.profile-page #perfil-feed hr{
  display:none!important;
}



/* ===== V37 - comentários completos: respostas, curtidas, editar e excluir ===== */

/* Garante clique nos botões do feed do perfil e da página inicial */
.feed-action,
.feed-comment-toggle,
.feed-love-toggle,
.feed-share-button,
.feed-comments-box button,
.feed-comment-form button,
.feed-comment-reply-form button{
  pointer-events:auto!important;
}

/* Caixa de comentários com visual mais profissional */
.feed-comments-box{
  border-radius:20px!important;
  background:
    linear-gradient(180deg,rgba(38,27,104,.98),rgba(20,12,67,.98))!important;
  border:1px solid rgba(255,255,255,.13)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10),
    0 18px 40px rgba(0,0,0,.28)!important;
  overflow:hidden!important;
}

.feed-comments-box.is-open{
  display:block!important;
}

.comments-sheet-handle{
  width:44px!important;
  height:4px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.22)!important;
  margin:10px auto 4px!important;
}

.comments-sheet-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  padding:14px 16px!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
}

.comments-sheet-head strong{
  color:#fff!important;
  font-size:16px!important;
  line-height:1!important;
  font-weight:900!important;
}

.feed-comments-close{
  width:34px!important;
  height:34px!important;
  border-radius:50%!important;
  border:1px solid rgba(255,255,255,.10)!important;
  background:rgba(255,255,255,.08)!important;
  color:#fff!important;
  font-size:24px!important;
  line-height:1!important;
  display:grid!important;
  place-items:center!important;
}

.feed-comments-list{
  padding:12px 14px 4px!important;
  max-height:54vh!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
}

.feed-comments-empty{
  color:rgba(255,255,255,.65)!important;
  font-size:14px!important;
  text-align:center!important;
  padding:18px 8px!important;
}

/* Comentário */
.feed-comment-item{
  display:flex!important;
  align-items:flex-start!important;
  gap:10px!important;
  margin:0 0 13px!important;
  position:relative!important;
}

.feed-comment-item.is-reply{
  margin-top:10px!important;
}

.feed-comment-item.is-reply::before{
  content:''!important;
  position:absolute!important;
  left:-16px!important;
  top:-8px!important;
  width:15px!important;
  height:26px!important;
  border-left:1px solid rgba(111,242,208,.22)!important;
  border-bottom:1px solid rgba(111,242,208,.18)!important;
  border-bottom-left-radius:10px!important;
}

.feed-comment-body{
  flex:1!important;
  min-width:0!important;
}

.feed-comment-bubble{
  display:inline-block!important;
  max-width:100%!important;
  padding:10px 12px!important;
  border-radius:15px!important;
  background:rgba(255,255,255,.075)!important;
  border:1px solid rgba(255,255,255,.08)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06)!important;
}

.feed-comment-headline{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:6px!important;
  margin:0 0 5px!important;
}

.feed-comment-headline b{
  color:#fff!important;
  font-size:13.5px!important;
  line-height:1.1!important;
  font-weight:900!important;
}

.feed-comment-headline small{
  color:rgba(255,255,255,.48)!important;
  font-size:11px!important;
  line-height:1.1!important;
  font-weight:300!important;
}

.feed-comment-bubble p{
  margin:0!important;
  color:rgba(255,255,255,.84)!important;
  font-size:13.5px!important;
  line-height:1.35!important;
  word-break:break-word!important;
}

.feed-comment-item.is-deleted .feed-comment-bubble p{
  color:rgba(255,255,255,.48)!important;
  font-style:italic!important;
}

/* Ações do comentário */
.feed-comment-actions{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:7px!important;
  margin:5px 0 0 4px!important;
}

.feed-comment-actions button,
.feed-comment-actions span{
  border:0!important;
  background:transparent!important;
  padding:0!important;
  color:rgba(255,255,255,.56)!important;
  font-size:11.5px!important;
  line-height:1.2!important;
  font-weight:800!important;
  cursor:pointer!important;
}

.feed-comment-actions button:hover,
.feed-comment-actions button.is-liked{
  color:var(--scr-mint)!important;
}

.feed-comment-actions strong.comment-like-count{
  color:rgba(255,255,255,.66)!important;
  font-size:11.5px!important;
  line-height:1.2!important;
  font-weight:900!important;
  min-width:8px!important;
}

/* Respostas */
.feed-comment-replies{
  margin:9px 0 0 10px!important;
  padding-left:14px!important;
  border-left:1px solid rgba(255,255,255,.07)!important;
}

.feed-comment-reply-form,
.feed-comment-form{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  padding:10px 14px 14px!important;
}

.feed-comment-reply-form[hidden]{
  display:none!important;
}

.feed-comment-reply-form{
  padding:8px 0 0 4px!important;
}

.feed-comment-form input,
.feed-comment-reply-form input{
  flex:1!important;
  min-width:0!important;
  height:42px!important;
  border-radius:999px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  background:rgba(255,255,255,.075)!important;
  color:#fff!important;
  padding:0 14px!important;
  outline:none!important;
}

.feed-comment-reply-form input{
  height:36px!important;
  font-size:12.5px!important;
}

.feed-comment-form input::placeholder,
.feed-comment-reply-form input::placeholder{
  color:rgba(255,255,255,.44)!important;
}

.feed-comment-form button,
.feed-comment-reply-form button{
  flex:0 0 auto!important;
  height:42px!important;
  border-radius:999px!important;
  border:0!important;
  background:linear-gradient(180deg,#72f4d2,#58dfbf)!important;
  color:#0d144d!important;
  font-size:12px!important;
  font-weight:900!important;
  padding:0 14px!important;
}

.feed-comment-reply-form button{
  height:36px!important;
  padding:0 12px!important;
}

/* Mobile */
@media(max-width:420px){
  .feed-comments-list{
    max-height:58vh!important;
    padding:12px 12px 4px!important;
  }

  .feed-comment-item{
    gap:9px!important;
  }

  .feed-comment-bubble{
    padding:9px 11px!important;
    border-radius:14px!important;
  }

  .feed-comment-bubble p,
  .feed-comment-headline b{
    font-size:13px!important;
  }

  .feed-comment-actions button,
  .feed-comment-actions span,
  .feed-comment-actions strong.comment-like-count{
    font-size:11px!important;
  }
}



/* ===== V38 - comentários do feed do perfil iguais aos da página inicial ===== */

/* No feed do perfil, a caixa de comentários deve ser inline, compacta e com o mesmo visual da home */
.profile-page .profile-unified-feed.home-feed-list .feed-comments-box,
.profile-unified-feed.home-feed-list .feed-comments-box{
  position:relative!important;
  inset:auto!important;
  width:100%!important;
  max-width:none!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin:12px 0 0!important;
  padding:12px!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.06)!important;
  border:1px solid rgba(255,255,255,.08)!important;
  box-shadow:none!important;
  overflow:visible!important;
  transform:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

/* Mantém o puxador, título e botão fechar no mesmo padrão da página inicial */
.profile-page .profile-unified-feed.home-feed-list .comments-sheet-handle,
.profile-unified-feed.home-feed-list .comments-sheet-handle{
  width:44px!important;
  height:4px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.22)!important;
  margin:0 auto 12px!important;
}

.profile-page .profile-unified-feed.home-feed-list .comments-sheet-head,
.profile-unified-feed.home-feed-list .comments-sheet-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  margin:0 0 10px!important;
  padding:0 0 12px!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
}

.profile-page .profile-unified-feed.home-feed-list .comments-sheet-head strong,
.profile-unified-feed.home-feed-list .comments-sheet-head strong{
  color:#fff!important;
  font-size:16px!important;
  line-height:1!important;
  font-weight:900!important;
}

.profile-page .profile-unified-feed.home-feed-list .feed-comments-close,
.profile-unified-feed.home-feed-list .feed-comments-close{
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  border-radius:50%!important;
  border:1px solid rgba(255,255,255,.10)!important;
  background:rgba(255,255,255,.08)!important;
  color:#fff!important;
  font-size:28px!important;
  line-height:1!important;
  display:grid!important;
  place-items:center!important;
}

/* Lista compacta para não esconder o campo de digitação atrás do menu inferior */
.profile-page .profile-unified-feed.home-feed-list .feed-comments-list,
.profile-unified-feed.home-feed-list .feed-comments-list{
  padding:10px 0 8px!important;
  max-height:260px!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
}

.profile-page .profile-unified-feed.home-feed-list .feed-comments-empty,
.profile-unified-feed.home-feed-list .feed-comments-empty{
  color:rgba(255,255,255,.62)!important;
  font-size:16px!important;
  text-align:center!important;
  padding:28px 8px!important;
}

/* Campo de comentário sempre visível e no mesmo formato da home */
.profile-page .profile-unified-feed.home-feed-list .feed-comment-form,
.profile-unified-feed.home-feed-list .feed-comment-form{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  padding:12px 0 0!important;
  margin:0!important;
}

.profile-page .profile-unified-feed.home-feed-list .feed-comment-form input,
.profile-unified-feed.home-feed-list .feed-comment-form input{
  flex:1 1 auto!important;
  min-width:0!important;
  height:48px!important;
  border-radius:18px!important;
  border:1px solid rgba(255,255,255,.13)!important;
  background:rgba(255,255,255,.075)!important;
  color:#fff!important;
  padding:0 16px!important;
}

.profile-page .profile-unified-feed.home-feed-list .feed-comment-form button,
.profile-unified-feed.home-feed-list .feed-comment-form button{
  flex:0 0 auto!important;
  height:48px!important;
  min-width:88px!important;
  border-radius:999px!important;
  border:0!important;
  background:linear-gradient(180deg,#72f4d2,#58dfbf)!important;
  color:#0d144d!important;
  font-size:14px!important;
  font-weight:900!important;
  padding:0 18px!important;
  box-shadow:0 12px 26px rgba(111,242,208,.18)!important;
}

/* Respostas permanecem compactas dentro da caixa */
.profile-page .profile-unified-feed.home-feed-list .feed-comment-reply-form,
.profile-unified-feed.home-feed-list .feed-comment-reply-form{
  padding:8px 0 0 4px!important;
}

/* Evita que a bottom nav cubra a caixa quando o comentário abre perto do rodapé */
.profile-page .profile-unified-feed.home-feed-list .feed-card:has(.feed-comments-box.is-open),
.profile-unified-feed.home-feed-list .feed-card:has(.feed-comments-box.is-open){
  padding-bottom:18px!important;
}

@media(max-width:420px){
  .profile-page .profile-unified-feed.home-feed-list .feed-comments-box,
  .profile-unified-feed.home-feed-list .feed-comments-box{
    padding:12px!important;
    border-radius:16px!important;
    margin-top:12px!important;
  }

  .profile-page .profile-unified-feed.home-feed-list .feed-comments-list,
  .profile-unified-feed.home-feed-list .feed-comments-list{
    max-height:245px!important;
  }

  .profile-page .profile-unified-feed.home-feed-list .feed-comment-form input,
  .profile-unified-feed.home-feed-list .feed-comment-form input{
    height:46px!important;
    border-radius:17px!important;
    font-size:13.5px!important;
  }

  .profile-page .profile-unified-feed.home-feed-list .feed-comment-form button,
  .profile-unified-feed.home-feed-list .feed-comment-form button{
    height:46px!important;
    min-width:82px!important;
    font-size:13px!important;
    padding:0 15px!important;
  }
}



/* ===== V42 - login: links auxiliares obrigatoriamente brancos ===== */
body.auth-body .auth-links,
body.auth-body .auth-links *,
body.auth-body .auth-links a,
body.auth-body .auth-links a:link,
body.auth-body .auth-links a:visited,
body.auth-body .auth-links a:hover,
body.auth-body .auth-links a:active,
body.auth-body .login-links,
body.auth-body .login-links *,
body.auth-body .login-links a,
body.auth-body .login-links a:link,
body.auth-body .login-links a:visited,
body.auth-body .login-links a:hover,
body.auth-body .login-links a:active,
body.auth-body .form-card .auth-links,
body.auth-body .form-card .auth-links *,
body.auth-body .auth-card .auth-links,
body.auth-body .auth-card .auth-links *,
body.auth-body a[href*="esqueci-senha"],
body.auth-body a[href*="cadastro"],
body.auth-body a[href*="login.php"],
body.auth-body .auth-card > a,
body.auth-body .auth-card p a,
body.auth-body .auth-card div a{
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
  text-shadow:0 1px 8px rgba(0,0,0,.18)!important;
}

body.auth-body .auth-links{
  color:rgba(255,255,255,.86)!important;
  -webkit-text-fill-color:rgba(255,255,255,.86)!important;
  font-weight:500!important;
}

body.auth-body .auth-links a,
body.auth-body a[href*="esqueci-senha"],
body.auth-body a[href*="cadastro"]{
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
  font-weight:900!important;
  text-decoration:none!important;
}

body.auth-body .auth-links a:hover,
body.auth-body a[href*="esqueci-senha"]:hover,
body.auth-body a[href*="cadastro"]:hover{
  color:var(--scr-mint)!important;
  -webkit-text-fill-color:var(--scr-mint)!important;
}

/* Corrige casos em que o navegador aplica preto por regra global herdada */
body.auth-body .auth-container,
body.auth-body .auth-card,
body.auth-body .auth-card div,
body.auth-body .auth-card p,
body.auth-body .auth-card span{
  color:rgba(255,255,255,.92)!important;
}



/* ===== V43 - login: texto comum branco e links clicáveis verdes ===== */

/* Zera definitivamente as classes antigas que estavam forçando preto */
body.auth-body .login-links-black,
body.auth-body .login-link-black{
  color:inherit!important;
  -webkit-text-fill-color:inherit!important;
}

/* Texto comum do login */
html body.auth-body .auth-container .auth-card .auth-links,
html body.auth-body .auth-container .auth-card .login-auth-text,
html body.auth-body .auth-container .auth-card div.auth-links.login-auth-text{
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
  font-weight:500!important;
  text-shadow:0 1px 8px rgba(0,0,0,.28)!important;
}

/* Links clicáveis do login: verde da identidade */
html body.auth-body .auth-container .auth-card .auth-links a,
html body.auth-body .auth-container .auth-card .login-auth-text a,
html body.auth-body .auth-container .auth-card a.login-auth-link,
html body.auth-body .auth-container .auth-card a[href="esqueci-senha.php"],
html body.auth-body .auth-container .auth-card a[href="cadastro.php"]{
  color:var(--scr-mint)!important;
  -webkit-text-fill-color:var(--scr-mint)!important;
  font-weight:900!important;
  text-decoration:none!important;
  opacity:1!important;
  filter:none!important;
  text-shadow:0 1px 10px rgba(111,242,208,.18)!important;
}

/* Hover/touch mantém verde mais vivo */
html body.auth-body .auth-container .auth-card .auth-links a:hover,
html body.auth-body .auth-container .auth-card .login-auth-text a:hover,
html body.auth-body .auth-container .auth-card a.login-auth-link:hover,
html body.auth-body .auth-container .auth-card a[href="esqueci-senha.php"]:hover,
html body.auth-body .auth-container .auth-card a[href="cadastro.php"]:hover{
  color:#7cf4c7!important;
  -webkit-text-fill-color:#7cf4c7!important;
}

/* Evita que regra global de links escuros volte a afetar a tela de login */
html body.auth-body .auth-card a:not(.btn):not(.pwa-install-btn){
  color:var(--scr-mint)!important;
  -webkit-text-fill-color:var(--scr-mint)!important;
}

html body.auth-body .auth-card .auth-links:not(a),
html body.auth-body .auth-card .login-auth-text:not(a){
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
}



/* ===== V44 - cards de comunidades sem avatar, nome em destaque e sem verificado ===== */

/* Remove avatar e selo de verificação em cards de comunidade */
.community-showcase-card .community-avatar,
.feed-card.feed-type-comunidade .community-avatar,
.profile-community-card .community-avatar,
.community-meta .community-avatar,
.community-verified{
  display:none!important;
}

/* Cabeçalho do card fica alinhado sem avatar */
.community-showcase-card .clean-community-meta,
.feed-card.feed-type-comunidade .clean-community-meta,
.profile-community-card .clean-community-meta,
.clean-community-meta{
  display:flex!important;
  align-items:flex-start!important;
  gap:0!important;
  padding-left:0!important;
  margin-bottom:12px!important;
}

.community-showcase-card .feed-author-text,
.feed-card.feed-type-comunidade .feed-author-text,
.profile-community-card .feed-author-text{
  width:100%!important;
  min-width:0!important;
}

/* Nome da comunidade em caixa alta e com mais peso visual */
.clean-community-title,
.clean-community-title b,
.community-showcase-card .clean-community-title b,
.feed-card.feed-type-comunidade .clean-community-title b,
.profile-community-card .clean-community-title b,
.community-card .clean-community-title,
.community-card h3.clean-community-title,
.community-card h3{
  display:block!important;
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
  font-size:22px!important;
  line-height:1.12!important;
  font-weight:1000!important;
  letter-spacing:.01em!important;
  text-transform:uppercase!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
}

/* Quantidade de membros mais destacada */
.clean-community-members,
.community-showcase-card .clean-community-members,
.feed-card.feed-type-comunidade .clean-community-members,
.profile-community-card .clean-community-members,
.community-card .clean-community-members,
.community-card p.clean-community-members{
  color:rgba(255,255,255,.82)!important;
  -webkit-text-fill-color:rgba(255,255,255,.82)!important;
  font-size:15px!important;
  line-height:1.25!important;
  font-weight:800!important;
  margin-top:6px!important;
}

/* Página comunidades: melhora o bloco de informação sobre a capa */
.community-card .community-info,
.community-card .clean-community-list-info{
  align-items:flex-end!important;
}

.community-card .community-info h3,
.community-card .clean-community-list-info h3{
  margin:0!important;
  max-width:100%!important;
}

.community-card .community-info p,
.community-card .clean-community-list-info p{
  margin:6px 0 0!important;
}

/* Home/perfil: descrição respira melhor depois de remover avatar */
.community-showcase-card .feed-photo-caption.above-photo,
.profile-community-card .feed-photo-caption.above-photo{
  margin-top:2px!important;
  font-size:16px!important;
  line-height:1.34!important;
}

/* Em telas pequenas, mantém impacto sem quebrar layout */
@media(max-width:420px){
  .clean-community-title,
  .clean-community-title b,
  .community-showcase-card .clean-community-title b,
  .feed-card.feed-type-comunidade .clean-community-title b,
  .profile-community-card .clean-community-title b,
  .community-card h3.clean-community-title,
  .community-card h3{
    font-size:20px!important;
    line-height:1.14!important;
  }

  .clean-community-members,
  .community-showcase-card .clean-community-members,
  .feed-card.feed-type-comunidade .clean-community-members,
  .profile-community-card .clean-community-members,
  .community-card p.clean-community-members{
    font-size:14px!important;
  }
}



/* ===== V45 - título da comunidade em uma linha quando couber ===== */

/* Home/perfil/feed: o título fica em uma linha normal; só quebra se realmente não couber */
.community-showcase-card .clean-community-title,
.community-showcase-card .clean-community-title b,
.feed-card.feed-type-comunidade .clean-community-title,
.feed-card.feed-type-comunidade .clean-community-title b,
.profile-community-card .clean-community-title,
.profile-community-card .clean-community-title b{
  display:block!important;
  max-width:100%!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  hyphens:none!important;
}

/* Reduz levemente o título nos cards principais para evitar quebra desnecessária */
.community-showcase-card .clean-community-title b,
.feed-card.feed-type-comunidade .clean-community-title b,
.profile-community-card .clean-community-title b{
  font-size:20px!important;
  line-height:1.12!important;
  letter-spacing:.005em!important;
}

/* Página de comunidades: mantém uma linha e corta com reticências se for grande demais */
.community-card .clean-community-title,
.community-card h3.clean-community-title,
.community-card h3{
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  hyphens:none!important;
  max-width:100%!important;
}

/* Mobile: tamanho mais seguro para nomes médios como SAUDADES DO ORKUT */
@media(max-width:420px){
  .community-showcase-card .clean-community-title b,
  .feed-card.feed-type-comunidade .clean-community-title b,
  .profile-community-card .clean-community-title b{
    font-size:19px!important;
    line-height:1.12!important;
    letter-spacing:0!important;
  }
}



/* ===== V46 - play do vídeo na página inicial igual ao perfil ===== */

/* Página inicial: ícone branco/translúcido igual ao vídeo do perfil */
body.page-index .video-card-portrait .video-play-overlay,
body.active-inicio .video-card-portrait .video-play-overlay,
.home-feed-list .video-card-portrait .video-play-overlay{
  background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.28))!important;
  opacity:1!important;
  pointer-events:auto!important;
}

body.page-index .video-card-portrait .video-control-circle,
body.page-index .video-card-portrait .video-play-overlay span,
body.active-inicio .video-card-portrait .video-control-circle,
body.active-inicio .video-card-portrait .video-play-overlay span,
.home-feed-list .video-card-portrait .video-control-circle,
.home-feed-list .video-card-portrait .video-play-overlay span{
  width:76px!important;
  height:76px!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  background:rgba(255,255,255,.25)!important;
  border:0!important;
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  box-shadow:0 10px 34px rgba(0,0,0,.35)!important;
}

body.page-index .video-card-portrait .video-control-circle svg,
body.page-index .video-card-portrait .video-play-overlay span svg,
body.active-inicio .video-card-portrait .video-control-circle svg,
body.active-inicio .video-card-portrait .video-play-overlay span svg,
.home-feed-list .video-card-portrait .video-control-circle svg,
.home-feed-list .video-card-portrait .video-play-overlay span svg{
  width:34px!important;
  height:34px!important;
  color:#ffffff!important;
  fill:#ffffff!important;
}

body.page-index .video-card-portrait .video-play-icon,
body.active-inicio .video-card-portrait .video-play-icon,
.home-feed-list .video-card-portrait .video-play-icon{
  margin-left:4px!important;
}

/* Mantém o comportamento: ao tocar/reproduzir, o ícone some */
body.page-index .video-card-portrait.is-playing .video-control-circle,
body.page-index .video-card-portrait.is-playing .video-play-overlay span,
body.active-inicio .video-card-portrait.is-playing .video-control-circle,
body.active-inicio .video-card-portrait.is-playing .video-play-overlay span,
.home-feed-list .video-card-portrait.is-playing .video-control-circle,
.home-feed-list .video-card-portrait.is-playing .video-play-overlay span{
  opacity:0!important;
  transform:scale(.92)!important;
  pointer-events:none!important;
}



/* ===== V47 - ações dos posts limpas: só ícone + contador ===== */

/* Remove fundo arredondado dos botões de ações em todos os cards */
.feed-action-row,
.feed-action-row.actions-three,
.feed-action-row.actions-clean{
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  align-items:center!important;
  justify-items:center!important;
  gap:0!important;
  width:100%!important;
  margin:14px 0 10px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

.feed-action-row .feed-action,
.feed-action-row.actions-three .feed-action,
.feed-action-row.actions-clean .feed-action,
.feed-card .feed-action-row .feed-action,
.profile-unified-feed .feed-action-row .feed-action,
.home-feed-list .feed-action-row .feed-action{
  width:auto!important;
  min-width:0!important;
  height:auto!important;
  min-height:0!important;
  padding:6px 8px!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  outline:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  color:rgba(255,255,255,.78)!important;
  text-decoration:none!important;
}

/* Oculta os textos "Curtir", "Comentários", "Compartilhar" */
.feed-action-row .feed-action > span,
.feed-action-row.actions-clean .feed-action > span,
.feed-card .feed-action-row .feed-action > span{
  display:none!important;
}

/* Ícones centralizados */
.feed-action-row .feed-action svg,
.feed-action-row.actions-clean .feed-action svg,
.feed-card .feed-action-row .feed-action svg{
  width:27px!important;
  height:27px!important;
  min-width:27px!important;
  display:block!important;
  margin:0!important;
}

/* Contadores */
.feed-action-row .feed-action b,
.feed-action-row.actions-clean .feed-action b,
.feed-card .feed-action-row .feed-action b,
.feed-love-count,
.feed-comment-count,
.feed-share-count{
  display:inline-block!important;
  min-width:auto!important;
  margin:0!important;
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
  font-size:18px!important;
  line-height:1!important;
  font-weight:900!important;
}

/* Mantém as cores atuais dos ícones */
.feed-action-row .feed-love-toggle svg,
.feed-action-row.actions-clean .feed-love-toggle svg{
  color:#f3a1ff!important;
  fill:#f3a1ff!important;
}

.feed-action-row .feed-comment-toggle svg,
.feed-action-row.actions-clean .feed-comment-toggle svg{
  color:#b28cff!important;
  fill:#b28cff!important;
}

.feed-action-row .feed-share-button svg,
.feed-action-row.actions-clean .feed-share-button svg{
  color:#d7d7ff!important;
  fill:none!important;
  stroke:#d7d7ff!important;
}

/* Estado curtido continua com destaque, sem criar fundo */
.feed-action-row .feed-love-toggle.is-loved,
.feed-action-row.actions-clean .feed-love-toggle.is-loved{
  background:transparent!important;
  box-shadow:none!important;
}

.feed-action-row .feed-love-toggle.is-loved svg,
.feed-action-row.actions-clean .feed-love-toggle.is-loved svg{
  color:#ff8fed!important;
  fill:#ff8fed!important;
}

/* Remove divisórias/fundos herdados dos botões antigos */
.feed-action-row .feed-action::before,
.feed-action-row .feed-action::after{
  display:none!important;
}

/* Ajuste mobile */
@media(max-width:420px){
  .feed-action-row,
  .feed-action-row.actions-three,
  .feed-action-row.actions-clean{
    margin:12px 0 9px!important;
  }

  .feed-action-row .feed-action,
  .feed-action-row.actions-clean .feed-action{
    gap:6px!important;
    padding:5px 6px!important;
  }

  .feed-action-row .feed-action svg,
  .feed-action-row.actions-clean .feed-action svg{
    width:25px!important;
    height:25px!important;
    min-width:25px!important;
  }

  .feed-action-row .feed-action b,
  .feed-love-count,
  .feed-comment-count,
  .feed-share-count{
    font-size:17px!important;
  }
}



/* ===== V48 - avatar dos comentários sem corte e com borda fina ===== */

/* Avatar menor e limpo dentro dos comentários/respostas */
.feed-comments-box .comment-avatar,
.feed-comment-item .comment-avatar,
.comment-avatar{
  position:relative!important;
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  flex:0 0 42px!important;
  border-radius:50%!important;
  overflow:visible!important;
  display:grid!important;
  place-items:center!important;
  background:rgba(255,255,255,.08)!important;
  border:1px solid rgba(255,255,255,.32)!important;
  box-shadow:none!important;
  text-decoration:none!important;
  margin:0!important;
}

/* A imagem interna fica totalmente circular, sem cortar embaixo */
.feed-comments-box .comment-avatar img,
.feed-comment-item .comment-avatar img,
.comment-avatar img,
.feed-comments-box .comment-avatar b,
.feed-comment-item .comment-avatar b,
.comment-avatar b{
  width:100%!important;
  height:100%!important;
  display:grid!important;
  place-items:center!important;
  object-fit:cover!important;
  border-radius:50%!important;
  overflow:hidden!important;
  border:0!important;
}

/* Remove bordas grossas herdadas do avatar principal dentro do comentário */
.feed-comments-box .comment-avatar::before,
.feed-comments-box .comment-avatar::after,
.feed-comment-item .comment-avatar::before,
.feed-comment-item .comment-avatar::after,
.comment-avatar::before,
.comment-avatar::after{
  box-sizing:border-box!important;
}

/* Status no avatar do comentário menor e sem cortar */
.feed-comments-box .comment-avatar.status-ring::after,
.feed-comment-item .comment-avatar.status-ring::after,
.comment-avatar.status-ring::after{
  content:''!important;
  position:absolute!important;
  width:11px!important;
  height:11px!important;
  right:-1px!important;
  bottom:-1px!important;
  border-radius:50%!important;
  border:2px solid #1a1057!important;
  background:#7cf4c7!important;
  box-shadow:none!important;
}

/* Variações de presença em comentários */
.feed-comments-box .comment-avatar.status-ocupado::after,
.feed-comment-item .comment-avatar.status-ocupado::after,
.comment-avatar.status-ocupado::after{ background:#ff6b87!important; }

.feed-comments-box .comment-avatar.status-ausente::after,
.feed-comment-item .comment-avatar.status-ausente::after,
.comment-avatar.status-ausente::after{ background:#ffd36b!important; }

.feed-comments-box .comment-avatar.status-off::after,
.feed-comment-item .comment-avatar.status-off::after,
.comment-avatar.status-off::after{ background:#918abf!important; }

/* Alinhamento do bloco para o avatar não encostar nem ser cortado */
.feed-comment-item{
  align-items:flex-start!important;
  gap:10px!important;
  overflow:visible!important;
  padding-left:0!important;
}

.feed-comments-list,
.feed-comment-body,
.feed-comment-replies{
  overflow:visible!important;
}

/* Respostas usam avatar ainda mais discreto */
.feed-comment-item.is-reply .comment-avatar{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  flex-basis:34px!important;
  border-width:1px!important;
}

.feed-comment-item.is-reply .comment-avatar.status-ring::after{
  width:9px!important;
  height:9px!important;
  border-width:2px!important;
}

/* Mobile */
@media(max-width:420px){
  .feed-comments-box .comment-avatar,
  .feed-comment-item .comment-avatar,
  .comment-avatar{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    flex-basis:40px!important;
  }

  .feed-comment-item.is-reply .comment-avatar{
    width:32px!important;
    height:32px!important;
    min-width:32px!important;
    flex-basis:32px!important;
  }
}



/* ===== V50 - admin oficial, comunicados e moderação ===== */
.admin-avatar-static{
  cursor:default!important;
  pointer-events:none!important;
}
.admin-official-badge{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:3px 8px!important;
  border-radius:999px!important;
  background:rgba(111,242,208,.18)!important;
  color:var(--scr-mint)!important;
  font-size:11px!important;
  font-weight:900!important;
  text-transform:uppercase!important;
  letter-spacing:.04em!important;
}
.admin-composer-page,
.comunicado-page,
.admin-panel-page,
.report-page{
  padding-bottom:130px!important;
}
.admin-composer-card h1,
.comunicado-card h1,
.admin-panel-page h1,
.report-card h1{
  color:#fff!important;
}
.admin-composer-card p,
.report-card p{
  color:rgba(255,255,255,.76)!important;
}
.admin-editor-toolbar{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  flex-wrap:wrap!important;
  margin:14px 0 10px!important;
}
.admin-editor-toolbar button,
.admin-report-actions button{
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.08)!important;
  color:#fff!important;
  padding:10px 12px!important;
  font-weight:900!important;
}
.admin-report-actions button.danger{
  color:#ffb6c7!important;
  border-color:rgba(255,80,120,.25)!important;
}
.admin-rich-editor{
  min-height:230px!important;
  padding:16px!important;
  border-radius:18px!important;
  border:1px solid rgba(255,255,255,.14)!important;
  background:rgba(255,255,255,.07)!important;
  color:#fff!important;
  outline:none!important;
  line-height:1.45!important;
  margin-bottom:14px!important;
}
.admin-rich-editor:empty::before{
  content:attr(data-placeholder)!important;
  color:rgba(255,255,255,.42)!important;
}
.admin-rich-editor a,
.comunicado-body a{
  color:var(--scr-mint)!important;
  font-weight:900!important;
  text-decoration:none!important;
}
.comunicado-title{
  margin:6px 0 16px!important;
  color:#fff!important;
  font-size:24px!important;
  line-height:1.12!important;
  font-weight:1000!important;
}
.comunicado-body{
  color:rgba(255,255,255,.90)!important;
  font-size:16px!important;
  line-height:1.48!important;
}
.comunicado-body p{
  margin:0 0 12px!important;
}
.comunicado-body strong,
.comunicado-body b{
  color:#fff!important;
  font-weight:1000!important;
}
.comunicado-media-block{
  width:calc(100% + 26px)!important;
  margin:0 -13px 16px!important;
}
.comunicado-media-block img{
  display:block!important;
  width:100%!important;
  max-width:1080px!important;
  height:auto!important;
  margin:0 auto!important;
  border-radius:0!important;
}
.admin-video-frame{
  width:100%!important;
  max-width:1080px!important;
  margin:0 auto!important;
  aspect-ratio:auto!important;
  min-height:220px!important;
}
.admin-video-frame video{
  width:100%!important;
  height:auto!important;
  max-height:none!important;
  object-fit:contain!important;
}
.comunicado-link{
  width:100%!important;
  max-width:360px!important;
}
.admin-metrics-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
  margin:0 0 16px!important;
}
.metric-card{
  padding:16px!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.08)!important;
  border:1px solid rgba(255,255,255,.10)!important;
}
.metric-card b{
  display:block!important;
  color:#fff!important;
  font-size:28px!important;
  line-height:1!important;
}
.metric-card span{
  display:block!important;
  color:rgba(255,255,255,.66)!important;
  margin-top:6px!important;
  font-weight:800!important;
}
.admin-report-card{
  padding:14px 0!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
}
.admin-report-card b{
  display:block!important;
  color:#fff!important;
}
.admin-report-card small,
.admin-user-list span{
  display:block!important;
  color:rgba(255,255,255,.60)!important;
  margin-top:4px!important;
}
.admin-report-card p{
  color:rgba(255,255,255,.78)!important;
}
.admin-report-actions{
  display:flex!important;
  gap:8px!important;
  flex-wrap:wrap!important;
}
.admin-user-list>div{
  padding:12px 0!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
}
.comment-report-link{
  color:rgba(255,255,255,.56)!important;
  font-size:11.5px!important;
  line-height:1.2!important;
  font-weight:800!important;
  text-decoration:none!important;
}

@media(max-width:420px){
  .admin-metrics-grid{grid-template-columns:1fr 1fr!important;}
  .comunicado-title{font-size:22px!important;}
  .comunicado-body{font-size:15px!important;}
}



/* ===== V54 - rollback real do menu dos três pontinhos para o padrão original ===== */
/* Esta versão substitui as regras V51/V52/V53: pontinhos pequenos no canto direito do card. */

.feed-card{
  position:relative!important;
  overflow:visible!important;
}

.feed-card .post-meta{
  position:relative!important;
  overflow:visible!important;
}

.feed-card .post-meta .feed-options-wrap,
.post-meta .feed-options-wrap,
.home-feed-list .post-meta .feed-options-wrap,
.profile-unified-feed .post-meta .feed-options-wrap{
  position:absolute!important;
  top:0!important;
  right:0!important;
  z-index:80!important;
  margin:0!important;
  padding:0!important;
  width:auto!important;
  height:auto!important;
  transform:none!important;
}

/* Pontinhos exatamente no modelo antigo: pequeno, sem círculo e no canto direito */
.feed-card .post-meta .feed-options-toggle,
.post-meta .feed-options-toggle,
.home-feed-list .post-meta .feed-options-toggle,
.profile-unified-feed .post-meta .feed-options-toggle{
  width:30px!important;
  height:28px!important;
  min-width:30px!important;
  min-height:28px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  outline:0!important;
  color:rgba(255,255,255,.70)!important;
  -webkit-text-fill-color:rgba(255,255,255,.70)!important;
  font-size:17px!important;
  line-height:1!important;
  letter-spacing:1px!important;
  font-weight:900!important;
  display:grid!important;
  place-items:center!important;
  transform:none!important;
}

.feed-card .post-meta .feed-options-toggle:hover,
.feed-card .post-meta .feed-options-toggle:focus,
.post-meta .feed-options-toggle:hover,
.post-meta .feed-options-toggle:focus{
  background:transparent!important;
  box-shadow:none!important;
  color:rgba(255,255,255,.90)!important;
  -webkit-text-fill-color:rgba(255,255,255,.90)!important;
  transform:none!important;
}

/* Menu menor, sem deslocar os três pontinhos */
.feed-card .post-meta .feed-options-menu,
.post-meta .feed-options-menu,
.home-feed-list .post-meta .feed-options-menu,
.profile-unified-feed .post-meta .feed-options-menu{
  position:absolute!important;
  right:0!important;
  left:auto!important;
  top:30px!important;
  width:172px!important;
  min-width:172px!important;
  max-width:172px!important;
  padding:8px!important;
  border-radius:14px!important;
  background:#1d1559!important;
  border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:0 18px 40px rgba(0,0,0,.34)!important;
  z-index:120!important;
  transform:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

/* Remove a seta/triângulo que estava empurrando visualmente o menu */
.feed-card .post-meta .feed-options-menu::before,
.post-meta .feed-options-menu::before{
  display:none!important;
}

/* Opções compactas, iguais ao tamanho anterior */
.feed-card .post-meta .feed-options-menu button,
.feed-card .post-meta .feed-options-menu a,
.feed-card .post-meta .feed-options-menu form button,
.post-meta .feed-options-menu button,
.post-meta .feed-options-menu a,
.post-meta .feed-options-menu form button{
  width:100%!important;
  min-height:38px!important;
  height:38px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:0!important;
  padding:0 10px!important;
  margin:0 0 6px!important;
  border:0!important;
  border-radius:10px!important;
  background:rgba(255,255,255,.06)!important;
  box-shadow:none!important;
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
  font-size:13px!important;
  line-height:1!important;
  font-weight:900!important;
  text-align:left!important;
  text-decoration:none!important;
  transform:none!important;
}

/* Remove ícones automáticos da versão anterior para voltar ao visual limpo */
.feed-options-menu a::before,
.feed-options-menu button::before,
.feed-options-menu form button::before{
  content:none!important;
  display:none!important;
}

.feed-card .post-meta .feed-options-menu button:hover,
.feed-card .post-meta .feed-options-menu a:hover,
.feed-card .post-meta .feed-options-menu form button:hover,
.post-meta .feed-options-menu button:hover,
.post-meta .feed-options-menu a:hover,
.post-meta .feed-options-menu form button:hover{
  background:rgba(111,242,208,.12)!important;
  color:var(--scr-mint)!important;
  -webkit-text-fill-color:var(--scr-mint)!important;
  transform:none!important;
}

.feed-options-menu form{
  display:block!important;
  margin:0!important;
  padding:0!important;
}

@media(max-width:420px){
  .feed-card .post-meta .feed-options-toggle,
  .post-meta .feed-options-toggle{
    width:30px!important;
    height:28px!important;
    font-size:17px!important;
    letter-spacing:1px!important;
  }

  .feed-card .post-meta .feed-options-menu,
  .post-meta .feed-options-menu{
    top:30px!important;
    width:166px!important;
    min-width:166px!important;
    max-width:166px!important;
  }

  .feed-card .post-meta .feed-options-menu button,
  .feed-card .post-meta .feed-options-menu a,
  .feed-card .post-meta .feed-options-menu form button,
  .post-meta .feed-options-menu button,
  .post-meta .feed-options-menu a,
  .post-meta .feed-options-menu form button{
    min-height:36px!important;
    height:36px!important;
    border-radius:9px!important;
    font-size:12.6px!important;
  }
}



/* ===== V55 - opção Denunciar em amarelo com ícone ===== */

/* Mantém o menu compacto/original, mas destaca apenas Denunciar */
.feed-options-menu a[href*="denunciar"],
.post-meta .feed-options-menu a[href*="denunciar"],
.feed-card .post-meta .feed-options-menu a[href*="denunciar"]{
  color:#ffd86b!important;
  -webkit-text-fill-color:#ffd86b!important;
  font-weight:900!important;
}

/* Ícone amarelo apenas no card Denunciar */
.feed-options-menu a[href*="denunciar"]::before,
.post-meta .feed-options-menu a[href*="denunciar"]::before,
.feed-card .post-meta .feed-options-menu a[href*="denunciar"]::before{
  content:'⚠️'!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:18px!important;
  min-width:18px!important;
  margin-right:8px!important;
  font-size:15px!important;
  line-height:1!important;
  -webkit-text-fill-color:initial!important;
}

/* Hover do denunciar no mesmo amarelo, sem crescer o menu */
.feed-options-menu a[href*="denunciar"]:hover,
.post-meta .feed-options-menu a[href*="denunciar"]:hover,
.feed-card .post-meta .feed-options-menu a[href*="denunciar"]:hover{
  background:rgba(255,216,107,.12)!important;
  color:#ffe28a!important;
  -webkit-text-fill-color:#ffe28a!important;
}



/* ===== V56 - botão Repost e cards de repost ===== */

/* Troca visual do antigo compartilhamento para repost */
.feed-action-row .feed-repost-button svg,
.feed-action-row.actions-clean .feed-repost-button svg{
  color:#d7d7ff!important;
  fill:none!important;
  stroke:#d7d7ff!important;
}

.feed-action-row .feed-repost-button:disabled{
  opacity:.42!important;
  pointer-events:none!important;
}

.feed-action-row .feed-repost-button b,
.feed-repost-count{
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
}

/* Compatibilidade: se alguma regra antiga de compartilhar ainda existir, não interfere */
.feed-share-button{
  display:none!important;
}

/* Etiqueta de repost no feed do perfil e página inicial */
.repost-badge{
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  width:max-content!important;
  max-width:100%!important;
  margin:4px 0 10px!important;
  padding:6px 11px!important;
  border-radius:999px!important;
  background:rgba(111,242,208,.14)!important;
  border:1px solid rgba(111,242,208,.22)!important;
  color:var(--scr-mint)!important;
  -webkit-text-fill-color:var(--scr-mint)!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:1000!important;
  text-transform:uppercase!important;
  letter-spacing:.04em!important;
}

.repost-caption{
  margin-top:0!important;
  margin-bottom:12px!important;
}

/* Card do conteúdo original dentro do repost */
.repost-original-card{
  width:100%!important;
  margin:8px 0 2px!important;
  border-radius:18px!important;
  overflow:hidden!important;
  background:rgba(255,255,255,.045)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06)!important;
}

.repost-original-label{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  padding:11px 13px!important;
  background:rgba(0,0,0,.10)!important;
  border-bottom:1px solid rgba(255,255,255,.07)!important;
}

.repost-original-label span{
  color:rgba(255,255,255,.72)!important;
  -webkit-text-fill-color:rgba(255,255,255,.72)!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:900!important;
}

.repost-original-card .feed-photo-caption,
.repost-original-card .message,
.repost-original-card .feed-title{
  padding-left:13px!important;
  padding-right:13px!important;
}

.repost-original-card .media-frame,
.repost-original-card .news-link-media{
  margin-left:0!important;
  margin-right:0!important;
  width:100%!important;
  max-width:100%!important;
  border-radius:0!important;
}

.repost-original-card .news-link-title-card{
  margin:0!important;
  border-radius:0!important;
  border-left:0!important;
  border-right:0!important;
  border-bottom:0!important;
}

.repost-original-card .feed-link-card{
  margin:0!important;
  border-radius:0!important;
  border:0!important;
  background:rgba(255,255,255,.04)!important;
}

/* Em perfil, evita que mídia repostada force largura total fora do card */
.profile-page .profile-unified-feed .feed-type-repost .media-frame,
.profile-page .profile-unified-feed .feed-type-repost .video-card-portrait{
  width:100%!important;
  max-width:100%!important;
  margin-left:0!important;
  margin-right:0!important;
}

@media(max-width:420px){
  .repost-original-card{
    border-radius:16px!important;
  }

  .repost-badge{
    font-size:11px!important;
    padding:6px 10px!important;
  }
}



/* ===== V57 - perfil oficial/admin sem links públicos ===== */
.admin-avatar-static,
.admin-avatar-static *,
a[href="#perfil-admin-indisponivel"]{
  cursor:default!important;
  pointer-events:none!important;
}

.notificacoes-page{
  padding-bottom:130px!important;
}

.notificacoes-card h1{
  color:#fff!important;
  margin-bottom:6px!important;
}

.notificacoes-list{
  display:flex!important;
  flex-direction:column!important;
  gap:10px!important;
  margin-top:16px!important;
}

.notificacao-item{
  display:flex!important;
  align-items:flex-start!important;
  gap:12px!important;
  padding:13px!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.07)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  color:#fff!important;
  text-decoration:none!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06)!important;
}

.notificacao-sem-link{
  opacity:.92!important;
}

.notificacao-avatar{
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  background:rgba(111,242,208,.12)!important;
  border:1px solid rgba(111,242,208,.25)!important;
  overflow:hidden!important;
}

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

.notificacao-copy{
  flex:1!important;
  min-width:0!important;
}

.notificacao-top{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:10px!important;
}

.notificacao-top b{
  color:#fff!important;
  font-size:15px!important;
  line-height:1.15!important;
  font-weight:1000!important;
}

.notificacao-top small{
  color:rgba(255,255,255,.55)!important;
  white-space:nowrap!important;
  font-size:11px!important;
  font-weight:800!important;
}

.notificacao-copy p{
  margin:6px 0!important;
  color:rgba(255,255,255,.74)!important;
  font-size:13px!important;
  line-height:1.35!important;
}

.notificacao-copy em{
  color:var(--scr-mint)!important;
  font-style:normal!important;
  font-size:11px!important;
  font-weight:900!important;
  text-transform:uppercase!important;
  letter-spacing:.04em!important;
}


/* ===== V58 - remove @scraaps dos visitantes recentes ===== */
.home-welcome-card .recent-avatar-stack .admin-avatar-static{
  display:none!important;
}
.home-welcome-card .recent-avatar-stack a[href="#perfil-admin-indisponivel"]{
  display:none!important;
}


/* ===== V59 - Perfis Patrocinados ===== */
.sponsor-badge{
  display:inline-flex!important;align-items:center!important;padding:4px 8px!important;border-radius:999px!important;
  background:rgba(255,174,64,.16)!important;border:1px solid rgba(255,174,64,.35)!important;color:#ffd27c!important;
  -webkit-text-fill-color:#ffd27c!important;font-size:10.5px!important;font-weight:1000!important;text-transform:uppercase!important;letter-spacing:.035em!important;margin-left:6px!important;
}
.sponsor-header-avatar{border:2px solid rgba(255,255,255,.18)!important;box-shadow:none!important;background:rgba(255,255,255,.08)!important;}
.sponsor-header-avatar::after,.sponsor-header-avatar::before{display:none!important;}
.feed-card .sponsor-badge{vertical-align:middle!important;}
.sponsored-media{border-radius:0!important;}
.sponsored-cta-card{
  display:block!important;margin:0!important;padding:15px 16px!important;background:rgba(255,255,255,.07)!important;border-top:1px solid rgba(255,255,255,.10)!important;border-radius:0 0 18px 18px!important;color:#fff!important;text-decoration:none!important;
}
.sponsored-cta-card strong{display:block!important;color:#fff!important;font-size:17px!important;font-weight:1000!important;line-height:1.18!important;margin-bottom:6px!important;}
.sponsored-cta-card p{margin:0 0 12px!important;color:rgba(255,255,255,.72)!important;font-size:14px!important;line-height:1.35!important;}
.sponsored-learn-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:38px!important;padding:0 18px!important;border-radius:10px!important;background:#1877f2!important;color:#fff!important;-webkit-text-fill-color:#fff!important;font-weight:1000!important;text-decoration:none!important;}
.sponsor-page{padding-bottom:130px!important;}
.sponsor-form-card h1,.sponsor-page h1,.sponsor-page h2{color:#fff!important;}
.sponsor-ad-list{display:flex!important;flex-direction:column!important;gap:5px!important;padding:13px 0!important;border-bottom:1px solid rgba(255,255,255,.08)!important;}
.sponsor-ad-list b{color:#fff!important;font-weight:1000!important;}
.sponsor-ad-list span{color:rgba(255,255,255,.62)!important;font-size:13px!important;font-weight:800!important;}
.feed-card.feed-type-patrocinado .mini-avatar,.feed-card.feed-type-patrocinado .mini-avatar img{border-radius:50%!important;}
.feed-card.feed-type-patrocinado .mini-avatar::after,.feed-card.feed-type-patrocinado .mini-avatar::before{display:none!important;}


/* ===== V60 - Fonte automática Copa do Mundo/FIFA ===== */
.sponsor-info-box{
  padding:14px 15px!important;
  border-radius:16px!important;
  background:rgba(111,242,208,.10)!important;
  border:1px solid rgba(111,242,208,.22)!important;
  color:#fff!important;
}
.sponsor-info-box b{
  display:block!important;
  color:var(--scr-mint)!important;
  font-size:15px!important;
  font-weight:1000!important;
  margin-bottom:6px!important;
}
.sponsor-info-box p{
  margin:0!important;
  color:rgba(255,255,255,.78)!important;
  font-size:13px!important;
  line-height:1.38!important;
}


/* ===== V61 - fonte FIFA pt-BR no modo Copa ===== */
.sponsor-info-box small{
  display:block!important;
  margin-top:8px!important;
  color:rgba(255,255,255,.62)!important;
  font-size:11px!important;
  line-height:1.3!important;
  word-break:break-all!important;
}



/* ===== V63 - títulos de comunidades respeitam a forma digitada pelo usuário ===== */

/* Remove qualquer transformação automática em maiúsculas dos nomes das comunidades */
.clean-community-title,
.clean-community-title b,
.community-showcase-card .clean-community-title,
.community-showcase-card .clean-community-title b,
.feed-card.feed-type-comunidade .clean-community-title,
.feed-card.feed-type-comunidade .clean-community-title b,
.profile-community-card .clean-community-title,
.profile-community-card .clean-community-title b,
.community-card .clean-community-title,
.community-card h3.clean-community-title,
.community-card h3,
.community-info h3,
.clean-community-list-info h3,
.community-meta .feed-author-line,
.community-meta .feed-author-line b,
.community-card-clean .feed-author-line,
.community-card-clean .feed-author-line b{
  text-transform:none!important;
}

/* Mantém o destaque visual sem alterar maiúsculas/minúsculas digitadas */
.community-showcase-card .clean-community-title b,
.feed-card.feed-type-comunidade .clean-community-title b,
.profile-community-card .clean-community-title b,
.community-card h3.clean-community-title,
.community-card h3,
.community-meta .feed-author-line b{
  font-weight:1000!important;
  letter-spacing:0!important;
}


/* ===== V64 - post patrocinado: nome completo, etiqueta abaixo e hora abaixo ===== */
.feed-card.feed-type-patrocinado .post-meta.sponsor-post-meta{
  align-items:flex-start!important;
  gap:12px!important;
}
.feed-card.feed-type-patrocinado .sponsor-author-text{
  min-width:0!important;
  flex:1 1 auto!important;
  padding-top:1px!important;
  padding-right:32px!important;
}
.feed-card.feed-type-patrocinado .sponsor-author-line{
  display:block!important;
  width:100%!important;
  min-width:0!important;
}
.feed-card.feed-type-patrocinado .sponsor-author-line b{
  display:block!important;
  max-width:100%!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  word-break:normal!important;
  overflow-wrap:anywhere!important;
  line-height:1.12!important;
}
.feed-card.feed-type-patrocinado .sponsor-badge-row{
  display:flex!important;
  align-items:center!important;
  margin-top:5px!important;
}
.feed-card.feed-type-patrocinado .sponsor-badge{
  margin-left:0!important;
  width:max-content!important;
  max-width:100%!important;
  padding:5px 9px!important;
  font-size:10px!important;
  line-height:1!important;
}
.feed-card.feed-type-patrocinado .sponsor-time-row{
  display:block!important;
  margin-top:5px!important;
  font-size:12px!important;
  line-height:1.1!important;
}


/* ===== V67 - remove programação especial Copa/FIFA ===== */
.noticia-copa-field{display:none!important;}



/* ===== V68 - novo card de comunidade conforme mockup ===== */

/* Estrutura principal dos cards de comunidade */
.community-showcase-card,
.profile-community-card,
.feed-card.feed-type-comunidade{
  overflow:hidden!important;
  padding:0!important;
  border-radius:20px!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035)),
    rgba(32,22,92,.96)!important;
  border:1px solid rgba(255,255,255,.13)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10), 0 20px 50px rgba(0,0,0,.22)!important;
}

/* Tarja verde do título: mesma linguagem visual do botão entrar */
.community-showcase-card .clean-community-meta,
.community-showcase-card .community-title-ribbon,
.profile-community-card .clean-community-meta,
.feed-card.feed-type-comunidade .clean-community-meta{
  width:100%!important;
  min-height:58px!important;
  height:auto!important;
  margin:0!important;
  padding:10px 18px!important;
  display:grid!important;
  place-items:center!important;
  border:0!important;
  border-radius:18px!important;
  background:
    radial-gradient(circle at 8% 12%,rgba(255,255,255,.34),transparent 28%),
    radial-gradient(circle at 94% 88%,rgba(255,255,255,.24),transparent 30%),
    linear-gradient(180deg,#69f7d1 0%,#55debd 100%)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.45),
    inset 0 -10px 28px rgba(10,61,84,.10),
    0 12px 34px rgba(75,241,202,.18)!important;
  backdrop-filter:blur(12px)!important;
  -webkit-backdrop-filter:blur(12px)!important;
}

.community-showcase-card .feed-author-text,
.profile-community-card .feed-author-text,
.feed-card.feed-type-comunidade .feed-author-text{
  width:100%!important;
  min-width:0!important;
  text-align:center!important;
}

.community-showcase-card .clean-community-title,
.community-showcase-card .clean-community-title b,
.profile-community-card .clean-community-title,
.profile-community-card .clean-community-title b,
.feed-card.feed-type-comunidade .clean-community-title,
.feed-card.feed-type-comunidade .clean-community-title b{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  color:#151451!important;
  -webkit-text-fill-color:#151451!important;
  font-size:20px!important;
  line-height:1.12!important;
  font-weight:1000!important;
  letter-spacing:-.25px!important;
  text-align:center!important;
  text-transform:none!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  word-break:normal!important;
  overflow-wrap:break-word!important;
  hyphens:none!important;
}

/* Membros e descrição centralizados acima da capa */
.community-showcase-card .clean-community-members,
.community-showcase-card .community-members-row,
.profile-community-card .clean-community-members,
.feed-card.feed-type-comunidade .clean-community-members{
  display:block!important;
  width:100%!important;
  margin:14px 0 0!important;
  padding:0 20px!important;
  color:rgba(255,255,255,.86)!important;
  -webkit-text-fill-color:rgba(255,255,255,.86)!important;
  font-size:17px!important;
  line-height:1.22!important;
  font-weight:900!important;
  text-align:center!important;
}

.community-showcase-card .feed-photo-caption.above-photo,
.community-showcase-card .community-desc-row,
.profile-community-card .feed-photo-caption.above-photo,
.feed-card.feed-type-comunidade .feed-photo-caption.above-photo{
  display:block!important;
  width:100%!important;
  margin:18px 0 24px!important;
  padding:0 24px!important;
  color:rgba(255,255,255,.94)!important;
  -webkit-text-fill-color:rgba(255,255,255,.94)!important;
  font-size:20px!important;
  line-height:1.28!important;
  font-weight:400!important;
  text-align:center!important;
}

/* Capa colada depois da descrição, largura total */
.community-showcase-card .community-showcase-cover,
.profile-community-card .community-showcase-cover,
.feed-card.feed-type-comunidade .community-showcase-cover{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:230px!important;
  margin:0!important;
  border-radius:0!important;
  overflow:hidden!important;
  background:#09051d!important;
}

.community-showcase-card .community-showcase-cover img,
.profile-community-card .community-showcase-cover img,
.feed-card.feed-type-comunidade .community-showcase-cover img,
.community-showcase-card .community-feed-fallback,
.profile-community-card .community-feed-fallback,
.feed-card.feed-type-comunidade .community-feed-fallback{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
  border-radius:0!important;
}

/* Botão entrar permanece no rodapé com mesmo efeito da tarja */
.community-showcase-card .join-community-button,
.profile-community-card .join-community-button,
.feed-card.feed-type-comunidade .join-community-button{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:68%!important;
  min-width:260px!important;
  max-width:430px!important;
  height:58px!important;
  margin:28px auto 30px!important;
  border-radius:999px!important;
  background:
    radial-gradient(circle at 12% 10%,rgba(255,255,255,.34),transparent 28%),
    radial-gradient(circle at 92% 90%,rgba(255,255,255,.22),transparent 30%),
    linear-gradient(180deg,#69f7d1 0%,#55debd 100%)!important;
  color:#14134b!important;
  -webkit-text-fill-color:#14134b!important;
  font-size:16px!important;
  font-weight:1000!important;
  text-align:center!important;
  text-decoration:none!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.46),
    0 16px 36px rgba(75,241,202,.18)!important;
  backdrop-filter:blur(12px)!important;
  -webkit-backdrop-filter:blur(12px)!important;
}

/* Cards da página de comunidades: força a mesma leitura quando usam community-card */
.community-card .community-info,
.community-card .clean-community-list-info{
  text-align:center!important;
  align-items:center!important;
  justify-content:center!important;
}

.community-card h3,
.community-card .clean-community-title,
.community-card h3.clean-community-title{
  text-transform:none!important;
  text-align:center!important;
}

.community-card .clean-community-members,
.community-card p.clean-community-members,
.community-card .community-info p,
.community-card .clean-community-list-info p{
  text-align:center!important;
}

@media(max-width:420px){
  .community-showcase-card .clean-community-meta,
  .community-showcase-card .community-title-ribbon,
  .profile-community-card .clean-community-meta,
  .feed-card.feed-type-comunidade .clean-community-meta{
    min-height:58px!important;
    border-radius:16px!important;
    padding:10px 14px!important;
  }

  .community-showcase-card .clean-community-title,
  .community-showcase-card .clean-community-title b,
  .profile-community-card .clean-community-title,
  .profile-community-card .clean-community-title b,
  .feed-card.feed-type-comunidade .clean-community-title,
  .feed-card.feed-type-comunidade .clean-community-title b{
    font-size:18px!important;
    line-height:1.14!important;
  }

  .community-showcase-card .clean-community-members,
  .profile-community-card .clean-community-members,
  .feed-card.feed-type-comunidade .clean-community-members{
    font-size:16px!important;
  }

  .community-showcase-card .feed-photo-caption.above-photo,
  .profile-community-card .feed-photo-caption.above-photo,
  .feed-card.feed-type-comunidade .feed-photo-caption.above-photo{
    font-size:18px!important;
    line-height:1.28!important;
    padding:0 22px!important;
  }

  .community-showcase-card .community-showcase-cover,
  .profile-community-card .community-showcase-cover,
  .feed-card.feed-type-comunidade .community-showcase-cover{
    height:210px!important;
  }

  .community-showcase-card .join-community-button,
  .profile-community-card .join-community-button,
  .feed-card.feed-type-comunidade .join-community-button{
    min-width:0!important;
    width:72%!important;
    height:56px!important;
  }
}


/* ===== V69 - tarja superior da comunidade totalmente arredondada + borda glass 3D ===== */
.community-showcase-card .clean-community-meta,
.community-showcase-card .community-title-ribbon,
.profile-community-card .clean-community-meta,
.feed-card.feed-type-comunidade .clean-community-meta{
  position:relative!important;
  overflow:hidden!important;
  width:calc(100% - 28px)!important;
  min-height:58px!important;
  height:auto!important;
  margin:14px auto 0!important;
  padding:10px 22px!important;
  display:grid!important;
  place-items:center!important;
  border:2px solid transparent!important;
  border-radius:999px!important;
  background:
    linear-gradient(180deg,rgba(107,247,210,.98) 0%,rgba(90,225,191,.99) 100%) padding-box,
    linear-gradient(135deg,rgba(197,239,255,.98) 0%,rgba(161,216,255,.98) 24%,rgba(140,118,255,.98) 58%,rgba(213,191,255,.98) 100%) border-box!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.58),
    inset 0 -10px 24px rgba(84,92,184,.14),
    0 2px 0 rgba(191,236,255,.35),
    0 14px 26px rgba(75,241,202,.18),
    0 8px 18px rgba(121,108,255,.14)!important;
  backdrop-filter:blur(12px)!important;
  -webkit-backdrop-filter:blur(12px)!important;
}

.community-showcase-card .clean-community-meta::before,
.community-showcase-card .community-title-ribbon::before,
.profile-community-card .clean-community-meta::before,
.feed-card.feed-type-comunidade .clean-community-meta::before{
  content:""!important;
  position:absolute!important;
  inset:2px!important;
  border-radius:999px!important;
  background:
    radial-gradient(circle at 12% 16%,rgba(255,255,255,.38),transparent 24%),
    radial-gradient(circle at 86% 82%,rgba(255,255,255,.16),transparent 22%),
    linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,0))!important;
  pointer-events:none!important;
}

.community-showcase-card .feed-author-text,
.profile-community-card .feed-author-text,
.feed-card.feed-type-comunidade .feed-author-text{
  position:relative!important;
  z-index:1!important;
}

@media(max-width:420px){
  .community-showcase-card .clean-community-meta,
  .community-showcase-card .community-title-ribbon,
  .profile-community-card .clean-community-meta,
  .feed-card.feed-type-comunidade .clean-community-meta{
    width:calc(100% - 22px)!important;
    margin:12px auto 0!important;
    padding:10px 16px!important;
    min-height:56px!important;
    border-radius:999px!important;
  }
}



/* ===== V70 - card de comunidade do perfil igual ao card da página inicial ===== */
.profile-community-card.community-card-mockup .clean-community-meta,
.profile-community-card.community-card-mockup .community-title-ribbon{
  width:calc(100% - 28px)!important;
  margin:14px auto 0!important;
  min-height:58px!important;
  border-radius:999px!important;
}

.profile-community-card.community-card-mockup .feed-author-text{
  display:block!important;
  width:100%!important;
  text-align:center!important;
}

.profile-community-card.community-card-mockup .clean-community-title,
.profile-community-card.community-card-mockup .clean-community-title b{
  display:block!important;
  width:100%!important;
  text-align:center!important;
}

.profile-community-card.community-card-mockup .community-members-row,
.profile-community-card.community-card-mockup > .clean-community-members{
  display:block!important;
  position:static!important;
  width:100%!important;
  margin:28px 0 0!important;
  padding:0 20px!important;
  color:rgba(255,255,255,.86)!important;
  -webkit-text-fill-color:rgba(255,255,255,.86)!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  font-size:17px!important;
  line-height:1.22!important;
  font-weight:900!important;
  text-align:center!important;
}

.profile-community-card.community-card-mockup .community-desc-row,
.profile-community-card.community-card-mockup > .feed-photo-caption.above-photo{
  margin:18px 0 24px!important;
  padding:0 24px!important;
  text-align:center!important;
}

/* Segurança: se algum perfil antigo ainda tiver membros dentro da tarja, tira da tarja visualmente */
.profile-community-card:not(.community-card-mockup) .clean-community-meta .clean-community-members{
  display:none!important;
}

@media(max-width:420px){
  .profile-community-card.community-card-mockup .clean-community-meta,
  .profile-community-card.community-card-mockup .community-title-ribbon{
    width:calc(100% - 22px)!important;
    margin:12px auto 0!important;
    border-radius:999px!important;
  }
}


/* ===== V71 - descrição do card de comunidade no perfil igual à home ===== */
.profile-community-card.community-card-mockup .community-desc-row,
.profile-community-card.community-card-mockup > .feed-photo-caption.above-photo{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  box-sizing:border-box!important;
  margin:18px 0 24px!important;
  padding:0 14px!important;
  color:rgba(255,255,255,.94)!important;
  -webkit-text-fill-color:rgba(255,255,255,.94)!important;
  font-size:20px!important;
  line-height:1.28!important;
  font-weight:400!important;
  letter-spacing:-.35px!important;
  text-align:center!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  hyphens:none!important;
}

@media(max-width:420px){
  .profile-community-card.community-card-mockup .community-desc-row,
  .profile-community-card.community-card-mockup > .feed-photo-caption.above-photo{
    padding:0 12px!important;
    font-size:20px!important;
    letter-spacing:-.45px!important;
  }
}


/* ===== V80 - Comunidades no perfil em estilo palavras-chave ===== */
.profile-community-keyword-section{
  margin:18px 0 20px!important;
}
.profile-community-keyword-section .section-head{
  margin-bottom:12px!important;
}
.profile-community-keyword-grid{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:7px 7px!important;
  padding:0 2px 2px!important;
  margin:0!important;
}
.profile-community-keyword-pill{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:34px!important;
  max-width:100%!important;
  padding:8px 14px!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,#7CF4C7 0%,#61E6C3 100%)!important;
  border:1px solid rgba(207,255,243,.72)!important;
  color:#18115f!important;
  -webkit-text-fill-color:#18115f!important;
  font-size:13.5px!important;
  line-height:1.05!important;
  font-weight:1000!important;
  letter-spacing:-.02em!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.42),
    0 7px 16px rgba(92,235,199,.16),
    0 2px 0 rgba(126,111,255,.12)!important;
}
.profile-community-keyword-pill:active,
.profile-community-keyword-pill:hover{
  transform:translateY(-1px)!important;
  filter:brightness(1.03)!important;
}
@media(max-width:420px){
  .profile-community-keyword-grid{gap:6px 6px!important;}
  .profile-community-keyword-pill{
    min-height:32px!important;
    padding:7px 12px!important;
    font-size:12.8px!important;
  }
}

/* ===== V81 - página Comunidades redesenhada igual ao mockup neon ===== */
body.page-comunidades .scraaps-topbar .scraaps-global-search{
  display:none!important;
}
body.page-comunidades .app-shell{
  background:
    radial-gradient(circle at 85% 8%, rgba(128,88,255,.20), transparent 28%),
    radial-gradient(circle at 18% 28%, rgba(124,244,199,.08), transparent 34%),
    linear-gradient(180deg,#090b4d 0%,#070741 48%,#06052f 100%)!important;
}
body.page-comunidades .comunidades-modern-page{
  width:100%!important;
  max-width:980px!important;
  margin:0 auto!important;
  padding:18px 28px 132px!important;
  color:#fff!important;
}
body.page-comunidades .communities-modern-head{
  display:block!important;
  margin:0 0 28px!important;
}
body.page-comunidades .communities-title-row{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
  margin:0 0 26px!important;
}
body.page-comunidades .communities-modern-title{
  margin:0!important;
  color:#fff!important;
  font-size:52px!important;
  line-height:1.02!important;
  font-weight:1000!important;
  letter-spacing:-1.8px!important;
  position:relative!important;
  padding-left:34px!important;
  text-transform:none!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
}
body.page-comunidades .communities-modern-title::before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  top:8px!important;
  width:8px!important;
  height:58px!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,#7CF4C7 0%,#7a6cff 100%)!important;
  box-shadow:0 0 22px rgba(124,244,199,.55)!important;
}
body.page-comunidades .communities-create-btn{
  min-width:166px!important;
  height:68px!important;
  padding:0 30px!important;
  border-radius:999px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:14px!important;
  background:linear-gradient(180deg,#83f8d3 0%,#63e7c3 100%)!important;
  color:#14124b!important;
  font-size:25px!important;
  font-weight:1000!important;
  text-decoration:none!important;
  box-shadow:0 16px 34px rgba(69,238,200,.23), inset 0 1px 0 rgba(255,255,255,.52)!important;
  border:1px solid rgba(255,255,255,.20)!important;
}
body.page-comunidades .communities-create-btn span{
  display:inline-block!important;
  font-size:32px!important;
  line-height:1!important;
  margin-top:-2px!important;
}
body.page-comunidades .communities-modern-search{
  width:100%!important;
  min-height:88px!important;
  margin:0 0 34px!important;
  padding:0 28px!important;
  border-radius:34px!important;
  display:grid!important;
  grid-template-columns:46px minmax(0,1fr) 52px!important;
  align-items:center!important;
  gap:22px!important;
  background:rgba(50,39,116,.74)!important;
  border:1.5px solid rgba(167,149,255,.35)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.11), 0 18px 42px rgba(0,0,0,.18)!important;
  backdrop-filter:blur(16px)!important;
  -webkit-backdrop-filter:blur(16px)!important;
}
body.page-comunidades .communities-modern-search .communities-search-icon{
  width:42px!important;
  height:42px!important;
  color:rgba(255,255,255,.78)!important;
}
body.page-comunidades .communities-modern-search input,
body.page-comunidades .communities-modern-search input:not([type=checkbox]):not([type=radio]){
  width:100%!important;
  height:70px!important;
  padding:0!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#fff!important;
  font-size:26px!important;
  line-height:1!important;
  font-weight:500!important;
}
body.page-comunidades .communities-modern-search input::placeholder{
  color:rgba(255,255,255,.55)!important;
}
body.page-comunidades .communities-modern-search button{
  width:52px!important;
  height:52px!important;
  border:0!important;
  padding:0!important;
  background:transparent!important;
  color:#7CF4C7!important;
  display:grid!important;
  place-items:center!important;
  box-shadow:none!important;
}
body.page-comunidades .communities-modern-search button svg{
  width:36px!important;
  height:36px!important;
  filter:drop-shadow(0 0 12px rgba(124,244,199,.45))!important;
}
body.page-comunidades .communities-filter-row{
  display:flex!important;
  align-items:center!important;
  gap:22px!important;
  overflow-x:auto!important;
  padding:2px 2px 4px!important;
  margin:0 0 0!important;
  scrollbar-width:none!important;
}
body.page-comunidades .communities-filter-row::-webkit-scrollbar{display:none!important}
body.page-comunidades .community-filter-chip{
  min-height:62px!important;
  padding:0 32px!important;
  border-radius:999px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:12px!important;
  flex:0 0 auto!important;
  background:rgba(45,35,105,.72)!important;
  border:1.4px solid rgba(255,255,255,.14)!important;
  color:rgba(255,255,255,.78)!important;
  text-decoration:none!important;
  font-size:23px!important;
  font-weight:800!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10), 0 10px 28px rgba(0,0,0,.13)!important;
  white-space:nowrap!important;
}
body.page-comunidades .community-filter-chip svg{
  width:26px!important;
  height:26px!important;
  flex:0 0 26px!important;
}
body.page-comunidades .community-filter-chip.active{
  color:#fff!important;
  border-color:rgba(124,244,199,.80)!important;
  background:linear-gradient(180deg,rgba(55,49,124,.90),rgba(32,24,88,.90))!important;
  box-shadow:0 0 0 1px rgba(124,244,199,.26),0 0 24px rgba(124,244,199,.20),inset 0 1px 0 rgba(255,255,255,.16)!important;
}
body.page-comunidades .communities-featured-section{
  margin:28px 0 28px!important;
}
body.page-comunidades .community-featured-card{
  position:relative!important;
  overflow:hidden!important;
  display:block!important;
  min-height:380px!important;
  border-radius:34px!important;
  text-decoration:none!important;
  color:#fff!important;
  background:rgba(31,24,88,.88)!important;
  border:1.5px solid rgba(164,145,255,.42)!important;
  box-shadow:0 20px 46px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.14)!important;
}
body.page-comunidades .community-featured-img,
body.page-comunidades .community-featured-fallback{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
  filter:saturate(1.05) contrast(1.02)!important;
}
body.page-comunidades .community-featured-fallback{
  display:grid!important;
  place-items:center!important;
  font-size:92px!important;
  background:linear-gradient(135deg,#3f2b97,#190f5b)!important;
}
body.page-comunidades .community-featured-shade{
  position:absolute!important;
  inset:0!important;
  background:
    linear-gradient(90deg,rgba(10,8,54,.94) 0%,rgba(25,14,80,.78) 45%,rgba(24,13,69,.22) 100%),
    linear-gradient(0deg,rgba(13,8,54,.76),rgba(13,8,54,.10))!important;
  z-index:1!important;
}
body.page-comunidades .community-featured-content{
  position:relative!important;
  z-index:2!important;
  min-height:380px!important;
  padding:38px 42px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-end!important;
  padding-right:260px!important;
}
body.page-comunidades .community-featured-badge{
  position:absolute!important;
  left:36px!important;
  top:36px!important;
  min-height:52px!important;
  padding:0 24px!important;
  border-radius:999px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:12px!important;
  background:rgba(29,23,86,.78)!important;
  color:#7CF4C7!important;
  border:1px solid rgba(124,244,199,.33)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.11),0 12px 22px rgba(0,0,0,.13)!important;
  font-size:18px!important;
  font-weight:950!important;
  letter-spacing:.4px!important;
}
body.page-comunidades .community-featured-badge svg{
  width:24px!important;
  height:24px!important;
}
body.page-comunidades .community-featured-card h2,
body.page-comunidades .community-mini-card h3{
  margin:0!important;
  padding:0!important;
  color:#fff!important;
  text-transform:none!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  word-break:normal!important;
  overflow-wrap:anywhere!important;
}
body.page-comunidades .community-featured-card h2{
  font-size:42px!important;
  line-height:1.08!important;
  letter-spacing:-1.1px!important;
  font-weight:1000!important;
  margin-bottom:22px!important;
  max-width:100%!important;
}
body.page-comunidades .community-featured-members{
  display:inline-flex!important;
  align-items:center!important;
  gap:12px!important;
  margin:0 0 16px!important;
  color:rgba(255,255,255,.84)!important;
  font-size:25px!important;
  line-height:1.15!important;
  font-weight:900!important;
  white-space:normal!important;
}
body.page-comunidades .community-featured-members svg{
  width:28px!important;
  height:28px!important;
  flex:0 0 28px!important;
  color:rgba(255,255,255,.72)!important;
}
body.page-comunidades .community-featured-desc{
  margin:0!important;
  color:rgba(255,255,255,.78)!important;
  font-size:23px!important;
  line-height:1.28!important;
  font-weight:500!important;
  max-width:620px!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
}
body.page-comunidades .community-featured-cta{
  position:absolute!important;
  right:42px!important;
  bottom:42px!important;
  min-width:188px!important;
  height:68px!important;
  padding:0 30px!important;
  border-radius:999px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:18px!important;
  background:linear-gradient(180deg,#7CF4C7,#61e5c1)!important;
  color:#14124b!important;
  font-size:23px!important;
  line-height:1!important;
  font-weight:1000!important;
  box-shadow:0 18px 34px rgba(66,234,197,.26),inset 0 1px 0 rgba(255,255,255,.55)!important;
}
body.page-comunidades .community-featured-cta b{
  font-size:30px!important;
  line-height:1!important;
  font-weight:1000!important;
}
body.page-comunidades .communities-modern-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:28px!important;
  margin:0 0 30px!important;
}
body.page-comunidades .community-mini-card{
  display:block!important;
  position:relative!important;
  overflow:hidden!important;
  min-height:258px!important;
  border-radius:26px!important;
  text-decoration:none!important;
  color:#fff!important;
  background:rgba(31,24,88,.88)!important;
  border:1.3px solid rgba(164,145,255,.34)!important;
  box-shadow:0 16px 34px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.12)!important;
}
body.page-comunidades .community-mini-cover{
  height:145px!important;
  overflow:hidden!important;
  background:linear-gradient(135deg,#3f2b97,#180f56)!important;
}
body.page-comunidades .community-mini-cover img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
  filter:saturate(1.05) contrast(1.02)!important;
}
body.page-comunidades .community-mini-cover span{
  width:100%!important;
  height:100%!important;
  display:grid!important;
  place-items:center!important;
  color:rgba(255,255,255,.78)!important;
  font-size:52px!important;
}
body.page-comunidades .community-mini-body{
  position:relative!important;
  padding:22px 90px 24px 28px!important;
  min-height:113px!important;
  background:linear-gradient(180deg,rgba(31,24,88,.96),rgba(24,17,72,.98))!important;
}
body.page-comunidades .community-mini-card h3{
  font-size:25px!important;
  line-height:1.15!important;
  font-weight:1000!important;
  letter-spacing:-.3px!important;
  margin-bottom:8px!important;
}
body.page-comunidades .community-mini-card p{
  margin:0!important;
  color:rgba(255,255,255,.72)!important;
  font-size:18px!important;
  line-height:1.25!important;
  font-weight:700!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
}
body.page-comunidades .community-mini-card p svg{
  width:21px!important;
  height:21px!important;
  margin-right:8px!important;
  vertical-align:-4px!important;
  color:rgba(255,255,255,.70)!important;
}
body.page-comunidades .community-mini-desc{
  margin-top:8px!important;
  font-size:15px!important;
  line-height:1.25!important;
  font-weight:500!important;
  color:rgba(255,255,255,.60)!important;
}
body.page-comunidades .community-mini-arrow{
  position:absolute!important;
  right:26px!important;
  bottom:28px!important;
  width:58px!important;
  height:58px!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  background:linear-gradient(180deg,#7CF4C7,#61e5c1)!important;
  color:#14124b!important;
  font-size:31px!important;
  line-height:1!important;
  font-weight:1000!important;
  box-shadow:0 13px 25px rgba(66,234,197,.20),inset 0 1px 0 rgba(255,255,255,.50)!important;
}
body.page-comunidades .communities-modern-empty{
  margin:30px 0!important;
  padding:28px!important;
  border-radius:26px!important;
  background:rgba(45,35,105,.72)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  color:rgba(255,255,255,.82)!important;
  font-size:20px!important;
  font-weight:750!important;
  text-align:center!important;
}
@media(max-width:760px){
  body.page-comunidades .comunidades-modern-page{
    padding:14px 22px 128px!important;
  }
  body.page-comunidades .communities-modern-head{
    margin:0 0 22px!important;
  }
  body.page-comunidades .communities-title-row{
    gap:12px!important;
    margin:0 0 18px!important;
  }
  body.page-comunidades .communities-modern-title{
    font-size:38px!important;
    padding-left:24px!important;
    letter-spacing:-1.2px!important;
  }
  body.page-comunidades .communities-modern-title::before{
    height:42px!important;
    top:3px!important;
    width:6px!important;
  }
  body.page-comunidades .communities-create-btn{
    min-width:118px!important;
    height:50px!important;
    font-size:18px!important;
    padding:0 18px!important;
    gap:8px!important;
  }
  body.page-comunidades .communities-create-btn span{
    font-size:24px!important;
  }
  body.page-comunidades .communities-modern-search{
    min-height:64px!important;
    border-radius:24px!important;
    grid-template-columns:30px minmax(0,1fr) 34px!important;
    gap:12px!important;
    padding:0 16px!important;
    margin-bottom:22px!important;
  }
  body.page-comunidades .communities-modern-search .communities-search-icon{
    width:28px!important;
    height:28px!important;
  }
  body.page-comunidades .communities-modern-search input,
  body.page-comunidades .communities-modern-search input:not([type=checkbox]):not([type=radio]){
    font-size:18px!important;
    height:56px!important;
  }
  body.page-comunidades .communities-modern-search button{
    width:34px!important;
    height:34px!important;
  }
  body.page-comunidades .communities-modern-search button svg{
    width:26px!important;
    height:26px!important;
  }
  body.page-comunidades .communities-filter-row{
    gap:12px!important;
  }
  body.page-comunidades .community-filter-chip{
    min-height:44px!important;
    padding:0 18px!important;
    font-size:15px!important;
    gap:8px!important;
  }
  body.page-comunidades .community-filter-chip svg{
    width:18px!important;
    height:18px!important;
    flex:0 0 18px!important;
  }
  body.page-comunidades .communities-featured-section{
    margin:22px 0 24px!important;
  }
  body.page-comunidades .community-featured-card{
    min-height:305px!important;
    border-radius:28px!important;
  }
  body.page-comunidades .community-featured-content{
    min-height:305px!important;
    padding:28px 26px!important;
    padding-right:168px!important;
  }
  body.page-comunidades .community-featured-badge{
    left:24px!important;
    top:24px!important;
    min-height:40px!important;
    font-size:13px!important;
    padding:0 16px!important;
    gap:8px!important;
  }
  body.page-comunidades .community-featured-badge svg{
    width:18px!important;
    height:18px!important;
  }
  body.page-comunidades .community-featured-card h2{
    font-size:30px!important;
    margin-bottom:14px!important;
  }
  body.page-comunidades .community-featured-members{
    font-size:17px!important;
    gap:8px!important;
    margin-bottom:10px!important;
  }
  body.page-comunidades .community-featured-members svg{
    width:20px!important;
    height:20px!important;
    flex:0 0 20px!important;
  }
  body.page-comunidades .community-featured-desc{
    font-size:14px!important;
    line-height:1.28!important;
    max-width:270px!important;
  }
  body.page-comunidades .community-featured-cta{
    right:22px!important;
    bottom:22px!important;
    min-width:118px!important;
    height:46px!important;
    padding:0 16px!important;
    font-size:16px!important;
    gap:10px!important;
  }
  body.page-comunidades .community-featured-cta b{
    font-size:24px!important;
  }
  body.page-comunidades .communities-modern-grid{
    gap:14px!important;
  }
}
@media(max-width:520px){
  body.page-comunidades .comunidades-modern-page{
    padding:12px 16px 122px!important;
  }
  body.page-comunidades .communities-title-row{
    gap:10px!important;
    margin-bottom:18px!important;
  }
  body.page-comunidades .communities-modern-title{
    font-size:32px!important;
    letter-spacing:-.8px!important;
    padding-left:20px!important;
  }
  body.page-comunidades .communities-modern-title::before{
    width:5px!important;
    height:38px!important;
    top:2px!important;
  }
  body.page-comunidades .communities-create-btn{
    min-width:108px!important;
    height:46px!important;
    font-size:16px!important;
    gap:7px!important;
    padding:0 16px!important;
  }
  body.page-comunidades .communities-create-btn span{
    font-size:22px!important;
  }
  body.page-comunidades .communities-modern-search{
    min-height:58px!important;
    border-radius:21px!important;
    margin-bottom:18px!important;
    grid-template-columns:28px minmax(0,1fr) 30px!important;
    gap:10px!important;
    padding:0 14px!important;
  }
  body.page-comunidades .communities-modern-search .communities-search-icon{
    width:25px!important;
    height:25px!important;
  }
  body.page-comunidades .communities-modern-search input,
  body.page-comunidades .communities-modern-search input:not([type=checkbox]):not([type=radio]){
    font-size:17px!important;
    height:50px!important;
  }
  body.page-comunidades .communities-modern-search button{
    width:30px!important;
    height:30px!important;
  }
  body.page-comunidades .communities-modern-search button svg{
    width:23px!important;
    height:23px!important;
  }
  body.page-comunidades .communities-filter-row{
    gap:10px!important;
  }
  body.page-comunidades .community-filter-chip{
    min-height:40px!important;
    padding:0 16px!important;
    font-size:14px!important;
    gap:7px!important;
  }
  body.page-comunidades .community-filter-chip svg{
    width:16px!important;
    height:16px!important;
  }
  body.page-comunidades .communities-featured-section{
    margin-top:18px!important;
  }
  body.page-comunidades .community-featured-card{
    min-height:295px!important;
    border-radius:24px!important;
  }
  body.page-comunidades .community-featured-shade{
    background:linear-gradient(90deg,rgba(10,8,54,.94) 0%,rgba(25,14,80,.72) 58%,rgba(24,13,69,.34) 100%),linear-gradient(0deg,rgba(13,8,54,.80),rgba(13,8,54,.10))!important;
  }
  body.page-comunidades .community-featured-content{
    min-height:295px!important;
    padding:22px 18px!important;
    padding-right:160px!important;
    justify-content:flex-end!important;
  }
  body.page-comunidades .community-featured-badge{
    left:18px!important;
    top:18px!important;
    min-height:36px!important;
    font-size:12px!important;
    padding:0 14px!important;
  }
  body.page-comunidades .community-featured-card h2{
    font-size:24px!important;
    margin-bottom:10px!important;
    letter-spacing:-.5px!important;
  }
  body.page-comunidades .community-featured-members{
    font-size:14px!important;
    margin-bottom:8px!important;
  }
  body.page-comunidades .community-featured-members svg{
    width:17px!important;
    height:17px!important;
    flex:0 0 17px!important;
  }
  body.page-comunidades .community-featured-desc{
    font-size:13px!important;
    line-height:1.24!important;
    max-width:190px!important;
  }
  body.page-comunidades .community-featured-cta{
    right:16px!important;
    bottom:18px!important;
    min-width:104px!important;
    height:42px!important;
    padding:0 14px!important;
    font-size:15px!important;
    gap:8px!important;
  }
  body.page-comunidades .community-featured-cta b{
    font-size:20px!important;
  }
  body.page-comunidades .communities-modern-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
  }
  body.page-comunidades .community-mini-card{
    min-height:200px!important;
    border-radius:18px!important;
  }
  body.page-comunidades .community-mini-cover{
    height:100px!important;
  }
  body.page-comunidades .community-mini-body{
    padding:14px 50px 16px 15px!important;
    min-height:98px!important;
  }
  body.page-comunidades .community-mini-card h3{
    font-size:17px!important;
    line-height:1.15!important;
  }
  body.page-comunidades .community-mini-card p{
    font-size:12px!important;
  }
  body.page-comunidades .community-mini-card p svg{
    width:16px!important;
    height:16px!important;
    margin-right:5px!important;
    vertical-align:-3px!important;
  }
  body.page-comunidades .community-mini-desc{
    font-size:11px!important;
    margin-top:5px!important;
  }
  body.page-comunidades .community-mini-arrow{
    width:36px!important;
    height:36px!important;
    right:12px!important;
    bottom:18px!important;
    font-size:20px!important;
  }
}


/* ===== V87 - Comunidades: título e botão Criar no tamanho padrão das demais páginas ===== */
body.page-comunidades .communities-title-row{
  align-items:center!important;
  gap:12px!important;
  margin:0 0 18px!important;
}

body.page-comunidades .communities-modern-title{
  font-size:31px!important;
  line-height:1.08!important;
  letter-spacing:-.8px!important;
  padding-left:19px!important;
  font-weight:1000!important;
}

body.page-comunidades .communities-modern-title::before{
  width:5px!important;
  height:34px!important;
  top:1px!important;
  border-radius:999px!important;
}

body.page-comunidades .communities-create-btn{
  min-width:96px!important;
  height:42px!important;
  padding:0 15px!important;
  border-radius:999px!important;
  gap:7px!important;
  font-size:15px!important;
  font-weight:1000!important;
}

body.page-comunidades .communities-create-btn span{
  font-size:21px!important;
  line-height:1!important;
  margin-top:-1px!important;
}

@media(max-width:760px){
  body.page-comunidades .communities-modern-title{
    font-size:31px!important;
    line-height:1.08!important;
    letter-spacing:-.8px!important;
    padding-left:19px!important;
  }
  body.page-comunidades .communities-modern-title::before{
    width:5px!important;
    height:34px!important;
    top:1px!important;
  }
  body.page-comunidades .communities-create-btn{
    min-width:96px!important;
    height:42px!important;
    padding:0 15px!important;
    gap:7px!important;
    font-size:15px!important;
  }
  body.page-comunidades .communities-create-btn span{
    font-size:21px!important;
  }
}

@media(max-width:520px){
  body.page-comunidades .communities-modern-title{
    font-size:31px!important;
    line-height:1.08!important;
    letter-spacing:-.8px!important;
    padding-left:19px!important;
  }
  body.page-comunidades .communities-modern-title::before{
    width:5px!important;
    height:34px!important;
    top:1px!important;
  }
  body.page-comunidades .communities-create-btn{
    min-width:96px!important;
    height:42px!important;
    padding:0 15px!important;
    gap:7px!important;
    font-size:15px!important;
  }
  body.page-comunidades .communities-create-btn span{
    font-size:21px!important;
  }
}

/* ===== V87 - Comunidades com padrão de topo das demais páginas ===== */
body.page-comunidades .scraaps-topbar .scraaps-global-search{
  display:grid!important;
}
body.page-comunidades .communities-modern-search{
  display:none!important;
}
body.page-comunidades .comunidades-modern-page{
  padding-top:22px!important;
}
body.page-comunidades .communities-modern-head{
  margin:0 0 18px!important;
}
body.page-comunidades .communities-title-row{
  align-items:center!important;
  gap:10px!important;
  margin:0 0 16px!important;
}
body.page-comunidades .communities-modern-title{
  font-size:30px!important;
  line-height:1.08!important;
  letter-spacing:-.65px!important;
  padding-left:18px!important;
  font-weight:1000!important;
}
body.page-comunidades .communities-modern-title::before{
  width:5px!important;
  height:31px!important;
  top:2px!important;
}
body.page-comunidades .communities-create-btn{
  min-width:88px!important;
  height:38px!important;
  padding:0 13px!important;
  gap:6px!important;
  font-size:14px!important;
  font-weight:1000!important;
  box-shadow:0 10px 22px rgba(69,238,200,.18), inset 0 1px 0 rgba(255,255,255,.46)!important;
}
body.page-comunidades .communities-create-btn span{
  font-size:19px!important;
  line-height:1!important;
  margin-top:-1px!important;
}
body.page-comunidades .communities-filter-row{
  gap:9px!important;
  margin-top:0!important;
}
body.page-comunidades .community-filter-chip{
  min-height:38px!important;
  padding:0 15px!important;
  font-size:14px!important;
  gap:7px!important;
}
body.page-comunidades .community-filter-chip svg{
  width:16px!important;
  height:16px!important;
  flex:0 0 16px!important;
}
@media(max-width:760px){
  body.page-comunidades .scraaps-topbar .scraaps-global-search{display:grid!important;}
  body.page-comunidades .communities-modern-search{display:none!important;}
  body.page-comunidades .comunidades-modern-page{padding-top:22px!important;}
  body.page-comunidades .communities-modern-head{margin:0 0 18px!important;}
  body.page-comunidades .communities-title-row{gap:10px!important;margin:0 0 16px!important;}
  body.page-comunidades .communities-modern-title{font-size:30px!important;line-height:1.08!important;letter-spacing:-.65px!important;padding-left:18px!important;}
  body.page-comunidades .communities-modern-title::before{width:5px!important;height:31px!important;top:2px!important;}
  body.page-comunidades .communities-create-btn{min-width:88px!important;height:38px!important;padding:0 13px!important;gap:6px!important;font-size:14px!important;}
  body.page-comunidades .communities-create-btn span{font-size:19px!important;}
  body.page-comunidades .community-filter-chip{min-height:38px!important;padding:0 15px!important;font-size:14px!important;gap:7px!important;}
}
@media(max-width:520px){
  body.page-comunidades .scraaps-topbar .scraaps-global-search{display:grid!important;}
  body.page-comunidades .communities-modern-search{display:none!important;}
  body.page-comunidades .comunidades-modern-page{padding-top:22px!important;}
  body.page-comunidades .communities-modern-head{margin:0 0 18px!important;}
  body.page-comunidades .communities-title-row{gap:10px!important;margin:0 0 16px!important;}
  body.page-comunidades .communities-modern-title{font-size:30px!important;line-height:1.08!important;letter-spacing:-.65px!important;padding-left:18px!important;}
  body.page-comunidades .communities-modern-title::before{width:5px!important;height:31px!important;top:2px!important;}
  body.page-comunidades .communities-create-btn{min-width:88px!important;height:38px!important;padding:0 13px!important;gap:6px!important;font-size:14px!important;}
  body.page-comunidades .communities-create-btn span{font-size:19px!important;}
  body.page-comunidades .community-filter-chip{min-height:38px!important;padding:0 15px!important;font-size:14px!important;gap:7px!important;}
}

/* ===== V87 - Comunidades: título padrão e card destaque em uma linha ===== */
body.page-comunidades .communities-title-row{
  margin:0 0 14px!important;
  gap:10px!important;
  align-items:center!important;
}
body.page-comunidades .communities-modern-title{
  font-size:28px!important;
  line-height:1.08!important;
  letter-spacing:-.55px!important;
  padding-left:17px!important;
  font-weight:1000!important;
}
body.page-comunidades .communities-modern-title::before{
  width:5px!important;
  height:29px!important;
  top:1px!important;
}
body.page-comunidades .communities-create-btn{
  min-width:82px!important;
  height:36px!important;
  padding:0 12px!important;
  gap:6px!important;
  font-size:14px!important;
  line-height:1!important;
  box-shadow:0 10px 22px rgba(69,238,200,.18), inset 0 1px 0 rgba(255,255,255,.45)!important;
}
body.page-comunidades .communities-create-btn span{
  font-size:18px!important;
  line-height:1!important;
  margin-top:-1px!important;
}

/* Destaque: nome da comunidade sem quebra */
body.page-comunidades .community-featured-card h2{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:clip!important;
  font-size:22px!important;
  line-height:1.05!important;
  letter-spacing:-.35px!important;
  margin-bottom:10px!important;
}
body.page-comunidades .community-featured-content{
  padding-right:140px!important;
}

@media(max-width:760px){
  body.page-comunidades .communities-modern-title{
    font-size:28px!important;
    line-height:1.08!important;
    letter-spacing:-.55px!important;
    padding-left:17px!important;
  }
  body.page-comunidades .communities-modern-title::before{
    width:5px!important;
    height:29px!important;
    top:1px!important;
  }
  body.page-comunidades .communities-create-btn{
    min-width:82px!important;
    height:36px!important;
    padding:0 12px!important;
    gap:6px!important;
    font-size:14px!important;
  }
  body.page-comunidades .communities-create-btn span{
    font-size:18px!important;
  }
  body.page-comunidades .community-featured-card h2{
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:clip!important;
    font-size:22px!important;
    line-height:1.05!important;
    margin-bottom:10px!important;
  }
  body.page-comunidades .community-featured-content{
    padding-right:140px!important;
  }
}
@media(max-width:520px){
  body.page-comunidades .communities-modern-title{
    font-size:28px!important;
    line-height:1.08!important;
    letter-spacing:-.55px!important;
    padding-left:17px!important;
  }
  body.page-comunidades .communities-modern-title::before{
    width:5px!important;
    height:29px!important;
    top:1px!important;
  }
  body.page-comunidades .communities-create-btn{
    min-width:82px!important;
    height:36px!important;
    padding:0 12px!important;
    gap:6px!important;
    font-size:14px!important;
  }
  body.page-comunidades .communities-create-btn span{
    font-size:18px!important;
  }
  body.page-comunidades .community-featured-card h2{
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:clip!important;
    font-size:22px!important;
    line-height:1.05!important;
    margin-bottom:10px!important;
  }
  body.page-comunidades .community-featured-content{
    padding-right:140px!important;
  }
}
@media(max-width:380px){
  body.page-comunidades .community-featured-card h2{
    font-size:20px!important;
    letter-spacing:-.45px!important;
  }
}

/* ===== V87 - Comunidades: manter emojis e símbolos no título ===== */
/* Mantém o título do card destaque em uma linha sem cortar o emoji/símbolo final */
body.page-comunidades .community-featured-card h2{
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:unset!important;
  max-width:none!important;
  width:auto!important;
  font-size:20px!important;
  line-height:1.08!important;
  letter-spacing:-.35px!important;
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif!important;
}

/* Todos os títulos de comunidades preservam emojis, símbolos e a forma digitada */
body.page-comunidades .community-mini-card h3,
body.page-comunidades .community-featured-card h2,
body.page-comunidades .communities-modern-title{
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif!important;
  text-transform:none!important;
}

@media(max-width:760px){
  body.page-comunidades .community-featured-card h2{
    white-space:nowrap!important;
    overflow:visible!important;
    text-overflow:unset!important;
    max-width:none!important;
    width:auto!important;
    font-size:20px!important;
  }
}

@media(max-width:520px){
  body.page-comunidades .community-featured-card h2{
    white-space:nowrap!important;
    overflow:visible!important;
    text-overflow:unset!important;
    max-width:none!important;
    width:auto!important;
    font-size:20px!important;
  }
}

@media(max-width:380px){
  body.page-comunidades .community-featured-card h2{
    font-size:18.5px!important;
  }
}


/* ===== V88 - Comunidades padronizadas com Álbuns ===== */
body.page-comunidades .comunidades-modern-page{
  max-width:920px!important;
  padding:16px 16px 120px!important;
}
body.page-comunidades .communities-modern-head{
  margin:0 0 18px!important;
}
body.page-comunidades .communities-modern-search{
  min-height:56px!important;
  margin:0 0 14px!important;
  padding:0 16px!important;
  border-radius:18px!important;
  grid-template-columns:20px minmax(0,1fr) 24px!important;
  gap:10px!important;
  background:rgba(34,27,88,.78)!important;
  border:1px solid rgba(167,149,255,.24)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 10px 24px rgba(0,0,0,.14)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
body.page-comunidades .communities-modern-search .communities-search-icon{
  width:18px!important;height:18px!important;
}
body.page-comunidades .communities-modern-search input,
body.page-comunidades .communities-modern-search input:not([type=checkbox]):not([type=radio]){
  height:54px!important;
  font-size:15px!important;
  font-weight:400!important;
}
body.page-comunidades .communities-modern-search button{width:24px!important;height:24px!important;}
body.page-comunidades .communities-modern-search button svg{width:18px!important;height:18px!important;filter:none!important;}
body.page-comunidades .communities-title-row{
  align-items:flex-start!important;
  gap:12px!important;
  margin:0 0 12px!important;
}
body.page-comunidades .communities-title-copy{min-width:0!important;flex:1 1 auto!important;}
body.page-comunidades .communities-modern-title.page-title,
body.page-comunidades .communities-modern-title{
  margin:0!important;
  padding-left:14px!important;
  font-size:22px!important;
  line-height:1.14!important;
  letter-spacing:-.4px!important;
  font-weight:800!important;
  text-shadow:var(--scr-title-glow)!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
}
body.page-comunidades .communities-modern-title::before{
  width:4px!important;
  height:20px!important;
  top:2px!important;
  left:0!important;
  box-shadow:0 0 16px rgba(111,242,208,.34)!important;
}
body.page-comunidades .communities-modern-subtitle{
  margin:6px 0 0!important;
  color:rgba(255,255,255,.68)!important;
  font-size:13px!important;
  line-height:1.38!important;
  font-weight:300!important;
  max-width:560px!important;
}
body.page-comunidades .communities-create-btn{
  min-width:auto!important;
  height:36px!important;
  padding:0 14px!important;
  gap:6px!important;
  border-radius:999px!important;
  font-size:13px!important;
  font-weight:800!important;
  box-shadow:0 10px 20px rgba(69,238,200,.16), inset 0 1px 0 rgba(255,255,255,.40)!important;
}
body.page-comunidades .communities-create-btn span{font-size:17px!important;margin-top:-1px!important;}
body.page-comunidades .communities-filter-row{
  gap:8px!important;
  padding:1px 1px 2px!important;
}
body.page-comunidades .community-filter-chip{
  min-height:34px!important;
  padding:0 14px!important;
  gap:7px!important;
  font-size:13px!important;
  font-weight:700!important;
  border-radius:999px!important;
}
body.page-comunidades .community-filter-chip svg{width:15px!important;height:15px!important;flex-basis:15px!important;}
body.page-comunidades .communities-featured-section{margin:14px 0 18px!important;}
body.page-comunidades .community-featured-card{
  min-height:270px!important;
  border-radius:24px!important;
}
body.page-comunidades .community-featured-content{
  min-height:270px!important;
  padding:24px 24px 26px!important;
  padding-right:178px!important;
}
body.page-comunidades .community-featured-badge{
  left:20px!important;top:18px!important;
  min-height:36px!important;
  padding:0 14px!important;
  gap:8px!important;
  font-size:12px!important;
}
body.page-comunidades .community-featured-badge svg{width:16px!important;height:16px!important;}
body.page-comunidades .community-featured-card h2{
  font-size:24px!important;
  line-height:1.1!important;
  margin-bottom:10px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body.page-comunidades .community-featured-members{
  gap:8px!important;
  margin:0 0 10px!important;
  font-size:14px!important;
  line-height:1.2!important;
  font-weight:800!important;
}
body.page-comunidades .community-featured-members svg{width:16px!important;height:16px!important;flex-basis:16px!important;}
body.page-comunidades .community-featured-desc{
  font-size:13px!important;
  line-height:1.38!important;
  max-width:430px!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
}
body.page-comunidades .community-featured-cta{
  right:22px!important;bottom:22px!important;
  min-width:136px!important;
  height:44px!important;
  padding:0 18px!important;
  gap:10px!important;
  font-size:15px!important;
}
body.page-comunidades .community-featured-cta b{font-size:20px!important;}
body.page-comunidades .communities-modern-grid{gap:16px!important;margin:0 0 24px!important;}
body.page-comunidades .community-mini-card{min-height:212px!important;border-radius:20px!important;}
body.page-comunidades .community-mini-cover{height:118px!important;}
body.page-comunidades .community-mini-body{padding:16px 58px 16px 18px!important;min-height:94px!important;}
body.page-comunidades .community-mini-card h3{
  font-size:17px!important;
  line-height:1.15!important;
  margin-bottom:6px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body.page-comunidades .community-mini-card p{font-size:12px!important;line-height:1.3!important;}
body.page-comunidades .community-mini-card p svg{width:14px!important;height:14px!important;margin-right:6px!important;vertical-align:-2px!important;}
body.page-comunidades .community-mini-desc{
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
}
@media(max-width:760px){
  body.page-comunidades .comunidades-modern-page{padding:14px 12px 116px!important;}
  body.page-comunidades .communities-title-row{gap:10px!important;}
  body.page-comunidades .communities-modern-title.page-title,
  body.page-comunidades .communities-modern-title{font-size:22px!important;}
  body.page-comunidades .communities-modern-subtitle{font-size:12.5px!important;}
  body.page-comunidades .communities-create-btn{height:34px!important;padding:0 12px!important;font-size:12.5px!important;}
  body.page-comunidades .community-featured-content{padding-right:24px!important;}
  body.page-comunidades .community-featured-cta{position:static!important;margin-top:14px!important;align-self:flex-start!important;}
  body.page-comunidades .community-featured-card h2{font-size:21px!important;}
  body.page-comunidades .communities-modern-grid{grid-template-columns:1fr!important;}
}


/* ===== V89 - Abas abaixo da descrição iguais e totalmente arredondadas ===== */
body.page-comunidades .communities-filter-row{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  flex-wrap:wrap!important;
}
body.page-comunidades .community-filter-chip,
body.page-comunidades .community-filter-chip:visited,
body.page-comunidades .community-filter-chip:hover,
body.page-comunidades .community-filter-chip:focus,
body.page-comunidades .community-filter-chip.active{
  min-height:36px!important;
  height:36px!important;
  padding:0 15px!important;
  border-radius:999px!important;
  -webkit-border-radius:999px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  font-size:13px!important;
  font-weight:700!important;
  line-height:1!important;
  white-space:nowrap!important;
}
body.page-comunidades .community-filter-chip svg,
body.page-comunidades .community-filter-chip.active svg{
  width:14px!important;
  height:14px!important;
  flex:0 0 14px!important;
}
body.page-comunidades .community-filter-chip.active{
  border-radius:999px!important;
  -webkit-border-radius:999px!important;
}


/* ===== V90 - Padronização global das abas abaixo das descrições ===== */
.inline-tabs,
.tabs,
.profile-page .profile-action-tabs,
body.page-comunidades .communities-filter-row{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  row-gap:8px!important;
  margin:0 0 16px!important;
}

.inline-tabs a,
.tabs .tab,
.tabs a.tab,
.profile-page .profile-action-tabs a,
body.page-comunidades .community-filter-chip,
body.page-comunidades .community-filter-chip:visited,
body.page-comunidades .community-filter-chip:hover,
body.page-comunidades .community-filter-chip:focus,
body.page-comunidades .community-filter-chip.active{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  height:36px!important;
  min-height:36px!important;
  padding:0 15px!important;
  margin:0!important;
  border-radius:999px!important;
  -webkit-border-radius:999px!important;
  box-sizing:border-box!important;
  font-size:13px!important;
  font-weight:700!important;
  line-height:1!important;
  white-space:nowrap!important;
  vertical-align:middle!important;
  position:relative!important;
  top:0!important;
}

.inline-tabs a svg,
.tabs .tab svg,
.tabs a.tab svg,
.profile-page .profile-action-tabs a svg,
.profile-page .profile-action-tabs .action-tab-icon svg,
body.page-comunidades .community-filter-chip svg,
body.page-comunidades .community-filter-chip.active svg{
  width:14px!important;
  height:14px!important;
  flex:0 0 14px!important;
}

.inline-tabs a.active,
.tabs .tab.active,
.tabs a.tab.active,
.profile-page .profile-action-tabs a.active,
body.page-comunidades .community-filter-chip.active{
  border-radius:999px!important;
  -webkit-border-radius:999px!important;
}


/* ===== V92 - abas iguais ao padrão da página Comunidades, sem afetar a página Comunidades ===== */
.page-albuns .inline-tabs,
.page-foto .inline-tabs,
.page-enquete .inline-tabs,
.page-enquetes .inline-tabs,
.page-postar .inline-tabs{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:10px!important;
  row-gap:10px!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  padding:0!important;
  margin:0 0 16px!important;
  box-shadow:none!important;
}
.page-albuns .inline-tabs a,
.page-foto .inline-tabs a,
.page-enquete .inline-tabs a,
.page-enquetes .inline-tabs a,
.page-postar .inline-tabs a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:40px!important;
  height:40px!important;
  padding:0 18px!important;
  margin:0!important;
  border-radius:999px!important;
  border:1px solid rgba(158,133,255,.34)!important;
  background:rgba(74,54,144,.46)!important;
  color:rgba(255,255,255,.88)!important;
  text-decoration:none!important;
  font-size:13px!important;
  font-weight:800!important;
  line-height:1!important;
  white-space:nowrap!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 8px 18px rgba(6,10,70,.18)!important;
}
.page-albuns .inline-tabs a:hover,
.page-foto .inline-tabs a:hover,
.page-enquete .inline-tabs a:hover,
.page-enquetes .inline-tabs a:hover,
.page-postar .inline-tabs a:hover{
  color:#fff!important;
  border-color:rgba(111,236,216,.55)!important;
}
.page-albuns .inline-tabs a.active,
.page-foto .inline-tabs a.active,
.page-enquete .inline-tabs a.active,
.page-enquetes .inline-tabs a.active,
.page-postar .inline-tabs a.active{
  color:#fff!important;
  border-color:rgba(111,236,216,.9)!important;
  background:rgba(49,36,112,.78)!important;
  box-shadow:0 0 0 1px rgba(111,236,216,.24), 0 0 18px rgba(111,236,216,.18)!important;
}


/* ===== V93 - página Postar com abas no padrão de Comunidades, sem card de fundo ===== */
body.page-postar .post-type-tabs,
body.page-postar .inline-tabs.post-type-tabs{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:10px!important;row-gap:10px!important;background:transparent!important;border:0!important;border-radius:0!important;padding:0!important;margin:0 0 18px!important;box-shadow:none!important;}
body.page-postar .post-type-tabs a,
body.page-postar .inline-tabs.post-type-tabs a{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-height:40px!important;height:40px!important;padding:0 16px!important;border-radius:999px!important;border:1px solid rgba(158,133,255,.34)!important;background:rgba(74,54,144,.46)!important;color:#ffffff!important;text-decoration:none!important;font-size:13px!important;font-weight:800!important;line-height:1!important;white-space:nowrap!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 8px 18px rgba(6,10,70,.18)!important;}
body.page-postar .post-type-tabs a:hover,
body.page-postar .inline-tabs.post-type-tabs a:hover{color:#ffffff!important;border-color:rgba(111,236,216,.58)!important;}
body.page-postar .post-type-tabs a.active,
body.page-postar .inline-tabs.post-type-tabs a.active{color:#ffffff!important;border-color:rgba(111,236,216,.9)!important;background:rgba(49,36,112,.82)!important;box-shadow:0 0 0 1px rgba(111,236,216,.24),0 0 18px rgba(111,236,216,.18)!important;}
body.page-postar .post-type-tabs .tab-ico{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:16px!important;height:16px!important;color:#ffffff!important;flex:0 0 16px!important;}
body.page-postar .post-type-tabs .tab-ico svg{width:16px!important;height:16px!important;display:block!important;}


/* ===== V94 - assinatura global nas páginas ===== */
.app-signature{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  margin:20px 0 96px;
  padding:0 10px;
}
.app-signature p{
  margin:0;
  color:rgba(255,255,255,.82);
  font-size:12px;
  line-height:1.25;
  white-space:nowrap;
  text-align:center;
}
.app-signature p + p{ margin-top:3px; }
.app-signature strong{ color:#ffffff; font-weight:800; }
@media (max-width:420px){
  .app-signature p{ font-size:11px; }
}


/* ===== V95 - página Álbuns: lista abaixo do formulário sem card roxo atrás do ícone ===== */
.page-albuns .album-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:18px 16px!important;
  margin-top:18px!important;
}
.page-albuns .album-card{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:10px!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  min-height:auto!important;
  text-decoration:none!important;
}
.page-albuns .album-cover{
  width:32px!important;
  height:32px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  color:#fff!important;
  overflow:hidden!important;
  padding:0!important;
}
.page-albuns .album-cover img{
  width:32px!important;
  height:32px!important;
  object-fit:cover!important;
  border-radius:8px!important;
  display:block!important;
}
.page-albuns .album-cover.no-cover svg,
.page-albuns .album-cover svg{
  width:30px!important;
  height:30px!important;
  display:block!important;
  color:#ffffff!important;
}
.page-albuns .album-info{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:0!important;
}
.page-albuns .album-info b{
  display:block!important;
  font-size:15px!important;
  line-height:1.15!important;
  font-weight:800!important;
  color:#ffffff!important;
  letter-spacing:-.01em!important;
}
.page-albuns .album-info small{
  display:none!important;
}
@media (max-width:420px){
  .page-albuns .album-grid{ grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:16px 14px!important; }
}


/* ===== V96 - assinatura alinhada ao rodapé e lista de álbuns sem fundo residual ===== */
.app-shell{
  display:flex!important;
  flex-direction:column!important;
}
.container{
  flex:1 0 auto!important;
}
.app-signature{
  margin-top:auto!important;
  margin-bottom:0!important;
  padding:0 10px env(safe-area-inset-bottom)!important;
}

.page-albuns .album-grid{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:flex-start!important;
  gap:18px 22px!important;
  margin-top:18px!important;
}
.page-albuns .album-card{
  display:inline-flex!important;
  flex:0 0 auto!important;
  width:auto!important;
  max-width:unset!important;
  min-width:0!important;
  position:relative!important;
}
.page-albuns .album-card::before,
.page-albuns .album-card::after{
  content:none!important;
  display:none!important;
}
.page-albuns .album-cover{
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  min-height:38px!important;
  background:none!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  border:0!important;
  outline:0!important;
  padding:0!important;
}
.page-albuns .album-cover.no-cover svg,
.page-albuns .album-cover svg{
  width:36px!important;
  height:36px!important;
  color:#ffffff!important;
  filter:none!important;
}
.page-albuns .album-info b{
  font-size:16px!important;
}


/* ===== V97 - assinatura mais próxima do menu inferior ===== */
.app-signature{ margin-bottom:0!important; }


/* ===== V99 - correção final da bolinha de status dos avatares ===== */
.mini-avatar,
.composer-avatar,
.comment-avatar,
.recent-avatar-stack a,
.friend-stack-avatar,
.profile-page .avatar-wrap,
.profile-page .avatar{
  overflow:visible!important;
  isolation:isolate!important;
}

.mini-avatar img,.mini-avatar b,
.composer-avatar img,.composer-avatar b,
.comment-avatar img,.comment-avatar b,
.recent-avatar-stack a img,.recent-avatar-stack a b,
.friend-stack-avatar img,.friend-stack-avatar b,
.profile-page .avatar img,.profile-page .avatar b{
  position:relative!important;
  z-index:1!important;
}

/* Avatares pequenos: bolinha sempre para fora da borda, igual ao padrão correto */
.mini-avatar.status-ring::after,
.mini-avatar.status-online::after,
.mini-avatar.status-disponivel::after,
.mini-avatar.status-ocupado::after,
.mini-avatar.status-ausente::after,
.mini-avatar.status-off::after,
.mini-avatar.status-offline::after,
.composer-avatar.status-ring::after,
.composer-avatar.status-online::after,
.composer-avatar.status-disponivel::after,
.composer-avatar.status-ocupado::after,
.composer-avatar.status-ausente::after,
.composer-avatar.status-off::after,
.composer-avatar.status-offline::after,
.comment-avatar.status-ring::after,
.comment-avatar.status-online::after,
.comment-avatar.status-disponivel::after,
.comment-avatar.status-ocupado::after,
.comment-avatar.status-ausente::after,
.comment-avatar.status-off::after,
.comment-avatar.status-offline::after,
.recent-avatar-stack a.status-ring::after,
.recent-avatar-stack a.status-online::after,
.recent-avatar-stack a.status-disponivel::after,
.recent-avatar-stack a.status-ocupado::after,
.recent-avatar-stack a.status-ausente::after,
.recent-avatar-stack a.status-off::after,
.recent-avatar-stack a.status-offline::after,
.friend-stack-avatar.status-ring::after,
.friend-stack-avatar.status-online::after,
.friend-stack-avatar.status-disponivel::after,
.friend-stack-avatar.status-ocupado::after,
.friend-stack-avatar.status-ausente::after,
.friend-stack-avatar.status-off::after,
.friend-stack-avatar.status-offline::after{
  right:-2px!important;
  bottom:-2px!important;
  transform:none!important;
  width:14px!important;
  height:14px!important;
  border:2px solid #090b4d!important;
  box-sizing:border-box!important;
  z-index:999!important;
  pointer-events:none!important;
}

/* Avatar grande do perfil: amplia a área útil e mostra a bolinha inteira no canto inferior direito */
.profile-page .avatar-wrap{
  width:154px!important;
  height:154px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}

.profile-page .avatar{
  width:132px!important;
  height:132px!important;
  margin:0!important;
}

.profile-page .avatar.status-ring::after,
.profile-page .avatar.status-online::after,
.profile-page .avatar.status-disponivel::after,
.profile-page .avatar.status-ocupado::after,
.profile-page .avatar.status-ausente::after,
.profile-page .avatar.status-off::after,
.profile-page .avatar.status-offline::after{
  right:2px!important;
  bottom:2px!important;
  width:20px!important;
  height:20px!important;
  border:4px solid #090b4d!important;
  box-sizing:border-box!important;
  z-index:999!important;
  pointer-events:none!important;
}

/* Mantém o sino separado da bolinha de status */
.profile-page .avatar-bell{
  right:2px!important;
  top:10px!important;
  z-index:1000!important;
}

@media (max-width:520px){
  .profile-page .avatar-wrap{width:148px!important;height:148px!important;}
  .profile-page .avatar{width:124px!important;height:124px!important;}
  .profile-page .avatar.status-ring::after,
  .profile-page .avatar.status-online::after,
  .profile-page .avatar.status-disponivel::after,
  .profile-page .avatar.status-ocupado::after,
  .profile-page .avatar.status-ausente::after,
  .profile-page .avatar.status-off::after,
  .profile-page .avatar.status-offline::after{
    width:19px!important;height:19px!important;right:3px!important;bottom:3px!important;
  }
}


/* ===== V100 - correção definitiva do status dos avatares no perfil ===== */
/* Reforça stacking e garante que a bolinha nunca fique atrás da borda */
.profile-page .avatar-wrap,
.profile-page .avatar,
.profile-page .mini-avatar,
.profile-page .testimonial-avatar,
.profile-page .recado-card .mini-avatar,
.profile-page .feed-card .mini-avatar{
  overflow:visible!important;
  isolation:isolate!important;
}

.profile-page .avatar-wrap{
  position:relative!important;
  width:158px!important;
  height:158px!important;
  margin:0 auto 14px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}

.profile-page .avatar{
  position:relative!important;
  width:132px!important;
  height:132px!important;
  margin:0!important;
  border-radius:50%!important;
  border:4px solid #6ff2d0!important;
  background:#24165f!important;
  box-shadow:none!important;
  overflow:visible!important;
  z-index:2!important;
}

.profile-page .avatar img,
.profile-page .avatar b,
.profile-page .mini-avatar img,
.profile-page .mini-avatar b,
.profile-page .testimonial-avatar img,
.profile-page .testimonial-avatar b{
  position:relative!important;
  z-index:1!important;
}

/* Avatar principal do perfil */
.profile-page .avatar.status-ring::after,
.profile-page .avatar.status-online::after,
.profile-page .avatar.status-disponivel::after,
.profile-page .avatar.status-ocupado::after,
.profile-page .avatar.status-ausente::after,
.profile-page .avatar.status-off::after,
.profile-page .avatar.status-offline::after{
  content:''!important;
  position:absolute!important;
  right:-4px!important;
  bottom:-4px!important;
  width:22px!important;
  height:22px!important;
  border-radius:50%!important;
  border:4px solid #090b4d!important;
  box-sizing:border-box!important;
  z-index:9999!important;
  pointer-events:none!important;
}
.profile-page .avatar.status-online,
.profile-page .avatar.status-disponivel,
.profile-page .avatar.status-ring.status-online,
.profile-page .avatar.status-ring.status-disponivel{border-color:#6ff2d0!important}
.profile-page .avatar.status-online::after,
.profile-page .avatar.status-disponivel::after,
.profile-page .avatar.status-ring.status-online::after,
.profile-page .avatar.status-ring.status-disponivel::after{background:#6ff2d0!important}
.profile-page .avatar.status-ocupado,
.profile-page .avatar.status-ring.status-ocupado{border-color:#ff3b30!important}
.profile-page .avatar.status-ocupado::after,
.profile-page .avatar.status-ring.status-ocupado::after{background:#ff3b30!important}
.profile-page .avatar.status-ausente,
.profile-page .avatar.status-ring.status-ausente{border-color:#ff9f1c!important}
.profile-page .avatar.status-ausente::after,
.profile-page .avatar.status-ring.status-ausente::after{background:#ff9f1c!important}
.profile-page .avatar.status-off,
.profile-page .avatar.status-offline,
.profile-page .avatar.status-ring.status-off,
.profile-page .avatar.status-ring.status-offline{border-color:#8c8c96!important}
.profile-page .avatar.status-off::after,
.profile-page .avatar.status-offline::after,
.profile-page .avatar.status-ring.status-off::after,
.profile-page .avatar.status-ring.status-offline::after{background:#8c8c96!important}

/* Avatares pequenos dentro da página de perfil (feed, recados e depoimentos) */
.profile-page .mini-avatar.status-ring::after,
.profile-page .mini-avatar.status-online::after,
.profile-page .mini-avatar.status-disponivel::after,
.profile-page .mini-avatar.status-ocupado::after,
.profile-page .mini-avatar.status-ausente::after,
.profile-page .mini-avatar.status-off::after,
.profile-page .mini-avatar.status-offline::after,
.profile-page .testimonial-avatar.status-ring::after,
.profile-page .testimonial-avatar.status-online::after,
.profile-page .testimonial-avatar.status-disponivel::after,
.profile-page .testimonial-avatar.status-ocupado::after,
.profile-page .testimonial-avatar.status-ausente::after,
.profile-page .testimonial-avatar.status-off::after,
.profile-page .testimonial-avatar.status-offline::after{
  content:''!important;
  position:absolute!important;
  right:-3px!important;
  bottom:-3px!important;
  width:14px!important;
  height:14px!important;
  border-radius:50%!important;
  border:2px solid #090b4d!important;
  box-sizing:border-box!important;
  z-index:9999!important;
  pointer-events:none!important;
}
.profile-page .mini-avatar.status-online,
.profile-page .mini-avatar.status-disponivel,
.profile-page .testimonial-avatar.status-online,
.profile-page .testimonial-avatar.status-disponivel{border-color:#6ff2d0!important}
.profile-page .mini-avatar.status-online::after,
.profile-page .mini-avatar.status-disponivel::after,
.profile-page .testimonial-avatar.status-online::after,
.profile-page .testimonial-avatar.status-disponivel::after{background:#6ff2d0!important}
.profile-page .mini-avatar.status-ocupado,
.profile-page .testimonial-avatar.status-ocupado{border-color:#ff3b30!important}
.profile-page .mini-avatar.status-ocupado::after,
.profile-page .testimonial-avatar.status-ocupado::after{background:#ff3b30!important}
.profile-page .mini-avatar.status-ausente,
.profile-page .testimonial-avatar.status-ausente{border-color:#ff9f1c!important}
.profile-page .mini-avatar.status-ausente::after,
.profile-page .testimonial-avatar.status-ausente::after{background:#ff9f1c!important}
.profile-page .mini-avatar.status-off,
.profile-page .mini-avatar.status-offline,
.profile-page .testimonial-avatar.status-off,
.profile-page .testimonial-avatar.status-offline{border-color:#8c8c96!important}
.profile-page .mini-avatar.status-off::after,
.profile-page .mini-avatar.status-offline::after,
.profile-page .testimonial-avatar.status-off::after,
.profile-page .testimonial-avatar.status-offline::after{background:#8c8c96!important}

/* Sino separado da bolinha de status */
.profile-page .avatar-bell{
  position:absolute!important;
  right:0!important;
  top:12px!important;
  z-index:10000!important;
}

@media (max-width:520px){
  .profile-page .avatar-wrap{width:150px!important;height:150px!important;}
  .profile-page .avatar{width:124px!important;height:124px!important;}
  .profile-page .avatar.status-ring::after,
  .profile-page .avatar.status-online::after,
  .profile-page .avatar.status-disponivel::after,
  .profile-page .avatar.status-ocupado::after,
  .profile-page .avatar.status-ausente::after,
  .profile-page .avatar.status-off::after,
  .profile-page .avatar.status-offline::after{
    width:21px!important;height:21px!important;right:-3px!important;bottom:-3px!important;
  }
}


/* ===== V102 - ajustes de cards patrocinados ===== */
.sponsor-badge{
  padding:2px 6px!important;
  min-height:18px!important;
  border-radius:999px!important;
  font-size:8.8px!important;
  line-height:1!important;
  letter-spacing:.025em!important;
  font-weight:900!important;
  margin-left:0!important;
  opacity:.92!important;
}
.sponsor-badge-row{
  margin-top:3px!important;
  line-height:1!important;
}
.feed-card.feed-type-patrocinado .mini-avatar,
.feed-card.feed-type-patrocinado .mini-avatar.sponsored-avatar,
.feed-card.feed-type-patrocinado .mini-avatar.status-ring,
.feed-card.feed-type-patrocinado .mini-avatar.status-online,
.feed-card.feed-type-patrocinado .mini-avatar.status-disponivel,
.feed-card.feed-type-patrocinado .mini-avatar.status-ocupado,
.feed-card.feed-type-patrocinado .mini-avatar.status-ausente,
.feed-card.feed-type-patrocinado .mini-avatar.status-off,
.feed-card.feed-type-patrocinado .mini-avatar.status-offline,
.sponsor-header-avatar{
  border:0!important;
  box-shadow:none!important;
  outline:0!important;
  background:transparent!important;
}
.feed-card.feed-type-patrocinado .mini-avatar img,
.feed-card.feed-type-patrocinado .mini-avatar.sponsored-avatar img,
.sponsor-header-avatar img{
  border:0!important;
  box-shadow:none!important;
  outline:0!important;
}
.feed-card.feed-type-patrocinado .mini-avatar::before,
.feed-card.feed-type-patrocinado .mini-avatar::after,
.feed-card.feed-type-patrocinado .mini-avatar.sponsored-avatar::before,
.feed-card.feed-type-patrocinado .mini-avatar.sponsored-avatar::after,
.sponsor-header-avatar::before,
.sponsor-header-avatar::after{
  content:none!important;
  display:none!important;
}
.feed-card.feed-type-patrocinado .feed-options-toggle{
  display:inline-flex!important;
}
.feed-card.feed-type-patrocinado .feed-options-menu a[href*="denunciar"]{
  color:#ffe28a!important;
  -webkit-text-fill-color:#ffe28a!important;
}
.feed-card.feed-type-patrocinado .feed-options-menu a[href*="denunciar"]::before{
  content:'⚠️'!important;
}
.feed-card.feed-type-patrocinado .feed-options-menu form button{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}


/* ===== V104 - Comunidades no perfil como palavras-chave/chips ===== */
.profile-community-keyword-section{
  margin:18px 0 20px!important;
}
.profile-community-keyword-section .section-head{
  margin-bottom:12px!important;
}
.profile-community-keyword-grid{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:7px 7px!important;
  padding:0 2px 2px!important;
  margin:0!important;
}
.profile-community-keyword-pill{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:34px!important;
  max-width:100%!important;
  padding:8px 14px!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,#7CF4C7 0%,#61E6C3 100%)!important;
  border:1px solid rgba(207,255,243,.72)!important;
  color:#18115f!important;
  -webkit-text-fill-color:#18115f!important;
  font-size:13.5px!important;
  line-height:1.05!important;
  font-weight:1000!important;
  letter-spacing:-.02em!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.42),0 7px 16px rgba(92,235,199,.16),0 2px 0 rgba(126,111,255,.12)!important;
}
.profile-community-keyword-pill:active,
.profile-community-keyword-pill:hover{
  transform:translateY(-1px)!important;
  filter:brightness(1.03)!important;
}
.profile-community-keyword-section .profile-community-card,
.profile-community-keyword-section .community-showcase-card,
.profile-community-keyword-section .community-showcase-cover,
.profile-community-keyword-section .join-community-button,
.profile-community-keyword-section .community-desc-row,
.profile-community-keyword-section .community-members-row{
  display:none!important;
}
@media(max-width:420px){
  .profile-community-keyword-grid{gap:6px 6px!important;}
  .profile-community-keyword-pill{min-height:32px!important;padding:7px 12px!important;font-size:12.8px!important;}
}


/* ===== V106 - Card moderno de comunidade em destaque apenas no feed inicial ===== */
body.page-index .home-community-carousel-section,
body.active-inicio .home-community-carousel-section{
  margin:0 0 16px!important;
}

body.page-index .home-section-head,
body.active-inicio .home-section-head{
  align-items:center!important;
  margin:0 0 14px!important;
  padding:0 2px!important;
}

body.page-index .home-section-head strong,
body.active-inicio .home-section-head strong{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  font-size:20px!important;
  line-height:1.05!important;
  font-weight:900!important;
  letter-spacing:-.02em!important;
}

body.page-index .home-section-head strong::before,
body.active-inicio .home-section-head strong::before{
  content:""!important;
  width:5px!important;
  height:22px!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,var(--scr-mint),var(--scr-purple))!important;
  box-shadow:0 0 18px rgba(111,242,208,.42)!important;
  flex:0 0 5px!important;
}

body.page-index .home-section-head a,
body.active-inicio .home-section-head a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:34px!important;
  padding:0 13px!important;
  border-radius:999px!important;
  border:1px solid rgba(111,242,208,.26)!important;
  background:rgba(8,19,64,.42)!important;
  color:var(--scr-mint)!important;
  font-size:13px!important;
  font-weight:900!important;
  text-decoration:none!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 0 18px rgba(111,242,208,.08)!important;
}

body.page-index .community-carousel,
body.active-inicio .community-carousel{
  display:flex!important;
  gap:14px!important;
  overflow-x:auto!important;
  scroll-snap-type:x mandatory!important;
  padding:0 0 8px!important;
  margin:0!important;
}

body.page-index .v106-featured-community-card,
body.active-inicio .v106-featured-community-card{
  position:relative!important;
  display:block!important;
  min-width:100%!important;
  width:100%!important;
  scroll-snap-align:start!important;
  padding:0!important;
  overflow:hidden!important;
  border-radius:28px!important;
  border:1px solid rgba(156,133,255,.48)!important;
  background:
    radial-gradient(circle at 80% 8%,rgba(111,242,208,.16),transparent 32%),
    linear-gradient(180deg,rgba(44,32,116,.96),rgba(8,13,58,.98))!important;
  box-shadow:0 20px 42px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.08)!important;
  color:#fff!important;
}

body.page-index .v106-featured-community-card::before,
body.active-inicio .v106-featured-community-card::before{
  content:""!important;
  position:absolute!important;
  inset:7px!important;
  border-radius:23px!important;
  border:1px solid rgba(111,242,208,.13)!important;
  pointer-events:none!important;
  z-index:3!important;
}

body.page-index .v106-featured-community-card::after,
body.active-inicio .v106-featured-community-card::after{
  content:"✦"!important;
  position:absolute!important;
  right:30px!important;
  top:47%!important;
  color:rgba(111,242,208,.58)!important;
  font-size:25px!important;
  text-shadow:0 0 18px rgba(111,242,208,.48)!important;
  pointer-events:none!important;
  z-index:4!important;
}

body.page-index .v106-community-cover,
body.active-inicio .v106-community-cover{
  position:relative!important;
  display:block!important;
  width:100%!important;
  height:286px!important;
  margin:0!important;
  border-radius:28px 28px 0 0!important;
  overflow:hidden!important;
  background:#0b104a!important;
  text-decoration:none!important;
}

body.page-index .v106-community-cover::after,
body.active-inicio .v106-community-cover::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:linear-gradient(180deg,rgba(7,9,73,0) 54%,rgba(9,11,77,.90) 100%)!important;
  pointer-events:none!important;
}

body.page-index .v106-community-cover img,
body.active-inicio .v106-community-cover img,
body.page-index .v106-community-cover-fallback,
body.active-inicio .v106-community-cover-fallback{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
}

body.page-index .v106-community-cover-fallback,
body.active-inicio .v106-community-cover-fallback{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:72px!important;
  font-weight:900!important;
  color:rgba(255,255,255,.18)!important;
  background:linear-gradient(135deg,rgba(111,242,208,.20),rgba(140,114,255,.30))!important;
}

body.page-index .v106-community-avatar,
body.active-inicio .v106-community-avatar{
  position:absolute!important;
  left:50%!important;
  top:238px!important;
  transform:translateX(-50%)!important;
  width:92px!important;
  height:92px!important;
  border-radius:50%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  z-index:8!important;
  text-decoration:none!important;
  background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.10),rgba(22,13,71,.96))!important;
  border:3px solid rgba(111,242,208,.78)!important;
  box-shadow:0 0 0 5px rgba(140,114,255,.30),0 14px 26px rgba(0,0,0,.28),0 0 22px rgba(111,242,208,.24)!important;
}

body.page-index .v106-community-avatar img,
body.active-inicio .v106-community-avatar img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
}

body.page-index .v106-community-avatar span,
body.active-inicio .v106-community-avatar span{
  font-size:42px!important;
  line-height:1!important;
  font-weight:900!important;
  color:var(--scr-mint)!important;
  text-transform:uppercase!important;
}

body.page-index .v106-community-body,
body.active-inicio .v106-community-body{
  position:relative!important;
  z-index:5!important;
  padding:72px 28px 30px!important;
}

body.page-index .v106-community-badge,
body.active-inicio .v106-community-badge{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  height:34px!important;
  padding:0 15px!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,#7bf6d2,#39dec0)!important;
  color:#07114e!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.02em!important;
  text-transform:uppercase!important;
  box-shadow:0 10px 22px rgba(68,238,202,.18)!important;
}

body.page-index .v106-community-badge svg,
body.active-inicio .v106-community-badge svg{
  width:15px!important;
  height:15px!important;
  flex:0 0 15px!important;
}

body.page-index .v106-community-title,
body.active-inicio .v106-community-title{
  margin:22px 0 13px!important;
  color:#fff!important;
  font-size:32px!important;
  line-height:1.05!important;
  font-weight:900!important;
  letter-spacing:-.04em!important;
  text-shadow:0 8px 24px rgba(0,0,0,.20)!important;
}

body.page-index .v106-community-members,
body.active-inicio .v106-community-members{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  margin:0 0 18px!important;
  color:rgba(255,255,255,.72)!important;
  font-size:18px!important;
  line-height:1.15!important;
  font-weight:700!important;
}

body.page-index .v106-community-members svg,
body.active-inicio .v106-community-members svg{
  width:25px!important;
  height:25px!important;
  flex:0 0 25px!important;
  color:var(--scr-mint)!important;
  filter:drop-shadow(0 0 12px rgba(111,242,208,.22))!important;
}

body.page-index .v106-community-desc,
body.active-inicio .v106-community-desc{
  margin:0!important;
  color:rgba(255,255,255,.78)!important;
  font-size:19px!important;
  line-height:1.24!important;
  font-weight:400!important;
  letter-spacing:-.015em!important;
}

body.page-index .v106-community-cta,
body.active-inicio .v106-community-cta{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:16px!important;
  width:100%!important;
  min-height:70px!important;
  margin:32px auto 0!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,#7ef6d5 0%,#54e4c5 100%)!important;
  color:#07114e!important;
  text-decoration:none!important;
  box-shadow:0 18px 28px rgba(43,228,194,.18),0 0 22px rgba(111,242,208,.14)!important;
}

body.page-index .v106-community-cta strong,
body.active-inicio .v106-community-cta strong{
  font-size:22px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:-.02em!important;
}

body.page-index .v106-community-cta-icon,
body.active-inicio .v106-community-cta-icon{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:42px!important;
  height:42px!important;
  border-radius:50%!important;
  background:#07114e!important;
  color:var(--scr-mint)!important;
  font-size:27px!important;
  font-weight:900!important;
  line-height:1!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12)!important;
}

@media(max-width:420px){
  body.page-index .v106-community-cover,
  body.active-inicio .v106-community-cover{height:260px!important;}
  body.page-index .v106-community-avatar,
  body.active-inicio .v106-community-avatar{top:216px!important;width:86px!important;height:86px!important;}
  body.page-index .v106-community-body,
  body.active-inicio .v106-community-body{padding:66px 22px 26px!important;}
  body.page-index .v106-community-title,
  body.active-inicio .v106-community-title{font-size:28px!important;}
  body.page-index .v106-community-desc,
  body.active-inicio .v106-community-desc{font-size:17px!important;line-height:1.22!important;}
  body.page-index .v106-community-cta,
  body.active-inicio .v106-community-cta{min-height:62px!important;margin-top:26px!important;}
  body.page-index .v106-community-cta strong,
  body.active-inicio .v106-community-cta strong{font-size:19px!important;}
}


/* ===== V107 - título e botão da seção comunidades em uma linha ===== */
body.page-index .home-community-carousel-section .home-section-head,
body.active-inicio .home-community-carousel-section .home-section-head{
  flex-wrap:nowrap!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
}

body.page-index .home-community-carousel-section .home-section-head strong,
body.active-inicio .home-community-carousel-section .home-section-head strong{
  flex:1 1 auto!important;
  min-width:0!important;
  white-space:nowrap!important;
  font-size:18px!important;
  line-height:1!important;
}

body.page-index .home-community-carousel-section .home-section-head strong::before,
body.active-inicio .home-community-carousel-section .home-section-head strong::before{
  flex:0 0 5px!important;
}

body.page-index .home-community-carousel-section .home-section-head a,
body.active-inicio .home-community-carousel-section .home-section-head a{
  flex:0 0 auto!important;
  white-space:nowrap!important;
  min-width:86px!important;
  height:34px!important;
  padding:0 12px!important;
  font-size:13px!important;
  line-height:1!important;
}


/* ===== V108 - tela global de processamento e confirmação ===== */
.scraaps-flash{
  display:none!important;
}

.scraaps-global-processing-layer{
  position:fixed!important;
  inset:0!important;
  z-index:99999!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:24px!important;
  background:rgba(3,5,38,.70)!important;
  backdrop-filter:blur(2.5px)!important;
  -webkit-backdrop-filter:blur(2.5px)!important;
}

.scraaps-global-processing-layer[hidden]{
  display:none!important;
}

.scraaps-global-processing-card{
  width:min(430px,calc(100vw - 48px))!important;
  min-height:214px!important;
  border-radius:24px!important;
  border:1px solid rgba(140,114,255,.44)!important;
  background:
    radial-gradient(circle at 50% 0%,rgba(111,242,208,.10),transparent 34%),
    linear-gradient(180deg,rgba(45,32,132,.98),rgba(24,13,91,.98))!important;
  box-shadow:0 24px 60px rgba(0,0,0,.40), inset 0 1px 0 rgba(255,255,255,.08)!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  padding:32px 26px!important;
  color:#fff!important;
}

.scraaps-global-processing-spinner{
  width:62px!important;
  height:62px!important;
  border-radius:50%!important;
  border:6px solid rgba(255,255,255,.12)!important;
  border-top-color:var(--scr-mint)!important;
  margin:0 0 22px!important;
  animation:scraaps-global-spin .85s linear infinite!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:var(--scr-mint)!important;
}

.scraaps-global-processing-card.is-success .scraaps-global-processing-spinner,
.scraaps-global-processing-card.is-error .scraaps-global-processing-spinner{
  animation:none!important;
  border-color:rgba(111,242,208,.24)!important;
  background:rgba(111,242,208,.10)!important;
}

.scraaps-global-processing-card.is-error .scraaps-global-processing-spinner{
  border-color:rgba(255,210,96,.34)!important;
  color:#ffd260!important;
  background:rgba(255,210,96,.10)!important;
}

.scraaps-global-processing-spinner svg{
  width:34px!important;
  height:34px!important;
  display:block!important;
}

.scraaps-global-processing-card strong{
  display:block!important;
  color:#fff!important;
  font-size:24px!important;
  line-height:1.12!important;
  font-weight:900!important;
  letter-spacing:-.02em!important;
  margin:0!important;
}

.scraaps-global-processing-card p{
  color:rgba(255,255,255,.72)!important;
  font-size:17px!important;
  line-height:1.24!important;
  font-weight:400!important;
  margin:16px 0 0!important;
}

.scraaps-global-processing-card p:empty{
  display:none!important;
}

@keyframes scraaps-global-spin{
  to{ transform:rotate(360deg); }
}

@media(max-width:420px){
  .scraaps-global-processing-layer{
    padding:20px!important;
  }
  .scraaps-global-processing-card{
    width:calc(100vw - 40px)!important;
    min-height:196px!important;
    padding:28px 20px!important;
    border-radius:22px!important;
  }
  .scraaps-global-processing-card strong{
    font-size:22px!important;
  }
  .scraaps-global-processing-card p{
    font-size:16px!important;
  }
}

/* ===== V110 - busca global com tamanho do composer ===== */
html body.is-logged .scraaps-topbar .scraaps-global-search,
html body.is-logged .scraaps-topbar form.scraaps-global-search{
  width:100%!important;
  max-width:100%!important;
  height:64px!important;
  min-height:64px!important;
  max-height:64px!important;
  display:grid!important;
  grid-template-columns:44px minmax(0,1fr) 44px!important;
  align-items:center!important;
  column-gap:10px!important;
  padding:10px!important;
  margin:0 0 14px!important;
  border-radius:999px!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
  background:rgba(255,255,255,.105)!important;
  border:1px solid rgba(255,255,255,.30)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 10px 24px rgba(4,8,44,.16)!important;
}
html body.is-logged .scraaps-topbar .scraaps-global-search > svg{
  width:30px!important;
  height:30px!important;
  justify-self:center!important;
  color:rgba(255,255,255,.82)!important;
}
html body.is-logged .scraaps-topbar .scraaps-global-search input,
html body.is-logged .scraaps-topbar .scraaps-global-search input:not([type=checkbox]):not([type=radio]){
  width:100%!important;
  min-width:0!important;
  height:44px!important;
  min-height:44px!important;
  max-height:44px!important;
  line-height:44px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  box-shadow:none!important;
  border-radius:0!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  font-size:15px!important;
  font-weight:600!important;
  letter-spacing:-.2px!important;
}
html body.is-logged .scraaps-topbar .scraaps-global-search input::placeholder{
  color:rgba(255,255,255,.68)!important;
  -webkit-text-fill-color:rgba(255,255,255,.68)!important;
}
html body.is-logged .scraaps-topbar .scraaps-global-search button{
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  min-height:44px!important;
  padding:0!important;
  margin:0!important;
  display:grid!important;
  place-items:center!important;
  border:0!important;
  border-radius:50%!important;
  background:transparent!important;
  box-shadow:none!important;
  color:var(--scr-mint)!important;
}
html body.is-logged .scraaps-topbar .scraaps-global-search button svg{
  width:27px!important;
  height:27px!important;
}
@media(max-width:420px){
  html body.is-logged .scraaps-topbar .scraaps-global-search,
  html body.is-logged .scraaps-topbar form.scraaps-global-search{
    height:62px!important;
    min-height:62px!important;
    max-height:62px!important;
    grid-template-columns:42px minmax(0,1fr) 42px!important;
    padding:10px!important;
  }
  html body.is-logged .scraaps-topbar .scraaps-global-search input,
  html body.is-logged .scraaps-topbar .scraaps-global-search input:not([type=checkbox]):not([type=radio]){
    height:42px!important;
    min-height:42px!important;
    max-height:42px!important;
    line-height:42px!important;
    font-size:15px!important;
  }
  html body.is-logged .scraaps-topbar .scraaps-global-search button{
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    min-height:42px!important;
  }
}