body {
    background: #000;
    color: #fff;
    fill: #fff;
}

/* 
p,
h1,
h2,
h3,
h4,
span {
    color: #fff;
    fill: #fff
} */

.mencao-dropdown {
    background: #161616 !important;
    border-color: rgb(40, 40, 40) !important;
}

.mencao-dropdown .mencao-item .nome {
    color: #fff !important;
}

.mencao-dropdown .mencao-item.ativo,
.mencao-dropdown .mencao-item:hover {
    background: #ffffff14 !important;
}

.mencao-chip {
    color: #6f9bff !important;
    background: rgba(111, 155, 255, 0.16) !important;
}

.picker-dropdown {
    background: #161616 !important;
    border-color: rgb(40, 40, 40) !important;
}

.picker-dropdown .picker-item .picker-nome {
    color: #fff !important;
}

.picker-dropdown .picker-item.ativo,
.picker-dropdown .picker-item:hover {
    background: #ffffff14 !important;
}

/* Niveis da matriz de acesso. Os MESMOS matizes do tema claro, clareados para
   ler sobre preto — trocar de matiz faria o mesmo nivel parecer outro ao virar
   o tema. Ver `.ac-cel.n-*` em painel3.css. */
:root {
    /* FILTROS — a superficie flutuante do popover/painel e um degrau ACIMA do
       preto da tela; a linha e o hover vem do branco com alfa. */
    --fx-surface: #161618 !important;
    --fx-campo: #ffffff0f !important;
    --fx-line: #ffffff1f !important;
    --fx-line-forte: #ffffff3d !important;
    --fx-hover: #ffffff14 !important;
    --fx-sombra: 0 1px 2px rgba(0, 0, 0, .6), 0 24px 48px -24px rgba(0, 0, 0, .95) !important;
    --ac-admin: #a78bfa;
    --ac-editor: #5b8bff;
    --ac-cliente: #fbbf24;
    --ac-dono: #34d399;
    --ac-perigo: #ff7b72;
}

:root {
    --color-border: rgb(30, 30, 30) !important;
    --color-text-01: #fff !important;
    --color-hover-01: #ffffff1a !important;

    --color-btn-text-01: #000 !important;
    --color-btn-bg-01: #fff !important;
    --color-bg: #000 !important;
    --gf-seg-ativo: #2c2c2e !important;

    --color-bg-01: #ffffff14 !important;

    /* Skeleton loading (shimmer) - tons escuros */
    --sk-base: #1c1c1c !important;
    --sk-glow: rgba(255, 255, 255, 0.08) !important;

    /* Superficie do cartao de pessoa (.ap-usercard, fim do painel3.css).
       --color-bg e preto puro: um popover em cima da tela preta some, precisa
       de elevacao propria. */
    --uc-surface: #191919 !important;
    /* Dropdown de regras das redes (.rdi-pop) - mesma razao do --uc-surface. */
    --rdi-surface: #191919 !important;

    /* COMENTARIOS (coment-editor.css) - mesma razao do --uc-surface para os
       paineis do editor. A bolha e um branco TRANSLUCIDO (nao um cinza
       cravado): ela pousa sobre superficies de elevacoes diferentes (popup do
       conteudo, popup da tarefa, painel do documento) e precisa acompanhar. */
    --ce-surface: #191919 !important;
    --ce-bolha: rgba(255, 255, 255, .07) !important;
    --ce-sombra: 0 1px 2px rgba(0, 0, 0, .5), 0 22px 46px -22px rgba(0, 0, 0, .85) !important;

    /* Tela de selecao de workspace (.wss-*, bloco WSS do painel3.css).
       --color-bg e preto puro e o vidro sumiria no fundo: aqui o fundo desce a
       um quase-preto e as superficies sobem um degrau. --wss-surface segue
       OPACA (anel das mini marcas). */
    --wss-bg: #060607 !important;
    --wss-surface: #151517 !important;
    --wss-glass: rgba(24, 24, 27, .62) !important;
    --wss-glass-forte: rgba(30, 30, 34, .9) !important;
    --wss-line: rgba(255, 255, 255, .08) !important;
    --wss-line-forte: rgba(255, 255, 255, .16) !important;
    --wss-aura-1: rgba(99, 102, 241, .24) !important;
    --wss-aura-2: rgba(34, 211, 238, .10) !important;
    --wss-grade: rgba(255, 255, 255, .045) !important;
    --wss-sombra: inset 0 1px 0 rgba(255, 255, 255, .04), 0 18px 40px -24px rgba(0, 0, 0, .9) !important;
    --wss-sombra-hover: inset 0 1px 0 rgba(255, 255, 255, .06), 0 34px 70px -30px rgba(0, 0, 0, 1) !important;
    --wss-avatar-bg: linear-gradient(135deg, #2c2c31, #1b1b1f) !important;
    --wss-ico-sol: none !important;
    --wss-ico-lua: block !important;

    /* Superficie da bandeja de uploads (.up-tray, fim do painel3.css) - mesma
       razao do --uc-surface: janela flutuante precisa de elevacao propria. */
    --up-surface: #191919 !important;

    /* Superficie do cartao de notificacao (.ntf-card, fim do painel3.css).
       Um degrau ACIMA do fundo do popup (#191919) para o cartao existir; a
       folha da pilha fica entre os dois. */
    --ntf-surface: #242424 !important;
    --ntf-folha: #2e2e2e !important;

    /* Popups de criacao (.cr-pop, fim do painel3.css). Mesma razao do
       --uc-surface: o menu dos chips flutua sobre o popup, que ja flutua
       sobre a tela preta - precisa de um degrau proprio para existir.
       --cr-surface acompanha o fundo do boxpop (preto puro no escuro, ver
       "#edit-popup .contant .boxpop" mais abaixo) porque e a cor que separa
       um avatar do outro na pilha dos chips. */
    --cr-surface: #000 !important;
    --cr-menu-surface: #242424 !important;
    --cr-menu-sombra: 0 18px 44px -18px rgba(0, 0, 0, .75), 0 2px 8px rgba(0, 0, 0, .5) !important;
}


#browse {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 0;
    /* background: #040404; */
}

.bkd-browse-home {
    background: #000000;
}

.menu-sistema .itens {
    background-color: #000;
}

#browse .menu-sistema .itens .item {
    color: rgb(255 255 255);
    border-radius: 7px;
}

#browse .menu-sistema .itens .item svg {
    fill: rgb(255 255 255);
}

#browse .menu-sistema .itens .item.atv {
    color: #ffffff !important;
    opacity: 1;
}

#browse .menu-sistema .itens .item.atv svg {
    fill: #ffffff !important;
}

#browse .lst-blocos-home-sistema .col .item h2 {
    color: #fff;
}

#browse .lst-blocos-home-sistema .col .item .descricao {
    color: rgb(255 255 255 / 65%);
}

#browse .lst-blocos-home-sistema .col .item .btn-v1 {
    background: rgb(255 255 255 / 0%);
    color: #ffffff;
    border: 1px solid #ffffff33;
}

#browse .title-section {
    color: #fff;
}

#browse .contant-dashboard-home h4 {
    color: #fff;
}

#browse .contant-dashboard-home .totais-perfis .item {
    border-color: #ffffff0f;
    color: #fff;

}

.perfil-lst-item {
    /* background: #595d6814; */
    /* border: 1px solid #ffffff14; */
}

.perfil-lst-item .nome,
.box-resumo-itens .item,
.col-item-perfil .info-right .nome {
    color: #ffffff;
}

#browse .header-style-01 .menu-itens-style-01 .item {
    color: #9c9c9c;
    /* border-bottom: 2px solid #ffffff14; */
}

#browse .header-style-01 .container-pesquisar .pesquisar .btn-pesquisar,
#browse .header-style-01 .container-pesquisar .pesquisar .btn-fechar {
    fill: #fff;
}

#browse .header-style-01 .container-pesquisar .pesquisar {
    background: #ffffff1f;
}

#browse .header-style-01 .container-pesquisar .pesquisar input {
    color: #ffffff;
    background: none;
}

.menu-sistema .usuario .usuario-txt .usuario-nome {
    color: #ffffffcf;
}

.menu-sistema .usuario .usuario-txt .usuario-btns {
    color: #fff;
    fill: #fff;
}

.planejamento-item:hover {
    border-color: #66666696;
}


.midias-tarefas .midia-item .infos .t-data {
    color: #fff;
}

.custom-calendar-tooltip {
    background: #333 !important;
    color: #fff !important;
    border: 1px solid #f0f0f021 !important;
}

.custom-calendar-tooltip .tooltip-legenda {
    color: #fff !important;
}

.custom-calendar-tooltip .tooltip-media {
    background: #00000029 !important;
}

.popup-delta .html-conteudo-atividades .topo {
    border-color: var(--color-border);
}

.popup-uploader-drag {
    background: rgb(41 41 41 / 82%) !important;
    fill: #fff !important;
    color: #fff !important;
    border-color: #fff !important;
}


#planejamento-contant {
    background: #000000 !important;
}

#planejamento-contant #lst-posts {
    color: #fff;
}

.msg-null {
    color: #ffffff4a;
}

#planejamento-contant #miniaturas-acesso-rapido .item {
    background: #ffffff00;
    color: #fff;
}

#planejamento-contant #miniaturas-acesso-rapido .item .codigo {
    color: #ffffff6e;
}

#planejamento-contant #miniaturas-acesso-rapido .item .tipo {
    color: #ffffffd9;
}

#planejamento-contant #miniaturas-acesso-rapido .item .hora {
    color: #ffffff;
}

.item-post {
    /* background: #ffffff21; */
    color: #fff;
}

.item-post .midia .btn-download {
    fill: #ffffff;
}

/* Avisos de mídia (formato TikTok / limite do carrossel) — âmbar legível sobre fundo escuro */
.item-post .aviso-midia-tiktok,
.item-post .aviso-midia-carrossel,
.item-post .aviso-midia-mistura {
    background: #241b08;
    border-color: #4a3712;
    color: #e8c583;
}

.item-post .aviso-midia-tiktok .btn-converter-jpg,
.item-post .aviso-midia-carrossel .btn-desativar-instagram {
    background: #fff;
    color: #111;
}

.item-post .midia .midia-uni .btn-remover {
    color: #ffffff;
    fill: #fff;
}

.item-post .btn-cancelar-agendamento,
.btn-deletar-publicacao {}

.item-post .datepicker.form-control,
.campo-style-02 .datepicker-date.form-control {
    color: #ffffff !important;
}

.item-post .campo-style-02 {
    border: 1px solid #ffffff1a;
    border-color: #ffffff1a !important;
}

.item-post .midia .upload svg,
.item-post .midia .upload p {
    fill: #ffffff2e;
    color: #ffffff33;
}

.item-post .configs textarea {
    color: #fff;
}

#planejamento-contant #menu-topo {
    /* background-color: #000000; */
    color: #fff;
    fill: #fff;
    border-bottom: 1px solid #ffffff1c;
    /* background: #1e2026c4; */
    backdrop-filter: blur(90px);
    -webkit-backdrop-filter: blur(90px);
    background-color: #000000bd;
}

#planejamento-contant #menu-topo .btn-back {
    fill: #ffffff96;
}

#planejamento-contant #menu-topo .iniatura-edit-perfis .nome {
    color: #ffffff;
}

#planejamento-contant #menu-topo .iniatura-edit-perfis .img {
    background-color: #ffffff12;
    border: 1px solid #ffffff1c;
}

#planejamento-contant #menu-topo .filtro .datepicker-filtro.form-control {
    color: #ffffff;
}

#planejamento-contant #menu-topo .iniatura-edit-perfis .btn-plus {
    border-left: 1px solid #ffffff1a;
}

#planejamento-contant #menu-topo .btn-sec {
    color: #ffffffcc;
}

#planejamento-contant #menu-topo .btn-sec:hover {
    color: #fff;
}

#planejamento-contant .container-status-header .info,
.container-total-header {
    color: #ffffffa1;
}

#planejamento-contant #header-lst-posts .totais-desc .totais-desc-item label,
#header-lst-posts .text-desc h1,
#header-lst-posts .text-desc .descricao {
    color: #ffffff73;
}

#planejamento-contant .totais-objetivos h5,
.totais-datas h5 {
    /* border-bottom: 1px solid #ffffff12; */
}

.item-post .campo-style-02 .lbel {
    color: #ffffff8a;
}

.item-post .configs .grupo-btns .btn-opcoes {
    fill: #ffffff;
}

.loading-message {
    background: #000000f0;
}

.item-post .dropdown-default .opcoes-post .item-opcoes-post svg {
    fill: #000;
}

#planejamento-contant #miniaturas-acesso-rapido {}

#planejamento-contant #header-lst-posts .totais-desc .totais-desc-item {
    /* border-right: 1px solid #ffffff0f; */
}

.item-post[data-local="4"] .col-observacoes .campo-style-02,
.item-post[data-local="2"] .col-observacoes .campo-style-02,
.item-post[data-tipo="8"] .col-observacoes .campo-style-02 {}

#planejamento-contant .btn-color-sys svg {
    fill: #fff;
}

.totais-datas .totais-data-item .titulo,
.totais-objetivos .totais-obj-item .texto {
    color: #ffffffd1;
}

#fluxo-contant .fluxo-conteudos .header h1 {
    color: #fff;
}

.fluxo-conteudos .header .btn-back {
    fill: #fff;
}

.fluxo-conteudos .header .btn-back:hover {
    fill: #fff;
}

#fluxo-contant .fluxo-conteudos .status-lst .status-item .status-conteudos {
    /* background: #ffffff0a !important; */
}

#fluxo-contant .fluxo-conteudos .status-lst .status-item .status-conteudos .conteudo-item {
    background: #ffffff1a;
    color: #fff;
}

#fluxo-contant .fluxo-conteudos .status-lst .status-item .status-conteudos .conteudo-item .perfil .nome {
    color: #ffffff99;
}

#fluxo-contant .fluxo-conteudos .status-lst .status-item .status-conteudos .conteudo-item .tipo {
    border: 0px solid #ffffff29;
}

.item-post .codigo {
    color: #ffffff70;
}

.popup-delta .item-post {
    /* background: #393939ab; */
    color: #fff;
}

.popup-delta .mask {
    background: rgb(0 0 0 / 92%);
}

.box-view-perfil-open .perfil-btn .img {
    border-color: #ffffff24;
}

.design-calendario-item-01 .tipo {
    color: #fff;
}

.totais-historico {}

.totais-historico .atividades-lst .acao-txt {
    color: #ffffff;
    font-weight: 300;
}

.totais-historico .atividades-lst .acao-data {
    color: #fff !important;
    opacity: 0.5;
    font-weight: 300;
}

