/* Custom CSS para Portal Autem */

/* Paleta de cores personalizada */
:root {
  --primary-color: #157272;
  --secondary-color: #d5d8e2;
  --dark-color: #262564;
  --accent-color-1: #78b4b4;
  --accent-color-2: #7cbcb4;
}





/* Apenas o logotipo da sidebar sem bordas arredondadas e sombras */
.main-sidebar .brand-image {
  border-radius: 0 !important;
  box-shadow: none !important;
  filter: brightness(0) invert(1) !important; /* Torna o logo branco */
}

/* Alinhamento dos controles do DataTables: length à esquerda e search à direita */
/* Alinhamento DataTables: length à esquerda, filter à direita */
@media (min-width: 768px) {
  .dataTables_wrapper .row:first-child {
    display: block;
    margin-bottom: .5rem;
  }
  .dataTables_wrapper .row:first-child > .col-sm-12.col-md-6 {
    width: 50% !important;
    float: left;
    display: flex;
    align-items: center;
  }
  .dataTables_wrapper .row:first-child > .col-sm-12.col-md-6:last-child {
    text-align: right;
    float: right;
    justify-content: flex-end;
  }
  .dataTables_wrapper .dataTables_length label,
  .dataTables_wrapper .dataTables_filter label {
    display: flex;
    align-items: center;
    gap: .5rem;
    white-space: nowrap;
    margin-bottom: 0 !important;
  }
  .dataTables_wrapper .dataTables_length,
  .dataTables_wrapper .dataTables_filter {
    margin: .25rem 0;
  }
  .dataTables_wrapper .dataTables_filter input.form-control,
  .dataTables_wrapper .dataTables_filter input.form-control-sm {
    margin-left: .5rem;
  }
  .dataTables_wrapper .dataTables_length select.form-control,
  .dataTables_wrapper .dataTables_length select.form-control-sm {
    width: auto;
    display: inline-block;
  }
}

