/**
 * Cores do modo escuro (extraídas de forms.css da referência).
 * Escopo: html.modo-escuro — não altera o modo claro.
 */

/* Alinhamento vertical com o input (mesmo padrão do modo claro) */
html.modo-escuro .form-group:has(> .box_adicionar),
html.modo-escuro.modo-escuro-modal .form-group:has(> .box_adicionar) {
  position: relative;
}
html.modo-escuro .form-group:has(> .box_adicionar) .box_adicionar,
html.modo-escuro.modo-escuro-modal .form-group:has(> .box_adicionar) .box_adicionar {
  top: auto !important;
  bottom: 0 !important;
  height: 34px !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.campo_icone input[type="text"],
.campo_icone input[type="tel"],
.campo_icone input[type="number"],
.campo_icone input[type="password"],
.campo_icone input[type="password "],
.campo_icone input.form-control,
.campo_icone select,
.campo_icone select.form-control,
.campo_icone2 input[type="text"],
.campo_icone2 input[type="tel"],
.campo_icone2 input[type="number"],
.campo_icone2 input[type="password"],
.campo_icone2 input[type="password "],
.campo_icone2 input.form-control,
.campo_icone2 select,
.campo_icone2 select.form-control,
html.modo-escuro .campo_icone input.form-control,
html.modo-escuro .campo_icone input[type="password"],
html.modo-escuro .modal-content .campo_icone input.form-control,
html.modo-escuro .modal-content .campo_icone input[type="password"] {
  padding-left: 42px !important;
}

html.modo-escuro .modal-content #form_padrao > .cabecalho-escala-individual + table.alt.tabela-escala,
html.modo-escuro .modal-content #form_padrao > .cabecalho-escala-individual + table.alt {
	border: none !important;
	box-shadow: none !important;
	outline: none !important;
}

html.modo-escuro .form-control,
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"]),
html.modo-escuro select,
html.modo-escuro textarea,
html.modo-escuro .neosesta-chosen-single,
html.modo-escuro .chosen-container-single .chosen-single,
html.modo-escuro .chosen-container-multi .chosen-choices,
html.modo-escuro .input-group-addon,
html.modo-escuro .dataTables_filter input[type="search"] {
	background-color: #2a2f38 !important;
	background: #2a2f38 !important;
	color: #e4e6eb !important;
	border-color: #3a404c !important;
	color-scheme: dark;
}

html.modo-escuro .form-control[disabled],
html.modo-escuro .form-control[readonly],
html.modo-escuro input[disabled]:not([type="checkbox"]):not([type="radio"]),
html.modo-escuro input[readonly]:not([type="checkbox"]):not([type="radio"]),
html.modo-escuro select[disabled],
html.modo-escuro textarea[disabled],
html.modo-escuro textarea[readonly] {
	background-color: #252a33 !important;
	background: #252a33 !important;
	color: #9aa3b2 !important;
}

html.modo-escuro {
	--sinc-bg: #121418;
	--sinc-surface: #1c1f26;
	--sinc-surface-2: #252a33;
	--sinc-border: #3a404c;
	--sinc-text: #e4e6eb;
	--sinc-text-muted: #9aa3b2;
	--sinc-input-bg: #2a2f38;
	color-scheme: dark;
}

html.modo-escuro:not(.modo-escuro-modal) {
	background: #121418 !important;
	background-color: #121418 !important;
}

html.modo-escuro:not(.modo-escuro-modal) body,
html.modo-escuro:not(.modo-escuro-modal) #page-wrapper {
	background: #121418 !important;
	background-color: #121418 !important;
}

/* ≤980px: mesma cor surface do conteúdo (vence o #121418 acima) */
@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: #1c1f26 !important;
		background-color: #1c1f26 !important;
	}
}

html.modo-escuro:not(.modo-escuro-modal) #plano_fundo {
	background: transparent !important;
	background-color: transparent !important;
	background-image: none !important;
}

html.modo-escuro-modal,
html.modo-escuro-modal body,
html.modo-escuro.modo-escuro-modal,
html.modo-escuro.modo-escuro-modal body,
html:has(body .modal-content),
html:has(body .modal-content) body,
body:has(.modal-content),
body:has(.modal-content) #container_formulario,
body:has(.modal-content) #container_form,
body:has(.modal-content) #tabela_formulario,
body:has(.modal-content) #tabela_formulario > tbody > tr > td,
body:has(.modal-content) #tabela_formulario > tbody > tr > th,
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 > tbody > tr > td,
html.modo-escuro.modo-escuro-modal #tabela_formulario > tbody > tr > th {
	background: transparent !important;
	background-color: transparent !important;
	background-image: none !important;
}