.totais-historico .atividades-lst .mais-infos {
    color: #fff;
}

.totais-historico .atividades-lst .mais-infos .codigo {}

.atividades-lst .mais-infos .perfis {
    border: 1px solid #ffffff54;
    transition: 0.3s;
    color: #fff;
}

.atividades-lst .mais-infos .perfis:hover {
    border: 1px solid #ffffff;
}

.totais-historico .atividades-lst .item .acao-coment {
    background: #ffffff12;
    color: #fff;
    margin-bottom: 3px;
    border-radius: 0px 7px 7px 7px;
}

.totais-historico .atividades-lst .item .acao-coment .text {}

.fc-view {
    /* background: #ffffff17; */

}

.fc-view th,
.fc-view tr,
.fc-view td,
.fc-theme-standard .fc-scrollgrid {
    /* border-color: rgba(255, 255, 255, 0.16) !important; */
    border: 0px solid #252525;
}

.fc-view .fc-col-header,
.fc-view tbody,
.fc-view a {
    color: #fff !important;
}

.fc-toolbar-title {
    color: #fff !important;
}


.header-filtros {}

.header-filtros .btn-filtro {
    float: right;
    color: #fff;
    fill: #fff;
    /* background: #ffffff17; */
    border-radius: 100px;
    cursor: pointer;
    transition: 0.3s;
}

.header-filtros .btn-filtro:hover {
    background: #89898945;
}

#fluxo-contant .fluxo-conteudos .header {
    background: #00000000;
}

#fluxo-contant .fluxo-conteudos {
    background-color: #00000000;
}

.btn-novo-conteudo {
    color: #ffffff;
    fill: #ffffff;
}

#fluxo-contant .fluxo-conteudos .status-lst .status-item .status-conteudos .conteudo-item .data div {}

#fluxo-contant .fluxo-conteudos .status-lst .status-item .status-conteudos .conteudo-item .data svg {
    fill: #fff;
    float: left;
    width: 12px;
    margin-right: 7px;
}

.item-post .midia {
    /* background: #00000014; */
    border-right: 0px solid #ffffff0a;
}

.menu-sistema {
    border-color: var(--color-border);
    background: none;
}

.lst-btns-destaque-plan {}

.lst-btns-destaque-plan .btn {
    /* background: #ffffff12; */
    color: #fff;
    border: 1px solid #ffffff1f;
}

.lst-btns-destaque-plan .btn:hover {
    border-color: #fff;
}

#edit-popup-right .contant .boxpop {
    background: #ffffff1f;
    backdrop-filter: blur(90px);
    -webkit-backdrop-filter: blur(90px);
    color: #fff;
}

#edit-popup-right .container-atividades .atividades-lst .item .acao-data {
    font-size: 11px;
    color: #ffffff57;
    float: left;
    padding: 0px 0px 0px 0px;
    width: 100%;
}

#edit-popup-right .edicao-page-historico .topo {
    border-bottom: 1px solid #ffffff0d;
}

.edicao-page-direct .item {
    border: 1px solid #ffffff1a;
}

.edicao-page-direct .updatetime {
    color: #ffffff8c;
}

.edicao-page-direct .item svg {
    fill: #ffffff40;
}

.edicao-page-direct .lastmessage .outro {
    color: #ff5b5b;
}

.loading-bloco {
    background-color: #ffffff14;
}

.loading-bloco::before {
    animation: loading 1.2s ease-in-out infinite;
    background: linear-gradient(90deg, #ffffff00, #ffffff24, #ffffff0f, #ffffff00);
}

.dropdown-criar {
    background: #26272a;
    box-shadow: 0px 0px 20px #0000001a;
}

.dropdown-criar .item-criar {
    color: #ffffff;
}

.dropdown-criar::after {
    background: #26272a;
}

.iniatura-edit-perfis .dropdown-perfis {
    background: #26272a;
    box-shadow: 0px 0px 20px #0000004d;
}

.iniatura-edit-perfis .dropdown-perfis::after {
    background: #26272a;
}

.iniatura-edit-perfis .dropdown-perfis .item-perfis {
    color: #ffffff;
    /* border: 1px solid #ffffff12; */
    /* background: #ffffff03; */
}

.item-post .dropdown-default {
    background: #111111;
    backdrop-filter: blur(90px);
    -webkit-backdrop-filter: blur(90px);
    color: #fff;
}

.item-post .dropdown-default::after {
    background: #111111;
}

.item-post .dropdown-default .opcoes-post .item-opcoes-post svg {
    fill: #ffffff;
}

.item-post .dropdown-default .opcoes-post .item-opcoes-post.excluir,
.item-post .dropdown-default .opcoes-post .item-opcoes-post.excluir svg {
    color: #fa6565;
    fill: #fa6565;
}

.item-post .dropdown-default .opcoes-post .titulo {
    color: #ffffff66;
}

.item-post .dropdown-default .opcoes-post .divisao {
    background: #ffffff12;
}

#edit-popup .contant .boxpop {
    background: #000000;
    backdrop-filter: blur(90px);
    -webkit-backdrop-filter: blur(90px);
    color: #fff;
    border: 1px solid var(--color-border);
}

#edit-popup-big .contant .boxpop {
    background: #000000;
    backdrop-filter: blur(90px);
    -webkit-backdrop-filter: blur(90px);
    color: #fff;
    border: 1px solid var(--color-border);
}

/* A borda e o que separa o popup do fundo: --color-bg e preto PURO e a mascara
   por tras dele tambem escurece, entao sem contorno a janela nao tem onde
   comecar. Mesma razao das outras cascas acima. */
#edit-popup-full .contant .boxpop {
    background: #000000;
    color: #fff;
    border: 1px solid var(--color-border);
}

.tabd2 .tabd2-link {
    border-bottom: 2px solid #ffffff21;
}

.campo-style-02 .lbel {
    color: #ffffff8a;
}

.campo-style-02 .cmp {
    color: #fff;
}

.contant-metrica-perfil-conteudo.bi-dashboard .bi-filters-panel select,
.contant-metrica-perfil-conteudo.bi-dashboard .bi-filters-panel input {
    color: #fff;
}

input[type="month"]::-webkit-calendar-picker-indicator {
    filter: invert(1);
    /* Torna o icone branco em fundo escuro */
    cursor: pointer;
}

.campo-style-02 {
    border: 1px solid #ffffff1a;
}

.datepicker-deate {
    color: #ffffff;
}

#tabd2-4 .item-objetivo .text {
    background: #ffffff00;
    color: #fff;
}

#tabd2-4 .item-objetivo {
    border-color: #ffffff1c;
}

.datepicker-deate:disabled,
.datepicker-deate[readonly] {
    /* background-color: #ffffff17; */
    border-color: #ffffff26;
}

.perfil-datas .section-bl .item {
    border: 1px solid var(--color-border);
    color: #ffffff;
}

.table-datas-selecionadas .item {
    border-top: 1px solid var(--color-border);
}

.table-datas-selecionadas .item .acoes-dp>div {
    border-color: var(--color-border);
}

.contant-data-personalizada input {
    background: #ffffff0d;
    border-color: var(--color-border);
    color: #ffffff;
}

.contant-data-personalizada input:focus {
    border-color: #0064e0;
}

.dp-personalizadas-lst .dp-item {
    border-top: 1px solid var(--color-border);
}

.dp-personalizadas-lst .dp-item .ttl {
    color: #ffffffba;
}

.dp-loading,
.dp-vazio {
    color: #ffffff66;
}

.dp-sistema-lst .dp-mes-hdr .cnt {
    color: #ffffff80;
    background: #ffffff14;
}

.conexoes-perfil .itens .item {
    background: #f1f1f10f;
}

.campo-style-02 .datepicker.form-control,
.campo-style-02 .datepicker-date.form-control {
    color: #ffffff;
}

#edit-popup-mini .contant .boxpop {
    background: #000000eb;
    backdrop-filter: blur(90px);
    -webkit-backdrop-filter: blur(90px);
    color: #fff;
    border: 1px solid var(--color-border);
}

#edit-popup-medium .contant .boxpop {
    background: #26272aeb;
    backdrop-filter: blur(90px);
    -webkit-backdrop-filter: blur(90px);
    color: #fff;
}

.edicao-page-pessoas .lst-pessoas .item .nome span {
    color: rgb(255 255 255 / 38%);
}

.edicao-page-pessoas .lst-pessoas .item .info {
    color: rgb(255 255 255 / 46%);
}

.edicao-page-pessoas .lst-pessoas .item .dropdown-toggle {
    background: rgb(255 255 255 / 8%);
    color: #fff;
    fill: #fff;
}

.custom-select {
    background-color: rgb(255 255 255 / 1%);
    color: #cccccc;
    border: 2px solid #d3dbe21c;
    border-left: 0px;
}

.container-pessoas-inserir input {
    background: rgb(255 255 255 / 1%);
    border: 2px solid #d3dbe21c;
    color: #fff;
}

.edicao-page-pessoas .lst-pessoas .item {
    border-bottom: 1px solid rgb(255 255 255 / 6%);
}

.inbox-estrutura-chat .tiponome {
    color: #ffffff70;
}

.inbox-estrutura-chat .recarregar {
    color: #ffffff;
    background: #ffffff0a;
}

.inbox-estrutura-chat .lst-itens .item .updatetime {
    color: #ffffff70;
}

.inbox-estrutura-chat .lst-itens .item .name {
    color: #ffffffa6;
}

.inbox-estrutura-chat .send-box {
    background: #090f16b5;
    color: #fff;
    backdrop-filter: blur(80px);
    -webkit-backdrop-filter: blur(10px);
}

.inbox-estrutura-chat .topo {
    border-bottom: 1px solid #ffffff14;
}

.inbox-estrutura-chat .send-box textarea {
    color: #fff;
}

.contant-boxpopup01-conteudo .ipt-add-camp input {
    color: #fff;
}

.lst-perfisrede .item .it.plataforma {
    color: #ffffff85;
}


.contant-metrica-conteudo,
.contant-metrica-perfil-conteudo {
    color: #ffffff;
}

/* Log de Publicacao - superficies elevadas no tema escuro */
.contant-log-publicacao .log-item {
    background: #ffffff08;
    border-color: #ffffff1f;
    box-shadow: none;
}

/* Metricas do conteudo - mesma superficie elevada do log */
.contant-metrica-conteudo.mp-v2 .mp-item {
    background: #ffffff08;
    border-color: #ffffff1f;
    box-shadow: none;
}

.contant-metrica-conteudo.mp-v2 .mp-destaque-i,
.contant-metrica-conteudo.mp-v2 .mp-vazio,
.contant-metrica-conteudo.mp-v2 .tabs .tab {
    border-color: #ffffff1f;
}

.contant-log-publicacao .log-item:hover {}

/* O fundo agora sai de `--color-bg`, que o proprio dark.css ja redefine — a
   barra de modos ficou opaca (ver a nota em painel3.css) e um valor com alpha
   aqui traria o vazamento de volta so no tema escuro. */
.opcoes-exibicao {
    background-color: var(--color-bg);
}

.contant-log-publicacao .log-msg {
    background: #ffffff0d;
}

.contant-log-publicacao .log-item--erro .log-msg {
    background: rgba(239, 68, 68, .12);
    color: #fca5a5;
}

.contant-log-publicacao .log-item--erro .log-badge {
    color: #fca5a5;
}

#edit-popup .btn-cancelar-popup {
    color: #fff;
}

.lst-edit-objetivos .item-objetivo .btn-delete {
    fill: #fff;
}

.container-atividades .atividades-lst .item .acao-data {
    color: #ffffff73;
}

.edicao-page-comentarios .lst-comentarios .box-add-comentario textarea {
    color: #fff;
}

.container-atividades .atividades-lst .item .acao-coment-btns .btn {
    color: #fff;
}

.container-atividades .atividades-lst .item .acao-coment textarea {
    color: #fff;
}

.container-atividades .atividades-lst .item .acao-coment-btns .btns-editor .btn.cancelar {
    background: #ffffff0d;
    color: #ffffff;
}

.container-atividades .titulo {
    border-top: 1px solid #ffffff14;
}

.contant-metrica-conteudo .metrics-display .metric-item {
    border-top: 1px solid #ffffff1a;
}

.sec-txt {
    color: #fff;
}

.contant-grade-perfil-conteudo .grade-perfil-display .h .item .midia-item .inf {
    color: #fff;
}

#accounts-table {
    color: #fff;
}

.table thead th {
    border-bottom: 2px solid #dee2e612;
}

.table-bordered td,
.table-bordered th {
    border: 1px solid #dee2e61f;
}

.checkmark {
    background-color: #eeeeee24;
    border-radius: 50%;
}

.contant-grade-perfil-conteudo .topo #btndownloadgrid svg {
    fill: #fff;
}

.grupo-btns-tips .box-membros label {
    color: #ffffff8a;
}

.grupo-btns-tips .box-membros .btn-add-membro {
    background: #ffffff26;
    fill: #ffffff;
}

.grupo-btns-tips .box-membros .membros {}

.grupo-btns-tips .box-membros .btn-add-membro svg {}

#menu-topo .filtro label {
    color: #ffffff96;
}

.thumb-user {
    /* background-color: #1a1a1a; */
    box-shadow: 0px 0px 7px #00000030;
    color: #ffffff8c;
    background-image: linear-gradient(to bottom, #262626 0%, #131313);
}

.container-atividades .atividades-lst .item .img,
.edicao-page-pessoas .lst-pessoas .item .img {
    background-color: #353845;
    color: #ffffff8c;
}


.edicao-page-membros .pesquisar {}

.edicao-page-membros .pesquisar input {
    width: 100%;
    border-radius: 100px;
    border: 1px solid #00000000;
    background: #0000000d;
    height: 40px;
    padding: 0px 13px;
    text-align: center;
    color: #0064e0;
    font-weight: 600;
}

.box-membros-02 {}

.box-membros-02 label {}

.box-membros-02 .lst {}

.box-membros-02 .lst .item {
    cursor: pointer;
}

.box-membros-02 .lst .item .thumb-user {}

.box-membros-02 .lst .item .nome {}

.box-membros-02 .lst .item .btn {
    fill: #fff;
}

.box-membros-02 .lst .item .btn svg {}

.box-membros-02 .lst .item .btn-add {}

.box-membros-02 .lst .nenhum {}

.box-membros-02 .lst .item:hover {}

#miniaturas-acesso-rapido .item .tipo {
    border-bottom: 1px solid #ffffff1c;
}

.lst-connect-accounts .item-connect {
    color: #000;
}

.lst-connect-accounts .item-connect .sub-txt {
    color: #ffffffba;
}

