/* SlimSelect Clean UI Overrides */
.ss-main {
  border: 1px solid #f3f4f6 !important; /* border-gray-100 */
  border-radius: 1rem !important; /* rounded-2xl */
  padding: 0.5rem 1rem !important;
  box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05) !important;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
  font-family: inherit !important;
}

.ss-main:focus-within {
  border-color: #60a5fa !important; /* border-blue-400 */
  box-shadow: 0 0 0 4px #eff6ff !important; /* focus:ring-blue-50 */
}

.ss-content {
  border-radius: 1rem !important;
  border: 1px solid #f3f4f6 !important;
  box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1) !important;
  margin-top: 0.5rem !important;
}

.ss-list .ss-option {
  padding: 10px 15px !important;
  border-radius: 0.5rem !important;
  margin: 2px 8px !important;
  font-weight: 600 !important;
  color: #374151 !important;
}

.ss-list .ss-option:hover, .ss-list .ss-option.ss-highlighted {
  background-color: #eff6ff !important;
  color: #2563eb !important;
}

.ss-list .ss-option.ss-selected {
  background-color: #2563eb !important;
  color: white !important;
}

/* Hide the deselect 'X' for a cleaner look unless explicitly needed */
.ss-deselect {
  display: none !important;
}

.ss-arrow {
  margin-left: 10px !important;
}