/* Correções globais para modo escuro em todo o sistema */

/* Correção específica para autofill no modo escuro - TODOS os campos */
.dark-mode input:-webkit-autofill,
.dark-mode input:-webkit-autofill:hover,
.dark-mode input:-webkit-autofill:focus,
.dark-mode input:-webkit-autofill:active,
.dark-mode textarea:-webkit-autofill,
.dark-mode textarea:-webkit-autofill:hover,
.dark-mode textarea:-webkit-autofill:focus,
.dark-mode textarea:-webkit-autofill:active,
.dark-mode select:-webkit-autofill,
.dark-mode select:-webkit-autofill:hover,
.dark-mode select:-webkit-autofill:focus,
.dark-mode select:-webkit-autofill:active {
  -webkit-text-fill-color: #fff !important;
  -webkit-box-shadow: 0 0 0 1000px #141c26 inset !important;
  -webkit-background-clip: content-box !important;
  background-color: #141c26 !important;
  color: #fff !important;
  transition: background-color 5000s ease-in-out 0s;
}

/* Correção específica para campos de senha */
.dark-mode input[type="password"]:-webkit-autofill,
.dark-mode input[type="password"]:-webkit-autofill:hover,
.dark-mode input[type="password"]:-webkit-autofill:focus,
.dark-mode input[type="password"]:-webkit-autofill:active {
  -webkit-text-fill-color: #fff !important;
  -webkit-box-shadow: 0 0 0 1000px #141c26 inset !important;
  -webkit-background-clip: content-box !important;
  background-color: #141c26 !important;
  color: #fff !important;
  transition: background-color 5000s ease-in-out 0s;
}

/* Correção específica para campos de email */
.dark-mode input[type="email"]:-webkit-autofill,
.dark-mode input[type="email"]:-webkit-autofill:hover,
.dark-mode input[type="email"]:-webkit-autofill:focus,
.dark-mode input[type="email"]:-webkit-autofill:active {
  -webkit-text-fill-color: #fff !important;
  -webkit-box-shadow: 0 0 0 1000px #141c26 inset !important;
  -webkit-background-clip: content-box !important;
  background-color: #141c26 !important;
  color: #fff !important;
  transition: background-color 5000s ease-in-out 0s;
}

/* Correção específica para campos de texto */
.dark-mode input[type="text"]:-webkit-autofill,
.dark-mode input[type="text"]:-webkit-autofill:hover,
.dark-mode input[type="text"]:-webkit-autofill:focus,
.dark-mode input[type="text"]:-webkit-autofill:active {
  -webkit-text-fill-color: #fff !important;
  -webkit-box-shadow: 0 0 0 1000px #141c26 inset !important;
  -webkit-background-clip: content-box !important;
  background-color: #141c26 !important;
  color: #fff !important;
  transition: background-color 5000s ease-in-out 0s;
}

/* Correção específica para campos de número */
.dark-mode input[type="number"]:-webkit-autofill,
.dark-mode input[type="number"]:-webkit-autofill:hover,
.dark-mode input[type="number"]:-webkit-autofill:focus,
.dark-mode input[type="number"]:-webkit-autofill:active {
  -webkit-text-fill-color: #fff !important;
  -webkit-box-shadow: 0 0 0 1000px #141c26 inset !important;
  -webkit-background-clip: content-box !important;
  background-color: #141c26 !important;
  color: #fff !important;
  transition: background-color 5000s ease-in-out 0s;
}

/* Correção específica para campos de telefone */
.dark-mode input[type="tel"]:-webkit-autofill,
.dark-mode input[type="tel"]:-webkit-autofill:hover,
.dark-mode input[type="tel"]:-webkit-autofill:focus,
.dark-mode input[type="tel"]:-webkit-autofill:active {
  -webkit-text-fill-color: #fff !important;
  -webkit-box-shadow: 0 0 0 1000px #141c26 inset !important;
  -webkit-background-clip: content-box !important;
  background-color: #141c26 !important;
  color: #fff !important;
  transition: background-color 5000s ease-in-out 0s;
}

/* Garantir que os campos de formulário no modo escuro tenham a cor correta */
.dark-mode .form-control {
  background-color: #141c26 !important;
  border-color: #1d2d40 !important;
  color: #fff !important;
}

.dark-mode .form-control:focus {
  background-color: #141c26 !important;
  border-color: #1ec095 !important;
  color: #fff !important;
  box-shadow: 0 0 0 0.2rem rgba(30, 192, 149, 0.25) !important;
}

/* Correção para placeholders no modo escuro */
.dark-mode .form-control::placeholder {
  color: #8094ae !important;
  opacity: 1;
}

.dark-mode .form-control::-webkit-input-placeholder {
  color: #8094ae !important;
  opacity: 1;
}

.dark-mode .form-control::-moz-placeholder {
  color: #8094ae !important;
  opacity: 1;
}

.dark-mode .form-control:-ms-input-placeholder {
  color: #8094ae !important;
  opacity: 1;
}

