/* =========================================================
   TEMA ESCURO DO SISTEMA  (tema-escuro.css)
   Vale em todas as páginas que incluírem este arquivo.
   Ativado pela classe "dark-mode" no <html> e no <body>,
   colocada pelo arquivo tema.js.
   ========================================================= */

/* evita "piscar" branco enquanto a página carrega */
html.dark-mode,
html.dark-mode body { background: #121212 !important; color: #e5e7eb; }

/* variáveis do tema escuro (valem também quando a classe está no <html>) */
html.dark-mode {
  --bg: #121212;
  --card: #1e1e1e;
  --text: #e5e7eb;
  --muted: #9ca3af;
  --border: #333333;
  --shadow: 0 10px 30px rgba(0,0,0,.45);
}

body.dark-mode {
  --bg: #121212;
  --card: #1e1e1e;
  --text: #e5e7eb;
  --muted: #9ca3af;
  --border: #333333;
  --shadow: 0 10px 30px rgba(0,0,0,.45);
  color: #e5e7eb;
}

body.dark-mode,
.dark-mode .wrapper,
.dark-mode .content-wrapper,
.dark-mode .right-side {
  background: #121212 !important;
}

.dark-mode h1,
.dark-mode h2,
.dark-mode h3,
.dark-mode h4,
.dark-mode h5,
.dark-mode h6 {
  color: #f3f4f6;
}

.dark-mode hr {
  border-top-color: #333;
}

.dark-mode .text-muted {
  color: #9ca3af !important;
}

.dark-mode .main-header .navbar,
.dark-mode .main-header .logo {
  background: #1a1a1a !important;
  color: #fff !important;
  border-bottom: 1px solid #2a2a2a;
}

.dark-mode .main-header .navbar .nav > li > a,
.dark-mode .main-header .sidebar-toggle {
  color: #e5e7eb !important;
}

.dark-mode .main-header .navbar .nav > li > a:hover,
.dark-mode .main-header .sidebar-toggle:hover {
  background: #262626 !important;
}

.dark-mode .box-body.table-responsive .table > tbody > tr:hover > td {
  background-color: #2c2c2c !important;
}

.dark-mode .novo-processo {
  box-shadow: 0 6px 14px rgba(0,0,0,.45);
}

.dark-mode .table > tfoot > tr,
.dark-mode .table > tfoot > tr > th,
.dark-mode .table > tfoot > tr > td {
  background-color: var(--card) !important;
  color: #e5e7eb !important;
  border-color: #333 !important;
}

.dark-mode .table-bordered > tfoot > tr > th,
.dark-mode .table-bordered > tfoot > tr > td {
  border: 1px solid #333 !important;
}

.dark-mode .mini-card {
  background: #262626;
  border-color: #333;
  box-shadow: none;
}

.dark-mode .mini-card-title {
  color: #aeb4bd;
}

.dark-mode .mini-card-value {
  color: #fff;
}

.dark-mode .dash-icon,
.dark-mode .mini-card-icon,
.dark-mode .alert-icon-circle,
.dark-mode .control-sidebar-menu i.menu-icon,
.dark-mode .novo-processo {
  box-shadow: 0 0 0 1px rgba(255,255,255,.14) !important;
}

.dark-mode .main-header > .logo,
.dark-mode .main-header .navbar > .sidebar-toggle,
.dark-mode .main-header .navbar .nav > li > a,
.dark-mode .main-header .navbar .navbar-nav > li > a,
.dark-mode .main-header .navbar .navbar-custom-menu .navbar-nav > li > a,
.dark-mode .main-header .navbar .navbar-right > li > a {
  border-left: 0 !important;
  border-right: 0 !important;
}

.dark-mode .main-header .navbar .nav > li,
.dark-mode .main-header .navbar .navbar-custom-menu,
.dark-mode .main-header .navbar-nav > li {
  border: 0 !important;
}

.dark-mode .main-sidebar,
.dark-mode .left-side,
.dark-mode .sidebar-menu > li.header,
.dark-mode .header {
  background: #181818 !important;
}

.dark-mode .sidebar-menu > li > a {
  color: #cfd3da !important;
}

.dark-mode .sidebar-menu > li:hover > a,
.dark-mode .sidebar-menu > li.active > a {
  background: #262626 !important;
  color: #fff !important;
  border-left-color: #4f16c9 !important;
}

.dark-mode .sidebar-menu .treeview-menu {
  background: #1f1f1f !important;
}

.dark-mode .sidebar-menu .treeview-menu > li > a {
  color: #aeb4bd !important;
}

.dark-mode .pull-left.info,
.dark-mode .pull-left.info a,
.dark-mode .pull-left.info span,
.dark-mode .pull-left.info p {
  color: #f3f4f6 !important;
}

.dark-mode #drawer {
  background: #1a1a1a;
  color: #e5e7eb;
  box-shadow: 2px 0 12px rgba(0,0,0,.6);
}