.lst-connect-accounts .btn-segundario {
    color: #ffffff !important;
}

.lst-connect-accounts .item-connect .txt {
    color: #fff;
}

.lst-connect-accounts .item-connect {
    /* background-image: url(/browse/comum/img/browse-home-banner.png); */
}

.perfil-lst-item:hover {
    background: #ffffff14;
}

.contant-dashboard-home .totais-perfis .item .img {
    border-color: #ffffff26;
}

.totais-group-box .item-box {
    background: linear-gradient(90deg, #ffffff1c, #e5f2ff17);
    /* border: 1px solid #ffffff1c; */
}

.totais-group-box .item-box.progesso-total .percentual {
    color: #fff;
}

.totais-group-box .item-box label {
    color: #ffffff;
}

.totais-group-box .item-box.progesso-stauts .item-status {
    border-color: #ffffff12;
}

.totais-group-box .item-box.progesso-stauts .item-status .total {
    color: #fff;
}

.totais-group-box .item-box .info {
    color: #fff;
}

.grafico-bar-line-01 {
    /* background: #ffffff14; */
    border: 1px solid #fff;
}

.progesso-tipos-lst .progesso-tipos-item .total {
    color: #fff;
}

.contant-dashboard-home .container-atividades {
    border-color: #ffffff12;
}

.fim-result {
    color: #ffffff4a;
}

.totais-group-box-filtros label {
    color: #ffffff63;
    fill: #fff;
}

.totais-group-box-filtros .datepicker-filtro.form-control {
    color: #ffffff;
}

.box2-item .lst-aleta .item-alerta {
    color: #fff;
}

.box2-item .lst-aleta .item-alerta::after {
    border-color: #ffffff14;
}

.box2-item .lst-aleta .item-alerta .contant-btns {
    border-color: #ffffff14;
}

.box2-item h5 {
    color: #fff !important;
}

.tabs-redes-conexoes-results-item .btn-aprender {
    background: #ffffff14;
    color: #fff;
}

.container-atividades .sem-atividades {
    color: #ffffff91;
}

/* O cartao de pessoa (.box-perfil-user) virou .ap-usercard, montado em vars de
   tema — o escuro sai de --uc-surface la em cima, sem bloco proprio aqui. */

.campo-style-02 .dropdown2 {
    background: #272727;
    color: #fff;
}

.grupo-btns-tips .dropdown2::after {
    background: #272727;
}

.container-atividades .atividades-lst .item .acao-coment {
    background: #ffffff17;
}

.estrutura-pessoas-lst-01 .item .nome {
    color: #fff;
}

.estrutura-pessoas-lst-01 h5 {
    color: #ffffffad;
}

.estrutura-pessoas-lst-01 .item .total {
    color: #fff;
}

.edicao-popup-min-inputs input {
    background: none;
    border: 1px solid #ffffff1c;
    color: #fff;
}

.dropdown-menu {
    background: #282d33;
    color: #fff;
}

.dropdown-menu .dropdown-divider {
    border-top: 1px solid #e9ecef17;
}

.edicao-page-pessoas .lst-pessoas .item .btn-remover {
    color: #ffffff;
}

.dropdown-item:focus,
.dropdown-item:hover {
    background-color: #f8f9fa17;
}

.edicao-page-pessoas .btn-sair {
    color: rgb(255 147 147 / 46%);
}

.edicao-page-pessoas .btn-sair:hover {
    color: rgb(255 147 147 / 100%);
}

.contant-metrica-perfil-conteudo #btndownloadgridmetricas svg {
    fill: #fff;
}


.fc .fc-button-primary {
    background-color: rgba(0, 0, 0, 0);
    border-color: #383838;
    opacity: 0.7;
    color: #fff;
}

.fc .fc-button-primary:hover {
    background: rgba(0, 100, 255, 0);
    opacity: 1;
    color: #fff;
}

.contant-metrica-perfil-conteudo #btndownloadgridmetricas svg {
    fill: #fff;
}

.estrutura-atividades-lst-01 .item {
    color: #fff;
    border-color: rgb(21 21 21);
}

.estrutura-atividades-lst-01 .hdr .acoes .ver-mais {
    background: linear-gradient(to top, rgba(0, 0, 0, 1) 0%, rgb(0 0 0 / 19%) 100%);
}

.estrutura-atividades-lst-01 .hdr .perfil-nome {
    border-color: #ffffff21;
    color: #fff;
}

.contant-atividades-home .btn-recarregar {
    border-color: #ffffff26;
    color: #fff;
}

.ipt-titulo-post {
    color: #fff;
}

.swal2-container .swal2-popup {
    background: #26272aeb;
    backdrop-filter: blur(90px);
    -webkit-backdrop-filter: blur(90px);
    color: #fff;
}

.swal-deny-btn {
    background-color: #ffffff24 !important;
    color: white !important;
}

.swal2-container .swal2-cancel {
    color: #fff;
}

.item-post .campos-content .titulo {
    border-bottom: 0px solid #ffffff0d;
}

.campo-style-02 .btns-campo .btn {
    fill: #fff;
    color: #fff;
    font-size: 10px;
}

.campo-style-02 svg {
    width: 14px;
    fill: #fff;
}

.progesso-importancia-datas .col {
    border-color: #ffffff1c;
}

.progesso-importancia-datas {
    border-color: #ffffff1a;
}

.progesso-importancia-datas .col .item-box .total {
    color: #ffffff;
}

.btn-ver-all-box {
    color: #fff;
    background: #ffffff14;
}

.btn-ver-all-box:hover {
    color: #fff;
}

.box2-lst-dash .box2-item.col-alertas {
    border-color: #ffffff1c;
}

.box2-item.col-historico {
    border-color: #ffffff1c;
}

.btn-ver-all-box:hover {
    color: #fff;
}

.totais-group-box-filtros {
    /* border: 1px solid #ffffff17; */
    fill: #fff;
}


::-webkit-scrollbar {
    width: 5px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: transparent;
}

::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, 0.2);
    /* branco transparente */
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background-color: rgba(255, 255, 255, 0.4);
}

.item-post .configs {
    /* border-left: 1px solid #ffffff0a; */
}

.box2-item .lst-aleta .item-alerta .contant-btns .btn-open {
    fill: #fff;
}

.box2-item .lst-aleta .item-alerta:hover {
    background: #ffffff17;
}

.lst-aleta .titulo-alerta {
    color: #ffffff;
}

.header-perfil-user {
    color: #fff;
}

.estrutura-compras-lst-01 {
    color: #fff;
}

.header-perfil-user .txt .btns .btn {
    border-color: #ffffff2b;
    color: #fff;
}

#lst-posts .item-post::before {
    border-color: #ffffff1c;
}

#miniaturas-acesso-rapido {
    border-color: #ffffff1f;
}

.box-view-perfil-open {
    color: #fff;
    border-color: #ffffff21;
    background: #000000d1;
}

.box-view-perfil-open .perfil-btn {
    color: #fff;
}

.box-view-perfil-open .perfil-btn {
    color: #fff;
}

.estrutura-lista .titulo-group {
    color: #ffffffad;
}

.table-01 thead th {
    color: #ffffffab;
}

.table-01 tbody td {
    color: #ffffff;
    border-color: var(--color-border);
}

.table-01 tbody tr:hover {
    background-color: #ffffff0d;
}

.edicao-page-comentarios {
    color: #fff;
}

.header-pagina {
    border-color: var(--color-border);
    background-color: #0000009c;
}

.inicial-acesso-rapido .it .icon {
    background: #ffffff08;
    border-color: var(--color-border);
}

.inicial-acesso-rapido {
    fill: #fff;
    color: #ffffff;
}

.inicial-acesso-rapido .it .nome {
    color: #fff;
}

.inicial-acesso-rapido .it:hover .icon {
    /* background: #ffffff2b; */
    box-shadow: 0px 0px 61px #ffffff21;
    border: 1px solid #acacac7d;
}

.inicial-acesso-rapido-planejamentos {
    color: #fff;
}

.inicial-acesso-rapido-planejamentos .lst .it {
    background-color: #ffffff14;
    border: 1px solid #ffffff17;
}

.dash-bloco-info {
    background: #ffffff00;
    border-color: var(--color-border);
}

.dash-bloco-info:hover {
    /* background: #ffffff00; */
    /* border: 1px solid #66666696; */
}

.dash-bloco-info .ls-totais .t-it {}

.grafico-bar-line-01 div {
    background: #fff;
}

.contant-dashboard-home .totais-perfis .item .right .status {
    background: #ffffff14;
}

.edicao-page-comentarios .topo .selection-state .btn-state.atv {
    color: rgb(255, 255, 255);
    background: rgb(129 129 129 / 26%);
}

.edicao-page-comentarios .topo .selection-state .btn-state {
    background: rgb(237, 237, 237);
}

.item-post .tabs-tipos-arquivos .bt-it.atv {
    font-weight: 500;
}

.item-post .btn-upload,
.item-post .btn-open-editor {
    background: #66666645;
}


/* Datepicker (flatpickr) — tema escuro premium.
   O tema/estrutura vive no painel3.css via variáveis; aqui só
   sobrescrevemos as cores. dark.css carrega depois do painel3.css,
   então estas variáveis vencem no modo escuro. */
.flatpickr-calendar {
    --fp-bg: #26272b;
    --fp-text: #f2f2f3;
    --fp-muted: rgba(255, 255, 255, .5);
    --fp-accent: #f4f4f5;
    --fp-accent-text: #17181c;
    --fp-hover: rgba(255, 255, 255, .08);
    --fp-border: rgba(255, 255, 255, .09);
    --fp-shadow: 0 18px 46px -14px rgba(0, 0, 0, .62), 0 4px 14px -6px rgba(0, 0, 0, .5);
    --fp-today-ring: rgba(255, 255, 255, .26);
    --fp-range: rgba(255, 255, 255, .08);
}

#tabd2-6 .table-datas-selecionadas .item input,
#tabd2-6 .info {
    color: #fff;
}

.edicao-page-comentarios .lst-comentarios .box-add-comentario .btn-add-comentario:hover {
    background-color: #ffffff1c;
}

/* ---------------------------------------------------------------------------
   Cropper de imagem (#edit-image)
   O kit .cp-* usa tokens (--color-bg/-text-01/-border/-btn-bg-01), entao quase
   tudo vira escuro sozinho. Sobra so o que token nenhum resolve: a elevacao da
   janela (preto sobre preto sumiria) e o vermelho do aviso de baixa resolucao.
   --------------------------------------------------------------------------- */
#edit-image {
    --cp-surface: #161616;
}

#edit-image .cp-saida.cp-saida-baixa {
    color: #ff8a65;
}

.type-quadro .conteudo-item .perfil .nome {
    color: #ffffff99;
}

.dropdown-default {
    background: #191919;
}

.item-post .status svg {
    fill: #fff;
}

.menu-sistema .menu-top-h {
    z-index: 3;
    background-color: #00000000;
    border-color: var(--color-border);
    background: #000;
}

.menu-sistema .espacos .espacos-lst .espaco-item .hdr-espaco .icon .icon-open-close {
    background: #373737;
}

.menu-sistema .espacos .espacos-lst .espaco-item .espaco-listas .espaco-lista-item {
    color: rgb(255 255 255 / 77%);
    fill: rgb(255 255 255 / 77%);
}

.menu-sistema .espacos .espacos-lst .espaco-item .espaco-listas .espaco-lista-item:hover {
    background: #ffffff14;
}

.menu-sistema .espacos .espacos-lst .espaco-item .espaco-listas .espaco-lista-item.atv {
    background: #ffffff1c;
    color: rgb(255 255 255);
    fill: rgb(255 255 255);
}

.menu-sistema .espacos .espacos-lst .espaco-item .hdr-espaco.atv {
    background: #ffffff14;
}

/* Redundante desde que a aba passou a usar `--color-text-01` (que o dark ja
   redefine), mas fica explicita: e aqui que alguem procura a cor do sublinhado
   no tema escuro. */
.opcoes-exibicao .btn-exibicao.atv {
    border-bottom-color: var(--color-text-01);
}

.header-pagina .btn-add {
    /* background: #ffffff1c; */
    fill: #ffffff;
    color: #ffffff;
}

.type-quadro .conteudo-item:not(.qd-card) {
    border: 1px solid #ffffff12;
}

.box-view-perfil-open {
    border-color: var(--color-border);
}

.date-basic {
    color: #ffffff;
}

.item-post.tarefa .edicao .texto {
    /* background: #ffffff14; */
    border-color: rgb(21 21 21);
}

.popup-delta .item-post .btns-t-anteriores {
    border-color: #ffffff21;
}

.popup-delta .item-post .btns-t-anteriores .item {
    border-right: 1px solid #ffffff21;
    color: #ffffffb8;
}

.t-upload .t-n {
    border-color: #ffffff1f;
    color: #ffffff5c;
}

.item-post.tarefa .edicao .parametros .item .valor:hover {
    background: #ffffff1a;
}

.edicao-page-comentarios .lst-comentarios .box-add-comentario .textarea {
    /* background: #0000006b; */
}

.edicao-page-comentarios .lst-comentarios .box-add-comentario .btn-add-comentario {
    background-color: #ffffff00;
    color: #000000;
    fill: #ffffff;
}

.ipt-v3 {
    border-color: #ffffff17;
}

.editar-popuo-v3 .ftr {
    border-color: #ffffff0d;
    background: #ffffff08;
}

.configs-lista-tarefas .it .n-preenchido {
    background: #000;
    border: 1px solid #2c2c2c;
}

.dropdown-default.t-select-itens .it-item:hover {
    background: #3a3a3a;
}

.ipt-v3 input,
.ipt-v3 .dropdown-selected {
    color: #fff;
}

.t-select-espaco-lista .itens-select .item-select:hover {
    background-color: #ffffff10;
}

.dropdown-default.tarefa-status {
    background: #111111;
}

.dropdown-default.tarefa-status::after {
    background: #111111;
}

.dropdown-default.tarefa-status .group {
    border-color: #ffffff0d;
}

.dropdown-default.tarefa-status .lst-status .st-item:hover {
    background: #ffffff12;
}

.type-quadro .conteudo-item:not(.qd-card):hover {
    border-color: #ffffff30;
}

.t-menu-opcoes {
    background-color: #1b1b1b;
}

.dropdown-default.t-menu-opcoes .divisao {
    border-color: #ffffff12;
}

/* Dropdown "Criar novo" - dark */
.dropdown-default.t-criar-novo {
    border-color: #ffffff14;
    box-shadow: 0 12px 40px -8px rgba(0, 0, 0, .6), 0 3px 9px -3px rgba(0, 0, 0, .4);
}