/* Correção para Select2 no modo escuro */
.dark-mode .select2-container--default .select2-selection--single {
  background-color: #141c26 !important;
  border-color: #1d2d40 !important;
  color: #fff !important;
}

.dark-mode .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #fff !important;
}

.dark-mode .select2-dropdown {
  background-color: #141c26 !important;
  border-color: #1d2d40 !important;
}

.dark-mode .select2-container--default .select2-results__option {
  color: #fff !important;
}

.dark-mode .select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #1ec095 !important;
}

.dark-mode .select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #17a085 !important;
}

/* Correção para DataTables no modo escuro */
.dark-mode .dataTables_wrapper .dataTables_filter input {
  background-color: #141c26 !important;
  border-color: #1d2d40 !important;
  color: #fff !important;
}

.dark-mode .dataTables_wrapper .dataTables_length select {
  background-color: #141c26 !important;
  border-color: #1d2d40 !important;
  color: #fff !important;
}

/* Correção para modais no modo escuro */
.dark-mode .modal-content {
  background-color: #141c26 !important;
  border-color: #1d2d40 !important;
}

.dark-mode .modal-header {
  border-bottom-color: #1d2d40 !important;
}

.dark-mode .modal-footer {
  border-top-color: #1d2d40 !important;
}

/* Correção para tooltips no modo escuro */
.dark-mode .tooltip-inner {
  background-color: #141c26 !important;
  color: #fff !important;
}

.dark-mode .tooltip.bs-tooltip-top .tooltip-arrow::before {
  border-top-color: #141c26 !important;
}

.dark-mode .tooltip.bs-tooltip-bottom .tooltip-arrow::before {
  border-bottom-color: #141c26 !important;
}

.dark-mode .tooltip.bs-tooltip-start .tooltip-arrow::before {
  border-left-color: #141c26 !important;
}

.dark-mode .tooltip.bs-tooltip-end .tooltip-arrow::before {
  border-right-color: #141c26 !important;
}

/* Correção para popovers no modo escuro */
.dark-mode .popover {
  background-color: #141c26 !important;
  border-color: #1d2d40 !important;
}

.dark-mode .popover-header {
  background-color: #1a2430 !important;
  border-bottom-color: #1d2d40 !important;
  color: #fff !important;
}

.dark-mode .popover-body {
  color: #fff !important;
}

/* Correção para dropdowns no modo escuro */
.dark-mode .dropdown-menu {
  background-color: #141c26 !important;
  border-color: #1d2d40 !important;
}

.dark-mode .dropdown-item {
  color: #fff !important;
}

.dark-mode .dropdown-item:hover {
  background-color: #1a2430 !important;
  color: #fff !important;
}

.dark-mode .dropdown-item.active {
  background-color: #1ec095 !important;
  color: #fff !important;
}

/* Correção para paginação no modo escuro */
.dark-mode .page-link {
  background-color: #141c26 !important;
  border-color: #1d2d40 !important;
  color: #fff !important;
}

.dark-mode .page-link:hover {
  background-color: #1a2430 !important;
  color: #fff !important;
}

.dark-mode .page-item.active .page-link {
  background-color: #1ec095 !important;
  border-color: #1ec095 !important;
  color: #fff !important;
}

/* Correção para alertas no modo escuro */
.dark-mode .alert {
  background-color: #141c26 !important;
  border-color: #1d2d40 !important;
  color: #fff !important;
}

/* Correção para badges no modo escuro */
.dark-mode .badge {
  color: #fff !important;
}

/* Correção para inputs de busca no modo escuro */
.dark-mode .search-wrap .form-control {
  background-color: #141c26 !important;
  border-color: #1d2d40 !important;
  color: #fff !important;
}

/* Correção para textareas no modo escuro */
.dark-mode textarea.form-control {
  background-color: #141c26 !important;
  border-color: #1d2d40 !important;
  color: #fff !important;
}

/* Correção para inputs de arquivo no modo escuro */
.dark-mode .custom-file-label {
  background-color: #141c26 !important;
  border-color: #1d2d40 !important;
  color: #fff !important;
}

/* Correção para inputs de data no modo escuro */
.dark-mode input[type="date"] {
  background-color: #141c26 !important;
  border-color: #1d2d40 !important;
  color: #fff !important;
}

.dark-mode input[type="datetime-local"] {
  background-color: #141c26 !important;
  border-color: #1d2d40 !important;
  color: #fff !important;
}

.dark-mode input[type="time"] {
  background-color: #141c26 !important;
  border-color: #1d2d40 !important;
  color: #fff !important;
}

/* Correção para inputs de URL no modo escuro */
.dark-mode input[type="url"] {
  background-color: #141c26 !important;
  border-color: #1d2d40 !important;
  color: #fff !important;
}

/* Correção para inputs de busca no modo escuro */
.dark-mode input[type="search"] {
  background-color: #141c26 !important;
  border-color: #1d2d40 !important;
  color: #fff !important;
}