.dark-mode .menu-info,
.dark-mode .menu-info a,
.dark-mode .menu-info span,
.dark-mode .menu-info p {
  color: #e5e7eb !important;
}

.dark-mode .menu-info h4 {
  color: #fff !important;
}

.dark-mode .control-sidebar-menu > li > a:hover {
  background: #262626;
}

.dark-mode .control-sidebar,
.dark-mode .control-sidebar-bg,
.dark-mode .tab-content {
  background: #1a1a1a !important;
}

.dark-mode .control-sidebar-heading,
.dark-mode .control-sidebar-heading *,
.dark-mode .control-sidebar-subheading {
  color: #f3f4f6 !important;
}

.dark-mode .control-sidebar p[style*="color: #000000"],
.dark-mode .control-sidebar p[style*="color:#000000"] {
  color: #cfd3da !important;
}

.dark-mode .alert.bg_iconesinfo {
  border-color: #333 !important;
}

.dark-mode .box,
.dark-mode .panel,
.dark-mode .card-row,
.dark-mode .modal-content,
.dark-mode .dropdown-menu {
  background: #1e1e1e !important;
  color: #e5e7eb;
  border-color: #333 !important;
}

.dark-mode .box-header,
.dark-mode .box-footer,
.dark-mode .modal-header,
.dark-mode .modal-footer {
  background: #1e1e1e !important;
  border-color: #333 !important;
  color: #f3f4f6;
}

.dark-mode .box-title,
.dark-mode .modal-title {
  color: #f3f4f6;
}

.dark-mode .close {
  color: #fff;
  text-shadow: none;
  opacity: .7;
}

.dark-mode .dropdown-menu > li > a {
  color: #e5e7eb;
}

.dark-mode .dropdown-menu > li > a:hover {
  background: #2a2a2a;
}

.dark-mode .btn-box-tool {
  color: #9ca3af;
}

.dark-mode .task-item {
  border-bottom-color: #2e2e2e;
}

.dark-mode .task-item strong {
  color: #f3f4f6;
}

.dark-mode .btn-default {
  background: #2a2a2a !important;
  color: #e5e7eb !important;
  border: 1px solid #3a3a3a !important;
}

.dark-mode .btn-default:hover {
  background: #333 !important;
}

.dark-mode .botao-flutuante {
  color: #cfd3da;
}

.dark-mode .botao-flutuante:hover {
  color: #fff;
}

.dark-mode a.fa-times {
  color: rgba(255,255,255,.5) !important;
}

.dark-mode a.fa-times:hover {
  color: #fff !important;
}

.dark-mode .table {
  color: #e5e7eb;
}

.dark-mode .table > thead > tr > th {
  background: #262626 !important;
  color: #f3f4f6 !important;
  border-color: #333 !important;
}

.dark-mode .table > tbody > tr > td {
  color: #e5e7eb;
  border-color: #333 !important;
}

.dark-mode .table-bordered,
.dark-mode .table-bordered > thead > tr > th,
.dark-mode .table-bordered > tbody > tr > td {
  border-color: #333 !important;
}

.dark-mode .table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #232323 !important;
}

.dark-mode .table-hover > tbody > tr:hover,
.dark-mode .table > tbody > tr:hover {
  background: #2c2c2c !important;
}