.dropdown-default.t-menu-opcoes.t-criar-novo .it-bt:hover {
    background: #ffffff0d;
}

.dropdown-default.t-criar-novo .cn-nome {
    color: #f1f2f4;
}

.dropdown-default.t-criar-novo .cn-titulo,
.dropdown-default.t-criar-novo .cn-desc {
    color: #8a8f99;
}

.dropdown-default.t-criar-novo .cor-conteudo {
    background: #16294a;
}

.dropdown-default.t-criar-novo .cor-tarefa {
    background: #143426;
}

.dropdown-default.t-criar-novo .cor-lote {
    background: #2a1f44;
}

.dropdown-default.t-criar-novo .cor-perfil {
    background: #3a2716;
}

.item-post .redes-ativas label {
    color: #ffffff8a;
}

.item-post .redes-ativas .redes-item:not(.atv) {
    fill: #fff;
}

.item-post .redes-ativas .redes-item.tiktok {
    fill: #fff;
}

.dropdown-status {
    background: #1f1f1f;
}

.dropdown-status .item-status {
    color: #fff;
}

.custom-calendar .lst-membros-all.is-empty .cal-add-responsavel {
    background: #2a2a2a;
    border-color: #4a4a4a;
    color: #e6e6e6;
}

.custom-calendar .lst-membros-all.is-empty .cal-add-responsavel:hover {
    background: #343434;
    border-color: #6a6a6a;
}

.cal-inline-membros {
    background: #1f1f1f;
}

.cal-inline-membros .cal-membros-busca input {
    background: #2a2a2a;
    border-color: #3a3a3a;
    color: #fff;
}

.cal-inline-membros .cal-membro-nome {
    color: #eaeaea;
}

.cal-inline-membros .cal-membro-item:hover {
    background: #2c2c2c;
}

.cal-inline-membros .cal-membro-item.sel {
    background: #21331f;
}

.lst-galerias-01 .galeria .ccenter {
    border: 1px solid #282828d9;
}

.lst-midias-last-01 .galeria-midia-item .img,
.lst-midias-01 .item .img {
    background-color: #131313;
}

.lst-galerias-01 .galeria .ccenter:hover {
    border: 1px solid #e6e6e6c4;
}

.donut-chart {
    background: conic-gradient(var(--cor-progresso) calc(var(--percent) * 1%), #e0e0e029 0);
}

.donut-chart::before {
    background: #000000;
}

.donut-chart .percent-text {
    color: #ffffff;
}

.btn-style-mono-01 {
    color: #ffffff;
    background: #f0f7ff0d;
    border: 1px solid #66666636;
}

.btn-style-mono-01:hover {
    color: #fff;
}

#menu-topo .btn-agendar-criar {
    color: #000000;
    background: #ffffff;
}

#miniaturas-acesso-rapido .item.atv .sltd {
    background: #ffffffa1;
}

.group-lista-pai {
    border-color: var(--color-border);
}

.menu-sistema .itens {
    background-color: #000;
}

#logoplataforma {
    color: #ffffff85;
}

.t-menu-notificacoes .header-popup .selection-state .btn-state {
    background: #242424;
    color: #fff;
}

.t-menu-notificacoes .header-popup .selection-state .btn-state.atv {
    background: #fff;
    color: #000;
}

.lst-formas-pagamento .item-forma-pagamemento {
    border: 1px solid #ffffff1c;
    fill: #fff;
}

.table-design-01 {
    color: #ffffff;
}

.lst-planos-select .item {
    border: 1px solid #ffffff17;
}

.box-fatura-itens {
    border: 1px solid #ffffff14;
}

.cartao .form-group {
    border: 1px solid rgba(255, 255, 255, 0);
    background-color: rgba(255, 255, 255, 0.13);
}

.cartao .form-label {
    color: rgba(255, 255, 255, 0.39);
}

.cartao .form-input {
    color: #fff;
}

.ftr-popup .bt.bt-proximo {
    background: #fff;
    color: #000;
}

.cartao .info-pagto {
    color: rgba(255, 255, 255, 0.76);
}

.cartao .plano-escolhido .nome {
    color: rgba(255, 255, 255, 0.4);
}

.cartao .plano-escolhido {
    border: 1px solid #ffffff1f;
}

.cartao .plano-escolhido .btn-trocar {
    color: rgb(255 255 255);
}

.lst-planos-select .item .bt-continuar {
    background: #ffffffe3;
    color: #000;
    fill: #000;
}


.edicao-page-comentarios .topo .selection-state .btn-state {
    background: #24242400;
    color: #fff;
}

.edicao-page-comentarios .topo .selection-state .btn-state.atv {
    /* background: #ffffff52; */
    color: #ffffff;
}

.edicao-page-comentarios .topo .bottom-mask {
    background-image: linear-gradient(to bottom, #000 0%, #000 50%, rgb(0 0 0 / 0%) 100%) !important;
}

.tabd2 .tabd2-link.active {
    border-color: #ffffff;
}

.btn-principal-01,
.btn-01 {
    color: #000000;
    background: #fff;
}

.menu-sistema .usuario {
    background-image: linear-gradient(to bottom, #00000000 0%, #000000d1 50%, rgb(0 0 0) 100%);
    background: #00000061;
    border-color: var(--color-border);
}

.menu-sistema .divisoria {
    border-color: var(--color-border);
}

.menu-sistema .espacos .m {
    border-color: var(--color-border);
}

.btn-plus-m {
    background: #f0f7ff0d;
}

.redes-ativas-design-01 div.redes-item.tiktok {
    fill: #fff;
}

#btn-hbr {
    fill: #ffffff;
}

.custom-calendar .cal-header,
.custom-calendar .cal-day,
.custom-calendar .kanban-dropzone {
    border-color: var(--color-border) !important;
}

.type-quadro .conteudo-item:not(.qd-card),
.design-calendario-item-01,
.contant-planejamento-home .lst-perfis .sem-conteudo,
.sem-conteudo-03-dinamic {
    color: #fff !important;
}

.header-style-01 .menu-itens-style-01 .item.atv {
    border-color: #fff !important;
}

.menu-itens-style-02 .item.atv {
    background: #fff;
    color: #000;
}

.item-post.tarefa .edicao .texto {
    border-top: 1px solid rgb(21 21 21);
    border-bottom: 1px solid rgb(21 21 21);
}

.tarefa .parametros .date-basic {
    font-weight: 400;
}

.design-calendario-item-01 {
    border-color: rgb(21 21 21) !important;
}

.lst-notificacoes .tag,
.item-post .group-actions-status .btn,
.btn-plus-m .txt,
.dropdown-status .item-status,
.lst-perfis-geren .item-perfis-geren .nome input {
    color: #fff;
}

.btn-plus-m svg {
    fill: #fff;
}

.contant-assinatura-new .btn-add-perfis {
    background: #66666600;
    color: #ffffff;
    border: 1px solid #ffffff38;
}

.lst-perfis-geren .item-perfis-geren {
    border-bottom: 1px solid #ffffff0f;
}

.lst-perfis-geren .lst {
    background: #ffffff0a;
}

.btn-open-planejamento {
    background: #ffffff0f;
    border: 1px solid #ffffff2b;
}

.container-criar .btn-gerar-conteudo-insert,
.editar-popuo-v3 .ftr .btn-salvar,
.editar-espaco .ftr .btn-salvar,
.editar-lista .ftr .btn-salvar {
    background: #fff;
    color: #000;
}

.galeria-midias-controle-popup {
    background: #4f4f4f8a;
}

.menu-sistema .itens .item p,
.menu-sistema .espacos .espacos-lst .espaco-item .hdr-espaco .titulo {
    font-weight: 400;
}

.editar-lista .estrutura-list-status-edit .lst-edicao-status .item .titulo {
    background: #00000000;
    color: #fff;
}

.editar-lista .estrutura-list-status-edit .lst-edicao-status .item {
    border: 1px solid #ffffff29;
}

.editar-lista .ftr {
    border-top: 1px solid #ffffff0d;
    background: #ffffff08;
}

.editar-lista h2 {
    border-bottom: 1px solid #ffffff14;
}

.editar-lista .estrutura-list-status-edit .lst-edicao-status .item:hover {
    border-color: #ffffff54;
}

.menu-sistema .espacos .espacos-lst .espaco-item .hdr-espaco:hover,
.menu-sistema .itens .item:hover,
.menu-sistema .espacos .espacos-lst .espaco-item .espaco-listas .espaco-lista-item:hover {
    background: var(--color-bg-01);
}

.editar-espaco .group-campo input,
.editar-espaco .group-campo .ipt-prop-atual {
    color: #fff;
    border-color: #ffffff30;
}

.editar-espaco .group-mebros-box {
    border-color: #ffffff1f;
}

.col-legenda,
.tipo-agendamento,
.col-objetivo,
.col-observacoes {
    border-color: var(--color-border);
}

.menu-sistema .espacos .espacos-lst .espaco-item .espaco-listas {
    border-color: #ffffff2e;
}

.lst-planos-select .item .bt-continuar:hover {
    background: #fff;
    color: #000;
}

.dash-bloco-info .ini .btn-open {
    border-color: #ffffff30;
}

.dropdown-default.t-menu-opcoes .it-bt:hover {
    background: #ffffff1a;
}

.btn-status-tarefa .btn {
    border-left: 1px solid #000000;
}

.thumb-user {
    color: #ffffff8f;
    border-color: #4f4f4f !important;
}

#header-lst-posts {}

.flatpickr-monthSelect-month {
    color: var(--fp-text) !important;
}

#menu-exbicao .item.atv {
    border-color: #ffffff;
    color: #ffffff;
}

#menu-exbicao .item.atv svg {
    fill: #ffffff;
}

#menu-exbicao .item {
    border-color: #ffffff1a;
}

.design-calendario-item-01 {
    border-color: #ffffff45;
    background: var(--color-border) !important;
}

.item-post .redes-ativas .redes-item.atv {
    border-color: #fff;
}

input[type=checkbox]:before {
    background-color: #1a1a1a;
    border: 1px solid #fff;
}

.box-assinatura-container .info-plano .nome-plano {
    color: #fff;
}

.box-assinatura-container .acoes-plano .btn-segundario {
    background-color: transparent;
    color: #ffffff;
    border: 1px solid #8a9cb147;
}

#sessoes-planejamento .item.atv {
    color: #ffffff;
}

.design-calendario-item-01 .hora {
    background: #434343c9 !important;
}

.custom-calendar .cal-day.dia-atual,
.custom-calendar div.kanban-col.semana-atual {
    /* background-color: #b9b9c91c !important; */
}

.design-calendario-item-01 div.canal-tipo {
    color: #ffffff;
}

.lst-perfis-geren .btn-delete {
    fill: #fff;
}

.dropdown-default .opcoes-post .titulo {
    color: #ffffff66;
}

.dropdown-default .opcoes-post .item-opcoes-post svg {
    fill: #878787;
}

.dropdown-default .opcoes-post .divisao {
    background: #ffffff0a;
}

.dropdown-default.tarefa-status .lst-status .st-item .ck {
    fill: #050505;
}

#header-lst-posts .header-topo {
    background-image: linear-gradient(to bottom, #ffffff0a 0%, #ffffff0a 50%, #ffffff0a 100%) !important;
}

.header-topo .mask,
.planejamento-item .mask {
    background: #141414e6;
}

.design-calendario-item-01 .tipo {
    color: #ffffff !important;
}

.contant-metrica-perfil-conteudo.bi-dashboard .bi-tabs-semanas button.ativo {
    background: #ffffff;
    color: #000000;
}

/* Métricas (BI) — ajustes de tema escuro para o redesign 2026 */
.contant-metrica-perfil-conteudo.bi-dashboard .bi-ct-ico {
    color: #6f9bff;
}

.contant-metrica-perfil-conteudo.bi-dashboard .bi-badge.bi-up {
    background: rgba(34, 197, 94, 0.16);
    color: #4ade80;
}

.contant-metrica-perfil-conteudo.bi-dashboard .bi-badge.bi-down {
    background: rgba(239, 68, 68, 0.16);
    color: #f87171;
}

.contant-metrica-perfil-conteudo.bi-dashboard .bi-card[data-metrica]:not(.bi-chart-container):hover {
    box-shadow: 0 14px 28px -14px rgba(91, 139, 255, 0.5), 0 4px 12px -6px rgba(0, 0, 0, 0.6);
}

/* Filtros de métricas (período + redes) — tema escuro */
.contant-metrica-perfil-conteudo.bi-dashboard .bi-periodo-btn .bi-ic-cal {
    color: #6f9bff;
}

.contant-metrica-perfil-conteudo.bi-dashboard .bi-periodo-menu {
    background: #0f0f11;
    box-shadow: 0 18px 44px -14px rgba(0, 0, 0, 0.7);
}

.contant-metrica-perfil-conteudo.bi-dashboard .bi-preset:hover {
    background: rgba(91, 139, 255, 0.14);
}

.contant-metrica-perfil-conteudo.bi-dashboard .bi-preset.ativo {
    background: rgba(91, 139, 255, 0.16);
    color: #6f9bff;
}

.contant-metrica-perfil-conteudo.bi-dashboard .bi-preset.ativo::after {
    background: #6f9bff;
}

.contant-metrica-perfil-conteudo.bi-dashboard input[type="date"] {
    color-scheme: dark;
}

.contant-metrica-perfil-conteudo.bi-dashboard .bi-plat {
    color: #aeb4bf;
}

.contant-metrica-perfil-conteudo.bi-dashboard .bi-plat-todas:hover {
    color: #6f9bff;
}

/* Drop do estado (mapa do Brasil) — superfície elevada no tema escuro */
.contant-metrica-perfil-conteudo.bi-dashboard .bi-brasil-drop {
    background: #141416;
    box-shadow: 0 18px 44px -14px rgba(0, 0, 0, 0.7);
}

.contant-metrica-perfil-conteudo.bi-dashboard .bi-svg-brasil path.sel {
    stroke: #6f9bff;
}

.box-cupom .cupom-container input {
    color: #fff;
}

