/* ==========================================================================
   theme-4-vars.css  —  TOKENIZACAO CUSTOMIZAVEL DO THEME 4 (customizacao paga)
   --------------------------------------------------------------------------
   ADITIVO e ESCOPADO em .theme-4 (classe do <body> dos clientes theme-4).
   NAO edita site.css nem theme.css. Redeclara os componentes MODERNOS usando
   var(--t4-*), com os DEFAULTS = petroleo/lime de hoje -> enquanto o cliente
   nao injetar cores proprias, o theme-4 fica IDENTICO ao atual (reversivel:
   basta nao carregar este arquivo ou nao ter .theme-4 no body).

   Fluxo: bloco-superior injeta inline `.theme-4{ --t4-x: cor-do-cliente }`
   (do config theme-4-cores no banco) DEPOIS deste arquivo -> vence os defaults.
   Config editado pela tela oculta views/theme4cores.php (staff iiLEX).

   Escopo do piloto: navbar, home de modulos (tile+glifo+label), botoes, links,
   paineis, estados. Extensivel pros demais componentes.
   ========================================================================== */

/* ---- DEFAULTS dos tokens (so valem sob .theme-4) ------------------------- */
.theme-4,
.theme-3 {
  --t4-navbar-1: #053345;
  --t4-navbar-2: #032430;
  /* gradiente navbar   */
  --t4-petro-1: #104E64;
  --t4-petro-2: #053345;
  /* gradiente tiles    */
  --t4-lime-1: #BBF451;
  --t4-lime-2: #D8F999;
  /* gradiente glifos   */
  --t4-primary: #104E64;
  --t4-on-primary: #ffffff;
  /* primary = petroleo (links, painel, calendario, checkbox) */
  /* hovers AUTO-derivam da base (escurece) -> injetar so a cor-base ja atualiza o hover */
  --t4-primary-hover: color-mix(in srgb, var(--t4-primary) 88%, #000);
  --t4-accent: #BBF451;
  --t4-verde-ativo: #9AE600;
  /* PROPRIA: item ativo da sidebar + spinner (mapa) */
  --t4-on-lime: #053345;
  /* texto sobre o botao primario LIME (contraste) */
  --t4-on-petro: #ffffff;
  --t4-on-navbar: #ffffff;
  /* contraste sobre petroleo/navbar (recalculados no save) */

  /* ---- TOKENS GRANULARES por componente (inventario ~40 papeis) ----
     Default = var(base) -> HERDAM da base ate o cliente customizar o papel
     (a tela de config so injeta o granular quando ele foi editado).      */
  --t4-cal-h1: var(--t4-info);
  --t4-cal-h2: var(--t4-petro-1);
  /* header calendario (original #2380A5->#104E64) */
  --t4-cal-today: var(--t4-info);
  /* hoje (borda) */
  --t4-cal-sel: var(--t4-primary);
  /* dia selecionado */
  --t4-cal-wknd: color-mix(in srgb, var(--t4-danger) 22%, #fff);
  /* fim de semana */
  --t4-side-1: var(--t4-petro-1);
  --t4-side-2: var(--t4-petro-2);
  /* fundo sidebar */
  --t4-tile-1: var(--t4-petro-1);
  --t4-tile-2: var(--t4-petro-2);
  /* quadrado do tile (home) */
  --t4-glifo-1: var(--t4-lime-1);
  --t4-glifo-2: var(--t4-lime-2);
  /* glifo do tile (home) */
  --t4-tile-label: var(--t4-text);
  /* rotulo do tile */
  --t4-mega-1: var(--t4-navbar-1);
  --t4-mega-2: var(--t4-navbar-2);
  /* fundo mega-menu */
  --t4-megatile-1: var(--t4-lime-1);
  --t4-megatile-2: var(--t4-lime-2);
  /* quadrado do tile (mega, invertido) */
  --t4-megaglifo-1: var(--t4-petro-1);
  --t4-megaglifo-2: var(--t4-petro-2);
  /* glifo do tile (mega) */
  --t4-chip-1: var(--t4-info);
  --t4-chip-2: var(--t4-petro-1);
  /* chip Exibindo + progresso (original info->petro) */
  --t4-btnprim-1: var(--t4-lime-1);
  --t4-btnprim-2: var(--t4-lime-2);
  /* botao primario */
  --t4-check: var(--t4-primary);
  /* checkbox marcado + "ler mais" + icones de acao */
  --t4-link: var(--t4-primary);
  /* cor dos LINKS de texto (papel proprio; herda primaria) */
  --t4-side-text: #ffffff;
  /* texto dos itens da sidebar (label proprio) */
  --t4-megalabel: #ffffff;
  /* rotulo dos tiles do mega-menu (label proprio) */
  /* labels auditados (todos os textos com papel proprio) */
  --t4-cal-titulo: #F5F5F5;
  /* titulo do calendario (Julho 2026) */
  --t4-cal-dow: var(--t4-text-muted);
  /* dias da semana (D S T Q...) */
  --t4-cal-dias: var(--t4-text);
  /* numeros dos dias */
  --t4-chip-text: #F5F5F5;
  /* texto do chip Exibindo + barra 100% */
  --t4-fin2-titulo: color-mix(in srgb, var(--t4-petro-1) 28%, #fff);
  /* fin2: titulo da conta (h6) */
  --t4-fin2-valor: color-mix(in srgb, var(--t4-lime-2) 88%, #fff);
  /* fin2: valor da conta (h1) */
  --t4-fin2-importar: color-mix(in srgb, var(--t4-lime-2) 78%, #fff);
  /* fin2: pilula importar */
  --t4-fin2-hero: #ffffff;
  /* fin2: hero Total (texto) */
  --t4-ag-evento: var(--t4-primary);
  /* agenda (FullCalendar): evento */
  --t4-ag-hoje: color-mix(in srgb, var(--t4-info) 14%, #fff);
  /* agenda: fundo do dia de hoje */
  --t4-sw-ativo: var(--t4-success);
  /* switch: ligado */
  --t4-sw-trilho: var(--t4-border);
  /* switch: trilho (fundo) */
  --t4-sw-inativo: var(--t4-surface);
  /* switch: botao desligado */
  --t4-ag-dom: var(--t4-cal-wknd);
  /* agenda: fundo domingo */
  --t4-ag-sab: var(--t4-cal-wknd);
  /* agenda: fundo sabado */
  --t4-ag-fundo: var(--t4-surface);
  /* agenda: fundo da grade */
  --t4-ag-borda: var(--t4-border);
  /* agenda: bordas da grade */
  --t4-dd-fundo: var(--t4-surface);
  /* dropdown: fundo */
  --t4-dd-borda: var(--t4-border);
  /* dropdown: borda */
  --t4-list-fundo: var(--t4-surface);
  /* list-group: fundo */
  --t4-list-borda: var(--t4-border);
  /* list-group: bordas */
  --t4-form-borda: var(--t4-border);
  /* inputs/selects/textarea: borda */
  --t4-addon-fundo: var(--t4-border);
  /* addon do input (ex.: caixa do calendario) */
  --t4-addon-icone: var(--t4-text-muted);
  /* icone dentro do addon */
  --t4-tabela-borda: var(--t4-border);
  /* tabela: divisorias */
  --t4-success: #1a9e5f;
  --t4-success-h: color-mix(in srgb, var(--t4-success) 86%, #000);
  --t4-warning: #f56e00;
  --t4-warning-h: color-mix(in srgb, var(--t4-warning) 86%, #000);
  --t4-danger: #d9534f;
  --t4-danger-h: color-mix(in srgb, var(--t4-danger) 86%, #000);
  --t4-info: #2380A5;
  --t4-info-h: color-mix(in srgb, var(--t4-info) 84%, #000);
  --t4-text: #053345;
  --t4-text-muted: #67757c;
  --t4-surface: #ffffff;
  --t4-border: #dce1e5;
  --t4-muted-bg: #f3f5f7;
}

/* ---- NAVBAR (barra superior) -------------------------------------------- */
.theme-4 header#pc.navbar,
.theme-4 header#pc.navbar-default,
.theme-4 header#mobile.navbar,
.theme-4 header#mobile.navbar-default {
  background: linear-gradient(180deg, var(--t4-navbar-1) 0%, var(--t4-navbar-2) 100%) !important;
}

/* icones da BARRA navbar (fundo petro escuro) = BRANCO (o usuario pediu; era lime).
   A seta da busca e o dropdown de perfil ficam em fundo BRANCO -> icone escuro (senao somem). */
.theme-4 header#pc .fa,
.theme-4 header#pc .glyphicon {
  color: #ffffff !important;
}

.theme-4 .input-acessorapido .select2-arrow b:before {
  color: var(--t4-primary) !important;
}

.theme-4 header#pc .dropdown-menu .fa,
.theme-4 header#pc .dropdown-menu .glyphicon {
  color: var(--t4-primary) !important;
}

/* ---- HOME DE MODULOS (tile + glifo + label — tokens granulares) ---------- */
.theme-4 #tabelaresultado.modulos .iconbox>i {
  background: linear-gradient(180deg, var(--t4-tile-1) 0%, var(--t4-tile-2) 100%) !important;
}

.theme-4 #tabelaresultado.modulos .iconbox>i::before {
  background: linear-gradient(180deg, var(--t4-glifo-1) 0%, var(--t4-glifo-2) 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
}

.theme-4 #tabelaresultado.modulos .iconbox>span {
  color: var(--t4-tile-label) !important;
}

/* ---- BOTOES ------------------------------------------------------------- */
/* botao primario = LIME (site.css real) via token granular, texto auto-contraste */
.theme-4 .btn-primary {
  background: linear-gradient(180deg, var(--t4-btnprim-1), var(--t4-btnprim-2)) !important;
  border-color: color-mix(in srgb, var(--t4-btnprim-1) 72%, #000) !important;
  color: var(--t4-on-lime) !important;
}

.theme-4 .btn-primary:hover,
.theme-4 .btn-primary:focus {
  background: linear-gradient(180deg, color-mix(in srgb, var(--t4-btnprim-1) 88%, #000), var(--t4-btnprim-1)) !important;
  color: var(--t4-on-lime) !important;
}

/* btn-success = LIME (marca): botoes de acao (Pesquisar, Relatorio, etc.) nao ficam no
   verde legado. O verde semantico (--t4-success) segue nos ALERTAS/textos, nao nos botoes. */
.theme-4 .btn-success {
  background: linear-gradient(180deg, var(--t4-btnprim-1), var(--t4-btnprim-2)) !important;
  border-color: color-mix(in srgb, var(--t4-btnprim-1) 72%, #000) !important;
  color: var(--t4-on-lime) !important;
}

.theme-4 .btn-success:hover,
.theme-4 .btn-success:focus {
  background: linear-gradient(180deg, color-mix(in srgb, var(--t4-btnprim-1) 88%, #000), var(--t4-btnprim-1)) !important;
  color: var(--t4-on-lime) !important;
}

.theme-4 .btn-warning {
  background: var(--t4-warning) !important;
  border-color: var(--t4-warning) !important;
  color: var(--t4-on-warning, #fff) !important;
}

.theme-4 .btn-warning:hover {
  background: var(--t4-warning-h) !important;
}

.theme-4 .btn-danger {
  background: var(--t4-danger) !important;
  border-color: var(--t4-danger) !important;
  color: var(--t4-on-danger, #fff) !important;
}

.theme-4 .btn-danger:hover {
  background: var(--t4-danger-h) !important;
}

.theme-4 .btn-info {
  background: var(--t4-info) !important;
  border-color: var(--t4-info) !important;
  color: var(--t4-on-info, #fff) !important;
}

.theme-4 .btn-info:hover {
  background: var(--t4-info-h) !important;
}

/* ---- LINKS + PAINEIS ----------------------------------------------------
   text-decoration:none REPOE o que os temas 1/3/5 fazem (.theme-N a) mas que o
   theme-material-1.css NAO tem p/ theme-4 (0 regras .theme-4) -> sem isto o
   underline default do <a> vaza em TODO link no theme-4 (sidebar, navbar, toggles).
   theme-4-vars.css carrega DEPOIS do theme base, entao .theme-4 a (autor) vence. */
.theme-4 a {
  color: var(--t4-link);
  text-decoration: none;
}

.theme-4 a:hover,
.theme-4 a:focus {
  color: color-mix(in srgb, var(--t4-link) 84%, #000);
  text-decoration: none;
}

.theme-4 .panel-primary>.panel-heading {
  background: var(--t4-primary) !important;
  border-color: var(--t4-primary) !important;
}

/* ---- REALCE lime (tiles de acesso rapido / badges lime) ----------------- */
.theme-4 .badge-lime,
.theme-4 .glifo-lime {
  background: linear-gradient(180deg, var(--t4-lime-1), var(--t4-lime-2)) !important;
  color: var(--t4-petro-2) !important;
}

/* ==========================================================================
   EXTENSAO — demais componentes modernos (antes hardcoded petroleo/lime no
   site.css) tokenizados p/ seguir a cor do cliente. Escopo .theme-4 + carga
   por ultimo => +especificidade e !important vencem o site.css. Selectors
   espelham os do site.css. Reversivel: remover este bloco. Outros tenants
   (sem .theme-4) continuam com o petroleo/lime fixo do site.css.
   ========================================================================== */

/* ---- MEGA-MENU (#shortcut): tokens granulares (fundo + tiles invertidos) ---- */
.theme-4 #shortcut,
.theme-4 #shortcut-mobile {
  background: linear-gradient(180deg, var(--t4-mega-1) 0%, var(--t4-mega-2) 100%) !important;
}

.theme-4 #shortcut #ulmodulos .shortcut-tile .iconbox>i,
.theme-4 #shortcut-mobile #ulmodulos-mobile .shortcut-tile .iconbox>i,
.theme-4 #shortcut #ulmodulos a.shortcut-tile.selected .iconbox>i,
.theme-4 #shortcut-mobile #ulmodulos-mobile a.shortcut-tile.selected .iconbox>i {
  background: linear-gradient(180deg, var(--t4-megatile-1) 0%, var(--t4-megatile-2) 100%) !important;
}

.theme-4 #shortcut #ulmodulos .shortcut-tile .iconbox>i::before,
.theme-4 #shortcut-mobile #ulmodulos-mobile .shortcut-tile .iconbox>i::before {
  background: linear-gradient(180deg, var(--t4-megaglifo-1) 0%, var(--t4-megaglifo-2) 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
}

/* rotulo dos tiles do mega-menu = token proprio (label editavel) */
.theme-4 #shortcut #ulmodulos .shortcut-tile .iconbox>.label,
.theme-4 #shortcut-mobile #ulmodulos-mobile .shortcut-tile .iconbox>.label {
  color: var(--t4-megalabel, #ffffff) !important;
}

/* ---- SIDEBAR: coluna (::before) com tokens granulares ---- */
.theme-4 #menu.menu-lateral .sidebar::before {
  background: linear-gradient(180deg, var(--t4-side-1) 0%, var(--t4-side-2) 100%) !important;
}

@media (max-width: 991px) {
  .theme-4 #menu.menu-lateral .sidebar {
    background: linear-gradient(180deg, var(--t4-side-1) 0%, var(--t4-side-2) 100%) !important;
  }
}

/* texto/icone dos itens da sidebar = token proprio (label editavel) */
.theme-4 #sidebar>li>a {
  color: var(--t4-side-text, #ffffff) !important;
}

.theme-4 #sidebar>li>a .icon-menu {
  color: color-mix(in srgb, var(--t4-side-text, #ffffff) 92%, transparent) !important;
}

/* item ativo = verde-ativo #9AE600 PROPRIO (mapa), nao o lime */
.theme-4 #sidebar>li>a.menu-item-ativo {
  background: color-mix(in srgb, var(--t4-verde-ativo) 16%, transparent) !important;
}

.theme-4 #sidebar>li>a.menu-item-ativo .icon-menu {
  color: var(--t4-verde-ativo) !important;
}

/* spinner de carregamento tb usa o verde-ativo */
.theme-4 #loading #modalLoading::before {
  border-top-color: var(--t4-verde-ativo) !important;
}

/* ---- BADGE "Exibindo X" + BARRA de progresso: chip granular (original info->petro) ---- */
.theme-4 .badge.gridRecords,
.theme-4 #record-count-container .progress-bar,
.theme-4 #progresso {
  background: linear-gradient(180deg, var(--t4-chip-1) 0%, var(--t4-chip-2) 100%) !important;
  color: var(--t4-chip-text) !important;
}

/* record-count (publicacoes): espacamento entre badges + normaliza o "Exibindo acima de 50"
   (era .badge.sombra com laranja inline e sem gap -> layout quebrado colado no outro badge) */
.theme-4 #record-count-container .badge {
  display: inline-block;
  margin: 0 8px 8px 0 !important;
  padding: 6px 12px !important;
  border-radius: 8px !important;
  font-size: 12px !important;
  line-height: 1.45;
  vertical-align: middle;
  white-space: normal;
}

.theme-4 #record-count-container .badge.sombra:not(.gridRecords) {
  background: var(--t4-warning) !important;
  color: #ffffff !important;
}

/* card de workflow (nova-visao): botao "Iniciar Workflow" usa --wf-accent (verde legado) -> LIME da marca,
   + hover igual aos outros botoes lime (gradiente escurece), + icone glyphicon-circle-arrow-right (legado) -> FA */
.theme-4 .wf-card .wf-empty__btn {
  background: linear-gradient(180deg, var(--t4-btnprim-1), var(--t4-btnprim-2)) !important;
  color: var(--t4-on-lime) !important;
  box-shadow: none !important;
}

.theme-4 .wf-card .wf-empty__btn:hover,
.theme-4 .wf-card .wf-empty__btn:focus {
  background: linear-gradient(180deg, color-mix(in srgb, var(--t4-btnprim-1) 88%, #000), var(--t4-btnprim-1)) !important;
  color: var(--t4-on-lime) !important;
  box-shadow: none !important;
}

.theme-4 .wf-card .wf-empty__btn .glyphicon-circle-arrow-right:before {
  font-family: 'FontAwesome', 'Font Awesome 5 Free', 'Font Awesome 6 Free' !important;
  font-weight: 900 !important;
  content: "\f0a9" !important;
}

/* ---- CHECKBOX marcado / "Ler mais" / icones diversos (token granular --t4-check) ---- */
.theme-4 input[type="checkbox"]:checked {
  background-color: var(--t4-check) !important;
  border-color: var(--t4-check) !important;
}

.theme-4 .btnLerMais {
  background: var(--t4-check) !important;
}

.theme-4 .btnLerMais:hover {
  background: color-mix(in srgb, var(--t4-check) 84%, #000) !important;
}

.theme-4 .icones-agrupamento {
  color: var(--t4-check) !important;
}

.theme-4 .btn-pesquisa .glyphicon,
.theme-4 .btn-icon .glyphicon {
  color: var(--t4-petro-2) !important;
}

.theme-4 :is(.painel-interno, .submodulo) :is(.fa-trash-o, .fa-trash, .fa-external-link-square, .fa-cog, .fa-gear, .glyphicon-cog, .fa-info-circle, .fa-plus-square, .fa-check-square-o) {
  color: var(--t4-check) !important;
}

.theme-4 :is(.painel-interno, .submodulo) a:hover :is(.fa-external-link-square, .fa-cog, .glyphicon-cog, .fa-info-circle, .fa-plus-square) {
  color: var(--t4-petro-2) !important;
}

.theme-4 :is(.painel-interno, .submodulo) :is(.excluir, a):hover :is(.fa-trash-o, .fa-trash) {
  color: var(--t4-danger) !important;
}

/* ---- CALENDARIO (jQuery UI datepicker): tokens granulares por papel ---- */
/* Sem z-index o popup (#ui-datepicker-div, anexado ao body) fica atras do botao "+"
   (.tabAuxiliarDinamica, z-index:6 absoluto) de outros campos do form -> "+" vaza por
   cima dos dias do calendario. Mesmo fix ja aplicado no theme-5 (site.css). */
.theme-4 .ui-datepicker,
.theme-4 #ui-datepicker-div {
  z-index: 9999 !important;
}

.theme-4 .ui-datepicker .ui-datepicker-header {
  background: linear-gradient(180deg, var(--t4-cal-h1) 0%, var(--t4-cal-h2) 100%) !important;
}

.theme-4 .ui-datepicker .ui-datepicker-title {
  color: var(--t4-cal-titulo) !important;
}

.theme-4 .ui-datepicker th {
  color: var(--t4-cal-dow) !important;
}

.theme-4 .ui-datepicker td span,
.theme-4 .ui-datepicker td a {
  color: var(--t4-cal-dias) !important;
}

.theme-4 .ui-datepicker td a:hover {
  background: color-mix(in srgb, var(--t4-cal-sel) 10%, transparent) !important;
  color: var(--t4-petro-2) !important;
}

.theme-4 .ui-datepicker td a.ui-state-highlight,
.theme-4 .ui-datepicker td .ui-state-highlight {
  border-color: var(--t4-cal-today) !important;
  color: var(--t4-petro-2) !important;
}

.theme-4 .ui-datepicker td a.ui-state-active,
.theme-4 .ui-datepicker td .ui-state-active {
  background: var(--t4-cal-sel) !important;
  border-color: var(--t4-cal-sel) !important;
  color: var(--t4-on-primary) !important;
}

.theme-4 .ui-datepicker .ui-datepicker-buttonpane button {
  color: var(--t4-primary) !important;
}

.theme-4 .ui-datepicker td.ui-datepicker-week-end>a,
.theme-4 .ui-datepicker td.ui-datepicker-week-end>span {
  background: var(--t4-cal-wknd) !important;
  color: var(--t4-cal-dias) !important;
}

.theme-4 .ui-datepicker td.ui-datepicker-week-end>a.ui-state-active {
  background: var(--t4-cal-sel) !important;
  color: var(--t4-on-primary) !important;
}

/* TOOLTIPS: dark "brandado" (nao o preto legado do bootstrap) — arredondado + sombra suave.
   theme-5 sobrescreve p/ um dark mais claro (override abaixo), senao some no fundo quase-preto. */
.theme-4 .tooltip-inner {
  background: #053345 !important;
  color: #ffffff !important;
  border-radius: 8px !important;
  padding: 7px 11px !important;
  font-size: 12px !important;
  line-height: 1.4 !important;
  box-shadow: 0 6px 18px rgba(0, 0, 0, .22) !important;
  max-width: 280px !important;
}

.theme-4 .tooltip.top .tooltip-arrow,
.theme-4 .tooltip.top-left .tooltip-arrow,
.theme-4 .tooltip.top-right .tooltip-arrow {
  border-top-color: #053345 !important;
}

.theme-4 .tooltip.bottom .tooltip-arrow,
.theme-4 .tooltip.bottom-left .tooltip-arrow,
.theme-4 .tooltip.bottom-right .tooltip-arrow {
  border-bottom-color: #053345 !important;
}

.theme-4 .tooltip.left .tooltip-arrow {
  border-left-color: #053345 !important;
}

.theme-4 .tooltip.right .tooltip-arrow {
  border-right-color: #053345 !important;
}

/* HEADER da grid de resultados (#tabelaresultado thead): dark-aware via token (era claro no dark) */
.theme-4 #tabelaresultado thead th,
.theme-4 #tabelaresultado thead td {
  background: var(--t4-muted-bg) !important;
  color: var(--t4-text) !important;
  border-color: var(--t4-border) !important;
}

/* conteudo das celulas centralizado na vertical (era colado no topo da linha) */
.theme-4 #tabelaresultado td,
.theme-4 #tabelaresultado th {
  vertical-align: middle !important;
}

/* ==========================================================================
   COBERTURA TOTAL (mapa 2026-07-09): espelhos da camada .theme-3 do site.css
   (que NAO existia p/ theme-4 -> componentes caiam no Bootstrap cru) + toke-
   nizacao das views (home_painel, dashboardfinanceiro2, filtrofinlancamentos2,
   filtro, workflow, purge, importacao, docusign, regrasdistribuicao, grafico).
   Derivacoes por color-mix preservam o tom relativo do original. FIXAS por
   convencao (nao seguem a marca): .btn-iilex-excel (verde Excel), paleta de
   grafico em :root (data-viz). Escopo .theme-4 + !important (vence view css).
   ========================================================================== */

/* ---- camada-base espelhada do .theme-3 (site.css) ---- */
.theme-4 .dropdown-menu>li>a {
  color: var(--t4-primary);
}

.theme-4 .dropdown-menu>li>a:hover,
.theme-4 .dropdown-menu>li>a:focus {
  background: color-mix(in srgb, var(--t4-primary) 8%, transparent) !important;
  color: var(--t4-petro-2) !important;
}

.theme-4 .dropdown-menu>.active>a,
.theme-4 .dropdown-menu>.active>a:hover,
.theme-4 .dropdown-menu>.active>a:focus {
  background: linear-gradient(180deg, var(--t4-lime-1), var(--t4-lime-2)) !important;
  color: var(--t4-on-lime, #053345) !important;
  text-shadow: none !important;
}

.theme-4 .pagination>li>a,
.theme-4 .pagination>li>span,
.theme-4 .pagination>li>a>span {
  color: var(--t4-primary) !important;
}

.theme-4 .pagination>.active>a,
.theme-4 .pagination>.active>span,
.theme-4 .pagination>.active>a:hover,
.theme-4 .pagination>.active>a:focus,
.theme-4 .pagination>.active>span:hover,
.theme-4 .pagination>.active>span:focus {
  background: linear-gradient(180deg, var(--t4-lime-1), var(--t4-lime-2)) !important;
  border-color: color-mix(in srgb, var(--t4-petro-2) 30%, transparent) !important;
  color: var(--t4-on-lime, #053345) !important;
}

.theme-4 .progress-bar,
.theme-4 .progress-bar-success {
  background: linear-gradient(180deg, var(--t4-lime-1) 0%, var(--t4-verde-ativo) 100%) !important;
  color: var(--t4-on-lime, #053345) !important;
  text-shadow: none !important;
}

.theme-4 .list-group-item.active,
.theme-4 .list-group-item.active:hover,
.theme-4 .list-group-item.active:focus {
  background: linear-gradient(180deg, var(--t4-lime-1), var(--t4-lime-2)) !important;
  color: var(--t4-on-lime, #053345) !important;
  border-color: color-mix(in srgb, var(--t4-petro-2) 30%, transparent) !important;
  text-shadow: none !important;
}

.theme-4 .panel-primary {
  border-color: color-mix(in srgb, var(--t4-petro-2) 30%, transparent) !important;
}

.theme-4 .panel-primary>.panel-heading {
  background: linear-gradient(180deg, var(--t4-info) 0%, var(--t4-petro-1) 100%) !important;
  color: var(--t4-on-petro, #fff) !important;
  border-color: color-mix(in srgb, var(--t4-petro-2) 30%, transparent) !important;
}

.theme-4 .panel-primary>.panel-heading a:not(.btn),
.theme-4 .panel-primary>.panel-heading .panel-title {
  color: var(--t4-on-petro, #fff) !important;
}

.theme-4 .panel-primary>.panel-heading a.btn {
  color: var(--t4-on-lime, #053345) !important;
}

.theme-4 .panel-default {
  border-color: var(--t4-border) !important;
}

.theme-4 .panel-default>.panel-heading {
  background-color: var(--t4-muted-bg) !important;
  border-color: var(--t4-border) !important;
}

.theme-4 .panel-default>.panel-heading,
.theme-4 .panel-default>.panel-heading a,
.theme-4 .panel-default>.panel-heading .panel-title {
  color: var(--t4-text) !important;
}

/* SUBMODULO com dados (JS poe .panel-primary quando qtd>0): muda SO o BACKGROUND do cabecalho
   (tinta lime clara = "tem conteudo", coerente com o "+Novo" lime que o JS aplica). SOMBRA PADRAO
   (sem elevacao custom), sem petro chapado, sem faixa lateral. Escopado em #sub-* p/ NAO tocar modais.
   (theme-5 sobrescreve o fundo p/ um dark sutil no override abaixo — lime claro chaparia no escuro.) */
.theme-4 [id^="sub-"] .panel.panel-primary>.panel-heading {
  background: color-mix(in srgb, var(--t4-accent) 40%, #fff) !important;
  border-color: var(--t4-border) !important;
}

.theme-4 [id^="sub-"] .panel.panel-primary>.panel-heading a:not(.btn),
.theme-4 [id^="sub-"] .panel.panel-primary>.panel-heading .panel-title {
  color: var(--t4-text) !important;
}

/* HEADER do submodulo: centralizar na VERTICAL titulo + botoes (o float:right cola os botoes no topo
   da linha, e o titulo fica no baseline). Uso flex + align-items:center; mantenho a ORDEM visual
   (float:right empilha ao contrario) via 'order': Novo, IrAte, Excluir. */
.theme-4 [id^="sub-"] .panel-heading .panel-title {
  display: flex;
  align-items: center;
  margin: 0;
}

.theme-4 [id^="sub-"] .panel-heading .panel-title>a[data-toggle="collapse"] {
  margin-right: auto;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.theme-4 [id^="sub-"] .panel-heading .btn-gatilho-novo {
  order: 1;
}

.theme-4 [id^="sub-"] .panel-heading .btn-ir-ate-workflow {
  order: 2;
}

.theme-4 [id^="sub-"] .panel-heading .btn-gatilho-excluir {
  order: 3;
}

/* chevron dos paineis colapsaveis (submodulos + secoes de ficha, ambos via painelhtml-class): caret
   (triangulo cheio) LEGADO -> chevron moderno. Escopo AMPLO (.panel-title) p/ pegar todas as secoes. */
.theme-4 .panel-title .fa-caret-up:before {
  content: "\f077" !important;
}

.theme-4 .panel-title .fa-caret-down:before {
  content: "\f078" !important;
}

.theme-4 .panel-title .fa-caret-up,
.theme-4 .panel-title .fa-caret-down {
  font-size: 11px;
  opacity: .7;
  line-height: 1;
  vertical-align: middle;
}

/* botoes Novo/Excluir: FLAT + icone/label centralizados + hover LIMPO (o theme.css:2585 dava color:#333
   no hover + sombra Material do base = o "hover estranho"). Neutralizo sombra em todos os estados. */
.theme-4 [id^="sub-"] .panel-heading .btn {
  display: inline-flex !important;
  align-items: center;
  gap: 6px;
  margin-top: 0 !important;
  vertical-align: middle !important;
  box-shadow: none !important;
  background-image: none !important;
  text-shadow: none !important;
  line-height: 1.2 !important;
  padding: 6px 14px !important;
}

.theme-4 [id^="sub-"] .panel-heading .btn:hover,
.theme-4 [id^="sub-"] .panel-heading .btn:focus,
.theme-4 [id^="sub-"] .panel-heading .btn:active,
.theme-4 [id^="sub-"] .panel-heading .btn.active {
  box-shadow: none !important;
  background-image: none !important;
  text-shadow: none !important;
}

.theme-4 [id^="sub-"] .panel-heading .btn>.glyphicon,
.theme-4 [id^="sub-"] .panel-heading .btn>.fa {
  top: 0 !important;
  margin: 0 !important;
  line-height: 1 !important;
}

/* icones dos botoes: glyphicon (BS3 legado) -> FontAwesome (mesmo set do chevron). Fallbacks p/ FA4/5/6.
   Codepoints estaveis: plus=\f067, trash=\f1f8. (Se aparecer QUADRADO/vazio = versao de FA diferente, avisar.) */
.theme-4 [id^="sub-"] .panel-heading .btn .glyphicon-plus:before {
  font-family: 'FontAwesome', 'Font Awesome 5 Free', 'Font Awesome 6 Free' !important;
  font-weight: 900 !important;
  content: "\f067" !important;
}

.theme-4 [id^="sub-"] .panel-heading .btn .glyphicon-trash:before {
  font-family: 'FontAwesome', 'Font Awesome 5 Free', 'Font Awesome 6 Free' !important;
  font-weight: 900 !important;
  content: "\f1f8" !important;
}

/* ALINHAMENTO: os submodulos ficam em #div-submodulo-para-guia (col-md-12 -> +15px padding lateral),
   indentados vs as fichas/acoes. Removo o padding do CONTAINER (nao dos paineis, que ja sao padding:0,
   nem do grid flex SENSIVEL do #submodulos que foi calibrado na pagina real) p/ alinhar as bordas. Reversivel. */
.theme-4 #div-submodulo-para-guia {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* MODAIS: o PADRAO GLOBAL de TODAS as .modal (incl. #modalTabAux/#modalTabAux2) foi movido p/
   `public/css/modais.css` (carregado global no bloco-superior) — escala melhor que por-modal. */

/* ===== botao "+" (tabAuxiliarDinamica/Grid .btn-novo) dos campos =====
   Era `float:right` solto no form-group -> quando o label quebra em 2 linhas, o "+" SOBREPUNHA o select
   (que fica por cima -> "+" nao clicavel + estetica quebrada). Fix: posiciona ABSOLUTO no topo-direito do
   form-group (sempre junto ao label, ACIMA do select) + z-index p/ ficar clicavel. (:has = Chrome moderno.) */
.theme-4 .form-group:has(> .tabAuxiliarDinamica.btn-novo),
.theme-4 .form-group:has(> .tabAuxiliarDinamicaGrid.btn-novo) {
  position: relative;
}

.theme-4 .form-group>.tabAuxiliarDinamica.btn-novo,
.theme-4 .form-group>.tabAuxiliarDinamicaGrid.btn-novo {
  position: absolute !important;
  top: 0;
  right: 15px;
  z-index: 6;
  float: none !important;
  margin: 0 !important;
}

.theme-4 .form-group:has(> .tabAuxiliarDinamica.btn-novo)>label,
.theme-4 .form-group:has(> .tabAuxiliarDinamicaGrid.btn-novo)>label {
  padding-right: 34px;
}

.theme-4 .btn-default {
  color: var(--t4-text) !important;
  background-color: var(--t4-surface) !important;
  border-color: var(--t4-border) !important;
}

/* hover do btn-default: a base (theme-material-1/theme.css) escurece a BORDA p/ #adadad + texto #333 (Material
   legado). Modern: so muda o fundo (muted-bg), borda SUTIL consistente (--t4-border), texto do tema. Sem escurecer. */
.theme-4 .btn-default:hover,
.theme-4 .btn-default:focus,
.theme-4 .btn-default:active,
.theme-4 .btn-default.active {
  background-color: var(--t4-muted-bg) !important;
  border-color: var(--t4-border) !important;
  color: var(--t4-text) !important;
}

.theme-4 .table-striped>tbody>tr:nth-child(odd)>td,
.theme-4 .table-striped>tbody>tr:nth-child(odd)>th {
  background-color: var(--t4-muted-bg) !important;
}

.theme-4 .table-hover>tbody>tr:hover>td,
.theme-4 .table-hover>tbody>tr:hover>th {
  background-color: color-mix(in srgb, var(--t4-primary) 6%, #fff) !important;
}

.theme-4 .shortcut-tile {
  background: linear-gradient(135deg, var(--t4-petro-1) 0%, var(--t4-petro-2) 100%) !important;
  color: var(--t4-lime-1) !important;
}

.theme-4 .shortcut-tile.selected {
  border-color: var(--t4-lime-1) !important;
}

.theme-4 .shortcut-tile:after {
  border-top-color: var(--t4-lime-1) !important;
}

.theme-4 a.hovered {
  background-color: color-mix(in srgb, var(--t4-success) 28%, #fff) !important;
}

/* alertas bootstrap: fundo/borda/texto DERIVAM do token de estado */
.theme-4 .alert-info {
  background: color-mix(in srgb, var(--t4-info) 12%, #fff) !important;
  border-color: color-mix(in srgb, var(--t4-info) 35%, #fff) !important;
  color: color-mix(in srgb, var(--t4-info) 72%, #000) !important;
}

.theme-4 .alert-success {
  background: color-mix(in srgb, var(--t4-success) 12%, #fff) !important;
  border-color: color-mix(in srgb, var(--t4-success) 35%, #fff) !important;
  color: color-mix(in srgb, var(--t4-success) 70%, #000) !important;
}

.theme-4 .alert-warning {
  background: color-mix(in srgb, var(--t4-warning) 14%, #fff) !important;
  border-color: color-mix(in srgb, var(--t4-warning) 38%, #fff) !important;
  color: color-mix(in srgb, var(--t4-warning) 65%, #000) !important;
}

.theme-4 .alert-danger {
  background: color-mix(in srgb, var(--t4-danger) 12%, #fff) !important;
  border-color: color-mix(in srgb, var(--t4-danger) 35%, #fff) !important;
  color: color-mix(in srgb, var(--t4-danger) 70%, #000) !important;
}

.theme-4 .table-striped>tbody>tr>.info,
.theme-4 .table-striped>tbody>.info>td,
.theme-4 .table-striped>tbody>.info>th {
  background-color: color-mix(in srgb, var(--t4-info) 38%, #fff) !important;
}

.theme-4 .icon-ok {
  color: var(--t4-success) !important;
}

.theme-4 .icon-error {
  color: var(--t4-danger) !important;
}

.theme-4 .icon-warning {
  background-color: var(--t4-warning) !important;
}

.theme-4 .icon-danger {
  background-color: var(--t4-danger) !important;
}

.theme-4 .widget a.list-success,
.theme-4 .widget p.list-success {
  color: color-mix(in srgb, var(--t4-success) 78%, #000) !important;
}

.theme-4 .widget a.list-danger,
.theme-4 .widget p.list-danger {
  color: color-mix(in srgb, var(--t4-danger) 75%, #000) !important;
}

.theme-4 .required:after {
  color: var(--t4-danger) !important;
}

.theme-4 .estrela-favorito {
  color: var(--t4-warning) !important;
}

.theme-4 .contador>* {
  border-color: var(--t4-success) !important;
  color: var(--t4-success) !important;
}

.theme-4 .alertaVinculoTabAux {
  border-color: var(--t4-success) !important;
}

.theme-4 .dropzone {
  border-color: var(--t4-info) !important;
}

.theme-4 .twitter-typeahead .tt-suggestion.tt-is-under-cursor {
  background-color: var(--t4-info) !important;
}

.theme-4 .transparent:focus {
  border-color: color-mix(in srgb, var(--t4-info) 60%, #fff) !important;
}

.theme-4 #expandir-todos>i:hover,
.theme-4 .expandir-agrupados:hover>i {
  color: var(--t4-success-h) !important;
}

.theme-4 header#mobile .navbar-toggle:hover .icon-bar,
.theme-4 header#mobile .navbar-toggle:not(.collapsed) .icon-bar {
  background-color: color-mix(in srgb, var(--t4-navbar-2) 85%, #000) !important;
}

/* ---- home_painel (dashboard home) ---- */
.theme-4 .box,
.theme-4 .small-box {
  border-top-color: var(--t4-success) !important;
}

.theme-4 .box-header .fa,
.theme-4 .box-header i {
  color: var(--t4-success) !important;
}

/* Dashboard (home_painel) estilo iOS: cantos bem arredondados, sombra suave,
   faixa de topo troca do verde "success" pra navy/lime da marca (--t4-primary/
   --t4-lime-1, mesmos tokens usados em toda essa sessão). Só .box (dashboard) —
   não mexe em .panel/.small-box de outras telas. */
.theme-4 .box {
  border-top: 0 !important;
  border-radius: 20px !important;
  box-shadow: 0 6px 20px rgba(5, 51, 69, .10) !important;
  overflow: hidden;
  position: relative;
}

.theme-4 .box::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, var(--t4-primary, #104E64), var(--t4-lime-1, #BBF451));
}

.theme-4 .box-header {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 16px 18px 12px !important;
}

.theme-4 .box-header .box-title {
  font-weight: 700 !important;
  color: var(--t4-text, #16232b) !important;
}

.theme-4 .box-header .fa,
.theme-4 .box-header i {
  color: var(--t4-primary, #104E64) !important;
  font-size: 16px;
}

.theme-4 .box-body {
  padding: 4px 18px 18px !important;
}

.theme-4 .small-box-footer {
  color: var(--t4-success) !important;
}

.theme-4 .small-box-footer:hover {
  color: var(--t4-success-h) !important;
}

.theme-4 #totalizadorAndamentos {
  background: linear-gradient(135deg, color-mix(in srgb, var(--t4-success) 12%, #fff) 0%, color-mix(in srgb, var(--t4-success) 24%, #fff) 100%) !important;
  border-top-color: var(--t4-success) !important;
}

.theme-4 #totalizadorAndamentos .inner h3,
.theme-4 #totalizadorAndamentos .inner p {
  color: color-mix(in srgb, var(--t4-success) 72%, #000) !important;
}

.theme-4 #totalizadorAndamentos .icon,
.theme-4 #totalizadorAndamentos .small-box-footer {
  color: var(--t4-success) !important;
}

.theme-4 #totalizadorPrazos {
  background: linear-gradient(135deg, color-mix(in srgb, var(--t4-info) 12%, #fff) 0%, color-mix(in srgb, var(--t4-info) 24%, #fff) 100%) !important;
  border-top-color: var(--t4-info) !important;
}

.theme-4 #totalizadorPrazos .inner h3,
.theme-4 #totalizadorPrazos .inner p {
  color: color-mix(in srgb, var(--t4-info) 72%, #000) !important;
}

.theme-4 #totalizadorPrazos .icon,
.theme-4 #totalizadorPrazos .small-box-footer {
  color: var(--t4-info) !important;
}

.theme-4 #totalizadorPublicacoes {
  background: linear-gradient(135deg, color-mix(in srgb, var(--t4-warning) 12%, #fff) 0%, color-mix(in srgb, var(--t4-warning) 24%, #fff) 100%) !important;
  border-top-color: var(--t4-warning) !important;
}

.theme-4 #totalizadorPublicacoes .inner h3,
.theme-4 #totalizadorPublicacoes .inner p {
  color: color-mix(in srgb, var(--t4-warning) 68%, #000) !important;
}

.theme-4 #totalizadorPublicacoes .icon,
.theme-4 #totalizadorPublicacoes .small-box-footer {
  color: var(--t4-warning) !important;
}

.theme-4 #totalizadorFatais {
  background: linear-gradient(135deg, color-mix(in srgb, var(--t4-warning) 28%, #fff) 0%, color-mix(in srgb, var(--t4-warning) 42%, #fff) 100%) !important;
  border-top-color: color-mix(in srgb, var(--t4-warning) 85%, #000) !important;
}

.theme-4 #totalizadorFatais .inner h3,
.theme-4 #totalizadorFatais .inner p {
  color: color-mix(in srgb, var(--t4-warning) 62%, #000) !important;
}

.theme-4 #totalizadorFatais .icon,
.theme-4 #totalizadorFatais .small-box-footer {
  color: color-mix(in srgb, var(--t4-warning) 88%, #000) !important;
}

.theme-4 .bootstrap-switch.bootstrap-switch-on .bootstrap-switch-handle-on.bootstrap-switch-default {
  background-color: var(--t4-verde-ativo) !important;
}

.theme-4 .bg-warning {
  background-color: var(--t4-warning) !important;
}

.theme-4 .btn-outline-success {
  color: var(--t4-success) !important;
  border-color: var(--t4-success) !important;
}

.theme-4 .btn-outline-success:hover {
  background-color: var(--t4-success) !important;
  border-color: var(--t4-success) !important;
  color: var(--t4-on-success, #fff) !important;
}

.theme-4 .load div {
  border-color: var(--t4-success) transparent transparent transparent !important;
}

.theme-4 .checkbox:checked+label.ios-switch:before {
  box-shadow: var(--t4-sw-ativo) 0px 0px 0px 16px inset !important;
  background-color: var(--t4-sw-ativo) !important;
  border-color: var(--t4-sw-ativo) !important;
}

/* dom/sab com tokens proprios (site.css pinta os dois iguais; theme-4 cobre AMBOS) */
.theme-4 .fc-sun {
  background: var(--t4-ag-dom) !important;
}

.theme-4 .fc-sat {
  background: var(--t4-ag-sab) !important;
}

/* ---- dashboardfinanceiro2 (dashboard + modal de conciliacao) ---- */
.theme-4 .fin2-total-hero .card.card-success,
.theme-4 #listacontas .card,
.theme-4 #main .accordionTitle,
.theme-4 #main .accordion__Heading,
.theme-4 #modal-conciliacao-bancaria .modal-header,
.theme-4 #modal-conciliacao-bancaria #progressbarconciliacao li.active:before,
.theme-4 #modal-conciliacao-bancaria #badgematches,
.theme-4 #modal-conciliacao-bancaria #badgenovos {
  background: linear-gradient(135deg, var(--t4-petro-1), var(--t4-petro-2)) !important;
}

.theme-4 #listacontas .card:hover,
.theme-4 #main #listacontas .card:hover {
  background: linear-gradient(135deg, color-mix(in srgb, var(--t4-petro-1) 82%, #fff), color-mix(in srgb, var(--t4-petro-2) 88%, #fff)) !important;
}

.theme-4 #main .accordionTitle:hover {
  background: color-mix(in srgb, var(--t4-petro-1) 82%, #fff) !important;
}

.theme-4 .fin2-total-hero h6,
.theme-4 #main #listacontas .card h6 {
  color: var(--t4-fin2-titulo) !important;
}

.theme-4 .fin2-total-hero h6::before,
.theme-4 #main #listacontas .card h6::before,
.theme-4 #modal-conciliacao-bancaria .modal-header .modal-title .fa {
  color: var(--t4-lime-2) !important;
}

.theme-4 .fin2-total-hero h1 {
  color: var(--t4-fin2-hero) !important;
}

.theme-4 #listacontas .card h1,
.theme-4 #main #listacontas .card h1 {
  color: var(--t4-fin2-valor) !important;
}

.theme-4 #main #listacontas .card h1.conta-negativa,
.theme-4 #listacontas .card h1.conta-negativa,
.theme-4 #listacontas .card .conta-negativa {
  color: color-mix(in srgb, var(--t4-danger) 45%, #fff) !important;
}

.theme-4 #main #listacontas .card p.btn-importar-conc,
.theme-4 #listacontas .card p.btn-importar-conc {
  color: var(--t4-fin2-importar) !important;
}

.theme-4 #main #listacontas .card p.btn-importar-conc:hover {
  border-color: var(--t4-lime-2) !important;
}

.theme-4 #main .lefts .btn-novo,
.theme-4 #main .fin2-contas-band .btn-novo,
.theme-4 #modal-conciliacao-bancaria #btn-upload {
  background: linear-gradient(135deg, var(--t4-lime-1), var(--t4-lime-2)) !important;
  color: var(--t4-on-lime, #053345) !important;
}

.theme-4 #recebimentos-hoje,
.theme-4 #recebimentos-em-atraso {
  color: var(--t4-success) !important;
}

.theme-4 #pagamentos-hoje,
.theme-4 #pagamentos-em-atraso {
  color: var(--t4-danger) !important;
}

.theme-4 #novo-recebimento {
  background: var(--t4-success) !important;
}

.theme-4 #novo-pagamento {
  background: var(--t4-danger) !important;
}

.theme-4 #main .accordionTitle,
.theme-4 #main .accordion__Heading {
  border-bottom-color: var(--t4-petro-2) !important;
}

.theme-4 #main .nav-pills .nav-link.active {
  background: var(--t4-primary) !important;
}

.theme-4 #modal-conciliacao-bancaria .nav-tabs>li>a:hover,
.theme-4 #modal-conciliacao-bancaria .nav-tabs>li.active>a,
.theme-4 #modal-conciliacao-bancaria .nav-tabs>li.active>a:hover,
.theme-4 #modal-conciliacao-bancaria .nav-tabs>li.active>a:focus {
  color: var(--t4-primary) !important;
  border-bottom-color: var(--t4-primary) !important;
}

.theme-4 #modal-conciliacao-bancaria #progressbarconciliacao li.active {
  color: var(--t4-petro-2) !important;
}

.theme-4 #modal-conciliacao-bancaria #progressbarconciliacao li.active:after {
  background: var(--t4-primary) !important;
}

.theme-4 #modal-conciliacao-bancaria .fs-title {
  color: var(--t4-petro-2) !important;
}

.theme-4 #modal-conciliacao-bancaria .action-button,
.theme-4 #modal-conciliacao-bancaria .modal-footer .btn-primary,
.theme-4 #modal-conciliacao-bancaria .header-action-button,
.theme-4 #modal-conciliacao-bancaria .btn-info,
.theme-4 #modal-conciliacao-bancaria .btn-success {
  background: linear-gradient(135deg, color-mix(in srgb, var(--t4-petro-1) 80%, #fff), var(--t4-petro-2)) !important;
}

.theme-4 #modal-conciliacao-bancaria #countPendentes,
.theme-4 #modal-conciliacao-bancaria .remover,
.theme-4 #modal-conciliacao-bancaria .removernovo {
  background: var(--t4-danger) !important;
}

.theme-4 #modal-conciliacao-bancaria .code-summary,
.theme-4 #modal-conciliacao-bancaria .title-conciliacao {
  color: var(--t4-primary) !important;
  -webkit-text-fill-color: var(--t4-primary) !important;
}

.theme-4 #modal-conciliacao-bancaria .card-conciliacao[style*="eeffe6"] {
  border-color: color-mix(in srgb, var(--t4-lime-1) 42%, #fff) !important;
}

/* ---- filtrofinlancamentos2 (filtro do financeiro) ---- */
.theme-4 .content-totais-sumario .box-interno::before {
  background: linear-gradient(135deg, var(--t4-petro-1), var(--t4-petro-2)) !important;
}

.theme-4 .content-totais-sumario .box-interno>h4:nth-of-type(1)::before {
  color: var(--t4-success) !important;
}

.theme-4 .content-totais-sumario .box-interno>h4:nth-of-type(2)::before {
  color: var(--t4-danger) !important;
}

.theme-4 .content-totais-sumario .box-interno>h4:nth-of-type(3)::before,
.theme-4 .content-totais-sumario #container-saldo-periodo h4::before {
  color: var(--t4-primary) !important;
}

.theme-4 .valor-credito {
  color: var(--t4-info) !important;
}

.theme-4 .valor-debito,
.theme-4 .valor-negativo {
  color: var(--t4-danger) !important;
}

.theme-4 .valor-positivo {
  color: var(--t4-primary) !important;
}

.theme-4 #record-count-container .gridCC {
  color: var(--t4-info) !important;
}

.theme-4 #record-count-container .gridUsuario {
  color: color-mix(in srgb, var(--t4-warning) 78%, #000) !important;
  border-color: color-mix(in srgb, var(--t4-warning) 32%, #fff) !important;
}

.theme-4 .expandir-filtro-submodulo-financeiro .fa,
.theme-4 #tabelaresultado td>a .fa-external-link-square,
.theme-4 #tabelaresultado .coluna-saldo b {
  color: var(--t4-primary) !important;
}

.theme-4 .expandir-filtro-submodulo-financeiro:hover .fa,
.theme-4 #tabelaresultado td>a:hover .fa-external-link-square {
  color: var(--t4-info) !important;
}

.theme-4 .tab-bar .tab::before {
  background-color: var(--t4-primary) !important;
}

.theme-4 .tab-bar .tab:active::before {
  background-color: var(--t4-lime-2) !important;
}

.theme-4 .tab-bar .tab i,
.theme-4 .tab-bar .tab .material-icons,
.theme-4 .tab-bar .tab .glyphicon,
.theme-4 .tab-bar .tab::after {
  color: var(--t4-primary) !important;
}

.theme-4 .tab-bar .tab:hover i,
.theme-4 .tab-bar .tab:hover .material-icons,
.theme-4 .tab-bar .tab:hover .glyphicon {
  color: var(--t4-petro-2) !important;
}

.theme-4 .tab-bar #tabnumselecionados {
  border-color: color-mix(in srgb, var(--t4-lime-1) 55%, #fff) !important;
}

.theme-4 .tab-bar #tabnumselecionados,
.theme-4 .tab-bar #tabnumselecionados .icon,
.theme-4 .tab-bar #tabnumselecionados #numselecionados,
.theme-4 .tab-bar #tabnumselecionados::after {
  color: color-mix(in srgb, var(--t4-verde-ativo) 52%, #000) !important;
}

.theme-4 .tab-bar #fecharselecao:hover i {
  color: var(--t4-danger) !important;
}

/* ---- filtro / workflow / analise ---- */
.theme-4 .filtro-page-header__eyebrow,
.theme-4 .wf-page-header__eyebrow,
.theme-4 .wf-config-link:hover {
  color: color-mix(in srgb, var(--t4-success) 78%, #000) !important;
}

.theme-4 .wf-fluxo-tag {
  color: color-mix(in srgb, var(--t4-success) 70%, #000) !important;
}

.theme-4 .bloco-retorno__accordion {
  border-color: var(--t4-success) !important;
  color: var(--t4-success) !important;
}

.theme-4 .accordion.active,
.theme-4 .accordion:hover {
  border-color: var(--t4-success-h) !important;
  color: var(--t4-success-h) !important;
}

/* ---- filtrografico (menos a paleta de grafico e o botao Excel: FIXOS) ---- */
.theme-4 .fg-status-num {
  color: var(--t4-success) !important;
}

.theme-4 .fg-clear-btn {
  border-color: var(--t4-danger) !important;
  color: var(--t4-danger) !important;
}

.theme-4 .fg-clear-btn:hover {
  background: var(--t4-danger) !important;
}

.theme-4 .scoped-class .driver-close-btn {
  background-color: var(--t4-danger) !important;
}

/* ---- purge (expurgo S3) ---- */
.theme-4 .purge__button--primary {
  background: var(--t4-success) !important;
  border-color: var(--t4-success-h) !important;
}

.theme-4 .purge__button--primary:hover {
  background: var(--t4-success-h) !important;
}

.theme-4 .purge__stats-value--pending {
  color: var(--t4-warning) !important;
}

.theme-4 .purge__stats-value--processing {
  color: var(--t4-info) !important;
}

.theme-4 .purge__stats-value--completed,
.theme-4 .purge__tab.purge__tab--active {
  color: var(--t4-success) !important;
}

.theme-4 .purge__tab.purge__tab--active {
  border-bottom-color: var(--t4-success) !important;
}

.theme-4 .purge__stats-value--error,
.theme-4 .purge__storage-percent--danger {
  color: var(--t4-danger) !important;
}

.theme-4 .purge__history-badge,
.theme-4 .purge__history-empty--error {
  color: color-mix(in srgb, var(--t4-danger) 78%, #000) !important;
}

.theme-4 .purge__history-item {
  border-left-color: var(--t4-danger) !important;
}

.theme-4 .purge__history-empty--error {
  border-color: color-mix(in srgb, var(--t4-danger) 35%, #fff) !important;
}

.theme-4 .purge__total-usage {
  border-left-color: var(--t4-success) !important;
}

.theme-4 .purge__storage-percent--warning,
.theme-4 .purge__storage-bar-fill--warning {
  color: var(--t4-warning) !important;
}

.theme-4 .purge__storage-bar-fill {
  background: var(--t4-success) !important;
}

.theme-4 .purge__storage-bar-fill--danger {
  background: var(--t4-danger) !important;
}

.theme-4 .purge__storage-bar-fill--warning {
  background: var(--t4-warning) !important;
}

.theme-4 .purge-modal__security-warning {
  border-color: color-mix(in srgb, var(--t4-warning) 55%, #fff) !important;
  color: color-mix(in srgb, var(--t4-warning) 62%, #000) !important;
}

.theme-4 .purge-modal__pagination .purge-page-btn.active {
  border-color: var(--t4-success) !important;
  color: var(--t4-success-h) !important;
}

.theme-4 .purge-modal__feedback--toast {
  border-color: color-mix(in srgb, var(--t4-success) 32%, #fff) !important;
}

.theme-4 .purge-modal__feedback--toast.purge-modal__feedback--warning {
  border-color: color-mix(in srgb, var(--t4-warning) 45%, #fff) !important;
}

.theme-4 .purge-modal__feedback-list,
.theme-4 .purge-modal__feedback-more {
  color: color-mix(in srgb, var(--t4-warning) 58%, #000) !important;
}

/* ---- importacao / docusign / regrasdistribuicao / agrupamento ---- */
.theme-4 .upload-body__progress .bar,
.theme-4 .load__progress-bar .bar {
  background: var(--t4-success) !important;
}

.theme-4 .upload-body__icon {
  color: var(--t4-info) !important;
}

.theme-4 #docusign-assinatura .side-bar .signature-draggable .tab-icon {
  background-color: var(--t4-success) !important;
}

.theme-4 .wizard .wizard-header hr {
  border-color: var(--t4-info) !important;
}

.theme-4 .wizard .wizard-header .steps .wizard-step {
  background: var(--t4-info) !important;
}

.theme-4 .badge-status {
  color: color-mix(in srgb, var(--t4-success) 70%, #000) !important;
  border-color: color-mix(in srgb, var(--t4-success) 32%, #fff) !important;
}

.theme-4 .condicoes-list,
.theme-4 .header-condicoes {
  border-left-color: var(--t4-success) !important;
}

.theme-4 .btn-remove-condicao {
  background: var(--t4-danger) !important;
}

.theme-4 .dialog-close:hover {
  color: var(--t4-danger) !important;
}

/* ---- AGENDA (modulo FullCalendar /agenda/agenda): tokens editaveis ---- */
.theme-4 .fc td,
.theme-4 .fc th {
  border-color: var(--t4-ag-borda) !important;
}

.theme-4 .fc-view-container,
.theme-4 .fc-view-container .fc-view {
  background: var(--t4-ag-fundo) !important;
}

/* botoes do FullCalendar (Mes/Semana/Dia/Lista): GEOMETRIA NORMALIZADA — o ativo muda SO A COR
   (a lib aplicava sombra/offset no active e ele "saltava" do grupo) */
.theme-4 .fc-button {
  background: linear-gradient(180deg, var(--t4-btnprim-1), var(--t4-btnprim-2)) !important;
  border: 1px solid color-mix(in srgb, var(--t4-btnprim-1) 72%, #000) !important;
  color: var(--t4-on-lime, #053345) !important;
  box-shadow: none !important;
  text-shadow: none !important;
  outline: 0 !important;
  height: auto !important;
  padding: 7px 16px !important;
  margin: 0 !important;
  position: static !important;
  top: auto !important;
  vertical-align: middle !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
}

.theme-4 .fc-button:hover {
  background: linear-gradient(180deg, color-mix(in srgb, var(--t4-btnprim-1) 88%, #000), var(--t4-btnprim-1)) !important;
}

.theme-4 .fc-state-active,
.theme-4 .fc-button.fc-state-active {
  background: var(--t4-primary) !important;
  border-color: var(--t4-primary) !important;
  color: var(--t4-on-primary, #fff) !important;
  box-shadow: none !important;
  height: auto !important;
  padding: 7px 16px !important;
  margin: 0 !important;
  position: static !important;
  top: auto !important;
}

.theme-4 .fc-toolbar h2,
.theme-4 .fc-header-title h2 {
  color: var(--t4-text) !important;
}

/* hover do ativo = escurecimento da primaria (o :hover generico do btn-default lavava de branco) */
.theme-4 .fc-state-active:hover,
.theme-4 .btn-default.fc-state-active:hover,
.theme-4 .fc-button.fc-state-active:hover {
  background: var(--t4-primary-hover) !important;
  border-color: var(--t4-primary-hover) !important;
  color: var(--t4-on-primary, #fff) !important;
}

.theme-4 .fc-today,
.theme-4 td.fc-today {
  background: var(--t4-ag-hoje) !important;
}

.theme-4 .select2-results .select2-highlighted {
  background: var(--t4-primary) !important;
  color: var(--t4-on-primary, #fff) !important;
}

/* bordas & fundos auditados (herdam dos neutros ate customizar) */
.theme-4 .dropdown-menu {
  background: var(--t4-dd-fundo) !important;
  border-color: var(--t4-dd-borda) !important;
}

.theme-4 .list-group-item {
  background-color: var(--t4-list-fundo) !important;
  border-color: var(--t4-list-borda) !important;
}

.theme-4 .form-control,
.theme-4 .select2-choice,
.theme-4 .input-group-addon,
.theme-4 textarea {
  border-color: var(--t4-form-borda) !important;
}

.theme-4 .form-control:focus,
.theme-4 textarea:focus {
  border-color: var(--t4-primary) !important;
}

.theme-4 .input-group-addon {
  background: var(--t4-addon-fundo) !important;
  color: var(--t4-addon-icone) !important;
}

.theme-4 .input-group-addon .fa,
.theme-4 .input-group-addon .glyphicon {
  color: var(--t4-addon-icone) !important;
}

.theme-4 .table>tbody>tr>td,
.theme-4 .table>tbody>tr>th,
.theme-4 .table>thead>tr>th,
.theme-4 .table>tfoot>tr>td {
  border-color: var(--t4-tabela-borda) !important;
}

/* guard: eventos com cor INLINE (por tipo, do banco) sao preservados */
.theme-4 .fc-event:not([style*="background-color:#"]):not([style*="background-color: #"]):not([style*="background-color:rgb"]):not([style*="background-color: rgb"]),
.theme-4 .fc-event:not([style*="background-color:#"]):not([style*="background-color: #"]):not([style*="background-color:rgb"]):not([style*="background-color: rgb"]) .fc-content {
  background: var(--t4-ag-evento) !important;
  border-color: color-mix(in srgb, var(--t4-ag-evento) 80%, #000) !important;
  color: var(--t4-on-primary, #fff) !important;
}

/* ==========================================================================
   AGENDA (FullCalendar) MODERNIZADA — especificidade REFORCADA (body.theme-4
   + fim do arquivo) p/ vencer o skin legado que segurava o visual antigo.
   Eventos com cor INLINE (por tipo, vinda do banco) sao PRESERVADOS pelo
   guard :not([style*="background-color:#"]):not([style*="background-color: #"]):not([style*="background-color:rgb"]):not([style*="background-color: rgb"]).
   ========================================================================== */
/* botoes (Mes/Semana/Dia/Lista + setas + Hoje): geometria travada, ATIVO = cor */
body.theme-3 .fc-button {
  background: linear-gradient(180deg, var(--t4-btnprim-1), var(--t4-btnprim-2)) !important;
  border: 1px solid color-mix(in srgb, var(--t4-btnprim-1) 70%, #000) !important;
  color: var(--t4-on-lime, #053345) !important;
  box-shadow: none !important;
  text-shadow: none !important;
  outline: 0 !important;
  height: auto !important;
  padding: 7px 15px !important;
  margin: 0 !important;
  position: static !important;
  top: auto !important;
  vertical-align: middle !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  border-radius: 0 !important;
}

body.theme-4 .fc-button {
  background: linear-gradient(180deg, var(--t4-btnprim-1), var(--t4-btnprim-2)) !important;
  border: 1px solid color-mix(in srgb, var(--t4-btnprim-1) 70%, #000) !important;
  color: var(--t4-on-lime, #053345) !important;
  box-shadow: none !important;
  text-shadow: none !important;
  outline: 0 !important;
  height: auto !important;
  padding: 7px 15px !important;
  margin: 0 !important;
  position: static !important;
  top: auto !important;
  vertical-align: middle !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  border-radius: 0 !important;
}

body.theme-3 .fc-button.fc-corner-left {
  border-radius: 9px 0 0 9px !important;
}

body.theme-4 .fc-button.fc-corner-left {
  border-radius: 9px 0 0 9px !important;
}

body.theme-3 .fc-button.fc-corner-right {
  border-radius: 0 9px 9px 0 !important;
}

body.theme-4 .fc-button.fc-corner-right {
  border-radius: 0 9px 9px 0 !important;
}

body.theme-3 .fc-button:hover {
  background: linear-gradient(180deg, color-mix(in srgb, var(--t4-btnprim-1) 86%, #000), var(--t4-btnprim-1)) !important;
}

body.theme-4 .fc-button:hover {
  background: linear-gradient(180deg, color-mix(in srgb, var(--t4-btnprim-1) 86%, #000), var(--t4-btnprim-1)) !important;
}

body.theme-3 .fc-button.fc-state-active,
body.theme-3 .fc-state-active,
body.theme-3 .fc-state-down {
  background: var(--t4-primary) !important;
  border-color: var(--t4-primary) !important;
  color: var(--t4-on-primary, #ffffff) !important;
  box-shadow: none !important;
  height: auto !important;
  padding: 7px 15px !important;
  margin: 0 !important;
  position: static !important;
  top: auto !important;
}

body.theme-4 .fc-button.fc-state-active,
body.theme-4 .fc-state-active,
body.theme-4 .fc-state-down {
  background: var(--t4-primary) !important;
  border-color: var(--t4-primary) !important;
  color: var(--t4-on-primary, #ffffff) !important;
  box-shadow: none !important;
  height: auto !important;
  padding: 7px 15px !important;
  margin: 0 !important;
  position: static !important;
  top: auto !important;
}

body.theme-3 .fc-state-disabled {
  opacity: .55 !important;
}

body.theme-4 .fc-state-disabled {
  opacity: .55 !important;
}

/* titulo (julho de 2026) */
body.theme-3 .fc-toolbar h2,
body.theme-3 .fc-header-title h2 {
  color: var(--t4-text) !important;
  font-weight: 700 !important;
  letter-spacing: -.01em;
}

body.theme-4 .fc-toolbar h2,
body.theme-4 .fc-header-title h2 {
  color: var(--t4-text) !important;
  font-weight: 700 !important;
  letter-spacing: -.01em;
}

/* cabecalho dos dias (dom. seg. ...): moderno + fim de semana tokenizado */
body.theme-3 .fc th.fc-day-header {
  background: var(--t4-ag-fundo) !important;
  color: var(--t4-cal-dow) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  text-transform: uppercase;
  letter-spacing: .05em;
  padding: 8px 4px !important;
  border-color: var(--t4-ag-borda) !important;
}

body.theme-4 .fc th.fc-day-header {
  background: var(--t4-ag-fundo) !important;
  color: var(--t4-cal-dow) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  text-transform: uppercase;
  letter-spacing: .05em;
  padding: 8px 4px !important;
  border-color: var(--t4-ag-borda) !important;
}

body.theme-3 .fc th.fc-day-header.fc-sun {
  background: var(--t4-ag-dom) !important;
}

body.theme-4 .fc th.fc-day-header.fc-sun {
  background: var(--t4-ag-dom) !important;
}

body.theme-3 .fc th.fc-day-header.fc-sat {
  background: var(--t4-ag-sab) !important;
}

body.theme-4 .fc th.fc-day-header.fc-sat {
  background: var(--t4-ag-sab) !important;
}

/* numeros dos dias */
body.theme-3 .fc .fc-day-number {
  padding: 4px 8px !important;
  color: var(--t4-cal-dias) !important;
  font-weight: 600 !important;
}

body.theme-4 .fc .fc-day-number {
  padding: 4px 8px !important;
  color: var(--t4-cal-dias) !important;
  font-weight: 600 !important;
}

/* grade: bordas/fundo/hoje/fim-de-semana */
body.theme-3 .fc td,
body.theme-3 .fc th {
  border-color: var(--t4-ag-borda) !important;
}

body.theme-4 .fc td,
body.theme-4 .fc th {
  border-color: var(--t4-ag-borda) !important;
}

body.theme-3 .fc-view-container,
body.theme-3 .fc-view-container .fc-view {
  background: var(--t4-ag-fundo) !important;
}

body.theme-4 .fc-view-container,
body.theme-4 .fc-view-container .fc-view {
  background: var(--t4-ag-fundo) !important;
}

body.theme-3 .fc td.fc-today {
  background: var(--t4-ag-hoje) !important;
}

body.theme-4 .fc td.fc-today {
  background: var(--t4-ag-hoje) !important;
}

body.theme-3 .fc td.fc-sun {
  background: var(--t4-ag-dom) !important;
}

body.theme-4 .fc td.fc-sun {
  background: var(--t4-ag-dom) !important;
}

body.theme-3 .fc td.fc-sat {
  background: var(--t4-ag-sab) !important;
}

body.theme-4 .fc td.fc-sat {
  background: var(--t4-ag-sab) !important;
}

/* EVENTOS: de barrao corrido a CHIP moderno (radius, respiro, sombra sutil).
   Cor inline por tipo (banco) e PRESERVADA pelo :not(...) */
body.theme-3 .fc-event {
  border-radius: 6px !important;
  padding: 2px 8px !important;
  margin: 1px 4px 2px !important;
  font-size: 11.5px !important;
  line-height: 1.35 !important;
  border-width: 0 !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .14) !important;
  color: #ffffff !important;
}

body.theme-4 .fc-event {
  border-radius: 6px !important;
  padding: 2px 8px !important;
  margin: 1px 4px 2px !important;
  font-size: 11.5px !important;
  line-height: 1.35 !important;
  border-width: 0 !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .14) !important;
  color: #ffffff !important;
}

body.theme-3 .fc-event:not([style*="background-color:#"]):not([style*="background-color: #"]):not([style*="background-color:rgb"]):not([style*="background-color: rgb"]) {
  background: var(--t4-ag-evento) !important;
  border-color: color-mix(in srgb, var(--t4-ag-evento) 82%, #000) !important;
}

body.theme-4 .fc-event:not([style*="background-color:#"]):not([style*="background-color: #"]):not([style*="background-color:rgb"]):not([style*="background-color: rgb"]) {
  background: var(--t4-ag-evento) !important;
  border-color: color-mix(in srgb, var(--t4-ag-evento) 82%, #000) !important;
}

/* "ver mais N..." */
body.theme-3 .fc-more,
body.theme-3 a.fc-more {
  color: var(--t4-primary) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

body.theme-4 .fc-more,
body.theme-4 a.fc-more {
  color: var(--t4-primary) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

body.theme-3 .fc-more:hover,
body.theme-3 a.fc-more:hover {
  color: var(--t4-primary-hover) !important;
}

body.theme-4 .fc-more:hover,
body.theme-4 a.fc-more:hover {
  color: var(--t4-primary-hover) !important;
}

/* ==========================================================================
   AGENDA FC4 — DEFINITIVO. A tela /agenda/agenda usa FULLCALENDAR v4 com
   themeSystem BOOTSTRAP: os botoes sao `.btn.btn-primary` (o lime vinha da
   nossa regra global de botao) e o ATIVO ganha `.active` do bootstrap (caia
   na regra lime do site.css -> cor igual, so mudava a sombra). Seletores
   com boost de ID (#calendario) vencem QUALQUER legado/ordem de carga.
   ========================================================================== */
/* botoes (Mes/Semana/Dia/Lista, setas, Hoje): geometria travada e sombras mortas */
body.theme-3 #calendario .fc-button,
body.theme-3 #calendario .fc-toolbar .btn {
  box-shadow: none !important;
  text-shadow: none !important;
  outline: 0 !important;
  height: auto !important;
  padding: 7px 15px !important;
  margin: 0 !important;
  position: static !important;
  top: auto !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
}

body.theme-4 #calendario .fc-button,
body.theme-4 #calendario .fc-toolbar .btn {
  box-shadow: none !important;
  text-shadow: none !important;
  outline: 0 !important;
  height: auto !important;
  padding: 7px 15px !important;
  margin: 0 !important;
  position: static !important;
  top: auto !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
}

/* ATIVO = COR (primaria + contraste) — cobre bootstrap-theme (.active) e FC puro (.fc-button-active) */
body.theme-3 #calendario .fc-button.active,
body.theme-3 #calendario .btn-primary.active,
body.theme-3 #calendario .fc-button-active,
body.theme-3 #calendario .fc-button:active,
body.theme-3 .fc-button-active {
  background: var(--t4-primary) !important;
  border-color: var(--t4-primary) !important;
  color: var(--t4-on-primary, #ffffff) !important;
  box-shadow: none !important;
}

body.theme-4 #calendario .fc-button.active,
body.theme-4 #calendario .btn-primary.active,
body.theme-4 #calendario .fc-button-active,
body.theme-4 #calendario .fc-button:active,
body.theme-4 .fc-button-active {
  background: var(--t4-primary) !important;
  border-color: var(--t4-primary) !important;
  color: var(--t4-on-primary, #ffffff) !important;
  box-shadow: none !important;
}

body.theme-3 #calendario .fc-button:focus {
  box-shadow: none !important;
  outline: 0 !important;
}

body.theme-4 #calendario .fc-button:focus {
  box-shadow: none !important;
  outline: 0 !important;
}

/* grupo em pilula (cantos) */
body.theme-3 #calendario .btn-group>.btn:first-child,
body.theme-3 #calendario .fc-button-group>.fc-button:first-child {
  border-radius: 9px 0 0 9px !important;
}

body.theme-4 #calendario .btn-group>.btn:first-child,
body.theme-4 #calendario .fc-button-group>.fc-button:first-child {
  border-radius: 9px 0 0 9px !important;
}

body.theme-3 #calendario .btn-group>.btn:last-child,
body.theme-3 #calendario .fc-button-group>.fc-button:last-child {
  border-radius: 0 9px 9px 0 !important;
}

body.theme-4 #calendario .btn-group>.btn:last-child,
body.theme-4 #calendario .fc-button-group>.fc-button:last-child {
  border-radius: 0 9px 9px 0 !important;
}

/* toolbar limpa + titulo */
body.theme-3 .fc-header {
  background: transparent !important;
}

body.theme-4 .fc-header {
  background: transparent !important;
}

body.theme-3 #calendario .fc-toolbar {
  margin-bottom: 14px !important;
}

body.theme-4 #calendario .fc-toolbar {
  margin-bottom: 14px !important;
}

body.theme-3 #calendario .fc-toolbar h2 {
  color: var(--t4-text) !important;
  font-weight: 700 !important;
}

body.theme-4 #calendario .fc-toolbar h2 {
  color: var(--t4-text) !important;
  font-weight: 700 !important;
}

/* GRADE ARREDONDADA (adeus "tudo quadrado") */
body.theme-3 #calendario .fc-view-container {
  border-radius: 14px !important;
  overflow: hidden !important;
  border: 1px solid var(--t4-ag-borda) !important;
  background: var(--t4-ag-fundo) !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, .06) !important;
}

body.theme-4 #calendario .fc-view-container {
  border-radius: 14px !important;
  overflow: hidden !important;
  border: 1px solid var(--t4-ag-borda) !important;
  background: var(--t4-ag-fundo) !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, .06) !important;
}

body.theme-3 #calendario .fc-view-container .fc-view>table {
  margin: 0 !important;
}

body.theme-4 #calendario .fc-view-container .fc-view>table {
  margin: 0 !important;
}

/* cabecalho dos dias (v4: .fc-day-header) */
body.theme-3 #calendario .fc-day-header {
  background: var(--t4-ag-fundo) !important;
  color: var(--t4-cal-dow) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: .05em !important;
  padding: 9px 4px !important;
  border-color: var(--t4-ag-borda) !important;
}

body.theme-4 #calendario .fc-day-header {
  background: var(--t4-ag-fundo) !important;
  color: var(--t4-cal-dow) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: .05em !important;
  padding: 9px 4px !important;
  border-color: var(--t4-ag-borda) !important;
}

body.theme-3 #calendario .fc-day-header.fc-sun {
  background: var(--t4-ag-dom) !important;
}

body.theme-4 #calendario .fc-day-header.fc-sun {
  background: var(--t4-ag-dom) !important;
}

body.theme-3 #calendario .fc-day-header.fc-sat {
  background: var(--t4-ag-sab) !important;
}

body.theme-4 #calendario .fc-day-header.fc-sat {
  background: var(--t4-ag-sab) !important;
}

/* numeros dos dias (v4: .fc-day-top .fc-day-number) */
body.theme-3 #calendario .fc-day-number {
  padding: 5px 8px !important;
  color: var(--t4-cal-dias) !important;
  font-weight: 600 !important;
}

body.theme-4 #calendario .fc-day-number {
  padding: 5px 8px !important;
  color: var(--t4-cal-dias) !important;
  font-weight: 600 !important;
}

body.theme-3 #calendario .fc-other-month .fc-day-number {
  opacity: .45 !important;
}

body.theme-4 #calendario .fc-other-month .fc-day-number {
  opacity: .45 !important;
}

/* grade: bordas/hoje/fim-de-semana */
body.theme-3 #calendario .fc td,
body.theme-3 #calendario .fc th,
body.theme-3 #calendario td,
body.theme-3 #calendario th {
  border-color: var(--t4-ag-borda) !important;
}

body.theme-4 #calendario .fc td,
body.theme-4 #calendario .fc th,
body.theme-4 #calendario td,
body.theme-4 #calendario th {
  border-color: var(--t4-ag-borda) !important;
}

body.theme-3 #calendario td.fc-today {
  background: var(--t4-ag-hoje) !important;
}

body.theme-4 #calendario td.fc-today {
  background: var(--t4-ag-hoje) !important;
}

body.theme-3 #calendario td.fc-sun {
  background: var(--t4-ag-dom) !important;
}

body.theme-4 #calendario td.fc-sun {
  background: var(--t4-ag-dom) !important;
}

body.theme-3 #calendario td.fc-sat {
  background: var(--t4-ag-sab) !important;
}

body.theme-4 #calendario td.fc-sat {
  background: var(--t4-ag-sab) !important;
}

/* EVENTOS v4 (daygrid/timegrid): CHIP arredondado; cor INLINE por tipo preservada */
body.theme-3 #calendario .fc-event,
body.theme-3 #calendario .fc-day-grid-event,
body.theme-3 #calendario .fc-time-grid-event {
  border-radius: 7px !important;
  padding: 2px 8px !important;
  margin: 1px 6px 2px !important;
  font-size: 11.5px !important;
  line-height: 1.35 !important;
  border-width: 0 !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .14) !important;
}

body.theme-4 #calendario .fc-event,
body.theme-4 #calendario .fc-day-grid-event,
body.theme-4 #calendario .fc-time-grid-event {
  border-radius: 7px !important;
  padding: 2px 8px !important;
  margin: 1px 6px 2px !important;
  font-size: 11.5px !important;
  line-height: 1.35 !important;
  border-width: 0 !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .14) !important;
}

body.theme-3 #calendario .fc-event:not([style*="background-color:#"]):not([style*="background-color: #"]):not([style*="background-color:rgb"]):not([style*="background-color: rgb"]),
body.theme-3 #calendario .fc-day-grid-event:not([style*="background-color:#"]):not([style*="background-color: #"]):not([style*="background-color:rgb"]):not([style*="background-color: rgb"]) {
  background: var(--t4-ag-evento) !important;
  border-color: color-mix(in srgb, var(--t4-ag-evento) 82%, #000) !important;
  color: var(--t4-on-primary, #fff) !important;
}

body.theme-4 #calendario .fc-event:not([style*="background-color:#"]):not([style*="background-color: #"]):not([style*="background-color:rgb"]):not([style*="background-color: rgb"]),
body.theme-4 #calendario .fc-day-grid-event:not([style*="background-color:#"]):not([style*="background-color: #"]):not([style*="background-color:rgb"]):not([style*="background-color: rgb"]) {
  background: var(--t4-ag-evento) !important;
  border-color: color-mix(in srgb, var(--t4-ag-evento) 82%, #000) !important;
  color: var(--t4-on-primary, #fff) !important;
}

/* "ver mais N..." */
body.theme-3 #calendario .fc-more {
  color: var(--t4-primary) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

body.theme-4 #calendario .fc-more {
  color: var(--t4-primary) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

body.theme-3 #calendario .fc-more:hover {
  color: var(--t4-primary-hover) !important;
}

body.theme-4 #calendario .fc-more:hover {
  color: var(--t4-primary-hover) !important;
}

/* visao LISTA: cabecalhos e hover na marca */
body.theme-3 #calendario .fc-list-heading td {
  background: var(--t4-ag-fundo) !important;
  color: var(--t4-text) !important;
  border-color: var(--t4-ag-borda) !important;
  font-weight: 700 !important;
}

body.theme-4 #calendario .fc-list-heading td {
  background: var(--t4-ag-fundo) !important;
  color: var(--t4-text) !important;
  border-color: var(--t4-ag-borda) !important;
  font-weight: 700 !important;
}

body.theme-3 #calendario .fc-list-item:hover td {
  background: color-mix(in srgb, var(--t4-primary) 6%, #fff) !important;
}

body.theme-4 #calendario .fc-list-item:hover td {
  background: color-mix(in srgb, var(--t4-primary) 6%, #fff) !important;
}

body.theme-3 #calendario .fc-list-table td {
  border-color: var(--t4-ag-borda) !important;
}

body.theme-4 #calendario .fc-list-table td {
  border-color: var(--t4-ag-borda) !important;
}

/* ALINHAMENTO: a pagina tinha padding-right 3em sem equivalente a esquerda */
body.theme-3 .main-content:has(#calendario) {
  padding-left: 2em !important;
  padding-right: 2em !important;
}

body.theme-4 .main-content:has(#calendario) {
  padding-left: 2em !important;
  padding-right: 2em !important;
}

/* ==========================================================================
   AGENDA FC4 — AJUSTES FINOS (DOM real conferido /agenda/agenda#carregada):
   toolbar `.fc-left` = [btn-group prev/next] + [.fc-today-button standalone];
   container em `.col-md-11` (perdia coluna a direita); eventos reais vem com
   style="background-color:null" (sem cor propria) -> recebem o token.
   ========================================================================== */
/* 1) gap entre as setas (btn-group) e o botao "Hoje" (minha normalizacao zerou o default) */
body.theme-3 #calendario .fc-toolbar .fc-today-button,
body.theme-3 #calendario .fc-left .fc-today-button {
  margin-left: 12px !important;
}

body.theme-4 #calendario .fc-toolbar .fc-today-button,
body.theme-4 #calendario .fc-left .fc-today-button {
  margin-left: 12px !important;
}

body.theme-3 #calendario .fc-today-button {
  border-radius: 9px !important;
}

body.theme-4 #calendario .fc-today-button {
  border-radius: 9px !important;
}

body.theme-3 #calendario .fc-today-button[disabled] {
  opacity: .5 !important;
}

body.theme-4 #calendario .fc-today-button[disabled] {
  opacity: .5 !important;
}

/* setas prev/next: grupo conectado, cantos so nas pontas */
body.theme-3 #calendario .fc-left .btn-group>.btn:first-child {
  border-radius: 9px 0 0 9px !important;
}