html.modo-escuro.modo-escuro-modal {
	color-scheme: dark !important;
}

html.modo-escuro .modal-content,
html.modo-escuro .modal-content .modal-body,
html.modo-escuro .modal-content .modal-header,
html.modo-escuro .modal-content .modal-footer,
html.modo-escuro .modal-content .panel,
html.modo-escuro .modal-content .well,
html.modo-escuro .modal-content .list-group-item {
	background-color: #121418 !important;
	background: #121418 !important;
	color: #e4e6eb !important;
}

/* Abas: painel e aba ativa = --sinc-surface (padrão aba_form), independente da ordem dos CSS */
html.modo-escuro .modal-content .tab-content {
	background-color: transparent !important;
	background: transparent !important;
}
html.modo-escuro .modal-content .tab-pane {
	background-color: #1c1f26 !important;
	background: #1c1f26 !important;
	color: #e4e6eb !important;
}

html.modo-escuro .modal-content .nav-tabs > li.active > a,
html.modo-escuro .modal-content .nav-tabs > li.active > a:focus,
html.modo-escuro .modal-content .nav-tabs > li.active > a:hover {
	background-color: #1c1f26 !important;
	background: #1c1f26 !important;
	border-bottom-color: #1c1f26 !important;
	color: #e4e6eb !important;
}

html.modo-escuro .modal-content .nav-tabs > li.active > a::after {
	background: #1c1f26 !important;
	background-color: #1c1f26 !important;
}

/* Aba única: mesma cor do .tab-pane */
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.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 > 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: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 > 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,
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-color: #1c1f26 !important;
	background: #1c1f26 !important;
	border-bottom-color: #1c1f26 !important;
	color: #e4e6eb !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 {
	background: #1c1f26 !important;
	background-color: #1c1f26 !important;
}

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"],
html.modo-escuro .modal-content .doc-box,
html.modo-escuro .modal-content #div_container {
	background: #1c1f26 !important;
	background-color: #1c1f26 !important;
	border-color: #3a404c !important;
	color: #e4e6eb !important;
}

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 table[style*="background"],
html.modo-escuro .modal-content [style*="background-color: white"],
html.modo-escuro .modal-content [style*="background-color:white"],
html.modo-escuro .modal-content [style*="background: #FFF"],
html.modo-escuro .modal-content [style*="background:#FFF"],
html.modo-escuro .modal-content [style*="background: #fff"],
html.modo-escuro .modal-content [style*="background:#fff"] {
	background: #1c1f26 !important;
	background-color: #1c1f26 !important;
}

html.modo-escuro .modal-content .fundo-branco {
	background-color: #1c1f26 !important;
}

/* Cards de mensagem / link na notificação */
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, #3a404c) !important;
	color: var(--sinc-text, #e4e6eb) !important;
}
html.modo-escuro .modal-content .notif-msg-card-cabecalho,
html.modo-escuro .notif-msg-card-cabecalho {
	border-bottom-color: var(--sinc-border, #3a404c) !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,
html.modo-escuro .modal-content .notif-msg-card-cabecalho .notif-msg-card-icone > i,
html.modo-escuro .notif-msg-card-cabecalho .notif-msg-card-icone > i {
	color: var(--sinc-text-muted, #9aa3b2) !important;
}
html.modo-escuro .modal-content .notif-msg-card--resposta .notif-msg-card-cabecalho:not(.vermelho):not(.verde):not(.azul),
html.modo-escuro .notif-msg-card--resposta .notif-msg-card-cabecalho:not(.vermelho):not(.verde):not(.azul) {
	color: #4da3ff;
}
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, #3a404c) !important;
	color: var(--sinc-text, #e4e6eb) !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, #e4e6eb) !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, #9aa3b2) !important;
	opacity: 1;
}
html.modo-escuro .modal-content .notif-link-card-icone,
html.modo-escuro .notif-link-card-icone,
html.modo-escuro .modal-content .notif-link-card-seta,
html.modo-escuro .notif-link-card-seta {
	color: var(--sinc-text-muted, #9aa3b2) !important;
}