.custom-calendar .cal-day.other-month {
    background-image: linear-gradient(45deg, #ffffff0f 15%, transparent 35%, transparent 50%, #ffffff0f 50%, #ffffff0f 65%, transparent 85%, transparent) !important;
}

.tabs-d2 .tab.atv {
    color: #fff;
    border-color: #ffffff;
}

.hibrido-container .col-tipos {
    background: #ffffff08;
}

.hibrido-container .it-canal.atv::after {
    background: #ffffff08;
}

.hibrido-container .it-canal.atv,
.hibrido-container .it-tipo-filho.atv {
    border-color: #ffffff;
}

.hibrido-footer .btn-hibrido-ok {
    background-color: #ffffff;
    color: #000000;
}

@media (min-width: 920px) {
    .popup-delta .html-conteudo-atividades {
        border-color: var(--color-border);
    }

    .edicao-page-comentarios .lst-comentarios .box-add-comentario {
        background: #1b1b1bbf;
        backdrop-filter: blur(13px);
        -webkit-backdrop-filter: blur(13px);
    }

    .popup-delta .edicao-page-comentarios .lst-comentarios .box-add-comentario {
        /* border: 1px solid #ffffff0f; */
    }
}

@media (max-width: 990px) {
    .menu-sistema {
        background: #000000f7;
    }

    #back-menu {
        /* background: #303030; */
        color: #fff;
        fill: #fff;
    }

    .header-pagina {
        background-color: #000000;
    }

    #menu-topo .btns {
        background: #2d2d2d;
    }
}

\n

/* =======================================================================
   ESTILOS DO DROPDOWN FILTRO DE GRUPO DE PERFIS E POPUP (DARK MODE)
   ======================================================================= */
.dropdown-default.filtro-grupo.perfis {
    background: #1f2937;
    border-color: #374151;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.4);
}

.dropdown-default.filtro-grupo.perfis h4 {
    color: #9ca3af;
}

.dropdown-default.filtro-grupo.perfis .it-bt {
    color: #f3f4f6;
}

.dropdown-default.filtro-grupo.perfis .it-bt:hover {
    background-color: #374151;
}

.dropdown-default.filtro-grupo.perfis .it-bt.ativo {
    background-color: #3b82f626;
    color: #60a5fa;
}

.dropdown-default.filtro-grupo.perfis .it-bt .btn-ico-default:hover {
    background-color: #4b5563;
}

.dropdown-default.filtro-grupo.perfis .it-bt .btn-ico-default svg {
    fill: #9ca3af;
}

.dropdown-default.filtro-grupo.perfis .it-bt .btn-editar-grupo-perfil:hover svg {
    fill: #60a5fa;
}

.dropdown-default.filtro-grupo.perfis .it-bt .btn-deletar-grupo-perfil:hover svg {
    fill: #f87171;
}

.dropdown-default.filtro-grupo.perfis .divisao {}

.dropdown-default.filtro-grupo.perfis .btn-criar-grupo-perfis {
    color: #9ca3af;
}

.dropdown-default.filtro-grupo.perfis .btn-criar-grupo-perfis:hover {
    color: #60a5fa;
    background-color: #3b82f626;
}

/* ESTILOS DO POPUP DE GRUPO (DARK MODE) */
#edit-popup .header-popup {
    background: #1f2937;
    border-color: #374151;
}

#edit-popup .header-popup .titulo {
    color: #f9fafb;
}

#edit-popup .body-popup {
    background: #1f2937;
}

#edit-popup .campo-style-2 label {
    color: #d1d5db;
}

#edit-popup .campo-style-2 input[type="text"] {
    background: #111827;
    border-color: #374151;
    color: #f9fafb;
}

#edit-popup .campo-style-2 input[type="text"]:focus {
    border-color: #3b82f6;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.2);
}

#edit-popup .footer-popup {
    background: #111827;
    border-color: #374151;
}

#edit-popup .footer-popup .btn-cancelar {
    color: #9ca3af;
}

#edit-popup .footer-popup .btn-cancelar:hover {
    background: #374151;
    color: #f9fafb;
}

#edit-popup .footer-popup .btn-delete {
    color: #f87171;
}

#edit-popup .footer-popup .btn-delete:hover {
    background: #7f1d1d33;
    color: #ef4444;
}

#info-acesso-usuarios {
    background-color: #111827 !important;
    border-color: #374151;
    color: #cbd5e1;
}

\n

/* =======================================================================
   ESTILOS DO CHOSEN SELECT PARA O POPUP DE GRUPO (DARK MODE)
   ======================================================================= */
#edit-popup .chosen-container-multi .chosen-choices {
    background-color: #111827 !important;
    border-color: #374151 !important;
}

#edit-popup .chosen-container-active .chosen-choices {
    border-color: #3b82f6 !important;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.2) !important;
}

#edit-popup .chosen-container-multi .chosen-choices li.search-choice {
    background-color: #374151 !important;
    color: #f3f4f6 !important;
}

#edit-popup .chosen-container-multi .chosen-choices li.search-choice .search-choice-close::before {
    color: #f3f4f6 !important;
}

#edit-popup .chosen-container-multi .chosen-choices li.search-field input[type="text"] {
    color: #f9fafb !important;
}

#edit-popup .chosen-container .chosen-drop {
    border-color: #374151 !important;
    background: #1f2937 !important;
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.3) !important;
}

#edit-popup .chosen-container .chosen-results li.active-result {
    color: #d1d5db !important;
}

#edit-popup .chosen-container .chosen-results li.highlighted {
    background-color: #3b82f626 !important;
    color: #60a5fa !important;
}

/* Dashboard Inner List - Dark Mode */
.dash-inner-items {
    border-top-color: #3f3f46;
}

.dash-inner-items .inner-item {
    color: #d1d5db;
}

.dash-inner-items .inner-item:hover {
    background-color: var(--color-hover-01);
}

.date-basic:focus {
    color: #fff;
}

.color-btn {
    background-color: var(--color-btn-bg-01) !important;
    color: var(--color-btn-text-01) !important;
}

.color-text {
    color: var(--color-text-01) !important;
}

.hdr-perfil .mask {
    /* background-image:
        linear-gradient(to bottom,
            rgb(var(--hdr-cor-rgb) / calc(var(--hdr-cor-a) * 3)) 0%,
            rgb(var(--hdr-cor-rgb) / 0) 50%),
        linear-gradient(to bottom, #0c0c0cdb 0%, #000000f0 50%, rgb(0 0 0) 100%) */
    background-image: linear-gradient(to bottom, #262626b0 0%, #1e1e1ee0 50%, rgb(0 0 0) 100%);
}

.lst-perfis-logo .item-logo .rodape .data,
.lst-perfis-logo .item-logo .btn-delete {
    color: #fff !important;
    fill: #fff;
}

#miniaturas-acesso-rapido .item .codigo,
#miniaturas-acesso-rapido .item .tipo {
    color: #ffffff6e;
}

.view-planejamento .totais-desc-conteudos .totais-desc-item label,
.view-planejamento .container-status-header .info {
    color: #ffffff73;
}

.t-editando-title .ipt {
    background: #fff;
}

/* =====================================================================
   STUDIO CRIATIVO - overrides do modo escuro
   Os defaults em painel3.css agora sao para tema CLARO. Aqui restaura-
   mos o look escuro (fundo preto, texto branco, bordas claras sutis)
   para os componentes do Studio quando dark.css esta ativo.
   ===================================================================== */

/* ----- TABS: imagem unica / carrossel ----- */
.estudio-tipo-tabs {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.06);
}

.estudio-tipo-tab {
    color: #a0a0a0;
}

.estudio-tipo-tab:hover,
.estudio-tipo-tab.atv {
    color: #fff;
}

.estudio-tipo-tab.atv {
    background: rgba(255, 255, 255, 0.12);
}

/* ----- Painel de carrossel (editor) ----- */
.estudio-carrossel-slides {
    scrollbar-color: rgba(255, 255, 255, 0.2) transparent;
}

.estudio-carrossel-slides::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.18);
}

#estudio-carrossel-contexto {
    color: #fff;
}

#estudio-carrossel-contexto::placeholder {
    color: #888;
}

/* ----- Slide cards (editor + modal add slides) ----- */
.estudio-slide-card {
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.06);
}

.estudio-slide-hdr .num {
    color: #aaa;
}

.estudio-slide-remover {
    color: #888;
}

.btn-anexar-slide {
    color: #888;
    background: rgba(255, 255, 255, 0.04);
}

.btn-anexar-slide:hover {
    color: #fff;
    background: rgba(255, 255, 255, 0.08);
}

.estudio-slide-texto {
    border-color: rgba(255, 255, 255, 0.08);
    color: #fff;
}

.estudio-slide-texto:focus {
    border-color: rgba(255, 255, 255, 0.22);
}

.estudio-slide-texto::placeholder {
    color: #666;
}

.estudio-slide-add {
    border-color: rgba(255, 255, 255, 0.18);
    color: #888;
}

.estudio-slide-add:hover {
    border-color: rgba(255, 255, 255, 0.45);
    color: #fff;
    background: rgba(255, 255, 255, 0.03);
}

/* ----- Select Foco (dropdown Estilos) ----- */
.estudio-foco-select {
    background: rgba(255, 255, 255, 0.06);
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.estudio-foco-select option {
    background: #2f2f33;
    color: #fff;
}

/* ----- Modal carrossel (visualizacao) ----- */
.estudio-modal-close:hover {
    color: #fff;
}

.estudio-modal-titulo {
    color: #fff;
}

.estudio-modal-slide .placeholder {
    background: #1a1a1d;
    color: #666;
}

/* ----- Botao "Adicionar slides" no header do modal ----- */
.estudio-modal-add-slides {
    background: rgba(255, 255, 255, 0.08);
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.12);
}

.estudio-modal-add-slides:hover {
    background: rgba(255, 255, 255, 0.16);
}

/* ----- Modal Re-gerar ----- */
.estudio-regerar-preview {
    background: #1a1a1d;
}

.estudio-regerar-textarea {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #fff;
}

.estudio-regerar-textarea:focus {
    border-color: rgba(255, 255, 255, 0.3);
}

.estudio-regerar-toggle {
    color: #ddd;
}

.estudio-regerar-anexo-btn {
    background: rgba(255, 255, 255, 0.06);
    color: #ccc;
    border: 1px solid rgba(255, 255, 255, 0.08);
}

.estudio-regerar-anexo-btn:hover {
    color: #fff;
    background: rgba(255, 255, 255, 0.1);
}

.estudio-regerar-acoes {
    border-top: 1px solid rgba(255, 255, 255, 0.06);
}

.estudio-regerar-cancelar {
    color: #aaa;
    border: 1px solid rgba(255, 255, 255, 0.12);
}

.estudio-regerar-cancelar:hover {
    color: #fff;
    border-color: rgba(255, 255, 255, 0.3);
}

.input-bar {
    background-color: #242428c9;
}

/* Dropdown de selecao de perfil - busca + lista (tema escuro) */
.select-perfis .dropdown-busca {
    border-bottom-color: #ffffff14;
    background: transparent;
}

.select-perfis .dropdown-busca .ic-busca {
    fill: #ffffff66;
}

.select-perfis .dropdown-busca-input {
    border-color: #ffffff1f;
    background: #ffffff0a;
    color: #fff;
}

.select-perfis .dropdown-busca-input:focus {
    border-color: #007bff;
    background: #ffffff14;
}

.select-perfis .dropdown2 .it {
    color: #f1f4f7;
}

.select-perfis .dropdown2 .it:hover {
    background: #ffffff12;
}

.select-perfis .dropdown2 .it.it-ativo {
    background: #007bff2e;
    color: #4ea1ff;
}

.select-perfis .dropdown2 .it.it-ativo::after {
    border-color: #4ea1ff;
}

.select-perfis .dropdown2 .it .img,
.select-perfis .selecionado .img {
    background-color: #ffffff1f;
    border-color: #ffffff1a;
}

.select-perfis .dropdown-vazio {
    color: #ffffff66;
}

.select-perfis .dropdown-lista::-webkit-scrollbar-thumb {
    background: #ffffff26;
    border-color: transparent;
}

/* ===== Painel da pessoa (drawer) - tema escuro ===== */
.painel-pessoa {
    color: #fff;
}

.painel-pessoa .pp-nome {
    color: #fff;
}

.painel-pessoa .pp-sub,
.painel-pessoa .pp-status,
.painel-pessoa .pp-info-row,
.painel-pessoa .pp-item-meta,
.painel-pessoa .pp-item-data,
.painel-pessoa .pp-rel-sub {
    color: #ffffff80;
}

.painel-pessoa .pp-secao-hdr,
.painel-pessoa .pp-item-titulo,
.painel-pessoa .pp-rel-nome {
    color: #fff;
}

.painel-pessoa .pp-hdr,
.painel-pessoa .pp-info {
    border-color: #ffffff14;
}

.painel-pessoa .pp-tabs {
    border-color: #ffffff14;
}

.painel-pessoa .pp-tab {
    color: #ffffff80;
}

.painel-pessoa .pp-tab:hover,
.painel-pessoa .pp-tab.atv {
    color: #fff;
    border-color: #fff;
}

.painel-pessoa .pp-item:hover {
    background: #ffffff0d;
}

.painel-pessoa .pp-tag {
    background: #ffffff1a;
    color: #ffffffc0;
}

.painel-pessoa .pp-rel {
    background: #ffffff0d;
    color: #fff;
}

.painel-pessoa .pp-rel:hover {
    background: #ffffff1a;
}

.painel-pessoa .pp-rel-img {
    background-color: #ffffff1f;
    color: #fff;
}

.painel-pessoa .pp-grupo-hdr {
    color: #ffffff99;
}

/* ===== Aba Produtividade (pp-prod-*) - tema escuro ===== */
.painel-pessoa .pp-prod-nav {
    border-color: #ffffff1f;
    background: #ffffff0d;
    color: #ffffffb3;
}

.painel-pessoa .pp-prod-nav:hover {
    background: #ffffff1a;
}

.painel-pessoa .pp-prod-periodo-lbl {
    color: #fff;
}

.painel-pessoa .pp-prod-toggle {
    border-color: #ffffff1f;
}

.painel-pessoa .pp-prod-modo {
    background: transparent;
    color: #ffffff80;
}

.painel-pessoa .pp-prod-modo.atv {
    background: #5b8bff;
    color: #fff;
}

.painel-pessoa .pp-prod-config {
    border-color: #ffffff1f;
    background: #ffffff0d;
    color: #ffffffb3;
}

.painel-pessoa .pp-prod-config:hover {
    background: #ffffff1a;
    color: #fff;
}

.painel-pessoa .pp-prod-card {
    border-color: #ffffff14;
    background: #ffffff08;
}

.painel-pessoa .pp-prod-card-num {
    color: #fff;
}

.painel-pessoa .pp-prod-card-lbl {
    color: #ffffff80;
}

.painel-pessoa .pp-prod-card.ok .pp-prod-card-num {
    color: #34d399;
}

.painel-pessoa .pp-prod-card.warn .pp-prod-card-num {
    color: #fbbf24;
}

.painel-pessoa .pp-prod-bloco {
    border-color: #ffffff14;
}