body.theme-4 #calendario .fc-left .btn-group>.btn:first-child {
  border-radius: 9px 0 0 9px !important;
}

body.theme-3 #calendario .fc-left .btn-group>.btn:last-child {
  border-radius: 0 9px 9px 0 !important;
}

body.theme-4 #calendario .fc-left .btn-group>.btn:last-child {
  border-radius: 0 9px 9px 0 !important;
}

/* 2) "ver mais N..." como TAG/pill destacada e claramente clicavel */
body.theme-3 #calendario .fc-more-cell {
  text-align: left !important;
}

body.theme-4 #calendario .fc-more-cell {
  text-align: left !important;
}

body.theme-3 #calendario .fc-more {
  display: inline-block !important;
  background: color-mix(in srgb, var(--t4-primary) 12%, #fff) !important;
  color: var(--t4-primary) !important;
  border: 1px solid color-mix(in srgb, var(--t4-primary) 26%, #fff) !important;
  border-radius: 99px !important;
  padding: 2px 11px !important;
  margin: 2px 6px 4px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  cursor: pointer !important;
  white-space: nowrap !important;
  box-shadow: 0 1px 2px rgba(5, 51, 69, .10) !important;
  transition: background .15s ease, color .15s ease, box-shadow .15s ease !important;
}

body.theme-4 #calendario .fc-more {
  display: inline-block !important;
  background: color-mix(in srgb, var(--t4-primary) 12%, #fff) !important;
  color: var(--t4-primary) !important;
  border: 1px solid color-mix(in srgb, var(--t4-primary) 26%, #fff) !important;
  border-radius: 99px !important;
  padding: 2px 11px !important;
  margin: 2px 6px 4px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  cursor: pointer !important;
  white-space: nowrap !important;
  box-shadow: 0 1px 2px rgba(5, 51, 69, .10) !important;
  transition: background .15s ease, color .15s ease, box-shadow .15s ease !important;
}

body.theme-3 #calendario .fc-more:hover {
  background: var(--t4-primary) !important;
  color: var(--t4-on-primary, #fff) !important;
  border-color: var(--t4-primary) !important;
  box-shadow: 0 3px 8px rgba(5, 51, 69, .22) !important;
}

body.theme-4 #calendario .fc-more:hover {
  background: var(--t4-primary) !important;
  color: var(--t4-on-primary, #fff) !important;
  border-color: var(--t4-primary) !important;
  box-shadow: 0 3px 8px rgba(5, 51, 69, .22) !important;
}

/* 3) bordas com DESTAQUE + drop-shadow nas divisorias (separacao mais clara) */
body.theme-3 #calendario .fc-view-container {
  border: 1px solid color-mix(in srgb, var(--t4-ag-borda) 78%, #000) !important;
  box-shadow: 0 4px 18px rgba(5, 51, 69, .12) !important;
}

body.theme-4 #calendario .fc-view-container {
  border: 1px solid color-mix(in srgb, var(--t4-ag-borda) 78%, #000) !important;
  box-shadow: 0 4px 18px rgba(5, 51, 69, .12) !important;
}

body.theme-3 #calendario hr.fc-divider,
body.theme-3 #calendario .fc-divider {
  border: 0 !important;
  height: 0 !important;
  border-top: 2px solid color-mix(in srgb, var(--t4-ag-borda) 72%, #000) !important;
  box-shadow: 0 3px 7px rgba(5, 51, 69, .16) !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.theme-4 #calendario hr.fc-divider,
body.theme-4 #calendario .fc-divider {
  border: 0 !important;
  height: 0 !important;
  border-top: 2px solid color-mix(in srgb, var(--t4-ag-borda) 72%, #000) !important;
  box-shadow: 0 3px 7px rgba(5, 51, 69, .16) !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* linhas de semana / cabecalho: separacao com leve sombra */
body.theme-3 #calendario .fc-head-container,
body.theme-3 #calendario thead.fc-head {
  box-shadow: 0 2px 6px rgba(5, 51, 69, .10) !important;
  position: relative;
  z-index: 1;
}

body.theme-4 #calendario .fc-head-container,
body.theme-4 #calendario thead.fc-head {
  box-shadow: 0 2px 6px rgba(5, 51, 69, .10) !important;
  position: relative;
  z-index: 1;
}

body.theme-3 #calendario .fc-row.fc-week+.fc-row.fc-week {
  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--t4-ag-borda) 60%, #000) !important;
}

