/* Estilos para a página de login */

/* Limita a largura máxima do card de login em desktops */
.login-card-container {
  max-width: 400px;
  margin: 0 auto;
}

/* Destaque DataTables - pesquisa e alinhamento */
.dataTables_length, .dataTables_filter {
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 0;
}
.dataTables_wrapper .dataTables_filter {
  float: right;
  margin-left: 1rem;
}
.dataTables_wrapper .dataTables_length {
  float: right;
}
.dataTables_wrapper .dataTables_filter input[type="search"] {
  border: 2px solid #0d6efd;
  border-radius: 0.5rem;
  box-shadow: none;
  transition: box-shadow 0.2s;
  font-weight: 500;
  background: #fff;
}
.dataTables_wrapper .dataTables_filter input[type="search"]:focus {
  box-shadow: 0 0 0 2px #0d6efd44;
  background: #f4f9ff;
}

/* Bordas mais finas e discretas para os inputs do login */
.card .form-control, 
.card .form-control:focus, 
.card .form-control-lg, 
.card .form-control-lg:focus {
  border-width: 1px !important;
  border-color: #ced4da !important;
  box-shadow: none !important;
  outline: none !important;
}


body {
  background-color: #f8f9fa;
}

.login-logo {
  max-height: 80px;
  margin-bottom: 1rem;
}

.card {
  border: 1px solid #5da7f1;
  box-shadow: 0 0 0 1px #5da7f1;
}

.form-control:focus, .form-control-lg:focus {
  border-color: #86b7fe;
  box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.15) !important;
  outline: none !important;
}


.btn-primary {
  background-color: #0d6efd;
  border: none;
  transition: all 0.3s;
}

.btn-primary:hover {
  background-color: #0b5ed7;
  transform: translateY(-1px);
}