.painel-pessoa .pp-prod-bloco-hdr {
    color: #ffffff99;
}

.painel-pessoa .pp-prod-vazio {
    color: #ffffff66;
}

.painel-pessoa .pp-prod-bar-lbl {
    color: #ffffffb3;
}

.painel-pessoa .pp-prod-bar-track {
    background: #ffffff14;
}

.painel-pessoa .pp-prod-bar-fill {
    background: #5b8bff;
}

.painel-pessoa .pp-prod-bar-val {
    color: #fff;
}

.painel-pessoa .pp-prod-rk-row.atual {
    background: #5b8bff1f;
}

.painel-pessoa .pp-prod-rk-pos {
    color: #ffffff80;
}

.painel-pessoa .pp-prod-rk-img {
    background-color: #ffffff1f;
    color: #fff;
}

.painel-pessoa .pp-prod-rk-nome {
    color: #fff;
}

.painel-pessoa .pp-prod-rk-track {
    background: #ffffff14;
}

.painel-pessoa .pp-prod-rk-fill {
    background: #ffffff33;
}

.painel-pessoa .pp-prod-rk-row.atual .pp-prod-rk-fill {
    background: #5b8bff;
}

.painel-pessoa .pp-prod-rk-val {
    color: #fff;
}

/* ===== Acesso por lista - info "restrito" (cor p/ fundo escuro) ===== */
.editar-espaco-pessoas .lst-membros .item .acesso-info.restrito {
    color: #f4b952;
}

/* Editor de blocos: o tema escuro e so troca de token (--ed-*), no fim
   deste arquivo. As regras estao no painel3.css, bloco "EDITOR DE BLOCOS v2". */

/* ============================================================
   EQUIPES - overrides dark
   ============================================================ */
/* Superficie, borda, tinta e texto secundario NAO tem mais override aqui:
   os --eq-* sao alias de --color-* (painel3.css) e o :root dark ja troca
   esses tokens -> o tema escuro segue sozinho. Aqui ficam SO as cores
   semanticas, que precisam clarear para ter contraste sobre o preto. */
.contant-equipes-home,
.equipe-tela,
.pessoa-tela,
.equipe-header,
#edit-popup .edicao-equipe,
#edit-popup .dash-drill-popup,
#edit-popup-medium .sub-popup,
#edit-popup-medium .conteudo {
    --eq-acento: #5b8bff;
    --eq-suc: #34d399;
    --eq-suc-txt: #34d399;
    --eq-warn: #fbbf24;
    --eq-warn-txt: #fbbf24;
    --eq-dng: #ff7b72;

    /* ⚠️ Os niveis da MATRIZ DE ACESSO tambem estao redeclarados no `:root`
       logo abaixo, e nao so aqui. Nao e redundancia: o menu de escolha de
       nivel e um popover plantado no <body>, fora deste escopo — sem a versao
       global ele abriria com as cores do tema claro sobre fundo preto. */
    --ac-admin: #a78bfa;
    --ac-editor: #5b8bff;
    --ac-cliente: #fbbf24;
    --ac-dono: #34d399;

    /* Texto do botao de risco PREENCHIDO (o "Excluir equipe" ja destravado).
       No escuro `--eq-dng` e #ff7b72, um vermelho claro: branco sobre ele nao
       passa em contraste; preto passa. No claro o padrao continua branco. */
    --eq-perigo-txt: #000;

    --eq-glow: 0 14px 34px -16px rgba(91, 139, 255, .5);
    --eq-shadow: 0 18px 36px -22px rgba(0, 0, 0, .8);

    /* Superficie elevada: popover, dropdown, campo e linha de lista. NAO pode
       ser --eq-bg, que aqui e preto PURO - o popover sumiria contra a tela e o
       campo viraria um buraco preto dentro do popup (#26272a). Mesmo tom de
       --uc-surface / --up-surface, que existem pela mesma razao. */
    --eq-surface: #191919;
}

.card-equipe .bt-card {
    color: var(--eq-text);
}

.card-equipe .bt-card:hover {
    background: var(--eq-bg-mute);
}

.card-equipe .card-tag-dono {
    background: var(--eq-bg-mute);
    color: var(--eq-text-3);
}

.empty-equipes svg {
    fill: var(--eq-text-4);
}

.edicao-equipe .ttl-equipe[contenteditable="true"] {
    background: var(--eq-bg-soft);
    border-color: var(--eq-border-strong);
}

.tabs-equipe .tab:hover {
    color: var(--eq-text);
}

.tabs-equipe .tab.atv {
    color: var(--eq-text);
    border-bottom-color: var(--eq-text);
}

.tabs-equipe .badge-count {
    background: var(--eq-bg-mute);
    color: var(--eq-text-3);
}

.tabs-equipe .tab.atv .badge-count {
    background: var(--eq-bg-mute);
    color: var(--eq-text-2);
}

.edicao-equipe .bloco-aviso,
.sub-popup .bloco-aviso {
    background: var(--eq-bg-soft);
    border-color: var(--eq-border);
    color: var(--eq-text-2);
}

.edicao-equipe .bloco-aviso svg,
.sub-popup .bloco-aviso svg {
    fill: var(--eq-text-3);
}

.edicao-equipe .bloco-aviso-admin {
    background: var(--eq-warn-bg);
    border-color: color-mix(in srgb, var(--eq-warn) 34%, transparent);
    color: var(--eq-warn-txt);
}

.edicao-equipe .bloco-aviso-admin svg {
    fill: var(--eq-warn);
}

.edicao-equipe .btn-bloco {
    color: var(--eq-text-2);
}

.edicao-equipe .btn-bloco:hover {
    background: var(--eq-bg-mute);
}

.item-membro .acoes .dropdown-toggle {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%239ca3af'%3e%3ccircle cx='12' cy='5' r='2'/%3e%3ccircle cx='12' cy='12' r='2'/%3e%3ccircle cx='12' cy='19' r='2'/%3e%3c/svg%3e");
}

.item-membro .acoes .dropdown-menu {
    background: var(--eq-bg);
    border-color: var(--eq-border);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
}

.row-perfil-acesso.atv {
    background: var(--eq-suc-bg);
    border-color: var(--eq-suc);
}

.sub-popup-hdr {
    background: var(--eq-bg);
}

.popup-equipe-add-membro .picker-input:focus {
    border-color: var(--eq-acento);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--eq-acento) 18%, transparent);
}

.row-perfil-disponivel .bt-add-row {
    background: var(--eq-bg-mute);
    color: var(--eq-text-2);
}

.row-perfil-disponivel .bt-add-row:hover {
    background: var(--color-btn-bg-01);
    color: var(--color-btn-text-01);
}

/* Tag admin + tom do item de membro admin no dark */
.item-membro.is-admin {
    border-color: color-mix(in srgb, var(--eq-warn) 34%, transparent);
    background: var(--eq-warn-bg);
}

.item-membro.is-admin:hover {
    border-color: var(--eq-warn);
    background: color-mix(in srgb, var(--eq-warn) 18%, transparent);
}

.tag-admin {
    background: var(--eq-warn-bg);
    color: var(--eq-warn-txt);
    border-color: color-mix(in srgb, var(--eq-warn) 42%, transparent);
}

.tag-admin svg {
    fill: var(--eq-warn);
}

/* Card preview no dark */
.card-preview-novo {
    background: var(--eq-bg-soft);
    border-color: var(--eq-border-strong);
}

.row-preview-perfil {
    background: var(--eq-bg-soft);
    border-color: var(--eq-border);
    color: var(--eq-text-2);
}

/* Botoes do preview */
.bt-preview {
    background: var(--eq-bg);
    border-color: var(--eq-border);
    color: var(--eq-text-2);
}

.bt-preview:hover {
    background: var(--eq-bg-soft);
    border-color: var(--eq-border-strong);
}

.bt-preview-total {
    background: var(--eq-bg-mute);
    color: var(--eq-text-2);
    border-color: var(--eq-border-strong);
}

.bt-preview-total:hover {
    background: var(--color-btn-bg-01);
    border-color: var(--color-btn-bg-01);
    color: var(--color-btn-text-01);
}

.bt-preview.atv {
    border-color: var(--eq-text);
    background: var(--eq-bg-mute);
    color: var(--eq-text);
}

/* Checkbox promover admin */
.opt-checkbox.atv {
    border-color: var(--eq-warn);
    background: var(--eq-warn-bg);
}

/* Indicador "Ja tem acesso" no dark */
.opt-perfil.ja-tem.atv {
    background: var(--eq-suc-bg);
    border-color: var(--eq-suc);
}

.tag-ja-tem {
    background: var(--eq-suc-bg);
    color: var(--eq-suc-txt);
    border-color: color-mix(in srgb, var(--eq-suc) 42%, transparent);
}

.coment-editor-box .btn-add-opcoes {
    color: #ffffff;
}

.midia-item.is-audio .bt svg {
    fill: #fff;
    color: #fff;
}

/* ============ SUBTAREFAS - dark mode (sobrescreve tokens) ============ */
.subtarefas-section.cu,
.tarefa-sub-row.cu,
.tc {
    --su-fg: #e8e8e8;
    --su-fg-soft: #aaaaaa;
    --su-fg-mute: #555555;
    --su-bg-hover: #ffffff0c;
    /* Sem este override o token cairia no #fafbfc do tema claro e o painel de
       vincular conteudo saia branco no modo escuro. */
    --su-bg-subtle: #ffffff05;
    --su-bg-input: #1a1c20;
    --su-border: #ffffff14;
    --su-border-soft: #ffffff0a;
    --su-line: #ffffff20;
    --su-accent: #8aa7ff;
    --su-accent-soft: #8aa7ff22;
}

/* Hovers/backgrounds extras que nao dependem so dos tokens */
.sub-pill.empty:hover,
.sub-pill.filled,
.btn-expand-sub:hover,
.tarefa-sub-row .qa-btn:hover,
.tarefa-sub-row .menu-sub:hover {
    background: #ffffff14 !important;
    color: var(--su-fg);
}

.sub-pill.filled {
    background: #ffffff10 !important;
}

.sub-pill.filled:hover {
    background: #ffffff18 !important;
}

.cu-composer {
    background: #1a1c20;
}

.cu-composer .ca-btn:hover {
    background: #ffffff14;
}

.cu-composer .ca-cancel {
    color: var(--su-fg);
}

.dropdown-subtarefa {
    background: #1f2125;
    box-shadow: 0 6px 18px #00000080;
}

tr.tarefa-sub-row-tr {
    background: #ffffff04;
}

tr.tarefa-sub-row-tr td {
    color: #cfd2d6;
}

/* === Camada UX ClickUp 3.0 - dark === */
.picker-overlay {
    background: #1a1c20;
    border-color: #ffffff20;
    box-shadow: 0 10px 30px #00000080;
}

.picker-status-item:hover,
.picker-prio-item:hover,
.picker-mbs-item:hover {
    background: #ffffff0c;
}

.picker-mbs-item.atv {
    background: #8aa7ff22;
}

.picker-mbs-search {
    background: #ffffff05;
    color: #e8e8e8;
    border-color: #ffffff20;
}

.subtarefa-sidebar {
    background: #1a1c20;
    border-right-color: #ffffff14;
    box-shadow: 4px 0 20px #00000080;
}

.subtarefa-sidebar .ss-hdr {
    border-bottom-color: #ffffff14;
}

.subtarefa-sidebar .ss-hdr .ttl {
    color: #e8e8e8;
}

.subtarefa-sidebar .ss-close {
    color: #aaa;
}

.subtarefa-sidebar .ss-close:hover {
    background: #ffffff0c;
    color: #e8e8e8;
}

.ss-node-row:hover {
    background: #ffffff0c;
}

.ss-node.atv>.ss-node-row {
    background: #8aa7ff22;
    color: #8aa7ff;
}

.subtarefas-section .btn-sidebar-tree-sub:hover {
    background: #ffffff0c;
}

.bulk-toolbar {
    background: #0e1014;
    color: #fff;
    box-shadow: 0 10px 30px #00000088;
}

.bulk-toolbar .bt-opt:hover {
    background: #ffffff14;
}

.cu-composer .composer-spinner {
    border-color: #ffffff20;
    border-top-color: #8aa7ff;
}

.sortable-placeholder {
    background: #8aa7ff14 !important;
    border-color: #8aa7ff !important;
}

/* === Listagem ClickUp 3.0 (.cu-list) - dark === */
.cu-list {
    background: transparent;
}

.cu-list-head {
    background: #000;
    border-bottom-color: var(--color-border);
}

.cu-list-head .cu-cell {
    color: #ffffff88;
}

.cu-row {
    border-top-color: var(--color-border);
}

.cu-row:hover {
    background: #ffffff08;
}

.cu-row .cu-cell {
    color: #d6d8db;
}

.cu-row .cu-row-title {
    color: #ffffff;
}

.cu-row.tarefa-sub-row .cu-row-title {
    color: #e3e5e8;
}

.cu-row.tarefa-sub-row.is-concluida-row .cu-row-title {
    color: #6f7682;
}

.cu-row .cu-cell-dt-ini,
.cu-row .cu-cell-dt-fim {
    color: #b3b7be;
}

.cu-row .cu-cell-dt-fim.alerta,
.cu-row .cu-cell-dt-fim .inf-dt.vencido {
    color: #ff7a7a;
}

.cu-row.tarefa-sub-row[data-nivel="1"] .cu-row-indent::after,
.cu-row.tarefa-sub-row[data-nivel="2"] .cu-row-indent::after {
    background: #ffffff20;
}

.cu-row.cu-row-addsub .add-sub-row {
    color: #ffffff70;
}

.cu-row.cu-row-addsub .add-sub-row:hover {
    background: #ffffff0a;
    color: #fff;
}

.cu-row.cu-row-addsub .input-nova-subtarefa-tabela {
    background: #1a1c20;
    color: #fff;
    border-color: #ffffff20;
}

/* === Edit inline + composer (.cu-cell-edit / .cu-composer-inline) - dark === */
.cu-row .cu-cell-edit:hover {
    background: #ffffff0c;
    box-shadow: inset 0 0 0 1px #ffffff1f;
}

.cu-row .cu-cell-edit.is-empty {
    color: #ffffff55;
}

.cu-empty-ph {
    color: #ffffff55;
}

.cu-row .cu-cell-edit:hover .cu-empty-ph {
    color: #fff;
}

.cu-row .cu-cell-edit .cu-cell-clear {
    background: rgba(255, 255, 255, 0.08);
    color: #ffffff99;
}

.cu-row .cu-cell-edit .cu-cell-clear:hover {
    background: #d23838;
    color: #fff;
}

.cu-row.cu-row-addsub .cu-composer-inline,
.cu-row.cu-row-addtask .cu-composer-inline {}