/* Logo do preloader mantém cor original */
.preloader .brand-image {
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* Header com escritas na cor escura personalizada */
.main-header .navbar-nav .nav-link {
  color: #262564 !important;
}

.main-header .navbar-nav .nav-link:hover {
  color: var(--primary-color) !important;
}



.main-sidebar {
  background-color: var(--dark-color) !important;
}

.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active {
  background-color: var(--primary-color) !important;
  color: white !important;
}

.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link:hover {
  background-color: var(--accent-color-1) !important;
  color: white !important;
}

.brand-link {
  background-color: #157272 !important;
  color: white !important;
}

.brand-text {
  color: white !important;
  margin-left: 15px !important;
}



.user-header.bg-primary {
  background-color: var(--primary-color) !important;
}

.badge-warning {
  background-color: var(--accent-color-2) !important;
  color: white !important;
}

.btn-primary {
  background-color: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
}

.btn-primary:hover {
  background-color: var(--accent-color-1) !important;
  border-color: var(--accent-color-1) !important;
}

/* Botão customizado Autem */
.btn-autem {
  background-color: #262564 !important;
  border-color: #262564 !important;
  color: #fff !important;
}
.btn-autem:hover {
  background-color: #1f1e52 !important;
  border-color: #1f1e52 !important;
}

/* Botão Purple */
.btn-purple {
  background-color: #6f42c1 !important;
  border-color: #6f42c1 !important;
  color: #fff !important;
}
.btn-purple:hover {
  background-color: #5a32a3 !important;
  border-color: #5a32a3 !important;
  color: #fff !important;
}

/* Scroll no modal para não ultrapassar iframe */
.modal {
    overflow-y: auto !important;
}

.modal-dialog {
    margin: 10px auto !important;
}

.modal-content {
    max-height: calc(100vh - 20px) !important;
    overflow-y: auto !important;
}

.modal-body {
    max-height: calc(100vh - 200px) !important;
    overflow-y: auto !important;
}

.bg-primary {
  background-color: var(--primary-color) !important;
}

.text-primary {
  color: var(--primary-color) !important;
}

.border-primary {
  border-color: var(--primary-color) !important;
}

/* Sidebar menu items */
.nav-sidebar .nav-item .nav-link {
  color: var(--secondary-color) !important;
}

.nav-sidebar .nav-item .nav-link:hover {
  color: white !important;
}

.nav-sidebar .nav-item .nav-link.active {
  color: white !important;
}

/* Nav headers */
.nav-header {
  color: var(--accent-color-1) !important;
  font-weight: bold;
}



/* Content wrapper - mesma cor do footer (AdminLTE padrão) */
.content-wrapper {
  background-color: #f4f6f9 !important;
}

/* Footer com texto na cor escura personalizada */
.main-footer {
  color: #262564 !important;
}

.main-footer a {
  color: #262564 !important;
}

.main-footer a:hover {
  color: var(--primary-color) !important;
}

/* Forçar cor de fundo da área de conteúdo */
.content-wrapper,
.content-wrapper .tab-content,
.content-wrapper .tab-empty,
.content-wrapper .tab-loading {
  background-color: #f4f6f9 !important;
}

/* Sobrescrever qualquer cor de fundo do AdminLTE */
.wrapper .content-wrapper,
.wrapper .content-wrapper .tab-content,
.wrapper .content-wrapper .tab-empty,
.wrapper .content-wrapper .tab-loading {
  background-color: #f4f6f9 !important;
}

/* Dropdown menus */
.dropdown-menu {
  border-color: var(--primary-color) !important;
}

.dropdown-item:hover {
  background-color: var(--accent-color-1) !important;
  color: white !important;
}

/* Form controls */
.form-control:focus {
  border-color: var(--primary-color) !important;
  box-shadow: 0 0 0 0.2rem rgba(21, 114, 114, 0.25) !important;
}

/* Buttons */
.btn-sidebar {
  background-color: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
  color: white !important;
}

.btn-sidebar:hover {
  background-color: var(--accent-color-1) !important;
  border-color: var(--accent-color-1) !important;
}



/* Links ativos e hover */
.nav-sidebar .nav-item .nav-link.active {
  background-color: var(--primary-color) !important;
  color: white !important;
}

.nav-sidebar .nav-item .nav-link:hover {
  background-color: var(--accent-color-1) !important;
  color: white !important;
}

/* Dropdown menus */
.dropdown-menu {
  border: 1px solid var(--primary-color) !important;
}

.dropdown-item:hover {
  background-color: var(--accent-color-1) !important;
  color: white !important;
}

/* Notifications badge */
.badge-warning {
  background-color: var(--accent-color-2) !important;
  color: white !important;
}

/* Search form */
.form-control-sidebar {
  border-color: var(--primary-color) !important;
}

.form-control-sidebar:focus {
  border-color: var(--accent-color-1) !important;
  box-shadow: 0 0 0 0.2rem rgba(120, 180, 180, 0.25) !important;
}

/* Cards */
.card-primary.card-outline {
  border-color: var(--primary-color) !important;
}

.card-primary.card-outline .card-header {
  background-color: var(--primary-color) !important;
  color: white !important;
}

/* Breadcrumbs */
.breadcrumb-item.active {
  color: var(--primary-color) !important;
}

.breadcrumb-item a {
  color: var(--accent-color-1) !important;
}

.breadcrumb-item a:hover {
  color: var(--primary-color) !important;
}

/* Content header */
.content-header h1 {
  color: var(--dark-color) !important;
}

/* Links */
a {
  color: var(--primary-color) !important;
}

a:hover {
  color: var(--accent-color-1) !important;
}

/* Tabs com escritas na cor escura personalizada */
.nav-tabs .nav-link {
  color: #262564 !important;
}

.nav-tabs .nav-link:hover {
  color: var(--primary-color) !important;
}

.nav-tabs .nav-link.active {
  color: #262564 !important;
  font-weight: bold;
}

/* Tabs da navegação iframe (Dashboard, Departamentos) - excluindo botão Fechar */
.content-wrapper .navbar .nav-link:not(.bg-danger) {
  color: #262564 !important;
}

.content-wrapper .navbar .nav-link:not(.bg-danger):hover {
  color: var(--primary-color) !important;
}

/* Botão Fechar - apenas texto branco */
.content-wrapper .navbar .nav-link.bg-primary {
  color: white !important;
}

.content-wrapper .navbar .nav-link.bg-primary:hover {
  color: white !important;
}

/* Espaçamento entre ícones e texto nos menus */
.nav-sidebar .nav-link p {
  margin-left: 8px !important;
  padding-left: 0 !important;
}

.nav-sidebar .nav-link .nav-icon {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

/* Garantir que ícones Bootstrap sejam exibidos corretamente */
.nav-sidebar .nav-link .nav-icon.bi {
  width: 1.25rem;
  text-align: center;
}

/* Forçar espaçamento mais específico */
.sidebar-dark-primary .nav-sidebar .nav-link p {
  margin-left: 8px !important;
  padding-left: 0 !important;
}

.sidebar-dark-primary .nav-sidebar .nav-link .nav-icon {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

/* Espaçamento para submenus também */
.nav-sidebar .nav-treeview .nav-link p {
  margin-left: 8px !important;
  padding-left: 0 !important;
}

.nav-sidebar .nav-treeview .nav-link .nav-icon {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

/* CSS mais específico para forçar espaçamento */
.nav-sidebar > .nav-item > .nav-link > p,
.nav-sidebar .nav-treeview > .nav-item > .nav-link > p {
  margin-left: 8px !important;
  padding-left: 0 !important;
}

.nav-sidebar > .nav-item > .nav-link > .nav-icon,
.nav-sidebar .nav-treeview > .nav-item > .nav-link > .nav-icon {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

/* CSS ultra específico para garantir */
.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link > p,
.sidebar-dark-primary .nav-sidebar .nav-treeview > .nav-item > .nav-link > p {
  margin-left: 8px !important;
  padding-left: 0 !important;
}

.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link > .nav-icon,
.sidebar-dark-primary .nav-sidebar .nav-treeview > .nav-item > .nav-link > .nav-icon {
  margin-right: 0 !important;
  margin-left: 0 !important;
}