body.theme-4 #calendario .fc-row.fc-week+.fc-row.fc-week {
  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--t4-ag-borda) 60%, #000) !important;
}

/* 4) MARGEM: o calendario vive num .col-md-11 (Bootstrap 3 = 91.66% + float left ->
   sobra ~1 coluna VAZIA a direita). Ocupa a largura toda -> margens simetricas. */
body.theme-3 .col-md-11:has(#calendario) {
  width: 100% !important;
  float: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

body.theme-4 .col-md-11:has(#calendario) {
  width: 100% !important;
  float: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* 5) eventos: garante o CHIP tokenizado mesmo em week/day (time-grid) e all-day */
body.theme-3 #calendario .fc-day-grid-event,
body.theme-3 #calendario .fc-time-grid-event,
body.theme-3 #calendario a.fc-event.preview-agenda {
  border-radius: 7px !important;
  margin: 1px 6px 2px !important;
  padding: 2px 8px !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .14) !important;
  border-width: 0 !important;
}

body.theme-4 #calendario .fc-day-grid-event,
body.theme-4 #calendario .fc-time-grid-event,
body.theme-4 #calendario a.fc-event.preview-agenda {
  border-radius: 7px !important;
  margin: 1px 6px 2px !important;
  padding: 2px 8px !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .14) !important;
  border-width: 0 !important;
}

/* ==========================================================================
   AGENDA — GRADE LIMPA (CONSOLIDACAO). Substitui os 5 patches de borda que se
   empilharam (55%/42%/2px -> 45% -> border:0 -> border de novo) e somavam ate
   4px de linha escura entre semanas. Estrategia: RESET total das bordas
   internas + redesenho minimal: 1px em TUDO, um unico tom medio derivado do
   token (--t4-ag-linha ~#9EA2A5: visivel sem pesar; o antigo #dce1e5 sumia e
   o mix 45%+#000 ficou grosso/escuro). Perimetro = borda do container na
   MESMA cor + raio => canto continuo.
   ========================================================================== */
body.theme-4,
body.theme-3 {
  --t4-ag-linha: color-mix(in srgb, var(--t4-ag-borda) 72%, #000);
  /* separadores ~rgb(158) */
  --t4-ag-linha-suave: color-mix(in srgb, var(--t4-ag-borda) 88%, #000);
  /* horas/lista ~rgb(194) */
}

/* 1) RESET: zera toda borda interna (tabelas aninhadas somavam bordas) */
body.theme-3 #calendario table,
body.theme-3 #calendario td,
body.theme-3 #calendario th,
body.theme-3 #calendario .fc-row,
body.theme-3 #calendario table.table-bordered,
body.theme-3 #calendario table.table-bordered td,
body.theme-3 #calendario table.table-bordered th {
  border: 0 !important;
}

body.theme-4 #calendario table,
body.theme-4 #calendario td,
body.theme-4 #calendario th,
body.theme-4 #calendario .fc-row,
body.theme-4 #calendario table.table-bordered,
body.theme-4 #calendario table.table-bordered td,
body.theme-4 #calendario table.table-bordered th {
  border: 0 !important;
}

/* mata sombras dos patches antigos nas linhas/cabecalho */
body.theme-3 #calendario .fc-head-container,
body.theme-3 #calendario thead.fc-head {
  box-shadow: none !important;
}

body.theme-4 #calendario .fc-head-container,
body.theme-4 #calendario thead.fc-head {
  box-shadow: none !important;
}

body.theme-3 #calendario .fc-row.fc-week+.fc-row.fc-week {
  box-shadow: none !important;
}

body.theme-4 #calendario .fc-row.fc-week+.fc-row.fc-week {
  box-shadow: none !important;
}

/* 2) VERTICAIS: 1 linha entre colunas (corpo do mes + cabecalho + time-grid) */
body.theme-3 #calendario .fc-bg td+td,
body.theme-3 #calendario .fc-head-container th+th {
  border-left: 1px solid var(--t4-ag-linha) !important;
}

body.theme-4 #calendario .fc-bg td+td,
body.theme-4 #calendario .fc-head-container th+th {
  border-left: 1px solid var(--t4-ag-linha) !important;
}

/* 3) HORIZONTAIS: 1 linha sob o cabecalho + 1 entre semanas (nunca somadas) */
body.theme-3 #calendario .fc-head-container,
body.theme-3 #calendario thead.fc-head td.fc-head-container,
body.theme-3 #calendario thead.fc-head .fc-head-container {
  border-bottom: 1px solid var(--t4-ag-linha) !important;
}

body.theme-4 #calendario .fc-head-container,
body.theme-4 #calendario thead.fc-head td.fc-head-container,
body.theme-4 #calendario thead.fc-head .fc-head-container {
  border-bottom: 1px solid var(--t4-ag-linha) !important;
}

body.theme-3 #calendario .fc-day-grid .fc-row+.fc-row {
  border-top: 1px solid var(--t4-ag-linha) !important;
}

body.theme-4 #calendario .fc-day-grid .fc-row+.fc-row {
  border-top: 1px solid var(--t4-ag-linha) !important;
}

/* 4) SEMANA/DIA (time-grid): horas suaves, meia-hora pontilhada, eixo demarcado */
body.theme-3 #calendario .fc-slats tr>td {
  border-top: 1px solid var(--t4-ag-linha-suave) !important;
}

body.theme-4 #calendario .fc-slats tr>td {
  border-top: 1px solid var(--t4-ag-linha-suave) !important;
}

body.theme-3 #calendario .fc-slats tr.fc-minor>td {
  border-top-style: dotted !important;
}

body.theme-4 #calendario .fc-slats tr.fc-minor>td {
  border-top-style: dotted !important;
}

body.theme-3 #calendario .fc-slats td.fc-axis,
body.theme-3 #calendario .fc-bg td.fc-axis {
  border-right: 1px solid var(--t4-ag-linha) !important;
}

body.theme-4 #calendario .fc-slats td.fc-axis,
body.theme-4 #calendario .fc-bg td.fc-axis {
  border-right: 1px solid var(--t4-ag-linha) !important;
}

body.theme-3 #calendario hr.fc-divider,
body.theme-3 #calendario .fc-divider {
  border: 0 !important;
  border-top: 1px solid var(--t4-ag-linha) !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
}

body.theme-4 #calendario hr.fc-divider,
body.theme-4 #calendario .fc-divider {
  border: 0 !important;
  border-top: 1px solid var(--t4-ag-linha) !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
}

/* 5) LISTA: separador suave entre itens */
body.theme-3 #calendario .fc-list-table tr td {
  border-top: 1px solid var(--t4-ag-linha-suave) !important;
}

body.theme-4 #calendario .fc-list-table tr td {
  border-top: 1px solid var(--t4-ag-linha-suave) !important;
}

body.theme-3 #calendario .fc-list-table tr:first-child td {
  border-top: 0 !important;
}

body.theme-4 #calendario .fc-list-table tr:first-child td {
  border-top: 0 !important;
}

/* 6) PERIMETRO: borda do container na MESMA cor da grade + raio = canto continuo */
body.theme-3 #calendario .fc-view-container {
  border: 1px solid var(--t4-ag-linha) !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  background: var(--t4-ag-fundo) !important;
  box-shadow: 0 4px 16px rgba(5, 51, 69, .10) !important;
}

body.theme-4 #calendario .fc-view-container {
  border: 1px solid var(--t4-ag-linha) !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  background: var(--t4-ag-fundo) !important;
  box-shadow: 0 4px 16px rgba(5, 51, 69, .10) !important;
}

/* ==========================================================================
   AGENDA — PAINEL DE FILTRO (sidebar, DOM real) + CONTRASTES corrigidos.
   ========================================================================== */
/* "Salvar filtro": botao lime com texto+icone ESCUROS (contraste) */
body.theme-4 #menu .sidebar #salvarfiltro,
body.theme-4 #menu .sidebar #salvarfiltro .fa,
body.theme-4 #menu .sidebar #salvarfiltro i {
  color: var(--t4-on-lime, #053345) !important;
}

body.theme-4 #menu .sidebar #salvarfiltro {
  background: linear-gradient(180deg, var(--t4-btnprim-1), var(--t4-btnprim-2)) !important;
  border: 0 !important;
  border-radius: 9px !important;
  font-weight: 700 !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .18) !important;
}

/* icone (i) de ajuda vinha com style="color:black" INLINE -> invisivel no fundo escuro */
body.theme-4 #menu .sidebar label .fa-info-circle,
body.theme-4 #menu .sidebar .fa-info-circle {
  color: rgba(255, 255, 255, .9) !important;
}

