/* 1.1.123 - redes: TikTok «Coming soon» (desativado) no filtro de plataformas do calendario, na lista de ligar contas e no Dashboard. Carregado no layout backend para todos. */
.nova-soon-badge { font-style: normal; font-size: 10px; font-weight: 700; line-height: 1; letter-spacing: .2px; text-transform: none; color: #6b7280; background: #f3f4f6; border: 1px solid #e5e7eb; border-radius: 999px; padding: 2px 8px; white-space: nowrap; }

/* calendario: linha desativada no fim do filtro de plataformas (e <div>, nao <li>: o filtro nao lhe toca) */
.sshare-dropdown > ul > .nova-soon-platform { display: flex; align-items: center; gap: 6px; padding: 5px 9px; font-size: 13px; opacity: .6; cursor: not-allowed; user-select: none; white-space: nowrap; }
.sshare-dropdown > ul > .nova-soon-platform > span { flex: 0 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.sshare-dropdown > ul > .nova-soon-platform .nova-soon-badge { font-size: 9px; padding: 1px 5px; flex: 0 0 auto; margin-left: auto; }
.sshare-dropdown > ul > .nova-soon-platform .tiktok-container, .sshare-dropdown > a > .tiktok-container { flex: 0 0 auto; width: 18px; height: 18px; border-radius: 50%; text-align: center; font-size: 10px; line-height: 18px; color: #fff; background: #000; }

/* ligar contas: linha desativada */
.social-networks > li.nova-soon-connect { cursor: not-allowed; }
.social-networks > li.nova-soon-connect > .clearfix > span:first-child, .social-networks > li.nova-soon-connect > .clearfix > .float-right > .nova-soon-badge { opacity: .6; }
.social-networks > li.nova-soon-connect .nova-tiktok-test { cursor: pointer; opacity: 1; }
.social-networks > li.nova-soon-connect:hover { background: transparent; }

/* Dashboard: quadro do TikTok desativado */
.dashboard-platform-total.dashboard-platform-soon { opacity: .75; }
.dashboard-platform-total.dashboard-platform-soon .totals { display: flex; align-items: center; justify-content: center; min-height: 40px; }

/* 1.1.125 - Twitter -> X: o icone e a cor (a plataforma continua guardada como «Twitter»; muda so o que se ve). O FontAwesome desta versao nao tem o logotipo X: desenha-se com uma mascara (herda a cor do texto). */
.fa-twitter::before, .fa-twitter-square::before {
    content: "" !important;
    display: inline-block;
    width: 1em;
    height: 1em;
    vertical-align: -.125em;
    background-color: currentColor;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 2.4h5.4L21 21.6h-5.4z M19.3 2.4h2.1L4.7 21.6H2.6z'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 2.4h5.4L21 21.6h-5.4z M19.3 2.4h2.1L4.7 21.6H2.6z'/%3E%3C/svg%3E") center / contain no-repeat;
}
.fa-twitter-square { color: #000 !important; }
.twitter-container,
.sshare-dropdown > a > .twitter-container,
.sshare-dropdown > ul > li > .twitter-container,
.sshare-modal-post .page-single-mention-container ul li .input-group-text.twitter,
.sshare-dropdown-accounts .sshare-dropdown-accounts-list .socials ul li.twitter:not(.is-disabled),
.schedule .resume .post .more > .socials li.twitter,
ul.socials-rounded li.twitter,
.dashboard-published-posts .content ul li .account .img .platform.twitter,
.dashboard-scheduled-posts .content ul li .account .img .platform.twitter,
.sshare-social-profiles-container li .img .platform.twitter,
.sshare-modal-ai .nova-ai-socials li.twitter.is-selected i,
.section-login .socials-wrapper .btn-twitter { background: #000 !important; background-color: #000 !important; color: #fff !important; }

/* 1.1.126 - Analytics: TikTok «Coming soon» (sem numeros) */
ul.socials-rounded li.tiktok-soon { opacity: .55; }
ul.socials-rounded li.tiktok-soon i { background: #000 !important; color: #fff !important; }
