/* Custom styles goes here */
.select2-container--default .select2-selection--single {
  height: calc(2.375rem + 5px) !important;
  padding: 0.375rem 0.75rem !important;
  border: 1px solid #d9d9e3 !important;
  border-radius: 0.375rem !important;
  background-color: #fff !important;
  font-size: 0.875rem !important;
  box-shadow: none !important;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 1.5 !important;
  padding-left: 0 !important;
  color: #697a8d !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: calc(2.375rem + 2px - 2px) !important;
  top: 1px !important;
}

/* Focus state */
.select2-container--focus .select2-selection--single {
  border-color: #7367f0 !important; /* Materio's primary color */
  box-shadow: 0 0 0 0.25rem rgba(115, 103, 240, 0.25) !important;
}

 .pcr-app {
   z-index: 1060 !important; /* above Bootstrap dropdowns (1000) and modals (1050) */
 }

.pickr-preview {
  border: 1px solid #ddd;
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.pickr-preview:hover {
  transform: scale(1.08);
  box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.3);
  border-color: #007BFF;
}