/** * Modo escuro — requer class "modo-escuro" em html. * * Regra: SÓ cores (e efeitos visuais de cor: border-color, background, filter). * NÃO definir padding/margin próprios — herdar do tema claro (forms.css e demais). */ html.modo-escuro { color-scheme: dark; --sinc-bg: #121418; --sinc-surface: #1c1f26; --sinc-surface-2: #252a33; /* Zebrado sutil (visível em border-collapse:separate — cores nas células) */ --sinc-row: #1c1f26; --sinc-row-alt: #262b35; --sinc-border: #3a404c; --sinc-text: #e4e6eb; --sinc-text-muted: #9aa3b2; /* Azul padrão UI (botões/alerts/links gerais) — fixo */ --sinc-link: #8ec5ff; --sinc-accent: #2e6da4; --sinc-accent-rgb: 46, 109, 164; /* Cor dinâmica do tipo (menu/título/loaders/paginação; sobrescrita via inline PHP) */ --sinc-inst-link: #6ba3e0; --sinc-inst-rgb: 107, 163, 224; --sinc-input-bg: #2a2f38; --sinc-shadow: rgba(0, 0, 0, 0.45); --sinc-barra: #12151a; --sinc-barra-text: rgba(240, 243, 248, 0.5); --sinc-barra-icon: rgba(255, 255, 255, 0.5); --sinc-hover: #2f3642; --neosesta-select-option-hover-bg: var(--sinc-hover); /* Raio padrão (igual .modal-content) */ --sinc-radius: 6px; /* Inputs/addons: igual .form-control do modo claro (Bootstrap 4px) */ --sinc-input-radius: 4px; } /* Tooltip modo escuro: balão na cor dinâmica do tipo; texto preto */ html.modo-escuro .tooltip .tooltip-inner, html.modo-escuro .tooltip-inner { background-color: var(--sinc-inst-link) !important; border-color: var(--sinc-inst-link) !important; } html.modo-escuro .tooltip, html.modo-escuro .tooltip .tooltip-inner, html.modo-escuro .tooltip .tooltip-inner *, html.modo-escuro .tooltip-inner, html.modo-escuro .tooltip-inner *, html.modo-escuro .tooltip .negrito, html.modo-escuro .tooltip-inner .negrito, html.modo-escuro .tooltip b, html.modo-escuro .tooltip strong, html.modo-escuro .tooltip a, html.modo-escuro .tooltip span, html.modo-escuro .tooltip i { color: #000000 !important; } /* Setas: mesma cor do balão (vence border-color unificado em #conteudo/.modal-content) */ html.modo-escuro .tooltip .tooltip-arrow { border-color: transparent !important; } html.modo-escuro .tooltip.top .tooltip-arrow, html.modo-escuro .tooltip.top-left .tooltip-arrow, html.modo-escuro .tooltip.top-right .tooltip-arrow { border-top-color: var(--sinc-inst-link) !important; } html.modo-escuro .tooltip.right .tooltip-arrow { border-right-color: var(--sinc-inst-link) !important; } html.modo-escuro .tooltip.bottom .tooltip-arrow, html.modo-escuro .tooltip.bottom-left .tooltip-arrow, html.modo-escuro .tooltip.bottom-right .tooltip-arrow { border-bottom-color: var(--sinc-inst-link) !important; } html.modo-escuro .tooltip.left .tooltip-arrow { border-left-color: var(--sinc-inst-link) !important; } /* Páginas cheias: fundo escuro. Modais (iframe): casca transparente — ver .modo-escuro-modal */ html.modo-escuro:not(.modo-escuro-modal):not(.sincadi-modal-iframe), html.modo-escuro:not(.modo-escuro-modal):not(.sincadi-modal-iframe) body { background: var(--sinc-bg) !important; background-color: var(--sinc-bg) !important; background-image: none !important; color: var(--sinc-text) !important; } html.modo-escuro.modo-escuro-modal, html.modo-escuro.sincadi-modal-iframe, html.modo-escuro.modo-escuro-modal body, html.modo-escuro.sincadi-modal-iframe body { color: var(--sinc-text) !important; } html.modo-escuro #page-wrapper, html.modo-escuro #main, html.modo-escuro #div_corpo, html.modo-escuro .wrapper, html.modo-escuro .content-wrapper { background-color: var(--sinc-bg) !important; color: var(--sinc-text) !important; } html.modo-escuro #page-wrapper { background-color: var(--sinc-bg) !important; } /* Menu / título: cor dinâmica do tipo (logo fora — branco + destaque Neo/in) */ html.modo-escuro:not(.modo-escuro-modal) #header a:not(#logo), html.modo-escuro:not(.modo-escuro-modal) #nav a, html.modo-escuro:not(.modo-escuro-modal) #local_titulo { color: var(--sinc-inst-link) !important; } html.modo-escuro:not(.modo-escuro-modal) #logo, html.modo-escuro:not(.modo-escuro-modal) #titleBar .title, html.modo-escuro:not(.modo-escuro-modal) #titleBar2 .title { color: #fff !important; } html.modo-escuro:not(.modo-escuro-modal) #logo .sigla_resto, html.modo-escuro:not(.modo-escuro-modal) #titleBar .sigla_resto, html.modo-escuro:not(.modo-escuro-modal) #titleBar2 .sigla_resto, html.modo-escuro .sigla_resto { color: #fff !important; opacity: 1 !important; } /* Menu da página (vence css_dinamico.php sem recarregar) */ html.modo-escuro:not(.modo-escuro-modal) #header-wrapper { background-image: linear-gradient(to bottom, #0f1115, #3d4450) !important; background-color: #3d4450 !important; } html.modo-escuro:not(.modo-escuro-modal) #header { background-image: linear-gradient(to bottom, #3d4450, #0f1115) !important; background-color: #0f1115 !important; border-color: #0f1115 !important; } html.modo-escuro:not(.modo-escuro-modal) #titleBar, html.modo-escuro:not(.modo-escuro-modal) #titleBar2 { background-image: linear-gradient(to bottom, #3d4450, #0f1115) !important; background-color: #0f1115 !important; } html.modo-escuro:not(.modo-escuro-modal) #header nav a:hover { background-image: linear-gradient(to bottom, #0f1115, #3d4450) !important; background-color: #3d4450 !important; } html.modo-escuro:not(.modo-escuro-modal) #header nav a.current-page-item { background-image: linear-gradient(to bottom, #454c59, #3d4450) !important; background-color: #3d4450 !important; } html.modo-escuro:not(.modo-escuro-modal) #navPanel { background: #1c1f26 !important; } html.modo-escuro footer, html.modo-escuro #copyright { background-color: var(--sinc-surface) !important; background-image: none !important; border-color: var(--sinc-border) !important; color: var(--sinc-text) !important; } html.modo-escuro #rodape { background: color-mix(in srgb, var(--sinc-bg) 50%, transparent) !important; background-color: color-mix(in srgb, var(--sinc-bg) 50%, transparent) !important; background-image: none !important; border-color: var(--sinc-border) !important; color: var(--sinc-text) !important; } html.modo-escuro #rodape #copyright, html.modo-escuro #rodape #copyright .rodape-copy { background: transparent !important; background-color: transparent !important; background-image: none !important; } html.modo-escuro #copyright, html.modo-escuro #rodape #copyright, html.modo-escuro #footer-wrapper #copyright, html.modo-escuro #rodape #texto, html.modo-escuro #rodape #logo, html.modo-escuro .tabela_rodape h3 { opacity: 0.75; } html.modo-escuro #rodape #texto, html.modo-escuro #rodape #texto *, html.modo-escuro .tabela_rodape h3, html.modo-escuro .tabela_rodape h3 * { color: var(--sinc-text) !important; } html.modo-escuro #footer-wrapper { background-color: var(--sinc-surface) !important; background-image: none !important; border-top: 1px solid var(--sinc-border) !important; color: var(--sinc-text) !important; } html.modo-escuro #footer-wrapper a, html.modo-escuro #footer-wrapper #copyright, html.modo-escuro #footer-wrapper #copyright a { background-color: transparent !important; color: var(--sinc-text) !important; } html.modo-escuro #footer-wrapper #copyright { border-top: 1px solid var(--sinc-border) !important; } html.modo-escuro footer a, html.modo-escuro #copyright a { color: var(--sinc-link) !important; } /* Destaque Neo/in: cor dinâmica do tipo (--sinc-inst-link), não o cinza de UI (cor_inst_3) */ html.modo-escuro .sigla_destaque, html.modo-escuro #logo .sigla_destaque, html.modo-escuro #titleBar .sigla_destaque, html.modo-escuro #titleBar2 .sigla_destaque, html.modo-escuro:not(.modo-escuro-modal) #logo .sigla_destaque, html.modo-escuro:not(.modo-escuro-modal) #titleBar .sigla_destaque, html.modo-escuro:not(.modo-escuro-modal) #titleBar2 .sigla_destaque { color: var(--sinc-inst-link) !important; opacity: 1 !important; } /* Prontuários no escuro: cabeçalho transparente + borda das dicas */ html.modo-escuro #conteudo_menu > .table-wrapper > table.alt:first-of-type > tbody > tr:nth-child(2) > td > table.tabela_sem_bordas, html.modo-escuro #conteudo_menu > .table-wrapper > table.alt:first-of-type > tbody > tr:nth-child(2) > td > table.tabela_sem_bordas tr, html.modo-escuro #conteudo_menu > .table-wrapper > table.alt:first-of-type > tbody > tr:nth-child(2) > td > table.tabela_sem_bordas td, html.modo-escuro table.prontuario-cabecalho-dados, html.modo-escuro table.prontuario-cabecalho-dados tr, html.modo-escuro table.prontuario-cabecalho-dados td { background: transparent !important; background-color: transparent !important; background-image: none !important; box-shadow: none !important; } html.modo-escuro #conteudo_menu > .table-wrapper > table.alt:last-of-type > tfoot > tr > th, html.modo-escuro table.prontuario-dicas > tfoot > tr > th { border-top: 1px solid var(--sinc-border) !important; } html.modo-escuro:not(.modo-escuro-modal) #plano_fundo, html.modo-escuro:not(.modo-escuro-modal) #plano_fundo > .container { background: transparent !important; background-color: transparent !important; background-image: none !important; border: none !important; box-shadow: none !important; } /* #conteudo: cor mais clara (--sinc-surface); página/body ficam na mais escura (--sinc-bg) */ html.modo-escuro:not(.modo-escuro-modal) #conteudo { background: var(--sinc-surface) !important; background-color: var(--sinc-surface) !important; background-image: none !important; border: 1px solid var(--sinc-border) !important; box-shadow: none !important; color: var(--sinc-text) !important; } /* Prontuário: célula do cabeçalho na cor mais escura (só com tabela aninhada — não “Dados Básicos” do CAD Mobile) */ html.modo-escuro #conteudo_menu > .table-wrapper > table.alt:first-of-type > tbody > tr:nth-child(2) > td:has(table.prontuario-cabecalho-dados), html.modo-escuro #conteudo_menu > .table-wrapper > table:first-of-type > tbody > tr:nth-child(2) > td:has(table.prontuario-cabecalho-dados), html.modo-escuro #conteudo_menu > .table-wrapper > table.alt:first-of-type > tbody > tr:nth-child(2) > td:has(table.tabela_sem_bordas) { background: var(--sinc-bg) !important; background-color: var(--sinc-bg) !important; background-image: none !important; } /* * Medalhas / montagem / galeria — CSS local (estilo_*.css) usa #fff/#ddd. * Só cores; layout intacto. Também cobre modal da galeria. */ html.modo-escuro .montagem-medalhas-panel, html.modo-escuro .honraria-galeria-painel, html.modo-escuro .honraria-galeria-bloco, html.modo-escuro .honraria-galeria-modal-box, html.modo-escuro .modal-content .honraria-galeria-modal-box { background: var(--sinc-surface-2) !important; background-color: var(--sinc-surface-2) !important; background-image: none !important; border-color: var(--sinc-border) !important; box-shadow: none !important; color: var(--sinc-text) !important; } html.modo-escuro .montagem-medalha-card { background: var(--sinc-surface) !important; background-color: var(--sinc-surface) !important; border-color: var(--sinc-border) !important; color: var(--sinc-text) !important; box-shadow: none !important; } html.modo-escuro .honraria-galeria-card, html.modo-escuro .honraria-galeria-card-modal { background: transparent !important; background-color: transparent !important; color: var(--sinc-text) !important; box-shadow: none !important; } html.modo-escuro .montagem-medalha-card:not(.montagem-medalha-vazia):hover, html.modo-escuro .montagem-medalha-card.is-selected { background: var(--sinc-surface-2) !important; background-color: var(--sinc-surface-2) !important; border-color: var(--sinc-inst-link) !important; } html.modo-escuro .montagem-medalha-vazia { border-color: var(--sinc-border) !important; background: transparent !important; background-color: transparent !important; } html.modo-escuro .montagem-medalha-nome, html.modo-escuro .montagem-medalhas-intro, html.modo-escuro .honraria-galeria-nome, html.modo-escuro .honraria-galeria-data, html.modo-escuro .honraria-galeria-painel-titulo, html.modo-escuro .honraria-galeria-medalha-desc, html.modo-escuro .honraria-galeria-modal-corpo .honraria-galeria-nome, html.modo-escuro .honraria-galeria-modal-corpo .honraria-galeria-data { color: var(--sinc-text) !important; } html.modo-escuro .honraria-galeria-medalha-desc { color: var(--sinc-inst-link) !important; } html.modo-escuro .honraria-galeria-painel-titulo, html.modo-escuro .honraria-galeria-modal-col-medalha, html.modo-escuro .honraria-galeria-resumo { border-color: var(--sinc-border) !important; } html.modo-escuro .honraria-galeria-resumo { background: var(--sinc-surface) !important; background-image: none !important; color: var(--sinc-text) !important; } html.modo-escuro .honraria-galeria-foto-wrap, html.modo-escuro .honraria-galeria-moldura-inner, html.modo-escuro .honraria-galeria-moldura-inner.is-foto-medalha, html.modo-escuro .honraria-galeria-moldura-inner.is-personalidade-sem-foto { background: var(--sinc-surface-2) !important; background-color: var(--sinc-surface-2) !important; border-color: var(--sinc-border) !important; } html.modo-escuro .honraria-galeria-icone-personalidade { color: var(--sinc-text-muted) !important; } html.modo-escuro .montagem-medalhas-titulo .slider { background-color: rgba(255, 255, 255, 0.22) !important; } html.modo-escuro .montagem-medalhas-titulo .slider::before { background-color: var(--sinc-text) !important; } html.modo-escuro .montagem-medalhas-titulo input:checked + .slider { background-color: rgba(255, 255, 255, 0.55) !important; } /* Botões inativos locais (medalhas / carreira / montagem) — mesmo aspecto dos btn #DDD */ html.modo-escuro .medalha-btn-inativo, html.modo-escuro .medalha-btn-inativo:hover, html.modo-escuro .medalha-btn-inativo:focus, html.modo-escuro .medalha-btn-inativo:active, html.modo-escuro .carreira-btn-inativo, html.modo-escuro .carreira-btn-inativo:hover, html.modo-escuro .carreira-btn-inativo:focus, html.modo-escuro .carreira-btn-inativo:active, html.modo-escuro .montagem-medalha-acao-card.carreira-btn-inativo, html.modo-escuro .montagem-medalha-acao-card.carreira-btn-inativo:hover, html.modo-escuro .montagem-medalha-acao-card.carreira-btn-inativo:focus, html.modo-escuro .montagem-medalha-acao-card.carreira-btn-inativo:active, html.modo-escuro .dropdown-menu.menu-barra-opcoes > li > a.medalha-btn-inativo, html.modo-escuro .dropdown-menu.menu-barra-opcoes > li > a.medalha-btn-inativo:hover { background: var(--sinc-barra) !important; background-color: var(--sinc-barra) !important; background-image: none !important; border-color: #3a4558 !important; color: var(--sinc-barra-text) !important; box-shadow: none !important; } html.modo-escuro .medalha-btn-inativo i, html.modo-escuro .carreira-btn-inativo i, html.modo-escuro .montagem-medalha-acao-card.carreira-btn-inativo i, html.modo-escuro .dropdown-menu.menu-barra-opcoes > li > a.medalha-btn-inativo i { color: var(--sinc-barra-text) !important; } /* * Inativos de qualquer módulo (*-btn-inativo, modelo ativo da carreira) e btn #DDD: * CSS local usa seletores longos/ID com !important (#div2 .btn[style*="#DDD"], * .dropdown-menu.menu-barra-opcoes > li > a.x:hover). :not(#_) soma peso de ID. */ html.modo-escuro [class*="-btn-inativo"]:not(#_), html.modo-escuro [class*="-btn-inativo"]:not(#_):hover, html.modo-escuro [class*="-btn-inativo"]:not(#_):focus, html.modo-escuro [class*="-btn-inativo"]:not(#_):active, html.modo-escuro .dropdown-menu.menu-barra-opcoes > li > a[class*="-btn-inativo"]:not(#_), html.modo-escuro .dropdown-menu.menu-barra-opcoes > li > a[class*="-btn-inativo"]:not(#_):hover, html.modo-escuro .dropdown-menu.menu-barra-opcoes > li > a[class*="-btn-inativo"]:not(#_):focus, html.modo-escuro .dropdown-menu.menu-barra-opcoes > li > a[class*="-btn-inativo"]:not(#_):active, html.modo-escuro .dropdown-menu.menu-barra-opcoes > li > a.carreira-modelo-ativo:not(#_), html.modo-escuro .dropdown-menu.menu-barra-opcoes > li > a.carreira-modelo-ativo:not(#_):hover, html.modo-escuro .dropdown-menu.menu-barra-opcoes > li > a.carreira-modelo-ativo:not(#_):focus, html.modo-escuro .dropdown-menu.menu-barra-opcoes > li > a.carreira-modelo-ativo:not(#_):active, html.modo-escuro .btn[style*="#DDD"]:not(#_), html.modo-escuro .btn[style*="#ddd"]:not(#_) { background: var(--sinc-barra) !important; background-color: var(--sinc-barra) !important; background-image: none !important; border-color: #3a4558 !important; color: var(--sinc-barra-text) !important; box-shadow: none !important; filter: none !important; } html.modo-escuro [class*="-btn-inativo"]:not(#_) i, html.modo-escuro .dropdown-menu.menu-barra-opcoes > li > a[class*="-btn-inativo"]:not(#_) i, html.modo-escuro .dropdown-menu.menu-barra-opcoes > li > a.carreira-modelo-ativo:not(#_) i, html.modo-escuro .btn[style*="#DDD"]:not(#_) i, html.modo-escuro .btn[style*="#ddd"]:not(#_) i { color: var(--sinc-barra-icon) !important; } /* * Painéis/cards de CSS local com fundo branco (#fff) em #conteudo * (enquetes, carreira, etc.) — só cores; não altera botões/alerts. */ html.modo-escuro:not(.modo-escuro-modal) #conteudo [class*="-panel"]:not(.panel):not([class*="btn"]), html.modo-escuro:not(.modo-escuro-modal) #conteudo [class*="-painel"]:not([class*="btn"]), html.modo-escuro:not(.modo-escuro-modal) #conteudo [class*="-bloco"]:not([class*="btn"]) { background-color: var(--sinc-surface-2) !important; border-color: var(--sinc-border) !important; color: var(--sinc-text) !important; } html.modo-escuro:not(.modo-escuro-modal) #conteudo [class*="-panel"]:not(.panel):not([class*="btn"]), html.modo-escuro:not(.modo-escuro-modal) #conteudo [class*="-painel"]:not([class*="btn"]) { background-image: none !important; } html.modo-escuro:not(.modo-escuro-modal) .container_icones { background: transparent !important; background-color: transparent !important; } @media screen and (max-width: 980px) { html.modo-escuro:not(.modo-escuro-modal) #page-wrapper, html.modo-escuro:not(.modo-escuro-modal) #plano_fundo, html.modo-escuro:not(.modo-escuro-modal) #plano_fundo > .container { border: none !important; box-shadow: none !important; outline: none !important; } html.modo-escuro:not(.modo-escuro-modal) body:not(.navPanel-visible) #page-wrapper { -webkit-transform: none !important; transform: none !important; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; left: 0 !important; right: 0 !important; width: 100% !important; max-width: 100% !important; } } /* ≤980px: html/body/#page-wrapper = surface (a faixa sob o rodapé vem do body) */ @media screen and (max-width: 980px) { html.modo-escuro:not(.modo-escuro-modal), html.modo-escuro:not(.modo-escuro-modal) body, html.modo-escuro:not(.modo-escuro-modal) #page-wrapper { background: var(--sinc-surface) !important; background-color: var(--sinc-surface) !important; background-image: none !important; border: none !important; box-shadow: none !important; outline: none !important; } html.modo-escuro:not(.modo-escuro-modal) #plano_fundo, html.modo-escuro:not(.modo-escuro-modal) #plano_fundo > .container, html.modo-escuro:not(.modo-escuro-modal) .container { background: transparent !important; background-color: transparent !important; background-image: none !important; border: none !important; box-shadow: none !important; outline: none !important; } /* Camada sob barra/menu/ícones: surface */ html.modo-escuro:not(.modo-escuro-modal) #conteudo { background: var(--sinc-surface) !important; background-color: var(--sinc-surface) !important; background-image: none !important; border: none !important; box-shadow: none !important; outline: none !important; } html.modo-escuro:not(.modo-escuro-modal) #rodape { border-radius: 5px !important; border-color: var(--sinc-border) !important; } html.modo-escuro:not(.modo-escuro-modal) #rodape #copyright { border-top-color: var(--sinc-border) !important; opacity: 0.8; } html.modo-escuro:not(.modo-escuro-modal) #rodape #texto { opacity: 0.92; } html.modo-escuro:not(.modo-escuro-modal) #rodape #logo { opacity: 0.9; } } /* * #conteudo: bordas iguais ao .modal-content, * exceto #barra_* / .btn-barra / ícones (hover próprio) e .destaque-cell (cor inline = modo claro). */ html.modo-escuro:not(.modo-escuro-modal) #conteudo *:not([id^="barra_"]):not([id^="barra_"] *):not(.btn-barra):not(.efeito_icone):not(.tooltip):not(.tooltip *):not(.destaque-cell) { border-color: var(--sinc-border) !important; } html.modo-escuro:not(.modo-escuro-modal) #conteudo .form-control:focus, html.modo-escuro:not(.modo-escuro-modal) #conteudo input:focus, html.modo-escuro:not(.modo-escuro-modal) #conteudo select:focus, html.modo-escuro:not(.modo-escuro-modal) #conteudo textarea:focus { border-color: var(--sinc-border) !important; box-shadow: none !important; } html.modo-escuro:not(.modo-escuro-modal) #conteudo_menu { background: transparent !important; background-color: transparent !important; background-image: none !important; border-color: var(--sinc-border) !important; } /* Páginas com ícones: mesmo bg do #rodape */ html.modo-escuro:not(.modo-escuro-modal) #conteudo_menu.div_icones_mobile, html.modo-escuro:not(.modo-escuro-modal) #conteudo_menu:has(.container_icones) { background: color-mix(in srgb, var(--sinc-bg) 50%, transparent) !important; background-color: color-mix(in srgb, var(--sinc-bg) 50%, transparent) !important; background-image: none !important; } /* titleBar2 (atendimento, boletim, empenho…): #conteudo_menu sem velatura */ html.modo-escuro:not(.modo-escuro-modal):has(#titleBar2) #conteudo_menu { background: transparent !important; background-color: transparent !important; background-image: none !important; } html.modo-escuro:not(.modo-escuro-modal) #conteudo .titulo_icone, html.modo-escuro:not(.modo-escuro-modal) #conteudo .titulo_icone h4 { color: var(--sinc-text) !important; } /* * Aviso retrato/paisagem — modo escuro: * degradê suave + tipografia limpa (sem contorno pesado). */ html.modo-escuro .imagem_fundo, html.modo-escuro:not(.modo-escuro-modal) #conteudo .imagem_fundo { position: relative !important; isolation: isolate; background-color: var(--sinc-bg) !important; /* Só tons de superfície/fundo — não misturar --sinc-inst-link (pode ser claro, ex. #c5c5c5). */ background-image: linear-gradient( 180deg, color-mix(in srgb, var(--sinc-surface) 88%, var(--sinc-bg)) 0%, var(--sinc-bg) 48%, color-mix(in srgb, var(--sinc-surface) 55%, var(--sinc-bg)) 100% ) !important; border-color: var(--sinc-border) !important; border-radius: 5px !important; overflow: hidden; } html.modo-escuro .imagem_fundo::before, html.modo-escuro:not(.modo-escuro-modal) #conteudo .imagem_fundo::before { content: none !important; } html.modo-escuro .conteudo_imagem, html.modo-escuro:not(.modo-escuro-modal) #conteudo .conteudo_imagem { position: relative !important; z-index: 1; opacity: 1 !important; background-color: color-mix(in srgb, var(--sinc-bg) 22%, transparent) !important; background-image: none !important; } html.modo-escuro .conteudo_imagem h2 { color: var(--sinc-inst-link) !important; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.35), 0 10px 28px rgba(0, 0, 0, 0.35) !important; filter: none !important; } html.modo-escuro .conteudo_imagem > span { color: var(--sinc-text) !important; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.45) !important; filter: none !important; opacity: 0.92; } html.modo-escuro .circle { background-color: color-mix(in srgb, var(--sinc-inst-link) 48%, var(--sinc-surface)) !important; border-color: rgba(255, 255, 255, 0.22) !important; box-shadow: 0 12px 32px rgba(0, 0, 0, 0.4) !important; opacity: 0.92 !important; } /* Texto abaixo da saudação: mesmo tamanho reduzido (claro e escuro) */ html.modo-escuro .conteudo_imagem > span, html.modo-escuro .conteudo_imagem span.texto-saudacao { font-size: 0.98em !important; } html.modo-escuro .conteudo_imagem span span, html.modo-escuro .conteudo_imagem > span span, html.modo-escuro .conteudo_imagem .screen-size, html.modo-escuro .conteudo_imagem .window-size { font-size: inherit !important; } /* Quadro elegante: mesma tipografia/cor do copyright no escuro */ html.modo-escuro .dispositivo-quadro.imagem_fundo { background-image: linear-gradient( 180deg, color-mix(in srgb, var(--sinc-surface) 88%, var(--sinc-bg)) 0%, var(--sinc-bg) 48%, color-mix(in srgb, var(--sinc-surface) 55%, var(--sinc-bg)) 100% ) !important; border-color: var(--sinc-border) !important; } html.modo-escuro .dispositivo-quadro .dispositivo-item, html.modo-escuro .dispositivo-quadro .dispositivo-terminal { background: color-mix(in srgb, var(--sinc-surface) 88%, transparent); border-color: var(--sinc-border); box-shadow: none; } html.modo-escuro .dispositivo-quadro, html.modo-escuro .dispositivo-quadro .dispositivo-sub, html.modo-escuro .dispositivo-quadro .dispositivo-item .rotulo, html.modo-escuro .dispositivo-quadro .dispositivo-item .valor, html.modo-escuro .dispositivo-quadro .dispositivo-item p, html.modo-escuro .dispositivo-quadro .dispositivo-item b, html.modo-escuro .dispositivo-quadro .dispositivo-terminal .rotulo, html.modo-escuro .dispositivo-quadro .dispositivo-terminal .valor, html.modo-escuro .dispositivo-quadro .dispositivo-terminal p, html.modo-escuro .dispositivo-quadro .dispositivo-terminal .alerta, html.modo-escuro .dispositivo-quadro .dispositivo-terminal b { color: var(--sinc-text) !important; text-shadow: none !important; filter: none !important; -webkit-filter: none !important; } /* Título: mesma cor dinâmica do menu (--sinc-inst-link) */ html.modo-escuro .dispositivo-quadro .dispositivo-titulo, html.modo-escuro .dispositivo-quadro .conteudo_imagem h2, html.modo-escuro .dispositivo-quadro .dispositivo-titulo *, html.modo-escuro .dispositivo-quadro .conteudo_imagem h2 * { color: var(--sinc-inst-link) !important; text-shadow: none !important; filter: none !important; -webkit-filter: none !important; } html.modo-escuro h1, html.modo-escuro h2, html.modo-escuro h3, html.modo-escuro h4, html.modo-escuro h5, html.modo-escuro h6, html.modo-escuro label, html.modo-escuro .ui-widget-content, html.modo-escuro .ui-widget-content a { color: var(--sinc-text) !important; } html.modo-escuro .form-control-label, html.modo-escuro .form-group > label:not([class*="custom-control"]):not(.equipe-item):not(.btn) { opacity: 0.8; } html.modo-escuro .modal-content .form-control-label:not(:has(div, table, img)):has(~ *), html.modo-escuro .modal-content .form-group > label:not([class*="custom-control"]):not(.equipe-item):not(.btn):not(:has(div, table, img)):has(~ *) { opacity: 0.6; } html.modo-escuro table:not(#tabela_formulario), html.modo-escuro table.alt, html.modo-escuro .table, html.modo-escuro .dataTable, html.modo-escuro table.dataTable { background-color: var(--sinc-surface) !important; color: var(--sinc-text) !important; border-color: var(--sinc-border) !important; } /* Tabelas só de layout no header do alerta: sem superfície própria (:not(#tabela_formulario) iguala a especificidade com ID do seletor geral) */ html.modo-escuro .alert table:not(#tabela_formulario), html.modo-escuro .alert table.alt:not(#tabela_formulario), html.modo-escuro [class*="alert-"] table:not(#tabela_formulario), html.modo-escuro .modal-content .alert table:not(#tabela_formulario) { background: transparent !important; background-color: transparent !important; background-image: none !important; color: inherit !important; border-color: transparent !important; box-shadow: none !important; } /* Layout do modal: casca transparente (overlay do Shadowbox); fundo escuro só no .modal-content */ html.modo-escuro.modo-escuro-modal, html.modo-escuro.modo-escuro-modal body { background: transparent !important; background-color: transparent !important; background-image: none !important; } html.modo-escuro.modo-escuro-modal #tabela_formulario, html.modo-escuro.modo-escuro-modal #tabela_formulario > tbody, html.modo-escuro.modo-escuro-modal #tabela_formulario > thead, html.modo-escuro.modo-escuro-modal #tabela_formulario > tfoot, html.modo-escuro.modo-escuro-modal #tabela_formulario > tr, html.modo-escuro.modo-escuro-modal #tabela_formulario > tbody > tr, html.modo-escuro.modo-escuro-modal #tabela_formulario > tbody > tr:nth-child(n), html.modo-escuro.modo-escuro-modal #tabela_formulario > tbody > tr:nth-child(odd), html.modo-escuro.modo-escuro-modal #tabela_formulario > tbody > tr:nth-child(even), html.modo-escuro.modo-escuro-modal #tabela_formulario > tbody > tr:nth-child(2n), html.modo-escuro.modo-escuro-modal #tabela_formulario > tbody > tr:nth-child(2n + 2), html.modo-escuro.modo-escuro-modal #tabela_formulario > tbody > tr > td, html.modo-escuro.modo-escuro-modal #tabela_formulario > tbody > tr > th, html.modo-escuro.modo-escuro-modal #tabela_formulario > tbody > tr:nth-child(n) > td, html.modo-escuro.modo-escuro-modal #tabela_formulario > tbody > tr:nth-child(odd) > td, html.modo-escuro.modo-escuro-modal #tabela_formulario > tbody > tr:nth-child(even) > td, html.modo-escuro.modo-escuro-modal #tabela_formulario > tbody > tr:nth-child(2n + 2) > td, html.modo-escuro.modo-escuro-modal #container_formulario, html.modo-escuro.modo-escuro-modal #container_form, /* dicas.php etc.: tabela-casca (sem #tabela_formulario) — vence zebrado global */ html.modo-escuro.modo-escuro-modal #container_formulario > table, html.modo-escuro.modo-escuro-modal #container_formulario > table > tbody, html.modo-escuro.modo-escuro-modal #container_formulario > table > tbody > tr, html.modo-escuro.modo-escuro-modal #container_formulario > table > tbody > tr:nth-child(n), html.modo-escuro.modo-escuro-modal #container_formulario > table > tbody > tr:nth-child(odd), html.modo-escuro.modo-escuro-modal #container_formulario > table > tbody > tr:nth-child(even), html.modo-escuro.modo-escuro-modal #container_formulario > table > tbody > tr > td, html.modo-escuro.modo-escuro-modal #container_formulario > table > tbody > tr:nth-child(n) > td, html.modo-escuro.modo-escuro-modal #container_formulario > table > tbody > tr:nth-child(odd) > td, html.modo-escuro.modo-escuro-modal #container_formulario > table > tbody > tr:nth-child(even) > td, html.modo-escuro.modo-escuro-modal #container_formulario > table > tbody > tr:nth-child(odd):not([class*="tr_sanfona"]):not(.selecionada) > td, html.modo-escuro.modo-escuro-modal #container_formulario > table > tbody > tr:nth-child(even):not([class*="tr_sanfona"]):not(.selecionada) > td, html.modo-escuro.sincadi-modal-iframe #container_formulario > table, html.modo-escuro.sincadi-modal-iframe #container_formulario > table > tbody, html.modo-escuro.sincadi-modal-iframe #container_formulario > table > tbody > tr, html.modo-escuro.sincadi-modal-iframe #container_formulario > table > tbody > tr:nth-child(n), html.modo-escuro.sincadi-modal-iframe #container_formulario > table > tbody > tr:nth-child(odd), html.modo-escuro.sincadi-modal-iframe #container_formulario > table > tbody > tr:nth-child(even), html.modo-escuro.sincadi-modal-iframe #container_formulario > table > tbody > tr > td, html.modo-escuro.sincadi-modal-iframe #container_formulario > table > tbody > tr:nth-child(n) > td, html.modo-escuro.sincadi-modal-iframe #container_formulario > table > tbody > tr:nth-child(odd) > td, html.modo-escuro.sincadi-modal-iframe #container_formulario > table > tbody > tr:nth-child(even) > td, html.modo-escuro.sincadi-modal-iframe #container_formulario > table > tbody > tr:nth-child(odd):not([class*="tr_sanfona"]):not(.selecionada) > td, html.modo-escuro.sincadi-modal-iframe #container_formulario > table > tbody > tr:nth-child(even):not([class*="tr_sanfona"]):not(.selecionada) > td { background: transparent !important; background-color: transparent !important; background-image: none !important; } /* Folga externa (margin-bottom: 100px) fica no forms.css — não zerar no escuro */ html.modo-escuro table.dataTable thead, html.modo-escuro table.dataTable thead tr, html.modo-escuro table.dataTable thead th, html.modo-escuro table.dataTable thead td, html.modo-escuro table.alt thead th, html.modo-escuro .table > thead > tr > th, html.modo-escuro .table > thead > tr > td { background-color: var(--sinc-surface-2) !important; color: var(--sinc-text) !important; border-color: var(--sinc-border) !important; } html.modo-escuro table.dataTable tbody tr, html.modo-escuro table.dataTable tbody tr.odd, html.modo-escuro table.dataTable tbody tr:nth-child(odd), html.modo-escuro .table-striped > tbody > tr, html.modo-escuro .table-striped > tbody > tr:nth-of-type(odd), html.modo-escuro table.alt tbody tr, html.modo-escuro table.alt tbody tr:nth-child(odd), html.modo-escuro table tbody tr:nth-child(odd) { background-color: var(--sinc-row) !important; color: var(--sinc-text) !important; border-color: var(--sinc-border) !important; } html.modo-escuro table.dataTable tbody tr.even, html.modo-escuro table.dataTable tbody tr:nth-child(even), html.modo-escuro .table-striped > tbody > tr:nth-of-type(even), html.modo-escuro table.alt tbody tr:nth-child(even), html.modo-escuro table.alt tbody tr:nth-child(2n), html.modo-escuro table tbody tr:nth-child(even), html.modo-escuro table tbody tr:nth-child(2n + 2) { background-color: var(--sinc-row-alt) !important; } /* Zebrado nas células: com border-collapse:separate o fundo do não aparece */ html.modo-escuro table.dataTable tbody tr.odd > td, html.modo-escuro table.dataTable tbody tr.odd > th, html.modo-escuro table.dataTable tbody tr:nth-child(odd):not([class*="tr_sanfona"]):not(.selecionada) > td, html.modo-escuro table.dataTable tbody tr:nth-child(odd):not([class*="tr_sanfona"]):not(.selecionada) > th, html.modo-escuro .table-striped > tbody > tr:nth-of-type(odd):not([class*="tr_sanfona"]):not(.selecionada) > td, html.modo-escuro .table-striped > tbody > tr:nth-of-type(odd):not([class*="tr_sanfona"]):not(.selecionada) > th, html.modo-escuro table.alt tbody tr:nth-child(odd):not([class*="tr_sanfona"]):not(.selecionada) > td, html.modo-escuro table.alt tbody tr:nth-child(odd):not([class*="tr_sanfona"]):not(.selecionada) > th, html.modo-escuro table tbody tr:nth-child(odd):not([class*="tr_sanfona"]):not(.selecionada) > td, html.modo-escuro table tbody tr:nth-child(odd):not([class*="tr_sanfona"]):not(.selecionada) > th { background-color: var(--sinc-row) !important; color: var(--sinc-text) !important; border-color: var(--sinc-border) !important; } html.modo-escuro table.dataTable tbody tr.even:not([class*="tr_sanfona"]):not(.selecionada) > td, html.modo-escuro table.dataTable tbody tr.even:not([class*="tr_sanfona"]):not(.selecionada) > th, html.modo-escuro table.dataTable tbody tr:nth-child(even):not([class*="tr_sanfona"]):not(.selecionada) > td, html.modo-escuro table.dataTable tbody tr:nth-child(even):not([class*="tr_sanfona"]):not(.selecionada) > th, html.modo-escuro .table-striped > tbody > tr:nth-of-type(even):not([class*="tr_sanfona"]):not(.selecionada) > td, html.modo-escuro .table-striped > tbody > tr:nth-of-type(even):not([class*="tr_sanfona"]):not(.selecionada) > th, html.modo-escuro table.alt tbody tr:nth-child(even):not([class*="tr_sanfona"]):not(.selecionada) > td, html.modo-escuro table.alt tbody tr:nth-child(even):not([class*="tr_sanfona"]):not(.selecionada) > th, html.modo-escuro table.alt tbody tr:nth-child(2n):not([class*="tr_sanfona"]):not(.selecionada) > td, html.modo-escuro table.alt tbody tr:nth-child(2n):not([class*="tr_sanfona"]):not(.selecionada) > th, html.modo-escuro table tbody tr:nth-child(even):not([class*="tr_sanfona"]):not(.selecionada) > td, html.modo-escuro table tbody tr:nth-child(even):not([class*="tr_sanfona"]):not(.selecionada) > th, html.modo-escuro table tbody tr:nth-child(2n + 2):not([class*="tr_sanfona"]):not(.selecionada) > td, html.modo-escuro table tbody tr:nth-child(2n + 2):not([class*="tr_sanfona"]):not(.selecionada) > th { background-color: var(--sinc-row-alt) !important; color: var(--sinc-text) !important; border-color: var(--sinc-border) !important; } /* Rodapé desktop: não herdar superfície/zebrado das tabelas de conteúdo */ html.modo-escuro #footer-wrapper table:not(#tabela_formulario), html.modo-escuro #footer-wrapper table.alt:not(#tabela_formulario), html.modo-escuro table#tabela_rodape1:not(#tabela_formulario), html.modo-escuro table#tabela_rodape2:not(#tabela_formulario), html.modo-escuro table#tabela_rodape1, html.modo-escuro table#tabela_rodape2 { background: transparent !important; background-color: transparent !important; background-image: none !important; border: none !important; box-shadow: none !important; color: var(--sinc-text) !important; } html.modo-escuro #footer-wrapper table:not(#tabela_formulario) tbody tr, html.modo-escuro #footer-wrapper table:not(#tabela_formulario) tbody tr:nth-child(odd), html.modo-escuro #footer-wrapper table:not(#tabela_formulario) tbody tr:nth-child(even), html.modo-escuro #footer-wrapper table.alt tbody tr:nth-child(odd), html.modo-escuro #footer-wrapper table.alt tbody tr:nth-child(even), html.modo-escuro table#tabela_rodape1 tbody tr, html.modo-escuro table#tabela_rodape1 tbody tr:nth-child(n), html.modo-escuro table#tabela_rodape2 tbody tr, html.modo-escuro table#tabela_rodape2 tbody tr:nth-child(n), html.modo-escuro #footer-wrapper table:not(#tabela_formulario) td, html.modo-escuro #footer-wrapper table:not(#tabela_formulario) tbody tr:nth-child(odd) > td, html.modo-escuro #footer-wrapper table:not(#tabela_formulario) tbody tr:nth-child(even) > td, html.modo-escuro table#tabela_rodape1 tbody tr > td, html.modo-escuro table#tabela_rodape1 tbody tr:nth-child(n) > td, html.modo-escuro table#tabela_rodape2 tbody tr > td, html.modo-escuro table#tabela_rodape2 tbody tr:nth-child(n) > td, html.modo-escuro .tabela_rodape td, html.modo-escuro .tabela_rodape tr { background: transparent !important; background-color: transparent !important; background-image: none !important; border: none !important; box-shadow: none !important; color: var(--sinc-text) !important; } html.modo-escuro .table > tfoot > tr > td, html.modo-escuro .table > tfoot > tr > th { background-color: transparent !important; color: inherit !important; border-color: var(--sinc-border) !important; } html.modo-escuro table.alt tbody tr.navega-tab, html.modo-escuro table.dataTable tbody tr.navega-tab, html.modo-escuro .selecionada2 { background-color: rgba(var(--sinc-accent-rgb), 0.35) !important; color: var(--sinc-link) !important; } html.modo-escuro table.dataTable tbody tr.selected { background-color: rgba(204, 0, 0, 0.45) !important; color: rgba(255, 255, 255, 0.9) !important; } html.modo-escuro table.dataTable td.dataTables_empty, html.modo-escuro table.dataTable th.dataTables_empty, html.modo-escuro table.dataTable td.dataTables_empty:hover, html.modo-escuro table.dataTable th.dataTables_empty:hover { background-color: transparent !important; color: var(--sinc-text-muted) !important; } /* #conteudo_menu > .table-wrapper: fundo transparente também no escuro */ html.modo-escuro #conteudo_menu > div.table-wrapper, html.modo-escuro #conteudo_menu > .table-wrapper { background: transparent !important; background-color: transparent !important; background-image: none !important; } /* .table-wrapper: container transparente; linhas da tabela mantêm zebrado */ html.modo-escuro .table-wrapper, html.modo-escuro .table-wrapper .dataTables_wrapper, html.modo-escuro .table-wrapper .dataTables_scroll, html.modo-escuro .table-wrapper .dataTables_scrollHead, html.modo-escuro .table-wrapper .dataTables_scrollHeadInner, html.modo-escuro .table-wrapper .dataTables_scrollBody, html.modo-escuro .table-wrapper .dataTables_scrollFoot, html.modo-escuro .table-wrapper .dataTables_scrollFootInner { background: transparent !important; background-color: transparent !important; background-image: none !important; } html.modo-escuro .table-wrapper table, html.modo-escuro .table-wrapper table.alt, html.modo-escuro .table-wrapper .table, html.modo-escuro .table-wrapper .dataTable, html.modo-escuro .table-wrapper table.dataTable { background-color: transparent !important; border-color: var(--sinc-border) !important; } html.modo-escuro .table-wrapper table thead, html.modo-escuro .table-wrapper table thead tr, html.modo-escuro .table-wrapper table thead th, html.modo-escuro .table-wrapper table thead td { background-color: var(--sinc-surface-2) !important; color: var(--sinc-text) !important; border-color: var(--sinc-border) !important; } html.modo-escuro .table-wrapper table tbody tr:not(.navega-tab):not(.selected):not(.selecionada2):not(.selecionada):not([class*="tr_sanfona"]).odd, html.modo-escuro .table-wrapper table tbody tr:not(.navega-tab):not(.selected):not(.selecionada2):not(.selecionada):not([class*="tr_sanfona"]):nth-child(odd), html.modo-escuro .table-wrapper table.alt tbody tr:not(.navega-tab):not(.selected):not(.selecionada2):not(.selecionada):not([class*="tr_sanfona"]):nth-child(odd), html.modo-escuro .table-wrapper table.dataTable tbody tr:not(.navega-tab):not(.selected):not(.selecionada2):not(.selecionada):not([class*="tr_sanfona"]).odd { background-color: var(--sinc-row) !important; } html.modo-escuro .table-wrapper table tbody tr:not(.navega-tab):not(.selected):not(.selecionada2):not(.selecionada):not([class*="tr_sanfona"]).even, html.modo-escuro .table-wrapper table tbody tr:not(.navega-tab):not(.selected):not(.selecionada2):not(.selecionada):not([class*="tr_sanfona"]):nth-child(even), html.modo-escuro .table-wrapper table tbody tr:not(.navega-tab):not(.selected):not(.selecionada2):not(.selecionada):not([class*="tr_sanfona"]):nth-child(2n + 2), html.modo-escuro .table-wrapper table.alt tbody tr:not(.navega-tab):not(.selected):not(.selecionada2):not(.selecionada):not([class*="tr_sanfona"]):nth-child(even), html.modo-escuro .table-wrapper table.dataTable tbody tr:not(.navega-tab):not(.selected):not(.selecionada2):not(.selecionada):not([class*="tr_sanfona"]).even { background-color: var(--sinc-row-alt) !important; } html.modo-escuro .table-wrapper table tbody tr:not(.navega-tab):not(.selected):not(.selecionada2):not(.selecionada):not([class*="tr_sanfona"]).odd > td, html.modo-escuro .table-wrapper table tbody tr:not(.navega-tab):not(.selected):not(.selecionada2):not(.selecionada):not([class*="tr_sanfona"]).odd > th, html.modo-escuro .table-wrapper table tbody tr:not(.navega-tab):not(.selected):not(.selecionada2):not(.selecionada):not([class*="tr_sanfona"]):nth-child(odd) > td, html.modo-escuro .table-wrapper table tbody tr:not(.navega-tab):not(.selected):not(.selecionada2):not(.selecionada):not([class*="tr_sanfona"]):nth-child(odd) > th, html.modo-escuro .table-wrapper table.alt tbody tr:not(.navega-tab):not(.selected):not(.selecionada2):not(.selecionada):not([class*="tr_sanfona"]):nth-child(odd) > td, html.modo-escuro .table-wrapper table.dataTable tbody tr:not(.navega-tab):not(.selected):not(.selecionada2):not(.selecionada):not([class*="tr_sanfona"]).odd > td { background-color: var(--sinc-row) !important; color: inherit !important; border-color: var(--sinc-border) !important; } html.modo-escuro .table-wrapper table tbody tr:not(.navega-tab):not(.selected):not(.selecionada2):not(.selecionada):not([class*="tr_sanfona"]).even > td, html.modo-escuro .table-wrapper table tbody tr:not(.navega-tab):not(.selected):not(.selecionada2):not(.selecionada):not([class*="tr_sanfona"]).even > th, html.modo-escuro .table-wrapper table tbody tr:not(.navega-tab):not(.selected):not(.selecionada2):not(.selecionada):not([class*="tr_sanfona"]):nth-child(even) > td, html.modo-escuro .table-wrapper table tbody tr:not(.navega-tab):not(.selected):not(.selecionada2):not(.selecionada):not([class*="tr_sanfona"]):nth-child(even) > th, html.modo-escuro .table-wrapper table tbody tr:not(.navega-tab):not(.selected):not(.selecionada2):not(.selecionada):not([class*="tr_sanfona"]):nth-child(2n + 2) > td, html.modo-escuro .table-wrapper table.alt tbody tr:not(.navega-tab):not(.selected):not(.selecionada2):not(.selecionada):not([class*="tr_sanfona"]):nth-child(even) > td, html.modo-escuro .table-wrapper table.dataTable tbody tr:not(.navega-tab):not(.selected):not(.selecionada2):not(.selecionada):not([class*="tr_sanfona"]).even > td { background-color: var(--sinc-row-alt) !important; color: inherit !important; border-color: var(--sinc-border) !important; } html.modo-escuro .table-wrapper table tfoot, html.modo-escuro .table-wrapper table tfoot tr, html.modo-escuro .table-wrapper table tfoot td, html.modo-escuro .table-wrapper table tfoot th { background-color: transparent !important; border-color: var(--sinc-border) !important; } /* Linha vazia / empty: sem bloco escuro sob a tabela */ html.modo-escuro .table-wrapper table tbody tr:has(> td.dataTables_empty), html.modo-escuro .table-wrapper table tbody tr:has(> td.dataTables_empty) > td, html.modo-escuro .table-wrapper table tbody tr.odd > td.dataTables_empty, html.modo-escuro .table-wrapper table tbody tr.even > td.dataTables_empty, html.modo-escuro .table-wrapper table.dataTable tbody td.dataTables_empty { background-color: transparent !important; background-image: none !important; } /* Listas com DataTables: #conteudo_menu sem velatura (evita faixa mais escura sob os controles) */ html.modo-escuro:not(.modo-escuro-modal):has(.dataTables_wrapper) #conteudo_menu { background: transparent !important; background-color: transparent !important; background-image: none !important; } /* Tabelas de layout no form: transparentes (herdam o modal); evita faixa no rodapé. Não usar "#tabela_formulario td" — isso zera o zebrado das DataTables aninhadas. */ html.modo-escuro form table:not(.alt):not(.dataTable):not(.table), html.modo-escuro form table:not(.alt):not(.dataTable):not(.table) > tbody > tr > td, html.modo-escuro form table:not(.alt):not(.dataTable):not(.table) > tbody > tr > th, html.modo-escuro form table:not(.alt):not(.dataTable):not(.table) > tr > td, html.modo-escuro form table:not(.alt):not(.dataTable):not(.table) > tr > th, html.modo-escuro #form_padrao table:not(.alt):not(.dataTable):not(.table), html.modo-escuro #form_padrao table:not(.alt):not(.dataTable):not(.table) > tbody > tr > td, html.modo-escuro #form_padrao table:not(.alt):not(.dataTable):not(.table) > tbody > tr > th, html.modo-escuro #div_form table:not(.alt):not(.dataTable):not(.table), html.modo-escuro #div_form table:not(.alt):not(.dataTable):not(.table) > tbody > tr > td, html.modo-escuro #div_form table:not(.alt):not(.dataTable):not(.table) > tbody > tr > th, html.modo-escuro .modal-content form table:not(.alt):not(.dataTable):not(.table), html.modo-escuro .modal-content form table:not(.alt):not(.dataTable):not(.table) > tbody > tr > td, html.modo-escuro .modal-content form table:not(.alt):not(.dataTable):not(.table) > tbody > tr > th, html.modo-escuro .row table:not(.alt):not(.dataTable):not(.table), html.modo-escuro .row table:not(.alt):not(.dataTable):not(.table) > tbody > tr > td, html.modo-escuro .row table:not(.alt):not(.dataTable):not(.table) > tbody > tr > th, html.modo-escuro #tabela_formulario > tr > td, html.modo-escuro #tabela_formulario > tr > th, html.modo-escuro #tabela_formulario > tbody > tr > td, html.modo-escuro #tabela_formulario > tbody > tr > th { background: transparent !important; background-color: transparent !important; } /* Linhas/colunas simples do form: transparentes (sem faixa cinza sob campos) */ html.modo-escuro #form_padrao > .row:not([style*="border"]), html.modo-escuro #form_padrao > .row:not([style*="border"]) > [class*="col-"], html.modo-escuro #div_form > .row:not([style*="border"]), html.modo-escuro #div_form > .row:not([style*="border"]) > [class*="col-"], html.modo-escuro .modal-content #form_padrao > .row:not([style*="border"]), html.modo-escuro .modal-content #form_padrao > .row:not([style*="border"]) > [class*="col-"], html.modo-escuro .modal-content > .row:not([style*="border"]), html.modo-escuro .modal-body > .row:not([style*="border"]), html.modo-escuro .modal-body > .row:not([style*="border"]) > [class*="col-"] { background: transparent !important; background-color: transparent !important; background-image: none !important; } /* Card interno do modal: superfície só em caixas com borda / doc-box */ html.modo-escuro .modal-content .doc-box, html.modo-escuro .modal-content .doc-texto-comum, html.modo-escuro .modal-content .row[style*="border"], html.modo-escuro .modal-content #form_padrao > .row[style*="border"], html.modo-escuro .modal-content #div_form > .row[style*="border"], html.modo-escuro #form_padrao > .row[style*="border"], html.modo-escuro #div_form > .row[style*="border"], html.modo-escuro form .row[style*="border"], /* Painéis de texto com borda (ex.: alerta_mj) — sem .row */ html.modo-escuro .modal-content #div_form > div[style*="border"][style*="border-radius"]:not([style*="min-height"]):not([style*="min-width"]), html.modo-escuro .modal-content .modal-body > div[style*="border"][style*="border-radius"]:not([style*="min-height"]):not([style*="min-width"]), html.modo-escuro #div_form > div[style*="border"][style*="border-radius"]:not([style*="min-height"]):not([style*="min-width"]) { background: var(--sinc-surface) !important; background-color: var(--sinc-surface) !important; border-color: var(--sinc-border) !important; } /* #div_container > table > tbody (notificações) e similares: superfície */ html.modo-escuro .modal-content #div_container, html.modo-escuro .modal-content #div_container > table, html.modo-escuro .modal-content #div_container > table > tbody, html.modo-escuro .modal-content #div_container > table > tbody > tr, html.modo-escuro .modal-content #div_container > table > tbody > tr > td, html.modo-escuro .modal-content #div_container table:not(.alt):not(.dataTable):not(.table), html.modo-escuro .modal-content #div_container table:not(.alt):not(.dataTable):not(.table) > tbody, html.modo-escuro .modal-content #div_container table:not(.alt):not(.dataTable):not(.table) tr, html.modo-escuro .modal-content #div_container table:not(.alt):not(.dataTable):not(.table) td, html.modo-escuro .modal-content #div_container table:not(.alt):not(.dataTable):not(.table) th, html.modo-escuro .modal-content .row[style*="border"] > table, html.modo-escuro .modal-content .row[style*="border"] > table > tbody, html.modo-escuro .modal-content .row[style*="border"] table:not(.alt):not(.dataTable):not(.table) tr, html.modo-escuro .modal-content .row[style*="border"] table:not(.alt):not(.dataTable):not(.table) td, html.modo-escuro .modal-content .row[style*="border"] table:not(.alt):not(.dataTable):not(.table) th, html.modo-escuro .modal-content tr[style*="background-color: #FFF"], html.modo-escuro .modal-content tr[style*="background-color:#FFF"], html.modo-escuro .modal-content tr[style*="background-color: #fff"], html.modo-escuro .modal-content tr[style*="background-color:#fff"], html.modo-escuro .modal-content tr[style*="background-color: #FFF "], html.modo-escuro .modal-content td[style*="background-color: #FFF"], html.modo-escuro .modal-content td[style*="background-color:#FFF"], html.modo-escuro .modal-content td[style*="background-color: #fff"], html.modo-escuro .modal-content td[style*="background-color:#fff"], html.modo-escuro .modal-content div[style*="background-color: #FFF"], html.modo-escuro .modal-content div[style*="background-color:#FFF"], html.modo-escuro .modal-content div[style*="background-color: #fff"], html.modo-escuro .modal-content div[style*="background-color:#fff"], html.modo-escuro .modal-content [class*="col-"][style*="background-color: #FFF"], html.modo-escuro .modal-content [class*="col-"][style*="background-color:#FFF"] { background: var(--sinc-surface) !important; background-color: var(--sinc-surface) !important; } /* Ficha: table.alt aninhada mantém o zebrado (o "table:not(.alt) td" acima alcança as células por descendência) */ html.modo-escuro .modal-content .row:not(.notif-doc) #div_container table.alt tbody tr:not(.navega-tab):not(.selected):not(.selecionada2):nth-child(odd) > td, html.modo-escuro .modal-content .row:not(.notif-doc) #div_container table.alt tbody tr:not(.navega-tab):not(.selected):not(.selecionada2):nth-child(odd) > th, html.modo-escuro .modal-content .row[style*="border"]:not(.notif-doc) table.alt tbody tr:not(.navega-tab):not(.selected):not(.selecionada2):nth-child(odd) > td, html.modo-escuro .modal-content .row[style*="border"]:not(.notif-doc) table.alt tbody tr:not(.navega-tab):not(.selected):not(.selecionada2):nth-child(odd) > th { background: var(--sinc-row) !important; background-color: var(--sinc-row) !important; } html.modo-escuro .modal-content .row:not(.notif-doc) #div_container table.alt tbody tr:not(.navega-tab):not(.selected):not(.selecionada2):nth-child(even) > td, html.modo-escuro .modal-content .row:not(.notif-doc) #div_container table.alt tbody tr:not(.navega-tab):not(.selected):not(.selecionada2):nth-child(even) > th, html.modo-escuro .modal-content .row[style*="border"]:not(.notif-doc) table.alt tbody tr:not(.navega-tab):not(.selected):not(.selecionada2):nth-child(even) > td, html.modo-escuro .modal-content .row[style*="border"]:not(.notif-doc) table.alt tbody tr:not(.navega-tab):not(.selected):not(.selecionada2):nth-child(even) > th { background: var(--sinc-row-alt) !important; background-color: var(--sinc-row-alt) !important; } /* Notificação: cards de mensagem / link */ html.modo-escuro .modal-content .notif-msg-marca, html.modo-escuro .notif-msg-marca { opacity: 0.12; } html.modo-escuro .modal-content .notif-msg-lista::after, html.modo-escuro .notif-msg-lista::after { background: rgba(28, 31, 38, 0.82) !important; } html.modo-escuro .modal-content .notif-msg-card, html.modo-escuro .notif-msg-card { background: transparent !important; background-color: transparent !important; border-color: var(--sinc-border) !important; color: var(--sinc-text) !important; } html.modo-escuro .modal-content .notif-msg-card-cabecalho, html.modo-escuro .notif-msg-card-cabecalho { border-bottom-color: var(--sinc-border) !important; color: #4da3ff; } html.modo-escuro .modal-content .notif-msg-card-cabecalho .notif-msg-card-icone, html.modo-escuro .notif-msg-card-cabecalho .notif-msg-card-icone { color: var(--sinc-text-muted) !important; } /* Cabeçalho escuro: mesmo padrão das do RSM (#td_info), com cor dinâmica do tipo */ html.modo-escuro .modal-content .notif-msg-card-cabecalho.notif-cab-inst, html.modo-escuro .notif-msg-card-cabecalho.notif-cab-inst { color: var(--sinc-inst-link) !important; background-color: rgba(var(--sinc-inst-rgb), 0.18) !important; background-image: none !important; border-bottom-color: rgba(var(--sinc-inst-rgb), 0.25) !important; -webkit-filter: none !important; filter: none !important; } html.modo-escuro .modal-content .notif-msg-card-cabecalho.notif-cab-inst .notif-msg-card-icone, html.modo-escuro .notif-msg-card-cabecalho.notif-cab-inst .notif-msg-card-icone, html.modo-escuro .modal-content .notif-msg-card-cabecalho.notif-cab-inst .notif-msg-card-icone > i, html.modo-escuro .notif-msg-card-cabecalho.notif-cab-inst .notif-msg-card-icone > i { color: inherit !important; opacity: 0.9; } html.modo-escuro .modal-content a.notif-link-card, html.modo-escuro a.notif-link-card { background: transparent !important; background-color: transparent !important; border-color: var(--sinc-border) !important; color: var(--sinc-text) !important; } html.modo-escuro .modal-content a.notif-link-card:hover, html.modo-escuro .modal-content a.notif-link-card:focus, html.modo-escuro a.notif-link-card:hover, html.modo-escuro a.notif-link-card:focus { background: rgba(77, 163, 255, 0.12) !important; background-color: rgba(77, 163, 255, 0.12) !important; border-color: rgba(77, 163, 255, 0.45) !important; box-shadow: 0 0 0 2px rgba(77, 163, 255, 0.18); color: var(--sinc-text) !important; } html.modo-escuro .modal-content .notif-link-card-nome, html.modo-escuro .notif-link-card-nome { color: #4da3ff !important; } html.modo-escuro .modal-content .notif-link-card-sub, html.modo-escuro .notif-link-card-sub { color: var(--sinc-text-muted) !important; opacity: 1; } html.modo-escuro .modal-content .notif-link-card-icone, html.modo-escuro .modal-content .notif-link-card-seta, html.modo-escuro .notif-link-card-icone, html.modo-escuro .notif-link-card-seta { color: var(--sinc-text-muted) !important; } /* Notificação: tabelas transparentes (vence superfície acima; não aplica em docs-agentes) */ html.modo-escuro .modal-content .row.notif-doc:not(.docs-agentes) #div_container, html.modo-escuro .modal-content .row.notif-doc:not(.docs-agentes) #div_container table, html.modo-escuro .modal-content .row.notif-doc:not(.docs-agentes) #div_container table > tbody, html.modo-escuro .modal-content .row.notif-doc:not(.docs-agentes) #div_container table tr, html.modo-escuro .modal-content .row.notif-doc:not(.docs-agentes) #div_container table td, html.modo-escuro .modal-content .row.notif-doc:not(.docs-agentes) #div_container table th, html.modo-escuro .modal-content .row.notif-doc:not(.docs-agentes) table, html.modo-escuro .modal-content .row.notif-doc:not(.docs-agentes) table tr, html.modo-escuro .modal-content .row.notif-doc:not(.docs-agentes) table td, html.modo-escuro .modal-content .row.notif-doc:not(.docs-agentes) table th, html.modo-escuro .modal-content .row.notif-doc:not(.docs-agentes) tr[style*="background-color"], html.modo-escuro .modal-content .row.notif-doc:not(.docs-agentes) td[style*="background-color"] { background: transparent !important; background-color: transparent !important; } html.modo-escuro .modal-content .row.notif-doc:not(.docs-agentes) .local_foto_notif { background-color: var(--sinc-surface-2) !important; } /* Alerta docs-agentes / alerta especial — cards, chips e foto (vence CSS local claro) */ html.modo-escuro .docs-agentes-form .local_foto_notif, html.modo-escuro .modal-content .docs-agentes-form .local_foto_notif, html.modo-escuro .row.notif-doc.docs-agentes .local_foto_notif { background-color: var(--sinc-surface-2) !important; border-color: var(--sinc-border) !important; } html.modo-escuro .docs-agentes-cabecalho, html.modo-escuro .modal-content .docs-agentes-cabecalho { border-bottom-color: var(--sinc-border) !important; color: var(--sinc-text) !important; } html.modo-escuro .docs-agentes-saudacao, html.modo-escuro .docs-agentes-resumo, html.modo-escuro .docs-agentes-vazio, html.modo-escuro .docs-agentes-item-icone, html.modo-escuro .docs-agentes-item-seta, html.modo-escuro .docs-agentes-form .doc-texto-comum { color: var(--sinc-text) !important; } html.modo-escuro .docs-agentes-item-seta { opacity: 0.55; } html.modo-escuro .docs-agentes-item-nome { color: var(--sinc-inst-link) !important; } html.modo-escuro .docs-agentes-chip--perigo { color: #f0a8a5 !important; background: rgba(217, 83, 79, 0.22) !important; border-color: rgba(217, 83, 79, 0.5) !important; } html.modo-escuro .docs-agentes-chip--aviso { color: #f0c987 !important; background: rgba(240, 173, 78, 0.2) !important; border-color: rgba(240, 173, 78, 0.5) !important; } html.modo-escuro .docs-agentes-item-btn, html.modo-escuro .modal-content .docs-agentes-item-btn { background: var(--sinc-surface-2) !important; background-color: var(--sinc-surface-2) !important; border-color: var(--sinc-border) !important; color: var(--sinc-text) !important; box-shadow: none !important; } html.modo-escuro .docs-agentes-item-btn:hover, html.modo-escuro .docs-agentes-item-btn:focus, html.modo-escuro .modal-content .docs-agentes-item-btn:hover, html.modo-escuro .modal-content .docs-agentes-item-btn:focus { background: var(--sinc-hover, #2f3642) !important; background-color: var(--sinc-hover, #2f3642) !important; border-color: color-mix(in srgb, var(--sinc-inst-link) 45%, var(--sinc-border)) !important; box-shadow: 0 0 0 2px color-mix(in srgb, var(--sinc-inst-link) 28%, transparent) !important; } html.modo-escuro .docs-agentes-form .doc-texto-comum, html.modo-escuro .row.notif-doc.docs-agentes .doc-texto-comum, html.modo-escuro .modal-content .row.notif-doc.docs-agentes, html.modo-escuro .modal-content .row.notif-doc.docs-agentes #div_container { background: transparent !important; background-color: transparent !important; } /* Slider de permissões (input range.slider) */ html.modo-escuro .modal-content input.slider[type="range"], html.modo-escuro input.slider[type="range"] { border-color: var(--sinc-border) !important; } html.modo-escuro .modal-content input.slider[type="range"]::-webkit-slider-thumb, html.modo-escuro input.slider[type="range"]::-webkit-slider-thumb { border-color: var(--sinc-surface) !important; } html.modo-escuro .modal-content #nivel, html.modo-escuro #nivel { border-color: var(--sinc-border) !important; } /* Camadas do form: transparente — o card (.row / #div_container / .card-form) carrega a superfície */ html.modo-escuro .modal-content .modal-body, html.modo-escuro .modal-content #div_form:not(.card-form), html.modo-escuro .modal-content #form_padrao, html.modo-escuro .modal-content form { background: transparent !important; background-color: transparent !important; } /* card_form: superfície na caixa (#div_form.card-form), não na .row */ html.modo-escuro .modal-content #div_form.card-form, html.modo-escuro #div_form.card-form { background: var(--sinc-surface) !important; background-color: var(--sinc-surface) !important; border-color: var(--sinc-border) !important; color: var(--sinc-text) !important; } /* RDS (relatório diário de supervisão): só cores */ html.modo-escuro .rds-doc { background-color: var(--sinc-surface) !important; border-color: var(--sinc-border) !important; color: var(--sinc-text) !important; } html.modo-escuro .rds-secao, html.modo-escuro .rds-meta, html.modo-escuro .rds-valor > div, html.modo-escuro .rds-assinatura { border-color: var(--sinc-border) !important; } /* * Espaçamento de modais (padding/margin): NÃO definir aqui. * Herda 100% do forms.css (tema claro). Este arquivo só altera cores. */ /* Rodapé de botões: SÓ cores. */ html.modo-escuro .modal-content .cont_padrao_botoes, html.modo-escuro .modal-body .cont_padrao_botoes, html.modo-escuro #div_form .cont_padrao_botoes, html.modo-escuro form .cont_padrao_botoes, html.modo-escuro .cont_padrao_botoes, html.modo-escuro .cont_botoes_100, html.modo-escuro .modal-content .botoes-form, html.modo-escuro .modal-body .botoes-form, html.modo-escuro form .botoes-form { background: transparent !important; background-color: transparent !important; } html.modo-escuro .modal-footer, html.modo-escuro.modo-escuro-modal .modal-footer { background: transparent !important; background-color: transparent !important; background-image: none !important; border-top-color: var(--sinc-border) !important; } /* Shadowbox/iframe: sem deslocamento de 110px / right negativo (não há menu do sistema). Containers em 100% — a largura visual do card fica em .modal-content. */ html.modo-escuro.modo-escuro-modal #container_formulario, html.modo-escuro body:has(.modal-content) #container_formulario, body:has(.modal-content) #container_formulario, body > #container_formulario { top: 0 !important; right: 0 !important; left: 0 !important; width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; } html.modo-escuro.modo-escuro-modal #container_form, html.modo-escuro body:has(.modal-content) #container_form, body:has(.modal-content) #container_form, body > #container_form { top: 0 !important; right: 0 !important; left: 0 !important; width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; } html.modo-escuro.modo-escuro-modal #container_form_login, html.modo-escuro body:has(.modal-content) #container_form_login, body:has(.modal-content) #container_form_login, body > #container_form_login { top: 0 !important; right: 0 !important; left: 0 !important; width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; } html.modo-escuro .modal-content .local_foto_notif { background-color: var(--sinc-surface-2) !important; border-color: var(--sinc-border) !important; } html.modo-escuro table.alt thead th, html.modo-escuro table.dataTable thead th, html.modo-escuro .dataTables_wrapper .dataTables_length, html.modo-escuro .dataTables_wrapper .dataTables_filter, html.modo-escuro .dataTables_wrapper .dataTables_paginate { color: var(--sinc-text-muted) !important; } /* Ícones de ordenação DataTables: legíveis no escuro (vence color:black do dataTable.css) */ html.modo-escuro table.dataTable thead th.sorting:after, html.modo-escuro table.dataTable thead th.sorting_asc_disabled:after, html.modo-escuro table.dataTable thead th.sorting_desc_disabled:after, html.modo-escuro table.dataTable thead .sorting:after, html.modo-escuro table.dataTable thead .sorting_asc_disabled:after, html.modo-escuro table.dataTable thead .sorting_desc_disabled:after { color: var(--sinc-text-muted) !important; opacity: 0.55 !important; background: none !important; background-image: none !important; border: 0 !important; font-family: 'Font Awesome 5 Free', 'Font Awesome 5 Pro', 'Font Awesome 6 Free', 'Font Awesome 6 Pro' !important; font-weight: 900 !important; } html.modo-escuro table.dataTable thead th.sorting_asc:after, html.modo-escuro table.dataTable thead th.sorting_desc:after, html.modo-escuro table.dataTable thead .sorting_asc:after, html.modo-escuro table.dataTable thead .sorting_desc:after { color: var(--sinc-inst-link) !important; opacity: 1 !important; background: none !important; background-image: none !important; border: 0 !important; font-family: 'Font Awesome 5 Free', 'Font Awesome 5 Pro', 'Font Awesome 6 Free', 'Font Awesome 6 Pro' !important; font-weight: 900 !important; } /* Cancelar nativo do input search (WebKit): evita X claro “quebrado” no filtro */ html.modo-escuro input[type="search"]::-webkit-search-cancel-button, html.modo-escuro #filtrar::-webkit-search-cancel-button { -webkit-appearance: none; appearance: none; height: 14px; width: 14px; background: url("../../images/svg/times.svg") center / 12px 12px no-repeat; opacity: 0.55; cursor: pointer; } html.modo-escuro .dataTables_wrapper .dataTables_info, html.modo-escuro .dataTables_info, html.modo-escuro .dataTable_info { color: var(--sinc-inst-link) !important; } html.modo-escuro table.alt tbody tr:hover, html.modo-escuro table.dataTable tbody tr:hover, html.modo-escuro .table-hover > tbody > tr:hover, html.modo-escuro #tabelaPadrao tbody tr:hover { background-color: var(--sinc-hover) !important; } html.modo-escuro table.alt tbody tr:hover > td, html.modo-escuro table.dataTable tbody tr:hover > td, html.modo-escuro .table-hover > tbody > tr:hover > td, html.modo-escuro .table-wrapper table tbody tr:not(.navega-tab):not(.selected):not(.selecionada2):not(.selecionada):not([class*="tr_sanfona"]):hover > td, html.modo-escuro .table-wrapper table.alt tbody tr:not(.navega-tab):not(.selected):not(.selecionada2):not(.selecionada):not([class*="tr_sanfona"]):hover > td, html.modo-escuro .table-wrapper table.dataTable tbody tr:not(.navega-tab):not(.selected):not(.selecionada2):not(.selecionada):not([class*="tr_sanfona"]):hover > td, html.modo-escuro #tabelaPadrao tbody tr:hover > td { background-color: var(--sinc-hover) !important; color: var(--sinc-inst-link, var(--sinc-link)) !important; cursor: pointer; } html.modo-escuro input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="hidden"]):not([type="image"]):not([type="color"]):not(.input_table), html.modo-escuro select, html.modo-escuro textarea, html.modo-escuro .form-control, html.modo-escuro #filtrar, html.modo-escuro .dataTables_filter input[type="search"] { background-color: var(--sinc-input-bg) !important; color: var(--sinc-text) !important; border-color: var(--sinc-border) !important; border-radius: var(--sinc-input-radius) !important; color-scheme: dark; caret-color: var(--sinc-text); } html.modo-escuro select, html.modo-escuro select.form-control, html.modo-escuro select.chosen-select { background-image: none !important; -webkit-appearance: none; appearance: none; } /* Options nativas do select */ html.modo-escuro select option, html.modo-escuro select.form-control option, html.modo-escuro select.chosen-select option { background-color: var(--sinc-input-bg) !important; background: var(--sinc-input-bg) !important; color: var(--sinc-text) !important; } html.modo-escuro select option:checked, html.modo-escuro select option:hover, html.modo-escuro select option:focus, html.modo-escuro select.form-control option:checked, html.modo-escuro select.form-control option:hover, html.modo-escuro select.form-control option:focus, html.modo-escuro select.chosen-select option:checked, html.modo-escuro select.chosen-select option:hover, html.modo-escuro select.chosen-select option:focus { background-color: var(--sinc-hover) !important; background: linear-gradient(var(--sinc-hover), var(--sinc-hover)) !important; color: var(--sinc-text) !important; } html.modo-escuro select option:disabled, html.modo-escuro select.form-control option:disabled { color: var(--sinc-text-muted) !important; background-color: var(--sinc-surface) !important; } /* Textarea: fundo, texto e estados */ html.modo-escuro textarea, html.modo-escuro textarea.form-control { background-color: var(--sinc-input-bg) !important; color: var(--sinc-text) !important; border-color: var(--sinc-border) !important; } html.modo-escuro textarea:focus, html.modo-escuro textarea.form-control:focus, html.modo-escuro select:focus, html.modo-escuro select.form-control:focus { background-color: var(--sinc-input-bg) !important; color: var(--sinc-text) !important; border-color: var(--sinc-border) !important; box-shadow: none !important; outline: none !important; } html.modo-escuro textarea[disabled], html.modo-escuro textarea[readonly], html.modo-escuro select[disabled], html.modo-escuro .form-control[disabled], html.modo-escuro .form-control[readonly] { background-color: var(--sinc-surface-2) !important; color: var(--sinc-text-muted) !important; border-color: var(--sinc-border) !important; opacity: 1 !important; } /* NeoSESTA Chosen (select customizado) */ html.modo-escuro .neosesta-chosen-single, html.modo-escuro .chosen-container-single .chosen-single, html.modo-escuro .chosen-container-multi .chosen-choices { background-color: var(--sinc-input-bg) !important; background-image: none !important; color: var(--sinc-text) !important; border-color: var(--sinc-border) !important; box-shadow: none !important; } html.modo-escuro .neosesta-chosen.is-open .neosesta-chosen-single, html.modo-escuro .neosesta-chosen.is-focused .neosesta-chosen-single, html.modo-escuro .neosesta-chosen-single:focus, html.modo-escuro .neosesta-chosen-single:focus-visible { background-color: var(--sinc-input-bg) !important; color: var(--sinc-text) !important; border-color: var(--sinc-border) !important; border-bottom-color: var(--sinc-border) !important; box-shadow: none !important; outline: none !important; } html.modo-escuro .neosesta-chosen.is-disabled .neosesta-chosen-single { background-color: var(--sinc-surface-2) !important; color: var(--sinc-text-muted) !important; border-color: var(--sinc-border) !important; } html.modo-escuro .neosesta-chosen-arrow, html.modo-escuro .neosesta-chosen-arrow:before, html.modo-escuro .campo_icone:has(select)::after, html.modo-escuro .campo_icone2:has(select)::after { color: var(--sinc-text-muted) !important; } html.modo-escuro .neosesta-chosen-drop, html.modo-escuro .chosen-container .chosen-drop, html.modo-escuro .chosen-container-single .chosen-drop { background: var(--sinc-surface) !important; background-color: var(--sinc-surface) !important; border-color: var(--sinc-border) !important; box-shadow: 0 4px 16px var(--sinc-shadow) !important; color: var(--sinc-text) !important; } html.modo-escuro .neosesta-chosen-search { border-bottom-color: var(--sinc-border) !important; } html.modo-escuro .neosesta-chosen-search input, html.modo-escuro .neosesta-chosen-search input[type="text"], html.modo-escuro .chosen-search input { background-color: var(--sinc-input-bg) !important; background: var(--sinc-input-bg) !important; color: var(--sinc-text) !important; border-color: var(--sinc-border) !important; } html.modo-escuro .neosesta-chosen-results, html.modo-escuro .neosesta-chosen-results li, html.modo-escuro .chosen-results, html.modo-escuro .chosen-results li { background: transparent !important; background-color: transparent !important; color: var(--sinc-text) !important; } html.modo-escuro .neosesta-chosen-results li.is-selected { background: var(--sinc-surface-2) !important; background-color: var(--sinc-surface-2) !important; color: var(--sinc-text) !important; } html.modo-escuro .neosesta-chosen-results li:hover, html.modo-escuro .neosesta-chosen-results li.is-highlighted, html.modo-escuro .neosesta-chosen-results li.is-selected:hover, html.modo-escuro .neosesta-chosen-results li.is-selected.is-highlighted, html.modo-escuro .chosen-results li:hover, html.modo-escuro .chosen-results li.highlighted, html.modo-escuro .chosen-results li.result-selected, html.modo-escuro .chosen-results li.active-result.highlighted { background: var(--sinc-hover) !important; background-color: var(--sinc-hover) !important; color: var(--sinc-text) !important; } html.modo-escuro .neosesta-chosen-results li.is-disabled, html.modo-escuro .neosesta-chosen-results li.no-results { color: var(--sinc-text-muted) !important; background: transparent !important; } /* Options nativas com hover azul do forms.css → tema escuro */ html.modo-escuro select.form-control option:hover, html.modo-escuro select.form-control option:focus, html.modo-escuro select.form-control option:checked { background-color: var(--sinc-hover) !important; background: linear-gradient(var(--sinc-hover), var(--sinc-hover)) !important; color: var(--sinc-text) !important; } /* Ícone da lupa no filtro (#tabelaPadrao_filter > label > i): aspecto #barra_* */ html.modo-escuro #tabelaPadrao_filter > label > i, html.modo-escuro .dataTables_filter label i, html.modo-escuro .dataTables_wrapper .dataTables_filter label i { background: var(--sinc-barra) !important; background-color: var(--sinc-barra) !important; background-image: none !important; color: var(--sinc-barra-icon) !important; border-color: #3a4558 !important; opacity: 1 !important; box-shadow: none !important; } html.modo-escuro #tabelaPadrao_filter #filtrar:focus + i, html.modo-escuro .dataTables_filter #filtrar:focus + i, html.modo-escuro .dataTables_wrapper .dataTables_filter #filtrar:focus + i, html.modo-escuro .dataTables_filter input[type="search"]:focus + i, html.modo-escuro .dataTables_wrapper .dataTables_filter input[type="search"]:focus + i { background: var(--sinc-barra) !important; background-color: var(--sinc-barra) !important; background-image: none !important; color: var(--sinc-inst-link) !important; } html.modo-escuro input::placeholder, html.modo-escuro textarea::placeholder, html.modo-escuro #filtrar::placeholder { color: var(--sinc-text-muted) !important; opacity: 0.85 !important; } /* Painéis/caixas (não o .modal-content — tratado abaixo) */ html.modo-escuro .panel, html.modo-escuro .panel-default, html.modo-escuro .well, html.modo-escuro .box, html.modo-escuro fieldset { background-color: var(--sinc-surface) !important; color: var(--sinc-text) !important; border-color: var(--sinc-border) !important; border-radius: var(--sinc-radius) !important; } html.modo-escuro .modal-header, html.modo-escuro .modal-footer, html.modo-escuro .panel-heading { background-color: var(--sinc-surface-2) !important; border-color: var(--sinc-border) !important; color: var(--sinc-text) !important; } /* * Alerts (exceto #barra_* e células de tabela): border-radius. * Degradê só em *_gradient; alert normal fica plano (ex.: #erro de validação). * td/th.alert-* ficam sem radius (ex.: aviso de perspectiva em individual.php). */ html.modo-escuro .alert:not([id^="barra_"]):not(td):not(th), html.modo-escuro .alert-primary:not([id^="barra_"]):not(td):not(th), html.modo-escuro .alert-primary_gradient:not([id^="barra_"]):not(td):not(th), html.modo-escuro .alert-success:not([id^="barra_"]):not(td):not(th), html.modo-escuro .alert-success_gradient:not([id^="barra_"]):not(td):not(th), html.modo-escuro .alert-info:not([id^="barra_"]):not(td):not(th), html.modo-escuro .alert-info_gradient:not([id^="barra_"]):not(td):not(th), html.modo-escuro .alert-warning:not([id^="barra_"]):not(td):not(th), html.modo-escuro .alert-warning_gradient:not([id^="barra_"]):not(td):not(th), html.modo-escuro .alert-danger:not([id^="barra_"]):not(td):not(th), html.modo-escuro .alert-danger_gradient:not([id^="barra_"]):not(td):not(th), html.modo-escuro .alert-cinza_gradient:not([id^="barra_"]):not(td):not(th), html.modo-escuro .alert-pink_gradient:not([id^="barra_"]):not(td):not(th), html.modo-escuro .alert-roxo_gradient:not([id^="barra_"]):not(td):not(th), html.modo-escuro .dropdown-menu, html.modo-escuro .doc-box, html.modo-escuro .thumbnail, html.modo-escuro .list-group-item, html.modo-escuro .div_clone_form { border-radius: var(--sinc-radius) !important; } html.modo-escuro td.alert, html.modo-escuro td[class*="alert-"], html.modo-escuro th.alert, html.modo-escuro th[class*="alert-"] { border-radius: 0 !important; } /* Botões: mesmo radius dos inputs (--sinc-input-radius) */ html.modo-escuro .btn:not(.btn-link):not(.btn-barra), html.modo-escuro button.botoes:not(.btn-barra), html.modo-escuro a.btn.botoes:not(.btn-barra), html.modo-escuro .float-button, html.modo-escuro button.float-button, html.modo-escuro button.dt-button, html.modo-escuro div.dt-button, html.modo-escuro a.dt-button, html.modo-escuro .dataTables_wrapper .paginate_button, html.modo-escuro a.cke_dialog_ui_button, html.modo-escuro span.cke_dialog_ui_button, html.modo-escuro .custom-menu li a.btn { border-radius: var(--sinc-input-radius) !important; } /* Controles de formulário: mesmo radius do modo claro */ html.modo-escuro .neosesta-chosen-single, html.modo-escuro .chosen-container-single .chosen-single, html.modo-escuro .campo_icone, html.modo-escuro .campo_icone_bg, html.modo-escuro .campo_icone2, html.modo-escuro .input-group-addon { border-radius: var(--sinc-input-radius) !important; } /* Grupos: preserva cantos unidos (Bootstrap) */ html.modo-escuro .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle), html.modo-escuro .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn, html.modo-escuro .input-group .form-control:not(:first-child):not(:last-child), html.modo-escuro .input-group-addon:not(:first-child):not(:last-child) { border-radius: 0 !important; } html.modo-escuro .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle), html.modo-escuro .input-group .form-control:first-child, html.modo-escuro .input-group-addon:first-child { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } html.modo-escuro .btn-group > .btn:last-child:not(:first-child), html.modo-escuro .btn-group > .dropdown-toggle:not(:first-child), html.modo-escuro .input-group .form-control:last-child, html.modo-escuro .input-group-addon:last-child { border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; } /* Alert normal (ex.: #erro de validação): plano, sem degradê */ html.modo-escuro .alert-primary:not([id^="barra_"]):not([class*="_gradient"]), html.modo-escuro .modal-content .alert.alert-primary:not([class*="_gradient"]) { color: #cfe2ff !important; background-color: rgba(var(--sinc-accent-rgb), 0.28) !important; background-image: none !important; border-color: rgba(var(--sinc-accent-rgb), 0.55) !important; -webkit-filter: none !important; filter: none !important; } html.modo-escuro .alert-primary_gradient:not([id^="barra_"]), html.modo-escuro .modal-content .alert.alert-primary_gradient { color: rgba(255, 255, 255, 0.8) !important; background-color: rgba(0, 0, 0, 0.5) !important; background-image: -webkit-linear-gradient(top, rgba(var(--sinc-accent-rgb), 0.5), rgba(0, 0, 0, 0.5)) !important; background-image: linear-gradient(to bottom, rgba(var(--sinc-accent-rgb), 0.5), rgba(0, 0, 0, 0.5)) !important; border-color: rgba(var(--sinc-accent-rgb), 0.5) !important; -webkit-filter: none !important; filter: none !important; } html.modo-escuro .alert-success:not([id^="barra_"]):not([class*="_gradient"]), html.modo-escuro .modal-content .alert.alert-success:not([class*="_gradient"]) { color: #c3e6cb !important; background-color: rgba(76, 174, 76, 0.28) !important; background-image: none !important; border-color: rgba(76, 174, 76, 0.55) !important; -webkit-filter: none !important; filter: none !important; } html.modo-escuro .alert-success_gradient:not([id^="barra_"]), html.modo-escuro .modal-content .alert.alert-success_gradient { color: rgba(255, 255, 255, 0.8) !important; background-color: rgba(0, 0, 0, 0.5) !important; background-image: -webkit-linear-gradient(top, rgba(76, 174, 76, 0.5), rgba(0, 0, 0, 0.5)) !important; background-image: linear-gradient(to bottom, rgba(76, 174, 76, 0.5), rgba(0, 0, 0, 0.5)) !important; border-color: rgba(76, 174, 76, 0.5) !important; -webkit-filter: none !important; filter: none !important; } html.modo-escuro .alert-info:not([id^="barra_"]):not([class*="_gradient"]) { color: #bee5eb !important; background-color: rgba(70, 184, 218, 0.28) !important; background-image: none !important; border-color: rgba(70, 184, 218, 0.55) !important; -webkit-filter: none !important; filter: none !important; } html.modo-escuro .alert-info_gradient:not([id^="barra_"]) { color: rgba(255, 255, 255, 0.8) !important; background-color: rgba(0, 0, 0, 0.5) !important; background-image: -webkit-linear-gradient(top, rgba(70, 184, 218, 0.5), rgba(0, 0, 0, 0.5)) !important; background-image: linear-gradient(to bottom, rgba(70, 184, 218, 0.5), rgba(0, 0, 0, 0.5)) !important; border-color: rgba(70, 184, 218, 0.5) !important; -webkit-filter: none !important; filter: none !important; } html.modo-escuro .alert-warning:not([id^="barra_"]):not([class*="_gradient"]) { color: #ffeeba !important; background-color: rgba(238, 162, 54, 0.28) !important; background-image: none !important; border-color: rgba(238, 162, 54, 0.55) !important; -webkit-filter: none !important; filter: none !important; } html.modo-escuro .alert-warning_gradient:not([id^="barra_"]) { color: rgba(255, 255, 255, 0.8) !important; background-color: rgba(0, 0, 0, 0.5) !important; background-image: -webkit-linear-gradient(top, rgba(238, 162, 54, 0.5), rgba(0, 0, 0, 0.5)) !important; background-image: linear-gradient(to bottom, rgba(238, 162, 54, 0.5), rgba(0, 0, 0, 0.5)) !important; border-color: rgba(238, 162, 54, 0.5) !important; -webkit-filter: none !important; filter: none !important; } html.modo-escuro .alert-danger:not([id^="barra_"]):not([class*="_gradient"]), html.modo-escuro .modal-content .alert.alert-danger:not([class*="_gradient"]), html.modo-escuro #erro.alert-danger { color: #f5c2c0 !important; background-color: rgba(212, 63, 58, 0.28) !important; background-image: none !important; border-color: rgba(212, 63, 58, 0.55) !important; -webkit-filter: none !important; filter: none !important; } /* Mobile: toasts flutuantes (.erros_mob) — fundo opaco (sem rgba transparente) */ html.modo-escuro .erros_mob.alert-danger, html.modo-escuro .erros_mob.alert.alert-danger, html.modo-escuro #erro.erros_mob.alert-danger, html.modo-escuro #erro_loc.erros_mob.alert-danger { color: #f5c2c0 !important; background-color: #4a2a2a !important; background-image: none !important; border-color: #8a4545 !important; opacity: 1 !important; -webkit-filter: none !important; filter: drop-shadow(3px 3px 3px rgba(0, 0, 0, 0.6)) !important; } html.modo-escuro .erros_mob.alert-warning, html.modo-escuro .erros_mob.alert.alert-warning { color: #ffeeba !important; background-color: #4a3a1e !important; background-image: none !important; border-color: #8a6a2a !important; opacity: 1 !important; -webkit-filter: none !important; filter: drop-shadow(3px 3px 3px rgba(0, 0, 0, 0.6)) !important; } html.modo-escuro .erros_mob.alert-success, html.modo-escuro .erros_mob.alert.alert-success { color: #c3e6cb !important; background-color: #1e3324 !important; background-image: none !important; border-color: #2d5538 !important; opacity: 1 !important; -webkit-filter: none !important; filter: drop-shadow(3px 3px 3px rgba(0, 0, 0, 0.6)) !important; } html.modo-escuro .erros_mob.alert-info, html.modo-escuro .erros_mob.alert.alert-info { color: #bee5eb !important; background-color: #1a3340 !important; background-image: none !important; border-color: #2a5570 !important; opacity: 1 !important; -webkit-filter: none !important; filter: drop-shadow(3px 3px 3px rgba(0, 0, 0, 0.6)) !important; } html.modo-escuro .alert-danger_gradient:not([id^="barra_"]) { color: rgba(255, 255, 255, 0.8) !important; background-color: rgba(0, 0, 0, 0.5) !important; background-image: -webkit-linear-gradient(top, rgba(212, 63, 58, 0.5), rgba(0, 0, 0, 0.5)) !important; background-image: linear-gradient(to bottom, rgba(212, 63, 58, 0.5), rgba(0, 0, 0, 0.5)) !important; border-color: rgba(212, 63, 58, 0.5) !important; -webkit-filter: none !important; filter: none !important; } html.modo-escuro .alert-cinza_gradient:not([id^="barra_"]) { color: rgba(255, 255, 255, 0.8) !important; background-color: rgba(0, 0, 0, 0.5) !important; background-image: -webkit-linear-gradient(top, rgba(102, 102, 102, 0.5), rgba(0, 0, 0, 0.5)) !important; background-image: linear-gradient(to bottom, rgba(102, 102, 102, 0.5), rgba(0, 0, 0, 0.5)) !important; border-color: rgba(102, 102, 102, 0.5) !important; -webkit-filter: none !important; filter: none !important; } html.modo-escuro .alert-pink_gradient:not([id^="barra_"]) { color: rgba(255, 255, 255, 0.8) !important; background-color: rgba(0, 0, 0, 0.5) !important; background-image: -webkit-linear-gradient(top, rgba(153, 0, 102, 0.5), rgba(0, 0, 0, 0.5)) !important; background-image: linear-gradient(to bottom, rgba(153, 0, 102, 0.5), rgba(0, 0, 0, 0.5)) !important; border-color: rgba(153, 0, 102, 0.5) !important; -webkit-filter: none !important; filter: none !important; } html.modo-escuro .alert-roxo_gradient:not([id^="barra_"]) { color: rgba(255, 255, 255, 0.8) !important; background-color: rgba(0, 0, 0, 0.5) !important; background-image: -webkit-linear-gradient(top, rgba(102, 0, 102, 0.5), rgba(0, 0, 0, 0.5)) !important; background-image: linear-gradient(to bottom, rgba(102, 0, 102, 0.5), rgba(0, 0, 0, 0.5)) !important; border-color: rgba(102, 0, 102, 0.5) !important; -webkit-filter: none !important; filter: none !important; } /* Containers internos: sem fundo próprio; texto/ícones herdam o alert */ /* Exclui .tooltip: Bootstrap pode inserir o balão dentro do alert */ html.modo-escuro .alert-primary:not([id^="barra_"]) *:not(.dropdown-menu):not(.dropdown-menu *):not(.botao_fechar):not(.botao_fechar_mapa):not(.close):not(.btn):not(.btn *):not(.tooltip):not(.tooltip *), html.modo-escuro .alert-primary_gradient:not([id^="barra_"]) *:not(.dropdown-menu):not(.dropdown-menu *):not(.botao_fechar):not(.botao_fechar_mapa):not(.close):not(.btn):not(.btn *):not(.tooltip):not(.tooltip *), html.modo-escuro .modal-content .alert.alert-primary *:not(.dropdown-menu):not(.dropdown-menu *):not(.botao_fechar):not(.botao_fechar_mapa):not(.close):not(.btn):not(.btn *):not(.tooltip):not(.tooltip *), html.modo-escuro .modal-content .alert.alert-primary_gradient *:not(.dropdown-menu):not(.dropdown-menu *):not(.botao_fechar):not(.botao_fechar_mapa):not(.close):not(.btn):not(.btn *):not(.tooltip):not(.tooltip *), html.modo-escuro .alert-success:not([id^="barra_"]) *:not(.dropdown-menu):not(.dropdown-menu *):not(.botao_fechar):not(.botao_fechar_mapa):not(.close):not(.btn):not(.btn *):not(.tooltip):not(.tooltip *), html.modo-escuro .alert-success_gradient:not([id^="barra_"]) *:not(.dropdown-menu):not(.dropdown-menu *):not(.botao_fechar):not(.botao_fechar_mapa):not(.close):not(.btn):not(.btn *):not(.tooltip):not(.tooltip *), html.modo-escuro .modal-content .alert.alert-success *:not(.dropdown-menu):not(.dropdown-menu *):not(.botao_fechar):not(.botao_fechar_mapa):not(.close):not(.btn):not(.btn *):not(.tooltip):not(.tooltip *), html.modo-escuro .modal-content .alert.alert-success_gradient *:not(.dropdown-menu):not(.dropdown-menu *):not(.botao_fechar):not(.botao_fechar_mapa):not(.close):not(.btn):not(.btn *):not(.tooltip):not(.tooltip *), html.modo-escuro .alert-info:not([id^="barra_"]) *:not(.dropdown-menu):not(.dropdown-menu *):not(.botao_fechar):not(.botao_fechar_mapa):not(.close):not(.btn):not(.btn *):not(.tooltip):not(.tooltip *), html.modo-escuro .alert-info_gradient:not([id^="barra_"]) *:not(.dropdown-menu):not(.dropdown-menu *):not(.botao_fechar):not(.botao_fechar_mapa):not(.close):not(.btn):not(.btn *):not(.tooltip):not(.tooltip *), html.modo-escuro .alert-warning:not([id^="barra_"]) *:not(.dropdown-menu):not(.dropdown-menu *):not(.botao_fechar):not(.botao_fechar_mapa):not(.close):not(.btn):not(.btn *):not(.tooltip):not(.tooltip *), html.modo-escuro .alert-warning_gradient:not([id^="barra_"]) *:not(.dropdown-menu):not(.dropdown-menu *):not(.botao_fechar):not(.botao_fechar_mapa):not(.close):not(.btn):not(.btn *):not(.tooltip):not(.tooltip *), html.modo-escuro .alert-danger:not([id^="barra_"]) *:not(.dropdown-menu):not(.dropdown-menu *):not(.botao_fechar):not(.botao_fechar_mapa):not(.close):not(.btn):not(.btn *):not(.tooltip):not(.tooltip *), html.modo-escuro .alert-danger_gradient:not([id^="barra_"]) *:not(.dropdown-menu):not(.dropdown-menu *):not(.botao_fechar):not(.botao_fechar_mapa):not(.close):not(.btn):not(.btn *):not(.tooltip):not(.tooltip *), html.modo-escuro .alert-cinza_gradient:not([id^="barra_"]) *:not(.dropdown-menu):not(.dropdown-menu *):not(.botao_fechar):not(.botao_fechar_mapa):not(.close):not(.btn):not(.btn *):not(.tooltip):not(.tooltip *), html.modo-escuro .alert-pink_gradient:not([id^="barra_"]) *:not(.dropdown-menu):not(.dropdown-menu *):not(.botao_fechar):not(.botao_fechar_mapa):not(.close):not(.btn):not(.btn *):not(.tooltip):not(.tooltip *), html.modo-escuro .alert-roxo_gradient:not([id^="barra_"]) *:not(.dropdown-menu):not(.dropdown-menu *):not(.botao_fechar):not(.botao_fechar_mapa):not(.close):not(.btn):not(.btn *):not(.tooltip):not(.tooltip *) { background: transparent !important; background-color: transparent !important; background-image: none !important; box-shadow: none !important; color: inherit !important; opacity: 1 !important; } /* * #barra_* (depois dos alerts, para vencer .alert-info): * cartão escuro discreto (aspecto do Painel do Usuário); * conteúdo a 50% via cor (evita opacidade composta). * #barra_ass (assinatura) fica de fora — usa o degradê do alert. */ html.modo-escuro #barra_desk, html.modo-escuro #barra_mobile, html.modo-escuro [id^="barra_"]:not(#barra_ass):not(.alert) { background: var(--sinc-barra) !important; background-color: var(--sinc-barra) !important; background-image: none !important; border: 1px solid #3a4558 !important; border-radius: 5px !important; color: var(--sinc-barra-text) !important; opacity: 1 !important; box-shadow: none !important; } html.modo-escuro #barra_desk, html.modo-escuro #barra_mobile { background: var(--sinc-bg) !important; background-color: var(--sinc-bg) !important; } /* Com botão lateral (menu/retorno): fecha o cartão à direita no .btn-barra */ html.modo-escuro #barra_desk[style*="border-right"], html.modo-escuro #barra_mobile[style*="border-right"] { border-right: none !important; border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } html.modo-escuro #barra_desk *, html.modo-escuro #barra_mobile *, html.modo-escuro [id^="barra_"]:not(#barra_ass):not(.alert) *:not(.dropdown-menu):not(.dropdown-menu *):not(.btn-barra):not(.btn-barra *) { background: transparent !important; background-color: transparent !important; background-image: none !important; color: inherit !important; opacity: 1 !important; } html.modo-escuro #barra_desk i, html.modo-escuro #barra_mobile i, html.modo-escuro [id^="barra_"]:not(#barra_ass):not(.alert) i { color: var(--sinc-barra-icon) !important; opacity: 1 !important; } /* Tabela que acomoda o botão da barra: invisível (não cobrir o espaçamento) */ html.modo-escuro #conteudo table.table-simples, html.modo-escuro #conteudo table.table-simples tr, html.modo-escuro #conteudo table.table-simples td, html.modo-escuro table.table-simples:not(#tabela_formulario), html.modo-escuro table.table-simples:not(#tabela_formulario) tr, html.modo-escuro table.table-simples:not(#tabela_formulario) td { background: transparent !important; background-color: transparent !important; background-image: none !important; border: none !important; box-shadow: none !important; } /* Botão da barra: aspecto anterior (degradê institucional); só integra a borda ao cartão #barra_*. * Não altera height/margin — preserva o espaçamento do modo claro (ex.: iframes 47px/-6px). */ html.modo-escuro .btn-barra, html.modo-escuro .btn-barra.dropdown-toggle, html.modo-escuro .btn.btn-barra, html.modo-escuro button.btn-barra, html.modo-escuro #destinatarios.btn-barra, html.modo-escuro #destinatarios2, html.modo-escuro #destinatarios2.btn-barra { background-color: #3d4450 !important; background-image: -webkit-linear-gradient(top, #0f1115 0%, #3d4450 55%, rgba(61, 68, 80, 0.87) 100%) !important; background-image: linear-gradient(180deg, #0f1115 0%, #3d4450 55%, rgba(61, 68, 80, 0.87) 100%) !important; border: 1px solid #3a4558 !important; border-left: none !important; border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; border-top-right-radius: var(--sinc-input-radius) !important; border-bottom-right-radius: var(--sinc-input-radius) !important; color: #fff !important; opacity: 1 !important; box-shadow: none !important; -webkit-filter: none !important; filter: none !important; } html.modo-escuro .btn-barra i, html.modo-escuro .btn-barra.dropdown-toggle i, html.modo-escuro #destinatarios2 i, html.modo-escuro #destinatarios i { color: #fff !important; opacity: 0.45 !important; } html.modo-escuro .btn-barra:hover, html.modo-escuro .btn-barra.dropdown-toggle:hover, html.modo-escuro #destinatarios2:hover, html.modo-escuro #destinatarios:hover { background-color: #454c59 !important; background-image: -webkit-linear-gradient(top, #1a1e26 0%, #454c59 55%, rgba(69, 76, 89, 0.9) 100%) !important; background-image: linear-gradient(180deg, #1a1e26 0%, #454c59 55%, rgba(69, 76, 89, 0.9) 100%) !important; border-color: #3a4558 !important; color: #fff !important; } html.modo-escuro .btn-barra:hover i, html.modo-escuro .btn-barra.dropdown-toggle:hover i, html.modo-escuro #destinatarios2:hover i, html.modo-escuro #destinatarios:hover i { color: #fff !important; opacity: 0.7 !important; } /* Botão fechar nos modais: fundo transparente; ícone X preservado */ html.modo-escuro .modal-content .botao_fechar, html.modo-escuro .modal-content .botao_fechar_mapa, html.modo-escuro .modal-content a.botao_fechar, html.modo-escuro .modal-content .close { background: transparent !important; background-color: transparent !important; background-image: none !important; } /* Posição do X: igual ao modo claro (forms.css: top/right 4px) */ html.modo-escuro .modal-content .botao_fechar, html.modo-escuro .modal-content .botao_fechar_mapa, html.modo-escuro .modal-content a.botao_fechar, html.modo-escuro .modal-content div.botao_fechar_mapa, html.modo-escuro .modal-content > .alert > .botao_fechar, html.modo-escuro .modal-content > .alert > a.botao_fechar, html.modo-escuro .modal-content > .alert > .botao_fechar_mapa, html.modo-escuro .modal-content > .alert table td:has(> .botao_fechar) > .botao_fechar, html.modo-escuro .modal-content > .alert table td:has(> a.botao_fechar) > a.botao_fechar, html.modo-escuro .modal-content > .alert table td:has(> .botao_fechar_mapa) > .botao_fechar_mapa { top: 4px !important; right: 4px !important; } html.modo-escuro { --sincadi-modal-fechar-offset-top: 4px; --sincadi-modal-fechar-offset-direita: 4px; } /* X times.svg só nos modais */ html.modo-escuro .modal-content .botao_fechar:before, html.modo-escuro .modal-content .botao_fechar_mapa:before, html.modo-escuro .modal-content a.botao_fechar:before, html.modo-escuro .modal-content div.botao_fechar_mapa:before { content: "" !important; opacity: 0.6 !important; position: absolute !important; width: 16px !important; height: 24px !important; background: url("../../images/svg/times.svg") no-repeat !important; background-image: url("../../images/svg/times.svg") !important; background-color: transparent !important; /* Igual ao modo claro (forms.css: top 8px / right 12px) */ top: 8px !important; right: 12px !important; left: auto !important; transform: none !important; font-size: 0 !important; line-height: 0 !important; filter: none !important; display: block !important; } html.modo-escuro .modal-content .botao_fechar:hover, html.modo-escuro .modal-content .botao_fechar_mapa:hover { background-color: rgba(0, 0, 0, 0.4) !important; } html.modo-escuro .botao_modo_escuro, html.modo-escuro #btn_modo_escuro_teste { background: transparent !important; color: #fff !important; } html.modo-escuro .botao_modo_escuro:hover, html.modo-escuro #btn_modo_escuro_teste:hover { background-color: rgba(0, 0, 0, 0.4) !important; } /* Sem anel/marca de foco ao setar (:focus / :active) */ html.modo-escuro .btn:focus, html.modo-escuro .btn:focus-visible, html.modo-escuro .btn.focus, html.modo-escuro .btn:active, html.modo-escuro .btn.active, html.modo-escuro .btn:active:focus, html.modo-escuro .btn.active:focus, html.modo-escuro .btn:active.focus, html.modo-escuro .btn.active.focus, html.modo-escuro a.btn:focus, html.modo-escuro a.btn:focus-visible, html.modo-escuro a.btn:active, html.modo-escuro button.btn:focus, html.modo-escuro button.btn:focus-visible, html.modo-escuro button.btn:active, html.modo-escuro button:focus, html.modo-escuro button:focus-visible, html.modo-escuro button:active { outline: none !important; outline-offset: 0 !important; -webkit-box-shadow: none !important; box-shadow: none !important; } html.modo-escuro .btn-default:not(.btn-barra), html.modo-escuro a.btn-default { color: rgba(255, 255, 255, 0.8) !important; background-color: rgba(0, 0, 0, 0.5) !important; background-image: -webkit-linear-gradient(top, rgba(102, 102, 102, 0.5), rgba(0, 0, 0, 0.5)) !important; background-image: linear-gradient(to bottom, rgba(102, 102, 102, 0.5), rgba(0, 0, 0, 0.5)) !important; border-color: rgba(102, 102, 102, 0.5) !important; } html.modo-escuro .btn-primary:not(.btn-barra), html.modo-escuro a.btn-primary, html.modo-escuro .btn-selecionar_focus { color: rgba(255, 255, 255, 0.8) !important; background-color: rgba(0, 0, 0, 0.5) !important; background-image: -webkit-linear-gradient(top, rgba(var(--sinc-accent-rgb), 0.5), rgba(0, 0, 0, 0.5)) !important; background-image: linear-gradient(to bottom, rgba(var(--sinc-accent-rgb), 0.5), rgba(0, 0, 0, 0.5)) !important; border-color: rgba(var(--sinc-accent-rgb), 0.5) !important; } html.modo-escuro .btn-success:not(.btn-barra), html.modo-escuro a.btn-success { color: rgba(255, 255, 255, 0.8) !important; background-color: rgba(0, 0, 0, 0.5) !important; background-image: -webkit-linear-gradient(top, rgba(76, 174, 76, 0.5), rgba(0, 0, 0, 0.5)) !important; background-image: linear-gradient(to bottom, rgba(76, 174, 76, 0.5), rgba(0, 0, 0, 0.5)) !important; border-color: rgba(76, 174, 76, 0.5) !important; } html.modo-escuro .btn-info:not(.btn-barra), html.modo-escuro a.btn-info { color: rgba(255, 255, 255, 0.8) !important; background-color: rgba(0, 0, 0, 0.5) !important; background-image: -webkit-linear-gradient(top, rgba(70, 184, 218, 0.5), rgba(0, 0, 0, 0.5)) !important; background-image: linear-gradient(to bottom, rgba(70, 184, 218, 0.5), rgba(0, 0, 0, 0.5)) !important; border-color: rgba(70, 184, 218, 0.5) !important; } html.modo-escuro .btn-warning:not(.btn-barra), html.modo-escuro a.btn-warning { color: rgba(255, 255, 255, 0.8) !important; background-color: rgba(0, 0, 0, 0.5) !important; background-image: -webkit-linear-gradient(top, rgba(238, 162, 54, 0.5), rgba(0, 0, 0, 0.5)) !important; background-image: linear-gradient(to bottom, rgba(238, 162, 54, 0.5), rgba(0, 0, 0, 0.5)) !important; border-color: rgba(238, 162, 54, 0.5) !important; } html.modo-escuro .btn-danger:not(.btn-barra), html.modo-escuro a.btn-danger { color: rgba(255, 255, 255, 0.8) !important; background-color: rgba(0, 0, 0, 0.5) !important; background-image: -webkit-linear-gradient(top, rgba(212, 63, 58, 0.5), rgba(0, 0, 0, 0.5)) !important; background-image: linear-gradient(to bottom, rgba(212, 63, 58, 0.5), rgba(0, 0, 0, 0.5)) !important; border-color: rgba(212, 63, 58, 0.5) !important; } html.modo-escuro .btn-roxo:not(.btn-barra), html.modo-escuro a.btn-roxo { color: rgba(255, 255, 255, 0.8) !important; background-color: rgba(0, 0, 0, 0.5) !important; background-image: -webkit-linear-gradient(top, rgba(204, 102, 204, 0.5), rgba(0, 0, 0, 0.5)) !important; background-image: linear-gradient(to bottom, rgba(204, 102, 204, 0.5), rgba(0, 0, 0, 0.5)) !important; border-color: rgba(204, 51, 204, 0.5) !important; } html.modo-escuro .btn-laranja:not(.btn-barra), html.modo-escuro a.btn-laranja { color: rgba(255, 255, 255, 0.8) !important; background-color: rgba(0, 0, 0, 0.5) !important; background-image: -webkit-linear-gradient(top, rgba(153, 51, 0, 0.5), rgba(0, 0, 0, 0.5)) !important; background-image: linear-gradient(to bottom, rgba(153, 51, 0, 0.5), rgba(0, 0, 0, 0.5)) !important; border-color: rgba(153, 51, 0, 0.5) !important; } html.modo-escuro .btn-selecionar_blur { color: rgba(255, 255, 255, 0.8) !important; background-color: rgba(0, 0, 0, 0.5) !important; background-image: -webkit-linear-gradient(top, rgba(153, 153, 153, 0.5), rgba(0, 0, 0, 0.5)) !important; background-image: linear-gradient(to bottom, rgba(153, 153, 153, 0.5), rgba(0, 0, 0, 0.5)) !important; border-color: rgba(153, 153, 153, 0.5) !important; } /* Ícones FA nos botões: herdam o alpha 0.8 do texto */ html.modo-escuro .btn-default:not(.btn-barra) i, html.modo-escuro .btn-primary:not(.btn-barra) i, html.modo-escuro .btn-success:not(.btn-barra) i, html.modo-escuro .btn-info:not(.btn-barra) i, html.modo-escuro .btn-warning:not(.btn-barra) i, html.modo-escuro .btn-danger:not(.btn-barra) i, html.modo-escuro .btn-roxo:not(.btn-barra) i, html.modo-escuro .btn-laranja:not(.btn-barra) i, html.modo-escuro a.btn-default i, html.modo-escuro a.btn-primary i, html.modo-escuro a.btn-success i, html.modo-escuro a.btn-info i, html.modo-escuro a.btn-warning i, html.modo-escuro a.btn-danger i, html.modo-escuro a.btn-roxo i, html.modo-escuro a.btn-laranja i, html.modo-escuro .btn-selecionar_focus i, html.modo-escuro .btn-selecionar_blur i, html.modo-escuro .btn-default:not(.btn-barra) [class*="fa-"], html.modo-escuro .btn-primary:not(.btn-barra) [class*="fa-"], html.modo-escuro .btn-success:not(.btn-barra) [class*="fa-"], html.modo-escuro .btn-info:not(.btn-barra) [class*="fa-"], html.modo-escuro .btn-warning:not(.btn-barra) [class*="fa-"], html.modo-escuro .btn-danger:not(.btn-barra) [class*="fa-"], html.modo-escuro .btn-roxo:not(.btn-barra) [class*="fa-"], html.modo-escuro .btn-laranja:not(.btn-barra) [class*="fa-"], html.modo-escuro a.btn-default [class*="fa-"], html.modo-escuro a.btn-primary [class*="fa-"], html.modo-escuro a.btn-success [class*="fa-"], html.modo-escuro a.btn-info [class*="fa-"], html.modo-escuro a.btn-warning [class*="fa-"], html.modo-escuro a.btn-danger [class*="fa-"], html.modo-escuro a.btn-roxo [class*="fa-"], html.modo-escuro a.btn-laranja [class*="fa-"] { color: inherit !important; opacity: 1 !important; } /* Hover: mantém degradê, um pouco mais presente */ html.modo-escuro .btn-default:not(.btn-barra):hover, html.modo-escuro a.btn-default:hover { color: rgba(255, 255, 255, 0.9) !important; background-image: -webkit-linear-gradient(top, rgba(102, 102, 102, 0.65), rgba(0, 0, 0, 0.65)) !important; background-image: linear-gradient(to bottom, rgba(102, 102, 102, 0.65), rgba(0, 0, 0, 0.65)) !important; } html.modo-escuro .btn-primary:not(.btn-barra):hover, html.modo-escuro a.btn-primary:hover, html.modo-escuro .btn-selecionar_focus:hover, html.modo-escuro .btn-selecionar_blur:hover { color: rgba(255, 255, 255, 0.9) !important; background-image: -webkit-linear-gradient(top, rgba(var(--sinc-accent-rgb), 0.65), rgba(0, 0, 0, 0.65)) !important; background-image: linear-gradient(to bottom, rgba(var(--sinc-accent-rgb), 0.65), rgba(0, 0, 0, 0.65)) !important; } html.modo-escuro .btn-success:not(.btn-barra):hover, html.modo-escuro a.btn-success:hover { color: rgba(255, 255, 255, 0.9) !important; background-image: -webkit-linear-gradient(top, rgba(76, 174, 76, 0.65), rgba(0, 0, 0, 0.65)) !important; background-image: linear-gradient(to bottom, rgba(76, 174, 76, 0.65), rgba(0, 0, 0, 0.65)) !important; } html.modo-escuro .btn-info:not(.btn-barra):hover, html.modo-escuro a.btn-info:hover { color: rgba(255, 255, 255, 0.9) !important; background-image: -webkit-linear-gradient(top, rgba(70, 184, 218, 0.65), rgba(0, 0, 0, 0.65)) !important; background-image: linear-gradient(to bottom, rgba(70, 184, 218, 0.65), rgba(0, 0, 0, 0.65)) !important; } html.modo-escuro .btn-warning:not(.btn-barra):hover, html.modo-escuro a.btn-warning:hover { color: rgba(255, 255, 255, 0.9) !important; background-image: -webkit-linear-gradient(top, rgba(238, 162, 54, 0.65), rgba(0, 0, 0, 0.65)) !important; background-image: linear-gradient(to bottom, rgba(238, 162, 54, 0.65), rgba(0, 0, 0, 0.65)) !important; } html.modo-escuro .btn-danger:not(.btn-barra):hover, html.modo-escuro a.btn-danger:hover { color: rgba(255, 255, 255, 0.9) !important; background-image: -webkit-linear-gradient(top, rgba(212, 63, 58, 0.65), rgba(0, 0, 0, 0.65)) !important; background-image: linear-gradient(to bottom, rgba(212, 63, 58, 0.65), rgba(0, 0, 0, 0.65)) !important; } html.modo-escuro .btn-roxo:not(.btn-barra):hover, html.modo-escuro a.btn-roxo:hover { color: rgba(255, 255, 255, 0.9) !important; background-image: -webkit-linear-gradient(top, rgba(204, 102, 204, 0.65), rgba(0, 0, 0, 0.65)) !important; background-image: linear-gradient(to bottom, rgba(204, 102, 204, 0.65), rgba(0, 0, 0, 0.65)) !important; border-color: rgba(204, 51, 204, 0.7) !important; } html.modo-escuro .btn-laranja:not(.btn-barra):hover, html.modo-escuro a.btn-laranja:hover { color: rgba(255, 255, 255, 0.9) !important; background-image: -webkit-linear-gradient(top, rgba(153, 51, 0, 0.65), rgba(0, 0, 0, 0.65)) !important; background-image: linear-gradient(to bottom, rgba(153, 51, 0, 0.65), rgba(0, 0, 0, 0.65)) !important; } html.modo-escuro .dropdown-menu, html.modo-escuro .ui-menu, html.modo-escuro .ui-autocomplete { background-color: var(--sinc-surface) !important; border-color: var(--sinc-border) !important; color: var(--sinc-text) !important; } /* Menu de contexto (botões custom / clique direito) */ html.modo-escuro ul.custom-menu, html.modo-escuro .custom-menu { background: var(--sinc-surface) !important; background-color: var(--sinc-surface) !important; border: 1px solid var(--sinc-border) !important; border-color: var(--sinc-border) !important; color: var(--sinc-text) !important; border-radius: var(--sinc-radius) !important; box-shadow: 0 4px 16px var(--sinc-shadow) !important; } html.modo-escuro .custom-menu li { background: transparent !important; color: var(--sinc-text) !important; } html.modo-escuro .custom-menu li:hover { background-color: var(--sinc-hover) !important; } html.modo-escuro .dropdown-menu > li > a, html.modo-escuro .ui-menu-item-wrapper { color: var(--sinc-text) !important; } html.modo-escuro .dropdown-menu > li > a:hover, html.modo-escuro .ui-state-active { background-color: var(--sinc-hover) !important; color: var(--sinc-link) !important; } html.modo-escuro .dataTables_wrapper .row { background-color: transparent !important; } /* DataTables: paginação, botões, processing, length/filter */ html.modo-escuro .dataTables_wrapper .pagination > li > a, html.modo-escuro .dataTables_wrapper .pagination > li > span, html.modo-escuro .pagination > li > a, html.modo-escuro .pagination > li > span, html.modo-escuro .dataTables_wrapper .paginate_button, html.modo-escuro .dataTables_paginate .paginate_button { background-color: var(--sinc-surface-2) !important; border-color: var(--sinc-border) !important; color: var(--sinc-inst-link) !important; } html.modo-escuro .dataTables_wrapper .pagination > li > a:hover, html.modo-escuro .dataTables_wrapper .pagination > li > span:hover, html.modo-escuro .pagination > li > a:hover, html.modo-escuro .pagination > li > span:hover, html.modo-escuro .dataTables_wrapper .paginate_button:hover, html.modo-escuro .dataTables_paginate .paginate_button:hover { background-color: var(--sinc-hover) !important; border-color: var(--sinc-border) !important; color: var(--sinc-text) !important; } html.modo-escuro .dataTables_wrapper .pagination > .active > a, html.modo-escuro .dataTables_wrapper .pagination > .active > a:focus, html.modo-escuro .dataTables_wrapper .pagination > .active > a:hover, html.modo-escuro .dataTables_wrapper .pagination > .active > span, html.modo-escuro .pagination > .active > a, html.modo-escuro .pagination > .active > span, html.modo-escuro .dataTables_wrapper .paginate_button.current, html.modo-escuro .dataTables_wrapper .paginate_button.current:hover, html.modo-escuro .dataTables_paginate .paginate_button.current, html.modo-escuro .dataTables_paginate .paginate_button.current:hover { color: rgba(255, 255, 255, 0.9) !important; background-color: rgba(0, 0, 0, 0.5) !important; background-image: linear-gradient(to bottom, rgba(var(--sinc-inst-rgb), 0.55), rgba(0, 0, 0, 0.55)) !important; border-color: rgba(var(--sinc-inst-rgb), 0.55) !important; } html.modo-escuro .dataTables_wrapper .pagination > .disabled > a, html.modo-escuro .dataTables_wrapper .pagination > .disabled > span, html.modo-escuro .pagination > .disabled > a, html.modo-escuro .pagination > .disabled > span { background-color: var(--sinc-surface) !important; border-color: var(--sinc-border) !important; color: var(--sinc-text-muted) !important; } html.modo-escuro div.dataTables_processing, html.modo-escuro .dataTables_wrapper div.dataTables_processing { background-color: var(--sinc-surface) !important; border-color: var(--sinc-border) !important; color: var(--sinc-inst-link) !important; box-shadow: 0 4px 16px var(--sinc-shadow) !important; opacity: 1 !important; } /* Espaço visível no 1º carregamento do DataTable */ html.modo-escuro .table-wrapper.dt-primeiro-carregamento, html.modo-escuro div.dataTables_wrapper.dt-primeiro-carregamento, html.modo-escuro div.dataTables_wrapper.dt-primeiro-carregamento .dt-imagem-fundo-carregamento, html.modo-escuro div.dataTables_wrapper.dt-primeiro-carregamento table.dataTable, html.modo-escuro div.dataTables_wrapper.dt-primeiro-carregamento table.dataTable tbody tr.dt-linha-placeholder-fundo, html.modo-escuro div.dataTables_wrapper.dt-primeiro-carregamento table.dataTable tbody tr.dt-linha-placeholder-fundo td { background: transparent !important; background-color: transparent !important; background-image: none !important; } html.modo-escuro div.dataTables_wrapper.dt-primeiro-carregamento .dt-imagem-fundo-carregamento::before { background: linear-gradient(transparent 20%, rgb(var(--sinc-inst-rgb))) !important; opacity: 0.2 !important; } html.modo-escuro .dataTables_wrapper .dataTables_length select, html.modo-escuro .dataTables_wrapper .dataTables_filter input { background-color: var(--sinc-input-bg) !important; color: var(--sinc-text) !important; border-color: var(--sinc-border) !important; } html.modo-escuro button.dt-button, html.modo-escuro div.dt-button, html.modo-escuro a.dt-button { color: rgba(255, 255, 255, 0.8) !important; background-color: rgba(0, 0, 0, 0.5) !important; background-image: linear-gradient(to bottom, rgba(102, 102, 102, 0.5), rgba(0, 0, 0, 0.5)) !important; border-color: rgba(102, 102, 102, 0.5) !important; } html.modo-escuro button.dt-button:hover:not(.disabled), html.modo-escuro div.dt-button:hover:not(.disabled), html.modo-escuro a.dt-button:hover:not(.disabled) { color: rgba(255, 255, 255, 0.9) !important; background-image: linear-gradient(to bottom, rgba(var(--sinc-accent-rgb), 0.65), rgba(0, 0, 0, 0.65)) !important; border-color: rgba(var(--sinc-accent-rgb), 0.65) !important; } html.modo-escuro button.dt-button.active:not(.disabled), html.modo-escuro div.dt-button.active:not(.disabled), html.modo-escuro a.dt-button.active:not(.disabled), html.modo-escuro div.dt-button-collection button.dt-button.active:not(.disabled), html.modo-escuro div.dt-button-collection a.dt-button.active:not(.disabled) { color: rgba(255, 255, 255, 0.9) !important; background-color: rgba(0, 0, 0, 0.5) !important; background-image: linear-gradient(to bottom, rgba(var(--sinc-accent-rgb), 0.5), rgba(0, 0, 0, 0.5)) !important; border-color: rgba(var(--sinc-accent-rgb), 0.5) !important; } html.modo-escuro div.dt-button-collection, html.modo-escuro div.dt-button-info { background-color: var(--sinc-surface) !important; border-color: var(--sinc-border) !important; color: var(--sinc-text) !important; box-shadow: 0 6px 20px var(--sinc-shadow) !important; } html.modo-escuro div.dt-button-info h2 { background-color: rgba(204, 0, 0, 0.5) !important; color: rgba(255, 255, 255, 0.9) !important; border-color: var(--sinc-border) !important; } html.modo-escuro div.dataTables_scrollHead table.dataTable, html.modo-escuro div.dataTables_scrollBody > table, html.modo-escuro div.dataTables_scrollFoot > .dataTables_scrollFootInner > table { background-color: var(--sinc-surface) !important; } /* * DataTables — anular fundos claros de mobile.css / dataTable.css * (#FFF, #FBFBFB, gradientes dos .dt-button, tbody branco). */ html.modo-escuro .dataTables_wrapper, html.modo-escuro #tabelaPadrao_wrapper, html.modo-escuro div.container_bt { background-color: var(--sinc-surface) !important; background-image: none !important; border-color: var(--sinc-border) !important; color: var(--sinc-text) !important; } html.modo-escuro #tabelaPadrao, html.modo-escuro #tabelaPadrao_info, html.modo-escuro .dataTables_info, html.modo-escuro table.dataTable, html.modo-escuro .table-wrapper table.dataTable, html.modo-escuro #tabelaPadrao > tbody, html.modo-escuro .table-wrapper table.dataTable > tbody, html.modo-escuro #conteudo_menu > .table-wrapper table > tbody, html.modo-escuro #conteudo_menu > div.table-wrapper > div > table > tbody, html.modo-escuro #conteudo_menu > div.table-wrapper > div:nth-child(1) > table > tbody { background: transparent !important; background-color: transparent !important; background-image: none !important; } html.modo-escuro .dataTables_wrapper.dt-rodape-info-visivel div.dataTables_info { background-color: var(--sinc-surface-2) !important; border-color: var(--sinc-border) !important; color: var(--sinc-inst-link) !important; } /* DataTable: mesmo visual dos .btn-default do tema escuro (gradiente cinza) */ html.modo-escuro div.dt-buttons > .dt-button, html.modo-escuro div.dt-buttons > button.dt-button, html.modo-escuro div.dt-buttons > a.dt-button, html.modo-escuro div.dt-button-collection .dt-button, html.modo-escuro div.dt-button-collection button.dt-button, html.modo-escuro div.dt-button-collection a.dt-button { color: rgba(255, 255, 255, 0.8) !important; background-color: rgba(0, 0, 0, 0.5) !important; background-image: -webkit-linear-gradient(top, rgba(102, 102, 102, 0.5), rgba(0, 0, 0, 0.5)) !important; background-image: linear-gradient(to bottom, rgba(102, 102, 102, 0.5), rgba(0, 0, 0, 0.5)) !important; border-color: rgba(102, 102, 102, 0.5) !important; text-shadow: none !important; box-shadow: none !important; } html.modo-escuro div.dt-buttons > .dt-button i, html.modo-escuro div.dt-buttons > button.dt-button i, html.modo-escuro div.dt-buttons > a.dt-button i, html.modo-escuro div.dt-buttons > .dt-button [class*="fa-"], html.modo-escuro div.dt-buttons > button.dt-button [class*="fa-"], html.modo-escuro div.dt-buttons > a.dt-button [class*="fa-"], html.modo-escuro div.dt-button-collection .dt-button i, html.modo-escuro div.dt-button-collection .dt-button [class*="fa-"] { color: inherit !important; opacity: 1 !important; } html.modo-escuro div.dt-buttons > .dt-button:hover:not(.disabled), html.modo-escuro div.dt-buttons > button.dt-button:hover:not(.disabled), html.modo-escuro div.dt-buttons > a.dt-button:hover:not(.disabled), html.modo-escuro div.dt-button-collection .dt-button:hover:not(.disabled) { color: rgba(255, 255, 255, 0.9) !important; background-color: rgba(0, 0, 0, 0.5) !important; background-image: -webkit-linear-gradient(top, rgba(102, 102, 102, 0.65), rgba(0, 0, 0, 0.65)) !important; background-image: linear-gradient(to bottom, rgba(102, 102, 102, 0.65), rgba(0, 0, 0, 0.65)) !important; border-color: rgba(102, 102, 102, 0.65) !important; } html.modo-escuro div.dt-buttons > .dt-button.active:not(.disabled), html.modo-escuro div.dt-buttons > button.dt-button.active:not(.disabled), html.modo-escuro div.dt-buttons > a.dt-button.active:not(.disabled), html.modo-escuro div.dt-button-collection .dt-button.active:not(.disabled), html.modo-escuro div.dt-button-collection button.dt-button.active:not(.disabled), html.modo-escuro div.dt-button-collection a.dt-button.active:not(.disabled) { color: rgba(255, 255, 255, 0.9) !important; background-color: rgba(0, 0, 0, 0.5) !important; background-image: -webkit-linear-gradient(top, rgba(var(--sinc-accent-rgb), 0.5), rgba(0, 0, 0, 0.5)) !important; background-image: linear-gradient(to bottom, rgba(var(--sinc-accent-rgb), 0.5), rgba(0, 0, 0, 0.5)) !important; border-color: rgba(var(--sinc-accent-rgb), 0.5) !important; } html.modo-escuro table.dataTable tbody td.no-padding, html.modo-escuro .table-wrapper table.dataTable tbody td.no-padding { background-color: var(--sinc-surface) !important; } html.modo-escuro .table-striped > tbody > tr:nth-of-type(odd), html.modo-escuro .table-striped > tbody > tr:nth-of-type(odd) > td, html.modo-escuro .table-striped > tbody > tr:nth-of-type(odd) > th { background-color: var(--sinc-row) !important; } html.modo-escuro .table-striped > tbody > tr:nth-of-type(even), html.modo-escuro .table-striped > tbody > tr:nth-of-type(even) > td, html.modo-escuro .table-striped > tbody > tr:nth-of-type(even) > th { background-color: var(--sinc-row-alt) !important; } html.modo-escuro .dt-button-background { background: rgba(0, 0, 0, 0.55) !important; } html.modo-escuro .dataTables_wrapper .dataTables_length label, html.modo-escuro .dataTables_wrapper .dataTables_filter label { color: var(--sinc-text-muted) !important; background: transparent !important; } /* Botões de ação indisponíveis/ausentes (#DDD+#BBB, ex.: Editar bloqueado) + btn-vazio-* : aspecto #barra_* */ html.modo-escuro .btn.btn-sm[style*="#DDD"], html.modo-escuro .btn.btn-sm[style*="#ddd"], html.modo-escuro .btn.btn-sm[style*="#Ddd"], html.modo-escuro .btn[style*="background-color: #DDD"], html.modo-escuro .btn[style*="background-color:#DDD"], html.modo-escuro .btn[style*="background-color: #ddd"], html.modo-escuro .btn[style*="background-color:#ddd"], html.modo-escuro button.btn[style*="#DDD"], html.modo-escuro button.btn[style*="#ddd"], html.modo-escuro a.btn[style*="#DDD"], html.modo-escuro a.btn[style*="#ddd"], /* Ciclo escala: botão X (fora) = mesmo aspecto dos inexistentes (#barra_*) */ html.modo-escuro .btn_ciclo.btn_ciclo_fora, html.modo-escuro .btn_ciclo.btn_ciclo_fora:hover, html.modo-escuro .btn_ciclo.btn_ciclo_fora:focus, html.modo-escuro .btn_ciclo.btn_ciclo_fora:active, html.modo-escuro [class*="btn-vazio-"], html.modo-escuro [class*="btn-vazio-"]:focus, html.modo-escuro [class*="btn-vazio-"]:hover, html.modo-escuro [class*="btn-vazio-"]:active, html.modo-escuro .btn-sm.btn_ciclo_fora, html.modo-escuro button.btn-sm.btn_ciclo_fora, html.modo-escuro .btn.ne, html.modo-escuro button.ne, html.modo-escuro a.btn.ne { background: var(--sinc-barra) !important; background-color: var(--sinc-barra) !important; background-image: none !important; border-color: #3a4558 !important; color: var(--sinc-barra-text) !important; opacity: 1 !important; box-shadow: none !important; } html.modo-escuro .btn.btn-sm[style*="#DDD"] i, html.modo-escuro .btn.btn-sm[style*="#ddd"] i, html.modo-escuro .btn.btn-sm[style*="#DDD"] b, html.modo-escuro .btn.btn-sm[style*="#ddd"] b, html.modo-escuro .btn[style*="background-color: #DDD"] i, html.modo-escuro .btn[style*="background-color:#DDD"] i, html.modo-escuro .btn[style*="background-color: #ddd"] i, html.modo-escuro .btn[style*="background-color:#ddd"] i, html.modo-escuro button.btn[style*="#DDD"] i, html.modo-escuro button.btn[style*="#ddd"] i, html.modo-escuro a.btn[style*="#DDD"] i, html.modo-escuro a.btn[style*="#ddd"] i, html.modo-escuro .btn.btn-sm[style*="#DDD"] [class*="fa-"], html.modo-escuro .btn.btn-sm[style*="#ddd"] [class*="fa-"], html.modo-escuro [class*="btn-vazio-"] i, html.modo-escuro [class*="btn-vazio-"] b, html.modo-escuro [class*="btn-vazio-"] .legenda-txt, html.modo-escuro [class*="btn-vazio-"] [class*="fa-"], html.modo-escuro .btn-sm.btn_ciclo_fora b, html.modo-escuro button.btn-sm.btn_ciclo_fora b, html.modo-escuro .btn.ne i, html.modo-escuro button.ne i { color: var(--sinc-barra-icon) !important; opacity: 1 !important; } /* Seletor de cor de etiqueta: vazios mantêm borda/ícone da cor (identificáveis) */ html.modo-escuro .etiquetas-cor-rapida .btn-vazio-success, html.modo-escuro .etiquetas-cor-rapida .btn-vazio-success:focus, html.modo-escuro .etiquetas-cor-rapida .btn-vazio-success:hover, html.modo-escuro .etiquetas-cor-rapida .btn-vazio-success:active { border: 1px solid #4cae4c !important; border-color: #4cae4c !important; color: #5cb85c !important; background: var(--sinc-surface-2) !important; background-image: none !important; box-shadow: none !important; } html.modo-escuro .etiquetas-cor-rapida .btn-vazio-success i, html.modo-escuro .etiquetas-cor-rapida .btn-vazio-success [class*="fa-"] { color: #5cb85c !important; } html.modo-escuro .etiquetas-cor-rapida .btn-vazio-primary, html.modo-escuro .etiquetas-cor-rapida .btn-vazio-primary:focus, html.modo-escuro .etiquetas-cor-rapida .btn-vazio-primary:hover, html.modo-escuro .etiquetas-cor-rapida .btn-vazio-primary:active { border: 1px solid #0275d8 !important; border-color: #0275d8 !important; color: #5a9fd4 !important; background: var(--sinc-surface-2) !important; background-image: none !important; box-shadow: none !important; } html.modo-escuro .etiquetas-cor-rapida .btn-vazio-primary i, html.modo-escuro .etiquetas-cor-rapida .btn-vazio-primary [class*="fa-"] { color: #5a9fd4 !important; } html.modo-escuro .etiquetas-cor-rapida .btn-vazio-danger, html.modo-escuro .etiquetas-cor-rapida .btn-vazio-danger:focus, html.modo-escuro .etiquetas-cor-rapida .btn-vazio-danger:hover, html.modo-escuro .etiquetas-cor-rapida .btn-vazio-danger:active { border: 1px solid #d9534f !important; border-color: #d9534f !important; color: #e07a74 !important; background: var(--sinc-surface-2) !important; background-image: none !important; box-shadow: none !important; } html.modo-escuro .etiquetas-cor-rapida .btn-vazio-danger i, html.modo-escuro .etiquetas-cor-rapida .btn-vazio-danger [class*="fa-"] { color: #e07a74 !important; } html.modo-escuro .etiquetas-cor-rapida .btn-vazio-warning, html.modo-escuro .etiquetas-cor-rapida .btn-vazio-warning:focus, html.modo-escuro .etiquetas-cor-rapida .btn-vazio-warning:hover, html.modo-escuro .etiquetas-cor-rapida .btn-vazio-warning:active { border: 1px solid #f0ad4e !important; border-color: #f0ad4e !important; color: #e0b060 !important; background: var(--sinc-surface-2) !important; background-image: none !important; box-shadow: none !important; } html.modo-escuro .etiquetas-cor-rapida .btn-vazio-warning i, html.modo-escuro .etiquetas-cor-rapida .btn-vazio-warning [class*="fa-"] { color: #e0b060 !important; } html.modo-escuro .etiquetas-cor-rapida .btn-vazio-laranja, html.modo-escuro .etiquetas-cor-rapida .btn-vazio-laranja:focus, html.modo-escuro .etiquetas-cor-rapida .btn-vazio-laranja:hover, html.modo-escuro .etiquetas-cor-rapida .btn-vazio-laranja:active { border: 1px solid #FF6600 !important; border-color: #FF6600 !important; color: #ff8533 !important; background: var(--sinc-surface-2) !important; background-image: none !important; box-shadow: none !important; } html.modo-escuro .etiquetas-cor-rapida .btn-vazio-laranja i, html.modo-escuro .etiquetas-cor-rapida .btn-vazio-laranja [class*="fa-"] { color: #ff8533 !important; } html.modo-escuro .cinza, html.modo-escuro .btn.cinza, html.modo-escuro .btn.botoes.cinza, html.modo-escuro button.botoes.cinza, html.modo-escuro a.btn.botoes.cinza { background: var(--sinc-surface-2) !important; background-color: var(--sinc-surface-2) !important; background-image: none !important; color: var(--sinc-text-muted) !important; border: 1px solid var(--sinc-border) !important; border-color: var(--sinc-border) !important; box-shadow: none !important; } html.modo-escuro .cinza:hover, html.modo-escuro .btn.cinza:hover, html.modo-escuro .btn.botoes.cinza:hover, html.modo-escuro .btn.botoes.cinza:focus, html.modo-escuro button.botoes.cinza:hover, html.modo-escuro button.botoes.cinza:focus { color: rgba(255, 255, 255, 0.9) !important; background-color: rgba(0, 0, 0, 0.5) !important; background-image: linear-gradient(to bottom, rgba(70, 184, 218, 0.65), rgba(0, 0, 0, 0.65)) !important; border: 1px solid var(--sinc-border) !important; border-color: var(--sinc-border) !important; } html.modo-escuro .btn.botoes, html.modo-escuro button.botoes, html.modo-escuro .container_bt .btn, html.modo-escuro .container_bt button, html.modo-escuro .btn.botoes.btn-primary, html.modo-escuro .btn.botoes.btn-danger, html.modo-escuro .btn.botoes.btn-warning, html.modo-escuro .btn.botoes.btn-success, html.modo-escuro .btn.botoes.btn-info { border: 1px solid var(--sinc-border) !important; border-color: var(--sinc-border) !important; box-shadow: none !important; } html.modo-escuro .cinza i, html.modo-escuro .btn.botoes.cinza i, html.modo-escuro .btn.botoes.cinza [class*="fa-"] { color: var(--sinc-text-muted) !important; } /* Só o overlay escurece; #sb-container transparente evita camada dupla (loader “opaco”) */ html.modo-escuro #sb-overlay { background: rgba(0, 0, 0, 0.5) !important; background-color: rgba(0, 0, 0, 0.5) !important; } html.modo-escuro #sb-container { background: transparent !important; background-color: transparent !important; } /* Galeria de anexos: não herdar o fundo forçado acima (claro e escuro) */ html.modo-escuro body.anexo-galeria-aberta #sb-container, html.modo-escuro body.anexo-galeria-aberta #sb-container #sb-wrapper, html.modo-escuro body.anexo-galeria-aberta #sb-wrapper, html.modo-escuro body.anexo-galeria-aberta #sb-wrapper-inner, html.modo-escuro body.anexo-galeria-aberta #sb-body, html.modo-escuro body.anexo-galeria-aberta #sb-body-inner, html.modo-escuro body.anexo-galeria-aberta #sb-player, html.modo-escuro body.anexo-galeria-aberta #sb-player.html { background: transparent !important; background-color: transparent !important; } html.modo-escuro body.anexo-galeria-aberta #sb-overlay, html.modo-escuro body.anexo-galeria-aberta.anexo-galeria-overlay-escuro #sb-overlay { background: #000 !important; background-color: #000 !important; opacity: 0.7 !important; filter: none !important; display: block !important; visibility: visible !important; } html.modo-escuro body.anexo-galeria-aberta.anexo-galeria-overlay-zero #sb-overlay { background: transparent !important; background-color: transparent !important; opacity: 0 !important; } /* Overlay dos loaders: semitransparente (página/modal permanece visível atrás) */ html.modo-escuro #container_loader, html.modo-escuro #container_loader2, html.modo-escuro #fileLoading { background: rgba(18, 20, 24, 0.5) !important; background-color: rgba(18, 20, 24, 0.5) !important; } html.modo-escuro #printLoading { background: var(--sinc-barra) !important; background-color: var(--sinc-barra) !important; } /* Navegação entre fichas: mesmo overlay semitransparente */ html.modo-escuro.sincadi-nav-ficha #container_loader2 { background: rgba(18, 20, 24, 0.5) !important; background-color: rgba(18, 20, 24, 0.5) !important; } html.modo-escuro #container_loader .box_loader, html.modo-escuro #container_loader2 .box_loader, html.modo-escuro #printLoading .box_loader, html.modo-escuro #printLoading .print-loader-card, html.modo-escuro #fileLoading .box_loader, html.modo-escuro #fileLoading .print-loader-card, html.modo-escuro .box_loader, html.modo-escuro .box_loader2, html.modo-escuro .print-loader-card, html.modo-escuro #carregando:not(.alert), html.modo-escuro div.dataTables_processing, html.modo-escuro .dataTables_wrapper div.dataTables_processing { background: color-mix(in srgb, var(--sinc-surface) 60%, transparent) !important; background-color: color-mix(in srgb, var(--sinc-surface) 60%, transparent) !important; border-color: var(--sinc-border) !important; color: var(--sinc-inst-link) !important; box-shadow: none !important; opacity: 1 !important; -webkit-filter: none !important; filter: none !important; } /* Textos de todos os loaders (vence style inline de cor_inst_4) — sem opacidade */ html.modo-escuro #container_loader, html.modo-escuro #container_loader2, html.modo-escuro #printLoading, html.modo-escuro #fileLoading, html.modo-escuro #container_loader .box_loader, html.modo-escuro #container_loader2 .box_loader, html.modo-escuro #printLoading .box_loader, html.modo-escuro #printLoading .print-loader-card, html.modo-escuro #printLoading .print-loader-text, html.modo-escuro #fileLoading .box_loader, html.modo-escuro #fileLoading .print-loader-card, html.modo-escuro #fileLoading .print-loader-text, html.modo-escuro .box_loader, html.modo-escuro .box_loader2, html.modo-escuro .box_loader .print-loader-text, html.modo-escuro .box_loader2 span, html.modo-escuro .print-loader-card, html.modo-escuro .print-loader-text, html.modo-escuro #carregando:not(.alert), html.modo-escuro div.dataTables_processing, html.modo-escuro .dataTables_wrapper div.dataTables_processing, html.modo-escuro #container_loader .box_loader *:not(img), html.modo-escuro #container_loader2 .box_loader *:not(img), html.modo-escuro #printLoading *:not(img), html.modo-escuro #fileLoading *:not(img), html.modo-escuro .box_loader *:not(img), html.modo-escuro .box_loader2 *:not(img), html.modo-escuro .print-loader-card *:not(img), html.modo-escuro #carregando:not(.alert) *:not(img), html.modo-escuro div.dataTables_processing *:not(img), html.modo-escuro .dataTables_wrapper div.dataTables_processing *:not(img) { color: var(--sinc-inst-link) !important; opacity: 1 !important; } /* Modo escuro: reforça cor do FA; GIF some (forms.css já cobre o par FA+GIF) */ html.modo-escuro .box_loader img[src*="loader_"], html.modo-escuro .box_loader2 img[src*="loader_"], html.modo-escuro #container_loader img[src*="loader_"], html.modo-escuro #container_loader2 img[src*="loader_"], html.modo-escuro #printLoading img[src*="loader_"], html.modo-escuro #fileLoading img[src*="loader_"], html.modo-escuro #carregando:not(.alert) img[src*="loader_"], html.modo-escuro img.sincadi-loader-gif, html.modo-escuro img[src*="loader_"], html.modo-escuro div.dataTables_processing img[src*="loader_"], html.modo-escuro .dataTables_wrapper div.dataTables_processing img[src*="loader_"] { display: none !important; visibility: hidden !important; width: 0 !important; height: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; opacity: 0 !important; } html.modo-escuro .sincadi-loader-fa, html.modo-escuro i.sincadi-loader-fa.fas.fa-circle-notch { display: inline-block !important; vertical-align: middle !important; opacity: 1 !important; color: var(--sinc-inst-link) !important; -webkit-filter: none !important; filter: none !important; line-height: 1 !important; } /* Loaders: sem opacidade, filtro, sombra — vence style inline (opacity: 0.4 / 0.8 / 0.96) */ html.modo-escuro #sucesso, html.modo-escuro #processando, html.modo-escuro #buscando, html.modo-escuro #revisando, html.modo-escuro #carregando, html.modo-escuro #sucesso i, html.modo-escuro #processando i, html.modo-escuro #buscando i, html.modo-escuro #revisando i, html.modo-escuro #carregando i, html.modo-escuro i.fa-circle-notch, html.modo-escuro i.fas.fa-circle-notch, html.modo-escuro i.fa-spin.fa-circle-notch, html.modo-escuro i[class*="fa-circle-notch"][style*="opacity"], html.modo-escuro .sincadi-loader-fa, html.modo-escuro .box_loader, html.modo-escuro .box_loader2, html.modo-escuro .print-loader-card, html.modo-escuro .print-loader-text, html.modo-escuro #printLoading, html.modo-escuro #fileLoading, html.modo-escuro div.dataTables_processing, html.modo-escuro div.dataTables_processing.dt-loader-visivel, html.modo-escuro .dataTables_wrapper div.dataTables_processing { opacity: 1 !important; -webkit-filter: none !important; filter: none !important; box-shadow: none !important; } /* Card do loader opaco; o #container_loader* continua com fundo rgba (não forçar opacity no overlay) */ html.modo-escuro #container_loader .box_loader, html.modo-escuro #container_loader2 .box_loader { opacity: 1 !important; -webkit-filter: none !important; filter: none !important; box-shadow: none !important; } /* Cartão do loader: fundo 0.6 sem opacity no cartão (anel 0.7 abaixo; texto 0.7 via text-fill nos CSS base). Loaders de férias (.agd-quadro) ficam de fora */ html.modo-escuro #container_loader .box_loader, html.modo-escuro #container_loader2 .box_loader, html.modo-escuro #printLoading .box_loader, html.modo-escuro #printLoading .print-loader-card, html.modo-escuro #fileLoading .box_loader, html.modo-escuro #fileLoading .print-loader-card, html.modo-escuro .box_loader, html.modo-escuro .box_loader2:not(.agd-quadro .box_loader2), html.modo-escuro .print-loader-card, html.modo-escuro #carregando:not(.alert), html.modo-escuro div.dataTables_processing, html.modo-escuro .dataTables_wrapper div.dataTables_processing { opacity: 1 !important; } html.modo-escuro #container_loader .box_loader .dt-loader-brasao i, html.modo-escuro #container_loader2 .box_loader .dt-loader-brasao i, html.modo-escuro #printLoading .box_loader .dt-loader-brasao i, html.modo-escuro #printLoading .print-loader-card .dt-loader-brasao i, html.modo-escuro #fileLoading .box_loader .dt-loader-brasao i, html.modo-escuro #fileLoading .print-loader-card .dt-loader-brasao i, html.modo-escuro .box_loader .dt-loader-brasao i, html.modo-escuro .box_loader2:not(.agd-quadro .box_loader2) .dt-loader-brasao i, html.modo-escuro .print-loader-card .dt-loader-brasao i, html.modo-escuro #carregando:not(.alert) .dt-loader-brasao i, html.modo-escuro div.dataTables_processing .dt-loader-brasao i, html.modo-escuro .dataTables_wrapper div.dataTables_processing .dt-loader-brasao i { opacity: 0.7 !important; } /* Casca do Shadowbox transparente (claro e escuro) — overlay aparece ao redor do .modal-content. Sem isso, ao sair do escuro o #sb-body volta a pintar branco atrás do modal. */ #sb-container, #sb-wrapper, #sb-wrapper-inner, #sb-body, #sb-body-inner, #sb-player, #sb-player.html, #sb-loading { background: transparent !important; background-color: transparent !important; } /* Iframe do modal: transparente (overlay do SB); color-scheme só reduz flash do about:blank */ #sb-body iframe, #sb-body-inner iframe, #sb-player.html iframe { background: transparent !important; background-color: transparent !important; } html.modo-escuro #sb-body iframe, html.modo-escuro #sb-body-inner iframe, html.modo-escuro #sb-player.html iframe { color-scheme: dark; } /* Documento do iframe (claro ou escuro): casca transparente; só .modal-content opaco */ html.sincadi-modal-iframe, html.sincadi-modal-iframe body, html.sincadi-modal-iframe #container_formulario, html.sincadi-modal-iframe #container_form, html.sincadi-modal-iframe #tabela_formulario, html.sincadi-modal-iframe #tabela_formulario > tbody, html.sincadi-modal-iframe #tabela_formulario > tbody > tr, html.sincadi-modal-iframe #tabela_formulario > tbody > tr > td, html.sincadi-modal-iframe #container_formulario > table, html.sincadi-modal-iframe #container_formulario > table > tbody, html.sincadi-modal-iframe #container_formulario > table > tbody > tr, html.sincadi-modal-iframe #container_formulario > table > tbody > tr > td { background: transparent !important; background-color: transparent !important; background-image: none !important; } /* Loader do modal (Shadowbox): card padrão no escuro */ html.modo-escuro #sb-loading-inner, html.modo-escuro #sb-loading-inner span, html.modo-escuro #sb-loading-inner .sincadi-loader-fa { color: var(--sinc-loader-cor, var(--sinc-inst-link)) !important; opacity: 1 !important; -webkit-filter: none !important; filter: none !important; } html.modo-escuro #sb-loading-inner .box_loader, html.modo-escuro #sb-loading-inner .sb-loading-card { background-color: var(--sinc-surface, #1e222a) !important; border-color: var(--sinc-border, #3a414d) !important; color: var(--sinc-loader-cor, var(--sinc-inst-link)) !important; box-shadow: 0 4px 16px var(--sinc-shadow, rgba(0, 0, 0, 0.45)) !important; } html.modo-escuro #sb-loading-inner span::before { content: none !important; display: none !important; } /* HTML do modal (iframe): fora do .modal-content transparente (overlay do Shadowbox). Só a caixa .modal-content (e header/body/footer internos) mantém o fundo escuro. */ html.modo-escuro.modo-escuro-modal, html.modo-escuro.modo-escuro-modal body { background: transparent !important; background-color: transparent !important; background-image: none !important; color-scheme: dark !important; } html.modo-escuro.modo-escuro-modal #page-wrapper, html.modo-escuro.modo-escuro-modal #main, html.modo-escuro.modo-escuro-modal #div_corpo, html.modo-escuro.modo-escuro-modal .wrapper, html.modo-escuro.modo-escuro-modal .content-wrapper, html.modo-escuro.modo-escuro-modal #header-wrapper, html.modo-escuro.modo-escuro-modal #plano_fundo, html.modo-escuro.modo-escuro-modal #conteudo, html.modo-escuro.modo-escuro-modal #conteudo_menu, html.modo-escuro.modo-escuro-modal #container_formulario, html.modo-escuro.modo-escuro-modal #container_form, html.modo-escuro.modo-escuro-modal #tabela_formulario, html.modo-escuro.modo-escuro-modal #tabela_formulario > tr > td, html.modo-escuro.modo-escuro-modal #tabela_formulario > tr > th, html.modo-escuro.modo-escuro-modal #tabela_formulario > tbody > tr > td, html.modo-escuro.modo-escuro-modal #tabela_formulario > tbody > tr > th, html.modo-escuro.modo-escuro-modal #container_formulario > table, html.modo-escuro.modo-escuro-modal #container_formulario > table > tbody, html.modo-escuro.modo-escuro-modal #container_formulario > table > tbody > tr, html.modo-escuro.modo-escuro-modal #container_formulario > table > tbody > tr > td { background: transparent !important; background-color: transparent !important; background-image: none !important; } /* Caixa do modal: só .modal-content (e header/footer/body internos) */ html.modo-escuro .modal-content, html.modo-escuro.modo-escuro-modal .modal-content, html.modo-escuro.modo-escuro-modal .modal-header, html.modo-escuro.modo-escuro-modal .modal-footer, html.modo-escuro.modo-escuro-modal .modal-body { background: var(--sinc-bg) !important; background-color: var(--sinc-bg) !important; background-image: none !important; color: var(--sinc-text) !important; border-color: var(--sinc-border) !important; } html.modo-escuro .modal-content { border: 1px solid var(--sinc-border) !important; border-radius: var(--sinc-radius) !important; } /* Colunas/divs com fundo branco inline (#FFF / #FFF !important) — não furam o tema */ html.modo-escuro .modal-content [class*="col-"][style*="background-color: #FFF"], html.modo-escuro .modal-content [class*="col-"][style*="background-color:#FFF"], html.modo-escuro .modal-content [class*="col-"][style*="background-color: #fff"], html.modo-escuro .modal-content [class*="col-"][style*="background-color:#fff"], html.modo-escuro .modal-content [class*="col-"][style*="background-color: #FFF !important"], html.modo-escuro .modal-content [class*="col-"][style*="background-color:#FFF !important"], html.modo-escuro .modal-content div[style*="background-color: #FFF !important"], html.modo-escuro .modal-content div[style*="background-color:#FFF !important"], html.modo-escuro .modal-content td[style*="background-color: #FFF !important"], html.modo-escuro .modal-content td[style*="background-color:#FFF !important"] { background: transparent !important; background-color: transparent !important; background-image: none !important; } /* * Padroniza TODAS as bordas dentro de .modal-content * para o mesmo aspecto do próprio modal (1px solid --sinc-border). * Exceções: botões coloridos, alerts, destaques, fechar e toolbar do CKEditor. */ html.modo-escuro .modal-content *:not(.btn):not(.btn *):not(.alert):not(.alert *):not(.destaque):not(.destaque-btn):not(.destaque-cell):not(.botao_fechar):not(.botao_fechar_mapa):not(.close):not(.progress-bar):not(.label):not(.badge):not(.sr-only):not(.tooltip):not(.tooltip *):not(.cke_button):not(.cke_button_off):not(.cke_button_on):not(.cke_button_disabled):not(.cke_combo_button):not(.cke_button_icon):not(.cke_button_label):not(.cke_button_arrow):not(.cke_combo):not(.cke_combo_text):not(.cke_combo_open):not(.cke_combo_label):not(.cke_combo_arrow):not(.cke_toolbar):not(.cke_toolgroup):not(.cke_toolbox):not(.cke_toolbar_break):not(.cke_toolbar_separator), html.modo-escuro .modal-content *:not(.btn):not(.alert):not(.destaque):not(.destaque-btn):not(.destaque-cell):not(.botao_fechar):not(.close):not(.tooltip):not(.tooltip *):not(.cke_button):not(.cke_button_off):not(.cke_button_on):not(.cke_combo_button):not(.cke_toolgroup)::before, html.modo-escuro .modal-content *:not(.btn):not(.alert):not(.destaque):not(.destaque-btn):not(.destaque-cell):not(.botao_fechar):not(.close):not(.tooltip):not(.tooltip *):not(.cke_button):not(.cke_button_off):not(.cke_button_on):not(.cke_combo_button):not(.cke_toolgroup)::after { border-color: var(--sinc-border) !important; } /* Controles e caixas: força 1px solid (largura + estilo + cor) */ html.modo-escuro .modal-content .form-control, html.modo-escuro .modal-content .form-control:focus, html.modo-escuro .modal-content input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="hidden"]):not(.input_table), html.modo-escuro .modal-content select, html.modo-escuro .modal-content textarea, html.modo-escuro .modal-content .neosesta-chosen-single, html.modo-escuro .modal-content .neosesta-chosen.is-open .neosesta-chosen-single, html.modo-escuro .modal-content .neosesta-chosen.is-focused .neosesta-chosen-single, html.modo-escuro .modal-content .chosen-container-single .chosen-single, html.modo-escuro .modal-content .campo_icone, html.modo-escuro .modal-content .campo_icone_bg, html.modo-escuro .modal-content .campo_icone2, html.modo-escuro .modal-content .div_clone_form, html.modo-escuro .modal-content .input-group-addon, html.modo-escuro .modal-content .panel, html.modo-escuro .modal-content .well, html.modo-escuro .modal-content .box, html.modo-escuro .modal-content fieldset, html.modo-escuro .modal-content .list-group-item, html.modo-escuro .modal-content .thumbnail, html.modo-escuro .modal-content .dropdown-menu, html.modo-escuro .modal-content .doc-box, html.modo-escuro .modal-content .local_foto_notif, html.modo-escuro .modal-content .cke_chrome, html.modo-escuro .modal-content .cke_panel, html.modo-escuro .modal-content .cke_combopanel, html.modo-escuro .modal-content table.alt, html.modo-escuro .modal-content .table, html.modo-escuro .modal-content .table-bordered { border: 1px solid var(--sinc-border) !important; border-color: var(--sinc-border) !important; box-shadow: none !important; outline: none !important; } html.modo-escuro .modal-content .div_clone_form:has(> .btn_ciclo), html.modo-escuro .modal-content .div_clone_form:has(> #i_check), html.modo-escuro #form_padrao .div_clone_form:has(> .btn_ciclo), html.modo-escuro form .div_clone_form:has(> .btn_ciclo), html.modo-escuro .modal-content .campo_icone:has(> .div_clone_form), html.modo-escuro .modal-content .campo_icone_bg:has(> .div_clone_form), html.modo-escuro #form_padrao .campo_icone:has(> .div_clone_form), html.modo-escuro #form_padrao .campo_icone_bg:has(> .div_clone_form) { border: none !important; background: transparent !important; background-color: transparent !important; box-shadow: none !important; } /* Check do ciclo: sem fundo (não herda bg dos ícones de campo) */ html.modo-escuro .modal-content #i_check, html.modo-escuro .modal-content .div_clone_form > #i_check, html.modo-escuro .modal-content #i_check::before, html.modo-escuro .modal-content .div_clone_form > #i_check::before, html.modo-escuro .campo_icone #i_check, html.modo-escuro .campo_icone #i_check::before, html.modo-escuro .campo_icone_bg #i_check, html.modo-escuro .campo_icone_bg #i_check::before { background: none !important; background-color: transparent !important; background-image: none !important; box-shadow: none !important; border: none !important; left: auto !important; width: 44px !important; min-height: 0 !important; height: 20px !important; transform: none !important; color: #fff !important; } /* Inputs dentro de tabelas de linhas: invisíveis (sem bg / borda) — espaçamento herda do claro */ html.modo-escuro .modal-content table.alt td:has(.input_table), html.modo-escuro .modal-content table td:has(.input_table) { background-clip: padding-box !important; } html.modo-escuro .modal-content .input_table, html.modo-escuro .modal-content table.alt .input_table, html.modo-escuro .modal-content table .input_table, html.modo-escuro .modal-content .input_table:focus, html.modo-escuro .modal-content table.alt .input_table:focus, html.modo-escuro .modal-content table .input_table:focus, html.modo-escuro table.alt .input_table, html.modo-escuro table.alt .input_table:focus, html.modo-escuro .input_table, html.modo-escuro .input_table:focus, html.modo-escuro .input_table[readonly], html.modo-escuro .modal-content .input_table[readonly] { border: 0 none transparent !important; border-color: transparent !important; background: transparent !important; background-color: transparent !important; background-image: none !important; box-shadow: none !important; -webkit-box-shadow: none !important; outline: none !important; border-radius: 0 !important; -webkit-appearance: none !important; appearance: none !important; color-scheme: inherit !important; } html.modo-escuro table.alt tbody tr:nth-child(odd) > td .input_table, html.modo-escuro table.alt tbody tr:nth-child(odd) > td .input_table:focus, html.modo-escuro table.alt tbody tr:nth-child(odd) > td .input_table[readonly], html.modo-escuro table.alt tbody tr:nth-child(odd) > td .input_table:-webkit-autofill { background: transparent !important; background-color: transparent !important; -webkit-box-shadow: inset 0 0 0 1000px var(--sinc-row) !important; box-shadow: inset 0 0 0 1000px var(--sinc-row) !important; -webkit-text-fill-color: var(--sinc-text) !important; } html.modo-escuro table.alt tbody tr:nth-child(even) > td .input_table, html.modo-escuro table.alt tbody tr:nth-child(even) > td .input_table:focus, html.modo-escuro table.alt tbody tr:nth-child(even) > td .input_table[readonly], html.modo-escuro table.alt tbody tr:nth-child(2n) > td .input_table, html.modo-escuro table.alt tbody tr:nth-child(even) > td .input_table:-webkit-autofill { background: transparent !important; background-color: transparent !important; -webkit-box-shadow: inset 0 0 0 1000px var(--sinc-row-alt) !important; box-shadow: inset 0 0 0 1000px var(--sinc-row-alt) !important; -webkit-text-fill-color: var(--sinc-text) !important; } html.modo-escuro .input_table::selection, html.modo-escuro .modal-content .input_table::selection { background-color: rgba(var(--sinc-accent-rgb, 107, 163, 224), 0.28) !important; color: var(--sinc-text) !important; } /* Card (.row com borda / #div_container) já delimita — só remove borda/sombra (sem alterar margin/width do claro) */ html.modo-escuro .modal-content .row[style*="border"] table.alt, html.modo-escuro .modal-content .row[style*="border"] .table, html.modo-escuro .modal-content .row[style*="border"] .table-bordered, html.modo-escuro .modal-content .row[style*="border"] > table, html.modo-escuro .modal-content .row[style*="border"] #div_container > table, html.modo-escuro .modal-content #div_container > table { border: none !important; box-shadow: none !important; outline: none !important; } /* Grade interna padrão; sem perímetro (card já delimita) */ html.modo-escuro .modal-content .row[style*="border"] table.alt > tbody > tr > td, html.modo-escuro .modal-content .row[style*="border"] table.alt > tbody > tr > th, html.modo-escuro .modal-content #div_container table.alt > tbody > tr > td, html.modo-escuro .modal-content #div_container table.alt > tbody > tr > th { border-style: solid !important; border-width: 0 1px 1px 0 !important; border-color: var(--sinc-border) !important; } html.modo-escuro .modal-content .row[style*="border"] table.alt > tbody > tr:first-child > td, html.modo-escuro .modal-content .row[style*="border"] table.alt > tbody > tr:first-child > th, html.modo-escuro .modal-content #div_container table.alt > tbody > tr:first-child > td, html.modo-escuro .modal-content #div_container table.alt > tbody > tr:first-child > th { border-top-width: 1px !important; } html.modo-escuro .modal-content .row[style*="border"] table.alt > tbody > tr > td:last-child, html.modo-escuro .modal-content .row[style*="border"] table.alt > tbody > tr > th:last-child, html.modo-escuro .modal-content #div_container table.alt > tbody > tr > td:last-child, html.modo-escuro .modal-content #div_container table.alt > tbody > tr > th:last-child { border-right-width: 0 !important; } html.modo-escuro .modal-content table.alt > tbody > tr > td:has(.btn .fa-print), html.modo-escuro .modal-content #div_container table.alt > tbody > tr > td:has(.btn .fa-print) { border-left-width: 0 !important; } html.modo-escuro .modal-content table.alt > tbody > tr > td:has(+ td .btn .fa-print), html.modo-escuro .modal-content #div_container table.alt > tbody > tr > td:has(+ td .btn .fa-print) { border-right-width: 0 !important; } html.modo-escuro .modal-content .row[style*="border"] table.alt > tbody > tr:last-child > td, html.modo-escuro .modal-content .row[style*="border"] table.alt > tbody > tr:last-child > th, html.modo-escuro .modal-content #div_container table.alt > tbody > tr:last-child > td, html.modo-escuro .modal-content #div_container table.alt > tbody > tr:last-child > th { border-bottom-width: 0 !important; } /* Mesma regra da ficha clara: uma só linha entre corpo e próximo .azul */ html.modo-escuro .modal-content .row[style*="border"] table.alt > tbody > tr:has(+ tr > td.azul) > td:not(.azul), html.modo-escuro .modal-content #div_container table.alt > tbody > tr:has(+ tr > td.azul) > td:not(.azul) { border-bottom-width: 0 !important; } html.modo-escuro .modal-content .row[style*="border"] table.alt > tbody > tr:has(+ tr > td.azul) + tr > td.azul, html.modo-escuro .modal-content #div_container table.alt > tbody > tr:has(+ tr > td.azul) + tr > td.azul { border-top-width: 1px !important; } html.modo-escuro .modal-content .row[style*="border"]:has(table.alt):has(.form-group) table.alt > tbody > tr > td:first-child, html.modo-escuro .modal-content .row[style*="border-radius"]:has(table.alt):has(.form-group) table.alt > tbody > tr > td:first-child, html.modo-escuro .modal-content .row[style*="border"]:has(table.alt):has(.form-group) table.alt > tbody > tr > th:first-child, html.modo-escuro .modal-content .row[style*="border-radius"]:has(table.alt):has(.form-group) table.alt > tbody > tr > th:first-child { border-left-width: 1px !important; } html.modo-escuro .modal-content .row[style*="border"]:has(table.alt):has(.form-group) table.alt > tbody > tr > td:last-child, html.modo-escuro .modal-content .row[style*="border-radius"]:has(table.alt):has(.form-group) table.alt > tbody > tr > td:last-child, html.modo-escuro .modal-content .row[style*="border"]:has(table.alt):has(.form-group) table.alt > tbody > tr > th:last-child, html.modo-escuro .modal-content .row[style*="border-radius"]:has(table.alt):has(.form-group) table.alt > tbody > tr > th:last-child { border-right-width: 1px !important; } html.modo-escuro .modal-content .row[style*="border"]:has(table.alt):has(.form-group) table.alt > tbody > tr:first-child > td, html.modo-escuro .modal-content .row[style*="border-radius"]:has(table.alt):has(.form-group) table.alt > tbody > tr:first-child > td, html.modo-escuro .modal-content .row[style*="border"]:has(table.alt):has(.form-group) table.alt > tbody > tr:first-child > th, html.modo-escuro .modal-content .row[style*="border-radius"]:has(table.alt):has(.form-group) table.alt > tbody > tr:first-child > th { border-top-width: 1px !important; } html.modo-escuro .modal-content .row[style*="border"]:has(table.alt):has(.form-group) table.alt > tbody > tr:last-child > td, html.modo-escuro .modal-content .row[style*="border-radius"]:has(table.alt):has(.form-group) table.alt > tbody > tr:last-child > td, html.modo-escuro .modal-content .row[style*="border"]:has(table.alt):has(.form-group) table.alt > tbody > tr:last-child > th, html.modo-escuro .modal-content .row[style*="border-radius"]:has(table.alt):has(.form-group) table.alt > tbody > tr:last-child > th { border-bottom-width: 1px !important; } /* Fichas table.alt: espaçamento herda do forms.css */ html.modo-escuro .modal-content form > .row[style*="border-radius"]:not(:has(> .nav-tabs)):not(.notif-doc):not(:has(.local_foto_notif)):not(:has(.credenciais_marca)):not(:has(#div_container)), html.modo-escuro .modal-content #form_padrao > .row[style*="border-radius"]:not(:has(> .nav-tabs)):not(.notif-doc):not(:has(.local_foto_notif)):not(:has(.credenciais_marca)):not(:has(#div_container)), html.modo-escuro .modal-content #div_form > .row[style*="border-radius"]:not(:has(> .nav-tabs)):not(.notif-doc):not(:has(.local_foto_notif)):not(:has(.credenciais_marca)):not(:has(#div_container)), html.modo-escuro .modal-content #div_form > form > .row[style*="border-radius"]:not(:has(> .nav-tabs)):not(.notif-doc):not(:has(.local_foto_notif)):not(:has(.credenciais_marca)):not(:has(#div_container)), html.modo-escuro .modal-content .row[style*="border-radius"]:not(:has(> .nav-tabs)):not(.notif-doc):not(:has(.local_foto_notif)):not(:has(.credenciais_marca)):not(:has(#div_container)) { overflow: hidden !important; background-clip: border-box !important; -webkit-background-clip: border-box !important; isolation: isolate; contain: paint; } /* notif-doc / credenciais / foto clipada: precisa ultrapassar a borda (clip/paperclip acima do card — não cortar com overflow:hidden do row) */ html.modo-escuro .modal-content #form_padrao > .row.notif-doc, html.modo-escuro .modal-content .row.notif-doc, html.modo-escuro .modal-content .row[style*="border-radius"]:has(.local_foto_notif), html.modo-escuro .modal-content .row[style*="border"]:has(.local_foto_notif), html.modo-escuro .modal-content .row[style*="border-radius"]:has(.credenciais_marca), html.modo-escuro .modal-content .row[style*="border"]:has(.credenciais_marca), html.modo-escuro .modal-content .row[style*="border-radius"]:has(#div_container), html.modo-escuro .modal-content #form_padrao > .row[style*="border-radius"]:has(#div_container), html.modo-escuro .modal-content #form_padrao > .row[style*="border"]:has(#div_container) { overflow: visible !important; contain: none !important; isolation: auto; } html.modo-escuro .modal-content #div_container:has(.local_foto_notif), html.modo-escuro .modal-content .row:has(.local_foto_notif) #div_container, html.modo-escuro .modal-content .row:has(.credenciais_marca), html.modo-escuro .modal-content .credenciais_marca { overflow: visible !important; contain: none !important; } html.modo-escuro .modal-content .doc-box, html.modo-escuro .modal-content #div_form > div[style*="border"][style*="border-radius"]:not([style*="min-height"]):not([style*="min-width"]), html.modo-escuro .modal-content .modal-body > div[style*="border"][style*="border-radius"]:not([style*="min-height"]):not([style*="min-width"]) { overflow: hidden !important; background-clip: border-box !important; -webkit-background-clip: border-box !important; } html.modo-escuro .modal-content .row[style*="border-radius"]:has(table.alt) #div_container, html.modo-escuro .modal-content .row[style*="border"]:has(table.alt) #div_container { overflow: hidden; border-radius: inherit; contain: paint; } /* Marcas do range slider (|): não herdam estilo de painel .box */ html.modo-escuro .marca_slider, html.modo-escuro .modal-content .marca_slider, html.modo-escuro #container > .box[id^="box-"], html.modo-escuro .modal-content #container > .box[id^="box-"], html.modo-escuro .modal-content #container > .box { border: none !important; background: transparent !important; background-color: transparent !important; background-image: none !important; box-shadow: none !important; outline: none !important; border-radius: 0 !important; color: var(--sinc-text-muted) !important; } /* Abas inativas: mais escuras (contraste com a ativa); sem faixa/risco no fundo */ html.modo-escuro .modal-content .nav-tabs > li:not(.active) > a, html.modo-escuro .modal-content .nav-tabs > li:not(.active) > a:hover, html.modo-escuro .modal-content .nav-tabs > li:not(.active) > a:focus { background: var(--sinc-bg) !important; background-color: var(--sinc-bg) !important; color: var(--sinc-text-muted) !important; border: 1px solid var(--sinc-border) !important; border-bottom-color: transparent !important; box-shadow: none !important; outline: none !important; } html.modo-escuro .modal-content .nav-tabs > li:not(.active) > a::after { content: none !important; display: none !important; background: none !important; } html.modo-escuro .modal-content .doc-linha, html.modo-escuro .doc-linha { border: none !important; border-bottom: none !important; border-color: transparent !important; box-shadow: none !important; } html.modo-escuro .modal-content hr { border: 0 !important; border-top: 1px solid var(--sinc-border) !important; } html.modo-escuro .modal-content legend { border: 0 !important; border-bottom: 1px solid var(--sinc-border) !important; } html.modo-escuro .modal-content table, html.modo-escuro .modal-content table.alt, html.modo-escuro .modal-content .table, html.modo-escuro .modal-content .table-bordered, html.modo-escuro .modal-content table > thead > tr > th, html.modo-escuro .modal-content table > thead > tr > td, html.modo-escuro .modal-content table > tbody > tr > th, html.modo-escuro .modal-content table > tbody > tr > td, html.modo-escuro .modal-content table > tfoot > tr > th, html.modo-escuro .modal-content table > tfoot > tr > td, html.modo-escuro .modal-content .table > thead > tr > th, html.modo-escuro .modal-content .table > thead > tr > td, html.modo-escuro .modal-content .table > tbody > tr > th, html.modo-escuro .modal-content .table > tbody > tr > td, html.modo-escuro .modal-content .table > tfoot > tr > th, html.modo-escuro .modal-content .table > tfoot > tr > td { border-color: var(--sinc-border) !important; } html.modo-escuro .modal-content .nav-tabs { border-bottom: 1px solid var(--sinc-border) !important; } /* Aba ativa: contínua com o painel (sem linha separadora embaixo) — margin herda do claro */ html.modo-escuro .modal-content .nav-tabs > li.active { z-index: 2; } html.modo-escuro .modal-content .nav-tabs > li.active > a, html.modo-escuro .modal-content .nav-tabs > li.active > a:hover, html.modo-escuro .modal-content .nav-tabs > li.active > a:focus { background: var(--sinc-surface) !important; background-color: var(--sinc-surface) !important; color: var(--sinc-text) !important; border: 1px solid var(--sinc-border) !important; /* mesma cor do .tab-pane — cobre a border-bottom de .nav-tabs */ border-bottom-color: var(--sinc-surface) !important; position: relative; z-index: 2; } /* Aba única: reforço escuro (vence regras de layout em forms.css) */ html.modo-escuro .modal-content .nav-tabs.aba-unica > li > a, html.modo-escuro .modal-content .nav-tabs.aba-unica > li > a:hover, html.modo-escuro .modal-content .nav-tabs.aba-unica > li > a:focus, html.modo-escuro .modal-content .nav-tabs:has(> li:only-child) > li > a, html.modo-escuro .modal-content .nav-tabs:has(> li:only-child) > li > a:hover, html.modo-escuro .modal-content .nav-tabs:has(> li:only-child) > li > a:focus, html.modo-escuro .modal-content .nav-tabs:has(> li:first-child:last-child) > li > a, html.modo-escuro .modal-content .nav-tabs:has(> li:first-child:last-child) > li > a:hover, html.modo-escuro .modal-content .nav-tabs:has(> li:first-child:last-child) > li > a:focus { background: var(--sinc-surface) !important; background-color: var(--sinc-surface) !important; color: var(--sinc-text) !important; border: 1px solid var(--sinc-border) !important; border-bottom-color: var(--sinc-surface) !important; box-shadow: none !important; } html.modo-escuro .modal-content .nav-tabs.aba-unica > li.active > a, html.modo-escuro .modal-content .nav-tabs.aba-unica > li.active > a:hover, html.modo-escuro .modal-content .nav-tabs.aba-unica > li.active > a:focus, html.modo-escuro .modal-content .nav-tabs:has(> li:only-child) > li.active > a, html.modo-escuro .modal-content .nav-tabs:has(> li:only-child) > li.active > a:hover, html.modo-escuro .modal-content .nav-tabs:has(> li:only-child) > li.active > a:focus, html.modo-escuro .modal-content .nav-tabs:has(> li:first-child:last-child) > li.active > a, html.modo-escuro .modal-content .nav-tabs:has(> li:first-child:last-child) > li.active > a:hover, html.modo-escuro .modal-content .nav-tabs:has(> li:first-child:last-child) > li.active > a:focus { background: var(--sinc-surface) !important; background-color: var(--sinc-surface) !important; color: var(--sinc-text) !important; border: 1px solid var(--sinc-border) !important; border-bottom-color: var(--sinc-surface) !important; } html.modo-escuro .modal-content .nav-tabs.aba-unica > li > a .icone_da_aba, html.modo-escuro .modal-content .nav-tabs.aba-unica > li > a .icone_da_aba i, html.modo-escuro .modal-content .nav-tabs.aba-unica > li > a .texto_da_aba, html.modo-escuro .modal-content .nav-tabs:has(> li:only-child) > li > a .icone_da_aba, html.modo-escuro .modal-content .nav-tabs:has(> li:only-child) > li > a .icone_da_aba i, html.modo-escuro .modal-content .nav-tabs:has(> li:only-child) > li > a .texto_da_aba, html.modo-escuro .modal-content .nav-tabs:has(> li:first-child:last-child) > li > a .icone_da_aba, html.modo-escuro .modal-content .nav-tabs:has(> li:first-child:last-child) > li > a .icone_da_aba i, html.modo-escuro .modal-content .nav-tabs:has(> li:first-child:last-child) > li > a .texto_da_aba { color: inherit !important; } html.modo-escuro .modal-content .nav-tabs.aba-unica > li.active > a::after, html.modo-escuro .modal-content .nav-tabs:has(> li:only-child) > li.active > a::after, html.modo-escuro .modal-content .nav-tabs:has(> li:first-child:last-child) > li.active > a::after { content: "" !important; position: absolute !important; left: 0 !important; right: 0 !important; bottom: -1px !important; height: 2px !important; background: var(--sinc-surface) !important; background-color: var(--sinc-surface) !important; border: 0 !important; box-shadow: none !important; pointer-events: none !important; z-index: 3 !important; } /* Cobre a border-bottom de .nav-tabs sob a aba ativa (flex quebra o overlap -1px) */ html.modo-escuro .modal-content .nav-tabs > li.active > a::after { content: "" !important; position: absolute !important; left: 0 !important; right: 0 !important; bottom: -1px !important; height: 2px !important; background: var(--sinc-surface) !important; background-color: var(--sinc-surface) !important; border: 0 !important; border-color: transparent !important; box-shadow: none !important; pointer-events: none !important; z-index: 3 !important; } html.modo-escuro .modal-content .cke_top { border: 0 !important; border-bottom: 1px solid var(--sinc-border) !important; } html.modo-escuro .modal-content .cke_bottom { border: 0 !important; border-top: 1px solid var(--sinc-border) !important; } html.modo-escuro .modal-content a.cke_button, html.modo-escuro .modal-content a.cke_button_off, html.modo-escuro .modal-content a.cke_combo_button, html.modo-escuro .modal-content a.cke_button_disabled { border: 1px solid transparent !important; border-color: transparent !important; background: transparent !important; box-shadow: none !important; } html.modo-escuro .modal-content a.cke_button_on, html.modo-escuro .modal-content a.cke_button_off:hover, html.modo-escuro .modal-content a.cke_button_off:focus, html.modo-escuro .modal-content a.cke_button_off:active, html.modo-escuro .modal-content .cke_combo_on a.cke_combo_button, html.modo-escuro .modal-content .cke_combo_off a.cke_combo_button:hover, html.modo-escuro .modal-content .cke_combo_off a.cke_combo_button:focus, html.modo-escuro .modal-content .cke_combo_off a.cke_combo_button:active { border: 1px solid var(--sinc-border) !important; border-color: var(--sinc-border) !important; background: var(--sinc-hover) !important; box-shadow: none !important; } html.modo-escuro .modal-content .destaque, html.modo-escuro .modal-content .destaque-btn, html.modo-escuro .modal-content .destaque-cell { border-color: #d9534f !important; } html.modo-escuro .modal-content .has-error .form-control, html.modo-escuro .modal-content .has-error .form-control:focus { border-color: #a94442 !important; } html.modo-escuro .modal-content .has-warning .form-control, html.modo-escuro .modal-content .has-warning .form-control:focus { border-color: #8a6d3b !important; } html.modo-escuro .modal-content .has-success .form-control, html.modo-escuro .modal-content .has-success .form-control:focus { border-color: #3c763d !important; } /* * Forms: todas as bordas com o mesmo aspecto do .modal-content * (1px solid --sinc-border) */ html.modo-escuro form .form-control, html.modo-escuro form input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="hidden"]):not(.input_table), html.modo-escuro form select, html.modo-escuro form textarea, html.modo-escuro form .campo_icone, html.modo-escuro form .campo_icone_bg, html.modo-escuro form .campo_icone2, html.modo-escuro form .div_clone_form, html.modo-escuro form .input-group-addon, html.modo-escuro form .panel, html.modo-escuro form .well, html.modo-escuro form .box, html.modo-escuro form fieldset, html.modo-escuro form legend, html.modo-escuro form table, html.modo-escuro form .table, html.modo-escuro form .table > tbody > tr > td, html.modo-escuro form .table > tbody > tr > th, html.modo-escuro form .table > thead > tr > td, html.modo-escuro form .table > thead > tr > th, html.modo-escuro form .table-bordered, html.modo-escuro form .list-group-item, html.modo-escuro form .thumbnail, html.modo-escuro form .nav-tabs > li:not(.active) > a, html.modo-escuro form .dropdown-menu, html.modo-escuro form hr, html.modo-escuro form .row, html.modo-escuro form .chosen-container-single .chosen-single, html.modo-escuro form .neosesta-chosen-single, html.modo-escuro form .neosesta-chosen-drop, html.modo-escuro form .cke, html.modo-escuro form .cke_chrome, html.modo-escuro form .cke_top, html.modo-escuro form .cke_bottom, html.modo-escuro form .cke_panel, html.modo-escuro form .cke_combopanel, html.modo-escuro #form_padrao .form-control, html.modo-escuro #form_padrao input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="hidden"]):not(.input_table), html.modo-escuro #form_padrao select, html.modo-escuro #form_padrao textarea, html.modo-escuro #form_padrao .campo_icone, html.modo-escuro #form_padrao .campo_icone_bg, html.modo-escuro #form_padrao .campo_icone2, html.modo-escuro #form_padrao .div_clone_form, html.modo-escuro #form_padrao .input-group-addon, html.modo-escuro #form_padrao .panel, html.modo-escuro #form_padrao .well, html.modo-escuro #form_padrao .box, html.modo-escuro #form_padrao table, html.modo-escuro #form_padrao .table, html.modo-escuro #form_padrao .table-bordered, html.modo-escuro #form_padrao .row, html.modo-escuro #form_padrao .cke, html.modo-escuro #form_padrao .cke_chrome, html.modo-escuro #form_padrao .cke_top, html.modo-escuro #form_padrao .cke_bottom, html.modo-escuro #div_form .form-control, html.modo-escuro #div_form input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="hidden"]):not(.input_table), html.modo-escuro #div_form select, html.modo-escuro #div_form textarea, html.modo-escuro #div_form .campo_icone, html.modo-escuro #div_form .campo_icone_bg, html.modo-escuro #div_form .campo_icone2, html.modo-escuro #div_form .div_clone_form, html.modo-escuro #div_form .input-group-addon, html.modo-escuro #div_form .panel, html.modo-escuro #div_form .well, html.modo-escuro #div_form .box, html.modo-escuro #div_form table, html.modo-escuro #div_form .table, html.modo-escuro #div_form .table-bordered, html.modo-escuro #div_form .row, html.modo-escuro .modal-content .form-control, html.modo-escuro .modal-content input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="hidden"]):not(.input_table), html.modo-escuro .modal-content select, html.modo-escuro .modal-content textarea, html.modo-escuro .modal-content .campo_icone, html.modo-escuro .modal-content .campo_icone_bg, html.modo-escuro .modal-content .campo_icone2, html.modo-escuro .modal-content .div_clone_form, html.modo-escuro .modal-content .input-group-addon, html.modo-escuro .modal-content .panel, html.modo-escuro .modal-content .well, html.modo-escuro .modal-content .box, html.modo-escuro .modal-content table, html.modo-escuro .modal-content .table, html.modo-escuro .modal-content .table-bordered, html.modo-escuro .modal-content .dropdown-menu, html.modo-escuro .modal-content .row, html.modo-escuro .modal-content .cke, html.modo-escuro .modal-content .cke_chrome, html.modo-escuro .modal-content .cke_top, html.modo-escuro .modal-content .cke_bottom, html.modo-escuro .modal-header, html.modo-escuro .modal-footer, html.modo-escuro .row, html.modo-escuro .doc-box, html.modo-escuro .local_foto_notif { border-color: var(--sinc-border) !important; } html.modo-escuro form .form-control:focus, html.modo-escuro #form_padrao .form-control:focus, html.modo-escuro #div_form .form-control:focus, html.modo-escuro .modal-content .form-control:focus { border-color: var(--sinc-border) !important; box-shadow: none !important; } /* Ícones/botões à direita do input (.box_adicionar, feedback, addon): cor clara */ html.modo-escuro .box_adicionar, html.modo-escuro .box_adicionar i, html.modo-escuro .box_adicionar svg, html.modo-escuro .adicionar, html.modo-escuro i.adicionar, html.modo-escuro svg.adicionar, html.modo-escuro .campo_icone .box_adicionar, html.modo-escuro .campo_icone .box_adicionar i, html.modo-escuro .campo_icone .box_adicionar svg, html.modo-escuro .campo_icone .box_adicionar *, html.modo-escuro .campo_icone2 .box_adicionar, html.modo-escuro .campo_icone2 .box_adicionar i, html.modo-escuro .campo_icone2 .box_adicionar svg, html.modo-escuro .campo_icone2 .box_adicionar *, html.modo-escuro .form-group .box_adicionar, html.modo-escuro .form-group .box_adicionar i, html.modo-escuro .form-group .box_adicionar svg, html.modo-escuro .form-group .box_adicionar *, html.modo-escuro .credenciais_campos .campo_icone .box_adicionar, html.modo-escuro .credenciais_campos .campo_icone .box_adicionar i, html.modo-escuro .credenciais_campos .campo_icone .box_adicionar *, html.modo-escuro .form-control-feedback, html.modo-escuro .has-success .form-control-feedback, html.modo-escuro .has-warning .form-control-feedback, html.modo-escuro .has-error .form-control-feedback, html.modo-escuro .input-group-addon:last-child, html.modo-escuro .input-group-addon:last-child i, html.modo-escuro .input-group-btn:last-child > .btn, html.modo-escuro .input-group-btn:last-child > .btn i { color: var(--sinc-text, #e4e6eb) !important; fill: var(--sinc-text, #e4e6eb) !important; } html.modo-escuro .adicionar.vermelho, html.modo-escuro .box_adicionar .vermelho { color: #d9534f !important; fill: #d9534f !important; } /* Ícones laterais dos campos (fa-user-tie, fa-lock, etc.): glyph preto. Campos já posicionados inline (absolute) mantêm a posição — também ancoram o ícone. */ html.modo-escuro .campo_icone:not([style*="position: absolute"]):not([style*="position:absolute"]), html.modo-escuro .campo_icone_bg:not([style*="position: absolute"]):not([style*="position:absolute"]), html.modo-escuro .campo_icone2:not([style*="position: absolute"]):not([style*="position:absolute"]) { position: relative !important; } /* Só o ícone à esquerda (filho direto). Não pegar .box_adicionar i / #i_square */ html.modo-escuro .campo_icone > i:not(#i_check):not(#i_square), html.modo-escuro .campo_icone_bg > i:not(#i_check):not(#i_square), html.modo-escuro .campo_icone2 > i:not(#i_check):not(#i_square) { position: absolute !important; left: 0 !important; top: 50% !important; transform: translateY(-50%); width: 36px !important; height: auto !important; min-height: 34px; padding-top: 0 !important; padding-bottom: 0 !important; display: flex !important; align-items: center; justify-content: center; box-sizing: border-box !important; } /* padding-left do input: herda do forms.css / páginas */ html.modo-escuro .campo_icone > i:not(#i_check):not(#i_square), html.modo-escuro .campo_icone_bg > i:not(#i_check):not(#i_square), html.modo-escuro .campo_icone2 > i:not(#i_check):not(#i_square) { background-color: var(--sinc-border, #3a404c) !important; color: var(--sinc-text, #e4e6eb) !important; } /* :not(#i_check):not(#i_square) iguala a especificidade da regra base acima */ html.modo-escuro .campo_icone input:focus + i:not(#i_check):not(#i_square), html.modo-escuro .campo_icone:has(select:focus) > i:not(#i_check):not(#i_square), html.modo-escuro .campo_icone:has(.neosesta-chosen.is-open) > i:not(#i_check):not(#i_square), html.modo-escuro .campo_icone:has(.neosesta-chosen.is-focused) > i:not(#i_check):not(#i_square), html.modo-escuro .campo_icone_bg input:focus + i:not(#i_check):not(#i_square), html.modo-escuro .campo_icone_bg:has(select:focus) > i:not(#i_check):not(#i_square), html.modo-escuro .campo_icone2 input:focus + i:not(#i_check):not(#i_square) { background-color: #4d5150 !important; color: #1c1f26 !important; } /* :not(#_):not(#_) vence as regras genéricas de borda (incl. #div_form/#form_padrao input:not(...)) */ html.modo-escuro .form-control:focus:not(#_):not(#_), html.modo-escuro .neosesta-chosen.is-open .neosesta-chosen-single:not(#_):not(#_), html.modo-escuro .neosesta-chosen.is-focused .neosesta-chosen-single:not(#_):not(#_), html.modo-escuro .neosesta-chosen-single:focus:not(#_):not(#_) { border: 1px solid #4d5150 !important; } /* Ícones do painel: padrão surface-2; hover = cor da barra; grayscale 70% */ html.modo-escuro .efeito_icone, html.modo-escuro:not(.modo-escuro-modal) #conteudo .efeito_icone { border-color: var(--sinc-border) !important; background-color: var(--sinc-surface-2) !important; -webkit-filter: grayscale(0.7) drop-shadow(4px 4px 3px rgba(0, 0, 0, 0.3)) !important; filter: grayscale(0.7) drop-shadow(4px 4px 3px rgba(0, 0, 0, 0.3)) !important; } html.modo-escuro .efeito_icone:hover, html.modo-escuro:not(.modo-escuro-modal) #conteudo .efeito_icone:hover { background-color: var(--sinc-barra) !important; border-color: var(--sinc-link) !important; -webkit-filter: grayscale(0) drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.3)) !important; filter: grayscale(0) drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.3)) !important; } html.modo-escuro .efeito_icone_select, html.modo-escuro:not(.modo-escuro-modal) #conteudo .efeito_icone_select { background-color: var(--sinc-surface-2) !important; border-color: var(--sinc-border) !important; -webkit-filter: grayscale(0.7) drop-shadow(4px 4px 3px rgba(0, 0, 0, 0.3)) !important; filter: grayscale(0.7) drop-shadow(4px 4px 3px rgba(0, 0, 0, 0.3)) !important; } /* Botões flutuantes (topo/fundo/fav/chat/sino): mesmo grayscale da grade */ html.modo-escuro .whatswidget-icon, html.modo-escuro #img_topo, html.modo-escuro #img_fundo, html.modo-escuro #img_chat, html.modo-escuro #img_bell, html.modo-escuro #botao_fav img, html.modo-escuro #botao_topo img, html.modo-escuro #botao_fundo img, html.modo-escuro #botao_chat img, html.modo-escuro #botao_noti img, html.modo-escuro #img_bell_cad { -webkit-filter: grayscale(0.7) drop-shadow(4px 4px 3px rgba(0, 0, 0, 0.3)) !important; filter: grayscale(0.7) drop-shadow(4px 4px 3px rgba(0, 0, 0, 0.3)) !important; } /* Botão do CAD Mobile alertando (vermelho/verde): mantém a cor do aviso */ html.modo-escuro #img_bell_cad[src*="cel_verm"], html.modo-escuro #img_bell_cad[src*="cel_verde"] { -webkit-filter: drop-shadow(4px 4px 3px rgba(0, 0, 0, 0.3)) !important; filter: drop-shadow(4px 4px 3px rgba(0, 0, 0, 0.3)) !important; } html.modo-escuro .whatswidget-button:hover .whatswidget-icon, html.modo-escuro #botao_fav:hover img, html.modo-escuro #botao_topo:hover img, html.modo-escuro #botao_fundo:hover img, html.modo-escuro #botao_chat:hover img, html.modo-escuro #botao_noti:hover img, html.modo-escuro #img_topo:hover, html.modo-escuro #img_fundo:hover, html.modo-escuro #img_chat:hover, html.modo-escuro #img_bell:hover, html.modo-escuro #botao_noti_cad:hover #img_bell_cad { -webkit-filter: grayscale(0) drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.3)) !important; filter: grayscale(0) drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.3)) !important; } /* Função Desabilitada: mesmo padrão visual dos .efeito_icone comuns */ html.modo-escuro .efeito_icone_desabilitado, html.modo-escuro:not(.modo-escuro-modal) #conteudo .efeito_icone_desabilitado { border: 1px solid var(--sinc-border) !important; border-color: var(--sinc-border) !important; background-color: var(--sinc-surface-2) !important; -webkit-filter: grayscale(0.7) drop-shadow(4px 4px 3px rgba(0, 0, 0, 0.3)) !important; filter: grayscale(0.7) drop-shadow(4px 4px 3px rgba(0, 0, 0, 0.3)) !important; } /* Preenchimento de linha: força o mesmo padrão dos ícones comuns (borda/fundo/filtro/hover) */ html.modo-escuro #row_icones .local_icones[data-icone-complemento="1"] .efeito_icone, html.modo-escuro:not(.modo-escuro-modal) #conteudo #row_icones .local_icones[data-icone-complemento="1"] .efeito_icone { border: 1px solid var(--sinc-border) !important; border-color: var(--sinc-border) !important; background-color: var(--sinc-surface-2) !important; -webkit-filter: grayscale(0.7) drop-shadow(4px 4px 3px rgba(0, 0, 0, 0.3)) !important; filter: grayscale(0.7) drop-shadow(4px 4px 3px rgba(0, 0, 0, 0.3)) !important; } html.modo-escuro #row_icones .local_icones[data-icone-complemento="1"] .efeito_icone:hover, html.modo-escuro:not(.modo-escuro-modal) #conteudo #row_icones .local_icones[data-icone-complemento="1"] .efeito_icone:hover { background-color: var(--sinc-barra) !important; border-color: var(--sinc-link) !important; -webkit-filter: grayscale(0) drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.3)) !important; filter: grayscale(0) drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.3)) !important; } html.modo-escuro .titulo_icone_desabilitado h4, html.modo-escuro:not(.modo-escuro-modal) #conteudo .titulo_icone_desabilitado h4 { color: var(--sinc-text-muted) !important; } html.modo-escuro a:not(.btn):not(.botao_fechar) { color: var(--sinc-link); } html.modo-escuro .ne { color: var(--sinc-barra-text) !important; opacity: 1 !important; font-style: italic !important; } html.modo-escuro .ne.fa, html.modo-escuro .ne.fas, html.modo-escuro .ne.far, html.modo-escuro .ne.fal, html.modo-escuro .ne.fad, html.modo-escuro .ne.fab, html.modo-escuro .ne.fa-solid, html.modo-escuro .ne.fa-regular, html.modo-escuro .ne.fa-light, html.modo-escuro .ne.fa-duotone, html.modo-escuro .ne.fa-thin, html.modo-escuro .ne .fa, html.modo-escuro .ne .fas, html.modo-escuro .ne .far, html.modo-escuro .ne .fal, html.modo-escuro .ne .fad, html.modo-escuro .ne .fab, html.modo-escuro .ne .fa-solid, html.modo-escuro .ne .fa-regular, html.modo-escuro .ne .fa-light, html.modo-escuro .ne .fa-duotone, html.modo-escuro .ne .fa-thin, html.modo-escuro .ne i[class*="fa-"] { font-style: normal !important; } html.modo-escuro img[src*="padrao_agente"], html.modo-escuro .brasao_inst { opacity: 0.92; } html.modo-escuro ::-webkit-scrollbar { width: 10px; height: 10px; } html.modo-escuro ::-webkit-scrollbar-track { background: var(--sinc-bg); } html.modo-escuro ::-webkit-scrollbar-thumb { background: #454c59; border-radius: var(--sinc-radius); } /* Tela pequena: sem barra lateral (roda/touch ok) — vence o estilo acima */ @media screen and (max-width: 980px) { html.modo-escuro, html.modo-escuro body, html.modo-escuro #page-wrapper, html.modo-escuro #container_formulario, html.modo-escuro #container_form, html.modo-escuro #container_form_login, html.modo-escuro #sb-player.html { scrollbar-width: none !important; -ms-overflow-style: none !important; } html.modo-escuro ::-webkit-scrollbar { width: 0 !important; height: 0 !important; display: none !important; background: transparent !important; } } /* Abas dos formulários */ html.modo-escuro .nav-tabs { border-bottom-color: var(--sinc-border) !important; } /* Inativa: --sinc-bg (mais escura); ativa: --sinc-surface (contínua com o painel) */ html.modo-escuro .nav-tabs > li > a, html.modo-escuro .nav-tabs > li > a:hover, html.modo-escuro .nav-tabs > li > a:focus { background: var(--sinc-bg) !important; background-color: var(--sinc-bg) !important; color: var(--sinc-text-muted) !important; border-color: var(--sinc-border) !important; } html.modo-escuro .nav-tabs > li.active > a, html.modo-escuro .nav-tabs > li.active > a:hover, html.modo-escuro .nav-tabs > li.active > a:focus, html.modo-escuro form .nav-tabs > li.active > a, html.modo-escuro form .nav-tabs > li.active > a:hover, html.modo-escuro form .nav-tabs > li.active > a:focus { background: var(--sinc-surface) !important; background-color: var(--sinc-surface) !important; color: var(--sinc-text) !important; border-color: var(--sinc-border) !important; border-bottom-color: var(--sinc-surface) !important; position: relative; z-index: 2; } /* Cobre a border-bottom de .nav-tabs sob a aba ativa */ html.modo-escuro .nav-tabs > li.active > a::after, html.modo-escuro form .nav-tabs > li.active > a::after, html.modo-escuro .modal-content .nav-tabs > li.active > a::after { content: "" !important; position: absolute !important; left: 0 !important; right: 0 !important; bottom: -1px !important; height: 2px !important; background: var(--sinc-surface) !important; background-color: var(--sinc-surface) !important; border: 0 !important; border-color: transparent !important; box-shadow: none !important; pointer-events: none !important; z-index: 3 !important; } html.modo-escuro .nav-tabs .icone_da_aba, html.modo-escuro .nav-tabs .icone_da_aba i, html.modo-escuro .nav-tabs .texto_da_aba { color: inherit !important; } /* BG só no .tab-pane (borda/radius) — .tab-content transparente evita vazamento */ html.modo-escuro .tab-content, html.modo-escuro .modal-content .tab-content { background: transparent !important; background-color: transparent !important; } html.modo-escuro .tab-pane, html.modo-escuro .modal-content .tab-pane { background: var(--sinc-surface) !important; background-color: var(--sinc-surface) !important; color: var(--sinc-text) !important; border-color: var(--sinc-border) !important; } /* CKEditor (histórico e textareas rich) — bordas = form-control / modal */ html.modo-escuro .cke, html.modo-escuro .cke_chrome, html.modo-escuro .cke.cke-modo-escuro { border: 1px solid var(--sinc-border) !important; border-color: var(--sinc-border) !important; border-radius: var(--sinc-input-radius) !important; background: var(--sinc-input-bg) !important; background-color: var(--sinc-input-bg) !important; color: var(--sinc-text) !important; box-shadow: none !important; outline: none !important; } html.modo-escuro .cke_inner { background: var(--sinc-input-bg) !important; background-color: var(--sinc-input-bg) !important; border: 0 !important; box-shadow: none !important; } html.modo-escuro .cke_top { background: var(--sinc-surface-2) !important; background-color: var(--sinc-surface-2) !important; background-image: none !important; border: 0 !important; border-bottom: 1px solid var(--sinc-border) !important; border-color: var(--sinc-border) !important; box-shadow: none !important; } html.modo-escuro .cke_bottom { background: var(--sinc-surface-2) !important; background-color: var(--sinc-surface-2) !important; background-image: none !important; border: 0 !important; border-top: 1px solid var(--sinc-border) !important; border-color: var(--sinc-border) !important; box-shadow: none !important; } html.modo-escuro .cke_contents, html.modo-escuro .cke_wysiwyg_frame, html.modo-escuro .cke_wysiwyg_div, html.modo-escuro textarea.cke_source { background: var(--sinc-input-bg) !important; background-color: var(--sinc-input-bg) !important; border: 0 !important; outline: none !important; color: var(--sinc-text) !important; box-shadow: none !important; } /* Mesmo esquema do about:blank inicial: o Chrome não pinta fundo branco opaco atrás do iframe enquanto carrega */ html.modo-escuro .cke_wysiwyg_frame { color-scheme: normal !important; } html.modo-escuro .cke_toolbox, html.modo-escuro .cke_toolbar, html.modo-escuro .cke_toolgroup { background: transparent !important; border-color: var(--sinc-border) !important; box-shadow: none !important; } html.modo-escuro a.cke_button, html.modo-escuro a.cke_button_off, html.modo-escuro a.cke_combo_button { background: transparent !important; border: 1px solid transparent !important; color: var(--sinc-text) !important; box-shadow: none !important; } html.modo-escuro a.cke_button_on, html.modo-escuro a.cke_button_off:hover, html.modo-escuro a.cke_button_off:focus, html.modo-escuro a.cke_button_off:active, html.modo-escuro .cke_combo_on a.cke_combo_button, html.modo-escuro .cke_combo_off a.cke_combo_button:hover, html.modo-escuro .cke_combo_off a.cke_combo_button:focus, html.modo-escuro .cke_combo_off a.cke_combo_button:active { background: var(--sinc-hover) !important; border: 1px solid var(--sinc-border) !important; border-color: var(--sinc-border) !important; color: var(--sinc-text) !important; box-shadow: none !important; } html.modo-escuro .cke_button_icon { filter: invert(1) brightness(1.15) !important; opacity: 0.92 !important; } html.modo-escuro a.cke_button_disabled .cke_button_icon { opacity: 0.35 !important; } html.modo-escuro .cke_button_label, html.modo-escuro .cke_combo_text, html.modo-escuro .cke_combo_label, html.modo-escuro .cke_path_item, html.modo-escuro span.cke_path_empty { color: var(--sinc-text-muted) !important; } html.modo-escuro .cke_button_arrow, html.modo-escuro .cke_combo_arrow { border-top-color: var(--sinc-text-muted) !important; } html.modo-escuro .cke_toolbar_separator, html.modo-escuro .cke_combo:after, html.modo-escuro .cke_toolgroup a.cke_button:last-child:after { background-color: var(--sinc-border) !important; border-color: var(--sinc-border) !important; border-right-color: var(--sinc-border) !important; border-left-color: var(--sinc-border) !important; } html.modo-escuro .cke_resizer { border-right-color: var(--sinc-text-muted) !important; } html.modo-escuro a.cke_path_item:hover, html.modo-escuro a.cke_path_item:focus, html.modo-escuro a.cke_path_item:active { background-color: var(--sinc-hover) !important; color: var(--sinc-text) !important; border-color: var(--sinc-border) !important; } /* Painéis / combos flutuantes do CKEditor */ html.modo-escuro .cke_panel, html.modo-escuro .cke_combopanel, html.modo-escuro .cke_menu_panel { background: var(--sinc-surface) !important; background-color: var(--sinc-surface) !important; border: 1px solid var(--sinc-border) !important; border-color: var(--sinc-border) !important; border-radius: var(--sinc-radius) !important; box-shadow: 0 4px 16px var(--sinc-shadow) !important; color: var(--sinc-text) !important; } html.modo-escuro .cke_panel_grouptitle { background: var(--sinc-surface-2) !important; border-bottom: 1px solid var(--sinc-border) !important; border-bottom-color: var(--sinc-border) !important; color: var(--sinc-text) !important; } html.modo-escuro .cke_panel_listItem a, html.modo-escuro .cke_menubutton_label, html.modo-escuro .cke_menubutton_shortcut { color: var(--sinc-text) !important; } html.modo-escuro .cke_panel_listItem.cke_selected a, html.modo-escuro .cke_panel_listItem a:hover, html.modo-escuro .cke_panel_listItem a:focus, html.modo-escuro .cke_panel_listItem a:active, html.modo-escuro .cke_menubutton:hover, html.modo-escuro .cke_menubutton:focus, html.modo-escuro .cke_menubutton:active, html.modo-escuro .cke_menuitem .cke_menubutton_on { background-color: var(--sinc-hover) !important; color: var(--sinc-text) !important; border-color: var(--sinc-border) !important; } html.modo-escuro .cke_menubutton_icon, html.modo-escuro .cke_menubutton:hover .cke_menubutton_icon, html.modo-escuro .cke_menubutton_on .cke_menubutton_icon { background-color: var(--sinc-surface-2) !important; } html.modo-escuro .cke_menuseparator { background-color: var(--sinc-border) !important; } /* Diálogos do CKEditor */ html.modo-escuro .cke_dialog_background_cover { background-color: #000 !important; } html.modo-escuro .cke_dialog, html.modo-escuro .cke_dialog_body { background: var(--sinc-surface) !important; background-color: var(--sinc-surface) !important; border: 1px solid var(--sinc-border) !important; border-color: var(--sinc-border) !important; border-radius: var(--sinc-radius) !important; color: var(--sinc-text) !important; box-shadow: 0 6px 20px var(--sinc-shadow) !important; } html.modo-escuro .cke_dialog_contents, html.modo-escuro .cke_dialog_contents_body, html.modo-escuro .cke_dialog_footer { background: var(--sinc-surface) !important; background-color: var(--sinc-surface) !important; border-color: var(--sinc-border) !important; color: var(--sinc-text) !important; } html.modo-escuro .cke_dialog_title { background: var(--sinc-surface-2) !important; border-bottom: 1px solid var(--sinc-border) !important; border-bottom-color: var(--sinc-border) !important; color: var(--sinc-text) !important; } html.modo-escuro .cke_dialog_footer { border-top: 1px solid var(--sinc-border) !important; outline: none !important; } html.modo-escuro .cke_dialog_tab, html.modo-escuro a.cke_dialog_tab { background: var(--sinc-surface-2) !important; border: 1px solid var(--sinc-border) !important; border-color: var(--sinc-border) !important; color: var(--sinc-text-muted) !important; } html.modo-escuro .cke_dialog_tab:hover, html.modo-escuro a.cke_dialog_tab:hover { background: var(--sinc-hover) !important; border-color: var(--sinc-border) !important; color: var(--sinc-text) !important; } html.modo-escuro .cke_dialog_tab_selected, html.modo-escuro a.cke_dialog_tab_selected { background: var(--sinc-input-bg) !important; color: var(--sinc-text) !important; border: 1px solid var(--sinc-border) !important; border-bottom-color: var(--sinc-input-bg) !important; } html.modo-escuro .cke_dialog_ui_input_text, html.modo-escuro .cke_dialog_ui_input_password, html.modo-escuro .cke_dialog_ui_input_textarea, html.modo-escuro .cke_dialog_ui_input_select, html.modo-escuro input.cke_dialog_ui_input_text, html.modo-escuro textarea.cke_dialog_ui_input_textarea, html.modo-escuro select.cke_dialog_ui_input_select { background: var(--sinc-input-bg) !important; background-color: var(--sinc-input-bg) !important; border: 1px solid var(--sinc-border) !important; border-color: var(--sinc-border) !important; border-radius: var(--sinc-input-radius) !important; color: var(--sinc-text) !important; color-scheme: dark; box-shadow: none !important; } html.modo-escuro .cke_dialog_ui_labeled_label, html.modo-escuro .cke_dialog_ui_labeled_content, html.modo-escuro .cke_dialog_ui_hbox_first, html.modo-escuro .cke_dialog_ui_hbox_child, html.modo-escuro .cke_dialog_ui_vbox_child { color: var(--sinc-text) !important; } html.modo-escuro a.cke_dialog_ui_button, html.modo-escuro span.cke_dialog_ui_button { background: var(--sinc-surface-2) !important; border: 1px solid var(--sinc-border) !important; border-color: var(--sinc-border) !important; border-radius: var(--sinc-input-radius) !important; color: var(--sinc-text) !important; box-shadow: none !important; text-shadow: none !important; } html.modo-escuro a.cke_dialog_ui_button:hover, html.modo-escuro a.cke_dialog_ui_button:focus { background: var(--sinc-hover) !important; border-color: var(--sinc-border) !important; color: var(--sinc-text) !important; } html.modo-escuro a.cke_dialog_ui_button_ok, html.modo-escuro a.cke_dialog_ui_button_ok span { background: #286090 !important; border-color: #204d74 !important; color: #fff !important; } html.modo-escuro .cke_dialog_close_button { filter: invert(1) brightness(1.2) !important; opacity: 0.85 !important; } html.modo-escuro .cke_editable, html.modo-escuro .cke_editable.cke_editable_themed { background-color: var(--sinc-input-bg) !important; color: var(--sinc-text) !important; border: 0 !important; } /* Anula cores/bordas injetadas pelo uiColor (chameleon) do skin — NÃO incluir .cke_button / .cke_combo_button (devem ficar sem borda no idle). */ html.modo-escuro .cke_chrome, html.modo-escuro .cke_top, html.modo-escuro .cke_bottom, html.modo-escuro .cke_dialog_title, html.modo-escuro .cke_dialog_footer, html.modo-escuro .cke_dialog_tab { border-color: var(--sinc-border) !important; } /* Toolbar: copiar/colar/etc. sem moldura no estado normal */ html.modo-escuro a.cke_button, html.modo-escuro a.cke_button_off, html.modo-escuro a.cke_button_disabled, html.modo-escuro a.cke_combo_button, html.modo-escuro .cke_toolgroup a.cke_button, html.modo-escuro .modal-content a.cke_button, html.modo-escuro .modal-content a.cke_button_off, html.modo-escuro .modal-content a.cke_button_disabled, html.modo-escuro .modal-content a.cke_combo_button { border: 1px solid transparent !important; border-color: transparent !important; background-image: none !important; box-shadow: none !important; } html.modo-escuro a.cke_button_on, html.modo-escuro a.cke_button_off:hover, html.modo-escuro a.cke_button_off:focus, html.modo-escuro a.cke_button_off:active, html.modo-escuro .cke_combo_on a.cke_combo_button, html.modo-escuro .cke_combo_off a.cke_combo_button:hover, html.modo-escuro .cke_combo_off a.cke_combo_button:focus, html.modo-escuro .cke_combo_off a.cke_combo_button:active, html.modo-escuro .modal-content a.cke_button_on, html.modo-escuro .modal-content a.cke_button_off:hover, html.modo-escuro .modal-content a.cke_button_off:focus, html.modo-escuro .modal-content a.cke_button_off:active { border: 1px solid var(--sinc-border) !important; border-color: var(--sinc-border) !important; background: var(--sinc-hover) !important; background-image: none !important; box-shadow: none !important; } html.modo-escuro .cke_toolbox, html.modo-escuro .cke_toolbar, html.modo-escuro .cke_toolgroup, html.modo-escuro .modal-content .cke_toolbox, html.modo-escuro .modal-content .cke_toolbar, html.modo-escuro .modal-content .cke_toolgroup { border: 0 !important; border-color: transparent !important; background: transparent !important; box-shadow: none !important; } /* Tabelas alt dentro do formulário modal */ html.modo-escuro .modal-content table.alt, html.modo-escuro #form_padrao table.alt, html.modo-escuro .modal-body table.alt { background-color: transparent !important; border-color: var(--sinc-border) !important; color: var(--sinc-text) !important; } html.modo-escuro .modal-content table.alt thead th, html.modo-escuro #form_padrao table.alt thead th { background-color: var(--sinc-surface-2) !important; color: var(--sinc-text) !important; border-color: var(--sinc-border) !important; } html.modo-escuro .modal-content table.alt tbody td, html.modo-escuro #form_padrao table.alt tbody td { border-color: var(--sinc-border) !important; color: var(--sinc-text) !important; } /* Zebrado nas células do modal (border-collapse:separate exige fundo no td) */ html.modo-escuro .modal-content table.alt tbody tr:not(.navega-tab):not(.selected):not(.selecionada2):nth-child(odd) > td, html.modo-escuro .modal-content table.alt tbody tr:not(.navega-tab):not(.selected):not(.selecionada2).odd > td, html.modo-escuro .modal-content .table tbody tr:not(.navega-tab):not(.selected):not(.selecionada2):nth-child(odd) > td, html.modo-escuro .modal-content table.dataTable tbody tr:not(.navega-tab):not(.selected):not(.selecionada2):nth-child(odd) > td, html.modo-escuro .modal-content table.dataTable tbody tr:not(.navega-tab):not(.selected):not(.selecionada2).odd > td, html.modo-escuro #form_padrao table.alt tbody tr:not(.navega-tab):not(.selected):not(.selecionada2):nth-child(odd) > td, html.modo-escuro .modal-body table.alt tbody tr:not(.navega-tab):not(.selected):not(.selecionada2):nth-child(odd) > td, html.modo-escuro .modal-content table.alt tbody tr:not(.navega-tab):not(.selected):not(.selecionada2):nth-child(odd), html.modo-escuro .modal-content table.dataTable tbody tr:not(.navega-tab):not(.selected):not(.selecionada2).odd, html.modo-escuro .modal-content table.dataTable tbody tr:not(.navega-tab):not(.selected):not(.selecionada2):nth-child(odd) { background-color: var(--sinc-row) !important; color: var(--sinc-text) !important; } html.modo-escuro .modal-content table.alt tbody tr:not(.navega-tab):not(.selected):not(.selecionada2):nth-child(even) > td, html.modo-escuro .modal-content table.alt tbody tr:not(.navega-tab):not(.selected):not(.selecionada2):nth-child(2n) > td, html.modo-escuro .modal-content table.alt tbody tr:not(.navega-tab):not(.selected):not(.selecionada2).even > td, html.modo-escuro .modal-content .table tbody tr:not(.navega-tab):not(.selected):not(.selecionada2):nth-child(even) > td, html.modo-escuro .modal-content .table tbody tr:not(.navega-tab):not(.selected):not(.selecionada2):nth-child(2n + 2) > td, html.modo-escuro .modal-content table.dataTable tbody tr:not(.navega-tab):not(.selected):not(.selecionada2):nth-child(even) > td, html.modo-escuro .modal-content table.dataTable tbody tr:not(.navega-tab):not(.selected):not(.selecionada2).even > td, html.modo-escuro #form_padrao table.alt tbody tr:not(.navega-tab):not(.selected):not(.selecionada2):nth-child(even) > td, html.modo-escuro #form_padrao table.alt tbody tr:not(.navega-tab):not(.selected):not(.selecionada2):nth-child(2n) > td, html.modo-escuro .modal-body table.alt tbody tr:not(.navega-tab):not(.selected):not(.selecionada2):nth-child(even) > td, html.modo-escuro .modal-content table.alt tbody tr:not(.navega-tab):not(.selected):not(.selecionada2):nth-child(even), html.modo-escuro .modal-content table.alt tbody tr:not(.navega-tab):not(.selected):not(.selecionada2):nth-child(2n), html.modo-escuro .modal-content table.dataTable tbody tr:not(.navega-tab):not(.selected):not(.selecionada2).even, html.modo-escuro .modal-content table.dataTable tbody tr:not(.navega-tab):not(.selected):not(.selecionada2):nth-child(even) { background-color: var(--sinc-row-alt) !important; color: var(--sinc-text) !important; } html.modo-escuro .ne, html.modo-escuro span.ne { color: var(--sinc-text-muted) !important; } html.modo-escuro .ne.fa, html.modo-escuro .ne.fas, html.modo-escuro .ne.far, html.modo-escuro .ne.fal, html.modo-escuro .ne.fad, html.modo-escuro .ne.fab, html.modo-escuro .ne.fa-solid, html.modo-escuro .ne.fa-regular, html.modo-escuro .ne i[class*="fa-"] { font-style: normal !important; } /* ========================================================================== Painéis de análise — botões flutuantes (.float-*) = mesmo padrão dos .btn ========================================================================== */ html.modo-escuro .float-button, html.modo-escuro button.float-button { color: rgba(255, 255, 255, 0.8) !important; background-color: rgba(0, 0, 0, 0.5) !important; border: 1px solid var(--sinc-border) !important; box-shadow: none !important; -webkit-filter: none !important; filter: none !important; opacity: 1 !important; } html.modo-escuro .float-button i, html.modo-escuro button.float-button i, html.modo-escuro .float-button [class*="fa-"] { color: rgba(255, 255, 255, 0.8) !important; } html.modo-escuro .float-azul, html.modo-escuro button.float-azul, html.modo-escuro .float-button.float-azul { background-image: -webkit-linear-gradient(top, rgba(var(--sinc-accent-rgb), 0.5), rgba(0, 0, 0, 0.5)) !important; background-image: linear-gradient(to bottom, rgba(var(--sinc-accent-rgb), 0.5), rgba(0, 0, 0, 0.5)) !important; border-color: rgba(var(--sinc-accent-rgb), 0.5) !important; } html.modo-escuro .float-azul:hover, html.modo-escuro button.float-azul:hover, html.modo-escuro .float-button.float-azul:hover { color: rgba(255, 255, 255, 0.9) !important; background-image: linear-gradient(to bottom, rgba(var(--sinc-accent-rgb), 0.65), rgba(0, 0, 0, 0.65)) !important; border-color: rgba(var(--sinc-accent-rgb), 0.65) !important; } html.modo-escuro .float-verde, html.modo-escuro button.float-verde, html.modo-escuro .float-button.float-verde { background-image: -webkit-linear-gradient(top, rgba(76, 174, 76, 0.5), rgba(0, 0, 0, 0.5)) !important; background-image: linear-gradient(to bottom, rgba(76, 174, 76, 0.5), rgba(0, 0, 0, 0.5)) !important; border-color: rgba(76, 174, 76, 0.5) !important; } html.modo-escuro .float-verde:hover, html.modo-escuro button.float-verde:hover, html.modo-escuro .float-button.float-verde:hover { color: rgba(255, 255, 255, 0.9) !important; background-image: linear-gradient(to bottom, rgba(76, 174, 76, 0.65), rgba(0, 0, 0, 0.65)) !important; border-color: rgba(76, 174, 76, 0.65) !important; } html.modo-escuro .float-info, html.modo-escuro button.float-info, html.modo-escuro .float-button.float-info { background-image: -webkit-linear-gradient(top, rgba(70, 184, 218, 0.5), rgba(0, 0, 0, 0.5)) !important; background-image: linear-gradient(to bottom, rgba(70, 184, 218, 0.5), rgba(0, 0, 0, 0.5)) !important; border-color: rgba(70, 184, 218, 0.5) !important; } html.modo-escuro .float-info:hover, html.modo-escuro button.float-info:hover, html.modo-escuro .float-button.float-info:hover { color: rgba(255, 255, 255, 0.9) !important; background-image: linear-gradient(to bottom, rgba(70, 184, 218, 0.65), rgba(0, 0, 0, 0.65)) !important; border-color: rgba(70, 184, 218, 0.65) !important; } html.modo-escuro .float-amarelo, html.modo-escuro button.float-amarelo, html.modo-escuro .float-button.float-amarelo { background-image: -webkit-linear-gradient(top, rgba(238, 162, 54, 0.5), rgba(0, 0, 0, 0.5)) !important; background-image: linear-gradient(to bottom, rgba(238, 162, 54, 0.5), rgba(0, 0, 0, 0.5)) !important; border-color: rgba(238, 162, 54, 0.5) !important; } html.modo-escuro .float-amarelo:hover, html.modo-escuro button.float-amarelo:hover, html.modo-escuro .float-button.float-amarelo:hover { color: rgba(255, 255, 255, 0.9) !important; background-image: linear-gradient(to bottom, rgba(238, 162, 54, 0.65), rgba(0, 0, 0, 0.65)) !important; border-color: rgba(238, 162, 54, 0.65) !important; } html.modo-escuro .float-vermelho, html.modo-escuro button.float-vermelho, html.modo-escuro .float-button.float-vermelho { background-image: -webkit-linear-gradient(top, rgba(212, 63, 58, 0.5), rgba(0, 0, 0, 0.5)) !important; background-image: linear-gradient(to bottom, rgba(212, 63, 58, 0.5), rgba(0, 0, 0, 0.5)) !important; border-color: rgba(212, 63, 58, 0.5) !important; } html.modo-escuro .float-vermelho:hover, html.modo-escuro button.float-vermelho:hover, html.modo-escuro .float-button.float-vermelho:hover { color: rgba(255, 255, 255, 0.9) !important; background-image: linear-gradient(to bottom, rgba(212, 63, 58, 0.65), rgba(0, 0, 0, 0.65)) !important; border-color: rgba(212, 63, 58, 0.65) !important; } html.modo-escuro .float-rosa, html.modo-escuro button.float-rosa, html.modo-escuro .float-button.float-rosa { background-image: -webkit-linear-gradient(top, rgba(153, 0, 102, 0.5), rgba(0, 0, 0, 0.5)) !important; background-image: linear-gradient(to bottom, rgba(153, 0, 102, 0.5), rgba(0, 0, 0, 0.5)) !important; border-color: rgba(153, 0, 102, 0.5) !important; } html.modo-escuro .float-rosa:hover, html.modo-escuro button.float-rosa:hover, html.modo-escuro .float-button.float-rosa:hover { color: rgba(255, 255, 255, 0.9) !important; background-image: linear-gradient(to bottom, rgba(153, 0, 102, 0.65), rgba(0, 0, 0, 0.65)) !important; border-color: rgba(153, 0, 102, 0.65) !important; } html.modo-escuro .float-roxo, html.modo-escuro button.float-roxo, html.modo-escuro .float-button.float-roxo { background-image: -webkit-linear-gradient(top, rgba(204, 102, 204, 0.5), rgba(0, 0, 0, 0.5)) !important; background-image: linear-gradient(to bottom, rgba(204, 102, 204, 0.5), rgba(0, 0, 0, 0.5)) !important; border-color: rgba(204, 51, 204, 0.5) !important; } html.modo-escuro .float-roxo:hover, html.modo-escuro button.float-roxo:hover, html.modo-escuro .float-button.float-roxo:hover { color: rgba(255, 255, 255, 0.9) !important; background-image: linear-gradient(to bottom, rgba(204, 102, 204, 0.65), rgba(0, 0, 0, 0.65)) !important; border-color: rgba(204, 51, 204, 0.7) !important; } /* Estado inativo / selecionado (float-cinza): mesmo aspecto do .cinza */ html.modo-escuro .float-cinza, html.modo-escuro button.float-cinza, html.modo-escuro .float-button.float-cinza { background: var(--sinc-surface-2) !important; background-color: var(--sinc-surface-2) !important; background-image: none !important; color: var(--sinc-text-muted) !important; border: 1px solid var(--sinc-border) !important; opacity: 0.75 !important; cursor: not-allowed !important; } html.modo-escuro .float-cinza:hover, html.modo-escuro button.float-cinza:hover, html.modo-escuro .float-button.float-cinza:hover { background: var(--sinc-surface-2) !important; background-image: none !important; color: var(--sinc-text-muted) !important; } html.modo-escuro .float-cinza i, html.modo-escuro .float-button.float-cinza i, html.modo-escuro .float-cinza [class*="fa-"] { color: var(--sinc-text-muted) !important; } /* ========================================================================== Dashboards do painel (estilo_at / estilo_em / estilo_bo / estilo_carreira) Só no documento do dash (.metrics-panel) — não pintar .container do shell (#header-wrapper / #footer-wrapper / #plano_fundo), senão menu e rodapé ficam pretos em tela grande. ========================================================================== */ html.modo-escuro { --light-color: var(--sinc-surface-2) !important; --fundo-color: var(--sinc-bg) !important; --texto-color: var(--sinc-text) !important; --dark-color: var(--sinc-border) !important; } /* Só o main — NÃO o .container do
(senão vira faixa cinza sobre o gradiente) */ html.modo-escuro body:has(.metrics-panel) main.container { background: var(--sinc-bg) !important; background-color: var(--sinc-bg) !important; color: var(--sinc-text) !important; } html.modo-escuro body:has(.metrics-panel) header { background: linear-gradient(to bottom, var(--primary-color), var(--secondary-color)) !important; background-color: transparent !important; box-shadow: none !important; } html.modo-escuro body:has(.metrics-panel) header .container { background: transparent !important; background-color: transparent !important; } html.modo-escuro .metric-card, html.modo-escuro .controls, html.modo-escuro .card, html.modo-escuro .table-container, html.modo-escuro .legend, html.modo-escuro .legend-list, html.modo-escuro .filter-group, html.modo-escuro .button-group { background: var(--sinc-surface) !important; background-color: var(--sinc-surface) !important; color: var(--sinc-text) !important; box-shadow: none !important; } /* Controles/cards genéricos: borda neutra — NÃO aplicar em .metric-card (lateral colorida) */ html.modo-escuro .controls, html.modo-escuro .card { border-color: var(--sinc-border) !important; } /* Laterais dos metric-cards: mantém/restaura as cores de destaque */ html.modo-escuro .metric-card { border-top-color: transparent !important; border-right-color: transparent !important; border-bottom-color: transparent !important; border-left-width: 4px !important; border-left-style: solid !important; border-left-color: var(--sinc-link) !important; } html.modo-escuro .metric-card.total, html.modo-escuro .metric-card.solicitantes, html.modo-escuro .metric-card.origens, html.modo-escuro .metric-card.duracao { border-left-color: var(--sinc-link) !important; } html.modo-escuro .metric-card.andamento, html.modo-escuro .metric-card.rondas, html.modo-escuro .metric-card.apps { border-left-color: #5cb85c !important; } html.modo-escuro .metric-card.vigentes, html.modo-escuro .metric-card.equipes, html.modo-escuro .metric-card.info { border-left-color: #5bc0de !important; } html.modo-escuro .metric-card.flagrantes, html.modo-escuro .metric-card.risco-alto { border-left-color: #d9534f !important; } html.modo-escuro .metric-card.naturezas, html.modo-escuro .metric-card.parceiros, html.modo-escuro .metric-card.expiradas, html.modo-escuro .metric-card.assistidas { border-left-color: #cc66cc !important; } html.modo-escuro .metric-card.riscos, html.modo-escuro .metric-card.revogadas, html.modo-escuro .metric-card.alertas, html.modo-escuro .metric-card.risco-atencao { border-left-color: #f0ad4e !important; } html.modo-escuro .metric-card.areas { border-left-color: #1abc9c !important; } html.modo-escuro .metric-label, html.modo-escuro .subtitle, html.modo-escuro .card-title, html.modo-escuro .metric-value { color: var(--sinc-text) !important; } html.modo-escuro .metric-label { color: var(--sinc-text-muted) !important; } html.modo-escuro .card-header { border-bottom-color: var(--sinc-border) !important; } html.modo-escuro .parceiros-panel { background: rgba(142, 68, 173, 0.12) !important; border-color: rgba(142, 68, 173, 0.4) !important; } html.modo-escuro .legend-item, html.modo-escuro .legend-item:hover, html.modo-escuro .sortable:hover, html.modo-escuro th.sortable:hover, html.modo-escuro .toggle-btn, html.modo-escuro .last-update { background-color: var(--sinc-surface-2) !important; border-color: var(--sinc-border) !important; color: var(--sinc-text) !important; } html.modo-escuro .toggle-btn:hover { background-color: var(--sinc-border) !important; color: var(--sinc-text) !important; } /* Botões do dashboard (filtros): mesmo padrão semi-transparente dos .btn / .float-button */ html.modo-escuro .controls .btn-primary, html.modo-escuro .button-group .btn-primary, html.modo-escuro button.btn-primary { color: rgba(255, 255, 255, 0.8) !important; background-color: rgba(0, 0, 0, 0.5) !important; background-image: linear-gradient(to bottom, rgba(var(--sinc-accent-rgb), 0.5), rgba(0, 0, 0, 0.5)) !important; border: 1px solid rgba(var(--sinc-accent-rgb), 0.5) !important; box-shadow: none !important; -webkit-filter: none !important; filter: none !important; } html.modo-escuro .controls .btn-primary:hover, html.modo-escuro .button-group .btn-primary:hover, html.modo-escuro button.btn-primary:hover { color: rgba(255, 255, 255, 0.9) !important; background-image: linear-gradient(to bottom, rgba(var(--sinc-accent-rgb), 0.65), rgba(0, 0, 0, 0.65)) !important; border-color: rgba(var(--sinc-accent-rgb), 0.65) !important; } html.modo-escuro .controls .btn-success, html.modo-escuro .button-group .btn-success, html.modo-escuro button.btn-success { color: rgba(255, 255, 255, 0.8) !important; background-color: rgba(0, 0, 0, 0.5) !important; background-image: linear-gradient(to bottom, rgba(76, 174, 76, 0.5), rgba(0, 0, 0, 0.5)) !important; border: 1px solid rgba(76, 174, 76, 0.5) !important; box-shadow: none !important; -webkit-filter: none !important; filter: none !important; } html.modo-escuro .controls .btn-success:hover, html.modo-escuro .button-group .btn-success:hover, html.modo-escuro button.btn-success:hover { color: rgba(255, 255, 255, 0.9) !important; background-image: linear-gradient(to bottom, rgba(76, 174, 76, 0.65), rgba(0, 0, 0, 0.65)) !important; border-color: rgba(76, 174, 76, 0.65) !important; } html.modo-escuro .controls .btn-secondary, html.modo-escuro .button-group .btn-secondary, html.modo-escuro button.btn-secondary { color: rgba(255, 255, 255, 0.8) !important; background-color: rgba(0, 0, 0, 0.5) !important; background-image: linear-gradient(to bottom, rgba(102, 102, 102, 0.5), rgba(0, 0, 0, 0.5)) !important; border: 1px solid rgba(102, 102, 102, 0.5) !important; box-shadow: none !important; -webkit-filter: none !important; filter: none !important; } html.modo-escuro .controls .btn-secondary:hover, html.modo-escuro .button-group .btn-secondary:hover, html.modo-escuro button.btn-secondary:hover { color: rgba(255, 255, 255, 0.9) !important; background-image: linear-gradient(to bottom, rgba(102, 102, 102, 0.65), rgba(0, 0, 0, 0.65)) !important; border-color: rgba(102, 102, 102, 0.65) !important; } html.modo-escuro .legend-text, html.modo-escuro .legend-value { color: var(--sinc-text) !important; } html.modo-escuro table, html.modo-escuro th, html.modo-escuro td { border-color: var(--sinc-border) !important; color: var(--sinc-text) !important; } html.modo-escuro th:not(#td_info), html.modo-escuro thead th:not(#td_info), html.modo-escuro .table-container th:not(#td_info) { background-color: var(--sinc-surface-2) !important; color: var(--sinc-text) !important; } html.modo-escuro tbody tr:nth-child(odd) td, html.modo-escuro tbody tr:nth-child(odd) { background-color: var(--sinc-row) !important; } html.modo-escuro tbody tr:nth-child(even) td, html.modo-escuro tbody tr:nth-child(even) { background-color: var(--sinc-row-alt) !important; } /* Tabelas de layout dentro de .alert: sem fundo (não cobrir o degradê do alerta). Inclui :not(#tabela_formulario) e cadeias tbody/td para vencer zebra genérica. */ html.modo-escuro .alert table:not(#tabela_formulario), html.modo-escuro .alert table:not(#tabela_formulario) thead, html.modo-escuro .alert table:not(#tabela_formulario) tbody, html.modo-escuro .alert table:not(#tabela_formulario) tfoot, html.modo-escuro .alert table:not(#tabela_formulario) tr, html.modo-escuro .alert table:not(#tabela_formulario) th, html.modo-escuro .alert table:not(#tabela_formulario) td, html.modo-escuro .alert table:not(#tabela_formulario) tbody tr, html.modo-escuro .alert table:not(#tabela_formulario) tbody tr:nth-child(odd), html.modo-escuro .alert table:not(#tabela_formulario) tbody tr:nth-child(even), html.modo-escuro .alert table:not(#tabela_formulario) tbody tr:nth-child(odd) > td, html.modo-escuro .alert table:not(#tabela_formulario) tbody tr:nth-child(even) > td, html.modo-escuro .alert table:not(#tabela_formulario) tbody tr:nth-child(odd) td, html.modo-escuro .alert table:not(#tabela_formulario) tbody tr:nth-child(even) td, html.modo-escuro .alert table:not(#tabela_formulario) tbody tr:nth-child(odd) > th, html.modo-escuro .alert table:not(#tabela_formulario) tbody tr:nth-child(even) > th, html.modo-escuro .alert table:not(#tabela_formulario) thead th, html.modo-escuro .modal-content .alert table:not(#tabela_formulario), html.modo-escuro .modal-content .alert table:not(#tabela_formulario) tr, html.modo-escuro .modal-content .alert table:not(#tabela_formulario) td, html.modo-escuro .modal-content .alert table:not(#tabela_formulario) th, html.modo-escuro [class*="alert-"] table:not(#tabela_formulario), html.modo-escuro [class*="alert-"] table:not(#tabela_formulario) tr, html.modo-escuro [class*="alert-"] table:not(#tabela_formulario) th, html.modo-escuro [class*="alert-"] table:not(#tabela_formulario) td { background: transparent !important; background-color: transparent !important; background-image: none !important; color: inherit !important; border-color: transparent !important; box-shadow: none !important; } /* Títulos do cabeçalho do modal: sempre legíveis sobre o degradê */ html.modo-escuro .modal-content .alert[class*="_gradient"] #tit_bar1, html.modo-escuro .modal-content .alert[class*="_gradient"] #tit_bar2, html.modo-escuro .modal-content .alert[class*="_gradient"] #tit_bar1 *, html.modo-escuro .modal-content .alert[class*="_gradient"] #tit_bar2 *, html.modo-escuro .alert[class*="_gradient"] #tit_bar1, html.modo-escuro .alert[class*="_gradient"] #tit_bar2, html.modo-escuro .alert[class*="_gradient"] #tit_bar1 *, html.modo-escuro .alert[class*="_gradient"] #tit_bar2 * { color: #fff !important; opacity: 1 !important; visibility: visible !important; } html.modo-escuro .natureza-multipla div { background-color: var(--sinc-surface-2) !important; border-left-color: var(--sinc-link) !important; color: var(--sinc-text) !important; } html.modo-escuro .btn, html.modo-escuro .controls .btn, html.modo-escuro .button-group .btn { border-color: var(--sinc-border) !important; } html.modo-escuro header { box-shadow: none !important; } /* Painéis de análise: header com gradiente da instituição, sem faixa cinza */ html.modo-escuro body:has(.metrics-panel) header .subtitle { color: rgba(255, 255, 255, 0.85) !important; } html.modo-escuro body:has(.metrics-panel) header p, html.modo-escuro body:has(.metrics-panel) header { color: #fff !important; } html.modo-escuro .filter-group label, html.modo-escuro .controls label { color: var(--sinc-text-muted) !important; } html.modo-escuro .controls select, html.modo-escuro .controls input, html.modo-escuro .filter-group select, html.modo-escuro .filter-group input { background-color: var(--sinc-input-bg) !important; color: var(--sinc-text) !important; border-color: var(--sinc-border) !important; } html.modo-escuro .risco-imediato, html.modo-escuro .status-andamento { color: #f08080 !important; background-color: rgba(231, 76, 60, 0.18) !important; border-color: #e74c3c !important; } html.modo-escuro .risco-alta, html.modo-escuro .flagrante-sim { color: #f0a878 !important; background-color: rgba(230, 126, 34, 0.18) !important; border-color: #e67e22 !important; } html.modo-escuro .risco-media { color: #f5c76e !important; background-color: rgba(243, 156, 18, 0.18) !important; border-color: #f39c12 !important; } html.modo-escuro .risco-baixa, html.modo-escuro .status-encerrado { color: #6fd99a !important; background-color: rgba(39, 174, 96, 0.18) !important; border-color: #27ae60 !important; } html.modo-escuro .risco-nao-especificado, html.modo-escuro .flagrante-nao { color: var(--sinc-text-muted) !important; background-color: var(--sinc-surface-2) !important; border-color: var(--sinc-border) !important; } /* ------------------------------------------------------------------ * Chat / notificações / interação (iframes do widget e balões) * Cores apenas — padding/margin do widget e da barra iguais ao modo claro. * ------------------------------------------------------------------ */ html.modo-escuro .whatswidget-conversation { background-color: var(--sinc-surface) !important; border-color: var(--sinc-border) !important; box-shadow: 0 5px 40px var(--sinc-shadow) !important; } /* Alerta flutuante = mesmo aspecto do .balao.b_vermelho do iframe (texto = cor do alerta) */ html.modo-escuro #alerta_noti { background-color: #3a2224 !important; background-image: none !important; border: 1px solid #5a3438 !important; box-shadow: 0 0 0 2px #5a3438 !important; border-radius: 5px !important; } html.modo-escuro #alerta_noti, html.modo-escuro #alerta_noti #texto_noti, html.modo-escuro #alerta_noti #texto_noti b, html.modo-escuro #alerta_noti i { color: #d9534f !important; } /* Alerta de chat = mesmo aspecto do .balao.azul do iframe (texto = cor do alerta) */ html.modo-escuro #alerta_chat { background-color: #1a3340 !important; background-image: none !important; border: 1px solid #2a5570 !important; box-shadow: 0 0 0 2px #2a5570 !important; border-radius: 5px !important; } html.modo-escuro #alerta_chat, html.modo-escuro #alerta_chat #texto_alerta, html.modo-escuro #alerta_chat #texto_alerta b, html.modo-escuro #alerta_chat i { color: #28bcec !important; } /* Alerta de status do CAD Mobile (cad_despacho / cad_guarnicoes) = cores dos balões */ html.modo-escuro #alerta_noti_cad { background-image: none !important; box-shadow: 0 5px 40px var(--sinc-shadow) !important; } html.modo-escuro #alerta_noti_cad.alerta_azul { background-color: #1a3340 !important; border: 1px solid #2a5570 !important; box-shadow: 0 0 0 2px #2a5570, 0 5px 40px var(--sinc-shadow) !important; color: #28bcec !important; } html.modo-escuro #alerta_noti_cad.alerta_azul #texto_alerta, html.modo-escuro #alerta_noti_cad.alerta_azul #texto_alerta b, html.modo-escuro #alerta_noti_cad.alerta_azul i { color: #28bcec !important; } html.modo-escuro #alerta_noti_cad.alerta_verde { background-color: #1e3324 !important; border: 1px solid #2d5538 !important; box-shadow: 0 0 0 2px #2d5538, 0 5px 40px var(--sinc-shadow) !important; color: #5cb85c !important; } html.modo-escuro #alerta_noti_cad.alerta_verde #texto_alerta, html.modo-escuro #alerta_noti_cad.alerta_verde #texto_alerta b, html.modo-escuro #alerta_noti_cad.alerta_verde i { color: #5cb85c !important; } html.modo-escuro #alerta_noti_cad.alerta_verm { background-color: #3a2224 !important; border: 1px solid #5a3438 !important; box-shadow: 0 0 0 2px #5a3438, 0 5px 40px var(--sinc-shadow) !important; color: #d9534f !important; } html.modo-escuro #alerta_noti_cad.alerta_verm #texto_alerta, html.modo-escuro #alerta_noti_cad.alerta_verm #texto_alerta b, html.modo-escuro #alerta_noti_cad.alerta_verm i { color: #d9534f !important; } /* Iframes chat/notificação: sem barra de rolagem (roda do mouse ok) */ html.modo-escuro:has(#mensagens) ::-webkit-scrollbar { width: 0 !important; height: 0 !important; background: transparent !important; } html.modo-escuro:has(#mensagens), html.modo-escuro:has(#mensagens) #mensagens { scrollbar-width: none; -ms-overflow-style: none; } /* Iframe chat/noti: sem bg no body */ html.modo-escuro:has(#mensagens), html.modo-escuro:has(#mensagens) body { background: transparent !important; background-color: transparent !important; background-image: none !important; } html.modo-escuro .whatswidget-conversation-header, html.modo-escuro .whatswidget-conversation-message, html.modo-escuro .whatswidget-conversation-message-outer { background-color: var(--sinc-surface-2) !important; color: var(--sinc-text) !important; box-shadow: none !important; } /* .opacidade mais escura que o painel externo (--sinc-surface) */ html.modo-escuro .opacidade { background: var(--sinc-bg) !important; background-color: var(--sinc-bg) !important; } /* Iframe chat/noti: card interno mais escuro que o fundo do widget */ html.modo-escuro:has(#mensagens) .opacidade { background: var(--sinc-bg) !important; background-color: var(--sinc-bg) !important; border: 1px solid var(--sinc-border) !important; border-radius: 5px; } html.modo-escuro:has(#mensagens) #mensagens { background: transparent !important; border: none !important; } /* Carregando (alert-danger): mesma borda dupla dos balões b_vermelho */ html.modo-escuro:has(#mensagens) #carregando.alert, html.modo-escuro:has(#mensagens) #mensagens > #carregando { color: var(--sinc-text) !important; background-color: #3a2224 !important; background-image: none !important; border: 1px solid #5a3438 !important; box-shadow: 0 0 0 2px #5a3438 !important; border-radius: 5px !important; } html.modo-escuro #div_form, html.modo-escuro body > table > tbody > tr > td:nth-child(1) > div { background-color: var(--sinc-surface) !important; border-color: var(--sinc-border) !important; color: var(--sinc-text) !important; } html.modo-escuro .table-wrapper { border-color: var(--sinc-border) !important; } /* Foto clipada nos balões do iframe/mobile de notificações */ html.modo-escuro .balao.balao-clip .local_foto_notif { background-color: var(--sinc-surface, #1c1f26) !important; border-color: var(--sinc-border, #3a404c) !important; } html.modo-escuro .img_nick { border-color: var(--sinc-border) !important; } html.modo-escuro .balao { --fundo_azul: #1a3340; --borda_azul: #2a5570; --fundo_branco: #252a33; --borda_branco: #3a404c; --fundo_verde: #1e3324; --borda_verde: #2d5538; --fundo_b_vermelho: #3a2224; --borda_b_vermelho: #5a3438; color: var(--sinc-text) !important; } html.modo-escuro .balao a:not(.btn) { color: var(--sinc-link) !important; } /* Aviso de falha do player de áudio (iframe / balão / galeria) — perto do player */ html.modo-escuro .green-audio-player-aviso, html.modo-escuro .anexo-audio-aviso { background: #3a2224 !important; border-color: #5a3438 !important; color: #e8a0a0 !important; } html.modo-escuro .green-audio-player-aviso i, html.modo-escuro .anexo-audio-aviso i { color: #e8a0a0 !important; } html.modo-escuro #invertida > div { color: var(--sinc-text) !important; } html.modo-escuro #iframe_chat, html.modo-escuro #conteudo_iframe { background-color: transparent !important; color-scheme: dark; } /* Barra nos iframes: não comprimir margin-right do botão lateral */ html.modo-escuro.modo-escuro-modal #barra_desk, html.modo-escuro.modo-escuro-modal #barra_mobile { /* margin/padding herdados do barra.php (modo claro) */ box-sizing: border-box !important; } html.modo-escuro #barra_desk[style*="margin-right"], html.modo-escuro #barra_mobile[style*="margin-right"], html.modo-escuro.modo-escuro-modal #barra_desk[style*="margin-right"], html.modo-escuro.modo-escuro-modal #barra_mobile[style*="margin-right"] { margin-right: 40px !important; } /* Botão da barra visível (vence fundo opaco da #barra_* no escuro) */ html.modo-escuro #barra_desk + #barra_mobile + table.table-simples, html.modo-escuro #barra_mobile + table.table-simples, html.modo-escuro.modo-escuro-modal #barra_desk + #barra_mobile + table.table-simples, html.modo-escuro.modo-escuro-modal #barra_mobile + table.table-simples { position: relative; z-index: 3; } /* Dropdown aberto: o z-index 3 acima prende o menu abaixo da paginação do DataTable */ html.modo-escuro #barra_desk + #barra_mobile + table.table-simples:has(.open > .dropdown-menu), html.modo-escuro #barra_mobile + table.table-simples:has(.open > .dropdown-menu) { z-index: 4000; } html.modo-escuro .btn-barra, html.modo-escuro.modo-escuro-modal .btn-barra { position: relative; z-index: 3; } /* ------------------------------------------------------------------ * Barras #td_info / títulos informativos + labels (.azul, #d9534f) + switch * ------------------------------------------------------------------ */ /* Padrão alerta (#f2dede / #a94442) — maioria das listagens */ html.modo-escuro #td_info, html.modo-escuro th#td_info { background: #3d282a !important; background-color: #3d282a !important; background-image: none !important; color: #e8a0a0 !important; border-color: #5c3a3c !important; text-align: left !important; } /* Variante azul institucional (#0275D8 / #e9f1f4) — escala / RSM seções */ html.modo-escuro #td_info[style*="0275"], html.modo-escuro th#td_info[style*="0275"], html.modo-escuro #td_info[style*="e9f1f4"], html.modo-escuro th#td_info[style*="e9f1f4"], html.modo-escuro th.rsm-th-secao, html.modo-escuro th.rsm-cabecalho-principal, html.modo-escuro th[style*="background-color:#0275"], html.modo-escuro th[style*="background-color: #0275"], html.modo-escuro th[style*="background-color:#0275D8"], html.modo-escuro th[style*="background-color:#0275d8"], html.modo-escuro th[style*="background-color:#e9f1f4"], html.modo-escuro th[style*="background-color: #e9f1f4"], html.modo-escuro [style*="background-color:#0275D8"]:not(.btn):not(.btn-primary):not(.progress-bar):not(.label), html.modo-escuro [style*="background-color: #0275D8"]:not(.btn):not(.btn-primary):not(.progress-bar):not(.label), html.modo-escuro [style*="background-color:#0275d8"]:not(.btn):not(.btn-primary):not(.progress-bar):not(.label), html.modo-escuro [style*="background-color: #0275d8"]:not(.btn):not(.btn-primary):not(.progress-bar):not(.label) { background: rgba(var(--sinc-accent-rgb), 0.28) !important; background-color: rgba(var(--sinc-accent-rgb), 0.28) !important; background-image: none !important; color: var(--sinc-link) !important; border-color: rgba(var(--sinc-accent-rgb), 0.45) !important; } /* Variante alerta explícita (sobrescreve se ambos casarem) */ html.modo-escuro #td_info[style*="f2dede"], html.modo-escuro #td_info[style*="a94442"], html.modo-escuro th#td_info[style*="f2dede"], html.modo-escuro th#td_info[style*="a94442"], html.modo-escuro th[style*="background-color:#f2dede"], html.modo-escuro th[style*="background-color: #f2dede"] { background: #3d282a !important; background-color: #3d282a !important; background-image: none !important; color: #e8a0a0 !important; border-color: #5c3a3c !important; } html.modo-escuro #td_info *, html.modo-escuro #td_info i, html.modo-escuro #td_info span, html.modo-escuro #td_info b { color: inherit !important; opacity: 1 !important; } /* Tooltip dentro de #td_info / #conteudo: texto preto (não herdar azul do título) */ html.modo-escuro #td_info .tooltip, html.modo-escuro #td_info .tooltip .tooltip-inner, html.modo-escuro #td_info .tooltip .tooltip-inner *, html.modo-escuro #td_info .tooltip-inner, html.modo-escuro #td_info .tooltip-inner *, html.modo-escuro #td_info .tooltip .negrito, html.modo-escuro #td_info .tooltip b, html.modo-escuro #td_info .tooltip strong, html.modo-escuro #td_info .tooltip span, html.modo-escuro #conteudo .tooltip, html.modo-escuro #conteudo .tooltip .tooltip-inner, html.modo-escuro #conteudo .tooltip .tooltip-inner *, html.modo-escuro #conteudo .tooltip-inner, html.modo-escuro #conteudo .tooltip-inner *, html.modo-escuro .tooltip .negrito, html.modo-escuro .tooltip b, html.modo-escuro .tooltip strong { color: #000000 !important; } html.modo-escuro #td_info .tooltip .tooltip-inner, html.modo-escuro #td_info .tooltip-inner, html.modo-escuro #conteudo .tooltip .tooltip-inner, html.modo-escuro #conteudo .tooltip-inner { background-color: var(--sinc-inst-link) !important; border-color: var(--sinc-inst-link) !important; } html.modo-escuro #td_info #local_botoes i[style*="opacity: 0.2"], html.modo-escuro #td_info #local_botoes i[style*="opacity:0.2"] { opacity: 0.25 !important; } /* Classes utilitárias de cor (forms.css) — versões escuras */ html.modo-escuro .azul, html.modo-escuro b.azul, html.modo-escuro span.azul, html.modo-escuro td.azul, html.modo-escuro .fa-circle.azul { color: var(--sinc-link) !important; } html.modo-escuro .azul2, html.modo-escuro b.azul2, html.modo-escuro span.azul2 { color: var(--sinc-link) !important; } html.modo-escuro .verde, html.modo-escuro b.verde, html.modo-escuro span.verde, html.modo-escuro .fa-circle.verde { color: #7dca8a !important; } html.modo-escuro .vermelho, html.modo-escuro b.vermelho, html.modo-escuro span.vermelho, html.modo-escuro .fa-circle.vermelho { color: #e87878 !important; } html.modo-escuro .laranja, html.modo-escuro b.laranja, html.modo-escuro span.laranja, html.modo-escuro .fa-circle.laranja { color: #f0a060 !important; } html.modo-escuro .amarelo, html.modo-escuro b.amarelo, html.modo-escuro span.amarelo { color: #e0c070 !important; } html.modo-escuro .roxo, html.modo-escuro b.roxo, html.modo-escuro span.roxo { color: #d090d0 !important; } /* * Indicadores circulares (coluna Relat. etc.: F/E/D/R): * borda = cor do texto — vence #conteudo * { border-color: --sinc-border }. */ html.modo-escuro #conteudo div.focus.azul, html.modo-escuro #conteudo div.azul.focus, html.modo-escuro #conteudo div.focus.verde, html.modo-escuro #conteudo div.verde.focus, html.modo-escuro #conteudo div.focus.vermelho, html.modo-escuro #conteudo div.vermelho.focus, html.modo-escuro #conteudo div.focus.laranja, html.modo-escuro #conteudo div.laranja.focus, html.modo-escuro #conteudo div.focus.roxo, html.modo-escuro #conteudo div.roxo.focus, html.modo-escuro #conteudo div.focus[style*="border-radius: 50%"], html.modo-escuro #conteudo div.focus[style*="border-radius:50%"] { border-color: currentColor !important; line-height: 16px; box-sizing: border-box; } /* Inline frequentes: “POR EQUIPE”, avisos, links azuis */ html.modo-escuro [style*="color: #d9534f"], html.modo-escuro [style*="color:#d9534f"], html.modo-escuro [style*="color: #D9534F"], html.modo-escuro [style*="color:#D9534F"], html.modo-escuro b.blinking[style*="d9534f"], html.modo-escuro .blinking[style*="d9534f"] { color: #e87878 !important; } html.modo-escuro [style*="color: #0275d8"], html.modo-escuro [style*="color:#0275d8"], html.modo-escuro [style*="color: #0275D8"], html.modo-escuro [style*="color:#0275D8"] { color: var(--sinc-link) !important; } html.modo-escuro [style*="color: #a94442"], html.modo-escuro [style*="color:#a94442"] { color: #e8a0a0 !important; } /* Prontuário: bloco de identificação (foto/nome) — mesma base do tema, sem azul legado */ html.modo-escuro #conteudo_menu .table-wrapper > table.alt > tbody > tr > td.prontuario-identificacao, html.modo-escuro td.prontuario-identificacao, html.modo-escuro td.prontuario-identificacao table, html.modo-escuro td.prontuario-identificacao table td { background-color: var(--sinc-surface) !important; background-image: none !important; color: var(--sinc-text) !important; border-color: var(--sinc-border) !important; } html.modo-escuro td.prontuario-identificacao .vermelho, html.modo-escuro td.prontuario-identificacao .negrito.vermelho, html.modo-escuro td.prontuario-identificacao span.vermelho { color: #e8a0a0 !important; } /* Switch “Expandir Todas as Seções” (escala / enquetes / prontuários) */ html.modo-escuro .switch-container, html.modo-escuro .switch-container .toggle-text, html.modo-escuro .switch-container #texto-toggle, html.modo-escuro .switch-container b { color: var(--sinc-text) !important; } html.modo-escuro tr.tr_sanfona .switch-container, html.modo-escuro tr.tr_sanfona .switch-container .toggle-text, html.modo-escuro tr.tr_sanfona .switch-container #texto-toggle, html.modo-escuro tr.tr_sanfona .switch-container b, html.modo-escuro #td_info .switch-container, html.modo-escuro #td_info .switch-container .toggle-text, html.modo-escuro #td_info .switch-container #texto-toggle, html.modo-escuro #td_info .switch-container b { color: inherit !important; } html.modo-escuro .switch .slider { background-color: #4a5260 !important; } html.modo-escuro .switch .slider::before { background-color: #e4e6eb !important; } html.modo-escuro .switch input:checked + .slider { background-color: #5a8fc8 !important; } html.modo-escuro .switch input:checked + .slider::before { background-color: #ffffff !important; } /* Toggle na sanfona: trilha escura (evita faixa/knob brancos no modo escuro) */ html.modo-escuro tr[class*="tr_sanfona"] .switch .slider, html.modo-escuro tr[class*="tr_sanfona"] .prontuario-toggle-abas .slider { background-color: #4a5260 !important; } html.modo-escuro tr[class*="tr_sanfona"] .switch .slider::before, html.modo-escuro tr[class*="tr_sanfona"] .prontuario-toggle-abas .slider::before { background-color: #d0d4dc !important; } html.modo-escuro tr[class*="tr_sanfona"] .switch input:checked + .slider, html.modo-escuro tr[class*="tr_sanfona"] .prontuario-toggle-abas input:checked + .slider { background-color: #c45c5c !important; } html.modo-escuro tr[class*="tr_sanfona"] .switch input:checked + .slider::before, html.modo-escuro tr[class*="tr_sanfona"] .prontuario-toggle-abas input:checked + .slider::before { background-color: #f0e4e4 !important; } html.modo-escuro tr.tr_sanfona_azul .switch input:checked + .slider, html.modo-escuro tr.tr_sanfona_azul .prontuario-toggle-abas input:checked + .slider { background-color: #5a8fc8 !important; } html.modo-escuro tr.tr_sanfona_verde .switch input:checked + .slider, html.modo-escuro tr.tr_sanfona_verde .prontuario-toggle-abas input:checked + .slider { background-color: #5a9a6a !important; } html.modo-escuro tr.tr_sanfona_amarelo .switch input:checked + .slider, html.modo-escuro tr.tr_sanfona_amarelo .prontuario-toggle-abas input:checked + .slider { background-color: #c4a05a !important; } html.modo-escuro tr.tr_sanfona_roxo .switch input:checked + .slider, html.modo-escuro tr.tr_sanfona_roxo .prontuario-toggle-abas input:checked + .slider { background-color: #9b7bc8 !important; } /* ------------------------------------------------------------------ * Escala diária: sanfonas (#linha_* > td > table) * - Cores escuras de fundo/texto (fechada e expandida/.selecionada) * - Bordas iguais ao modo claro (tr 10px #DDD; td 1px #DDD) * - Lateral direita: número + ícone na horizontal (nowrap) * ------------------------------------------------------------------ */ /* Célula externa: preenche 100% até a borda; bordas do modo claro */ html.modo-escuro table.alt tbody tr.tr_sanfona > td, html.modo-escuro table.alt tbody tr.tr_sanfona_azul > td, html.modo-escuro table.alt tbody tr.tr_sanfona_verde > td, html.modo-escuro table.alt tbody tr.tr_sanfona_amarelo > td, html.modo-escuro table.alt tbody tr.tr_sanfona_roxo > td, html.modo-escuro table.alt tbody tr.selecionada[id^="linha_"] > td { vertical-align: middle !important; border: solid 1px #DDD !important; border-left-width: 0 !important; border-top-width: 0 !important; box-sizing: border-box !important; border-radius: 0 !important; background-clip: border-box !important; /* table.alt usa padding 8px — no azul rgba isso cria faixa mais escura nas laterais */ padding-left: 0 !important; padding-right: 0 !important; } html.modo-escuro table.alt tbody tr[class*="tr_sanfona"] > td:first-child, html.modo-escuro table.alt tbody tr.selecionada[id^="linha_"] > td:first-child { border-left-width: 1px !important; } html.modo-escuro table.alt tbody tr[class*="tr_sanfona"]:first-child > td, html.modo-escuro table.alt tbody tr.selecionada[id^="linha_"]:first-child > td { border-top-width: 1px !important; } /* Bordas horizontais 10px como no modo claro (table.css) */ html.modo-escuro table.alt tbody tr.tr_sanfona, html.modo-escuro table.alt tbody tr.tr_sanfona_azul, html.modo-escuro table.alt tbody tr.tr_sanfona_verde, html.modo-escuro table.alt tbody tr.tr_sanfona_amarelo, html.modo-escuro table.alt tbody tr.tr_sanfona_roxo, html.modo-escuro table.alt tbody tr.selecionada[id^="linha_"] { border: solid 10px #DDD !important; border-left: 0 !important; border-right: 0 !important; } /* --- Vermelho escuro (padrão #f2dede / #a94442) — também .selecionada --- */ html.modo-escuro tr.tr_sanfona, html.modo-escuro tr.tr_sanfona.selecionada, html.modo-escuro table.alt tbody tr.tr_sanfona, html.modo-escuro table.alt tbody tr.tr_sanfona.selecionada, html.modo-escuro table.alt tbody tr.selecionada[id^="linha_"]:not([class*="tr_sanfona_"]), html.modo-escuro .table-wrapper table.alt tbody tr.tr_sanfona, html.modo-escuro .table-wrapper table.alt tbody tr.tr_sanfona.selecionada, html.modo-escuro .table-wrapper table.alt tbody tr.selecionada[id^="linha_"]:not([class*="tr_sanfona_"]), html.modo-escuro table.alt tbody tr.tr_sanfona > td, html.modo-escuro table.alt tbody tr.tr_sanfona.selecionada > td, html.modo-escuro table.alt tbody tr.selecionada[id^="linha_"]:not([class*="tr_sanfona_"]) > td, html.modo-escuro .table-wrapper table.alt tbody tr.tr_sanfona > td, html.modo-escuro .table-wrapper table.alt tbody tr.tr_sanfona.selecionada > td, html.modo-escuro .table-wrapper table.alt tbody tr.selecionada[id^="linha_"]:not([class*="tr_sanfona_"]) > td, html.modo-escuro tr.tr_sanfona > td > table:not(#tabela_formulario), html.modo-escuro tr.tr_sanfona.selecionada > td > table:not(#tabela_formulario), html.modo-escuro tr.selecionada[id^="linha_"]:not([class*="tr_sanfona_"]) > td > table:not(#tabela_formulario), html.modo-escuro tr.tr_sanfona > td > table:not(#tabela_formulario) > tbody, html.modo-escuro tr.tr_sanfona.selecionada > td > table:not(#tabela_formulario) > tbody, html.modo-escuro tr.selecionada[id^="linha_"]:not([class*="tr_sanfona_"]) > td > table:not(#tabela_formulario) > tbody, html.modo-escuro tr.tr_sanfona > td > table:not(#tabela_formulario) > tbody > tr, html.modo-escuro tr.tr_sanfona.selecionada > td > table:not(#tabela_formulario) > tbody > tr, html.modo-escuro tr.selecionada[id^="linha_"]:not([class*="tr_sanfona_"]) > td > table:not(#tabela_formulario) > tbody > tr, html.modo-escuro tr.tr_sanfona > td > table:not(#tabela_formulario) > tbody > tr > td, html.modo-escuro tr.tr_sanfona.selecionada > td > table:not(#tabela_formulario) > tbody > tr > td, html.modo-escuro tr.selecionada[id^="linha_"]:not([class*="tr_sanfona_"]) > td > table:not(#tabela_formulario) > tbody > tr > td, html.modo-escuro tr.tr_sanfona > td > table:not(#tabela_formulario) > tbody > tr > th, html.modo-escuro tr.tr_sanfona.selecionada > td > table:not(#tabela_formulario) > tbody > tr > th, html.modo-escuro tr.selecionada[id^="linha_"]:not([class*="tr_sanfona_"]) > td > table:not(#tabela_formulario) > tbody > tr > th { color: #e8a0a0 !important; background-color: #3d282a !important; background-image: none !important; } /* Borda direita na mesma cor do fundo (evita friso ao abrir/ativar) */ html.modo-escuro table.alt tbody tr.tr_sanfona > td, html.modo-escuro table.alt tbody tr.tr_sanfona.selecionada > td, html.modo-escuro table.alt tbody tr.selecionada[id^="linha_"]:not([class*="tr_sanfona_"]) > td { border-right-color: #3d282a !important; } /* --- Azul escuro (padrão #e9f1f4 / #0275d8) --- */ html.modo-escuro tr.tr_sanfona_azul, html.modo-escuro tr.tr_sanfona_azul.selecionada, html.modo-escuro table.alt tbody tr.tr_sanfona_azul, html.modo-escuro table.alt tbody tr.tr_sanfona_azul.selecionada, html.modo-escuro table.alt tbody tr.tr_sanfona_azul > td, html.modo-escuro table.alt tbody tr.tr_sanfona_azul.selecionada > td, html.modo-escuro tr.tr_sanfona_azul > td > table:not(#tabela_formulario), html.modo-escuro tr.tr_sanfona_azul.selecionada > td > table:not(#tabela_formulario), html.modo-escuro tr.tr_sanfona_azul > td > table:not(#tabela_formulario) > tbody, html.modo-escuro tr.tr_sanfona_azul.selecionada > td > table:not(#tabela_formulario) > tbody, html.modo-escuro tr.tr_sanfona_azul > td > table:not(#tabela_formulario) > tbody > tr, html.modo-escuro tr.tr_sanfona_azul.selecionada > td > table:not(#tabela_formulario) > tbody > tr, html.modo-escuro tr.tr_sanfona_azul > td > table:not(#tabela_formulario) > tbody > tr > td, html.modo-escuro tr.tr_sanfona_azul.selecionada > td > table:not(#tabela_formulario) > tbody > tr > td, html.modo-escuro tr.tr_sanfona_azul > td > table:not(#tabela_formulario) > tbody > tr > th, html.modo-escuro tr.tr_sanfona_azul.selecionada > td > table:not(#tabela_formulario) > tbody > tr > th { color: var(--sinc-link) !important; background-color: rgba(var(--sinc-accent-rgb), 0.28) !important; background-image: none !important; } /* * Azul usa fundo rgba: borda direita na mesma rgba escurecia a faixa. * Células internas transparentes evitam empilhar rgba (faixa mais clara no miolo). */ html.modo-escuro table.alt tbody tr.tr_sanfona_azul > td, html.modo-escuro table.alt tbody tr.tr_sanfona_azul.selecionada > td { border-right-color: transparent !important; } html.modo-escuro tr.tr_sanfona_azul > td > table:not(#tabela_formulario), html.modo-escuro tr.tr_sanfona_azul.selecionada > td > table:not(#tabela_formulario), html.modo-escuro tr.tr_sanfona_azul > td > table:not(#tabela_formulario) > tbody, html.modo-escuro tr.tr_sanfona_azul.selecionada > td > table:not(#tabela_formulario) > tbody, html.modo-escuro tr.tr_sanfona_azul > td > table:not(#tabela_formulario) > tbody > tr, html.modo-escuro tr.tr_sanfona_azul.selecionada > td > table:not(#tabela_formulario) > tbody > tr, html.modo-escuro tr.tr_sanfona_azul > td > table:not(#tabela_formulario) > tbody > tr > td, html.modo-escuro tr.tr_sanfona_azul.selecionada > td > table:not(#tabela_formulario) > tbody > tr > td, html.modo-escuro tr.tr_sanfona_azul > td > table:not(#tabela_formulario) > tbody > tr > th, html.modo-escuro tr.tr_sanfona_azul.selecionada > td > table:not(#tabela_formulario) > tbody > tr > th { background: transparent !important; background-color: transparent !important; background-image: none !important; } /* Agentes de Folga — cards: laranja no título; permuta/QRV em verde */ html.modo-escuro .escala-folga-grupo { border-color: rgba(255, 255, 255, 0.12) !important; background: transparent !important; } html.modo-escuro .escala-folga-grupo-cab { background: linear-gradient(180deg, #4a3218 0%, #3d2914 100%) !important; color: #e8a85a !important; border-bottom-color: rgba(232, 168, 90, 0.35) !important; } html.modo-escuro .escala-folga-grupo-qtd { background: rgba(232, 168, 90, 0.18) !important; color: #e8a85a !important; } /* Badge das sanfonas: gap igual ao claro (vence td:last-child>div gap:0) */ html.modo-escuro .escala-sanfona-meta, html.modo-escuro tr[class*="tr_sanfona"] > td > table:not(#tabela_formulario) > tbody > tr > td:last-child > div.escala-sanfona-meta, html.modo-escuro tr.selecionada[id^="linha_"] > td > table:not(#tabela_formulario) > tbody > tr > td:last-child > div.escala-sanfona-meta { display: inline-flex !important; align-items: center !important; justify-content: flex-end !important; flex-wrap: nowrap !important; gap: 10px !important; } html.modo-escuro .escala-sanfona-qtd, html.modo-escuro .escala-sanfona-meta > .far.fa-images, html.modo-escuro .escala-sanfona-meta > .fas.fa-images, html.modo-escuro .escala-sanfona-meta > .far.fa-question-circle, html.modo-escuro .escala-sanfona-meta > .fas.fa-question-circle { display: inline-flex !important; align-items: center !important; justify-content: center !important; line-height: 1 !important; vertical-align: middle !important; background: color-mix(in srgb, currentColor 24%, transparent) !important; color: currentColor !important; } html.modo-escuro .escala-folga-grupo-agentes { background: transparent !important; } html.modo-escuro .escala-folga-agente-filler { border-color: rgba(255, 255, 255, 0.12) !important; background-color: rgba(255, 255, 255, 0.05) !important; opacity: 0.5; } /* --- Verde escuro (padrão #dff0d8 / #3c763d) --- */ html.modo-escuro tr.tr_sanfona_verde, html.modo-escuro tr.tr_sanfona_verde.selecionada, html.modo-escuro table.alt tbody tr.tr_sanfona_verde, html.modo-escuro table.alt tbody tr.tr_sanfona_verde.selecionada, html.modo-escuro table.alt tbody tr.tr_sanfona_verde > td, html.modo-escuro table.alt tbody tr.tr_sanfona_verde.selecionada > td, html.modo-escuro tr.tr_sanfona_verde > td > table:not(#tabela_formulario), html.modo-escuro tr.tr_sanfona_verde.selecionada > td > table:not(#tabela_formulario), html.modo-escuro tr.tr_sanfona_verde > td > table:not(#tabela_formulario) > tbody, html.modo-escuro tr.tr_sanfona_verde.selecionada > td > table:not(#tabela_formulario) > tbody, html.modo-escuro tr.tr_sanfona_verde > td > table:not(#tabela_formulario) > tbody > tr, html.modo-escuro tr.tr_sanfona_verde.selecionada > td > table:not(#tabela_formulario) > tbody > tr, html.modo-escuro tr.tr_sanfona_verde > td > table:not(#tabela_formulario) > tbody > tr > td, html.modo-escuro tr.tr_sanfona_verde.selecionada > td > table:not(#tabela_formulario) > tbody > tr > td, html.modo-escuro tr.tr_sanfona_verde > td > table:not(#tabela_formulario) > tbody > tr > th, html.modo-escuro tr.tr_sanfona_verde.selecionada > td > table:not(#tabela_formulario) > tbody > tr > th { color: #7dca8a !important; background-color: #1e3324 !important; background-image: none !important; } html.modo-escuro table.alt tbody tr.tr_sanfona_verde > td, html.modo-escuro table.alt tbody tr.tr_sanfona_verde.selecionada > td { border-right-color: #1e3324 !important; } /* --- Amarelo escuro (padrão #fcf8e3 / #8a6d3b) --- */ html.modo-escuro tr.tr_sanfona_amarelo, html.modo-escuro tr.tr_sanfona_amarelo.selecionada, html.modo-escuro table.alt tbody tr.tr_sanfona_amarelo, html.modo-escuro table.alt tbody tr.tr_sanfona_amarelo.selecionada, html.modo-escuro table.alt tbody tr.tr_sanfona_amarelo > td, html.modo-escuro table.alt tbody tr.tr_sanfona_amarelo.selecionada > td, html.modo-escuro tr.tr_sanfona_amarelo > td > table:not(#tabela_formulario), html.modo-escuro tr.tr_sanfona_amarelo.selecionada > td > table:not(#tabela_formulario), html.modo-escuro tr.tr_sanfona_amarelo > td > table:not(#tabela_formulario) > tbody, html.modo-escuro tr.tr_sanfona_amarelo.selecionada > td > table:not(#tabela_formulario) > tbody, html.modo-escuro tr.tr_sanfona_amarelo > td > table:not(#tabela_formulario) > tbody > tr, html.modo-escuro tr.tr_sanfona_amarelo.selecionada > td > table:not(#tabela_formulario) > tbody > tr, html.modo-escuro tr.tr_sanfona_amarelo > td > table:not(#tabela_formulario) > tbody > tr > td, html.modo-escuro tr.tr_sanfona_amarelo.selecionada > td > table:not(#tabela_formulario) > tbody > tr > td, html.modo-escuro tr.tr_sanfona_amarelo > td > table:not(#tabela_formulario) > tbody > tr > th, html.modo-escuro tr.tr_sanfona_amarelo.selecionada > td > table:not(#tabela_formulario) > tbody > tr > th { color: #e0c070 !important; background-color: #3a3420 !important; background-image: none !important; } html.modo-escuro table.alt tbody tr.tr_sanfona_amarelo > td, html.modo-escuro table.alt tbody tr.tr_sanfona_amarelo.selecionada > td { border-right-color: #3a3420 !important; } /* --- Roxo escuro (padrão #f3e8ff / #6f42c1) --- */ html.modo-escuro tr.tr_sanfona_roxo, html.modo-escuro tr.tr_sanfona_roxo.selecionada, html.modo-escuro table.alt tbody tr.tr_sanfona_roxo, html.modo-escuro table.alt tbody tr.tr_sanfona_roxo.selecionada, html.modo-escuro table.alt tbody tr.tr_sanfona_roxo > td, html.modo-escuro table.alt tbody tr.tr_sanfona_roxo.selecionada > td, html.modo-escuro tr.tr_sanfona_roxo > td > table:not(#tabela_formulario), html.modo-escuro tr.tr_sanfona_roxo.selecionada > td > table:not(#tabela_formulario), html.modo-escuro tr.tr_sanfona_roxo > td > table:not(#tabela_formulario) > tbody, html.modo-escuro tr.tr_sanfona_roxo.selecionada > td > table:not(#tabela_formulario) > tbody, html.modo-escuro tr.tr_sanfona_roxo > td > table:not(#tabela_formulario) > tbody > tr, html.modo-escuro tr.tr_sanfona_roxo.selecionada > td > table:not(#tabela_formulario) > tbody > tr, html.modo-escuro tr.tr_sanfona_roxo > td > table:not(#tabela_formulario) > tbody > tr > td, html.modo-escuro tr.tr_sanfona_roxo.selecionada > td > table:not(#tabela_formulario) > tbody > tr > td, html.modo-escuro tr.tr_sanfona_roxo > td > table:not(#tabela_formulario) > tbody > tr > th, html.modo-escuro tr.tr_sanfona_roxo.selecionada > td > table:not(#tabela_formulario) > tbody > tr > th { color: #c4a3f5 !important; background-color: #2e2142 !important; background-image: none !important; } html.modo-escuro table.alt tbody tr.tr_sanfona_roxo > td, html.modo-escuro table.alt tbody tr.tr_sanfona_roxo.selecionada > td { border-right-color: #2e2142 !important; } /* Tabela interna (tabela_sem_bordas): largura total até a borda */ html.modo-escuro tr[class*="tr_sanfona"] > td > table:not(#tabela_formulario), html.modo-escuro tr.selecionada[id^="linha_"] > td > table:not(#tabela_formulario), html.modo-escuro tr[class*="tr_sanfona"] > td > table.tabela_sem_bordas, html.modo-escuro tr.selecionada[id^="linha_"] > td > table.tabela_sem_bordas { width: 100% !important; max-width: 100% !important; border-collapse: collapse !important; border-spacing: 0 !important; background: transparent !important; table-layout: auto !important; } html.modo-escuro tr[class*="tr_sanfona"] > td > table:not(#tabela_formulario) > tbody > tr > td:first-child, html.modo-escuro tr.selecionada[id^="linha_"] > td > table:not(#tabela_formulario) > tbody > tr > td:first-child { width: 100% !important; overflow: visible !important; text-overflow: clip !important; white-space: normal !important; text-align: left !important; padding-left: 8px !important; } html.modo-escuro tr[class*="tr_sanfona"] > td > table:not(#tabela_formulario) > tbody > tr > td:last-child, html.modo-escuro tr.selecionada[id^="linha_"] > td > table:not(#tabela_formulario) > tbody > tr > td:last-child { padding-right: 8px !important; } /* Cabeçalho com switch: título à esquerda, switch à direita */ html.modo-escuro tr.tr_sanfona:has(.switch-container), html.modo-escuro tr.tr_sanfona:has(.switch-container) > td { text-align: left !important; } html.modo-escuro tr[class*="tr_sanfona"] > td > table:not(#tabela_formulario) > tbody > tr > td:first-child:has(.switch-container), html.modo-escuro tr.selecionada[id^="linha_"] > td > table:not(#tabela_formulario) > tbody > tr > td:first-child:has(.switch-container), html.modo-escuro #td_info:has(.switch-container) { text-align: left !important; overflow: visible !important; text-overflow: clip !important; } html.modo-escuro tr[class*="tr_sanfona"] .switch-container, html.modo-escuro #td_info .switch-container { float: right !important; } /* Prontuário: vence a regra “td:last-child > div” (width:auto/gap:0) da escala */ html.modo-escuro tr[class*="tr_sanfona"] .prontuario-barra-direita .switch-container { float: none !important; } html.modo-escuro tr.tr_sanfona:has(.prontuario-barra-direita) > td { width: 100% !important; box-sizing: border-box !important; } html.modo-escuro tr[class*="tr_sanfona"] > td > table:not(#tabela_formulario) > tbody > tr > td:last-child > div.prontuario-cabecalho-linha, html.modo-escuro tr[class*="tr_sanfona"] > td > table.tabela_sem_bordas > tbody > tr > td:last-child > div.prontuario-cabecalho-linha { display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: space-between !important; flex-wrap: nowrap !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; gap: 12px !important; box-sizing: border-box !important; line-height: inherit !important; } html.modo-escuro tr[class*="tr_sanfona"] > td > table:not(#tabela_formulario) > tbody > tr > td:last-child > div.prontuario-cabecalho-linha .prontuario-barra-direita { display: flex !important; align-items: center !important; justify-content: flex-end !important; flex: 0 0 auto !important; width: auto !important; margin-left: auto !important; float: none !important; } html.modo-escuro tr[class*="tr_sanfona"] > td > table:not(#tabela_formulario) > tbody > tr, html.modo-escuro tr.selecionada[id^="linha_"] > td > table:not(#tabela_formulario) > tbody > tr { border: none !important; background: transparent !important; } html.modo-escuro tr[class*="tr_sanfona"] > td > table:not(#tabela_formulario) > tbody > tr > td, html.modo-escuro tr.selecionada[id^="linha_"] > td > table:not(#tabela_formulario) > tbody > tr > td { border: none !important; vertical-align: middle !important; } /* * Espaçador 32px vazio: colapsa (título encosta no total). * Células com ícone de ação (+, editar, etc.) NÃO colapsam. */ html.modo-escuro tr[class*="tr_sanfona"] > td > table:not(#tabela_formulario) > tbody > tr > td[style*="width: 32px"]:not(:last-child):not(:has(i)):not(:has(a)):not(:has(button)), html.modo-escuro tr[class*="tr_sanfona"] > td > table:not(#tabela_formulario) > tbody > tr > td[style*="width:32px"]:not(:last-child):not(:has(i)):not(:has(a)):not(:has(button)), html.modo-escuro tr.selecionada[id^="linha_"] > td > table:not(#tabela_formulario) > tbody > tr > td[style*="width: 32px"]:not(:last-child):not(:has(i)):not(:has(a)):not(:has(button)), html.modo-escuro tr.selecionada[id^="linha_"] > td > table:not(#tabela_formulario) > tbody > tr > td[style*="width:32px"]:not(:last-child):not(:has(i)):not(:has(a)):not(:has(button)) { width: 0 !important; min-width: 0 !important; max-width: 0 !important; padding: 0 !important; overflow: hidden !important; border: none !important; box-sizing: border-box !important; } /* Ação (+ / editar): ícone + folga 4px (igual ao modo claro) */ html.modo-escuro tr[class*="tr_sanfona"] > td > table:not(#tabela_formulario) > tbody > tr > td[style*="width: 32px"]:not(:last-child):has(i), html.modo-escuro tr[class*="tr_sanfona"] > td > table:not(#tabela_formulario) > tbody > tr > td[style*="width:32px"]:not(:last-child):has(i), html.modo-escuro tr[class*="tr_sanfona"] > td > table:not(#tabela_formulario) > tbody > tr > td[style*="width: 32px"]:not(:last-child):has(a), html.modo-escuro tr[class*="tr_sanfona"] > td > table:not(#tabela_formulario) > tbody > tr > td[style*="width:32px"]:not(:last-child):has(a), html.modo-escuro tr.selecionada[id^="linha_"] > td > table:not(#tabela_formulario) > tbody > tr > td[style*="width: 32px"]:not(:last-child):has(i), html.modo-escuro tr.selecionada[id^="linha_"] > td > table:not(#tabela_formulario) > tbody > tr > td[style*="width:32px"]:not(:last-child):has(i), html.modo-escuro tr.selecionada[id^="linha_"] > td > table:not(#tabela_formulario) > tbody > tr > td[style*="width: 32px"]:not(:last-child):has(a), html.modo-escuro tr.selecionada[id^="linha_"] > td > table:not(#tabela_formulario) > tbody > tr > td[style*="width:32px"]:not(:last-child):has(a) { width: 20px !important; min-width: 20px !important; max-width: 20px !important; padding: 0 4px 0 0 !important; text-align: center !important; vertical-align: middle !important; box-sizing: content-box !important; } html.modo-escuro tr[class*="tr_sanfona"] > td > table:not(#tabela_formulario) > tbody > tr > td:last-child[style*="width: 32px"], html.modo-escuro tr[class*="tr_sanfona"] > td > table:not(#tabela_formulario) > tbody > tr > td:last-child[style*="width:32px"], html.modo-escuro tr.selecionada[id^="linha_"] > td > table:not(#tabela_formulario) > tbody > tr > td:last-child[style*="width: 32px"], html.modo-escuro tr.selecionada[id^="linha_"] > td > table:not(#tabela_formulario) > tbody > tr > td:last-child[style*="width:32px"] { width: 32px !important; min-width: 32px !important; max-width: 32px !important; padding: 0 8px 0 0 !important; text-align: center !important; vertical-align: middle !important; box-sizing: border-box !important; } /* Escala: célula de contagem (60/100/110px) — número + ícone lado a lado */ html.modo-escuro tr[class*="tr_sanfona"] > td > table:not(#tabela_formulario) > tbody > tr > td[style*="width: 60px"], html.modo-escuro tr[class*="tr_sanfona"] > td > table:not(#tabela_formulario) > tbody > tr > td[style*="width:60px"], html.modo-escuro tr[class*="tr_sanfona"] > td > table:not(#tabela_formulario) > tbody > tr > td[style*="width: 100px"], html.modo-escuro tr[class*="tr_sanfona"] > td > table:not(#tabela_formulario) > tbody > tr > td[style*="width:100px"], html.modo-escuro tr[class*="tr_sanfona"] > td > table:not(#tabela_formulario) > tbody > tr > td[style*="width: 110px"], html.modo-escuro tr[class*="tr_sanfona"] > td > table:not(#tabela_formulario) > tbody > tr > td[style*="width:110px"], html.modo-escuro tr[class*="tr_sanfona"] > td > table:not(#tabela_formulario) > tbody > tr > td[style*="text-align: right"], html.modo-escuro tr[class*="tr_sanfona"] > td > table:not(#tabela_formulario) > tbody > tr > td[style*="text-align:right"], html.modo-escuro tr.selecionada[id^="linha_"] > td > table:not(#tabela_formulario) > tbody > tr > td[style*="width: 60px"], html.modo-escuro tr.selecionada[id^="linha_"] > td > table:not(#tabela_formulario) > tbody > tr > td[style*="width:60px"], html.modo-escuro tr.selecionada[id^="linha_"] > td > table:not(#tabela_formulario) > tbody > tr > td[style*="width: 100px"], html.modo-escuro tr.selecionada[id^="linha_"] > td > table:not(#tabela_formulario) > tbody > tr > td[style*="width:100px"], html.modo-escuro tr.selecionada[id^="linha_"] > td > table:not(#tabela_formulario) > tbody > tr > td[style*="width: 110px"], html.modo-escuro tr.selecionada[id^="linha_"] > td > table:not(#tabela_formulario) > tbody > tr > td[style*="width:110px"], html.modo-escuro tr.selecionada[id^="linha_"] > td > table:not(#tabela_formulario) > tbody > tr > td[style*="text-align: right"], html.modo-escuro tr.selecionada[id^="linha_"] > td > table:not(#tabela_formulario) > tbody > tr > td[style*="text-align:right"] { width: auto !important; min-width: 72px !important; max-width: none !important; white-space: nowrap !important; text-align: right !important; vertical-align: middle !important; box-sizing: border-box !important; } /* gap:0 só em divs genéricas — NÃO em .escala-sanfona-meta (badge+álbum) */ html.modo-escuro tr[class*="tr_sanfona"] > td > table:not(#tabela_formulario) > tbody > tr > td:last-child > div:not(.escala-sanfona-meta):not(.prontuario-cabecalho-linha), html.modo-escuro tr.selecionada[id^="linha_"] > td > table:not(#tabela_formulario) > tbody > tr > td:last-child > div:not(.escala-sanfona-meta):not(.prontuario-cabecalho-linha) { display: inline-flex !important; flex-direction: row !important; align-items: center !important; justify-content: flex-end !important; flex-wrap: nowrap !important; white-space: nowrap !important; gap: 0 !important; line-height: 1 !important; width: auto !important; min-width: 0 !important; max-width: none !important; } html.modo-escuro tr[class*="tr_sanfona"] > td > table:not(#tabela_formulario) > tbody > tr > td:last-child > div:not(.escala-sanfona-meta) > i, html.modo-escuro tr.selecionada[id^="linha_"] > td > table:not(#tabela_formulario) > tbody > tr > td:last-child > div:not(.escala-sanfona-meta) > i { display: inline-block !important; flex-shrink: 0 !important; } /* Badge ícone (álbum/ajuda): flex — vence inline-block genérico e centra o glifo */ html.modo-escuro .escala-sanfona-meta > i.fa-images, html.modo-escuro .escala-sanfona-meta > i.fa-question-circle { display: inline-flex !important; align-items: center !important; justify-content: center !important; flex-shrink: 0 !important; line-height: 1 !important; } /* Hover: fundo + borda direita no mesmo tom (cobre o elemento inteiro) */ html.modo-escuro tr.tr_sanfona:hover, html.modo-escuro tr.tr_sanfona.selecionada:hover, html.modo-escuro tr.selecionada[id^="linha_"]:not([class*="tr_sanfona_"]):hover, html.modo-escuro table.alt tbody tr.tr_sanfona:hover, html.modo-escuro table.alt tbody tr.tr_sanfona.selecionada:hover, html.modo-escuro table.alt tbody tr.selecionada[id^="linha_"]:not([class*="tr_sanfona_"]):hover, html.modo-escuro .table-wrapper table.alt tbody tr.tr_sanfona:hover, html.modo-escuro .table-wrapper table.alt tbody tr.selecionada[id^="linha_"]:not([class*="tr_sanfona_"]):hover, html.modo-escuro tr.tr_sanfona:hover > td, html.modo-escuro tr.tr_sanfona.selecionada:hover > td, html.modo-escuro tr.selecionada[id^="linha_"]:not([class*="tr_sanfona_"]):hover > td, html.modo-escuro table.alt tbody tr.tr_sanfona:hover > td, html.modo-escuro table.alt tbody tr.tr_sanfona.selecionada:hover > td, html.modo-escuro table.alt tbody tr.selecionada[id^="linha_"]:not([class*="tr_sanfona_"]):hover > td, html.modo-escuro .table-wrapper table.alt tbody tr.tr_sanfona:hover > td, html.modo-escuro .table-wrapper table.alt tbody tr.selecionada[id^="linha_"]:not([class*="tr_sanfona_"]):hover > td, html.modo-escuro tr.tr_sanfona:hover > td > table:not(#tabela_formulario), html.modo-escuro tr.tr_sanfona.selecionada:hover > td > table:not(#tabela_formulario), html.modo-escuro tr.selecionada[id^="linha_"]:not([class*="tr_sanfona_"]):hover > td > table:not(#tabela_formulario), html.modo-escuro tr.tr_sanfona:hover > td > table:not(#tabela_formulario) > tbody, html.modo-escuro tr.selecionada[id^="linha_"]:not([class*="tr_sanfona_"]):hover > td > table:not(#tabela_formulario) > tbody, html.modo-escuro tr.tr_sanfona:hover > td > table:not(#tabela_formulario) > tbody > tr, html.modo-escuro tr.selecionada[id^="linha_"]:not([class*="tr_sanfona_"]):hover > td > table:not(#tabela_formulario) > tbody > tr, html.modo-escuro tr.tr_sanfona:hover > td > table:not(#tabela_formulario) td, html.modo-escuro tr.tr_sanfona:hover > td > table:not(#tabela_formulario) th, html.modo-escuro tr.tr_sanfona.selecionada:hover > td > table:not(#tabela_formulario) td, html.modo-escuro tr.selecionada[id^="linha_"]:not([class*="tr_sanfona_"]):hover > td > table:not(#tabela_formulario) td, html.modo-escuro tr.selecionada[id^="linha_"]:not([class*="tr_sanfona_"]):hover > td > table:not(#tabela_formulario) th { background-color: #4a3235 !important; background-image: none !important; background-clip: border-box !important; color: #f0b0b0 !important; border-right-color: #4a3235 !important; } html.modo-escuro tr.tr_sanfona_azul:hover, html.modo-escuro tr.tr_sanfona_azul.selecionada:hover, html.modo-escuro tr.tr_sanfona_azul:hover > td, html.modo-escuro tr.tr_sanfona_azul.selecionada:hover > td, html.modo-escuro table.alt tbody tr.tr_sanfona_azul:hover > td, html.modo-escuro tr.tr_sanfona_azul:hover > td > table:not(#tabela_formulario), html.modo-escuro tr.tr_sanfona_azul.selecionada:hover > td > table:not(#tabela_formulario), html.modo-escuro tr.tr_sanfona_azul:hover > td > table:not(#tabela_formulario) > tbody, html.modo-escuro tr.tr_sanfona_azul:hover > td > table:not(#tabela_formulario) > tbody > tr, html.modo-escuro tr.tr_sanfona_azul:hover > td > table:not(#tabela_formulario) td, html.modo-escuro tr.tr_sanfona_azul.selecionada:hover > td > table:not(#tabela_formulario) td, html.modo-escuro tr.tr_sanfona_azul:hover > td > table:not(#tabela_formulario) th { background-color: rgba(var(--sinc-accent-rgb), 0.4) !important; background-image: none !important; background-clip: border-box !important; color: var(--sinc-link) !important; border-right-color: transparent !important; } html.modo-escuro tr.tr_sanfona_verde:hover, html.modo-escuro tr.tr_sanfona_verde.selecionada:hover, html.modo-escuro tr.tr_sanfona_verde:hover > td, html.modo-escuro tr.tr_sanfona_verde.selecionada:hover > td, html.modo-escuro table.alt tbody tr.tr_sanfona_verde:hover > td, html.modo-escuro tr.tr_sanfona_verde:hover > td > table:not(#tabela_formulario), html.modo-escuro tr.tr_sanfona_verde.selecionada:hover > td > table:not(#tabela_formulario), html.modo-escuro tr.tr_sanfona_verde:hover > td > table:not(#tabela_formulario) > tbody, html.modo-escuro tr.tr_sanfona_verde:hover > td > table:not(#tabela_formulario) > tbody > tr, html.modo-escuro tr.tr_sanfona_verde:hover > td > table:not(#tabela_formulario) td, html.modo-escuro tr.tr_sanfona_verde.selecionada:hover > td > table:not(#tabela_formulario) td, html.modo-escuro tr.tr_sanfona_verde:hover > td > table:not(#tabela_formulario) th { background-color: #2a4030 !important; background-image: none !important; background-clip: border-box !important; color: #9dd9a8 !important; border-right-color: #2a4030 !important; } html.modo-escuro tr.tr_sanfona_amarelo:hover, html.modo-escuro tr.tr_sanfona_amarelo.selecionada:hover, html.modo-escuro tr.tr_sanfona_amarelo:hover > td, html.modo-escuro tr.tr_sanfona_amarelo.selecionada:hover > td, html.modo-escuro table.alt tbody tr.tr_sanfona_amarelo:hover > td, html.modo-escuro tr.tr_sanfona_amarelo:hover > td > table:not(#tabela_formulario), html.modo-escuro tr.tr_sanfona_amarelo.selecionada:hover > td > table:not(#tabela_formulario), html.modo-escuro tr.tr_sanfona_amarelo:hover > td > table:not(#tabela_formulario) > tbody, html.modo-escuro tr.tr_sanfona_amarelo:hover > td > table:not(#tabela_formulario) > tbody > tr, html.modo-escuro tr.tr_sanfona_amarelo:hover > td > table:not(#tabela_formulario) td, html.modo-escuro tr.tr_sanfona_amarelo.selecionada:hover > td > table:not(#tabela_formulario) td, html.modo-escuro tr.tr_sanfona_amarelo:hover > td > table:not(#tabela_formulario) th { background-color: #4a4028 !important; background-image: none !important; background-clip: border-box !important; color: #e8d090 !important; border-right-color: #4a4028 !important; } html.modo-escuro tr.tr_sanfona_roxo:hover, html.modo-escuro tr.tr_sanfona_roxo.selecionada:hover, html.modo-escuro tr.tr_sanfona_roxo:hover > td, html.modo-escuro tr.tr_sanfona_roxo.selecionada:hover > td, html.modo-escuro table.alt tbody tr.tr_sanfona_roxo:hover > td, html.modo-escuro tr.tr_sanfona_roxo:hover > td > table:not(#tabela_formulario), html.modo-escuro tr.tr_sanfona_roxo.selecionada:hover > td > table:not(#tabela_formulario), html.modo-escuro tr.tr_sanfona_roxo:hover > td > table:not(#tabela_formulario) > tbody, html.modo-escuro tr.tr_sanfona_roxo:hover > td > table:not(#tabela_formulario) > tbody > tr, html.modo-escuro tr.tr_sanfona_roxo:hover > td > table:not(#tabela_formulario) td, html.modo-escuro tr.tr_sanfona_roxo.selecionada:hover > td > table:not(#tabela_formulario) td, html.modo-escuro tr.tr_sanfona_roxo:hover > td > table:not(#tabela_formulario) th { background-color: #3a2a52 !important; background-image: none !important; background-clip: border-box !important; color: #d4b8f8 !important; border-right-color: #3a2a52 !important; } html.modo-escuro tr[class*="tr_sanfona"] > td > table:not(#tabela_formulario) i, html.modo-escuro tr[class*="tr_sanfona"] > td > table:not(#tabela_formulario) span, html.modo-escuro tr.selecionada[id^="linha_"] > td > table:not(#tabela_formulario) i, html.modo-escuro tr.selecionada[id^="linha_"] > td > table:not(#tabela_formulario) span { color: inherit !important; } html.modo-escuro table.alt tbody tr td.td_titulo, html.modo-escuro .td_titulo { color: var(--sinc-text) !important; background-color: var(--sinc-surface-2) !important; border-color: var(--sinc-border) !important; } /* Cadeado (sem dado): cor muted + opacidade no modo escuro */ html.modo-escuro .cadeado, html.modo-escuro .cadeado i.fa-lock, html.modo-escuro .cadeado .fa-lock, html.modo-escuro .cadeado .fas.fa-lock { color: var(--sinc-text-muted) !important; opacity: 0.45 !important; } /* * Overlay de assinatura / CIF (IDs compartilhados): * - pages/usuarios/perfil.php * - pages/cad_despacho/assinar.php * - pages/cad_despacho/arrolar_declaracao.php * - pages/agentes/prontuario_individual.php */ html.modo-escuro #barra_ass { z-index: 110 !important; width: calc(100% - 64px) !important; max-width: calc(100% - 64px) !important; box-sizing: border-box !important; color: rgba(255, 255, 255, 0.85) !important; background-color: var(--sinc-accent) !important; background-image: -webkit-linear-gradient(top, rgba(var(--sinc-accent-rgb), 0.85), rgba(0, 0, 0, 0.65)) !important; background-image: linear-gradient(to bottom, rgba(var(--sinc-accent-rgb), 0.85), rgba(0, 0, 0, 0.65)) !important; border: 1px solid rgba(var(--sinc-accent-rgb), 0.6) !important; border-right: none !important; border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; -webkit-filter: none !important; filter: none !important; box-shadow: none !important; opacity: 0.85 !important; } html.modo-escuro #barra_ass.barra_ass_virado { width: calc(100% - 40px) !important; max-width: calc(100% - 40px) !important; } html.modo-escuro #barra_ass *, html.modo-escuro #barra_ass i { background: transparent !important; background-color: transparent !important; background-image: none !important; color: rgba(255, 255, 255, 0.9) !important; opacity: 1 !important; } html.modo-escuro #container_ass, html.modo-escuro #container_ass.container_virado { background: var(--sinc-bg) !important; background-color: var(--sinc-bg) !important; border-color: var(--sinc-bg) !important; } html.modo-escuro #container_ass #linha, html.modo-escuro #linha { color: var(--sinc-text-muted, rgba(200, 204, 212, 0.75)) !important; border-top-color: var(--sinc-border, #3a4558) !important; } /* * PNG de assinatura (tinta azul, fundo transparente) no modo escuro: * trata o traço como máscara e pinta de branco (equivalente a overlay/screen). */ html.modo-escuro .local-ass img, html.modo-escuro #local-ass img, html.modo-escuro #local_ass_op img, html.modo-escuro #assinatura img, html.modo-escuro img[src*="assinaturas/"] { filter: brightness(0) invert(1); mix-blend-mode: screen; } /* Área de preview com fundo claro: a tinta azul precisa permanecer visível */ html.modo-escuro .assinar-decl-assinatura img, html.modo-escuro .assinar-decl-wrap.assinar-ja-assinado #local-ass img { filter: none; mix-blend-mode: normal; } /* Tabela do botão Windows: sem superfície (senão cobre #barra_ass). * Precisa vencer html.modo-escuro table:not(#tabela_formulario) (ID no :not). */ html.modo-escuro table#table-btn-win:not(#tabela_formulario), html.modo-escuro table#table-btn-win { z-index: 120 !important; background: transparent !important; background-color: transparent !important; background-image: none !important; border: none !important; box-shadow: none !important; color: inherit !important; } html.modo-escuro table#table-btn-win tbody, html.modo-escuro table#table-btn-win > tbody > tr, html.modo-escuro table#table-btn-win > tbody > tr:nth-child(odd), html.modo-escuro table#table-btn-win > tbody > tr:nth-child(even), html.modo-escuro table#table-btn-win > tbody > tr > td, html.modo-escuro table#table-btn-win > tbody > tr:nth-child(odd) > td, html.modo-escuro table#table-btn-win > tbody > tr:nth-child(even) > td, html.modo-escuro table#table-btn-win > tbody > tr > td:nth-child(1), html.modo-escuro table#table-btn-win > tbody > tr > td:nth-child(2) { background: transparent !important; background-color: transparent !important; background-image: none !important; border: none !important; box-shadow: none !important; } html.modo-escuro table#table-btn-win > tbody > tr > td:first-child { pointer-events: none; } /* Botão Windows: mesmo degradê da barra, junção sem borda à esquerda */ html.modo-escuro #table-btn-win .dropdown-toggle.alert-primary_gradient, html.modo-escuro #table-btn-win #btn_menu.alert-primary_gradient, html.modo-escuro #table-btn-win .alert-primary_gradient { color: rgba(255, 255, 255, 0.85) !important; background-color: var(--sinc-accent) !important; background-image: -webkit-linear-gradient(top, rgba(var(--sinc-accent-rgb), 0.85), rgba(0, 0, 0, 0.65)) !important; background-image: linear-gradient(to bottom, rgba(var(--sinc-accent-rgb), 0.85), rgba(0, 0, 0, 0.65)) !important; border: 1px solid rgba(var(--sinc-accent-rgb), 0.6) !important; border-left: none !important; border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; box-sizing: border-box !important; -webkit-filter: none !important; filter: none !important; box-shadow: none !important; opacity: 0.85 !important; } html.modo-escuro #table-btn-win .dropdown-toggle.alert-primary_gradient i, html.modo-escuro #table-btn-win #btn_menu i { color: rgba(255, 255, 255, 0.9) !important; opacity: 1 !important; } html.modo-escuro #container_ass .dropdown-menu { background-color: var(--sinc-surface) !important; border-color: var(--sinc-border) !important; } /* Escala mensal (#tabelaPadrao): células vazias — mesmo tom opaco do .vazio do calendário */ html.modo-escuro #tabelaPadrao .escala_ne { background: var(--sinc-surface-2) !important; background-color: var(--sinc-surface-2) !important; color: var(--sinc-text-muted) !important; opacity: 0.85 !important; } html.modo-escuro #tabelaPadrao > tbody > tr > td:not(.just_left) > div.div_escala, html.modo-escuro #tabelaPadrao > tbody > tr > td:not(.just_left) > div { border-radius: 0 !important; } /* Perspectivas (alert-* na grade): tons opacos — não igual ao degradê dos .btn-* */ html.modo-escuro #tabelaPadrao > tbody > tr > td:not(.just_left) > .div_escala.alert-success, html.modo-escuro #tabelaPadrao > tbody > tr > td:not(.just_left) > .alert-success.div_escala { color: #8fbf98 !important; background-color: rgba(76, 174, 76, 0.14) !important; background-image: none !important; border-color: rgba(76, 174, 76, 0.22) !important; -webkit-filter: none !important; filter: none !important; opacity: 0.88 !important; } html.modo-escuro #tabelaPadrao > tbody > tr > td:not(.just_left) > .div_escala.alert-danger, html.modo-escuro #tabelaPadrao > tbody > tr > td:not(.just_left) > .alert-danger.div_escala { color: #c99292 !important; background-color: rgba(212, 63, 58, 0.14) !important; background-image: none !important; border-color: rgba(212, 63, 58, 0.22) !important; -webkit-filter: none !important; filter: none !important; opacity: 0.88 !important; } html.modo-escuro #tabelaPadrao > tbody > tr > td:not(.just_left) > .div_escala.alert-warning, html.modo-escuro #tabelaPadrao > tbody > tr > td:not(.just_left) > .alert-warning.div_escala { color: #c9a86a !important; background-color: rgba(238, 162, 54, 0.14) !important; background-image: none !important; border-color: rgba(238, 162, 54, 0.22) !important; -webkit-filter: none !important; filter: none !important; opacity: 0.88 !important; } html.modo-escuro #tabelaPadrao > tbody > tr > td:not(.just_left) > .div_escala.alert-success:hover, html.modo-escuro #tabelaPadrao > tbody > tr > td:not(.just_left) > .alert-success.div_escala:hover { background-color: rgba(76, 174, 76, 0.22) !important; background-image: none !important; opacity: 0.95 !important; } html.modo-escuro #tabelaPadrao > tbody > tr > td:not(.just_left) > .div_escala.alert-danger:hover, html.modo-escuro #tabelaPadrao > tbody > tr > td:not(.just_left) > .alert-danger.div_escala:hover { background-color: rgba(212, 63, 58, 0.22) !important; background-image: none !important; opacity: 0.95 !important; } html.modo-escuro #tabelaPadrao > tbody > tr > td:not(.just_left) > .div_escala.alert-warning:hover, html.modo-escuro #tabelaPadrao > tbody > tr > td:not(.just_left) > .alert-warning.div_escala:hover { background-color: rgba(238, 162, 54, 0.22) !important; background-image: none !important; opacity: 0.95 !important; } /* Divisor de seção da escala: fundo opaco cobre o
se o título for longo */ html.modo-escuro table.tabela_sem_bordas > tbody > tr > td.titulo-divisor-escala { background-color: var(--sinc-bg) !important; color: inherit !important; } /* Detalhes mobile da escala individual: bordas internas no tema escuro */ html.modo-escuro .modal-content table.alt.tabela-escala table.tabela_sem_bordas.tabela-detalhes-escala > tbody > tr > td { border-color: var(--sinc-border) !important; } /* Barra “Escala Individual → Mês / Ano” (consulta / mensal) */ html.modo-escuro .barra_titulo_mes { background: var(--sinc-surface) !important; background-color: var(--sinc-surface) !important; border-color: var(--sinc-border) !important; color: var(--sinc-text) !important; box-shadow: none !important; } html.modo-escuro .barra_titulo_mes .titulo_mes_escala, html.modo-escuro .barra_titulo_mes .titulo_mes_escala i, html.modo-escuro .barra_titulo_mes .titulo_mes_escala b, html.modo-escuro .barra_titulo_mes .local_mes, html.modo-escuro .barra_titulo_mes .local_mes span, html.modo-escuro .barra_titulo_mes .local_mes i, html.modo-escuro .barra_titulo_mes .local_mes b { color: var(--sinc-link) !important; } html.modo-escuro .barra_titulo_mes .local_botoes, html.modo-escuro .barra_titulo_mes .local_botoes i { color: var(--sinc-text-muted) !important; } html.modo-escuro .barra_titulo_mes .local_botoes i[style*="cursor: pointer"], html.modo-escuro .barra_titulo_mes .local_botoes i[style*="cursor:pointer"] { color: var(--sinc-text) !important; } /* Porta-foto do agente (escala_consulta / mensal_individual) */ html.modo-escuro #local_foto { background-color: var(--sinc-surface-2) !important; border-color: var(--sinc-border) !important; -webkit-filter: drop-shadow(3px 3px 3px rgba(0, 0, 0, 0.45)) !important; filter: drop-shadow(3px 3px 3px rgba(0, 0, 0, 0.45)) !important; } html.modo-escuro #local_foto .fa-user-tie { color: var(--sinc-link) !important; } /* ------------------------------------------------------------------ * Calendário (.calendar / day-grid) — escala_consulta / mensal_individual * (consulta + diária). Perspectivas (alert-*): tons opacos como no * modo claro / #tabelaPadrao. Dias fora do mês e vazios: atenuados. * ------------------------------------------------------------------ */ html.modo-escuro .calendar ol.day-grid > li { border-color: var(--sinc-border) !important; } html.modo-escuro .calendar ol.day-grid > li.month-prev, html.modo-escuro .calendar ol.day-grid > li.month-next { opacity: 0.45 !important; color: var(--sinc-text-muted) !important; background: transparent !important; background-color: transparent !important; background-image: none !important; } html.modo-escuro .calendar ol.day-grid > li.vazio { background: var(--sinc-surface-2) !important; background-color: var(--sinc-surface-2) !important; background-image: none !important; color: var(--sinc-text-muted) !important; border-color: var(--sinc-border) !important; opacity: 0.85 !important; -webkit-filter: none !important; filter: none !important; } html.modo-escuro .calendar ol.day-grid > li.alert-success { color: #8fbf98 !important; background-color: rgba(76, 174, 76, 0.14) !important; background-image: none !important; border-color: rgba(76, 174, 76, 0.22) !important; -webkit-filter: none !important; filter: none !important; opacity: 0.88 !important; } html.modo-escuro .calendar ol.day-grid > li.alert-danger { color: #c99292 !important; background-color: rgba(212, 63, 58, 0.14) !important; background-image: none !important; border-color: rgba(212, 63, 58, 0.22) !important; -webkit-filter: none !important; filter: none !important; opacity: 0.88 !important; } html.modo-escuro .calendar ol.day-grid > li.alert-warning { color: #c9a86a !important; background-color: rgba(238, 162, 54, 0.14) !important; background-image: none !important; border-color: rgba(238, 162, 54, 0.22) !important; -webkit-filter: none !important; filter: none !important; opacity: 0.88 !important; } html.modo-escuro .calendar ol.day-grid > li.alert-info { color: #7eb8c9 !important; background-color: rgba(70, 184, 218, 0.14) !important; background-image: none !important; border-color: rgba(70, 184, 218, 0.22) !important; -webkit-filter: none !important; filter: none !important; opacity: 0.88 !important; } html.modo-escuro .calendar ol.day-grid > li.alert-success:hover { background-color: rgba(76, 174, 76, 0.22) !important; background-image: none !important; opacity: 0.95 !important; } html.modo-escuro .calendar ol.day-grid > li.alert-danger:hover { background-color: rgba(212, 63, 58, 0.22) !important; background-image: none !important; opacity: 0.95 !important; } html.modo-escuro .calendar ol.day-grid > li.alert-warning:hover { background-color: rgba(238, 162, 54, 0.22) !important; background-image: none !important; opacity: 0.95 !important; } html.modo-escuro .calendar ol.day-grid > li.alert-info:hover { background-color: rgba(70, 184, 218, 0.22) !important; background-image: none !important; opacity: 0.95 !important; } /* Texto interno das perspectivas: herda o tom opaco (não branco do alert global) */ html.modo-escuro .calendar ol.day-grid > li.alert-success .dia, html.modo-escuro .calendar ol.day-grid > li.alert-success .descricao, html.modo-escuro .calendar ol.day-grid > li.alert-success .feriado, html.modo-escuro .calendar ol.day-grid > li.alert-success i, html.modo-escuro .calendar ol.day-grid > li.alert-danger .dia, html.modo-escuro .calendar ol.day-grid > li.alert-danger .descricao, html.modo-escuro .calendar ol.day-grid > li.alert-danger .feriado, html.modo-escuro .calendar ol.day-grid > li.alert-danger i, html.modo-escuro .calendar ol.day-grid > li.alert-warning .dia, html.modo-escuro .calendar ol.day-grid > li.alert-warning .descricao, html.modo-escuro .calendar ol.day-grid > li.alert-warning .feriado, html.modo-escuro .calendar ol.day-grid > li.alert-warning i, html.modo-escuro .calendar ol.day-grid > li.alert-info .dia, html.modo-escuro .calendar ol.day-grid > li.alert-info .descricao, html.modo-escuro .calendar ol.day-grid > li.alert-info .feriado, html.modo-escuro .calendar ol.day-grid > li.alert-info i { color: inherit !important; opacity: 1 !important; } html.modo-escuro .calendar ol.day-grid > li.dia-atual { border-color: #e6a817 !important; box-shadow: inset 0 0 0 1px #ffc107 !important; } html.modo-escuro .calendar ol.day-grid > li.dia-atual::after { content: none !important; } html.modo-escuro .calendar ul.weekdays { border-bottom-color: var(--sinc-border) !important; } html.modo-escuro .calendar ul.weekdays > li { color: #efefef !important; border-color: rgba(255, 255, 255, 0.2) !important; opacity: 0.95 !important; } html.modo-escuro .calendar ul.weekdays > li.vermelho_cal { background: #d9534f !important; background-color: #d9534f !important; background-image: none !important; } html.modo-escuro .calendar ul.weekdays > li.azul2 { background: #3399ff !important; background-color: #3399ff !important; background-image: none !important; } html.modo-escuro .calendar ul.weekdays > li.azul { background: #0275d8 !important; background-color: #0275d8 !important; background-image: none !important; } /* ------------------------------------------------------------------ * Escala — visualização por fotos (portlets / álbum) * ------------------------------------------------------------------ */ html.modo-escuro #conteudo_menu .column .portlet, html.modo-escuro #conteudo_menu .portlet.ui-widget-content { background: var(--sinc-surface) !important; background-color: var(--sinc-surface) !important; border: 1px solid var(--sinc-border) !important; box-shadow: none !important; } html.modo-escuro #conteudo_menu .album-container > div, html.modo-escuro #conteudo_menu .portlet-content { color: var(--sinc-text) !important; } html.modo-escuro #conteudo_menu .album-container em, html.modo-escuro #conteudo_menu em[style*="#BBB"], html.modo-escuro #conteudo_menu em[style*="color: #BBB"] { color: var(--sinc-text-muted) !important; } html.modo-escuro #conteudo_menu .cadeado, html.modo-escuro #conteudo_menu .cadeado i.fa-lock { color: var(--sinc-text-muted) !important; opacity: 0.45 !important; } html.modo-escuro #conteudo_menu .foto_album { border-color: var(--sinc-border) !important; box-shadow: 0 4px 10px var(--sinc-shadow) !important; } html.modo-escuro #conteudo_menu .foto_album:hover { border-color: var(--sinc-inst-link) !important; } html.modo-escuro .modal-content .album-container > div, html.modo-escuro .modal-content .album-titulo { color: var(--sinc-text) !important; } html.modo-escuro .modal-content .foto_album { border-color: var(--sinc-border) !important; box-shadow: 0 4px 10px var(--sinc-shadow) !important; } html.modo-escuro .modal-content .foto_album:hover { border-color: var(--sinc-inst-link) !important; } html.modo-escuro #conteudo_menu .ui-sortable-placeholder { border-color: rgba(var(--sinc-inst-rgb), 0.65) !important; background: rgba(var(--sinc-inst-rgb), 0.12) !important; } html.modo-escuro #conteudo_menu .ui-widget-header.portlet-header { border-color: transparent !important; } /* ------------------------------------------------------------------ * Calendário legado OS / modelos (#AutoNumber1) * Células com bgcolor claro (#F0F0F0 / #F8F8F8 / #fdfdfd) * ------------------------------------------------------------------ */ html.modo-escuro #div_externa_quest { background-color: var(--sinc-surface) !important; border-color: var(--sinc-border) !important; } html.modo-escuro #AutoNumber1 { border-color: var(--sinc-border) !important; background-color: var(--sinc-surface) !important; } html.modo-escuro #AutoNumber1 td { border-color: var(--sinc-border) !important; } html.modo-escuro #AutoNumber1 td[bgcolor="#F0F0F0"], html.modo-escuro #AutoNumber1 td[bgcolor="#f0f0f0"] { background-color: var(--sinc-row) !important; } html.modo-escuro #AutoNumber1 td[bgcolor="#F8F8F8"], html.modo-escuro #AutoNumber1 td[bgcolor="#f8f8f8"] { background-color: var(--sinc-row-alt) !important; } html.modo-escuro #AutoNumber1 td[bgcolor="#fdfdfd"], html.modo-escuro #AutoNumber1 td[bgcolor="#FDFDFD"] { background-color: var(--sinc-surface-2) !important; } html.modo-escuro #AutoNumber1 td[bgcolor="#fdfdfd"] font, html.modo-escuro #AutoNumber1 td[bgcolor="#FDFDFD"] font, html.modo-escuro #AutoNumber1 td[bgcolor="#fdfdfd"] font[color], html.modo-escuro #AutoNumber1 td[bgcolor="#FDFDFD"] font[color] { color: var(--sinc-text-muted) !important; } html.modo-escuro #AutoNumber1 tr[bgcolor="#019ad0"], html.modo-escuro #AutoNumber1 tr[bgcolor="#019AD0"], html.modo-escuro #AutoNumber1 td[bgcolor="#019ad0"], html.modo-escuro #AutoNumber1 td[bgcolor="#019AD0"] { background-color: #1a4a66 !important; } html.modo-escuro #AutoNumber1 .novo { color: var(--sinc-text-muted) !important; } /* ------------------------------------------------------------------ * Mapas: tiles / canvas no padrão escuro (Mapbox / MapLibre) * Google Maps usa estilos night via mapa_modo_escuro.js * ------------------------------------------------------------------ */ html.modo-escuro .sincadi-mapa-tiles-escuro .mapboxgl-canvas, html.modo-escuro .sincadi-mapa-tiles-escuro .maplibregl-canvas, html.modo-escuro .sincadi-mapa-tiles-escuro canvas.mapboxgl-canvas, html.modo-escuro .sincadi-mapa-tiles-escuro canvas.maplibregl-canvas { filter: invert(1) hue-rotate(180deg) brightness(0.95) contrast(0.95); } /* Controles (botões brancos com ícone escuro): inverte para o padrão escuro. Marcadores e popups ficam fora do canvas — sem filtro (cores e fotos reais). */ html.modo-escuro .sincadi-mapa-tiles-escuro .mapboxgl-ctrl-group, html.modo-escuro .sincadi-mapa-tiles-escuro .maplibregl-ctrl-group { filter: invert(1) hue-rotate(180deg); } html.modo-escuro #map_canvas, html.modo-escuro #mapa { background-color: #1a1f28 !important; } /* Popups Mapbox / MapLibre */ html.modo-escuro .mapboxgl-popup-content, html.modo-escuro .maplibregl-popup-content { background-color: var(--sinc-surface) !important; color: var(--sinc-text) !important; box-shadow: 0 2px 10px var(--sinc-shadow) !important; } html.modo-escuro .mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip, html.modo-escuro .mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-tip, html.modo-escuro .mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-tip, html.modo-escuro .maplibregl-popup-anchor-bottom .maplibregl-popup-tip, html.modo-escuro .maplibregl-popup-anchor-bottom-left .maplibregl-popup-tip, html.modo-escuro .maplibregl-popup-anchor-bottom-right .maplibregl-popup-tip { border-top-color: var(--sinc-surface) !important; } html.modo-escuro .mapboxgl-popup-anchor-top .mapboxgl-popup-tip, html.modo-escuro .mapboxgl-popup-anchor-top-left .mapboxgl-popup-tip, html.modo-escuro .mapboxgl-popup-anchor-top-right .mapboxgl-popup-tip, html.modo-escuro .maplibregl-popup-anchor-top .maplibregl-popup-tip, html.modo-escuro .maplibregl-popup-anchor-top-left .maplibregl-popup-tip, html.modo-escuro .maplibregl-popup-anchor-top-right .maplibregl-popup-tip { border-bottom-color: var(--sinc-surface) !important; } html.modo-escuro .mapboxgl-popup-anchor-left .mapboxgl-popup-tip, html.modo-escuro .maplibregl-popup-anchor-left .maplibregl-popup-tip { border-right-color: var(--sinc-surface) !important; } html.modo-escuro .mapboxgl-popup-anchor-right .mapboxgl-popup-tip, html.modo-escuro .maplibregl-popup-anchor-right .maplibregl-popup-tip { border-left-color: var(--sinc-surface) !important; } html.modo-escuro .mapboxgl-ctrl-attrib, html.modo-escuro .maplibregl-ctrl-attrib { background-color: rgba(28, 31, 38, 0.6) !important; color: var(--sinc-text-muted) !important; } html.modo-escuro .mapboxgl-ctrl-attrib a, html.modo-escuro .maplibregl-ctrl-attrib a { color: var(--sinc-text-muted) !important; } /* Google Maps: InfoWindow (balão + ponta). A ponta usa linear-gradient branco em .gm-style-iw-t::after */ html.modo-escuro .gm-style .gm-style-iw, html.modo-escuro .gm-style .gm-style-iw-c, html.modo-escuro .gm-style .gm-style-iw-d, html.modo-escuro .gm-style .gm-style-iw-chr { background: var(--sinc-surface) !important; background-color: var(--sinc-surface) !important; color: var(--sinc-text) !important; box-shadow: none !important; } html.modo-escuro .gm-style .gm-style-iw-c { box-shadow: 0 2px 10px var(--sinc-shadow) !important; } html.modo-escuro .gm-style .gm-style-iw-t::after, html.modo-escuro .gm-style .gm-style-iw-t::before, html.modo-escuro .gm-style .gm-style-iw-tc::after, html.modo-escuro .gm-style .gm-style-iw-tc::before { background: var(--sinc-surface) !important; background-color: var(--sinc-surface) !important; background-image: none !important; box-shadow: -2px 2px 2px 0 rgba(0, 0, 0, 0.45) !important; } html.modo-escuro .gm-style .gm-style-iw-tc { filter: drop-shadow(0 4px 2px rgba(0, 0, 0, 0.45)) !important; } html.modo-escuro .gm-style .gm-style-iw-d::-webkit-scrollbar-track, html.modo-escuro .gm-style .gm-style-iw-d::-webkit-scrollbar-track-piece, html.modo-escuro .gm-style .gm-style-iw-c .gm-style-iw-d::-webkit-scrollbar-thumb { background: var(--sinc-surface-2) !important; background-color: var(--sinc-surface-2) !important; } /* Google Maps: botões de controle (zoom, tela cheia, Street View) */ html.modo-escuro .gm-style .gm-control-active, html.modo-escuro .gm-style .gm-svpc, html.modo-escuro .gm-style .gmnoprint > div[draggable="false"], html.modo-escuro .gm-style .gm-bundled-control > .gmnoprint > div { filter: invert(0.9) hue-rotate(180deg); } html.modo-escuro .gm-style .gm-style-cc div, html.modo-escuro .gm-style .gm-style-cc a, html.modo-escuro .gm-style .gm-style-cc span { background-color: transparent !important; color: var(--sinc-text-muted) !important; } /* Caixa de informações (InfoWindow / popup) e textos */ html.modo-escuro .infoBox { background-color: var(--sinc-surface) !important; color: var(--sinc-text) !important; } html.modo-escuro .infoBox .texto_box, html.modo-escuro .mapboxgl-popup-content .texto_box, html.modo-escuro .maplibregl-popup-content .texto_box, html.modo-escuro .gm-style-iw-c .texto_box, html.modo-escuro .infoBox [style*="color: #555"], html.modo-escuro .infoBox [style*="color:#555"], html.modo-escuro .gm-style-iw-c [style*="color: #555"], html.modo-escuro .gm-style-iw-c [style*="color:#555"] { color: var(--sinc-text) !important; } html.modo-escuro .foto_vazia { color: var(--sinc-border) !important; } /* Rótulos dos polígonos (criados via JS com fundo branco inline) */ html.modo-escuro .mapa-rotulo-poligono { background: var(--sinc-surface) !important; background-color: var(--sinc-surface) !important; color: var(--sinc-text) !important; } /* Painel de controle flutuante / botão de reabrir */ html.modo-escuro #floating-panel, html.modo-escuro #floating-panel td, html.modo-escuro #floating-panel td[style*="background"], html.modo-escuro #muda_painel2 { background-color: var(--sinc-surface) !important; color: var(--sinc-text) !important; } html.modo-escuro #floating-panel td[style*="color"] { color: var(--sinc-inst-link) !important; } /* Janela "Corrigir geolocalização" */ html.modo-escuro #janela_corrigir { background-color: var(--sinc-surface) !important; border-color: var(--sinc-border) !important; color: var(--sinc-text) !important; } html.modo-escuro #janela_corrigir #corpo_arrastar { border-color: var(--sinc-border) !important; color: var(--sinc-text) !important; } /* Cabeçalho da instituição sobre o mapa: halo escuro (era branco) */ html.modo-escuro #cabecalho, html.modo-escuro #cabecalho div { text-shadow: 2px 2px 0 #12151c, -1px -1px 0 #12151c, 1px -1px 0 #12151c, -1px 1px 0 #12151c, 1px 1px 0 #12151c !important; } html.modo-escuro #titleBar_cinza { background-image: linear-gradient(to bottom, #3a404c, #252a33) !important; background-color: #252a33 !important; } /* SPM cenário / armário / caixas (reservas_cenario, recolher_cenario, quiosque, totem_arquivos, 396–398) */ html.modo-escuro .cenario { position: relative; isolation: isolate; border-color: var(--sinc-border) !important; background-color: #12151c !important; } /* Foto de fundo: véu escuro por cima da imagem da página (--cenario-foto) */ html.modo-escuro .cenario:not(.cenario-banner) { background-image: linear-gradient(rgba(18, 21, 28, 0.72), rgba(18, 21, 28, 0.58)), var(--cenario-foto, none) !important; background-position: center !important; background-size: cover !important; } html.modo-escuro .cenario:not(.cenario-banner)::before { content: ""; position: absolute; inset: 0; border-radius: inherit; background: rgba(18, 21, 28, 0.35); pointer-events: none; z-index: 0; } html.modo-escuro .cenario > *:not(.esquerda):not(.direita) { position: relative; z-index: 1; } html.modo-escuro .cenario > .esquerda, html.modo-escuro .cenario > .direita { z-index: 2; } /* Totem/recepção: véu escuro no lugar do branco (usa --cenario-banner da página) */ html.modo-escuro .cenario.cenario-banner { background-image: linear-gradient(rgba(26, 31, 40, 0.92), rgba(26, 31, 40, 0.72)), var(--cenario-banner) !important; background-color: #1a1f28 !important; } html.modo-escuro .cenario .titulo, html.modo-escuro .cenario > div[style*="text-shadow"] { color: var(--sinc-text) !important; text-shadow: 1px 1px 0 #000 !important; } html.modo-escuro .armario { border-color: var(--sinc-border) !important; background: linear-gradient(120deg, #2a2f38, #1a1f28) !important; background-color: #1c1f26 !important; box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.55) !important; } html.modo-escuro .foto, html.modo-escuro .cadeado { color: var(--sinc-text-muted) !important; } html.modo-escuro .foto img { border-color: var(--sinc-border) !important; opacity: 1 !important; } html.modo-escuro .foto img.foto_perfil { mix-blend-mode: normal !important; opacity: 0.85 !important; filter: contrast(1.1) brightness(1.08) saturate(1.05); } html.modo-escuro .caixa { background: linear-gradient(120deg, #2a2f38, #3a3228) !important; border-color: var(--sinc-border) !important; color: var(--sinc-text) !important; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.45) !important; } html.modo-escuro .etiqueta:not([style*="background"]), html.modo-escuro .etiqueta_azul:not([style*="background"]), html.modo-escuro .etiqueta1:not([style*="background"]), html.modo-escuro .etiqueta2:not([style*="background"]), html.modo-escuro .etiqueta3, html.modo-escuro .etiqueta4, html.modo-escuro .conjunto { background: linear-gradient(120deg, #2a2f38, #3a404c) !important; background-color: #2a2f38 !important; border-color: var(--sinc-border) !important; color: var(--sinc-text) !important; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4) !important; } html.modo-escuro .buraco { background: linear-gradient(0deg, #1c1f26, #3a404c) !important; } html.modo-escuro .custom-menu { background: var(--sinc-surface) !important; border-color: var(--sinc-border) !important; color: var(--sinc-text) !important; } html.modo-escuro .btn-light, html.modo-escuro .btn-vazio-danger, html.modo-escuro .btn-vazio-warning, html.modo-escuro .btn-vazio-primary, html.modo-escuro .btn-vazio-success, html.modo-escuro .btn-vazio-laranja, html.modo-escuro .etiquetas-cor-rapida [class*="btn-vazio-"], html.modo-escuro .etiquetas-cor-rapida [class*="btn-vazio-"]:focus { background: var(--sinc-surface-2) !important; background-color: var(--sinc-surface-2) !important; } html.modo-escuro .box_loader2 { background-color: color-mix(in srgb, var(--sinc-surface) 60%, transparent) !important; border-color: var(--sinc-border) !important; color: var(--sinc-text) !important; } /* Rodapé de legendas das listagens (th#legenda com fundo branco inline) */ html.modo-escuro #legenda, html.modo-escuro th#legenda, html.modo-escuro tfoot #legenda, html.modo-escuro th[id="legenda"], html.modo-escuro #legenda[style*="background"], html.modo-escuro th#legenda[style*="background"], html.modo-escuro th[style*="background-color:#fFF"], html.modo-escuro th[style*="background-color:#FFF"], html.modo-escuro th[style*="background-color:#fff"], html.modo-escuro th[style*="background-color: #FFF"], html.modo-escuro th[style*="background-color: #fff"], html.modo-escuro th[style*="background-color:#fFF"] { background: var(--sinc-surface) !important; background-color: var(--sinc-surface) !important; background-image: none !important; border-color: var(--sinc-border) !important; color: var(--sinc-text) !important; } html.modo-escuro #legenda > *, html.modo-escuro th#legenda > * { border-color: var(--sinc-border); } html.modo-escuro #legenda .btn, html.modo-escuro th#legenda .btn, html.modo-escuro tfoot .legenda-linha .btn, html.modo-escuro button[id^="leg"].btn { min-height: 36px !important; } /* * Filtro de legenda ativo (.legenda-selecionada + btn-vazio-*): * vence #EFEFEF !important local (ex.: cavs) e mantém borda/texto da cor. */ html.modo-escuro #tabelaPadrao tfoot #legenda button.btn.legenda-selecionada, html.modo-escuro #tabelaPadrao tfoot #legenda button.btn.legenda-selecionada:focus, html.modo-escuro #tabelaPadrao tfoot #legenda button.btn.legenda-selecionada:hover, html.modo-escuro #tabelaPadrao tfoot #legenda button.btn.legenda-selecionada:active, html.modo-escuro #legenda button.btn.legenda-selecionada, html.modo-escuro tfoot #legenda button.btn.legenda-selecionada { background: var(--sinc-surface-2) !important; background-color: var(--sinc-surface-2) !important; background-image: none !important; } html.modo-escuro #tabelaPadrao tfoot #legenda button.btn.legenda-selecionada.btn-vazio-success, html.modo-escuro #legenda button.btn.legenda-selecionada.btn-vazio-success { border-color: #4cae4c !important; color: #5cb85c !important; } html.modo-escuro #tabelaPadrao tfoot #legenda button.btn.legenda-selecionada.btn-vazio-warning, html.modo-escuro #legenda button.btn.legenda-selecionada.btn-vazio-warning { border-color: #f0ad4e !important; color: #f0ad4e !important; } html.modo-escuro #tabelaPadrao tfoot #legenda button.btn.legenda-selecionada.btn-vazio-danger, html.modo-escuro #legenda button.btn.legenda-selecionada.btn-vazio-danger { border-color: #d9534f !important; color: #e57373 !important; } html.modo-escuro #tabelaPadrao tfoot #legenda button.btn.legenda-selecionada.btn-vazio-primary, html.modo-escuro #legenda button.btn.legenda-selecionada.btn-vazio-primary { border-color: #0275d8 !important; color: #5dade2 !important; } html.modo-escuro #tabelaPadrao tfoot #legenda button.btn.legenda-selecionada i, html.modo-escuro #tabelaPadrao tfoot #legenda button.btn.legenda-selecionada b, html.modo-escuro #tabelaPadrao tfoot #legenda button.btn.legenda-selecionada .legenda-txt, html.modo-escuro #legenda button.btn.legenda-selecionada i, html.modo-escuro #legenda button.btn.legenda-selecionada b, html.modo-escuro #legenda button.btn.legenda-selecionada .legenda-txt { color: inherit !important; } /* * Seções de ficha (Dados Básicos, Naturezas, BNMP, mandado…): * paleta escura equivalente a $bac / $cor — td e th, vence zebrado e thead. */ html.modo-escuro .table-wrapper table.alt :is(tbody, thead) tr:not(.navega-tab):not(.selected):not(.selecionada2):not(.selecionada):not([class*="tr_sanfona"]):nth-child(n) > :is(td, th)[style*="background-color:#f2dede"], html.modo-escuro .table-wrapper table.alt :is(tbody, thead) tr:not(.navega-tab):not(.selected):not(.selecionada2):not(.selecionada):not([class*="tr_sanfona"]):nth-child(n) > :is(td, th)[style*="background-color: #f2dede"], html.modo-escuro .table-wrapper table.alt :is(tbody, thead) tr:not(.navega-tab):not(.selected):not(.selecionada2):not(.selecionada):not([class*="tr_sanfona"]):nth-child(n) > :is(td, th)[style*="background-color:#F2DEDE"], html.modo-escuro table.alt :is(tbody, thead) tr:not(.navega-tab):not(.selected):not(.selecionada2):not(.selecionada):not([class*="tr_sanfona"]):nth-child(n) > :is(td, th)[style*="background-color:#f2dede"], html.modo-escuro table.alt :is(tbody, thead) tr:not(.navega-tab):not(.selected):not(.selecionada2):not(.selecionada):not([class*="tr_sanfona"]):nth-child(n) > :is(td, th)[style*="background-color:#F2DEDE"], html.modo-escuro .modal-content table.alt :is(tbody, thead) tr:not(.navega-tab):not(.selected):not(.selecionada2):nth-child(n) > :is(td, th)[style*="background-color:#f2dede"], html.modo-escuro .modal-content table.alt :is(tbody, thead) tr:not(.navega-tab):not(.selected):not(.selecionada2):nth-child(n) > :is(td, th)[style*="background-color: #f2dede"], html.modo-escuro .modal-content table.alt :is(tbody, thead) tr:nth-child(n) > :is(td, th)[style*="background-color:#f2dede"], html.modo-escuro .modal-content table.alt :is(tbody, thead) tr:nth-child(n) > :is(td, th)[style*="background-color: #f2dede"], html.modo-escuro table.alt :is(tbody, thead) tr:nth-child(n) > :is(td, th)[style*="background-color:#f2dede"], html.modo-escuro table.alt :is(tbody, thead) tr:nth-child(n) > :is(td, th)[style*="background-color: #f2dede"], html.modo-escuro :is(tbody, thead) tr:nth-child(n) > :is(td, th)[style*="background-color:#f2dede"], html.modo-escuro :is(tbody, thead) tr:nth-child(n) > :is(td, th)[style*="background-color: #f2dede"], html.modo-escuro :is(td, th).cabeca_mandado, html.modo-escuro th.cabeca_mandado:not(#td_info), html.modo-escuro thead th.cabeca_mandado:not(#td_info), html.modo-escuro .table-container th.cabeca_mandado:not(#td_info), html.modo-escuro .modal-content table.alt thead th.cabeca_mandado:not(#td_info), html.modo-escuro th[style*="background-color:#f2dede"]:not(#td_info), html.modo-escuro th[style*="background-color: #f2dede"]:not(#td_info), html.modo-escuro thead th[style*="background-color:#f2dede"]:not(#td_info), html.modo-escuro thead th[style*="background-color: #f2dede"]:not(#td_info), html.modo-escuro .table-container th[style*="background-color:#f2dede"]:not(#td_info), html.modo-escuro .modal-content table.alt thead th[style*="background-color:#f2dede"]:not(#td_info), html.modo-escuro .modal-content table.alt thead th[style*="background-color: #f2dede"]:not(#td_info) { background: #3d282a !important; background-color: #3d282a !important; background-image: none !important; color: #e8a0a0 !important; border-color: #5c3a3c !important; } /* Linha de títulos de coluna em azul (tr style="color: #0275d8"): as td herdam o azul, como no claro */ html.modo-escuro .modal-content table.alt tbody tr:not(.navega-tab):not(.selected):not(.selecionada2):nth-child(n)[style*="color: #0275d8"] > :is(td, th), html.modo-escuro .modal-content table.alt tbody tr:not(.navega-tab):not(.selected):not(.selecionada2):nth-child(n)[style*="color:#0275d8"] > :is(td, th) { color: var(--sinc-link) !important; } html.modo-escuro .table-wrapper table.alt :is(tbody, thead) tr:not(.navega-tab):not(.selected):not(.selecionada2):not(.selecionada):not([class*="tr_sanfona"]):nth-child(n) > :is(td, th)[style*="background-color:#dff0d8"], html.modo-escuro .table-wrapper table.alt :is(tbody, thead) tr:not(.navega-tab):not(.selected):not(.selecionada2):not(.selecionada):not([class*="tr_sanfona"]):nth-child(n) > :is(td, th)[style*="background-color: #dff0d8"], html.modo-escuro .table-wrapper table.alt :is(tbody, thead) tr:not(.navega-tab):not(.selected):not(.selecionada2):not(.selecionada):not([class*="tr_sanfona"]):nth-child(n) > :is(td, th)[style*="background-color:#DFF0D8"], html.modo-escuro table.alt :is(tbody, thead) tr:not(.navega-tab):not(.selected):not(.selecionada2):not(.selecionada):not([class*="tr_sanfona"]):nth-child(n) > :is(td, th)[style*="background-color:#dff0d8"], html.modo-escuro table.alt :is(tbody, thead) tr:not(.navega-tab):not(.selected):not(.selecionada2):not(.selecionada):not([class*="tr_sanfona"]):nth-child(n) > :is(td, th)[style*="background-color:#DFF0D8"], html.modo-escuro .modal-content table.alt :is(tbody, thead) tr:nth-child(n) > :is(td, th)[style*="background-color:#dff0d8"], html.modo-escuro table.alt :is(tbody, thead) tr:nth-child(n) > :is(td, th)[style*="background-color:#dff0d8"], html.modo-escuro table.alt :is(tbody, thead) tr:nth-child(n) > :is(td, th)[style*="background-color: #dff0d8"], html.modo-escuro :is(tbody, thead) tr:nth-child(n) > :is(td, th)[style*="background-color:#dff0d8"], html.modo-escuro :is(tbody, thead) tr:nth-child(n) > :is(td, th)[style*="background-color: #dff0d8"], html.modo-escuro th[style*="background-color:#dff0d8"]:not(#td_info), html.modo-escuro th[style*="background-color: #dff0d8"]:not(#td_info), html.modo-escuro thead th[style*="background-color:#dff0d8"]:not(#td_info), html.modo-escuro .table-container th[style*="background-color:#dff0d8"]:not(#td_info), html.modo-escuro .modal-content table.alt thead th[style*="background-color:#dff0d8"]:not(#td_info) { background: #1e3324 !important; background-color: #1e3324 !important; background-image: none !important; color: #7dca8a !important; } html.modo-escuro .table-wrapper table.alt :is(tbody, thead) tr:not(.navega-tab):not(.selected):not(.selecionada2):not(.selecionada):not([class*="tr_sanfona"]):nth-child(n) > :is(td, th)[style*="background-color:#faebcc"], html.modo-escuro .table-wrapper table.alt :is(tbody, thead) tr:not(.navega-tab):not(.selected):not(.selecionada2):not(.selecionada):not([class*="tr_sanfona"]):nth-child(n) > :is(td, th)[style*="background-color: #faebcc"], html.modo-escuro .table-wrapper table.alt :is(tbody, thead) tr:not(.navega-tab):not(.selected):not(.selecionada2):not(.selecionada):not([class*="tr_sanfona"]):nth-child(n) > :is(td, th)[style*="background-color:#FAEBCC"], html.modo-escuro .table-wrapper table.alt :is(tbody, thead) tr:not(.navega-tab):not(.selected):not(.selecionada2):not(.selecionada):not([class*="tr_sanfona"]):nth-child(n) > :is(td, th)[style*="background-color:#fcf8e3"], html.modo-escuro .table-wrapper table.alt :is(tbody, thead) tr:not(.navega-tab):not(.selected):not(.selecionada2):not(.selecionada):not([class*="tr_sanfona"]):nth-child(n) > :is(td, th)[style*="background-color: #fcf8e3"], html.modo-escuro .table-wrapper table.alt :is(tbody, thead) tr:not(.navega-tab):not(.selected):not(.selecionada2):not(.selecionada):not([class*="tr_sanfona"]):nth-child(n) > :is(td, th)[style*="background-color:#FCF8E3"], html.modo-escuro table.alt :is(tbody, thead) tr:not(.navega-tab):not(.selected):not(.selecionada2):not(.selecionada):not([class*="tr_sanfona"]):nth-child(n) > :is(td, th)[style*="background-color:#faebcc"], html.modo-escuro table.alt :is(tbody, thead) tr:not(.navega-tab):not(.selected):not(.selecionada2):not(.selecionada):not([class*="tr_sanfona"]):nth-child(n) > :is(td, th)[style*="background-color:#fcf8e3"], html.modo-escuro table.alt :is(tbody, thead) tr:not(.navega-tab):not(.selected):not(.selecionada2):not(.selecionada):not([class*="tr_sanfona"]):nth-child(n) > :is(td, th)[style*="background-color:#FCF8E3"], html.modo-escuro .modal-content table.alt :is(tbody, thead) tr:nth-child(n) > :is(td, th)[style*="background-color:#faebcc"], html.modo-escuro .modal-content table.alt :is(tbody, thead) tr:nth-child(n) > :is(td, th)[style*="background-color:#fcf8e3"], html.modo-escuro table.alt :is(tbody, thead) tr:nth-child(n) > :is(td, th)[style*="background-color:#faebcc"], html.modo-escuro table.alt :is(tbody, thead) tr:nth-child(n) > :is(td, th)[style*="background-color: #faebcc"], html.modo-escuro table.alt :is(tbody, thead) tr:nth-child(n) > :is(td, th)[style*="background-color:#fcf8e3"], html.modo-escuro table.alt :is(tbody, thead) tr:nth-child(n) > :is(td, th)[style*="background-color: #fcf8e3"], html.modo-escuro :is(tbody, thead) tr:nth-child(n) > :is(td, th)[style*="background-color:#faebcc"], html.modo-escuro :is(tbody, thead) tr:nth-child(n) > :is(td, th)[style*="background-color: #faebcc"], html.modo-escuro :is(tbody, thead) tr:nth-child(n) > :is(td, th)[style*="background-color:#fcf8e3"], html.modo-escuro :is(tbody, thead) tr:nth-child(n) > :is(td, th)[style*="background-color: #fcf8e3"], html.modo-escuro :is(td, th).local_status_mandado, html.modo-escuro th.local_status_mandado:not(#td_info), html.modo-escuro thead th.local_status_mandado:not(#td_info), html.modo-escuro .table-container th.local_status_mandado:not(#td_info), html.modo-escuro .modal-content table.alt thead th.local_status_mandado:not(#td_info), html.modo-escuro th[style*="background-color:#fcf8e3"]:not(#td_info), html.modo-escuro th[style*="background-color: #fcf8e3"]:not(#td_info), html.modo-escuro th[style*="background-color:#faebcc"]:not(#td_info), html.modo-escuro thead th[style*="background-color:#fcf8e3"]:not(#td_info), html.modo-escuro thead th[style*="background-color: #fcf8e3"]:not(#td_info), html.modo-escuro .table-container th[style*="background-color:#fcf8e3"]:not(#td_info), html.modo-escuro .modal-content table.alt thead th[style*="background-color:#fcf8e3"]:not(#td_info), html.modo-escuro .modal-content table.alt thead th[style*="background-color: #fcf8e3"]:not(#td_info) { background: #3a3420 !important; background-color: #3a3420 !important; background-image: none !important; color: #e0c070 !important; } html.modo-escuro .table-wrapper table.alt :is(tbody, thead) tr:not(.navega-tab):not(.selected):not(.selecionada2):not(.selecionada):not([class*="tr_sanfona"]):nth-child(n) > :is(td, th)[style*="background-color:#d9edf7"], html.modo-escuro .table-wrapper table.alt :is(tbody, thead) tr:not(.navega-tab):not(.selected):not(.selecionada2):not(.selecionada):not([class*="tr_sanfona"]):nth-child(n) > :is(td, th)[style*="background-color: #d9edf7"], html.modo-escuro .table-wrapper table.alt :is(tbody, thead) tr:not(.navega-tab):not(.selected):not(.selecionada2):not(.selecionada):not([class*="tr_sanfona"]):nth-child(n) > :is(td, th)[style*="background-color:#D9EDF7"], html.modo-escuro table.alt :is(tbody, thead) tr:not(.navega-tab):not(.selected):not(.selecionada2):not(.selecionada):not([class*="tr_sanfona"]):nth-child(n) > :is(td, th)[style*="background-color:#d9edf7"], html.modo-escuro table.alt :is(tbody, thead) tr:not(.navega-tab):not(.selected):not(.selecionada2):not(.selecionada):not([class*="tr_sanfona"]):nth-child(n) > :is(td, th)[style*="background-color:#D9EDF7"], html.modo-escuro .modal-content table.alt :is(tbody, thead) tr:nth-child(n) > :is(td, th)[style*="background-color:#d9edf7"], html.modo-escuro .modal-content table.alt :is(tbody, thead) tr:nth-child(n) > :is(td, th)[style*="background-color:#D9EDF7"], html.modo-escuro table.alt :is(tbody, thead) tr:nth-child(n) > :is(td, th)[style*="background-color:#d9edf7"], html.modo-escuro table.alt :is(tbody, thead) tr:nth-child(n) > :is(td, th)[style*="background-color: #d9edf7"], html.modo-escuro table.alt :is(tbody, thead) tr:nth-child(n) > :is(td, th)[style*="background-color:#D9EDF7"], html.modo-escuro :is(tbody, thead) tr:nth-child(n) > :is(td, th)[style*="background-color:#d9edf7"], html.modo-escuro :is(tbody, thead) tr:nth-child(n) > :is(td, th)[style*="background-color: #d9edf7"], html.modo-escuro :is(tbody, thead) tr:nth-child(n) > :is(td, th)[style*="background-color:#D9EDF7"], html.modo-escuro th[style*="background-color:#d9edf7"]:not(#td_info), html.modo-escuro th[style*="background-color: #d9edf7"]:not(#td_info), html.modo-escuro th[style*="background-color:#D9EDF7"]:not(#td_info), html.modo-escuro thead th[style*="background-color:#d9edf7"]:not(#td_info), html.modo-escuro .table-container th[style*="background-color:#d9edf7"]:not(#td_info), html.modo-escuro .modal-content table.alt thead th[style*="background-color:#d9edf7"]:not(#td_info) { background: rgba(var(--sinc-accent-rgb), 0.28) !important; background-color: rgba(var(--sinc-accent-rgb), 0.28) !important; background-image: none !important; color: var(--sinc-link) !important; } html.modo-escuro .modal-content table.alt :is(tbody, thead) tr:not(.navega-tab):not(.selected):not(.selecionada2):nth-child(n) > :is(td, th).alert-info, html.modo-escuro .modal-content table.alt :is(tbody, thead) tr:not(.navega-tab):not(.selected):not(.selecionada2):nth-child(n) > :is(td, th).alert-info :is(i, b, span, .negrito) { background-color: rgba(var(--sinc-accent-rgb), 0.28) !important; background-image: none !important; color: var(--sinc-link) !important; } html.modo-escuro .modal-content table.alt :is(tbody, thead) tr:not(.navega-tab):not(.selected):not(.selecionada2):nth-child(n) > :is(td, th).alert-info :is(i, b, span, .negrito) { background-color: transparent !important; } html.modo-escuro .table-wrapper table.alt :is(tbody, thead) tr:nth-child(n) > :is(td, th)[style*="background-color:#f2dede"] :is(i, .negrito, b, span), html.modo-escuro .table-wrapper table.alt :is(tbody, thead) tr:nth-child(n) > :is(td, th)[style*="background-color: #f2dede"] :is(i, .negrito, b, span), html.modo-escuro .table-wrapper table.alt :is(tbody, thead) tr:nth-child(n) > :is(td, th)[style*="background-color:#dff0d8"] :is(i, .negrito, b, span), html.modo-escuro .table-wrapper table.alt :is(tbody, thead) tr:nth-child(n) > :is(td, th)[style*="background-color: #dff0d8"] :is(i, .negrito, b, span), html.modo-escuro .table-wrapper table.alt :is(tbody, thead) tr:nth-child(n) > :is(td, th)[style*="background-color:#faebcc"] :is(i, .negrito, b, span), html.modo-escuro .table-wrapper table.alt :is(tbody, thead) tr:nth-child(n) > :is(td, th)[style*="background-color:#fcf8e3"] :is(i, .negrito, b, span), html.modo-escuro .table-wrapper table.alt :is(tbody, thead) tr:nth-child(n) > :is(td, th)[style*="background-color: #fcf8e3"] :is(i, .negrito, b, span), html.modo-escuro .table-wrapper table.alt :is(tbody, thead) tr:not(.navega-tab):not(.selected):not(.selecionada2):not(.selecionada):not([class*="tr_sanfona"]):nth-child(n) > :is(td, th)[style*="background-color:#d9edf7"] :is(i, .negrito, b, span), html.modo-escuro .table-wrapper table.alt :is(tbody, thead) tr:not(.navega-tab):not(.selected):not(.selecionada2):not(.selecionada):not([class*="tr_sanfona"]):nth-child(n) > :is(td, th)[style*="background-color:#D9EDF7"] :is(i, .negrito, b, span), html.modo-escuro table.alt :is(tbody, thead) tr:not(.navega-tab):not(.selected):not(.selecionada2):not(.selecionada):not([class*="tr_sanfona"]):nth-child(n) > :is(td, th)[style*="background-color:#D9EDF7"] :is(i, .negrito, b, span), html.modo-escuro table.alt :is(tbody, thead) tr:nth-child(n) > :is(td, th)[style*="background-color:#f2dede"] :is(i, .negrito, b, span), html.modo-escuro table.alt :is(tbody, thead) tr:nth-child(n) > :is(td, th)[style*="background-color:#dff0d8"] :is(i, .negrito, b, span), html.modo-escuro table.alt :is(tbody, thead) tr:nth-child(n) > :is(td, th)[style*="background-color:#faebcc"] :is(i, .negrito, b, span), html.modo-escuro table.alt :is(tbody, thead) tr:nth-child(n) > :is(td, th)[style*="background-color:#fcf8e3"] :is(i, .negrito, b, span), html.modo-escuro table.alt :is(tbody, thead) tr:nth-child(n) > :is(td, th)[style*="background-color:#d9edf7"] :is(i, .negrito, b, span), html.modo-escuro :is(td, th).cabeca_mandado :is(i, .negrito, b, span), html.modo-escuro :is(td, th).local_status_mandado :is(i, .negrito, b, span) { color: inherit !important; } /* Título do boletim (fundo #f9f9f9 / texto #d9534f) */ html.modo-escuro .table-wrapper table.alt tbody tr:not(.navega-tab):not(.selected):not(.selecionada2):not(.selecionada):not([class*="tr_sanfona"]):nth-child(n) > :is(td, th)[style*="background: #f9f9f9"], html.modo-escuro .table-wrapper table.alt tbody tr:not(.navega-tab):not(.selected):not(.selecionada2):not(.selecionada):not([class*="tr_sanfona"]):nth-child(n) > :is(td, th)[style*="background:#f9f9f9"], html.modo-escuro .table-wrapper table.alt tbody tr:not(.navega-tab):not(.selected):not(.selecionada2):not(.selecionada):not([class*="tr_sanfona"]):nth-child(n) > :is(td, th)[style*="background-color:#f9f9f9"], html.modo-escuro table.alt tbody tr:not(.navega-tab):not(.selected):not(.selecionada2):not(.selecionada):not([class*="tr_sanfona"]):nth-child(n) > :is(td, th)[style*="background: #f9f9f9"], html.modo-escuro table.alt tbody tr:not(.navega-tab):not(.selected):not(.selecionada2):not(.selecionada):not([class*="tr_sanfona"]):nth-child(n) > :is(td, th)[style*="background:#f9f9f9"] { background: var(--sinc-surface-2) !important; background-color: var(--sinc-surface-2) !important; background-image: none !important; } /* Título nº (Chamada/Boletim/Empenho/Atendimento): cor do inline no escuro (só a td — .sombra_color do status tem regra própria) */ html.modo-escuro .table-wrapper table.alt tbody tr:not(.navega-tab):not(.selected):not(.selecionada2):not(.selecionada):not([class*="tr_sanfona"]):nth-child(n) > :is(td, th)[style*="f9f9f9"][style*="d9534f"], html.modo-escuro table.alt tbody tr:not(.navega-tab):not(.selected):not(.selecionada2):not(.selecionada):not([class*="tr_sanfona"]):nth-child(n) > :is(td, th)[style*="f9f9f9"][style*="d9534f"] { color: #e87878 !important; } html.modo-escuro .table-wrapper table.alt tbody tr:not(.navega-tab):not(.selected):not(.selecionada2):not(.selecionada):not([class*="tr_sanfona"]):nth-child(n) > :is(td, th)[style*="f9f9f9"][style*="0275d8"], html.modo-escuro table.alt tbody tr:not(.navega-tab):not(.selected):not(.selecionada2):not(.selecionada):not([class*="tr_sanfona"]):nth-child(n) > :is(td, th)[style*="f9f9f9"][style*="0275d8"], html.modo-escuro .table-wrapper table.alt tbody tr:not(.navega-tab):not(.selected):not(.selecionada2):not(.selecionada):not([class*="tr_sanfona"]):nth-child(n) > :is(td, th)[style*="f9f9f9"][style*="0275D8"], html.modo-escuro table.alt tbody tr:not(.navega-tab):not(.selected):not(.selecionada2):not(.selecionada):not([class*="tr_sanfona"]):nth-child(n) > :is(td, th)[style*="f9f9f9"][style*="0275D8"] { color: var(--sinc-link) !important; } html.modo-escuro .table-wrapper table.alt tbody tr:not(.navega-tab):not(.selected):not(.selecionada2):not(.selecionada):not([class*="tr_sanfona"]):nth-child(n) > :is(td, th)[style*="f9f9f9"][style*="5cb85c"], html.modo-escuro table.alt tbody tr:not(.navega-tab):not(.selected):not(.selecionada2):not(.selecionada):not([class*="tr_sanfona"]):nth-child(n) > :is(td, th)[style*="f9f9f9"][style*="5cb85c"] { color: #7dca8a !important; } html.modo-escuro .sombra_color[style*="color: #d9534f"], html.modo-escuro .sombra_color[style*="color:#d9534f"], html.modo-escuro .sombra_color[style*="color: #d9534f"] i, html.modo-escuro .sombra_color[style*="color:#d9534f"] i { color: #e8a0a0 !important; } html.modo-escuro .sombra_color[style*="color: #5cb85c"], html.modo-escuro .sombra_color[style*="color:#5cb85c"], html.modo-escuro .sombra_color[style*="color: #5cb85c"] i, html.modo-escuro .sombra_color[style*="color:#5cb85c"] i { color: #7dca8a !important; } html.modo-escuro .sombra_color[style*="color: #ff6600"], html.modo-escuro .sombra_color[style*="color:#ff6600"], html.modo-escuro .sombra_color[style*="color: #ff9900"], html.modo-escuro .sombra_color[style*="color:#ff9900"], html.modo-escuro .sombra_color[style*="color: #8a6d3b"], html.modo-escuro .sombra_color[style*="color:#8a6d3b"], html.modo-escuro .sombra_color[style*="color: #ff6600"] i, html.modo-escuro .sombra_color[style*="color:#ff6600"] i, html.modo-escuro .sombra_color[style*="color: #ff9900"] i, html.modo-escuro .sombra_color[style*="color:#ff9900"] i, html.modo-escuro .sombra_color[style*="color: #8a6d3b"] i, html.modo-escuro .sombra_color[style*="color:#8a6d3b"] i { color: #e0c070 !important; } html.modo-escuro .sombra_color[style*="color: #3399FF"], html.modo-escuro .sombra_color[style*="color:#3399FF"], html.modo-escuro .sombra_color[style*="color: #0275D8"], html.modo-escuro .sombra_color[style*="color:#0275D8"], html.modo-escuro .sombra_color[style*="color: #0275d8"], html.modo-escuro .sombra_color[style*="color:#0275d8"], html.modo-escuro .sombra_color[style*="color: #3399FF"] i, html.modo-escuro .sombra_color[style*="color:#3399FF"] i, html.modo-escuro .sombra_color[style*="color: #0275D8"] i, html.modo-escuro .sombra_color[style*="color:#0275D8"] i, html.modo-escuro .sombra_color[style*="color: #0275d8"] i, html.modo-escuro .sombra_color[style*="color:#0275d8"] i { color: var(--sinc-link) !important; } /* Vence o zebrado genérico (nth-child odd/even > td) nas fichas de atendimento/empenho */ html.modo-escuro .table-wrapper table tbody tr:not(.navega-tab):not(.selected):not(.selecionada2):not(.selecionada):not([class*="tr_sanfona"]):nth-child(odd) > td[style*="background-color:#fcf8e3"], html.modo-escuro .table-wrapper table tbody tr:not(.navega-tab):not(.selected):not(.selecionada2):not(.selecionada):not([class*="tr_sanfona"]):nth-child(even) > td[style*="background-color:#fcf8e3"], html.modo-escuro .table-wrapper table.alt tbody tr:not(.navega-tab):not(.selected):not(.selecionada2):not(.selecionada):not([class*="tr_sanfona"]):nth-child(odd) > td[style*="background-color:#fcf8e3"], html.modo-escuro .table-wrapper table.alt tbody tr:not(.navega-tab):not(.selected):not(.selecionada2):not(.selecionada):not([class*="tr_sanfona"]):nth-child(even) > td[style*="background-color:#fcf8e3"], html.modo-escuro tbody tr:nth-child(odd) td[style*="background-color:#fcf8e3"], html.modo-escuro tbody tr:nth-child(even) td[style*="background-color:#fcf8e3"], html.modo-escuro tbody tr:nth-child(odd) td[style*="background-color: #fcf8e3"], html.modo-escuro tbody tr:nth-child(even) td[style*="background-color: #fcf8e3"] { background: #3a3420 !important; background-color: #3a3420 !important; background-image: none !important; color: #e0c070 !important; } html.modo-escuro .table-wrapper table tbody tr:not(.navega-tab):not(.selected):not(.selecionada2):not(.selecionada):not([class*="tr_sanfona"]):nth-child(odd) > td[style*="background-color:#f2dede"], html.modo-escuro .table-wrapper table tbody tr:not(.navega-tab):not(.selected):not(.selecionada2):not(.selecionada):not([class*="tr_sanfona"]):nth-child(even) > td[style*="background-color:#f2dede"], html.modo-escuro .table-wrapper table.alt tbody tr:not(.navega-tab):not(.selected):not(.selecionada2):not(.selecionada):not([class*="tr_sanfona"]):nth-child(odd) > td[style*="background-color:#f2dede"], html.modo-escuro .table-wrapper table.alt tbody tr:not(.navega-tab):not(.selected):not(.selecionada2):not(.selecionada):not([class*="tr_sanfona"]):nth-child(even) > td[style*="background-color:#f2dede"], html.modo-escuro tbody tr:nth-child(odd) td[style*="background-color:#f2dede"], html.modo-escuro tbody tr:nth-child(even) td[style*="background-color:#f2dede"] { background: #3d282a !important; background-color: #3d282a !important; background-image: none !important; color: #e8a0a0 !important; } html.modo-escuro .table-wrapper table tbody tr:not(.navega-tab):not(.selected):not(.selecionada2):not(.selecionada):not([class*="tr_sanfona"]):nth-child(odd) > td[style*="background-color:#dff0d8"], html.modo-escuro .table-wrapper table tbody tr:not(.navega-tab):not(.selected):not(.selecionada2):not(.selecionada):not([class*="tr_sanfona"]):nth-child(even) > td[style*="background-color:#dff0d8"], html.modo-escuro .table-wrapper table.alt tbody tr:not(.navega-tab):not(.selected):not(.selecionada2):not(.selecionada):not([class*="tr_sanfona"]):nth-child(odd) > td[style*="background-color:#dff0d8"], html.modo-escuro .table-wrapper table.alt tbody tr:not(.navega-tab):not(.selected):not(.selecionada2):not(.selecionada):not([class*="tr_sanfona"]):nth-child(even) > td[style*="background-color:#dff0d8"], html.modo-escuro tbody tr:nth-child(odd) td[style*="background-color:#dff0d8"], html.modo-escuro tbody tr:nth-child(even) td[style*="background-color:#dff0d8"] { background: #1e3324 !important; background-color: #1e3324 !important; background-image: none !important; color: #7dca8a !important; } html.modo-escuro .table-wrapper table tbody tr:not(.navega-tab):not(.selected):not(.selecionada2):not(.selecionada):not([class*="tr_sanfona"]):nth-child(odd) > td[style*="background-color:#eaf6ff"], html.modo-escuro .table-wrapper table tbody tr:not(.navega-tab):not(.selected):not(.selecionada2):not(.selecionada):not([class*="tr_sanfona"]):nth-child(even) > td[style*="background-color:#eaf6ff"], html.modo-escuro tbody tr:nth-child(odd) td[style*="background-color:#eaf6ff"], html.modo-escuro tbody tr:nth-child(even) td[style*="background-color:#eaf6ff"], html.modo-escuro tbody tr:nth-child(odd) td[style*="background-color: #eaf6ff"], html.modo-escuro tbody tr:nth-child(even) td[style*="background-color: #eaf6ff"] { background: rgba(var(--sinc-accent-rgb), 0.28) !important; background-color: rgba(var(--sinc-accent-rgb), 0.28) !important; background-image: none !important; color: var(--sinc-link) !important; } /* * DataTables: casca / empty / tip (tfoot) transparentes. * Vence html.modo-escuro table:not(#tabela_formulario) e th:not(#td_info). * Mantém thead de colunas e zebrado das linhas de dados. */ html.modo-escuro .table-wrapper table.dataTable:not(#tabela_formulario), html.modo-escuro .table-wrapper table.alt:not(#tabela_formulario), html.modo-escuro .table-wrapper .dataTable:not(#tabela_formulario) { background: transparent !important; background-color: transparent !important; background-image: none !important; } html.modo-escuro .table-wrapper table.dataTable tfoot, html.modo-escuro .table-wrapper table.dataTable tfoot tr, html.modo-escuro .table-wrapper table.dataTable tfoot td, html.modo-escuro .table-wrapper table.dataTable tfoot th:not(#td_info), html.modo-escuro .table-wrapper table.alt tfoot, html.modo-escuro .table-wrapper table.alt tfoot tr, html.modo-escuro .table-wrapper table.alt tfoot td, html.modo-escuro .table-wrapper table.alt tfoot th:not(#td_info) { background: transparent !important; background-color: transparent !important; background-image: none !important; } html.modo-escuro .table-wrapper table.dataTable tbody tr:not(.navega-tab):not(.selected):not(.selecionada2):not(.selecionada):not([class*="tr_sanfona"]):has(> td.dataTables_empty), html.modo-escuro .table-wrapper table.dataTable tbody tr:not(.navega-tab):not(.selected):not(.selecionada2):not(.selecionada):not([class*="tr_sanfona"]):has(> td.dataTables_empty) > td, html.modo-escuro .table-wrapper table.dataTable tbody tr:not(.navega-tab):not(.selected):not(.selecionada2):not(.selecionada):not([class*="tr_sanfona"]).odd > td.dataTables_empty, html.modo-escuro .table-wrapper table.dataTable tbody tr:not(.navega-tab):not(.selected):not(.selecionada2):not(.selecionada):not([class*="tr_sanfona"]).even > td.dataTables_empty, html.modo-escuro .table-wrapper table.dataTable tbody tr:not(.navega-tab):not(.selected):not(.selecionada2):not(.selecionada):not([class*="tr_sanfona"]):nth-child(n) > td.dataTables_empty, html.modo-escuro table.dataTable tbody tr:nth-child(n) > td.dataTables_empty, html.modo-escuro tbody tr:nth-child(n) > td.dataTables_empty { background: transparent !important; background-color: transparent !important; background-image: none !important; } /* Google Charts Material (#top_x_div) — fundo escuro + texto legível */ html.modo-escuro #top_x_div, html.modo-escuro #top_x_div > div, html.modo-escuro #top_x_div > div > div { background: transparent !important; background-color: transparent !important; } html.modo-escuro #top_x_div svg { background: var(--sinc-surface) !important; } html.modo-escuro #top_x_div svg rect[fill="#ffffff"], html.modo-escuro #top_x_div svg rect[fill="#FFFFFF"], html.modo-escuro #top_x_div svg rect[fill="#fff"], html.modo-escuro #top_x_div svg rect[fill="#FFF"], html.modo-escuro #top_x_div svg rect[fill="white"], html.modo-escuro #top_x_div svg rect[fill="rgb(255, 255, 255)"], html.modo-escuro #top_x_div svg > rect:first-child { fill: var(--sinc-surface) !important; } html.modo-escuro #top_x_div text { fill: var(--sinc-text) !important; } html.modo-escuro .modal-content .row[style*="border"]:has(#top_x_div) { background: var(--sinc-surface) !important; background-color: var(--sinc-surface) !important; border-color: var(--sinc-border) !important; } /* ------------------------------------------------------------------ * CAD despacho / atendimento — scraps claros da página * (janela de teste, alerta status mobile, títulos pastel, amarelo) * ------------------------------------------------------------------ */ html.modo-escuro .janela_teste { background-color: var(--sinc-surface) !important; border-color: var(--sinc-border) !important; color: var(--sinc-text) !important; -webkit-filter: drop-shadow(4px 4px 4px rgba(0, 0, 0, 0.55)) !important; filter: drop-shadow(4px 4px 4px rgba(0, 0, 0, 0.55)) !important; } html.modo-escuro .janela_teste > div[style*="border"] { border-color: var(--sinc-border) !important; color: var(--sinc-text) !important; background-color: transparent !important; } /* Classes .alerta_* (cad_despacho) — além de #alerta_noti_cad */ html.modo-escuro .alerta_azul { background-color: #1a3340 !important; border: 1px solid #2a5570 !important; color: #28bcec !important; } html.modo-escuro .alerta_verm { background-color: #3a2224 !important; border: 1px solid #5a3438 !important; color: #d9534f !important; } html.modo-escuro .alerta_verde { background-color: #1e3324 !important; border: 1px solid #2d5538 !important; color: #5cb85c !important; } /* Linha .amarelo (etiqueta) — espelha sanfona amarela */ html.modo-escuro table.alt tbody tr.amarelo > td, html.modo-escuro table.alt tbody tr.tr_link.amarelo:hover > td { color: #e0c070 !important; background-color: #3a3420 !important; background-image: none !important; } /* navega-tab: pintar td (border-collapse:separate) */ html.modo-escuro table.alt tbody tr.navega-tab > td, html.modo-escuro table.dataTable tbody tr.navega-tab > td { background-color: rgba(var(--sinc-accent-rgb), 0.35) !important; background-image: none !important; color: var(--sinc-link) !important; } /* * Títulos de seção (thead pastel): hex + rgb() normalizado pelo browser/DT. * Vence thead th genérico (surface-2) e inline sem !important. */ html.modo-escuro .table-wrapper table.alt thead th[style*="f2dede"], html.modo-escuro .table-wrapper table.alt thead th[style*="F2DEDE"], html.modo-escuro .table-wrapper table.alt thead th[style*="242, 222, 222"], html.modo-escuro .table-wrapper table.alt thead th[style*="242,222,222"], html.modo-escuro table.alt thead th[style*="f2dede"], html.modo-escuro table.alt thead th[style*="242, 222, 222"] { background: #3d282a !important; background-color: #3d282a !important; background-image: none !important; color: #e8a0a0 !important; } html.modo-escuro .table-wrapper table.alt thead th[style*="fcf8e3"], html.modo-escuro .table-wrapper table.alt thead th[style*="FCF8E3"], html.modo-escuro .table-wrapper table.alt thead th[style*="252, 248, 227"], html.modo-escuro .table-wrapper table.alt thead th[style*="252,248,227"], html.modo-escuro table.alt thead th[style*="fcf8e3"], html.modo-escuro table.alt thead th[style*="252, 248, 227"] { background: #3a3420 !important; background-color: #3a3420 !important; background-image: none !important; color: #e0c070 !important; } html.modo-escuro .table-wrapper table.alt thead th[style*="dff0d8"], html.modo-escuro .table-wrapper table.alt thead th[style*="DFF0D8"], html.modo-escuro .table-wrapper table.alt thead th[style*="223, 240, 216"], html.modo-escuro .table-wrapper table.alt thead th[style*="223,240,216"], html.modo-escuro table.alt thead th[style*="dff0d8"], html.modo-escuro table.alt thead th[style*="223, 240, 216"] { background: #1e3324 !important; background-color: #1e3324 !important; background-image: none !important; color: #7dca8a !important; } html.modo-escuro .table-wrapper table.alt thead th[style*="f2dede"] :is(i, b, span, .negrito), html.modo-escuro .table-wrapper table.alt thead th[style*="fcf8e3"] :is(i, b, span, .negrito), html.modo-escuro .table-wrapper table.alt thead th[style*="dff0d8"] :is(i, b, span, .negrito), html.modo-escuro table.alt thead th[style*="f2dede"] :is(i, b, span, .negrito), html.modo-escuro table.alt thead th[style*="fcf8e3"] :is(i, b, span, .negrito), html.modo-escuro table.alt thead th[style*="dff0d8"] :is(i, b, span, .negrito) { color: inherit !important; }