.dark-mode .dataTables_wrapper .dataTables_filter input,
.dark-mode .dataTables_wrapper .dataTables_length select {
  background: #262626 !important;
  color: #f3f4f6 !important;
  border-color: #3a3a3a !important;
}

.dark-mode .dataTables_wrapper .dataTables_info,
.dark-mode .dataTables_wrapper .dataTables_filter label,
.dark-mode .dataTables_wrapper .dataTables_length label {
  color: #9ca3af !important;
}

.dark-mode .pagination > li > a,
.dark-mode .pagination > li > span {
  background: #1e1e1e !important;
  color: #e5e7eb !important;
  border-color: #333 !important;
}

.dark-mode .pagination > li > a:hover {
  background: #2a2a2a !important;
}

.dark-mode .pagination > .active > a,
.dark-mode .pagination > .active > span {
  background: var(--primary, #3c8dbc) !important;
  border-color: var(--primary, #3c8dbc) !important;
  color: #fff !important;
}

.dark-mode .pagination > .disabled > a,
.dark-mode .pagination > .disabled > span {
  color: #6b7280 !important;
}

.dark-mode .form-control,
.dark-mode select,
.dark-mode textarea,
.dark-mode input[type="text"],
.dark-mode input[type="number"],
.dark-mode input[type="date"] {
  background: #262626 !important;
  color: #f3f4f6 !important;
  border-color: #3a3a3a !important;
}

.dark-mode .form-control::placeholder {
  color: #8b919a;
}

.dark-mode label {
  color: #d1d5db;
}

.dark-mode .input-icon .icon {
  color: #9ca3af;
}

.dark-mode .choice-box {
  background: #1e1e1e;
  border-color: #333;
}

.dark-mode .badge-pill {
  background: #1e1e1e;
  border-color: #333;
  color: #e5e7eb;
}

.dark-mode .main-footer {
  background: #1a1a1a !important;
  color: #aeb4bd;
  border-top-color: #2a2a2a;
}

.dark-mode a {
  color: #8fa8ff;
}

.dark-mode a:hover {
  color: #b4c4ff;
}

.dark-mode .swal2-popup {
  background: #1e1e1e !important;
  color: #e5e7eb !important;
}

.dark-mode .swal2-title,
.dark-mode .swal2-html-container {
  color: #f3f4f6 !important;
}

.dark-mode .swal2-input,
.dark-mode .swal2-select,
.dark-mode .swal2-textarea {
  background: #262626 !important;
  color: #f3f4f6 !important;
  border-color: #3a3a3a !important;
}

.dark-mode .dash-card {
  background: #1e1e1e;
  border-color: #333;
  box-shadow: 0 1px 3px rgba(0,0,0,.4);
}

.dark-mode .dash-card:hover {
  box-shadow: 0 8px 20px rgba(0,0,0,.5);
}

.dark-mode .dash-title {
  color: #aeb4bd;
}

.dark-mode .dash-value {
  color: #fff;
}

.dark-mode .dash-footer {
  color: #cfd3da;
}

.dark-mode .dash-footer:hover {
  color: #a78bfa;
}

.dark-mode .dash-c-purple {
  color: #8b5cf6;
}

.dark-mode .dash-c-blue {
  color: #60a5fa;
}

.dark-mode .dash-c-navy {
  color: #7aa2d6;
}

.dark-mode .dash-c-cyan {
  color: #38bdf8;
}

.dark-mode .dash-c-orange {
  color: #f59e0b;
}

.dark-mode .dash-c-green {
  color: #4ade80;
}

.dark-mode .dash-c-pink {
  color: #e879f9;
}

.dark-mode .small-box.bg-advogados {
  background-color: #082e50 !important;
  color: #fff !important;
}

.dark-mode .alert.bg-saudacao {
  background-color: #082e50 !important;
  border-color: #082e50 !important;
  color: #fff !important;
}

.dark-mode .main-header .navbar.navbar-static-top {
  background-color: #082e50 !important;
  border-color: #082e50 !important;
  color: #fff !important;
}

.dark-mode .main-header .logo {
  background-color: #082e50 !important;
  color: #fff !important;
  border-color: transparent !important;
  box-shadow: none !important;
}