.cu-composer-status-placeholder {
    border-color: #ffffff35;
}

.cu-row.cu-row-addtask .add-task-row {
    color: #ffffff70;
}

.cu-row.cu-row-addtask .add-task-row:hover {
    background: #ffffff0a;
    color: #fff;
}

.cu-composer-inline .cu-composer-input {
    color: #fff;
}

.cu-composer-inline .cu-composer-input::placeholder {
    color: #ffffff55;
}

/* Container dos chips em dark - fundo escuro suave */
.cu-composer-inline .cu-composer-chips {
    background: #ffffff08;
}

.cu-composer-inline .cu-comp-chip {
    background: #1f2125;
    border-color: #ffffff20;
    color: #ffffff99;
}

.cu-composer-inline .cu-comp-chip:hover {
    background: #2a2d33;
    color: #fff;
    border-color: #ffffff40;
}

/* Chip preenchido em dark */
.cu-composer-inline .cu-comp-chip.filled {
    background: #1f2125;
    color: #fff;
    border-color: #ffffff35;
}

.cu-composer-inline .cu-comp-chip .chip-mais {
    color: #ffffff99;
}

.cu-composer-inline .cu-comp-chip .chip-avatars .thumb-user {
    border-color: #16181c;
    box-shadow: 0 0 0 1px #ffffff2a;
}

.cu-composer-inline .cu-comp-cancel {
    color: #ffffff99;
}

.cu-composer-inline .cu-comp-cancel:hover {
    background: #ffffff0a;
    color: #fff;
}

/* Botao primario do sistema - INVERTE em dark: fundo branco, texto preto */
.btn-primary-system,
.cu-composer-inline .cu-comp-save {
    background: #fff;
    color: #000;
}

.btn-primary-system:hover,
.cu-composer-inline .cu-comp-save:hover {
    background: #e8e8e8;
}

/* Pill do atalho  dentro do Salvar - inverte de branco translucido para escuro */
.cu-composer-inline .cu-comp-save .cu-kbd {
    background: rgba(0, 0, 0, 0.12);
    color: #000;
}


/* Os filtros (.bfr-* / .fdd-*) nao tem mais bloco proprio aqui: o kit inteiro e
   escrito em tokens (--fx-*, --color-btn-bg-01, --color-text-01), e a inversao
   deles no :root abaixo ja entrega o tema escuro. As 20 regras que moravam aqui
   pintavam o azul #0064e0 do kit antigo. */

/* ---- Tarefas: aba Métricas (tema escuro) ---- */
.tarefas-metricas {
    --tm-bg: #ffffff0a;
    --tm-border: #ffffff14;
    --tm-text: #ffffffe6;
    --tm-text-soft: #ffffff80;
    --tm-shadow: none;
}

.tarefas-metricas .tm-card::before {
    opacity: .9;
}

.tarefas-metricas .tm-card-bar {
    background: #ffffff14;
}

.tarefas-metricas .tm-prazo-row:hover {
    background: #ffffff0d;
}

.tarefas-metricas .tm-prog-track {
    background: #ffffff14;
}

.tarefas-metricas .tm-prazo-av .tm-av {
    border-color: #1c1c1e;
}

/* ---- Documentos (dark): so a sidebar tem cor propria. Hub, documento e
   popovers usam os tokens (documentos.css) e o vidro (painel3.css). ---- */
.menu-sistema .espacos .espacos-lst .espaco-item .espaco-docs {
    border-left-color: #ffffff2e;
}

.menu-sistema .espacos .espacos-lst .espaco-item .espaco-docs .espaco-doc-item {
    color: rgb(255 255 255 / 65%);
    fill: rgb(255 255 255 / 65%);
}

.menu-sistema .espacos .espacos-lst .espaco-item .espaco-docs .espaco-doc-item:hover {
    background: #ffffff14;
}

.menu-sistema .espacos .espacos-lst .espaco-item .espaco-docs .espaco-doc-item.atv {
    background: #ffffff1c;
    color: rgb(255 255 255);
    fill: rgb(255 255 255);
}

#t-anexos-pop {
    background: #1f1f1f;
    border-color: #ffffff1f;
}

.espaco-doc-item .m-t-btns-configs .t-btn:hover {
    background: #ffffff1f;
}

.doc-card:hover,
.doc-card:focus-visible {
    box-shadow: 0 18px 36px -20px rgba(0, 0, 0, .8);
}

.doc-viewtoggle .v.atv,
.doc-seg button.atv {
    box-shadow: 0 1px 2px rgba(0, 0, 0, .5), 0 0 0 .5px rgba(255, 255, 255, .08);
}

/* Tela de Marcas: o ambar escuro do chip de alerta nao tem contraste sobre
   fundo preto - clareia so no tema escuro. */
.marcas-tela .mc-alerta {
    background: rgba(245, 158, 11, .15);
    color: #fbbf24;
}

/* Mesmo motivo, no verde de "Configuracao completa": #0f9d63 e escolhido para
   contrastar com o branco e some contra o preto. */
.marcas-tela .mc-falta.mc-falta-ok {
    color: #34d399;
}

/* Tela de Equipes: o ambar escuro dos "atrasados" perde contraste no preto. */
.contant-equipes-home .eqr-stat.is-dng b {
    color: #fbbf24;
}

/* ---- Popup de conteudo 2.0 (dark) ----
   --color-bg e preto puro no escuro: uma janela flutuante com essa cor some
   sobre o fundo da tela. A superficie ganha elevacao propria, mesma solucao do
   cartao de pessoa (--uc-surface). */
.pd-v2.atv {
    --pd2-surface: #141414;
    --pd2-fade: rgba(0, 0, 0, 0);
}

.pd-v2 .pd2-mask {
    background: rgba(0, 0, 0, 0.62);
}

.pd-v2 .pd2-win {
    box-shadow: 0 28px 70px rgba(0, 0, 0, 0.6);
}

.pd-v2 .ct-check {
    border-color: #3a3a3a;
}

/* O hover claro da .cu-row (#f7f8fa) vira um flash branco no escuro. */
.pd-v2 .ct-row:hover {
    background: #ffffff0d;
}

.pd-v2 .ct-composer {
    background: #ffffff0a;
}

/* ==========================================================================
   TRILHO DE PROPRIEDADES DO CONTEUDO (.pp-*)  — ver o kit no fim do painel3.css
   --------------------------------------------------------------------------
   Quase nada a fazer: o trilho e desenhado sobre as vars de tema
   (--color-hover-01, --color-bg-01, --color-border), que este arquivo ja
   redefine no :root. Sobra o unico valor cravado do kit — o vermelho do prazo
   vencido, que no fundo preto fica escuro demais para ler.
   ========================================================================== */

.item-post .pp-flag.is-vencido {
    background: rgba(255, 107, 107, 0.16) !important;
    color: #ff8080 !important;
}

/* O `.selecionado` do dropdown de canal herda um fundo claro do tema base
   quando ganha a caixa clicavel do trilho. */
.item-post .pp-val .campo-style-02 .selecionado {
    color: #fff;
}

/* Chip de data de entrega das listagens — ver o kit no fim do painel3.css.
   Só o vermelho do vencido precisa de ajuste: no fundo preto ele fica escuro
   demais para ler. Mesma correção do `.pp-flag.is-vencido`. */
.ct-entrega.is-vencido {
    background: rgba(255, 107, 107, 0.16) !important;
    color: #ff8080 !important;
}

/* Coluna "Data entrega" da produção de conteúdos — ver o kit no painel3.css.
   Só o vermelho do vencido muda: no fundo preto ele fica escuro demais. */
.table-01 .td-entrega.is-vencido {
    color: #ff8080 !important;
}

/* --- PILHAS DO QUADRO (kit .cq-*) ---------------------------------------
   O cartao do quadro no escuro usa borda #ffffff12 e texto #fff. A pilha
   herda as duas coisas por variavel, para a aba embaixo do cartao ter
   exatamente a mesma linha que ele — e nao uma linha preta invisivel.

   ⚠️ `currentColor` dentro de .cq-grupo NAO e o texto do cartao: o grupo e
   ancestral do .conteudo-item, nao filho. Por isso a cor da aba e definida
   aqui, e nao deixada por conta da heranca. */
.cq-grupo {
    --cq-linha: #ffffff12;
    --cq-linha-forte: #ffffff33;
    color: #fff;
}

.cq-pilha i {
    background: #ffffff08;
}

.cq-grupo .cq-toggle:hover {
    background: #ffffff10;
}

/* =========================================================================
   PRODUCAO — linha de conteudo, selecao e popovers (kit .ct-*) — dark
   -------------------------------------------------------------------------
   A linha herda .cu-row, que ja tem tema escuro logo acima. Aqui ficam so as
   pecas proprias do conteudo: miniatura, numero, redes, caixinha e a barra de
   lote — que inverte, porque no escuro a tinta (--color-btn-bg-01) e BRANCA.
   ========================================================================= */
.ct-thumb {
    background: #ffffff0d;
}

/* Vazia no escuro: mesmo contorno tracejado do claro (ver painel3.css) — sem
   fundo proprio, senao o quadrado cinza volta a pesar mais que o titulo. */
.ct-thumb.is-vazia {
    background: transparent;
    border-color: #ffffff1f;
    color: #ffffff33;
}

.ct-num {
    color: #ffffff59;
}

.ct-rede svg {
    fill: #ffffff59;
}

.cu-row-conteudo:hover .ct-rede svg {
    fill: #ffffff8c;
}

.ct-acao-btn {
    color: #ffffff8c;
}

.ct-acao-btn:hover {
    background: #ffffff14;
    color: #fff;
}

.cu-row-conteudo .ct-cell-formato,
.cu-row-conteudo .ct-cell-entrega,
.cu-row-conteudo .ct-cell-publicacao {
    color: #ffffff8c;
}

.cu-row-conteudo .ct-cell-entrega.is-vencido,
.cu-row-conteudo .ct-cell-publicacao.alerta {
    color: #ff7a7a;
}

.cu-row-conteudo .ct-cell-edit:not(.ct-status-box):hover {
    background: #ffffff0f;
    box-shadow: inset 0 0 0 1px #ffffff1f;
}

.cu-row-conteudo .ct-cell-edit.is-empty {
    color: #ffffff59;
}

.add-conteudo-row {
    color: #ffffff59;
}

.add-conteudo-row:hover {
    background: #ffffff0f;
    color: #fff;
}

.ct-check {
    border-color: #ffffff3d;
}

.ct-sel:hover .ct-check {
    border-color: #ffffff70;
}

/* A linha selecionada: --color-bg-01 no escuro fica quase invisivel sobre o
   fundo preto, entao a marcacao vem de um degrau claro proprio. */
.cu-row-conteudo.is-sel {
    background: #ffffff0f;
}

/* A BARRA INVERTE. No escuro --color-btn-bg-01 e #fff e o texto e preto: os
   botoes internos, que no claro sao brancos translucidos sobre preto, viram
   pretos translucidos sobre branco. Sem isto eles somem no proprio fundo. */
.ct-bulk-bt {
    background: #0000000f;
}

.ct-bulk-bt:hover {
    background: #0000001f;
}

.ct-bulk-fechar:hover {
    background: #0000000f;
}

.ct-membro-item:hover {
    background: #ffffff0f;
}

.ct-membros-busca {
    border-bottom-color: #ffffff1a;
}

.ct-membros-busca input {
    border-color: #ffffff1f;
    color: #fff;
}

.ct-membros-busca input:focus {
    border-color: #ffffff45;
}

.ct-membros-vazio {
    color: #ffffff59;
}

.ct-membro-item.sel .ct-membro-ck::after {
    border-color: #fff;
}

/* ⚠️ `.thumb-user` no escuro ja define `color: #ffffff8c` — mas a regra da
   pilha da Producao e mais especifica e venceria com o cinza do tema claro,
   deixando iniciais escuras sobre circulo escuro. O anel nao precisa de nada:
   ele e `var(--color-bg)`, que aqui ja e preto. */
.cu-row-conteudo .ct-cell-membros .thumb-user,
.cu-row-conteudo .ct-cell-membros .item-mais {
    color: #ffffff8f;
    background-color: #262626;
}

.type-quadro .conteudo-item .ct-edit:hover {
    background: #ffffff12;
}

/* =========================================================================
   QUADRO DA PRODUCAO — cartao e agrupadores — dark
   -------------------------------------------------------------------------
   As colunas deixaram de usar `background-color` inline e passaram a
   --qd-col + color-mix, entao o tingimento ja vira sozinho com o tema — o que
   sobra aqui e o que usa cor literal.
   ========================================================================= */
.type-quadro .conteudo-item:not(.qd-card) .perfil .nome {
    color: #ffffff8c;
}

.type-quadro .conteudo-item:not(.qd-card) .codigo {
    color: #fff;
}

/* :not(.is-vazia) — esta regra e mais especifica que `.ct-thumb.is-vazia` e
   estava devolvendo o fundo solido para a miniatura vazia do cartao. */
.type-quadro .conteudo-item:not(.qd-card) .ct-card-mid .ct-thumb:not(.is-vazia) {
    background: #ffffff0d;
}

.type-quadro .conteudo-item:not(.qd-card) .membros .thumb-user,
.type-quadro .conteudo-item:not(.qd-card) .membros .item-mais {
    color: #ffffff8f;
    background-color: #262626;
}

.type-quadro .conteudo-item:not(.qd-card) .data>.ct-edit:hover {
    background: #ffffff12;
}

/* O convite de soltar e a borda tracejada precisam existir sobre o preto. */
.type-quadro .lst-conteudos-quad.is-vazia>.qd-col-vazia {
    border-color: #ffffff1f;
}

/* Popover de data da barra em lote — dark. */
.ct-bulk-pop.is-data {
    background: var(--uc-surface);
    border-color: #ffffff1f;
    box-shadow: 0 12px 34px rgba(0, 0, 0, .55), 0 2px 8px rgba(0, 0, 0, .35);
}

.ct-bulk-pop-ftr {
    border-top-color: #ffffff14;
}

.ct-bulk-pop-bt:hover {
    background: #ffffff12;
}

/* ===========================================================================
   VINCULO DIRECIONAMENTO <-> CONTEUDO — dark
   ---------------------------------------------------------------------------
   O bloco claro (fim do painel3.css) ja resolve tudo por token: fundo, tinta,
   hover e a borda em repouso saem de --color-border / --color-hover-01, que
   este arquivo ja inverte no :root.

   O que sobra aqui e so a BORDA DE HOVER dos chips e botoes. Ela e escrita em
   preto com alfa (#0000002e) porque no claro o efeito desejado e "a borda
   escurece" — sobre o fundo preto, preto com alfa e invisivel e o chip perde a
   reacao ao ponteiro. A inversao e branco com alfa, na mesma proporcao.
   =========================================================================== */