/* select2-multi (Usuarios / Tipo de Agendamento): tom sobre tom + chips claros */
body.theme-4 :is(#menu .sidebar, #offcanvas-filtros-mobile) .select2-container-multi {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}

body.theme-4 :is(#menu .sidebar, #offcanvas-filtros-mobile) .select2-container-multi .select2-choices {
  background: rgba(255, 255, 255, .08) !important;
  border: 1px solid rgba(255, 255, 255, .22) !important;
  border-radius: 99px !important;
  box-shadow: none !important;
}

/* Pill (99px) so funciona liso numa linha; quebrando (2 usuarios de nome
   longo ja bastam, ou 3+) o mesmo raio nas pontas vira "blob" na caixa alta.
   .t4-select2-wrapped e calculada via JS medindo o layout real dos chips
   (public/js/views/agenda.js, detectarQuebraDeLinha) -- contagem sozinha nao
   bastava: 2 chips compridos quebram, 3 chips curtos as vezes nao. */
body.theme-4 :is(#menu .sidebar, #offcanvas-filtros-mobile) .select2-container-multi .select2-choices.t4-select2-wrapped {
  border-radius: 16px !important;
}

body.theme-4 :is(#menu .sidebar, #offcanvas-filtros-mobile) .select2-choices .select2-search-choice {
  background: rgba(255, 255, 255, .95) !important;
  border: 1px solid rgba(255, 255, 255, .5) !important;
  color: var(--t4-text, #053345) !important;
  border-radius: 99px !important;
  box-shadow: none !important;
}

body.theme-4 :is(#menu .sidebar, #offcanvas-filtros-mobile) .select2-choices .select2-search-choice div,
body.theme-4 :is(#menu .sidebar, #offcanvas-filtros-mobile) .select2-choices .select2-search-choice div * {
  color: var(--t4-text, #053345) !important;
}

body.theme-4 :is(#menu .sidebar, #offcanvas-filtros-mobile) .select2-choices .select2-search-field input {
  color: #fff !important;
}

/* bootstrap-switch => SEGMENTADO (feedback "esta ativo o nao ou o sim? nao da pra
   entender"): o toggle de 1 rotulo e ambiguo. Mostramos AS DUAS opcoes lado a lado
   e a ATUAL fica destacada (verde-ativo p/ ligado; chip branco p/ desligado).
   CSS vence os widths/margins INLINE do plugin via !important. */
/* full-width + 50/50 + texto centralizado (harmonico com os campos abaixo) */
body.theme-4 :is(#menu .sidebar, #offcanvas-filtros-mobile) .bootstrap-switch {
  width: 100% !important;
  display: flex !important;
  border-radius: 99px !important;
  overflow: hidden !important;
  border: 1px solid rgba(255, 255, 255, .28) !important;
  background: rgba(255, 255, 255, .08) !important;
  box-shadow: none !important;
  padding: 3px !important;
}

body.theme-4 :is(#menu .sidebar, #offcanvas-filtros-mobile) .bootstrap-switch .bootstrap-switch-container {
  width: 100% !important;
  margin-left: 0 !important;
  transform: none !important;
  display: flex !important;
  align-items: stretch !important;
  gap: 2px !important;
}

body.theme-4 :is(#menu .sidebar, #offcanvas-filtros-mobile) .bootstrap-switch .bootstrap-switch-label {
  display: none !important;
}

body.theme-4 :is(#menu .sidebar, #offcanvas-filtros-mobile) .bootstrap-switch .bootstrap-switch-handle-on,
body.theme-4 :is(#menu .sidebar, #offcanvas-filtros-mobile) .bootstrap-switch .bootstrap-switch-handle-off {
  flex: 1 1 50% !important;
  width: 50% !important;
  text-align: center !important;
  padding: 6px 10px !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
  border-radius: 99px !important;
  box-shadow: none !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* estado ATUAL destacado; o outro apagado (legivel, mas claramente inativo) */
body.theme-4 :is(#menu .sidebar, #offcanvas-filtros-mobile) .bootstrap-switch.bootstrap-switch-on .bootstrap-switch-handle-on {
  background: #ffffff !important;
  color: #053345 !important;
  font-weight: 700 !important;
}

body.theme-4 :is(#menu .sidebar, #offcanvas-filtros-mobile) .bootstrap-switch.bootstrap-switch-on .bootstrap-switch-handle-off {
  background: var(--t4-primary, #104E64) !important;
  color: rgba(255, 255, 255, .75) !important;
  font-weight: 500 !important;
}

body.theme-4 :is(#menu .sidebar, #offcanvas-filtros-mobile) .bootstrap-switch.bootstrap-switch-off .bootstrap-switch-handle-off {
  background: #ffffff !important;
  color: #053345 !important;
  font-weight: 700 !important;
}

body.theme-4 :is(#menu .sidebar, #offcanvas-filtros-mobile) .bootstrap-switch.bootstrap-switch-off .bootstrap-switch-handle-on {
  background: var(--t4-primary, #104E64) !important;
  color: rgba(255, 255, 255, .75) !important;
  font-weight: 500 !important;
}

/* native select (Qtd de itens): campo claro legivel (o POPUP aberto e do SO) */
body.theme-4 :is(#menu .sidebar, #offcanvas-filtros-mobile) select.form-control {
  background: rgba(255, 255, 255, .08) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, .22) !important;
  border-radius: 99px !important;
}

body.theme-4 :is(#menu .sidebar, #offcanvas-filtros-mobile) select.form-control option {
  color: #000000; /* popup nativo do SO, sempre com fundo claro -- opcao ilegivel se herdasse branco */
}

/* inputs de texto (ex.: Status Atual WF, Principal) — mesmo padrao arredondado
   do switch/select acima, so pra nao ficar destoando com radius menor. */
body.theme-4 :is(#menu .sidebar, #offcanvas-filtros-mobile) input.form-control {
  background: rgba(255, 255, 255, .08) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, .22) !important;
  border-radius: 99px !important;
}

/* select2 SINGLE (não multi — campos como Status/Tipo de compromisso quando
   viram autocomplete de 1 valor só) não tinha regra nenhuma aqui; a caixa
   visível é .select2-choice, não o <select>/<input> original (escondido). */
body.theme-4 :is(#menu .sidebar, #offcanvas-filtros-mobile) .select2-container .select2-choice {
  background: rgba(255, 255, 255, .08) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, .22) !important;
  border-radius: 99px !important;
}

/* ==========================================================================
   AGENDA/GLOBAL — DROPDOWN do select2 (v3) MODERNO. A lista que abre ao clicar
   e anexada ao <body> (fora do .sidebar) -> escopo em body.theme-4. Vale p/
   Usuarios, Tipo de Agendamento e qualquer select2 do app no theme-4.
   ========================================================================== */
body.theme-4 .select2-drop {
  border: 1px solid var(--t4-border, #dce1e5) !important;
  border-radius: 12px !important;
  margin-top: 6px !important;
  background: var(--t4-surface, #fff) !important;
  box-shadow: 0 12px 32px rgba(5, 51, 69, .20) !important;
  overflow: hidden !important;
}

body.theme-4 .select2-drop.select2-drop-above {
  margin-top: 0 !important;
  margin-bottom: 6px !important;
  border-radius: 12px !important;
}

body.theme-4 .select2-drop .select2-search {
  padding: 8px 8px 4px !important;
}

body.theme-4 .select2-drop .select2-search input {
  border: 1px solid var(--t4-border, #dce1e5) !important;
  border-radius: 8px !important;
  padding: 7px 30px 7px 10px !important;
  background: #fff !important;
  font-size: 13px !important;
}

body.theme-4 .select2-results {
  padding: 6px !important;
  margin: 0 !important;
}

body.theme-4 .select2-results .select2-result {
  border-radius: 8px !important;
}

body.theme-4 .select2-results .select2-result-label {
  padding: 9px 12px !important;
  border-radius: 8px !important;
  font-size: 13px !important;
  color: var(--t4-text, #053345) !important;
}

/* item destacado (mouse/teclado) = primaria da marca (era azul #3875d7 legado) */
body.theme-4 .select2-results .select2-highlighted {
  background: transparent !important;
}

body.theme-4 .select2-results .select2-highlighted .select2-result-label {
  background: var(--t4-primary) !important;
  color: var(--t4-on-primary, #fff) !important;
  border-radius: 8px !important;
}

body.theme-4 .select2-results .select2-no-results,
body.theme-4 .select2-results .select2-searching {
  color: var(--t4-text-muted, #67757c) !important;
  padding: 9px 12px !important;
}

/* ==========================================================================
   AGENDA — switch segmentado: leve polish no segmento ATIVO (sombra) p/ ler
   como controle "raised" (identico nos estados on/off).
   ========================================================================== */
body.theme-4 :is(#menu .sidebar, #offcanvas-filtros-mobile) .bootstrap-switch.bootstrap-switch-on .bootstrap-switch-handle-on,
body.theme-4 :is(#menu .sidebar, #offcanvas-filtros-mobile) .bootstrap-switch.bootstrap-switch-off .bootstrap-switch-handle-off {
  box-shadow: 0 1px 3px rgba(0, 0, 0, .28) !important;
}

/* ==========================================================================
   AGENDA — ajustes do filtro (feedback): Tipo de Agendamento como CAMPO claro,
   hover do dropdown por CSS (nao depende do JS do select2), loading limpo.
   ========================================================================== */
/* Tipo de Agendamento (tabaux) = campo de preenchimento CLARO (como o select nativo) */
body.theme-4 :is(#menu .sidebar, #offcanvas-filtros-mobile) .select2-container-multi.tabaux,
body.theme-4 :is(#menu .sidebar, #offcanvas-filtros-mobile) .select2-container-multi.tabaux .select2-choices {
  background: rgba(255, 255, 255, .08) !important;
  border: 1px solid rgba(255, 255, 255, .22) !important;
  border-radius: 20px !important;
  box-shadow: none !important;
}

/* mesma logica de quebra de linha do bloco .select2-container-multi comum
   acima (ver .t4-select2-wrapped, calculada em agenda.js) -- essa regra e a
   variante ".tabaux" (Status Atual WF etc.), especificidade EMPATADA com a
   regra de cima (mesmo numero de classes) entao so vence por vir DEPOIS. */
body.theme-4 :is(#menu .sidebar, #offcanvas-filtros-mobile) .select2-container-multi.tabaux .select2-choices.t4-select2-wrapped {
  border-radius: 16px !important;
}

body.theme-4 :is(#menu .sidebar, #offcanvas-filtros-mobile) .select2-container-multi.tabaux .select2-choices .select2-search-field input {
  color: #ffffff !important;
}

body.theme-4 :is(#menu .sidebar, #offcanvas-filtros-mobile) .select2-container-multi.tabaux .select2-search-choice {
  background: rgba(255, 255, 255, .95) !important;
  border: 1px solid rgba(255, 255, 255, .5) !important;
  color: var(--t4-text, #053345) !important;
  border-radius: 99px !important;
}

/* HOVER do dropdown por CSS: passar o mouse SEMPRE destaca em petroleo (o JS do
   select2 v3 as vezes nao move o .select2-highlighted a tempo) */
body.theme-4 .select2-results .select2-result:hover>.select2-result-label {
  background: var(--t4-primary) !important;
  color: var(--t4-on-primary, #fff) !important;
  border-radius: 8px !important;
}

/* estados de LOADING/vazio limpos (era caixa cinza #f4f4f4) */
body.theme-4 .select2-results .select2-no-results,
body.theme-4 .select2-results .select2-ajax-error,
body.theme-4 .select2-results .select2-selection-limit,
body.theme-4 .select2-more-results,
body.theme-4 .select2-more-results.select2-active {
  background: var(--t4-surface, #fff) !important;
  color: var(--t4-text-muted, #67757c) !important;
  padding: 10px 12px !important;
  border-radius: 8px !important;
}

/* "Buscando..." = LINHA compacta com spinner CSS proprio (era caixa cinza + gif) */
body.theme-4 .select2-results .select2-searching {
  background: var(--t4-surface, #fff) !important;
  color: var(--t4-text-muted, #67757c) !important;
  padding: 11px 13px !important;
  font-size: 13px !important;
  text-align: left !important;
  display: flex !important;
  align-items: center !important;
  gap: 9px !important;
  border-radius: 8px !important;
  list-style: none !important;
}

body.theme-4 .select2-results .select2-searching::before {
  content: "" !important;
  width: 15px !important;
  height: 15px !important;
  border-radius: 50% !important;
  border: 2px solid var(--t4-border, #dce1e5) !important;
  border-top-color: var(--t4-primary, #104E64) !important;
  animation: t4spin .7s linear infinite !important;
  flex: 0 0 auto !important;
}

@keyframes t4spin {
  to {
    transform: rotate(360deg);
  }
}

@media (prefers-reduced-motion:reduce) {
  body.theme-4 .select2-results .select2-searching::before {
    animation: none !important;
  }
}

/* campo de busca inline em LOADING: NAO virar caixa branca (select2.css:554);
   fica transparente e some o spinner-gif (o "Buscando..." ja indica) */
body.theme-4 #menu .sidebar .select2-container-multi .select2-choices .select2-search-field input.select2-active,
body.theme-4 .select2-search input.select2-active {
  background: transparent !important;
}

/* badge "Exibindo filtro personalizado": colapsa o espaco gigante do <br><br><br>
   (markup legado) entre o badge e o "Salvar filtro" -> gap controlado por margin */
body.theme-4 #menu .sidebar #badgeFiltroUsuario {
  display: block !important;
  width: 100% !important;
  text-align: center !important;
  border-radius: 99px !important;
  padding: 6px 12px !important;
  margin: 0 0 12px !important;
  /* 2026-07-16: era "Info clareado" (azul lavado) — fora da paleta e no anti-padrão
     registrado (destaque lavado que some). Antes disso, o legado cravava laranja #eb9316
     INLINE na view — erro em dupla. Agora LIME sólido da marca, o mesmo dos botões
     Pesquisar: segue editável pelo picker "Botão primário"; texto petróleo p/ contraste. */
  background: linear-gradient(180deg, var(--t4-btnprim-1, #BBF451), var(--t4-btnprim-2, #D8F999)) !important;
  border: 1px solid color-mix(in srgb, var(--t4-btnprim-1, #BBF451) 72%, #000) !important;
  color: var(--t4-on-lime, #053345) !important;
  font-weight: 700 !important;
}

body.theme-4 #menu .sidebar #badgeFiltroUsuario~br {
  display: none !important;
}

/* ==========================================================================
   PESQUISAR / RELATORIO das telas de filtro -> rebrand p/ LIME (primaria da marca),
   consistente com Novo/Voltar. ESCOPADO nesses botoes de acao (wrapper .btn-pesquisa,
   #pesquisa, #btn-pesquisar-modal, e o Relatorio = .dropup > .btn-success.dropdown-toggle)
   -> os DEMAIS .btn-success (verde = sucesso/confirmacao) do app CONTINUAM verdes.
   Usa os tokens --t4-btnprim-* (editaveis no picker "Botao primario").
   ========================================================================== */
.theme-4 .btn-pesquisa .btn.btn-success,
.theme-4 input.btn.btn-success#pesquisa,
.theme-4 input.btn.btn-success#btn-pesquisar-modal,
.theme-4 .btn-group.dropup>.btn.btn-success.dropdown-toggle {
  background: linear-gradient(180deg, var(--t4-btnprim-1), var(--t4-btnprim-2)) !important;
  border-color: color-mix(in srgb, var(--t4-btnprim-1) 72%, #000) !important;
  color: var(--t4-on-lime, #053345) !important;
}

.theme-4 .btn-pesquisa .btn.btn-success:hover,
.theme-4 .btn-pesquisa .btn.btn-success:focus,
.theme-4 input.btn.btn-success#pesquisa:hover,
.theme-4 input.btn.btn-success#btn-pesquisar-modal:hover,
.theme-4 .btn-group.dropup>.btn.btn-success.dropdown-toggle:hover,
.theme-4 .btn-group.dropup.open>.btn.btn-success.dropdown-toggle {
  background: linear-gradient(180deg, color-mix(in srgb, var(--t4-btnprim-1) 88%, #000), var(--t4-btnprim-1)) !important;
  color: var(--t4-on-lime, #053345) !important;
}

/* icone de busca (glyphicon) dentro do wrapper: contraste on-lime */
.theme-4 .btn-pesquisa .glyphicon,
.theme-4 .btn-pesquisa .btn.btn-success .glyphicon {
  color: var(--t4-on-lime, #053345) !important;
}



/* dropdown: geometria Material (paridade com o .theme-3 legado do site.css) */
.theme-4 .dropdown-menu {
  border-radius: 8px !important;
  border: 1px solid var(--t4-border) !important;
  box-shadow: 0 2px 2px rgba(0, 0, 0, .05), 0 3px 6px rgba(0, 0, 0, .06), 0 1px 5px rgba(0, 0, 0, .08) !important;
  padding: 6px !important;
}

.theme-4 .dropdown-menu>li>a {
  border-radius: 6px !important;
  padding: 8px 14px !important;
}

.theme-4 .dropdown-menu .divider {
  margin: 6px 4px !important;
}















































/* ==========================================================================
   THEME 3 (claro) — ESPELHO COMPLETO do theme-4 (merge: theme-3 = theme-4).
   Gerado por espelhamento .theme-4 -> .theme-3 (regenerar, nao editar a mao).
   ========================================================================== */
.theme-3 header#pc.navbar,
.theme-3 header#pc.navbar-default,
.theme-3 header#mobile.navbar,
.theme-3 header#mobile.navbar-default {
  background: linear-gradient(180deg, var(--t4-navbar-1) 0%, var(--t4-navbar-2) 100%) !important;
}

.theme-3 header#pc .fa,
.theme-3 header#pc .glyphicon {
  color: #ffffff !important;
}

.theme-3 .input-acessorapido .select2-arrow b:before {
  color: var(--t4-primary) !important;
}

.theme-3 header#pc .dropdown-menu .fa,
.theme-3 header#pc .dropdown-menu .glyphicon {
  color: var(--t4-primary) !important;
}

.theme-3 #tabelaresultado.modulos .iconbox>i {
  background: linear-gradient(180deg, var(--t4-tile-1) 0%, var(--t4-tile-2) 100%) !important;
}

.theme-3 #tabelaresultado.modulos .iconbox>i::before {
  background: linear-gradient(180deg, var(--t4-glifo-1) 0%, var(--t4-glifo-2) 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
}

.theme-3 #tabelaresultado.modulos .iconbox>span {
  color: var(--t4-tile-label) !important;
}

.theme-3 .btn-primary {
  background: linear-gradient(180deg, var(--t4-btnprim-1), var(--t4-btnprim-2)) !important;
  border-color: color-mix(in srgb, var(--t4-btnprim-1) 72%, #000) !important;
  color: var(--t4-on-lime) !important;
}

.theme-3 .btn-primary:hover,
.theme-3 .btn-primary:focus {
  background: linear-gradient(180deg, color-mix(in srgb, var(--t4-btnprim-1) 88%, #000), var(--t4-btnprim-1)) !important;
  color: var(--t4-on-lime) !important;
}

.theme-3 .btn-success {
  background: linear-gradient(180deg, var(--t4-btnprim-1), var(--t4-btnprim-2)) !important;
  border-color: color-mix(in srgb, var(--t4-btnprim-1) 72%, #000) !important;
  color: var(--t4-on-lime) !important;
}

.theme-3 .btn-success:hover,
.theme-3 .btn-success:focus {
  background: linear-gradient(180deg, color-mix(in srgb, var(--t4-btnprim-1) 88%, #000), var(--t4-btnprim-1)) !important;
  color: var(--t4-on-lime) !important;
}

.theme-3 .btn-warning {
  background: var(--t4-warning) !important;
  border-color: var(--t4-warning) !important;
  color: var(--t4-on-warning, #fff) !important;
}

.theme-3 .btn-warning:hover {
  background: var(--t4-warning-h) !important;
}

.theme-3 .btn-danger {
  background: var(--t4-danger) !important;
  border-color: var(--t4-danger) !important;
  color: var(--t4-on-danger, #fff) !important;
}

.theme-3 .btn-danger:hover {
  background: var(--t4-danger-h) !important;
}

.theme-3 .btn-info {
  background: var(--t4-info) !important;
  border-color: var(--t4-info) !important;
  color: var(--t4-on-info, #fff) !important;
}

.theme-3 .btn-info:hover {
  background: var(--t4-info-h) !important;
}

.theme-3 a {
  color: var(--t4-link);
  text-decoration: none;
}

.theme-3 a:hover,
.theme-3 a:focus {
  color: color-mix(in srgb, var(--t4-link) 84%, #000);
  text-decoration: none;
}

.theme-3 .panel-primary>.panel-heading {
  background: var(--t4-primary) !important;
  border-color: var(--t4-primary) !important;
}

.theme-3 .badge-lime,
.theme-3 .glifo-lime {
  background: linear-gradient(180deg, var(--t4-lime-1), var(--t4-lime-2)) !important;
  color: var(--t4-petro-2) !important;
}

.theme-3 #shortcut,
.theme-3 #shortcut-mobile {
  background: linear-gradient(180deg, var(--t4-mega-1) 0%, var(--t4-mega-2) 100%) !important;
}

.theme-3 #shortcut #ulmodulos .shortcut-tile .iconbox>i,
.theme-3 #shortcut-mobile #ulmodulos-mobile .shortcut-tile .iconbox>i,
.theme-3 #shortcut #ulmodulos a.shortcut-tile.selected .iconbox>i,
.theme-3 #shortcut-mobile #ulmodulos-mobile a.shortcut-tile.selected .iconbox>i {
  background: linear-gradient(180deg, var(--t4-megatile-1) 0%, var(--t4-megatile-2) 100%) !important;
}

.theme-3 #shortcut #ulmodulos .shortcut-tile .iconbox>i::before,
.theme-3 #shortcut-mobile #ulmodulos-mobile .shortcut-tile .iconbox>i::before {
  background: linear-gradient(180deg, var(--t4-megaglifo-1) 0%, var(--t4-megaglifo-2) 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
}

.theme-3 #shortcut #ulmodulos .shortcut-tile .iconbox>.label,
.theme-3 #shortcut-mobile #ulmodulos-mobile .shortcut-tile .iconbox>.label {
  color: var(--t4-megalabel, #ffffff) !important;
}

.theme-3 #menu.menu-lateral .sidebar::before {
  background: linear-gradient(180deg, var(--t4-side-1) 0%, var(--t4-side-2) 100%) !important;
}

@media (max-width: 991px) {
  .theme-3 #menu.menu-lateral .sidebar {
    background: linear-gradient(180deg, var(--t4-side-1) 0%, var(--t4-side-2) 100%) !important;
  }
}

.theme-3 #sidebar>li>a {
  color: var(--t4-side-text, #ffffff) !important;
}

.theme-3 #sidebar>li>a .icon-menu {
  color: color-mix(in srgb, var(--t4-side-text, #ffffff) 92%, transparent) !important;
}

.theme-3 #sidebar>li>a.menu-item-ativo {
  background: color-mix(in srgb, var(--t4-verde-ativo) 16%, transparent) !important;
}

.theme-3 #sidebar>li>a.menu-item-ativo .icon-menu {
  color: var(--t4-verde-ativo) !important;
}

.theme-3 #loading #modalLoading::before {
  border-top-color: var(--t4-verde-ativo) !important;
}

.theme-3 .badge.gridRecords,
.theme-3 #record-count-container .progress-bar,
.theme-3 #progresso {
  background: linear-gradient(180deg, var(--t4-chip-1) 0%, var(--t4-chip-2) 100%) !important;
  color: var(--t4-chip-text) !important;
}

.theme-3 #record-count-container .badge {
  display: inline-block;
  margin: 0 8px 8px 0 !important;
  padding: 6px 12px !important;
  border-radius: 8px !important;
  font-size: 12px !important;
  line-height: 1.45;
  vertical-align: middle;
  white-space: normal;
}

.theme-3 #record-count-container .badge.sombra:not(.gridRecords) {
  background: var(--t4-warning) !important;
  color: #ffffff !important;
}

.theme-3 .wf-card .wf-empty__btn {
  background: linear-gradient(180deg, var(--t4-btnprim-1), var(--t4-btnprim-2)) !important;
  color: var(--t4-on-lime) !important;
  box-shadow: none !important;
}

.theme-3 .wf-card .wf-empty__btn:hover,
.theme-3 .wf-card .wf-empty__btn:focus {
  background: linear-gradient(180deg, color-mix(in srgb, var(--t4-btnprim-1) 88%, #000), var(--t4-btnprim-1)) !important;
  color: var(--t4-on-lime) !important;
  box-shadow: none !important;
}

.theme-3 .wf-card .wf-empty__btn .glyphicon-circle-arrow-right:before {
  font-family: 'FontAwesome', 'Font Awesome 5 Free', 'Font Awesome 6 Free' !important;
  font-weight: 900 !important;
  content: "\f0a9" !important;
}

.theme-3 input[type="checkbox"]:checked {
  background-color: var(--t4-check) !important;
  border-color: var(--t4-check) !important;
}

.theme-3 .btnLerMais {
  background: var(--t4-check) !important;
}

.theme-3 .btnLerMais:hover {
  background: color-mix(in srgb, var(--t4-check) 84%, #000) !important;
}

.theme-3 .icones-agrupamento {
  color: var(--t4-check) !important;
}

.theme-3 .btn-pesquisa .glyphicon,
.theme-3 .btn-icon .glyphicon {
  color: var(--t4-petro-2) !important;
}

.theme-3 :is(.painel-interno, .submodulo) :is(.fa-trash-o, .fa-trash, .fa-external-link-square, .fa-cog, .fa-gear, .glyphicon-cog, .fa-info-circle, .fa-plus-square, .fa-check-square-o) {
  color: var(--t4-check) !important;
}

.theme-3 :is(.painel-interno, .submodulo) a:hover :is(.fa-external-link-square, .fa-cog, .glyphicon-cog, .fa-info-circle, .fa-plus-square) {
  color: var(--t4-petro-2) !important;
}

.theme-3 :is(.painel-interno, .submodulo) :is(.excluir, a):hover :is(.fa-trash-o, .fa-trash) {
  color: var(--t4-danger) !important;
}

.theme-3 .ui-datepicker,
.theme-3 #ui-datepicker-div {
  z-index: 9999 !important;
}

.theme-3 .ui-datepicker .ui-datepicker-header {
  background: linear-gradient(180deg, var(--t4-cal-h1) 0%, var(--t4-cal-h2) 100%) !important;
}

.theme-3 .ui-datepicker .ui-datepicker-title {
  color: var(--t4-cal-titulo) !important;
}

.theme-3 .ui-datepicker th {
  color: var(--t4-cal-dow) !important;
}

.theme-3 .ui-datepicker td span,
.theme-3 .ui-datepicker td a {
  color: var(--t4-cal-dias) !important;
}

.theme-3 .ui-datepicker td a:hover {
  background: color-mix(in srgb, var(--t4-cal-sel) 10%, transparent) !important;
  color: var(--t4-petro-2) !important;
}

.theme-3 .ui-datepicker td a.ui-state-highlight,
.theme-3 .ui-datepicker td .ui-state-highlight {
  border-color: var(--t4-cal-today) !important;
  color: var(--t4-petro-2) !important;
}

.theme-3 .ui-datepicker td a.ui-state-active,
.theme-3 .ui-datepicker td .ui-state-active {
  background: var(--t4-cal-sel) !important;
  border-color: var(--t4-cal-sel) !important;
  color: var(--t4-on-primary) !important;
}

.theme-3 .ui-datepicker .ui-datepicker-buttonpane button {
  color: var(--t4-primary) !important;
}

.theme-3 .ui-datepicker td.ui-datepicker-week-end>a,
.theme-3 .ui-datepicker td.ui-datepicker-week-end>span {
  background: var(--t4-cal-wknd) !important;
  color: var(--t4-cal-dias) !important;
}

.theme-3 .ui-datepicker td.ui-datepicker-week-end>a.ui-state-active {
  background: var(--t4-cal-sel) !important;
  color: var(--t4-on-primary) !important;
}

.theme-3 .tooltip-inner {
  background: #053345 !important;
  color: #ffffff !important;
  border-radius: 8px !important;
  padding: 7px 11px !important;
  font-size: 12px !important;
  line-height: 1.4 !important;
  box-shadow: 0 6px 18px rgba(0, 0, 0, .22) !important;
  max-width: 280px !important;
}

.theme-3 .tooltip.top .tooltip-arrow,
.theme-3 .tooltip.top-left .tooltip-arrow,
.theme-3 .tooltip.top-right .tooltip-arrow {
  border-top-color: #053345 !important;
}

.theme-3 .tooltip.bottom .tooltip-arrow,
.theme-3 .tooltip.bottom-left .tooltip-arrow,
.theme-3 .tooltip.bottom-right .tooltip-arrow {
  border-bottom-color: #053345 !important;
}

.theme-3 .tooltip.left .tooltip-arrow {
  border-left-color: #053345 !important;
}

.theme-3 .tooltip.right .tooltip-arrow {
  border-right-color: #053345 !important;
}

.theme-3 #tabelaresultado thead th,
.theme-3 #tabelaresultado thead td {
  background: var(--t4-muted-bg) !important;
  color: var(--t4-text) !important;
  border-color: var(--t4-border) !important;
}

.theme-3 #tabelaresultado td,
.theme-3 #tabelaresultado th {
  vertical-align: middle !important;
}

.theme-3 .dropdown-menu>li>a {
  color: var(--t4-primary);
}

.theme-3 .dropdown-menu>li>a:hover,
.theme-3 .dropdown-menu>li>a:focus {
  background: color-mix(in srgb, var(--t4-primary) 8%, transparent) !important;
  color: var(--t4-petro-2) !important;
}

.theme-3 .dropdown-menu>.active>a,
.theme-3 .dropdown-menu>.active>a:hover,
.theme-3 .dropdown-menu>.active>a:focus {
  background: linear-gradient(180deg, var(--t4-lime-1), var(--t4-lime-2)) !important;
  color: var(--t4-on-lime, #053345) !important;
  text-shadow: none !important;
}

.theme-3 .pagination>li>a,
.theme-3 .pagination>li>span,
.theme-3 .pagination>li>a>span {
  color: var(--t4-primary) !important;
}

.theme-3 .pagination>.active>a,
.theme-3 .pagination>.active>span,
.theme-3 .pagination>.active>a:hover,
.theme-3 .pagination>.active>a:focus,
.theme-3 .pagination>.active>span:hover,
.theme-3 .pagination>.active>span:focus {
  background: linear-gradient(180deg, var(--t4-lime-1), var(--t4-lime-2)) !important;
  border-color: color-mix(in srgb, var(--t4-petro-2) 30%, transparent) !important;
  color: var(--t4-on-lime, #053345) !important;
}

.theme-3 .progress-bar,
.theme-3 .progress-bar-success {
  background: linear-gradient(180deg, var(--t4-lime-1) 0%, var(--t4-verde-ativo) 100%) !important;
  color: var(--t4-on-lime, #053345) !important;
  text-shadow: none !important;
}

.theme-3 .list-group-item.active,
.theme-3 .list-group-item.active:hover,
.theme-3 .list-group-item.active:focus {
  background: linear-gradient(180deg, var(--t4-lime-1), var(--t4-lime-2)) !important;
  color: var(--t4-on-lime, #053345) !important;
  border-color: color-mix(in srgb, var(--t4-petro-2) 30%, transparent) !important;
  text-shadow: none !important;
}

.theme-3 .panel-primary {
  border-color: color-mix(in srgb, var(--t4-petro-2) 30%, transparent) !important;
}

.theme-3 .panel-primary>.panel-heading {
  background: linear-gradient(180deg, var(--t4-info) 0%, var(--t4-petro-1) 100%) !important;
  color: var(--t4-on-petro, #fff) !important;
  border-color: color-mix(in srgb, var(--t4-petro-2) 30%, transparent) !important;
}

.theme-3 .panel-primary>.panel-heading a:not(.btn),
.theme-3 .panel-primary>.panel-heading .panel-title {
  color: var(--t4-on-petro, #fff) !important;
}

.theme-3 .panel-primary>.panel-heading a.btn {
  color: var(--t4-on-lime, #053345) !important;
}

.theme-3 .panel-default {
  border-color: var(--t4-border) !important;
}

.theme-3 .panel-default>.panel-heading {
  background-color: var(--t4-muted-bg) !important;
  border-color: var(--t4-border) !important;
}

.theme-3 .panel-default>.panel-heading,
.theme-3 .panel-default>.panel-heading a,
.theme-3 .panel-default>.panel-heading .panel-title {
  color: var(--t4-text) !important;
}

.theme-3 [id^="sub-"] .panel.panel-primary>.panel-heading {
  background: color-mix(in srgb, var(--t4-accent) 40%, #fff) !important;
  border-color: var(--t4-border) !important;
}

.theme-3 [id^="sub-"] .panel.panel-primary>.panel-heading a:not(.btn),
.theme-3 [id^="sub-"] .panel.panel-primary>.panel-heading .panel-title {
  color: var(--t4-text) !important;
}

.theme-3 [id^="sub-"] .panel-heading .panel-title {
  display: flex;
  align-items: center;
  margin: 0;
}

.theme-3 [id^="sub-"] .panel-heading .panel-title>a[data-toggle="collapse"] {
  margin-right: auto;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.theme-3 [id^="sub-"] .panel-heading .btn-gatilho-novo {
  order: 1;
}

.theme-3 [id^="sub-"] .panel-heading .btn-ir-ate-workflow {
  order: 2;
}

.theme-3 [id^="sub-"] .panel-heading .btn-gatilho-excluir {
  order: 3;
}

.theme-3 .panel-title .fa-caret-up:before {
  content: "\f077" !important;
}

.theme-3 .panel-title .fa-caret-down:before {
  content: "\f078" !important;
}

.theme-3 .panel-title .fa-caret-up,
.theme-3 .panel-title .fa-caret-down {
  font-size: 11px;
  opacity: .7;
  line-height: 1;
  vertical-align: middle;
}

.theme-3 [id^="sub-"] .panel-heading .btn {
  display: inline-flex !important;
  align-items: center;
  gap: 6px;
  margin-top: 0 !important;
  vertical-align: middle !important;
  box-shadow: none !important;
  background-image: none !important;
  text-shadow: none !important;
  line-height: 1.2 !important;
  padding: 6px 14px !important;
}

.theme-3 [id^="sub-"] .panel-heading .btn:hover,
.theme-3 [id^="sub-"] .panel-heading .btn:focus,
.theme-3 [id^="sub-"] .panel-heading .btn:active,
.theme-3 [id^="sub-"] .panel-heading .btn.active {
  box-shadow: none !important;
  background-image: none !important;
  text-shadow: none !important;
}

.theme-3 [id^="sub-"] .panel-heading .btn>.glyphicon,
.theme-3 [id^="sub-"] .panel-heading .btn>.fa {
  top: 0 !important;
  margin: 0 !important;
  line-height: 1 !important;
}

.theme-3 [id^="sub-"] .panel-heading .btn .glyphicon-plus:before {
  font-family: 'FontAwesome', 'Font Awesome 5 Free', 'Font Awesome 6 Free' !important;
  font-weight: 900 !important;
  content: "\f067" !important;
}

.theme-3 [id^="sub-"] .panel-heading .btn .glyphicon-trash:before {
  font-family: 'FontAwesome', 'Font Awesome 5 Free', 'Font Awesome 6 Free' !important;
  font-weight: 900 !important;
  content: "\f1f8" !important;
}

.theme-3 #div-submodulo-para-guia {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.theme-3 .form-group:has(> .tabAuxiliarDinamica.btn-novo),
.theme-3 .form-group:has(> .tabAuxiliarDinamicaGrid.btn-novo) {
  position: relative;
}

.theme-3 .form-group>.tabAuxiliarDinamica.btn-novo,
.theme-3 .form-group>.tabAuxiliarDinamicaGrid.btn-novo {
  position: absolute !important;
  top: 0;
  right: 15px;
  z-index: 6;
  float: none !important;
  margin: 0 !important;
}

.theme-3 .form-group:has(> .tabAuxiliarDinamica.btn-novo)>label,
.theme-3 .form-group:has(> .tabAuxiliarDinamicaGrid.btn-novo)>label {
  padding-right: 34px;
}


.theme-3 .btn-default {
  color: var(--t4-text) !important;
  background-color: var(--t4-surface) !important;
  border-color: var(--t4-border) !important;
}

.theme-3 .btn-default:hover,
.theme-3 .btn-default:focus,
.theme-3 .btn-default:active,
.theme-3 .btn-default.active {
  background-color: var(--t4-muted-bg) !important;
  border-color: var(--t4-border) !important;
  color: var(--t4-text) !important;
}

.theme-3 .table-striped>tbody>tr:nth-child(odd)>td,
.theme-3 .table-striped>tbody>tr:nth-child(odd)>th {
  background-color: var(--t4-muted-bg) !important;
}

.theme-3 .table-hover>tbody>tr:hover>td,
.theme-3 .table-hover>tbody>tr:hover>th {
  background-color: color-mix(in srgb, var(--t4-primary) 6%, #fff) !important;
}

.theme-3 .shortcut-tile {
  background: linear-gradient(135deg, var(--t4-petro-1) 0%, var(--t4-petro-2) 100%) !important;
  color: var(--t4-lime-1) !important;
}

.theme-3 .shortcut-tile.selected {
  border-color: var(--t4-lime-1) !important;
}

.theme-3 .shortcut-tile:after {
  border-top-color: var(--t4-lime-1) !important;
}

.theme-3 a.hovered {
  background-color: color-mix(in srgb, var(--t4-success) 28%, #fff) !important;
}

.theme-3 .alert-info {
  background: color-mix(in srgb, var(--t4-info) 12%, #fff) !important;
  border-color: color-mix(in srgb, var(--t4-info) 35%, #fff) !important;
  color: color-mix(in srgb, var(--t4-info) 72%, #000) !important;
}

.theme-3 .alert-success {
  background: color-mix(in srgb, var(--t4-success) 12%, #fff) !important;
  border-color: color-mix(in srgb, var(--t4-success) 35%, #fff) !important;
  color: color-mix(in srgb, var(--t4-success) 70%, #000) !important;
}

.theme-3 .alert-warning {
  background: color-mix(in srgb, var(--t4-warning) 14%, #fff) !important;
  border-color: color-mix(in srgb, var(--t4-warning) 38%, #fff) !important;
  color: color-mix(in srgb, var(--t4-warning) 65%, #000) !important;
}

.theme-3 .alert-danger {
  background: color-mix(in srgb, var(--t4-danger) 12%, #fff) !important;
  border-color: color-mix(in srgb, var(--t4-danger) 35%, #fff) !important;
  color: color-mix(in srgb, var(--t4-danger) 70%, #000) !important;
}

.theme-3 .table-striped>tbody>tr>.info,
.theme-3 .table-striped>tbody>.info>td,
.theme-3 .table-striped>tbody>.info>th {
  background-color: color-mix(in srgb, var(--t4-info) 38%, #fff) !important;
}

.theme-3 .icon-ok {
  color: var(--t4-success) !important;
}

.theme-3 .icon-error {
  color: var(--t4-danger) !important;
}

.theme-3 .icon-warning {
  background-color: var(--t4-warning) !important;
}

.theme-3 .icon-danger {
  background-color: var(--t4-danger) !important;
}

.theme-3 .widget a.list-success,
.theme-3 .widget p.list-success {
  color: color-mix(in srgb, var(--t4-success) 78%, #000) !important;
}

.theme-3 .widget a.list-danger,
.theme-3 .widget p.list-danger {
  color: color-mix(in srgb, var(--t4-danger) 75%, #000) !important;
}

.theme-3 .required:after {
  color: var(--t4-danger) !important;
}

.theme-3 .estrela-favorito {
  color: var(--t4-warning) !important;
}

.theme-3 .contador>* {
  border-color: var(--t4-success) !important;
  color: var(--t4-success) !important;
}

.theme-3 .alertaVinculoTabAux {
  border-color: var(--t4-success) !important;
}

.theme-3 .dropzone {
  border-color: var(--t4-info) !important;
}

.theme-3 .twitter-typeahead .tt-suggestion.tt-is-under-cursor {
  background-color: var(--t4-info) !important;
}

.theme-3 .transparent:focus {
  border-color: color-mix(in srgb, var(--t4-info) 60%, #fff) !important;
}

.theme-3 #expandir-todos>i:hover,
.theme-3 .expandir-agrupados:hover>i {
  color: var(--t4-success-h) !important;
}

.theme-3 header#mobile .navbar-toggle:hover .icon-bar,
.theme-3 header#mobile .navbar-toggle:not(.collapsed) .icon-bar {
  background-color: color-mix(in srgb, var(--t4-navbar-2) 85%, #000) !important;
}

.theme-3 .box,
.theme-3 .small-box {
  border-top-color: var(--t4-success) !important;
}

.theme-3 .box-header .fa,
.theme-3 .box-header i {
  color: var(--t4-success) !important;
}

/* Dashboard (home_painel) estilo iOS: cantos bem arredondados, sombra suave,
   faixa de topo troca do verde "success" pra navy/lime da marca (--t4-primary/
   --t4-lime-1, mesmos tokens usados em toda essa sessão). Só .box (dashboard) —
   não mexe em .panel/.small-box de outras telas. */
.theme-3 .box {
  border-top: 0 !important;
  border-radius: 20px !important;
  box-shadow: 0 6px 20px rgba(5, 51, 69, .10) !important;
  overflow: hidden;
  position: relative;
}

.theme-3 .box::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, var(--t4-primary, #104E64), var(--t4-lime-1, #BBF451));
}

.theme-3 .box-header {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 16px 18px 12px !important;
}

.theme-3 .box-header .box-title {
  font-weight: 700 !important;
  color: var(--t4-text, #16232b) !important;
}

.theme-3 .box-header .fa,
.theme-3 .box-header i {
  color: var(--t4-primary, #104E64) !important;
  font-size: 16px;
}

.theme-3 .box-body {
  padding: 4px 18px 18px !important;
}

.theme-3 .small-box-footer {
  color: var(--t4-success) !important;
}

.theme-3 .small-box-footer:hover {
  color: var(--t4-success-h) !important;
}

.theme-3 #totalizadorAndamentos {
  background: linear-gradient(135deg, color-mix(in srgb, var(--t4-success) 12%, #fff) 0%, color-mix(in srgb, var(--t4-success) 24%, #fff) 100%) !important;
  border-top-color: var(--t4-success) !important;
}

.theme-3 #totalizadorAndamentos .inner h3,
.theme-3 #totalizadorAndamentos .inner p {
  color: color-mix(in srgb, var(--t4-success) 72%, #000) !important;
}

.theme-3 #totalizadorAndamentos .icon,
.theme-3 #totalizadorAndamentos .small-box-footer {
  color: var(--t4-success) !important;
}

.theme-3 #totalizadorPrazos {
  background: linear-gradient(135deg, color-mix(in srgb, var(--t4-info) 12%, #fff) 0%, color-mix(in srgb, var(--t4-info) 24%, #fff) 100%) !important;
  border-top-color: var(--t4-info) !important;
}

.theme-3 #totalizadorPrazos .inner h3,
.theme-3 #totalizadorPrazos .inner p {
  color: color-mix(in srgb, var(--t4-info) 72%, #000) !important;
}

.theme-3 #totalizadorPrazos .icon,
.theme-3 #totalizadorPrazos .small-box-footer {
  color: var(--t4-info) !important;
}

.theme-3 #totalizadorPublicacoes {
  background: linear-gradient(135deg, color-mix(in srgb, var(--t4-warning) 12%, #fff) 0%, color-mix(in srgb, var(--t4-warning) 24%, #fff) 100%) !important;
  border-top-color: var(--t4-warning) !important;
}

.theme-3 #totalizadorPublicacoes .inner h3,
.theme-3 #totalizadorPublicacoes .inner p {
  color: color-mix(in srgb, var(--t4-warning) 68%, #000) !important;
}

.theme-3 #totalizadorPublicacoes .icon,
.theme-3 #totalizadorPublicacoes .small-box-footer {
  color: var(--t4-warning) !important;
}

.theme-3 #totalizadorFatais {
  background: linear-gradient(135deg, color-mix(in srgb, var(--t4-warning) 28%, #fff) 0%, color-mix(in srgb, var(--t4-warning) 42%, #fff) 100%) !important;
  border-top-color: color-mix(in srgb, var(--t4-warning) 85%, #000) !important;
}

.theme-3 #totalizadorFatais .inner h3,
.theme-3 #totalizadorFatais .inner p {
  color: color-mix(in srgb, var(--t4-warning) 62%, #000) !important;
}

.theme-3 #totalizadorFatais .icon,
.theme-3 #totalizadorFatais .small-box-footer {
  color: color-mix(in srgb, var(--t4-warning) 88%, #000) !important;
}

.theme-3 .bootstrap-switch.bootstrap-switch-on .bootstrap-switch-handle-on.bootstrap-switch-default {
  background-color: var(--t4-verde-ativo) !important;
}

.theme-3 .bg-warning {
  background-color: var(--t4-warning) !important;
}

.theme-3 .btn-outline-success {
  color: var(--t4-success) !important;
  border-color: var(--t4-success) !important;
}

.theme-3 .btn-outline-success:hover {
  background-color: var(--t4-success) !important;
  border-color: var(--t4-success) !important;
  color: var(--t4-on-success, #fff) !important;
}

.theme-3 .load div {
  border-color: var(--t4-success) transparent transparent transparent !important;
}

.theme-3 .checkbox:checked+label.ios-switch:before {
  box-shadow: var(--t4-sw-ativo) 0px 0px 0px 16px inset !important;
  background-color: var(--t4-sw-ativo) !important;
  border-color: var(--t4-sw-ativo) !important;
}

.theme-3 .fc-sun {
  background: var(--t4-ag-dom) !important;
}

.theme-3 .fc-sat {
  background: var(--t4-ag-sab) !important;
}

.theme-3 .fin2-total-hero .card.card-success,
.theme-3 #listacontas .card,
.theme-3 #main .accordionTitle,
.theme-3 #main .accordion__Heading,
.theme-3 #modal-conciliacao-bancaria .modal-header,
.theme-3 #modal-conciliacao-bancaria #progressbarconciliacao li.active:before,
.theme-3 #modal-conciliacao-bancaria #badgematches,
.theme-3 #modal-conciliacao-bancaria #badgenovos {
  background: linear-gradient(135deg, var(--t4-petro-1), var(--t4-petro-2)) !important;
}

.theme-3 #listacontas .card:hover,
.theme-3 #main #listacontas .card:hover {
  background: linear-gradient(135deg, color-mix(in srgb, var(--t4-petro-1) 82%, #fff), color-mix(in srgb, var(--t4-petro-2) 88%, #fff)) !important;
}

.theme-3 #main .accordionTitle:hover {
  background: color-mix(in srgb, var(--t4-petro-1) 82%, #fff) !important;
}

.theme-3 .fin2-total-hero h6,
.theme-3 #main #listacontas .card h6 {
  color: var(--t4-fin2-titulo) !important;
}

.theme-3 .fin2-total-hero h6::before,
.theme-3 #main #listacontas .card h6::before,
.theme-3 #modal-conciliacao-bancaria .modal-header .modal-title .fa {
  color: var(--t4-lime-2) !important;
}

.theme-3 .fin2-total-hero h1 {
  color: var(--t4-fin2-hero) !important;
}

.theme-3 #listacontas .card h1,
.theme-3 #main #listacontas .card h1 {
  color: var(--t4-fin2-valor) !important;
}

.theme-3 #main #listacontas .card h1.conta-negativa,
.theme-3 #listacontas .card h1.conta-negativa,
.theme-3 #listacontas .card .conta-negativa {
  color: color-mix(in srgb, var(--t4-danger) 45%, #fff) !important;
}

.theme-3 #main #listacontas .card p.btn-importar-conc,
.theme-3 #listacontas .card p.btn-importar-conc {
  color: var(--t4-fin2-importar) !important;
}

.theme-3 #main #listacontas .card p.btn-importar-conc:hover {
  border-color: var(--t4-lime-2) !important;
}

.theme-3 #main .lefts .btn-novo,
.theme-3 #main .fin2-contas-band .btn-novo,
.theme-3 #modal-conciliacao-bancaria #btn-upload {
  background: linear-gradient(135deg, var(--t4-lime-1), var(--t4-lime-2)) !important;
  color: var(--t4-on-lime, #053345) !important;
}

.theme-3 #recebimentos-hoje,
.theme-3 #recebimentos-em-atraso {
  color: var(--t4-success) !important;
}

.theme-3 #pagamentos-hoje,
.theme-3 #pagamentos-em-atraso {
  color: var(--t4-danger) !important;
}

.theme-3 #novo-recebimento {
  background: var(--t4-success) !important;
}

.theme-3 #novo-pagamento {
  background: var(--t4-danger) !important;
}

.theme-3 #main .accordionTitle,
.theme-3 #main .accordion__Heading {
  border-bottom-color: var(--t4-petro-2) !important;
}

.theme-3 #main .nav-pills .nav-link.active {
  background: var(--t4-primary) !important;
}

.theme-3 #modal-conciliacao-bancaria .nav-tabs>li>a:hover,
.theme-3 #modal-conciliacao-bancaria .nav-tabs>li.active>a,
.theme-3 #modal-conciliacao-bancaria .nav-tabs>li.active>a:hover,
.theme-3 #modal-conciliacao-bancaria .nav-tabs>li.active>a:focus {
  color: var(--t4-primary) !important;
  border-bottom-color: var(--t4-primary) !important;
}

.theme-3 #modal-conciliacao-bancaria #progressbarconciliacao li.active {
  color: var(--t4-petro-2) !important;
}

.theme-3 #modal-conciliacao-bancaria #progressbarconciliacao li.active:after {
  background: var(--t4-primary) !important;
}

.theme-3 #modal-conciliacao-bancaria .fs-title {
  color: var(--t4-petro-2) !important;
}

.theme-3 #modal-conciliacao-bancaria .action-button,
.theme-3 #modal-conciliacao-bancaria .modal-footer .btn-primary,
.theme-3 #modal-conciliacao-bancaria .header-action-button,
.theme-3 #modal-conciliacao-bancaria .btn-info,
.theme-3 #modal-conciliacao-bancaria .btn-success {
  background: linear-gradient(135deg, color-mix(in srgb, var(--t4-petro-1) 80%, #fff), var(--t4-petro-2)) !important;
}

.theme-3 #modal-conciliacao-bancaria #countPendentes,
.theme-3 #modal-conciliacao-bancaria .remover,
.theme-3 #modal-conciliacao-bancaria .removernovo {
  background: var(--t4-danger) !important;
}

.theme-3 #modal-conciliacao-bancaria .code-summary,
.theme-3 #modal-conciliacao-bancaria .title-conciliacao {
  color: var(--t4-primary) !important;
  -webkit-text-fill-color: var(--t4-primary) !important;
}

.theme-3 #modal-conciliacao-bancaria .card-conciliacao[style*="eeffe6"] {
  border-color: color-mix(in srgb, var(--t4-lime-1) 42%, #fff) !important;
}

.theme-3 .content-totais-sumario .box-interno::before {
  background: linear-gradient(135deg, var(--t4-petro-1), var(--t4-petro-2)) !important;
}

.theme-3 .content-totais-sumario .box-interno>h4:nth-of-type(1)::before {
  color: var(--t4-success) !important;
}

.theme-3 .content-totais-sumario .box-interno>h4:nth-of-type(2)::before {
  color: var(--t4-danger) !important;
}

.theme-3 .content-totais-sumario .box-interno>h4:nth-of-type(3)::before,
.theme-3 .content-totais-sumario #container-saldo-periodo h4::before {
  color: var(--t4-primary) !important;
}

.theme-3 .valor-credito {
  color: var(--t4-info) !important;
}

.theme-3 .valor-debito,
.theme-3 .valor-negativo {
  color: var(--t4-danger) !important;
}

.theme-3 .valor-positivo {
  color: var(--t4-primary) !important;
}

.theme-3 #record-count-container .gridCC {
  color: var(--t4-info) !important;
}

.theme-3 #record-count-container .gridUsuario {
  color: color-mix(in srgb, var(--t4-warning) 78%, #000) !important;
  border-color: color-mix(in srgb, var(--t4-warning) 32%, #fff) !important;
}

.theme-3 .expandir-filtro-submodulo-financeiro .fa,
.theme-3 #tabelaresultado td>a .fa-external-link-square,
.theme-3 #tabelaresultado .coluna-saldo b {
  color: var(--t4-primary) !important;
}

.theme-3 .expandir-filtro-submodulo-financeiro:hover .fa,
.theme-3 #tabelaresultado td>a:hover .fa-external-link-square {
  color: var(--t4-info) !important;
}

.theme-3 .tab-bar .tab::before {
  background-color: var(--t4-primary) !important;
}

.theme-3 .tab-bar .tab:active::before {
  background-color: var(--t4-lime-2) !important;
}

.theme-3 .tab-bar .tab i,
.theme-3 .tab-bar .tab .material-icons,
.theme-3 .tab-bar .tab .glyphicon,
.theme-3 .tab-bar .tab::after {
  color: var(--t4-primary) !important;
}

.theme-3 .tab-bar .tab:hover i,
.theme-3 .tab-bar .tab:hover .material-icons,
.theme-3 .tab-bar .tab:hover .glyphicon {
  color: var(--t4-petro-2) !important;
}

.theme-3 .tab-bar #tabnumselecionados {
  border-color: color-mix(in srgb, var(--t4-lime-1) 55%, #fff) !important;
}

.theme-3 .tab-bar #tabnumselecionados,
.theme-3 .tab-bar #tabnumselecionados .icon,
.theme-3 .tab-bar #tabnumselecionados #numselecionados,
.theme-3 .tab-bar #tabnumselecionados::after {
  color: color-mix(in srgb, var(--t4-verde-ativo) 52%, #000) !important;
}

.theme-3 .tab-bar #fecharselecao:hover i {
  color: var(--t4-danger) !important;
}

.theme-3 .filtro-page-header__eyebrow,
.theme-3 .wf-config-link:hover {
  color: color-mix(in srgb, var(--t4-success) 78%, #000) !important;
}

.theme-3 .wf-fluxo-tag {
  color: color-mix(in srgb, var(--t4-success) 70%, #000) !important;
}

.theme-3 .bloco-retorno__accordion {
  border-color: var(--t4-success) !important;
  color: var(--t4-success) !important;
}

.theme-3 .accordion.active,
.theme-3 .accordion:hover {
  border-color: var(--t4-success-h) !important;
  color: var(--t4-success-h) !important;
}

.theme-3 .fg-status-num {
  color: var(--t4-success) !important;
}

.theme-3 .fg-clear-btn {
  border-color: var(--t4-danger) !important;
  color: var(--t4-danger) !important;
}

.theme-3 .fg-clear-btn:hover {
  background: var(--t4-danger) !important;
}

.theme-3 .scoped-class .driver-close-btn {
  background-color: var(--t4-danger) !important;
}

.theme-3 .purge__button--primary {
  background: var(--t4-success) !important;
  border-color: var(--t4-success-h) !important;
}

.theme-3 .purge__button--primary:hover {
  background: var(--t4-success-h) !important;
}

.theme-3 .purge__stats-value--pending {
  color: var(--t4-warning) !important;
}

.theme-3 .purge__stats-value--processing {
  color: var(--t4-info) !important;
}

.theme-3 .purge__stats-value--completed,
.theme-3 .purge__tab.purge__tab--active {
  color: var(--t4-success) !important;
}

.theme-3 .purge__tab.purge__tab--active {
  border-bottom-color: var(--t4-success) !important;
}

.theme-3 .purge__stats-value--error,
.theme-3 .purge__storage-percent--danger {
  color: var(--t4-danger) !important;
}

.theme-3 .purge__history-badge,
.theme-3 .purge__history-empty--error {
  color: color-mix(in srgb, var(--t4-danger) 78%, #000) !important;
}

.theme-3 .purge__history-item {
  border-left-color: var(--t4-danger) !important;
}

.theme-3 .purge__history-empty--error {
  border-color: color-mix(in srgb, var(--t4-danger) 35%, #fff) !important;
}

.theme-3 .purge__total-usage {
  border-left-color: var(--t4-success) !important;
}

.theme-3 .purge__storage-percent--warning,
.theme-3 .purge__storage-bar-fill--warning {
  color: var(--t4-warning) !important;
}

.theme-3 .purge__storage-bar-fill {
  background: var(--t4-success) !important;
}

.theme-3 .purge__storage-bar-fill--danger {
  background: var(--t4-danger) !important;
}

.theme-3 .purge__storage-bar-fill--warning {
  background: var(--t4-warning) !important;
}

.theme-3 .purge-modal__security-warning {
  border-color: color-mix(in srgb, var(--t4-warning) 55%, #fff) !important;
  color: color-mix(in srgb, var(--t4-warning) 62%, #000) !important;
}

.theme-3 .purge-modal__pagination .purge-page-btn.active {
  border-color: var(--t4-success) !important;
  color: var(--t4-success-h) !important;
}

.theme-3 .purge-modal__feedback--toast {
  border-color: color-mix(in srgb, var(--t4-success) 32%, #fff) !important;
}

.theme-3 .purge-modal__feedback--toast.purge-modal__feedback--warning {
  border-color: color-mix(in srgb, var(--t4-warning) 45%, #fff) !important;
}

.theme-3 .purge-modal__feedback-list,
.theme-3 .purge-modal__feedback-more {
  color: color-mix(in srgb, var(--t4-warning) 58%, #000) !important;
}

.theme-3 .upload-body__progress .bar,
.theme-3 .load__progress-bar .bar {
  background: var(--t4-success) !important;
}

.theme-3 .upload-body__icon {
  color: var(--t4-info) !important;
}

.theme-3 #docusign-assinatura .side-bar .signature-draggable .tab-icon {
  background-color: var(--t4-success) !important;
}

.theme-3 .wizard .wizard-header hr {
  border-color: var(--t4-info) !important;
}

.theme-3 .wizard .wizard-header .steps .wizard-step {
  background: var(--t4-info) !important;
}

.theme-3 .badge-status {
  color: color-mix(in srgb, var(--t4-success) 70%, #000) !important;
  border-color: color-mix(in srgb, var(--t4-success) 32%, #fff) !important;
}

.theme-3 .condicoes-list,
.theme-3 .header-condicoes {
  border-left-color: var(--t4-success) !important;
}

.theme-3 .btn-remove-condicao {
  background: var(--t4-danger) !important;
}

.theme-3 .dialog-close:hover {
  color: var(--t4-danger) !important;
}

.theme-3 .fc td,
.theme-3 .fc th {
  border-color: var(--t4-ag-borda) !important;
}

.theme-3 .fc-view-container,
.theme-3 .fc-view-container .fc-view {
  background: var(--t4-ag-fundo) !important;
}

.theme-3 .fc-button {
  background: linear-gradient(180deg, var(--t4-btnprim-1), var(--t4-btnprim-2)) !important;
  border: 1px solid color-mix(in srgb, var(--t4-btnprim-1) 72%, #000) !important;
  color: var(--t4-on-lime, #053345) !important;
  box-shadow: none !important;
  text-shadow: none !important;
  outline: 0 !important;
  height: auto !important;
  padding: 7px 16px !important;
  margin: 0 !important;
  position: static !important;
  top: auto !important;
  vertical-align: middle !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
}

.theme-3 .fc-button:hover {
  background: linear-gradient(180deg, color-mix(in srgb, var(--t4-btnprim-1) 88%, #000), var(--t4-btnprim-1)) !important;
}

.theme-3 .fc-state-active,
.theme-3 .fc-button.fc-state-active {
  background: var(--t4-primary) !important;
  border-color: var(--t4-primary) !important;
  color: var(--t4-on-primary, #fff) !important;
  box-shadow: none !important;
  height: auto !important;
  padding: 7px 16px !important;
  margin: 0 !important;
  position: static !important;
  top: auto !important;
}

.theme-3 .fc-toolbar h2,
.theme-3 .fc-header-title h2 {
  color: var(--t4-text) !important;
}

.theme-3 .fc-state-active:hover,
.theme-3 .btn-default.fc-state-active:hover,
.theme-3 .fc-button.fc-state-active:hover {
  background: var(--t4-primary-hover) !important;
  border-color: var(--t4-primary-hover) !important;
  color: var(--t4-on-primary, #fff) !important;
}

.theme-3 .fc-today,
.theme-3 td.fc-today {
  background: var(--t4-ag-hoje) !important;
}

.theme-3 .select2-results .select2-highlighted {
  background: var(--t4-primary) !important;
  color: var(--t4-on-primary, #fff) !important;
}

.theme-3 .dropdown-menu {
  background: var(--t4-dd-fundo) !important;
  border-color: var(--t4-dd-borda) !important;
}

.theme-3 .list-group-item {
  background-color: var(--t4-list-fundo) !important;
  border-color: var(--t4-list-borda) !important;
}

.theme-3 .form-control,
.theme-3 .select2-choice,
.theme-3 .input-group-addon,
.theme-3 textarea {
  border-color: var(--t4-form-borda) !important;
}

.theme-3 .form-control:focus,
.theme-3 textarea:focus {
  border-color: var(--t4-primary) !important;
}

.theme-3 .input-group-addon {
  background: var(--t4-addon-fundo) !important;
  color: var(--t4-addon-icone) !important;
}

.theme-3 .input-group-addon .fa,
.theme-3 .input-group-addon .glyphicon {
  color: var(--t4-addon-icone) !important;
}

.theme-3 .table>tbody>tr>td,
.theme-3 .table>tbody>tr>th,
.theme-3 .table>thead>tr>th,
.theme-3 .table>tfoot>tr>td {
  border-color: var(--t4-tabela-borda) !important;
}

.theme-3 .fc-event:not([style*="background-color:#"]):not([style*="background-color: #"]):not([style*="background-color:rgb"]):not([style*="background-color: rgb"]),
.theme-3 .fc-event:not([style*="background-color:#"]):not([style*="background-color: #"]):not([style*="background-color:rgb"]):not([style*="background-color: rgb"]) .fc-content {
  background: var(--t4-ag-evento) !important;
  border-color: color-mix(in srgb, var(--t4-ag-evento) 80%, #000) !important;
  color: var(--t4-on-primary, #fff) !important;
}

body.theme-3 .fc-button {
  background: linear-gradient(180deg, var(--t4-btnprim-1), var(--t4-btnprim-2)) !important;
  border: 1px solid color-mix(in srgb, var(--t4-btnprim-1) 70%, #000) !important;
  color: var(--t4-on-lime, #053345) !important;
  box-shadow: none !important;
  text-shadow: none !important;
  outline: 0 !important;
  height: auto !important;
  padding: 7px 15px !important;
  margin: 0 !important;
  position: static !important;
  top: auto !important;
  vertical-align: middle !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  border-radius: 0 !important;
}

body.theme-3 .fc-button.fc-corner-left {
  border-radius: 9px 0 0 9px !important;
}

body.theme-3 .fc-button.fc-corner-right {
  border-radius: 0 9px 9px 0 !important;
}

body.theme-3 .fc-button:hover {
  background: linear-gradient(180deg, color-mix(in srgb, var(--t4-btnprim-1) 86%, #000), var(--t4-btnprim-1)) !important;
}

body.theme-3 .fc-button.fc-state-active,
body.theme-3 .fc-state-active,
body.theme-3 .fc-state-down {
  background: var(--t4-primary) !important;
  border-color: var(--t4-primary) !important;
  color: var(--t4-on-primary, #ffffff) !important;
  box-shadow: none !important;
  height: auto !important;
  padding: 7px 15px !important;
  margin: 0 !important;
  position: static !important;
  top: auto !important;
}

body.theme-3 .fc-state-disabled {
  opacity: .55 !important;
}

body.theme-3 .fc-toolbar h2,
body.theme-3 .fc-header-title h2 {
  color: var(--t4-text) !important;
  font-weight: 700 !important;
  letter-spacing: -.01em;
}

body.theme-3 .fc th.fc-day-header {
  background: var(--t4-ag-fundo) !important;
  color: var(--t4-cal-dow) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  text-transform: uppercase;
  letter-spacing: .05em;
  padding: 8px 4px !important;
  border-color: var(--t4-ag-borda) !important;
}

body.theme-3 .fc th.fc-day-header.fc-sun {
  background: var(--t4-ag-dom) !important;
}

body.theme-3 .fc th.fc-day-header.fc-sat {
  background: var(--t4-ag-sab) !important;
}

body.theme-3 .fc .fc-day-number {
  padding: 4px 8px !important;
  color: var(--t4-cal-dias) !important;
  font-weight: 600 !important;
}

body.theme-3 .fc td,
body.theme-3 .fc th {
  border-color: var(--t4-ag-borda) !important;
}

body.theme-3 .fc-view-container,
body.theme-3 .fc-view-container .fc-view {
  background: var(--t4-ag-fundo) !important;
}

body.theme-3 .fc td.fc-today {
  background: var(--t4-ag-hoje) !important;
}

body.theme-3 .fc td.fc-sun {
  background: var(--t4-ag-dom) !important;
}

body.theme-3 .fc td.fc-sat {
  background: var(--t4-ag-sab) !important;
}

body.theme-3 .fc-event {
  border-radius: 6px !important;
  padding: 2px 8px !important;
  margin: 1px 4px 2px !important;
  font-size: 11.5px !important;
  line-height: 1.35 !important;
  border-width: 0 !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .14) !important;
  color: #ffffff !important;
}

body.theme-3 .fc-event:not([style*="background-color:#"]):not([style*="background-color: #"]):not([style*="background-color:rgb"]):not([style*="background-color: rgb"]) {
  background: var(--t4-ag-evento) !important;
  border-color: color-mix(in srgb, var(--t4-ag-evento) 82%, #000) !important;
}

body.theme-3 .fc-more,
body.theme-3 a.fc-more {
  color: var(--t4-primary) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

body.theme-3 .fc-more:hover,
body.theme-3 a.fc-more:hover {
  color: var(--t4-primary-hover) !important;
}

body.theme-3 #calendario .fc-button,
body.theme-3 #calendario .fc-toolbar .btn {
  box-shadow: none !important;
  text-shadow: none !important;
  outline: 0 !important;
  height: auto !important;
  padding: 7px 15px !important;
  margin: 0 !important;
  position: static !important;
  top: auto !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
}

body.theme-3 #calendario .fc-button.active,
body.theme-3 #calendario .btn-primary.active,
body.theme-3 #calendario .fc-button-active,
body.theme-3 #calendario .fc-button:active,
body.theme-3 .fc-button-active {
  background: var(--t4-primary) !important;
  border-color: var(--t4-primary) !important;
  color: var(--t4-on-primary, #ffffff) !important;
  box-shadow: none !important;
}

body.theme-3 #calendario .fc-button:focus {
  box-shadow: none !important;
  outline: 0 !important;
}

body.theme-3 #calendario .btn-group>.btn:first-child,
body.theme-3 #calendario .fc-button-group>.fc-button:first-child {
  border-radius: 9px 0 0 9px !important;
}

body.theme-3 #calendario .btn-group>.btn:last-child,
body.theme-3 #calendario .fc-button-group>.fc-button:last-child {
  border-radius: 0 9px 9px 0 !important;
}

body.theme-3 .fc-header {
  background: transparent !important;
}

body.theme-3 #calendario .fc-toolbar {
  margin-bottom: 14px !important;
}

body.theme-3 #calendario .fc-toolbar h2 {
  color: var(--t4-text) !important;
  font-weight: 700 !important;
}

body.theme-3 #calendario .fc-view-container {
  border-radius: 14px !important;
  overflow: hidden !important;
  border: 1px solid var(--t4-ag-borda) !important;
  background: var(--t4-ag-fundo) !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, .06) !important;
}

body.theme-3 #calendario .fc-view-container .fc-view>table {
  margin: 0 !important;
}

body.theme-3 #calendario .fc-day-header {
  background: var(--t4-ag-fundo) !important;
  color: var(--t4-cal-dow) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: .05em !important;
  padding: 9px 4px !important;
  border-color: var(--t4-ag-borda) !important;
}

body.theme-3 #calendario .fc-day-header.fc-sun {
  background: var(--t4-ag-dom) !important;
}

body.theme-3 #calendario .fc-day-header.fc-sat {
  background: var(--t4-ag-sab) !important;
}

body.theme-3 #calendario .fc-day-number {
  padding: 5px 8px !important;
  color: var(--t4-cal-dias) !important;
  font-weight: 600 !important;
}

body.theme-3 #calendario .fc-other-month .fc-day-number {
  opacity: .45 !important;
}

body.theme-3 #calendario .fc td,
body.theme-3 #calendario .fc th,
body.theme-3 #calendario td,
body.theme-3 #calendario th {
  border-color: var(--t4-ag-borda) !important;
}

body.theme-3 #calendario td.fc-today {
  background: var(--t4-ag-hoje) !important;
}

body.theme-3 #calendario td.fc-sun {
  background: var(--t4-ag-dom) !important;
}

body.theme-3 #calendario td.fc-sat {
  background: var(--t4-ag-sab) !important;
}

body.theme-3 #calendario .fc-event,
body.theme-3 #calendario .fc-day-grid-event,
body.theme-3 #calendario .fc-time-grid-event {
  border-radius: 7px !important;
  padding: 2px 8px !important;
  margin: 1px 6px 2px !important;
  font-size: 11.5px !important;
  line-height: 1.35 !important;
  border-width: 0 !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .14) !important;
}

body.theme-3 #calendario .fc-event:not([style*="background-color:#"]):not([style*="background-color: #"]):not([style*="background-color:rgb"]):not([style*="background-color: rgb"]),
body.theme-3 #calendario .fc-day-grid-event:not([style*="background-color:#"]):not([style*="background-color: #"]):not([style*="background-color:rgb"]):not([style*="background-color: rgb"]) {
  background: var(--t4-ag-evento) !important;
  border-color: color-mix(in srgb, var(--t4-ag-evento) 82%, #000) !important;
  color: var(--t4-on-primary, #fff) !important;
}

body.theme-3 #calendario .fc-more {
  color: var(--t4-primary) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

body.theme-3 #calendario .fc-more:hover {
  color: var(--t4-primary-hover) !important;
}

body.theme-3 #calendario .fc-list-heading td {
  background: var(--t4-ag-fundo) !important;
  color: var(--t4-text) !important;
  border-color: var(--t4-ag-borda) !important;
  font-weight: 700 !important;
}

body.theme-3 #calendario .fc-list-item:hover td {
  background: color-mix(in srgb, var(--t4-primary) 6%, #fff) !important;
}

body.theme-3 #calendario .fc-list-table td {
  border-color: var(--t4-ag-borda) !important;
}

body.theme-3 .main-content:has(#calendario) {
  padding-left: 2em !important;
  padding-right: 2em !important;
}

body.theme-3 #calendario .fc-toolbar .fc-today-button,
body.theme-3 #calendario .fc-left .fc-today-button {
  margin-left: 12px !important;
}

body.theme-3 #calendario .fc-today-button {
  border-radius: 9px !important;
}

body.theme-3 #calendario .fc-today-button[disabled] {
  opacity: .5 !important;
}

body.theme-3 #calendario .fc-left .btn-group>.btn:first-child {
  border-radius: 9px 0 0 9px !important;
}

body.theme-3 #calendario .fc-left .btn-group>.btn:last-child {
  border-radius: 0 9px 9px 0 !important;
}

body.theme-3 #calendario .fc-more-cell {
  text-align: left !important;
}

body.theme-3 #calendario .fc-more {
  display: inline-block !important;
  background: color-mix(in srgb, var(--t4-primary) 12%, #fff) !important;
  color: var(--t4-primary) !important;
  border: 1px solid color-mix(in srgb, var(--t4-primary) 26%, #fff) !important;
  border-radius: 99px !important;
  padding: 2px 11px !important;
  margin: 2px 6px 4px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  cursor: pointer !important;
  white-space: nowrap !important;
  box-shadow: 0 1px 2px rgba(5, 51, 69, .10) !important;
  transition: background .15s ease, color .15s ease, box-shadow .15s ease !important;
}

body.theme-3 #calendario .fc-more:hover {
  background: var(--t4-primary) !important;
  color: var(--t4-on-primary, #fff) !important;
  border-color: var(--t4-primary) !important;
  box-shadow: 0 3px 8px rgba(5, 51, 69, .22) !important;
}

body.theme-3 #calendario .fc-view-container {
  border: 1px solid color-mix(in srgb, var(--t4-ag-borda) 78%, #000) !important;
  box-shadow: 0 4px 18px rgba(5, 51, 69, .12) !important;
}

body.theme-3 #calendario hr.fc-divider,
body.theme-3 #calendario .fc-divider {
  border: 0 !important;
  height: 0 !important;
  border-top: 2px solid color-mix(in srgb, var(--t4-ag-borda) 72%, #000) !important;
  box-shadow: 0 3px 7px rgba(5, 51, 69, .16) !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.theme-3 #calendario .fc-head-container,
body.theme-3 #calendario thead.fc-head {
  box-shadow: 0 2px 6px rgba(5, 51, 69, .10) !important;
  position: relative;
  z-index: 1;
}

body.theme-3 #calendario .fc-row.fc-week+.fc-row.fc-week {
  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--t4-ag-borda) 60%, #000) !important;
}

body.theme-3 .col-md-11:has(#calendario) {
  width: 100% !important;
  float: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

body.theme-3 #calendario .fc-day-grid-event,
body.theme-3 #calendario .fc-time-grid-event,
body.theme-3 #calendario a.fc-event.preview-agenda {
  border-radius: 7px !important;
  margin: 1px 6px 2px !important;
  padding: 2px 8px !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .14) !important;
  border-width: 0 !important;
}

body.theme-3 #calendario table,
body.theme-3 #calendario td,
body.theme-3 #calendario th,
body.theme-3 #calendario .fc-row,
body.theme-3 #calendario table.table-bordered,
body.theme-3 #calendario table.table-bordered td,
body.theme-3 #calendario table.table-bordered th {
  border: 0 !important;
}

body.theme-3 #calendario .fc-head-container,
body.theme-3 #calendario thead.fc-head {
  box-shadow: none !important;
}

body.theme-3 #calendario .fc-row.fc-week+.fc-row.fc-week {
  box-shadow: none !important;
}

body.theme-3 #calendario .fc-bg td+td,
body.theme-3 #calendario .fc-head-container th+th {
  border-left: 1px solid var(--t4-ag-linha) !important;
}

body.theme-3 #calendario .fc-head-container,
body.theme-3 #calendario thead.fc-head td.fc-head-container,
body.theme-3 #calendario thead.fc-head .fc-head-container {
  border-bottom: 1px solid var(--t4-ag-linha) !important;
}

body.theme-3 #calendario .fc-day-grid .fc-row+.fc-row {
  border-top: 1px solid var(--t4-ag-linha) !important;
}

body.theme-3 #calendario .fc-slats tr>td {
  border-top: 1px solid var(--t4-ag-linha-suave) !important;
}

body.theme-3 #calendario .fc-slats tr.fc-minor>td {
  border-top-style: dotted !important;
}

body.theme-3 #calendario .fc-slats td.fc-axis,
body.theme-3 #calendario .fc-bg td.fc-axis {
  border-right: 1px solid var(--t4-ag-linha) !important;
}

body.theme-3 #calendario hr.fc-divider,
body.theme-3 #calendario .fc-divider {
  border: 0 !important;
  border-top: 1px solid var(--t4-ag-linha) !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
}

body.theme-3 #calendario .fc-list-table tr td {
  border-top: 1px solid var(--t4-ag-linha-suave) !important;
}

body.theme-3 #calendario .fc-list-table tr:first-child td {
  border-top: 0 !important;
}

body.theme-3 #calendario .fc-view-container {
  border: 1px solid var(--t4-ag-linha) !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  background: var(--t4-ag-fundo) !important;
  box-shadow: 0 4px 16px rgba(5, 51, 69, .10) !important;
}

body.theme-3 #menu .sidebar #salvarfiltro,
body.theme-3 #menu .sidebar #salvarfiltro .fa,
body.theme-3 #menu .sidebar #salvarfiltro i {
  color: var(--t4-on-lime, #053345) !important;
}

body.theme-3 #menu .sidebar #salvarfiltro {
  background: linear-gradient(180deg, var(--t4-btnprim-1), var(--t4-btnprim-2)) !important;
  border: 0 !important;
  border-radius: 9px !important;
  font-weight: 700 !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .18) !important;
}

body.theme-3 #menu .sidebar label .fa-info-circle,
body.theme-3 #menu .sidebar .fa-info-circle {
  color: rgba(255, 255, 255, .9) !important;
}

body.theme-3 :is(#menu .sidebar, #offcanvas-filtros-mobile) .select2-container-multi {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}

body.theme-3 :is(#menu .sidebar, #offcanvas-filtros-mobile) .select2-container-multi .select2-choices {
  background: rgba(255, 255, 255, .08) !important;
  border: 1px solid rgba(255, 255, 255, .22) !important;
  border-radius: 99px !important;
  box-shadow: none !important;
}

/* Pill (99px) so funciona liso numa linha; quebrando (2 usuarios de nome
   longo ja bastam, ou 3+) o mesmo raio nas pontas vira "blob" na caixa alta.
   .t4-select2-wrapped e calculada via JS medindo o layout real dos chips
   (public/js/views/agenda.js, detectarQuebraDeLinha) -- contagem sozinha nao
   bastava: 2 chips compridos quebram, 3 chips curtos as vezes nao. */
body.theme-3 :is(#menu .sidebar, #offcanvas-filtros-mobile) .select2-container-multi .select2-choices.t4-select2-wrapped {
  border-radius: 16px !important;
}

body.theme-3 :is(#menu .sidebar, #offcanvas-filtros-mobile) .select2-choices .select2-search-choice {
  background: rgba(255, 255, 255, .95) !important;
  border: 1px solid rgba(255, 255, 255, .5) !important;
  color: var(--t4-text, #053345) !important;
  border-radius: 99px !important;
  box-shadow: none !important;
}

body.theme-3 :is(#menu .sidebar, #offcanvas-filtros-mobile) .select2-choices .select2-search-choice div,
body.theme-3 :is(#menu .sidebar, #offcanvas-filtros-mobile) .select2-choices .select2-search-choice div * {
  color: var(--t4-text, #053345) !important;
}

body.theme-3 :is(#menu .sidebar, #offcanvas-filtros-mobile) .select2-choices .select2-search-field input {
  color: #fff !important;
}

body.theme-3 :is(#menu .sidebar, #offcanvas-filtros-mobile) .bootstrap-switch {
  width: 100% !important;
  display: flex !important;
  border-radius: 99px !important;
  overflow: hidden !important;
  border: 1px solid rgba(255, 255, 255, .28) !important;
  background: rgba(255, 255, 255, .08) !important;
  box-shadow: none !important;
  padding: 3px !important;
}

body.theme-3 :is(#menu .sidebar, #offcanvas-filtros-mobile) .bootstrap-switch .bootstrap-switch-container {
  width: 100% !important;
  margin-left: 0 !important;
  transform: none !important;
  display: flex !important;
  align-items: stretch !important;
  gap: 2px !important;
}

body.theme-3 :is(#menu .sidebar, #offcanvas-filtros-mobile) .bootstrap-switch .bootstrap-switch-label {
  display: none !important;
}

body.theme-3 :is(#menu .sidebar, #offcanvas-filtros-mobile) .bootstrap-switch .bootstrap-switch-handle-on,
body.theme-3 :is(#menu .sidebar, #offcanvas-filtros-mobile) .bootstrap-switch .bootstrap-switch-handle-off {
  flex: 1 1 50% !important;
  width: 50% !important;
  text-align: center !important;
  padding: 6px 10px !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
  border-radius: 99px !important;
  box-shadow: none !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

body.theme-3 :is(#menu .sidebar, #offcanvas-filtros-mobile) .bootstrap-switch.bootstrap-switch-on .bootstrap-switch-handle-on {
  background: #ffffff !important;
  color: #053345 !important;
  font-weight: 700 !important;
}

body.theme-3 :is(#menu .sidebar, #offcanvas-filtros-mobile) .bootstrap-switch.bootstrap-switch-on .bootstrap-switch-handle-off {
  background: var(--t4-primary, #104E64) !important;
  color: rgba(255, 255, 255, .75) !important;
  font-weight: 500 !important;
}

body.theme-3 :is(#menu .sidebar, #offcanvas-filtros-mobile) .bootstrap-switch.bootstrap-switch-off .bootstrap-switch-handle-off {
  background: #ffffff !important;
  color: #053345 !important;
  font-weight: 700 !important;
}

body.theme-3 :is(#menu .sidebar, #offcanvas-filtros-mobile) .bootstrap-switch.bootstrap-switch-off .bootstrap-switch-handle-on {
  background: var(--t4-primary, #104E64) !important;
  color: rgba(255, 255, 255, .75) !important;
  font-weight: 500 !important;
}

body.theme-3 :is(#menu .sidebar, #offcanvas-filtros-mobile) select.form-control {
  background: rgba(255, 255, 255, .08) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, .22) !important;
  border-radius: 99px !important;
}

body.theme-3 :is(#menu .sidebar, #offcanvas-filtros-mobile) select.form-control option {
  color: #000000; /* popup nativo do SO, sempre com fundo claro -- opcao ilegivel se herdasse branco */
}

/* inputs de texto (ex.: Status Atual WF, Principal) — mesmo padrao arredondado
   do switch/select acima, so pra nao ficar destoando com radius menor. */
body.theme-3 :is(#menu .sidebar, #offcanvas-filtros-mobile) input.form-control {
  background: rgba(255, 255, 255, .08) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, .22) !important;
  border-radius: 99px !important;
}

/* select2 SINGLE (não multi — campos como Status/Tipo de compromisso quando
   viram autocomplete de 1 valor só) não tinha regra nenhuma aqui; a caixa
   visível é .select2-choice, não o <select>/<input> original (escondido). */
body.theme-3 :is(#menu .sidebar, #offcanvas-filtros-mobile) .select2-container .select2-choice {
  background: rgba(255, 255, 255, .08) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, .22) !important;
  border-radius: 99px !important;
}

body.theme-3 .select2-drop {
  border: 1px solid var(--t4-border, #dce1e5) !important;
  border-radius: 12px !important;
  margin-top: 6px !important;
  background: var(--t4-surface, #fff) !important;
  box-shadow: 0 12px 32px rgba(5, 51, 69, .20) !important;
  overflow: hidden !important;
}

body.theme-3 .select2-drop.select2-drop-above {
  margin-top: 0 !important;
  margin-bottom: 6px !important;
  border-radius: 12px !important;
}

body.theme-3 .select2-drop .select2-search {
  padding: 8px 8px 4px !important;
}

body.theme-3 .select2-drop .select2-search input {
  border: 1px solid var(--t4-border, #dce1e5) !important;
  border-radius: 8px !important;
  padding: 7px 30px 7px 10px !important;
  background: #fff !important;
  font-size: 13px !important;
}

body.theme-3 .select2-results {
  padding: 6px !important;
  margin: 0 !important;
}

body.theme-3 .select2-results .select2-result {
  border-radius: 8px !important;
}

body.theme-3 .select2-results .select2-result-label {
  padding: 9px 12px !important;
  border-radius: 8px !important;
  font-size: 13px !important;
  color: var(--t4-text, #053345) !important;
}

body.theme-3 .select2-results .select2-highlighted {
  background: transparent !important;
}

body.theme-3 .select2-results .select2-highlighted .select2-result-label {
  background: var(--t4-primary) !important;
  color: var(--t4-on-primary, #fff) !important;
  border-radius: 8px !important;
}

body.theme-3 .select2-results .select2-no-results,
body.theme-3 .select2-results .select2-searching {
  color: var(--t4-text-muted, #67757c) !important;
  padding: 9px 12px !important;
}

body.theme-3 :is(#menu .sidebar, #offcanvas-filtros-mobile) .bootstrap-switch.bootstrap-switch-on .bootstrap-switch-handle-on,
body.theme-3 :is(#menu .sidebar, #offcanvas-filtros-mobile) .bootstrap-switch.bootstrap-switch-off .bootstrap-switch-handle-off {
  box-shadow: 0 1px 3px rgba(0, 0, 0, .28) !important;
}

body.theme-3 :is(#menu .sidebar, #offcanvas-filtros-mobile) .select2-container-multi.tabaux,
body.theme-3 :is(#menu .sidebar, #offcanvas-filtros-mobile) .select2-container-multi.tabaux .select2-choices {
  background: rgba(255, 255, 255, .08) !important;
  border: 1px solid rgba(255, 255, 255, .22) !important;
  border-radius: 20px !important;
  box-shadow: none !important;
}

/* mesma logica de quebra de linha do bloco .select2-container-multi comum
   acima (ver .t4-select2-wrapped, calculada em agenda.js) -- essa regra e a
   variante ".tabaux" (Status Atual WF etc.), especificidade EMPATADA com a
   regra de cima (mesmo numero de classes) entao so vence por vir DEPOIS. */
body.theme-3 :is(#menu .sidebar, #offcanvas-filtros-mobile) .select2-container-multi.tabaux .select2-choices.t4-select2-wrapped {
  border-radius: 16px !important;
}

body.theme-3 :is(#menu .sidebar, #offcanvas-filtros-mobile) .select2-container-multi.tabaux .select2-choices .select2-search-field input {
  color: #ffffff !important;
}

body.theme-3 :is(#menu .sidebar, #offcanvas-filtros-mobile) .select2-container-multi.tabaux .select2-search-choice {
  background: rgba(255, 255, 255, .95) !important;
  border: 1px solid rgba(255, 255, 255, .5) !important;
  color: var(--t4-text, #053345) !important;
  border-radius: 99px !important;
}

body.theme-3 .select2-results .select2-result:hover>.select2-result-label {
  background: var(--t4-primary) !important;
  color: var(--t4-on-primary, #fff) !important;
  border-radius: 8px !important;
}

body.theme-3 .select2-results .select2-no-results,
body.theme-3 .select2-results .select2-ajax-error,
body.theme-3 .select2-results .select2-selection-limit,
body.theme-3 .select2-more-results,
body.theme-3 .select2-more-results.select2-active {
  background: var(--t4-surface, #fff) !important;
  color: var(--t4-text-muted, #67757c) !important;
  padding: 10px 12px !important;
  border-radius: 8px !important;
}

body.theme-3 .select2-results .select2-searching {
  background: var(--t4-surface, #fff) !important;
  color: var(--t4-text-muted, #67757c) !important;
  padding: 11px 13px !important;
  font-size: 13px !important;
  text-align: left !important;
  display: flex !important;
  align-items: center !important;
  gap: 9px !important;
  border-radius: 8px !important;
  list-style: none !important;
}

body.theme-3 .select2-results .select2-searching::before {
  content: "" !important;
  width: 15px !important;
  height: 15px !important;
  border-radius: 50% !important;
  border: 2px solid var(--t4-border, #dce1e5) !important;
  border-top-color: var(--t4-primary, #104E64) !important;
  animation: t4spin .7s linear infinite !important;
  flex: 0 0 auto !important;
}

@media (prefers-reduced-motion:reduce) {
  body.theme-3 .select2-results .select2-searching::before {
    animation: none !important;
  }
}

body.theme-3 #menu .sidebar .select2-container-multi .select2-choices .select2-search-field input.select2-active,
body.theme-3 .select2-search input.select2-active {
  background: transparent !important;
}

body.theme-3 #menu .sidebar #badgeFiltroUsuario {
  display: block !important;
  width: 100% !important;
  text-align: center !important;
  border-radius: 99px !important;
  padding: 6px 12px !important;
  margin: 0 0 12px !important;
  /* 2026-07-16: era "Info clareado" (azul lavado) — fora da paleta e no anti-padrão
     registrado (destaque lavado que some). Antes disso, o legado cravava laranja #eb9316
     INLINE na view — erro em dupla. Agora LIME sólido da marca, o mesmo dos botões
     Pesquisar: segue editável pelo picker "Botão primário"; texto petróleo p/ contraste. */
  background: linear-gradient(180deg, var(--t4-btnprim-1, #BBF451), var(--t4-btnprim-2, #D8F999)) !important;
  border: 1px solid color-mix(in srgb, var(--t4-btnprim-1, #BBF451) 72%, #000) !important;
  color: var(--t4-on-lime, #053345) !important;
  font-weight: 700 !important;
}

body.theme-3 #menu .sidebar #badgeFiltroUsuario~br {
  display: none !important;
}

.theme-3 .btn-pesquisa .btn.btn-success,
.theme-3 input.btn.btn-success#pesquisa,
.theme-3 input.btn.btn-success#btn-pesquisar-modal,
.theme-3 .btn-group.dropup>.btn.btn-success.dropdown-toggle {
  background: linear-gradient(180deg, var(--t4-btnprim-1), var(--t4-btnprim-2)) !important;
  border-color: color-mix(in srgb, var(--t4-btnprim-1) 72%, #000) !important;
  color: var(--t4-on-lime, #053345) !important;
}

.theme-3 .btn-pesquisa .btn.btn-success:hover,
.theme-3 .btn-pesquisa .btn.btn-success:focus,
.theme-3 input.btn.btn-success#pesquisa:hover,
.theme-3 input.btn.btn-success#btn-pesquisar-modal:hover,
.theme-3 .btn-group.dropup>.btn.btn-success.dropdown-toggle:hover,
.theme-3 .btn-group.dropup.open>.btn.btn-success.dropdown-toggle {
  background: linear-gradient(180deg, color-mix(in srgb, var(--t4-btnprim-1) 88%, #000), var(--t4-btnprim-1)) !important;
  color: var(--t4-on-lime, #053345) !important;
}

.theme-3 .btn-pesquisa .glyphicon,
.theme-3 .btn-pesquisa .btn.btn-success .glyphicon {
  color: var(--t4-on-lime, #053345) !important;
}

.theme-3 .dropdown-menu {
  border-radius: 8px !important;
  border: 1px solid var(--t4-border) !important;
  box-shadow: 0 2px 2px rgba(0, 0, 0, .05), 0 3px 6px rgba(0, 0, 0, .06), 0 1px 5px rgba(0, 0, 0, .08) !important;
  padding: 6px !important;
}

.theme-3 .dropdown-menu>li>a {
  border-radius: 6px !important;
  padding: 8px 14px !important;
}

.theme-3 .dropdown-menu .divider {
  margin: 6px 4px !important;
}



/* ==========================================================================
   THEME 5 (dark) — PALETA DARK completa (tokens --t4-* p/ .theme-5).
   Bases escuras auditadas do theme-5; granulares herdam das bases.
   ========================================================================== */
body.theme-5 {
  /* bases */
  --t4-navbar-1: #1a2433;
  --t4-navbar-2: #0b0f19;
  --t4-petro-1: #104E64;
  --t4-petro-2: #053345;
  --t4-lime-1: #BBF451;
  --t4-lime-2: #D8F999;
  --t4-primary: #8cc63f;
  --t4-on-primary: #0b0f19;
  --t4-primary-hover: #9ad24f;
  --t4-accent: #bbf451;
  --t4-verde-ativo: #bbf451;
  --t4-on-lime: #0b0f19;
  --t4-on-petro: #ffffff;
  /* lime FRACO pedido pelo usuario (#bbf451) */
  --t4-success: #4ade80;
  --t4-on-success: #0b0f19;
  --t4-success-h: #5fe693;
  --t4-warning: #fbbf24;
  --t4-on-warning: #0b0f19;
  --t4-warning-h: #fccb47;
  --t4-danger: #f87171;
  --t4-on-danger: #0b0f19;
  --t4-danger-h: #fa8a8a;
  --t4-info: #60a5fa;
  --t4-on-info: #0b0f19;
  --t4-info-h: #7db6fb;
  --t4-text: #d4d8e2;
  --t4-text-muted: #9ca3af;
  --t4-surface: #1a1f2e;
  --t4-border: #2d3142;
  --t4-muted-bg: #0f1523;
  --t4-btnprim-1: #bbf451;
  --t4-btnprim-2: #d8f999;
  /* botoes: gradiente lime pedido pelo usuario (fraco, nao neon) */
  /* home tiles / mega / sidebar (tiles petro funcionam sobre o quase-preto; glifos lime) */
  --t4-tile-1: var(--t4-petro-1);
  --t4-tile-2: var(--t4-petro-2);
  --t4-tile-label: #d4d8e2;
  --t4-glifo-1: var(--t4-lime-1);
  --t4-glifo-2: var(--t4-lime-2);
  --t4-mega-1: #1a1f2e;
  --t4-mega-2: #0f1523;
  --t4-megalabel: #d4d8e2;
  --t4-megatile-1: var(--t4-petro-1);
  --t4-megatile-2: var(--t4-petro-2);
  --t4-megaglifo-1: var(--t4-lime-1);
  --t4-megaglifo-2: var(--t4-lime-2);
  --t4-side-1: #0b0f19;
  --t4-side-2: #070a0f;
  --t4-side-text: #d4d8e2;
  /* agenda grade dark */
  --t4-ag-fundo: #0b0f19;
  --t4-ag-borda: #2d3142;
  --t4-ag-linha: #3a3f52;
  --t4-ag-linha-suave: #2d3142;
  --t4-ag-hoje: #1a1f2e;
  --t4-ag-dom: #191320;
  --t4-ag-sab: #191320;
  --t4-ag-evento: #2f5f9e;
  --t4-cal-dias: #d4d8e2;
  --t4-cal-dow: #9ca3af;
  --t4-cal-titulo: #e5e7eb;
  --t4-cal-h1: #1a1f2e;
  --t4-cal-h2: #0f1523;
  --t4-cal-today: #60a5fa;
  --t4-cal-sel: #8cc63f;
  --t4-cal-wknd: #191320;
  /* granulares herdando das bases dark */
  --t4-form-borda: var(--t4-border);
  --t4-tabela-borda: var(--t4-border);
  --t4-addon-fundo: var(--t4-border);
  --t4-addon-icone: var(--t4-text-muted);
  --t4-dd-fundo: var(--t4-surface);
  --t4-dd-borda: var(--t4-border);
  --t4-list-fundo: var(--t4-surface);
  --t4-list-borda: var(--t4-border);
  --t4-chip-1: var(--t4-info);
  --t4-chip-2: var(--t4-primary);
  --t4-chip-text: #e5e7eb;
  --t4-check: var(--t4-primary);
  --t4-link: var(--t4-primary);
  --t4-sw-ativo: var(--t4-verde-ativo);
  --t4-sw-trilho: var(--t4-border);
  --t4-sw-inativo: #e5e7eb;
  --t4-fin2-titulo: var(--t4-text-muted);
  --t4-fin2-valor: var(--t4-accent);
  --t4-fin2-importar: var(--t4-accent);
  --t4-fin2-hero: #e5e7eb;
}


/* ==========================================================================
   THEME 5 (dark) — ESPELHO COMPLETO do theme-4 c/ paleta DARK (merge: theme-5 = dark do theme-3).
   Mesmas regras do theme-4, escopo .theme-5, tokens dark do bloco acima + overrides abaixo.
   Gerado por espelhamento .theme-4 -> .theme-5 (regenerar, nao editar a mao).
   ========================================================================== */
.theme-5 header#pc.navbar,
.theme-5 header#pc.navbar-default,
.theme-5 header#mobile.navbar,
.theme-5 header#mobile.navbar-default {
  background: linear-gradient(180deg, var(--t4-navbar-1) 0%, var(--t4-navbar-2) 100%) !important;
}

.theme-5 header#pc .fa,
.theme-5 header#pc .glyphicon {
  color: #ffffff !important;
}

.theme-5 .input-acessorapido .select2-arrow b:before {
  color: var(--t4-primary) !important;
}

.theme-5 header#pc .dropdown-menu .fa,
.theme-5 header#pc .dropdown-menu .glyphicon {
  color: var(--t4-primary) !important;
}

.theme-5 #tabelaresultado.modulos .iconbox>i {
  background: linear-gradient(180deg, var(--t4-tile-1) 0%, var(--t4-tile-2) 100%) !important;
}

.theme-5 #tabelaresultado.modulos .iconbox>i::before {
  background: linear-gradient(180deg, var(--t4-glifo-1) 0%, var(--t4-glifo-2) 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
}

.theme-5 #tabelaresultado.modulos .iconbox>span {
  color: var(--t4-tile-label) !important;
}

.theme-5 .btn-primary {
  background: linear-gradient(180deg, var(--t4-btnprim-1), var(--t4-btnprim-2)) !important;
  border-color: color-mix(in srgb, var(--t4-btnprim-1) 72%, #000) !important;
  color: var(--t4-on-lime) !important;
}

.theme-5 .btn-primary:hover,
.theme-5 .btn-primary:focus {
  background: linear-gradient(180deg, color-mix(in srgb, var(--t4-btnprim-1) 88%, #000), var(--t4-btnprim-1)) !important;
  color: var(--t4-on-lime) !important;
}

.theme-5 .btn-success {
  background: linear-gradient(180deg, var(--t4-btnprim-1), var(--t4-btnprim-2)) !important;
  border-color: color-mix(in srgb, var(--t4-btnprim-1) 72%, #000) !important;
  color: var(--t4-on-lime) !important;
}

.theme-5 .btn-success:hover,
.theme-5 .btn-success:focus {
  background: linear-gradient(180deg, color-mix(in srgb, var(--t4-btnprim-1) 88%, #000), var(--t4-btnprim-1)) !important;
  color: var(--t4-on-lime) !important;
}

.theme-5 .btn-warning {
  background: var(--t4-warning) !important;
  border-color: var(--t4-warning) !important;
  color: var(--t4-on-warning, #fff) !important;
}

.theme-5 .btn-warning:hover {
  background: var(--t4-warning-h) !important;
}

.theme-5 .btn-danger {
  background: var(--t4-danger) !important;
  border-color: var(--t4-danger) !important;
  color: var(--t4-on-danger, #fff) !important;
}

.theme-5 .btn-danger:hover {
  background: var(--t4-danger-h) !important;
}

.theme-5 .btn-info {
  background: var(--t4-info) !important;
  border-color: var(--t4-info) !important;
  color: var(--t4-on-info, #fff) !important;
}

.theme-5 .btn-info:hover {
  background: var(--t4-info-h) !important;
}

.theme-5 a {
  color: var(--t4-link);
  text-decoration: none;
}

.theme-5 a:hover,
.theme-5 a:focus {
  color: color-mix(in srgb, var(--t4-link) 84%, #000);
  text-decoration: none;
}

.theme-5 .panel-primary>.panel-heading {
  background: var(--t4-primary) !important;
  border-color: var(--t4-primary) !important;
}

.theme-5 .badge-lime,
.theme-5 .glifo-lime {
  background: linear-gradient(180deg, var(--t4-lime-1), var(--t4-lime-2)) !important;
  color: var(--t4-petro-2) !important;
}

.theme-5 #shortcut,
.theme-5 #shortcut-mobile {
  background: linear-gradient(180deg, var(--t4-mega-1) 0%, var(--t4-mega-2) 100%) !important;
}

.theme-5 #shortcut #ulmodulos .shortcut-tile .iconbox>i,
.theme-5 #shortcut-mobile #ulmodulos-mobile .shortcut-tile .iconbox>i,
.theme-5 #shortcut #ulmodulos a.shortcut-tile.selected .iconbox>i,
.theme-5 #shortcut-mobile #ulmodulos-mobile a.shortcut-tile.selected .iconbox>i {
  background: linear-gradient(180deg, var(--t4-megatile-1) 0%, var(--t4-megatile-2) 100%) !important;
}

.theme-5 #shortcut #ulmodulos .shortcut-tile .iconbox>i::before,
.theme-5 #shortcut-mobile #ulmodulos-mobile .shortcut-tile .iconbox>i::before {
  background: linear-gradient(180deg, var(--t4-megaglifo-1) 0%, var(--t4-megaglifo-2) 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
}

.theme-5 #shortcut #ulmodulos .shortcut-tile .iconbox>.label,
.theme-5 #shortcut-mobile #ulmodulos-mobile .shortcut-tile .iconbox>.label {
  color: var(--t4-megalabel, #ffffff) !important;
}

.theme-5 #menu.menu-lateral .sidebar::before {
  background: linear-gradient(180deg, var(--t4-side-1) 0%, var(--t4-side-2) 100%) !important;
}

@media (max-width: 991px) {
  .theme-5 #menu.menu-lateral .sidebar {
    background: linear-gradient(180deg, var(--t4-side-1) 0%, var(--t4-side-2) 100%) !important;
  }
}

.theme-5 #sidebar>li>a {
  color: var(--t4-side-text, #ffffff) !important;
}

.theme-5 #sidebar>li>a .icon-menu {
  color: color-mix(in srgb, var(--t4-side-text, #ffffff) 92%, transparent) !important;
}

.theme-5 #sidebar>li>a.menu-item-ativo {
  background: color-mix(in srgb, var(--t4-verde-ativo) 16%, transparent) !important;
}

.theme-5 #sidebar>li>a.menu-item-ativo .icon-menu {
  color: var(--t4-verde-ativo) !important;
}

.theme-5 #loading #modalLoading::before {
  border-top-color: var(--t4-verde-ativo) !important;
}

.theme-5 .badge.gridRecords,
.theme-5 #record-count-container .progress-bar,
.theme-5 #progresso {
  background: linear-gradient(180deg, var(--t4-chip-1) 0%, var(--t4-chip-2) 100%) !important;
  color: var(--t4-chip-text) !important;
}

.theme-5 #record-count-container .badge {
  display: inline-block;
  margin: 0 8px 8px 0 !important;
  padding: 6px 12px !important;
  border-radius: 8px !important;
  font-size: 12px !important;
  line-height: 1.45;
  vertical-align: middle;
  white-space: normal;
}

.theme-5 #record-count-container .badge.sombra:not(.gridRecords) {
  background: var(--t4-warning) !important;
  color: #ffffff !important;
}

.theme-5 .wf-card .wf-empty__btn {
  background: linear-gradient(180deg, var(--t4-btnprim-1), var(--t4-btnprim-2)) !important;
  color: var(--t4-on-lime) !important;
  box-shadow: none !important;
}

.theme-5 .wf-card .wf-empty__btn:hover,
.theme-5 .wf-card .wf-empty__btn:focus {
  background: linear-gradient(180deg, color-mix(in srgb, var(--t4-btnprim-1) 88%, #000), var(--t4-btnprim-1)) !important;
  color: var(--t4-on-lime) !important;
  box-shadow: none !important;
}

.theme-5 .wf-card .wf-empty__btn .glyphicon-circle-arrow-right:before {
  font-family: 'FontAwesome', 'Font Awesome 5 Free', 'Font Awesome 6 Free' !important;
  font-weight: 900 !important;
  content: "\f0a9" !important;
}

.theme-5 input[type="checkbox"]:checked {
  background-color: var(--t4-check) !important;
  border-color: var(--t4-check) !important;
}

.theme-5 .btnLerMais {
  background: var(--t4-check) !important;
}

.theme-5 .btnLerMais:hover {
  background: color-mix(in srgb, var(--t4-check) 84%, #000) !important;
}

.theme-5 .icones-agrupamento {
  color: var(--t4-check) !important;
}

.theme-5 .btn-pesquisa .glyphicon,
.theme-5 .btn-icon .glyphicon {
  color: var(--t4-petro-2) !important;
}

.theme-5 :is(.painel-interno, .submodulo) :is(.fa-trash-o, .fa-trash, .fa-external-link-square, .fa-cog, .fa-gear, .glyphicon-cog, .fa-info-circle, .fa-plus-square, .fa-check-square-o) {
  color: var(--t4-check) !important;
}

.theme-5 :is(.painel-interno, .submodulo) a:hover :is(.fa-external-link-square, .fa-cog, .glyphicon-cog, .fa-info-circle, .fa-plus-square) {
  color: var(--t4-petro-2) !important;
}

.theme-5 :is(.painel-interno, .submodulo) :is(.excluir, a):hover :is(.fa-trash-o, .fa-trash) {
  color: var(--t4-danger) !important;
}

.theme-5 .ui-datepicker .ui-datepicker-header {
  background: linear-gradient(180deg, var(--t4-cal-h1) 0%, var(--t4-cal-h2) 100%) !important;
}

.theme-5 .ui-datepicker .ui-datepicker-title {
  color: var(--t4-cal-titulo) !important;
}

.theme-5 .ui-datepicker th {
  color: var(--t4-cal-dow) !important;
}

.theme-5 .ui-datepicker td span,
.theme-5 .ui-datepicker td a {
  color: var(--t4-cal-dias) !important;
}

.theme-5 .ui-datepicker td a:hover {
  background: color-mix(in srgb, var(--t4-cal-sel) 10%, transparent) !important;
  color: var(--t4-petro-2) !important;
}

.theme-5 .ui-datepicker td a.ui-state-highlight,
.theme-5 .ui-datepicker td .ui-state-highlight {
  border-color: var(--t4-cal-today) !important;
  color: var(--t4-petro-2) !important;
}

.theme-5 .ui-datepicker td a.ui-state-active,
.theme-5 .ui-datepicker td .ui-state-active {
  background: var(--t4-cal-sel) !important;
  border-color: var(--t4-cal-sel) !important;
  color: var(--t4-on-primary) !important;
}

.theme-5 .ui-datepicker .ui-datepicker-buttonpane button {
  color: var(--t4-primary) !important;
}

.theme-5 .ui-datepicker td.ui-datepicker-week-end>a,
.theme-5 .ui-datepicker td.ui-datepicker-week-end>span {
  background: var(--t4-cal-wknd) !important;
  color: var(--t4-cal-dias) !important;
}

.theme-5 .ui-datepicker td.ui-datepicker-week-end>a.ui-state-active {
  background: var(--t4-cal-sel) !important;
  color: var(--t4-on-primary) !important;
}

.theme-5 .tooltip-inner {
  background: #053345 !important;
  color: #ffffff !important;
  border-radius: 8px !important;
  padding: 7px 11px !important;
  font-size: 12px !important;
  line-height: 1.4 !important;
  box-shadow: 0 6px 18px rgba(0, 0, 0, .22) !important;
  max-width: 280px !important;
}

.theme-5 .tooltip.top .tooltip-arrow,
.theme-5 .tooltip.top-left .tooltip-arrow,
.theme-5 .tooltip.top-right .tooltip-arrow {
  border-top-color: #053345 !important;
}

.theme-5 .tooltip.bottom .tooltip-arrow,
.theme-5 .tooltip.bottom-left .tooltip-arrow,
.theme-5 .tooltip.bottom-right .tooltip-arrow {
  border-bottom-color: #053345 !important;
}

.theme-5 .tooltip.left .tooltip-arrow {
  border-left-color: #053345 !important;
}

.theme-5 .tooltip.right .tooltip-arrow {
  border-right-color: #053345 !important;
}

.theme-5 #tabelaresultado thead th,
.theme-5 #tabelaresultado thead td {
  background: var(--t4-muted-bg) !important;
  color: var(--t4-text) !important;
  border-color: var(--t4-border) !important;
}

.theme-5 #tabelaresultado td,
.theme-5 #tabelaresultado th {
  vertical-align: middle !important;
}

.theme-5 .dropdown-menu>li>a {
  color: var(--t4-primary);
}

.theme-5 .dropdown-menu>li>a:hover,
.theme-5 .dropdown-menu>li>a:focus {
  background: color-mix(in srgb, var(--t4-primary) 8%, transparent) !important;
  color: var(--t4-petro-2) !important;
}

.theme-5 .dropdown-menu>.active>a,
.theme-5 .dropdown-menu>.active>a:hover,
.theme-5 .dropdown-menu>.active>a:focus {
  background: linear-gradient(180deg, var(--t4-lime-1), var(--t4-lime-2)) !important;
  color: var(--t4-on-lime, #053345) !important;
  text-shadow: none !important;
}

.theme-5 .pagination>li>a,
.theme-5 .pagination>li>span,
.theme-5 .pagination>li>a>span {
  color: var(--t4-primary) !important;
}

.theme-5 .pagination>.active>a,
.theme-5 .pagination>.active>span,
.theme-5 .pagination>.active>a:hover,
.theme-5 .pagination>.active>a:focus,
.theme-5 .pagination>.active>span:hover,
.theme-5 .pagination>.active>span:focus {
  background: linear-gradient(180deg, var(--t4-lime-1), var(--t4-lime-2)) !important;
  border-color: color-mix(in srgb, var(--t4-petro-2) 30%, transparent) !important;
  color: var(--t4-on-lime, #053345) !important;
}

.theme-5 .progress-bar,
.theme-5 .progress-bar-success {
  background: linear-gradient(180deg, var(--t4-lime-1) 0%, var(--t4-verde-ativo) 100%) !important;
  color: var(--t4-on-lime, #053345) !important;
  text-shadow: none !important;
}

.theme-5 .list-group-item.active,
.theme-5 .list-group-item.active:hover,
.theme-5 .list-group-item.active:focus {
  background: linear-gradient(180deg, var(--t4-lime-1), var(--t4-lime-2)) !important;
  color: var(--t4-on-lime, #053345) !important;
  border-color: color-mix(in srgb, var(--t4-petro-2) 30%, transparent) !important;
  text-shadow: none !important;
}

.theme-5 .panel-primary {
  border-color: color-mix(in srgb, var(--t4-petro-2) 30%, transparent) !important;
}

.theme-5 .panel-primary>.panel-heading {
  background: linear-gradient(180deg, var(--t4-info) 0%, var(--t4-petro-1) 100%) !important;
  color: var(--t4-on-petro, #fff) !important;
  border-color: color-mix(in srgb, var(--t4-petro-2) 30%, transparent) !important;
}

.theme-5 .panel-primary>.panel-heading a:not(.btn),
.theme-5 .panel-primary>.panel-heading .panel-title {
  color: var(--t4-on-petro, #fff) !important;
}

.theme-5 .panel-primary>.panel-heading a.btn {
  color: var(--t4-on-lime, #053345) !important;
}

.theme-5 .panel-default {
  border-color: var(--t4-border) !important;
}

.theme-5 .panel-default>.panel-heading {
  background-color: var(--t4-muted-bg) !important;
  border-color: var(--t4-border) !important;
}

.theme-5 .panel-default>.panel-heading,
.theme-5 .panel-default>.panel-heading a,
.theme-5 .panel-default>.panel-heading .panel-title {
  color: var(--t4-text) !important;
}

.theme-5 [id^="sub-"] .panel.panel-primary>.panel-heading {
  background: color-mix(in srgb, var(--t4-accent) 40%, #fff) !important;
  border-color: var(--t4-border) !important;
}

.theme-5 [id^="sub-"] .panel.panel-primary>.panel-heading a:not(.btn),
.theme-5 [id^="sub-"] .panel.panel-primary>.panel-heading .panel-title {
  color: var(--t4-text) !important;
}

.theme-5 [id^="sub-"] .panel-heading .panel-title {
  display: flex;
  align-items: center;
  margin: 0;
}

.theme-5 [id^="sub-"] .panel-heading .panel-title>a[data-toggle="collapse"] {
  margin-right: auto;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.theme-5 [id^="sub-"] .panel-heading .btn-gatilho-novo {
  order: 1;
}

.theme-5 [id^="sub-"] .panel-heading .btn-ir-ate-workflow {
  order: 2;
}

.theme-5 [id^="sub-"] .panel-heading .btn-gatilho-excluir {
  order: 3;
}

.theme-5 .panel-title .fa-caret-up:before {
  content: "\f077" !important;
}

.theme-5 .panel-title .fa-caret-down:before {
  content: "\f078" !important;
}

.theme-5 .panel-title .fa-caret-up,
.theme-5 .panel-title .fa-caret-down {
  font-size: 11px;
  opacity: .7;
  line-height: 1;
  vertical-align: middle;
}

.theme-5 [id^="sub-"] .panel-heading .btn {
  display: inline-flex !important;
  align-items: center;
  gap: 6px;
  margin-top: 0 !important;
  vertical-align: middle !important;
  box-shadow: none !important;
  background-image: none !important;
  text-shadow: none !important;
  line-height: 1.2 !important;
  padding: 6px 14px !important;
}

.theme-5 [id^="sub-"] .panel-heading .btn:hover,
.theme-5 [id^="sub-"] .panel-heading .btn:focus,
.theme-5 [id^="sub-"] .panel-heading .btn:active,
.theme-5 [id^="sub-"] .panel-heading .btn.active {
  box-shadow: none !important;
  background-image: none !important;
  text-shadow: none !important;
}

.theme-5 [id^="sub-"] .panel-heading .btn>.glyphicon,
.theme-5 [id^="sub-"] .panel-heading .btn>.fa {
  top: 0 !important;
  margin: 0 !important;
  line-height: 1 !important;
}

.theme-5 [id^="sub-"] .panel-heading .btn .glyphicon-plus:before {
  font-family: 'FontAwesome', 'Font Awesome 5 Free', 'Font Awesome 6 Free' !important;
  font-weight: 900 !important;
  content: "\f067" !important;
}

.theme-5 [id^="sub-"] .panel-heading .btn .glyphicon-trash:before {
  font-family: 'FontAwesome', 'Font Awesome 5 Free', 'Font Awesome 6 Free' !important;
  font-weight: 900 !important;
  content: "\f1f8" !important;
}

.theme-5 #div-submodulo-para-guia {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.theme-5 .form-group:has(> .tabAuxiliarDinamica.btn-novo),
.theme-5 .form-group:has(> .tabAuxiliarDinamicaGrid.btn-novo) {
  position: relative;
}

.theme-5 .form-group>.tabAuxiliarDinamica.btn-novo,
.theme-5 .form-group>.tabAuxiliarDinamicaGrid.btn-novo {
  position: absolute !important;
  top: 0;
  right: 15px;
  z-index: 6;
  float: none !important;
  margin: 0 !important;
}

.theme-5 .form-group:has(> .tabAuxiliarDinamica.btn-novo)>label,
.theme-5 .form-group:has(> .tabAuxiliarDinamicaGrid.btn-novo)>label {
  padding-right: 34px;
}


.theme-5 .btn-default {
  color: var(--t4-text) !important;
  background-color: var(--t4-surface) !important;
  border-color: var(--t4-border) !important;
}

.theme-5 .btn-default:hover,
.theme-5 .btn-default:focus,
.theme-5 .btn-default:active,
.theme-5 .btn-default.active {
  background-color: var(--t4-muted-bg) !important;
  border-color: var(--t4-border) !important;
  color: var(--t4-text) !important;
}

.theme-5 .table-striped>tbody>tr:nth-child(odd)>td,
.theme-5 .table-striped>tbody>tr:nth-child(odd)>th {
  background-color: var(--t4-muted-bg) !important;
}

.theme-5 .table-hover>tbody>tr:hover>td,
.theme-5 .table-hover>tbody>tr:hover>th {
  background-color: color-mix(in srgb, var(--t4-primary) 6%, #fff) !important;
}

.theme-5 .shortcut-tile {
  background: linear-gradient(135deg, var(--t4-petro-1) 0%, var(--t4-petro-2) 100%) !important;
  color: var(--t4-lime-1) !important;
}

.theme-5 .shortcut-tile.selected {
  border-color: var(--t4-lime-1) !important;
}

.theme-5 .shortcut-tile:after {
  border-top-color: var(--t4-lime-1) !important;
}

.theme-5 a.hovered {
  background-color: color-mix(in srgb, var(--t4-success) 28%, #fff) !important;
}

.theme-5 .alert-info {
  background: color-mix(in srgb, var(--t4-info) 12%, #fff) !important;
  border-color: color-mix(in srgb, var(--t4-info) 35%, #fff) !important;
  color: color-mix(in srgb, var(--t4-info) 72%, #000) !important;
}

.theme-5 .alert-success {
  background: color-mix(in srgb, var(--t4-success) 12%, #fff) !important;
  border-color: color-mix(in srgb, var(--t4-success) 35%, #fff) !important;
  color: color-mix(in srgb, var(--t4-success) 70%, #000) !important;
}

.theme-5 .alert-warning {
  background: color-mix(in srgb, var(--t4-warning) 14%, #fff) !important;
  border-color: color-mix(in srgb, var(--t4-warning) 38%, #fff) !important;
  color: color-mix(in srgb, var(--t4-warning) 65%, #000) !important;
}

.theme-5 .alert-danger {
  background: color-mix(in srgb, var(--t4-danger) 12%, #fff) !important;
  border-color: color-mix(in srgb, var(--t4-danger) 35%, #fff) !important;
  color: color-mix(in srgb, var(--t4-danger) 70%, #000) !important;
}

.theme-5 .table-striped>tbody>tr>.info,
.theme-5 .table-striped>tbody>.info>td,
.theme-5 .table-striped>tbody>.info>th {
  background-color: color-mix(in srgb, var(--t4-info) 38%, #fff) !important;
}

.theme-5 .icon-ok {
  color: var(--t4-success) !important;
}

.theme-5 .icon-error {
  color: var(--t4-danger) !important;
}

.theme-5 .icon-warning {
  background-color: var(--t4-warning) !important;
}

.theme-5 .icon-danger {
  background-color: var(--t4-danger) !important;
}

.theme-5 .widget a.list-success,
.theme-5 .widget p.list-success {
  color: color-mix(in srgb, var(--t4-success) 78%, #000) !important;
}

.theme-5 .widget a.list-danger,
.theme-5 .widget p.list-danger {
  color: color-mix(in srgb, var(--t4-danger) 75%, #000) !important;
}

.theme-5 .required:after {
  color: var(--t4-danger) !important;
}

.theme-5 .estrela-favorito {
  color: var(--t4-warning) !important;
}

.theme-5 .contador>* {
  border-color: var(--t4-success) !important;
  color: var(--t4-success) !important;
}

.theme-5 .alertaVinculoTabAux {
  border-color: var(--t4-success) !important;
}

.theme-5 .dropzone {
  border-color: var(--t4-info) !important;
}

.theme-5 .twitter-typeahead .tt-suggestion.tt-is-under-cursor {
  background-color: var(--t4-info) !important;
}

.theme-5 .transparent:focus {
  border-color: color-mix(in srgb, var(--t4-info) 60%, #fff) !important;
}

.theme-5 #expandir-todos>i:hover,
.theme-5 .expandir-agrupados:hover>i {
  color: var(--t4-success-h) !important;
}

.theme-5 header#mobile .navbar-toggle:hover .icon-bar,
.theme-5 header#mobile .navbar-toggle:not(.collapsed) .icon-bar {
  background-color: color-mix(in srgb, var(--t4-navbar-2) 85%, #000) !important;
}

.theme-5 .box,
.theme-5 .small-box {
  border-top-color: var(--t4-success) !important;
}

.theme-5 .box-header .fa,
.theme-5 .box-header i,
.theme-5 .small-box .icon {
  color: var(--t4-success) !important;
}

.theme-5 .small-box-footer {
  color: var(--t4-success) !important;
}

.theme-5 .small-box-footer:hover {
  color: var(--t4-success-h) !important;
}

.theme-5 #totalizadorAndamentos {
  background: linear-gradient(135deg, color-mix(in srgb, var(--t4-success) 12%, #fff) 0%, color-mix(in srgb, var(--t4-success) 24%, #fff) 100%) !important;
  border-top-color: var(--t4-success) !important;
}

.theme-5 #totalizadorAndamentos .inner h3,
.theme-5 #totalizadorAndamentos .inner p {
  color: color-mix(in srgb, var(--t4-success) 72%, #000) !important;
}

.theme-5 #totalizadorAndamentos .icon,
.theme-5 #totalizadorAndamentos .small-box-footer {
  color: var(--t4-success) !important;
}

.theme-5 #totalizadorPrazos {
  background: linear-gradient(135deg, color-mix(in srgb, var(--t4-info) 12%, #fff) 0%, color-mix(in srgb, var(--t4-info) 24%, #fff) 100%) !important;
  border-top-color: var(--t4-info) !important;
}

.theme-5 #totalizadorPrazos .inner h3,
.theme-5 #totalizadorPrazos .inner p {
  color: color-mix(in srgb, var(--t4-info) 72%, #000) !important;
}

.theme-5 #totalizadorPrazos .icon,
.theme-5 #totalizadorPrazos .small-box-footer {
  color: var(--t4-info) !important;
}

.theme-5 #totalizadorPublicacoes {
  background: linear-gradient(135deg, color-mix(in srgb, var(--t4-warning) 12%, #fff) 0%, color-mix(in srgb, var(--t4-warning) 24%, #fff) 100%) !important;
  border-top-color: var(--t4-warning) !important;
}

.theme-5 #totalizadorPublicacoes .inner h3,
.theme-5 #totalizadorPublicacoes .inner p {
  color: color-mix(in srgb, var(--t4-warning) 68%, #000) !important;
}

.theme-5 #totalizadorPublicacoes .icon,
.theme-5 #totalizadorPublicacoes .small-box-footer {
  color: var(--t4-warning) !important;
}

.theme-5 #totalizadorFatais {
  background: linear-gradient(135deg, color-mix(in srgb, var(--t4-warning) 28%, #fff) 0%, color-mix(in srgb, var(--t4-warning) 42%, #fff) 100%) !important;
  border-top-color: color-mix(in srgb, var(--t4-warning) 85%, #000) !important;
}

.theme-5 #totalizadorFatais .inner h3,
.theme-5 #totalizadorFatais .inner p {
  color: color-mix(in srgb, var(--t4-warning) 62%, #000) !important;
}

.theme-5 #totalizadorFatais .icon,
.theme-5 #totalizadorFatais .small-box-footer {
  color: color-mix(in srgb, var(--t4-warning) 88%, #000) !important;
}

.theme-5 .bootstrap-switch.bootstrap-switch-on .bootstrap-switch-handle-on.bootstrap-switch-default {
  background-color: var(--t4-verde-ativo) !important;
}

.theme-5 .bg-warning {
  background-color: var(--t4-warning) !important;
}

.theme-5 .btn-outline-success {
  color: var(--t4-success) !important;
  border-color: var(--t4-success) !important;
}

.theme-5 .btn-outline-success:hover {
  background-color: var(--t4-success) !important;
  border-color: var(--t4-success) !important;
  color: var(--t4-on-success, #fff) !important;
}

.theme-5 .load div {
  border-color: var(--t4-success) transparent transparent transparent !important;
}

.theme-5 .checkbox:checked+label.ios-switch:before {
  box-shadow: var(--t4-sw-ativo) 0px 0px 0px 16px inset !important;
  background-color: var(--t4-sw-ativo) !important;
  border-color: var(--t4-sw-ativo) !important;
}

.theme-5 .fc-sun {
  background: var(--t4-ag-dom) !important;
}

.theme-5 .fc-sat {
  background: var(--t4-ag-sab) !important;
}

.theme-5 .fin2-total-hero .card.card-success,
.theme-5 #listacontas .card,
.theme-5 #main .accordionTitle,
.theme-5 #main .accordion__Heading,
.theme-5 #modal-conciliacao-bancaria .modal-header,
.theme-5 #modal-conciliacao-bancaria #progressbarconciliacao li.active:before,
.theme-5 #modal-conciliacao-bancaria #badgematches,
.theme-5 #modal-conciliacao-bancaria #badgenovos {
  background: linear-gradient(135deg, var(--t4-petro-1), var(--t4-petro-2)) !important;
}

.theme-5 #listacontas .card:hover,
.theme-5 #main #listacontas .card:hover {
  background: linear-gradient(135deg, color-mix(in srgb, var(--t4-petro-1) 82%, #fff), color-mix(in srgb, var(--t4-petro-2) 88%, #fff)) !important;
}

.theme-5 #main .accordionTitle:hover {
  background: color-mix(in srgb, var(--t4-petro-1) 82%, #fff) !important;
}

.theme-5 .fin2-total-hero h6,
.theme-5 #main #listacontas .card h6 {
  color: var(--t4-fin2-titulo) !important;
}

.theme-5 .fin2-total-hero h6::before,
.theme-5 #main #listacontas .card h6::before,
.theme-5 #modal-conciliacao-bancaria .modal-header .modal-title .fa {
  color: var(--t4-lime-2) !important;
}

.theme-5 .fin2-total-hero h1 {
  color: var(--t4-fin2-hero) !important;
}

.theme-5 #listacontas .card h1,
.theme-5 #main #listacontas .card h1 {
  color: var(--t4-fin2-valor) !important;
}

.theme-5 #main #listacontas .card h1.conta-negativa,
.theme-5 #listacontas .card h1.conta-negativa,
.theme-5 #listacontas .card .conta-negativa {
  color: color-mix(in srgb, var(--t4-danger) 45%, #fff) !important;
}

.theme-5 #main #listacontas .card p.btn-importar-conc,
.theme-5 #listacontas .card p.btn-importar-conc {
  color: var(--t4-fin2-importar) !important;
}

.theme-5 #main #listacontas .card p.btn-importar-conc:hover {
  border-color: var(--t4-lime-2) !important;
}

.theme-5 #main .lefts .btn-novo,
.theme-5 #main .fin2-contas-band .btn-novo,
.theme-5 #modal-conciliacao-bancaria #btn-upload {
  background: linear-gradient(135deg, var(--t4-lime-1), var(--t4-lime-2)) !important;
  color: var(--t4-on-lime, #053345) !important;
}

.theme-5 #recebimentos-hoje,
.theme-5 #recebimentos-em-atraso {
  color: var(--t4-success) !important;
}

.theme-5 #pagamentos-hoje,
.theme-5 #pagamentos-em-atraso {
  color: var(--t4-danger) !important;
}

.theme-5 #novo-recebimento {
  background: var(--t4-success) !important;
}

.theme-5 #novo-pagamento {
  background: var(--t4-danger) !important;
}

.theme-5 #main .accordionTitle,
.theme-5 #main .accordion__Heading {
  border-bottom-color: var(--t4-petro-2) !important;
}

.theme-5 #main .nav-pills .nav-link.active {
  background: var(--t4-primary) !important;
}

.theme-5 #modal-conciliacao-bancaria .nav-tabs>li>a:hover,
.theme-5 #modal-conciliacao-bancaria .nav-tabs>li.active>a,
.theme-5 #modal-conciliacao-bancaria .nav-tabs>li.active>a:hover,
.theme-5 #modal-conciliacao-bancaria .nav-tabs>li.active>a:focus {
  color: var(--t4-primary) !important;
  border-bottom-color: var(--t4-primary) !important;
}

.theme-5 #modal-conciliacao-bancaria #progressbarconciliacao li.active {
  color: var(--t4-petro-2) !important;
}

.theme-5 #modal-conciliacao-bancaria #progressbarconciliacao li.active:after {
  background: var(--t4-primary) !important;
}

.theme-5 #modal-conciliacao-bancaria .fs-title {
  color: var(--t4-petro-2) !important;
}

.theme-5 #modal-conciliacao-bancaria .action-button,
.theme-5 #modal-conciliacao-bancaria .modal-footer .btn-primary,
.theme-5 #modal-conciliacao-bancaria .header-action-button,
.theme-5 #modal-conciliacao-bancaria .btn-info,
.theme-5 #modal-conciliacao-bancaria .btn-success {
  background: linear-gradient(135deg, color-mix(in srgb, var(--t4-petro-1) 80%, #fff), var(--t4-petro-2)) !important;
}

.theme-5 #modal-conciliacao-bancaria #countPendentes,
.theme-5 #modal-conciliacao-bancaria .remover,
.theme-5 #modal-conciliacao-bancaria .removernovo {
  background: var(--t4-danger) !important;
}

.theme-5 #modal-conciliacao-bancaria .code-summary,
.theme-5 #modal-conciliacao-bancaria .title-conciliacao {
  color: var(--t4-primary) !important;
  -webkit-text-fill-color: var(--t4-primary) !important;
}

.theme-5 #modal-conciliacao-bancaria .card-conciliacao[style*="eeffe6"] {
  border-color: color-mix(in srgb, var(--t4-lime-1) 42%, #fff) !important;
}

.theme-5 .content-totais-sumario .box-interno::before {
  background: linear-gradient(135deg, var(--t4-petro-1), var(--t4-petro-2)) !important;
}

.theme-5 .content-totais-sumario .box-interno>h4:nth-of-type(1)::before {
  color: var(--t4-success) !important;
}

.theme-5 .content-totais-sumario .box-interno>h4:nth-of-type(2)::before {
  color: var(--t4-danger) !important;
}

.theme-5 .content-totais-sumario .box-interno>h4:nth-of-type(3)::before,
.theme-5 .content-totais-sumario #container-saldo-periodo h4::before {
  color: var(--t4-primary) !important;
}

.theme-5 .valor-credito {
  color: var(--t4-info) !important;
}

.theme-5 .valor-debito,
.theme-5 .valor-negativo {
  color: var(--t4-danger) !important;
}

.theme-5 .valor-positivo {
  color: var(--t4-primary) !important;
}

.theme-5 #record-count-container .gridCC {
  color: var(--t4-info) !important;
}

.theme-5 #record-count-container .gridUsuario {
  color: color-mix(in srgb, var(--t4-warning) 78%, #000) !important;
  border-color: color-mix(in srgb, var(--t4-warning) 32%, #fff) !important;
}

.theme-5 .expandir-filtro-submodulo-financeiro .fa,
.theme-5 #tabelaresultado td>a .fa-external-link-square,
.theme-5 #tabelaresultado .coluna-saldo b {
  color: var(--t4-primary) !important;
}

.theme-5 .expandir-filtro-submodulo-financeiro:hover .fa,
.theme-5 #tabelaresultado td>a:hover .fa-external-link-square {
  color: var(--t4-info) !important;
}

.theme-5 .tab-bar .tab::before {
  background-color: var(--t4-primary) !important;
}

.theme-5 .tab-bar .tab:active::before {
  background-color: var(--t4-lime-2) !important;
}

.theme-5 .tab-bar .tab i,
.theme-5 .tab-bar .tab .material-icons,
.theme-5 .tab-bar .tab .glyphicon,
.theme-5 .tab-bar .tab::after {
  color: var(--t4-primary) !important;
}

.theme-5 .tab-bar .tab:hover i,
.theme-5 .tab-bar .tab:hover .material-icons,
.theme-5 .tab-bar .tab:hover .glyphicon {
  color: var(--t4-petro-2) !important;
}

.theme-5 .tab-bar #tabnumselecionados {
  border-color: color-mix(in srgb, var(--t4-lime-1) 55%, #fff) !important;
}

.theme-5 .tab-bar #tabnumselecionados,
.theme-5 .tab-bar #tabnumselecionados .icon,
.theme-5 .tab-bar #tabnumselecionados #numselecionados,
.theme-5 .tab-bar #tabnumselecionados::after {
  color: color-mix(in srgb, var(--t4-verde-ativo) 52%, #000) !important;
}

.theme-5 .tab-bar #fecharselecao:hover i {
  color: var(--t4-danger) !important;
}

.theme-5 .filtro-page-header__eyebrow,
.theme-5 .wf-page-header__eyebrow,
.theme-5 .wf-config-link:hover {
  color: color-mix(in srgb, var(--t4-success) 78%, #000) !important;
}

.theme-5 .wf-fluxo-tag {
  color: color-mix(in srgb, var(--t4-success) 70%, #000) !important;
}

.theme-5 .bloco-retorno__accordion {
  border-color: var(--t4-success) !important;
  color: var(--t4-success) !important;
}

.theme-5 .accordion.active,
.theme-5 .accordion:hover {
  border-color: var(--t4-success-h) !important;
  color: var(--t4-success-h) !important;
}

.theme-5 .fg-status-num {
  color: var(--t4-success) !important;
}

.theme-5 .fg-clear-btn {
  border-color: var(--t4-danger) !important;
  color: var(--t4-danger) !important;
}

.theme-5 .fg-clear-btn:hover {
  background: var(--t4-danger) !important;
}

.theme-5 .scoped-class .driver-close-btn {
  background-color: var(--t4-danger) !important;
}

.theme-5 .purge__button--primary {
  background: var(--t4-success) !important;
  border-color: var(--t4-success-h) !important;
}

.theme-5 .purge__button--primary:hover {
  background: var(--t4-success-h) !important;
}

.theme-5 .purge__stats-value--pending {
  color: var(--t4-warning) !important;
}

.theme-5 .purge__stats-value--processing {
  color: var(--t4-info) !important;
}

.theme-5 .purge__stats-value--completed,
.theme-5 .purge__tab.purge__tab--active {
  color: var(--t4-success) !important;
}

.theme-5 .purge__tab.purge__tab--active {
  border-bottom-color: var(--t4-success) !important;
}

.theme-5 .purge__stats-value--error,
.theme-5 .purge__storage-percent--danger {
  color: var(--t4-danger) !important;
}

.theme-5 .purge__history-badge,
.theme-5 .purge__history-empty--error {
  color: color-mix(in srgb, var(--t4-danger) 78%, #000) !important;
}

.theme-5 .purge__history-item {
  border-left-color: var(--t4-danger) !important;
}

.theme-5 .purge__history-empty--error {
  border-color: color-mix(in srgb, var(--t4-danger) 35%, #fff) !important;
}

.theme-5 .purge__total-usage {
  border-left-color: var(--t4-success) !important;
}

.theme-5 .purge__storage-percent--warning,
.theme-5 .purge__storage-bar-fill--warning {
  color: var(--t4-warning) !important;
}

.theme-5 .purge__storage-bar-fill {
  background: var(--t4-success) !important;
}

.theme-5 .purge__storage-bar-fill--danger {
  background: var(--t4-danger) !important;
}

.theme-5 .purge__storage-bar-fill--warning {
  background: var(--t4-warning) !important;
}

.theme-5 .purge-modal__security-warning {
  border-color: color-mix(in srgb, var(--t4-warning) 55%, #fff) !important;
  color: color-mix(in srgb, var(--t4-warning) 62%, #000) !important;
}

.theme-5 .purge-modal__pagination .purge-page-btn.active {
  border-color: var(--t4-success) !important;
  color: var(--t4-success-h) !important;
}

.theme-5 .purge-modal__feedback--toast {
  border-color: color-mix(in srgb, var(--t4-success) 32%, #fff) !important;
}

.theme-5 .purge-modal__feedback--toast.purge-modal__feedback--warning {
  border-color: color-mix(in srgb, var(--t4-warning) 45%, #fff) !important;
}

.theme-5 .purge-modal__feedback-list,
.theme-5 .purge-modal__feedback-more {
  color: color-mix(in srgb, var(--t4-warning) 58%, #000) !important;
}

.theme-5 .upload-body__progress .bar,
.theme-5 .load__progress-bar .bar {
  background: var(--t4-success) !important;
}

.theme-5 .upload-body__icon {
  color: var(--t4-info) !important;
}

.theme-5 #docusign-assinatura .side-bar .signature-draggable .tab-icon {
  background-color: var(--t4-success) !important;
}

.theme-5 .wizard .wizard-header hr {
  border-color: var(--t4-info) !important;
}

.theme-5 .wizard .wizard-header .steps .wizard-step {
  background: var(--t4-info) !important;
}

.theme-5 .badge-status {
  color: color-mix(in srgb, var(--t4-success) 70%, #000) !important;
  border-color: color-mix(in srgb, var(--t4-success) 32%, #fff) !important;
}

.theme-5 .condicoes-list,
.theme-5 .header-condicoes {
  border-left-color: var(--t4-success) !important;
}

.theme-5 .btn-remove-condicao {
  background: var(--t4-danger) !important;
}

.theme-5 .dialog-close:hover {
  color: var(--t4-danger) !important;
}

.theme-5 .fc td,
.theme-5 .fc th {
  border-color: var(--t4-ag-borda) !important;
}

.theme-5 .fc-view-container,
.theme-5 .fc-view-container .fc-view {
  background: var(--t4-ag-fundo) !important;
}

.theme-5 .fc-button {
  background: linear-gradient(180deg, var(--t4-btnprim-1), var(--t4-btnprim-2)) !important;
  border: 1px solid color-mix(in srgb, var(--t4-btnprim-1) 72%, #000) !important;
  color: var(--t4-on-lime, #053345) !important;
  box-shadow: none !important;
  text-shadow: none !important;
  outline: 0 !important;
  height: auto !important;
  padding: 7px 16px !important;
  margin: 0 !important;
  position: static !important;
  top: auto !important;
  vertical-align: middle !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
}

.theme-5 .fc-button:hover {
  background: linear-gradient(180deg, color-mix(in srgb, var(--t4-btnprim-1) 88%, #000), var(--t4-btnprim-1)) !important;
}

.theme-5 .fc-state-active,
.theme-5 .fc-button.fc-state-active {
  background: var(--t4-primary) !important;
  border-color: var(--t4-primary) !important;
  color: var(--t4-on-primary, #fff) !important;
  box-shadow: none !important;
  height: auto !important;
  padding: 7px 16px !important;
  margin: 0 !important;
  position: static !important;
  top: auto !important;
}

.theme-5 .fc-toolbar h2,
.theme-5 .fc-header-title h2 {
  color: var(--t4-text) !important;
}

.theme-5 .fc-state-active:hover,
.theme-5 .btn-default.fc-state-active:hover,
.theme-5 .fc-button.fc-state-active:hover {
  background: var(--t4-primary-hover) !important;
  border-color: var(--t4-primary-hover) !important;
  color: var(--t4-on-primary, #fff) !important;
}

.theme-5 .fc-today,
.theme-5 td.fc-today {
  background: var(--t4-ag-hoje) !important;
}

.theme-5 .select2-results .select2-highlighted {
  background: var(--t4-primary) !important;
  color: var(--t4-on-primary, #fff) !important;
}

.theme-5 .dropdown-menu {
  background: var(--t4-dd-fundo) !important;
  border-color: var(--t4-dd-borda) !important;
}

.theme-5 .list-group-item {
  background-color: var(--t4-list-fundo) !important;
  border-color: var(--t4-list-borda) !important;
}

.theme-5 .form-control,
.theme-5 .select2-choice,
.theme-5 .input-group-addon,
.theme-5 textarea {
  border-color: var(--t4-form-borda) !important;
}

.theme-5 .form-control:focus,
.theme-5 textarea:focus {
  border-color: var(--t4-primary) !important;
}

.theme-5 .input-group-addon {
  background: var(--t4-addon-fundo) !important;
  color: var(--t4-addon-icone) !important;
}

.theme-5 .input-group-addon .fa,
.theme-5 .input-group-addon .glyphicon {
  color: var(--t4-addon-icone) !important;
}

.theme-5 .table>tbody>tr>td,
.theme-5 .table>tbody>tr>th,
.theme-5 .table>thead>tr>th,
.theme-5 .table>tfoot>tr>td {
  border-color: var(--t4-tabela-borda) !important;
}

.theme-5 .fc-event:not([style*="background-color:#"]):not([style*="background-color: #"]):not([style*="background-color:rgb"]):not([style*="background-color: rgb"]),
.theme-5 .fc-event:not([style*="background-color:#"]):not([style*="background-color: #"]):not([style*="background-color:rgb"]):not([style*="background-color: rgb"]) .fc-content {
  background: var(--t4-ag-evento) !important;
  border-color: color-mix(in srgb, var(--t4-ag-evento) 80%, #000) !important;
  color: var(--t4-on-primary, #fff) !important;
}

body.theme-5 .fc-button {
  background: linear-gradient(180deg, var(--t4-btnprim-1), var(--t4-btnprim-2)) !important;
  border: 1px solid color-mix(in srgb, var(--t4-btnprim-1) 70%, #000) !important;
  color: var(--t4-on-lime, #053345) !important;
  box-shadow: none !important;
  text-shadow: none !important;
  outline: 0 !important;
  height: auto !important;
  padding: 7px 15px !important;
  margin: 0 !important;
  position: static !important;
  top: auto !important;
  vertical-align: middle !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  border-radius: 0 !important;
}

body.theme-5 .fc-button.fc-corner-left {
  border-radius: 9px 0 0 9px !important;
}

body.theme-5 .fc-button.fc-corner-right {
  border-radius: 0 9px 9px 0 !important;
}

body.theme-5 .fc-button:hover {
  background: linear-gradient(180deg, color-mix(in srgb, var(--t4-btnprim-1) 86%, #000), var(--t4-btnprim-1)) !important;
}

body.theme-5 .fc-button.fc-state-active,
body.theme-5 .fc-state-active,
body.theme-5 .fc-state-down {
  background: var(--t4-primary) !important;
  border-color: var(--t4-primary) !important;
  color: var(--t4-on-primary, #ffffff) !important;
  box-shadow: none !important;
  height: auto !important;
  padding: 7px 15px !important;
  margin: 0 !important;
  position: static !important;
  top: auto !important;
}

body.theme-5 .fc-state-disabled {
  opacity: .55 !important;
}

body.theme-5 .fc-toolbar h2,
body.theme-5 .fc-header-title h2 {
  color: var(--t4-text) !important;
  font-weight: 700 !important;
  letter-spacing: -.01em;
}

body.theme-5 .fc th.fc-day-header {
  background: var(--t4-ag-fundo) !important;
  color: var(--t4-cal-dow) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  text-transform: uppercase;
  letter-spacing: .05em;
  padding: 8px 4px !important;
  border-color: var(--t4-ag-borda) !important;
}

body.theme-5 .fc th.fc-day-header.fc-sun {
  background: var(--t4-ag-dom) !important;
}

body.theme-5 .fc th.fc-day-header.fc-sat {
  background: var(--t4-ag-sab) !important;
}

body.theme-5 .fc .fc-day-number {
  padding: 4px 8px !important;
  color: var(--t4-cal-dias) !important;
  font-weight: 600 !important;
}

body.theme-5 .fc td,
body.theme-5 .fc th {
  border-color: var(--t4-ag-borda) !important;
}

body.theme-5 .fc-view-container,
body.theme-5 .fc-view-container .fc-view {
  background: var(--t4-ag-fundo) !important;
}

body.theme-5 .fc td.fc-today {
  background: var(--t4-ag-hoje) !important;
}

body.theme-5 .fc td.fc-sun {
  background: var(--t4-ag-dom) !important;
}

body.theme-5 .fc td.fc-sat {
  background: var(--t4-ag-sab) !important;
}

body.theme-5 .fc-event {
  border-radius: 6px !important;
  padding: 2px 8px !important;
  margin: 1px 4px 2px !important;
  font-size: 11.5px !important;
  line-height: 1.35 !important;
  border-width: 0 !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .14) !important;
  color: #ffffff !important;
}

body.theme-5 .fc-event:not([style*="background-color:#"]):not([style*="background-color: #"]):not([style*="background-color:rgb"]):not([style*="background-color: rgb"]) {
  background: var(--t4-ag-evento) !important;
  border-color: color-mix(in srgb, var(--t4-ag-evento) 82%, #000) !important;
}

body.theme-5 .fc-more,
body.theme-5 a.fc-more {
  color: var(--t4-primary) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

body.theme-5 .fc-more:hover,
body.theme-5 a.fc-more:hover {
  color: var(--t4-primary-hover) !important;
}

body.theme-5 #calendario .fc-button,
body.theme-5 #calendario .fc-toolbar .btn {
  box-shadow: none !important;
  text-shadow: none !important;
  outline: 0 !important;
  height: auto !important;
  padding: 7px 15px !important;
  margin: 0 !important;
  position: static !important;
  top: auto !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
}

body.theme-5 #calendario .fc-button.active,
body.theme-5 #calendario .btn-primary.active,
body.theme-5 #calendario .fc-button-active,
body.theme-5 #calendario .fc-button:active,
body.theme-5 .fc-button-active {
  background: var(--t4-primary) !important;
  border-color: var(--t4-primary) !important;
  color: var(--t4-on-primary, #ffffff) !important;
  box-shadow: none !important;
}

body.theme-5 #calendario .fc-button:focus {
  box-shadow: none !important;
  outline: 0 !important;
}

body.theme-5 #calendario .btn-group>.btn:first-child,
body.theme-5 #calendario .fc-button-group>.fc-button:first-child {
  border-radius: 9px 0 0 9px !important;
}

body.theme-5 #calendario .btn-group>.btn:last-child,
body.theme-5 #calendario .fc-button-group>.fc-button:last-child {
  border-radius: 0 9px 9px 0 !important;
}

body.theme-5 .fc-header {
  background: transparent !important;
}

body.theme-5 #calendario .fc-toolbar {
  margin-bottom: 14px !important;
}

body.theme-5 #calendario .fc-toolbar h2 {
  color: var(--t4-text) !important;
  font-weight: 700 !important;
}

body.theme-5 #calendario .fc-view-container {
  border-radius: 14px !important;
  overflow: hidden !important;
  border: 1px solid var(--t4-ag-borda) !important;
  background: var(--t4-ag-fundo) !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, .06) !important;
}

body.theme-5 #calendario .fc-view-container .fc-view>table {
  margin: 0 !important;
}

body.theme-5 #calendario .fc-day-header {
  background: var(--t4-ag-fundo) !important;
  color: var(--t4-cal-dow) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: .05em !important;
  padding: 9px 4px !important;
  border-color: var(--t4-ag-borda) !important;
}

body.theme-5 #calendario .fc-day-header.fc-sun {
  background: var(--t4-ag-dom) !important;
}

body.theme-5 #calendario .fc-day-header.fc-sat {
  background: var(--t4-ag-sab) !important;
}

body.theme-5 #calendario .fc-day-number {
  padding: 5px 8px !important;
  color: var(--t4-cal-dias) !important;
  font-weight: 600 !important;
}

body.theme-5 #calendario .fc-other-month .fc-day-number {
  opacity: .45 !important;
}

body.theme-5 #calendario .fc td,
body.theme-5 #calendario .fc th,
body.theme-5 #calendario td,
body.theme-5 #calendario th {
  border-color: var(--t4-ag-borda) !important;
}

body.theme-5 #calendario td.fc-today {
  background: var(--t4-ag-hoje) !important;
}

body.theme-5 #calendario td.fc-sun {
  background: var(--t4-ag-dom) !important;
}

body.theme-5 #calendario td.fc-sat {
  background: var(--t4-ag-sab) !important;
}

body.theme-5 #calendario .fc-event,
body.theme-5 #calendario .fc-day-grid-event,
body.theme-5 #calendario .fc-time-grid-event {
  border-radius: 7px !important;
  padding: 2px 8px !important;
  margin: 1px 6px 2px !important;
  font-size: 11.5px !important;
  line-height: 1.35 !important;
  border-width: 0 !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .14) !important;
}

body.theme-5 #calendario .fc-event:not([style*="background-color:#"]):not([style*="background-color: #"]):not([style*="background-color:rgb"]):not([style*="background-color: rgb"]),
body.theme-5 #calendario .fc-day-grid-event:not([style*="background-color:#"]):not([style*="background-color: #"]):not([style*="background-color:rgb"]):not([style*="background-color: rgb"]) {
  background: var(--t4-ag-evento) !important;
  border-color: color-mix(in srgb, var(--t4-ag-evento) 82%, #000) !important;
  color: var(--t4-on-primary, #fff) !important;
}

body.theme-5 #calendario .fc-more {
  color: var(--t4-primary) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

body.theme-5 #calendario .fc-more:hover {
  color: var(--t4-primary-hover) !important;
}

body.theme-5 #calendario .fc-list-heading td {
  background: var(--t4-ag-fundo) !important;
  color: var(--t4-text) !important;
  border-color: var(--t4-ag-borda) !important;
  font-weight: 700 !important;
}

body.theme-5 #calendario .fc-list-item:hover td {
  background: color-mix(in srgb, var(--t4-primary) 6%, #fff) !important;
}

body.theme-5 #calendario .fc-list-table td {
  border-color: var(--t4-ag-borda) !important;
}

body.theme-5 .main-content:has(#calendario) {
  padding-left: 2em !important;
  padding-right: 2em !important;
}

body.theme-5 #calendario .fc-toolbar .fc-today-button,
body.theme-5 #calendario .fc-left .fc-today-button {
  margin-left: 12px !important;
}

body.theme-5 #calendario .fc-today-button {
  border-radius: 9px !important;
}

body.theme-5 #calendario .fc-today-button[disabled] {
  opacity: .5 !important;
}

body.theme-5 #calendario .fc-left .btn-group>.btn:first-child {
  border-radius: 9px 0 0 9px !important;
}

body.theme-5 #calendario .fc-left .btn-group>.btn:last-child {
  border-radius: 0 9px 9px 0 !important;
}

body.theme-5 #calendario .fc-more-cell {
  text-align: left !important;
}

body.theme-5 #calendario .fc-more {
  display: inline-block !important;
  background: color-mix(in srgb, var(--t4-primary) 12%, #fff) !important;
  color: var(--t4-primary) !important;
  border: 1px solid color-mix(in srgb, var(--t4-primary) 26%, #fff) !important;
  border-radius: 99px !important;
  padding: 2px 11px !important;
  margin: 2px 6px 4px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  cursor: pointer !important;
  white-space: nowrap !important;
  box-shadow: 0 1px 2px rgba(5, 51, 69, .10) !important;
  transition: background .15s ease, color .15s ease, box-shadow .15s ease !important;
}

body.theme-5 #calendario .fc-more:hover {
  background: var(--t4-primary) !important;
  color: var(--t4-on-primary, #fff) !important;
  border-color: var(--t4-primary) !important;
  box-shadow: 0 3px 8px rgba(5, 51, 69, .22) !important;
}

body.theme-5 #calendario .fc-view-container {
  border: 1px solid color-mix(in srgb, var(--t4-ag-borda) 78%, #000) !important;
  box-shadow: 0 4px 18px rgba(5, 51, 69, .12) !important;
}

body.theme-5 #calendario hr.fc-divider,
body.theme-5 #calendario .fc-divider {
  border: 0 !important;
  height: 0 !important;
  border-top: 2px solid color-mix(in srgb, var(--t4-ag-borda) 72%, #000) !important;
  box-shadow: 0 3px 7px rgba(5, 51, 69, .16) !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.theme-5 #calendario .fc-head-container,
body.theme-5 #calendario thead.fc-head {
  box-shadow: 0 2px 6px rgba(5, 51, 69, .10) !important;
  position: relative;
  z-index: 1;
}

body.theme-5 #calendario .fc-row.fc-week+.fc-row.fc-week {
  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--t4-ag-borda) 60%, #000) !important;
}

body.theme-5 .col-md-11:has(#calendario) {
  width: 100% !important;
  float: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

body.theme-5 #calendario .fc-day-grid-event,
body.theme-5 #calendario .fc-time-grid-event,
body.theme-5 #calendario a.fc-event.preview-agenda {
  border-radius: 7px !important;
  margin: 1px 6px 2px !important;
  padding: 2px 8px !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .14) !important;
  border-width: 0 !important;
}

body.theme-5 #calendario table,
body.theme-5 #calendario td,
body.theme-5 #calendario th,
body.theme-5 #calendario .fc-row,
body.theme-5 #calendario table.table-bordered,
body.theme-5 #calendario table.table-bordered td,
body.theme-5 #calendario table.table-bordered th {
  border: 0 !important;
}

body.theme-5 #calendario .fc-head-container,
body.theme-5 #calendario thead.fc-head {
  box-shadow: none !important;
}

body.theme-5 #calendario .fc-row.fc-week+.fc-row.fc-week {
  box-shadow: none !important;
}

body.theme-5 #calendario .fc-bg td+td,
body.theme-5 #calendario .fc-head-container th+th {
  border-left: 1px solid var(--t4-ag-linha) !important;
}

body.theme-5 #calendario .fc-head-container,
body.theme-5 #calendario thead.fc-head td.fc-head-container,
body.theme-5 #calendario thead.fc-head .fc-head-container {
  border-bottom: 1px solid var(--t4-ag-linha) !important;
}

body.theme-5 #calendario .fc-day-grid .fc-row+.fc-row {
  border-top: 1px solid var(--t4-ag-linha) !important;
}

body.theme-5 #calendario .fc-slats tr>td {
  border-top: 1px solid var(--t4-ag-linha-suave) !important;
}

body.theme-5 #calendario .fc-slats tr.fc-minor>td {
  border-top-style: dotted !important;
}

body.theme-5 #calendario .fc-slats td.fc-axis,
body.theme-5 #calendario .fc-bg td.fc-axis {
  border-right: 1px solid var(--t4-ag-linha) !important;
}

body.theme-5 #calendario hr.fc-divider,
body.theme-5 #calendario .fc-divider {
  border: 0 !important;
  border-top: 1px solid var(--t4-ag-linha) !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
}

body.theme-5 #calendario .fc-list-table tr td {
  border-top: 1px solid var(--t4-ag-linha-suave) !important;
}

body.theme-5 #calendario .fc-list-table tr:first-child td {
  border-top: 0 !important;
}

body.theme-5 #calendario .fc-view-container {
  border: 1px solid var(--t4-ag-linha) !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  background: var(--t4-ag-fundo) !important;
  box-shadow: 0 4px 16px rgba(5, 51, 69, .10) !important;
}

body.theme-5 #menu .sidebar #salvarfiltro,
body.theme-5 #menu .sidebar #salvarfiltro .fa,
body.theme-5 #menu .sidebar #salvarfiltro i {
  color: var(--t4-on-lime, #053345) !important;
}

body.theme-5 #menu .sidebar #salvarfiltro {
  background: linear-gradient(180deg, var(--t4-btnprim-1), var(--t4-btnprim-2)) !important;
  border: 0 !important;
  border-radius: 9px !important;
  font-weight: 700 !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .18) !important;
}

body.theme-5 #menu .sidebar label .fa-info-circle,
body.theme-5 #menu .sidebar .fa-info-circle {
  color: rgba(255, 255, 255, .9) !important;
}

body.theme-5 #menu .sidebar .select2-container-multi {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}

body.theme-5 #menu .sidebar .select2-container-multi .select2-choices {
  background: rgba(255, 255, 255, .08) !important;
  border: 1px solid rgba(255, 255, 255, .22) !important;
  border-radius: 10px !important;
  box-shadow: none !important;
}

body.theme-5 #menu .sidebar .select2-choices .select2-search-choice {
  background: rgba(255, 255, 255, .95) !important;
  border: 1px solid rgba(255, 255, 255, .5) !important;
  color: var(--t4-text, #053345) !important;
  border-radius: 7px !important;
  box-shadow: none !important;
}

body.theme-5 #menu .sidebar .select2-choices .select2-search-choice div,
body.theme-5 #menu .sidebar .select2-choices .select2-search-choice div * {
  color: var(--t4-text, #053345) !important;
}

body.theme-5 #menu .sidebar .select2-choices .select2-search-field input {
  color: #fff !important;
}

body.theme-5 #menu .sidebar .bootstrap-switch {
  width: 100% !important;
  display: flex !important;
  border-radius: 99px !important;
  overflow: hidden !important;
  border: 1px solid rgba(255, 255, 255, .28) !important;
  background: rgba(255, 255, 255, .08) !important;
  box-shadow: none !important;
  padding: 3px !important;
}

body.theme-5 #menu .sidebar .bootstrap-switch .bootstrap-switch-container {
  width: 100% !important;
  margin-left: 0 !important;
  transform: none !important;
  display: flex !important;
  align-items: stretch !important;
  gap: 2px !important;
}

body.theme-5 #menu .sidebar .bootstrap-switch .bootstrap-switch-label {
  display: none !important;
}

body.theme-5 #menu .sidebar .bootstrap-switch .bootstrap-switch-handle-on,
body.theme-5 #menu .sidebar .bootstrap-switch .bootstrap-switch-handle-off {
  flex: 1 1 50% !important;
  width: 50% !important;
  text-align: center !important;
  padding: 6px 10px !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
  border-radius: 99px !important;
  box-shadow: none !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

body.theme-5 #menu .sidebar .bootstrap-switch.bootstrap-switch-on .bootstrap-switch-handle-on {
  background: #ffffff !important;
  color: #053345 !important;
  font-weight: 700 !important;
}

body.theme-5 #menu .sidebar .bootstrap-switch.bootstrap-switch-on .bootstrap-switch-handle-off {
  background: transparent !important;
  color: rgba(255, 255, 255, .55) !important;
  font-weight: 500 !important;
}

body.theme-5 #menu .sidebar .bootstrap-switch.bootstrap-switch-off .bootstrap-switch-handle-off {
  background: #ffffff !important;
  color: #053345 !important;
  font-weight: 700 !important;
}

body.theme-5 #menu .sidebar .bootstrap-switch.bootstrap-switch-off .bootstrap-switch-handle-on {
  background: transparent !important;
  color: rgba(255, 255, 255, .55) !important;
  font-weight: 500 !important;
}

body.theme-5 #menu .sidebar select.form-control {
  background: rgba(255, 255, 255, .95) !important;
  color: var(--t4-text, #053345) !important;
  border: 1px solid rgba(255, 255, 255, .25) !important;
  border-radius: 9px !important;
}

body.theme-5 .select2-drop {
  border: 1px solid var(--t4-border, #dce1e5) !important;
  border-radius: 12px !important;
  margin-top: 6px !important;
  background: var(--t4-surface, #fff) !important;
  box-shadow: 0 12px 32px rgba(5, 51, 69, .20) !important;
  overflow: hidden !important;
}

body.theme-5 .select2-drop.select2-drop-above {
  margin-top: 0 !important;
  margin-bottom: 6px !important;
  border-radius: 12px !important;
}

body.theme-5 .select2-drop .select2-search {
  padding: 8px 8px 4px !important;
}

body.theme-5 .select2-drop .select2-search input {
  border: 1px solid var(--t4-border, #dce1e5) !important;
  border-radius: 8px !important;
  padding: 7px 30px 7px 10px !important;
  background: #fff !important;
  font-size: 13px !important;
}

body.theme-5 .select2-results {
  padding: 6px !important;
  margin: 0 !important;
}

body.theme-5 .select2-results .select2-result {
  border-radius: 8px !important;
}

body.theme-5 .select2-results .select2-result-label {
  padding: 9px 12px !important;
  border-radius: 8px !important;
  font-size: 13px !important;
  color: var(--t4-text, #053345) !important;
}

body.theme-5 .select2-results .select2-highlighted {
  background: transparent !important;
}

body.theme-5 .select2-results .select2-highlighted .select2-result-label {
  background: var(--t4-primary) !important;
  color: var(--t4-on-primary, #fff) !important;
  border-radius: 8px !important;
}

body.theme-5 .select2-results .select2-no-results,
body.theme-5 .select2-results .select2-searching {
  color: var(--t4-text-muted, #67757c) !important;
  padding: 9px 12px !important;
}

body.theme-5 #menu .sidebar .bootstrap-switch.bootstrap-switch-on .bootstrap-switch-handle-on,
body.theme-5 #menu .sidebar .bootstrap-switch.bootstrap-switch-off .bootstrap-switch-handle-off {
  box-shadow: 0 1px 3px rgba(0, 0, 0, .28) !important;
}

body.theme-5 #menu .sidebar .select2-container-multi.tabaux,
body.theme-5 #menu .sidebar .select2-container-multi.tabaux .select2-choices {
  background: rgba(255, 255, 255, .95) !important;
  border: 1px solid rgba(255, 255, 255, .28) !important;
  border-radius: 9px !important;
  box-shadow: none !important;
}

body.theme-5 #menu .sidebar .select2-container-multi.tabaux .select2-choices .select2-search-field input {
  color: var(--t4-text, #053345) !important;
}

body.theme-5 #menu .sidebar .select2-container-multi.tabaux .select2-search-choice {
  background: #eef2f4 !important;
  border: 1px solid #dfe6ea !important;
  color: var(--t4-text, #053345) !important;
}

body.theme-5 .select2-results .select2-result:hover>.select2-result-label {
  background: var(--t4-primary) !important;
  color: var(--t4-on-primary, #fff) !important;
  border-radius: 8px !important;
}

body.theme-5 .select2-results .select2-no-results,
body.theme-5 .select2-results .select2-ajax-error,
body.theme-5 .select2-results .select2-selection-limit,
body.theme-5 .select2-more-results,
body.theme-5 .select2-more-results.select2-active {
  background: var(--t4-surface, #fff) !important;
  color: var(--t4-text-muted, #67757c) !important;
  padding: 10px 12px !important;
  border-radius: 8px !important;
}

body.theme-5 .select2-results .select2-searching {
  background: var(--t4-surface, #fff) !important;
  color: var(--t4-text-muted, #67757c) !important;
  padding: 11px 13px !important;
  font-size: 13px !important;
  text-align: left !important;
  display: flex !important;
  align-items: center !important;
  gap: 9px !important;
  border-radius: 8px !important;
  list-style: none !important;
}

body.theme-5 .select2-results .select2-searching::before {
  content: "" !important;
  width: 15px !important;
  height: 15px !important;
  border-radius: 50% !important;
  border: 2px solid var(--t4-border, #dce1e5) !important;
  border-top-color: var(--t4-primary, #104E64) !important;
  animation: t4spin .7s linear infinite !important;
  flex: 0 0 auto !important;
}

@media (prefers-reduced-motion:reduce) {
  body.theme-5 .select2-results .select2-searching::before {
    animation: none !important;
  }
}

body.theme-5 #menu .sidebar .select2-container-multi .select2-choices .select2-search-field input.select2-active,
body.theme-5 .select2-search input.select2-active {
  background: transparent !important;
}

body.theme-5 #menu .sidebar #badgeFiltroUsuario {
  display: block !important;
  width: 100% !important;
  text-align: center !important;
  border-radius: 99px !important;
  padding: 6px 12px !important;
  margin: 0 0 12px !important;
  /* 2026-07-16: era "Info clareado" (azul lavado) — fora da paleta e no anti-padrão
     registrado (destaque lavado que some). Antes disso, o legado cravava laranja #eb9316
     INLINE na view — erro em dupla. Agora LIME sólido da marca, o mesmo dos botões
     Pesquisar: segue editável pelo picker "Botão primário"; texto petróleo p/ contraste. */
  background: linear-gradient(180deg, var(--t4-btnprim-1, #BBF451), var(--t4-btnprim-2, #D8F999)) !important;
  border: 1px solid color-mix(in srgb, var(--t4-btnprim-1, #BBF451) 72%, #000) !important;
  color: var(--t4-on-lime, #053345) !important;
  font-weight: 700 !important;
}

body.theme-5 #menu .sidebar #badgeFiltroUsuario~br {
  display: none !important;
}

.theme-5 .btn-pesquisa .btn.btn-success,
.theme-5 input.btn.btn-success#pesquisa,
.theme-5 input.btn.btn-success#btn-pesquisar-modal,
.theme-5 .btn-group.dropup>.btn.btn-success.dropdown-toggle {
  background: linear-gradient(180deg, var(--t4-btnprim-1), var(--t4-btnprim-2)) !important;
  border-color: color-mix(in srgb, var(--t4-btnprim-1) 72%, #000) !important;
  color: var(--t4-on-lime, #053345) !important;
}

.theme-5 .btn-pesquisa .btn.btn-success:hover,
.theme-5 .btn-pesquisa .btn.btn-success:focus,
.theme-5 input.btn.btn-success#pesquisa:hover,
.theme-5 input.btn.btn-success#btn-pesquisar-modal:hover,
.theme-5 .btn-group.dropup>.btn.btn-success.dropdown-toggle:hover,
.theme-5 .btn-group.dropup.open>.btn.btn-success.dropdown-toggle {
  background: linear-gradient(180deg, color-mix(in srgb, var(--t4-btnprim-1) 88%, #000), var(--t4-btnprim-1)) !important;
  color: var(--t4-on-lime, #053345) !important;
}

.theme-5 .btn-pesquisa .glyphicon,
.theme-5 .btn-pesquisa .btn.btn-success .glyphicon {
  color: var(--t4-on-lime, #053345) !important;
}

.theme-5 .dropdown-menu {
  border-radius: 8px !important;
  border: 1px solid var(--t4-border) !important;
  box-shadow: 0 2px 2px rgba(0, 0, 0, .05), 0 3px 6px rgba(0, 0, 0, .06), 0 1px 5px rgba(0, 0, 0, .08) !important;
  padding: 6px !important;
}

.theme-5 .dropdown-menu>li>a {
  border-radius: 6px !important;
  padding: 8px 14px !important;
}

.theme-5 .dropdown-menu .divider {
  margin: 6px 4px !important;
}


/* THEME 5 — correcoes de regras do theme-4 que assumem tema CLARO (mix com #fff -> fundo claro):
   nesses casos o texto precisa ser ESCURO no dark, senao fica claro-sobre-claro. */
body.theme-5 #menu .sidebar #badgeFiltroUsuario {
  color: #0b0f19 !important;
}

body.theme-5 .select2-choices .select2-search-choice,
body.theme-5 #menu .sidebar .select2-choices .select2-search-choice {
  background: rgba(255, 255, 255, .92) !important;
  color: #0b0f19 !important;
}

body.theme-5 .alert-info,
body.theme-5 .alert-success,
body.theme-5 .alert-warning,
body.theme-5 .alert-danger {
  color: #0b0f19 !important;
}

/* botoes no dark: o site.css poe hover/active/focus = NEON chapado (#b3ff2b) + brilho no dropdown aberto.
   Forca o GRADIENTE calmo em TODOS os estados e mata box-shadow/glow. */
body.theme-5 .btn-success:hover,
body.theme-5 .btn-success:focus,
body.theme-5 .btn-success:active,
body.theme-5 .btn-success.active,
body.theme-5 .open>.btn-success.dropdown-toggle,
body.theme-5 .btn-primary:hover,
body.theme-5 .btn-primary:focus,
body.theme-5 .btn-primary:active,
body.theme-5 .btn-primary.active,
body.theme-5 .open>.btn-primary.dropdown-toggle {
  background: linear-gradient(180deg, color-mix(in srgb, var(--t4-btnprim-1) 82%, #000), var(--t4-btnprim-2)) !important;
  border-color: color-mix(in srgb, var(--t4-btnprim-1) 70%, #000) !important;
  color: var(--t4-on-lime) !important;
  box-shadow: none !important;
  outline: none !important;
}

/* tooltip no dark: um pouco mais claro que o fundo (senao o #053345 some no quase-preto) */
body.theme-5 .tooltip-inner {
  background: #2a3244 !important;
}

body.theme-5 .tooltip.top .tooltip-arrow,
body.theme-5 .tooltip.top-left .tooltip-arrow,
body.theme-5 .tooltip.top-right .tooltip-arrow {
  border-top-color: #2a3244 !important;
}

body.theme-5 .tooltip.bottom .tooltip-arrow,
body.theme-5 .tooltip.bottom-left .tooltip-arrow,
body.theme-5 .tooltip.bottom-right .tooltip-arrow {
  border-bottom-color: #2a3244 !important;
}

body.theme-5 .tooltip.left .tooltip-arrow {
  border-left-color: #2a3244 !important;
}

body.theme-5 .tooltip.right .tooltip-arrow {
  border-right-color: #2a3244 !important;
}

/* calendario: hover SUTIL (o site.css:1228 poe #b3ff2b neon) + dia selecionado coerente */
body.theme-5 .ui-datepicker-calendar td a:hover,
body.theme-5 .ui-datepicker td a:hover {
  background: color-mix(in srgb, var(--t4-accent) 18%, var(--t4-surface)) !important;
  color: #ffffff !important;
}

body.theme-5 .ui-datepicker-calendar .ui-state-active,
body.theme-5 .ui-datepicker-calendar .ui-state-active:hover,
body.theme-5 .ui-datepicker td .ui-state-active {
  background: var(--t4-cal-sel) !important;
  color: var(--t4-on-primary) !important;
}

/* badge "Exibindo X registros": era gradiente green->blue + GLOW verde (site.css:1729). Solido teal, sem glow. */
body.theme-5 .gridRecords.badge,
body.theme-5 .badge.gridRecords,
body.theme-5 #badgeTrava.badge,
body.theme-5 #record-count-container .progress-bar,
body.theme-5 #progresso {
  background: #215068 !important;
  color: #e5e7eb !important;
  box-shadow: none !important;
  border: none !important;
  text-shadow: none !important;
}

/* scrollbar DISCRETA (mesma cor do fundo) no dark */
body.theme-5 ::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}

body.theme-5 ::-webkit-scrollbar-track {
  background: #0b0f19 !important;
}

body.theme-5 ::-webkit-scrollbar-thumb {
  background: #232838 !important;
  border: 3px solid #0b0f19 !important;
  border-radius: 8px !important;
}

body.theme-5 ::-webkit-scrollbar-thumb:hover {
  background: #2f3648 !important;
}

body.theme-5 ::-webkit-scrollbar-corner {
  background: #0b0f19 !important;
}

/* submodulo com dados no DARK: a sombra nao aparece sobre fundo escuro -> "elevacao" via surface um
   pouco mais claro no cabecalho + borda sutil (leve destaque, sem cor de marca chapada). */
body.theme-5 [id^="sub-"] .panel.panel-primary {
  box-shadow: none !important;
  border: 1px solid #3a4152 !important;
}

body.theme-5 [id^="sub-"] .panel.panel-primary>.panel-heading {
  background: #232a3a !important;
}

/* ==========================================================================
   2026-07-16 — "Filtros salvos" / "+ Salvar atual" (sidebar da AGENDA, 3 temas).
   O <small> não tinha regra nenhuma: herdava texto escuro sobre o painel petróleo
   e sumia; o link idem, sem affordance. Rótulo claro de seção + link no lime da
   marca (tokens editáveis). Markup em includes/bloco-menu-lateral.php:620.
   (opacity com !important: o inline style="opacity:.7" do markup perde p/ ele.)
   ========================================================================== */
body.theme-4 #menu .sidebar #bloco-filtros-salvos-agenda>div>small,
body.theme-5 #menu .sidebar #bloco-filtros-salvos-agenda>div>small {
  color: #fff !important;
  opacity: .85 !important;
  text-transform: uppercase;
  letter-spacing: .05em;
  font-size: 10.5px;
}

body.theme-4 #menu .sidebar #btn-novo-filtro-agenda,
body.theme-5 #menu .sidebar #btn-novo-filtro-agenda {
  color: var(--t4-btnprim-1, #BBF451) !important;
  font-weight: 700;
}

body.theme-4 #menu .sidebar #btn-novo-filtro-agenda:hover,
body.theme-5 #menu .sidebar #btn-novo-filtro-agenda:hover {
  color: var(--t4-btnprim-2, #D8F999) !important;
  text-decoration: underline;
}

/* ==========================================================================
   2026-07-16 — form "Salvar filtro" da agenda (abre pelo "+ Salvar atual"):
   botão de verdade no gatilho + fim dos glifos legados FontAwesome + contraste.
   Glifos novos no subset v53: save \e161, close \e5cd (help \e8fd já existia).
   ========================================================================== */
/* O gatilho vira BOTÃO-pílula (era link solto sem affordance) */
body.theme-4 #menu .sidebar #btn-novo-filtro-agenda,
body.theme-5 #menu .sidebar #btn-novo-filtro-agenda {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 12px !important;
  border-radius: 999px !important;
  border: 1px solid var(--t4-btnprim-1, #BBF451) !important;
  text-decoration: none !important;
}

body.theme-4 #menu .sidebar #btn-novo-filtro-agenda:hover,
body.theme-5 #menu .sidebar #btn-novo-filtro-agenda:hover {
  background: linear-gradient(180deg, var(--t4-btnprim-1, #BBF451), var(--t4-btnprim-2, #D8F999)) !important;
  color: var(--t4-on-lime, #053345) !important;
  text-decoration: none !important;
}

/* Glifos legados -> Material Symbols (mesma família das barras; herdam o --ms-axes) */
body.theme-4 #bloco-filtros-salvos-agenda .fa-save:before,
body.theme-5 #bloco-filtros-salvos-agenda .fa-save:before {
  font-family: 'Material Symbols Rounded' !important;
  font-variation-settings: var(--ms-axes);
  content: "\e161" !important;
}

body.theme-4 #bloco-filtros-salvos-agenda .fa-times:before,
body.theme-5 #bloco-filtros-salvos-agenda .fa-times:before {
  font-family: 'Material Symbols Rounded' !important;
  font-variation-settings: var(--ms-axes);
  content: "\e5cd" !important;
}

body.theme-4 #bloco-filtros-salvos-agenda .fa-question-circle:before,
body.theme-5 #bloco-filtros-salvos-agenda .fa-question-circle:before {
  font-family: 'Material Symbols Rounded' !important;
  font-variation-settings: var(--ms-axes);
  content: "\e8fd" !important;
}

/* O "?" de ajuda: era azul Bootstrap #337ab7 INLINE (some no painel escuro) -> branco suave */
body.theme-4 #bloco-filtros-salvos-agenda .fa-question-circle,
body.theme-5 #bloco-filtros-salvos-agenda .fa-question-circle {
  color: rgba(255, 255, 255, .78) !important;
}

/* Checkbox e rótulo "Definir como padrão": accent da marca + texto claro garantido */
body.theme-4 #form-novo-filtro-agenda label,
body.theme-5 #form-novo-filtro-agenda label {
  color: rgba(255, 255, 255, .92) !important;
}

body.theme-4 #chk-padrao-filtro-agenda,
body.theme-5 #chk-padrao-filtro-agenda {
  accent-color: var(--t4-btnprim-1, #BBF451);
}

/* Botão X (cancelar): cantos alinhados ao resto do form */
body.theme-4 #btn-cancelar-salvar-filtro,
body.theme-5 #btn-cancelar-salvar-filtro {
  border-radius: 8px !important;
}

/* ---- 2026-07-16 (ajuste fino do form de filtro, feedback do Matheus na tela) ----
   1) o "+" do botão-pílula sumia: herdava o wght 250/GRAD -25 das barras — a 11px vira
      fio de cabelo. Corpo próprio (600) e cor acompanhando o texto do botão.
   2) o ícone do Salvar ficava lime-sobre-lime: cor cravada no petróleo do texto.
   3) o X: lime-sobre-branco e fora de centro (caixa de 1.2em do glifo + padding do
      btn-xs). Flex centraliza; petróleo p/ contraste. */
body.theme-4 #menu .sidebar #btn-novo-filtro-agenda .fa-plus,
body.theme-5 #menu .sidebar #btn-novo-filtro-agenda .fa-plus {
  color: inherit !important;
  font-size: 13px !important;
}

body.theme-4 #menu .sidebar #btn-novo-filtro-agenda .fa-plus:before,
body.theme-5 #menu .sidebar #btn-novo-filtro-agenda .fa-plus:before {
  font-variation-settings: 'FILL' 0, 'wght' 600, 'GRAD' 0, 'opsz' 20 !important;
}

body.theme-4 #menu .sidebar #btn-confirmar-salvar-filtro .fa-save,
body.theme-5 #menu .sidebar #btn-confirmar-salvar-filtro .fa-save {
  color: var(--t4-on-lime, #053345) !important;
}

body.theme-4 #menu .sidebar #btn-cancelar-salvar-filtro,
body.theme-5 #menu .sidebar #btn-cancelar-salvar-filtro {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

body.theme-4 #menu .sidebar #btn-cancelar-salvar-filtro .fa-times,
body.theme-5 #menu .sidebar #btn-cancelar-salvar-filtro .fa-times {
  color: var(--t4-text, #053345) !important;
  line-height: 1 !important;
}

body.theme-4 #menu .sidebar #btn-cancelar-salvar-filtro .fa-times:before,
body.theme-5 #menu .sidebar #btn-cancelar-salvar-filtro .fa-times:before {
  line-height: 1 !important;
  vertical-align: middle;
  font-variation-settings: 'FILL' 0, 'wght' 500, 'GRAD' 0, 'opsz' 20 !important;
}

/* text-shadow #ececec 1px 1px de regra legada dava um "glow" duplicado no texto lime — fora. */
body.theme-4 #menu .sidebar #btn-novo-filtro-agenda,
body.theme-5 #menu .sidebar #btn-novo-filtro-agenda,
body.theme-4 #menu .sidebar #bloco-filtros-salvos-agenda>div>small,
body.theme-5 #menu .sidebar #bloco-filtros-salvos-agenda>div>small {
  text-shadow: none !important;
}

/* 2026-07-16: o glifo do Salvar herdava o font-size do btn-xs (12px, minúsculo perto do
   texto bold) e a caixa de 1.2em o desalinhava na vertical. Flex centraliza ícone+texto
   na mesma linha de base ótica; glifo com corpo (16px / wght 500). */
body.theme-4 #menu .sidebar #btn-confirmar-salvar-filtro,
body.theme-5 #menu .sidebar #btn-confirmar-salvar-filtro {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
}

body.theme-4 #menu .sidebar #btn-confirmar-salvar-filtro .fa-save,
body.theme-5 #menu .sidebar #btn-confirmar-salvar-filtro .fa-save {
  font-size: 16px !important;
  line-height: 1 !important;
  display: inline-flex;
  align-items: center;
}

body.theme-4 #menu .sidebar #btn-confirmar-salvar-filtro .fa-save:before,
body.theme-5 #menu .sidebar #btn-confirmar-salvar-filtro .fa-save:before {
  line-height: 1 !important;
  font-variation-settings: 'FILL' 0, 'wght' 500, 'GRAD' 0, 'opsz' 20 !important;
}

/* ==========================================================================
   2026-07-16 — HOVER "bizarro" de TODO .btn-default (botões cinzas do app).
   RAIZ (Matheus): a base theme-material-1.css dá ao .btn-default um
   background-image:linear-gradient(#fff→#e0e0e0) e no :hover faz
   background-position:0 -15px — DESLOCA o gradiente e revela uma faixa escura
   cortada. O deslocamento é o vilão, NÃO o gradiente. Fix: manter um gradiente
   SUTIL (branco→cinza leve), reforçá-lo no hover, e travar a posição em 0 0
   (nunca deslocar). LIGHT (theme-3/4). No DARK (theme-5) o gradiente branco não
   faz sentido -> fica flat. Vive na camada de tema (global), não na página.
   ========================================================================== */
.theme-3 .btn-default,
.theme-4 .btn-default {
  background-image: linear-gradient(to bottom, #ffffff 0%, #eef1f4 100%) !important;
  background-position: 0 0 !important;
  background-repeat: repeat-x !important;
}

.theme-3 .btn-default:hover,
.theme-4 .btn-default:hover,
.theme-3 .btn-default:focus,
.theme-4 .btn-default:focus {
  background-image: linear-gradient(to bottom, #eef1f4 0%, #dde3e9 100%) !important;
  background-position: 0 0 !important;
}

.theme-3 .btn-default:active,
.theme-4 .btn-default:active,
.theme-3 .btn-default.active,
.theme-4 .btn-default.active,
.theme-3 .open>.dropdown-toggle.btn-default,
.theme-4 .open>.dropdown-toggle.btn-default {
  background-image: linear-gradient(to bottom, #dde3e9 0%, #d2d9e0 100%) !important;
  background-position: 0 0 !important;
}

/* DARK (theme-5): sem gradiente branco — flat, e o hover só clareia o fundo */
.theme-5 .btn-default,
.theme-5 .btn-default:hover,
.theme-5 .btn-default:focus,
.theme-5 .btn-default:active,
.theme-5 .btn-default.active,
.theme-5 .open>.dropdown-toggle.btn-default {
  background-image: none !important;
  background-position: 0 0 !important;
}