@charset "UTF-8";
/*
 * HE Contraste Suave
 * Mantém o GLPI 11 próximo do padrão.
 * Altera apenas campos de formulário e caixas de seleção.
 */
/* Campos de texto */
.form-control,
textarea,
input[type=text],
input[type=password],
input[type=email],
input[type=number],
input[type=date],
input[type=datetime-local],
input[type=time],
input[type=search] {
  background-color: #ffffff !important;
  border: 1px solid #aeb8c5 !important;
  color: #263445 !important;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.03) !important;
}

/* Campos de seleção comuns */
.form-select,
select {
  background-color: #ffffff !important;
  border: 1px solid #aeb8c5 !important;
  color: #263445 !important;
}

/* Select2 usado pelo GLPI */
.select2-container .select2-selection,
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
  background-color: #ffffff !important;
  border: 1px solid #aeb8c5 !important;
  color: #263445 !important;
  min-height: 36px !important;
}

/* Texto dentro do Select2 */
.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #263445 !important;
  line-height: 34px !important;
}

/* Seta do Select2 */
.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 34px !important;
}

/* Campos ao receber foco */
.form-control:focus,
.form-select:focus,
textarea:focus,
input:focus,
select:focus,
.select2-container--focus .select2-selection,
.select2-container--open .select2-selection {
  background-color: #ffffff !important;
  border-color: #206bc4 !important;
  box-shadow: 0 0 0 3px rgba(32, 107, 196, 0.14) !important;
  outline: none !important;
}

/* Placeholder mais visível */
.form-control::placeholder,
textarea::placeholder,
input::placeholder {
  color: #768496 !important;
  opacity: 1 !important;
}

/* Campos desabilitados ou somente leitura */
.form-control:disabled,
.form-select:disabled,
.form-control[readonly],
textarea:disabled,
select:disabled,
input:disabled {
  background-color: #eef1f4 !important;
  border-color: #c3cbd5 !important;
  color: #596575 !important;
  opacity: 1 !important;
}

/* Checkbox */
.form-check-input,
input[type=checkbox] {
  border: 1px solid #8996a5 !important;
  background-color: #ffffff !important;
}

/* Checkbox marcado */
.form-check-input:checked,
input[type=checkbox]:checked {
  background-color: #206bc4 !important;
  border-color: #206bc4 !important;
}

/* Radio */
input[type=radio],
.form-check-input[type=radio] {
  border: 1px solid #8996a5 !important;
}

/* Dropdown das seleções */
.select2-dropdown {
  background-color: #ffffff !important;
  border: 1px solid #aeb8c5 !important;
  box-shadow: 0 5px 14px rgba(0, 0, 0, 0.1) !important;
}

/* Itens do dropdown */
.select2-results__option {
  color: #263445 !important;
}

/* Item destacado */
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #206bc4 !important;
  color: #ffffff !important;
}

/* Blocos que agrupam formulários */
.card:has(.form-control),
.card:has(.form-select),
.card:has(.select2-container) {
  border-color: #d3d9e1 !important;
}