/* Os chips do card ja usam --ap-faint na borda de hover, que este arquivo
   inverte sozinho. Sobra o do TRILHO, escrito em preto com alfa porque no claro
   o efeito e "a borda escurece" — sobre o fundo preto isso e invisivel e o chip
   perde a reacao ao ponteiro. */
.item-post .pp-dir-chip:hover {
    border-color: #ffffff24;
}

.item-post .pp-dir-add:hover {
    border-color: #ffffff2e;
}

/* O segmento ativo do escopo e uma SUPERFICIE ELEVADA, nao uma cor. No claro
   isso e o branco de --color-bg subindo do trilho cinza; no escuro --color-bg e
   preto puro e o segmento ativo afundaria em vez de subir. Aqui ele sobe. */
.vc-esc.atv {
    background: #ffffff1f;
    box-shadow: none;
}

/* ---------- NOTAS DA MARCA (kit .nt-*, fim do painel3.css) ----------
   NAO HA REGRA DE COR AQUI, e isso e o resultado desejado: o kit foi escrito so
   com os tokens globais (--color-bg-01 no item ativo e no selo, --color-hover-01
   no hover, --color-border nas divisorias, --color-text-01 nas derivadas
   --nt-muted/--nt-faint), e todos eles ja invertem no :root deste arquivo.
   Regra nova no kit que precise de cor deve continuar saindo de um token — cor
   literal aqui e o que faz o claro e o escuro divergirem com o tempo.

   O corpo da aba (`.ap-nota-page`) recebe o escuro do editor no bloco
   "EDITOR NO DOCUMENTO E NAS NOTAS DA MARCA", mais acima neste arquivo. */
/* ---------- EDITAR COM IA v4 (kit .eia-*, fim do painel3.css) ----------
   Só tokens: a --color-bg vira preto puro no escuro e a janela flutuante
   perderia a borda contra o overlay (mesma razão do --uc-surface e do
   --up-surface). O vidro dos controles flutuantes vira grafite translúcido.
   O véu do palco em geração também inverte: branco sobre arte escura
   apagaria a arte inteira. */
:root {
    --eia-surface: #161618 !important;
    --eia-palco: #0c0c0d !important;
    --eia-ponto: rgba(255, 255, 255, .07) !important;
    --eia-vidro: rgba(30, 30, 33, .82) !important;
    --eia-vidro-borda: #ffffff17 !important;
    --eia-linha: #ffffff1a !important;
    --eia-linha-forte: #ffffff38 !important;
    --eia-campo: #ffffff0d !important;
    --eia-hover: #ffffff10 !important;
    --eia-sombra-fl: 0 1px 2px rgba(0, 0, 0, .5), 0 14px 36px -14px rgba(0, 0, 0, .85) !important;
    --eia-sombra-arte: 0 1px 3px rgba(0, 0, 0, .5), 0 30px 70px -30px rgba(0, 0, 0, .9) !important;
}

.eia-box {
    box-shadow: 0 1px 2px rgba(0, 0, 0, .5), 0 44px 100px -34px rgba(0, 0, 0, .9);
}

.eia-stage-load {
    background: rgba(0, 0, 0, .3);
}

.eia-stage-load::before {
    background-image: linear-gradient(100deg, transparent 30%, rgba(255, 255, 255, .12) 50%, transparent 70%);
}

/* ---------- PREVIEW DE VÍDEO (kit .vp-* / .vpm-*, fim do painel3.css) ----------
   Só a superfície da janela e os tokens calmos. O palco e o mockup da rede são
   escuros nos DOIS temas de propósito: eles imitam a tela do app, que é preta —
   clarear no tema claro faria o preview mentir sobre o que a pessoa vai ver no
   celular.

   --vp-trilho é o fundo do segmented control, do chip de destino, do <kbd> e da
   caixa de observação. No claro ele é um cinza acima do branco; no escuro tem de
   ser um branco TRANSLÚCIDO por cima da superfície, não um cinza fixo: a janela
   já é elevada e um #222 cravado brigaria com ela. */
:root {
    --vp-surface: #191919 !important;
    --vp-trilho: #ffffff0f !important;
    --vp-mudo: #ffffff70 !important;
}

/* A janela escura sobe por sombra mais funda e borda mais clara — no escuro a
   sombra sozinha não separa nada do fundo. */
.vp-box {
    box-shadow:
        0 1px 2px rgba(0, 0, 0, .5),
        0 40px 80px -32px rgba(0, 0, 0, .8);
}

/* O segmented control NÃO tem override aqui, e isso é de propósito: ele mora
   na mesa escura, que é escura nos dois temas. O override antigo (fundo #2b2b2b
   no item aceso) fazia sentido quando o trilho estava sobre o papel branco —
   sobre a mesa ele apagaria a pastilha branca que marca o modo escolhido. */
.vp-obs,
.vp-nota {
    color: #ffffffa6;
}

.vp-capa img,
.vp-capa .vp-capa-vazia {
    color: #ffffff40;
}

.vp-btn-ok {
    box-shadow: 0 1px 2px rgba(0, 0, 0, .5);
}

.vp-btn-ok:hover {
    box-shadow: 0 3px 12px -2px rgba(255, 255, 255, .22);
}

.vp-fechar-x:hover,
.vp-btn-sec:hover {
    background: #ffffff12;
}

/* No tema claro a própria troca de fundo é a fronteira entre a mesa escura e o
   papel — não há linha nenhuma ali de propósito. No escuro a mesa (#0c0d10) e a
   superfície da janela (#191919) ficam a um degrau de distância e a divisão
   some: o filete devolve a fronteira. Vai como sombra interna para não entrar
   na conta de largura da coluna do grid. */
.vp-col-palco {
    box-shadow: inset -1px 0 0 var(--color-border);
}

/* ---- Atividades (feed social) — o resto sai dos tokens de tema ---- */
.estrutura-atividades-lst-01 .atv-card .hdr .acoes .ver-mais {
    background: linear-gradient(to top, #000 30%, transparent);
}

.estrutura-atividades-lst-01 .atv-online {
    border-color: #000;
}

.estrutura-atividades-lst-01 .coment-reacoes .r-chip.eu {
    color: #fff;
}

.atividades-modulo .atividades-tabs {
    background: #000;
}

/* ---------- STUDIO CRIATIVO v3 (kit .sc-*, fim do painel3.css) ----------
   Só os tokens: a barra, os popovers, o esboço e a capa com IA flutuam sobre
   a tela preta e precisam de superfície um degrau acima (mesma razão do
   --uc-surface / --fx-surface). O resto do kit sai de token global. A folha do
   esboço continua BRANCA de propósito: é papel, e o PNG que vai para a IA é
   exportado com fundo branco nos dois temas. */
:root {
    --sc-surface: #161618 !important;
    --sc-bar: rgba(24, 24, 27, .86) !important;
    --sc-campo: #ffffff0d !important;
    --sc-campo-2: #ffffff14 !important;
    --sc-line: #ffffff1a !important;
    --sc-line-forte: #ffffff38 !important;
    --sc-hover: #ffffff10 !important;
    --sc-palco: #0c0c0d !important;
    --sc-sombra: 0 1px 2px rgba(0, 0, 0, .5), 0 28px 60px -24px rgba(0, 0, 0, .85) !important;
    --sc-sombra-barra: 0 1px 2px rgba(0, 0, 0, .5), 0 20px 46px -22px rgba(0, 0, 0, .9) !important;
}

/* Programa de afiliados (.afc): o hero já é escuro nos dois temas; aqui só o
   acento e o status do resto da tela, que sobre o preto pedem outro degrau. */
.afc {
    --afc-acento: #8ab4ff;
}

.afc-tag.ok {
    background: rgba(74, 222, 128, .14);
    color: #4ade80;
}

.afc-passo:hover {
    box-shadow: 0 18px 36px -22px rgba(0, 0, 0, .8);
}

/* ---- MATERIAL DE VIDRO (dark) - tokens do bloco --glass-* do painel3.css ----
   No escuro o vidro e um cinza-grafite translucido, um degrau ACIMA do preto
   da tela (senao some nele, mesma razao do --uc-surface). A "borda escurecida"
   da revisao iOS 27 aqui vira um fio CLARO: sobre preto, e a luz que desenha a
   borda. */
:root {
    /* --glass-fundo: linear-gradient(180deg, rgba(255, 255, 255, .11) 0%, rgba(255, 255, 255, .03) 32%, rgba(255, 255, 255, 0) 62%), rgba(34, 34, 38, .52) !important; */
    --glass-fundo: linear-gradient(180deg, rgb(89 89 89 / 11%) 0%, rgb(56 56 56 / 3%) 32%, rgb(73 73 73 / 0%) 62%), rgb(19 19 19 / 52%) !important;
    /* --glass-fundo-forte: linear-gradient(180deg, rgba(255, 255, 255, .12) 0%, rgba(255, 255, 255, .03) 30%, rgba(255, 255, 255, 0) 58%), rgba(28, 28, 32, .66) !important; */
    --glass-fundo-forte: linear-gradient(180deg, rgb(87 87 87 / 12%) 0%, rgb(45 45 45 / 3%) 30%, rgb(31 31 31 / 0%) 58%), rgb(14 14 14 / 66%) !important;
    /* Sem o brightness do claro: no escuro ele acinzentaria o vidro. */
    --glass-filtro: blur(22px) saturate(190%) !important;
    --glass-filtro-forte: blur(32px) saturate(185%) !important;
    --glass-opaco: #1c1c1e !important;
    --glass-borda: rgba(255, 255, 255, .10) !important;
    --glass-brilho: inset 0 1px 0 rgba(255, 255, 255, .22), inset 0 0 0 1px rgba(255, 255, 255, .07), inset 0 -1px 0 rgba(255, 255, 255, .05), inset 0 0 20px -8px rgba(255, 255, 255, .14) !important;
    --glass-sombra: 0 0 0 .5px rgba(0, 0, 0, .75), 0 12px 32px -8px rgba(0, 0, 0, .6), 0 30px 64px -24px rgba(0, 0, 0, .75) !important;
    --glass-realce: rgba(255, 255, 255, .08) !important;
    --glass-scrim: rgba(0, 0, 0, .42) !important;
    --glass-tip: rgba(62, 62, 66, .84) !important;
}

/* JANELAS DE TRABALHO EM VIDRO (dark) - tokens --pd2-* do painel3.css.
   A janela era PRETO puro (--color-bg); em vidro ela sobe a um grafite
   translucido, e tudo que dependia do preto para "sumir" foi mapeado na
   auditoria (ver o bloco no media.css). */
:root {
    /* --pd2-vidro: linear-gradient(180deg, rgba(255, 255, 255, .1) 0%, rgba(255, 255, 255, .025) 20%, rgba(255, 255, 255, 0) 42%), rgba(24, 24, 27, .64) !important; */
    --pd2-vidro: linear-gradient(180deg, rgb(82 82 82 / 10%) 0%, rgb(42 42 42 / 3%) 20%, rgb(20 20 20 / 0%) 42%), rgb(14 14 14 / 64%) !important;
    --pd2-campo: rgba(255, 255, 255, .05) !important;
    --pd2-controle: rgba(255, 255, 255, .14) !important;
    --pd2-realce: rgba(255, 255, 255, .06) !important;
    --pd2-bolha: rgba(255, 255, 255, .08) !important;
    --pd2-scrim: rgba(0, 0, 0, .34) !important;
}

/* EDITOR DE BLOCOS v2 - tokens do tema escuro (regras no painel3.css). */
:root {
    --ed-linha: rgba(255, 255, 255, .12) !important;
    --ed-linha-forte: rgba(255, 255, 255, .22) !important;
    --ed-bloco: rgba(255, 255, 255, .06) !important;
    --ed-realce: rgba(255, 255, 255, .08) !important;
    --ed-sutil: rgba(255, 255, 255, .4) !important;
    --ed-code-txt: #ff9ec1 !important;
    --ed-link: #7cb6ff !important;
    --ed-sel-bloco: rgba(255, 255, 255, .07) !important;
    --ed-callout-neutral: rgba(255, 255, 255, .06) !important;
    --ed-callout-info: rgba(91, 139, 255, .16) !important;
    --ed-callout-success: rgba(91, 208, 123, .14) !important;
    --ed-callout-warn: rgba(255, 210, 58, .14) !important;
    --ed-callout-danger: rgba(255, 82, 82, .15) !important;
}

/* Tokens do pre-loading (painel3.css, bloco "PRE-LOADING PREMIUM") */
:root {
    --sk-base: rgba(255, 255, 255, .065) !important;
    --sk-brilho: rgba(255, 255, 255, .075) !important;
    --sk-linha: rgba(255, 255, 255, .075) !important;
}

/* Menu lateral no escuro.
   1) "fill: #fff" em todo svg do menu vencia o fill="none" do icone de
      Tarefas (desenhado so com traco) e ele virava um bloco branco. Icone de
      traco fica sem preenchimento e com o traco na cor do texto.
   2) O peso 400 dos itens (acima) valia tambem para o ATIVO, que no claro e
      600 - no escuro o item da tela atual so se distinguia pelo fundo. */
#browse .menu-sistema .itens .item svg[fill="none"],
#browse .menu-sistema .itens .item.atv svg[fill="none"] {
    fill: none !important;
    stroke: currentColor;
}

#browse .menu-sistema .itens .item.atv p {
    font-weight: 600;
}
/* PREVIA NAS REDES v2: o item ativo do segmented control sobe por BRANCO
   translucido - a superficie escura (#191919) ficaria mais funda que o
   trilho, e o ativo pareceria afundado. */
:root {
    --pr-aba-atv: rgba(255, 255, 255, .13) !important;
}

#pr-modal .pr-box {
    box-shadow:
        0 1px 2px rgba(0, 0, 0, .5),
        0 50px 100px -32px rgba(0, 0, 0, .85),
        0 0 0 1px rgba(255, 255, 255, .08);
}

#pr-modal .pr-hdr-av {
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .08);
}

/* Seletor de status: o veu de rolagem e o rodape flutuante tingem com a cor
   do vidro escuro, nao com o branco do claro. */
:root {
    --ds-veu: rgba(28, 28, 30, .8) !important;
}

/* Botoes do fluxo: no escuro o brilho do topo e um fio quase apagado e a
   sombra precisa ser mais funda para separar a tecla do fundo. */
:root {
    --fx-brilho: rgba(255, 255, 255, .06) !important;
    --fx-sombra: rgba(0, 0, 0, .35) !important;
}