/* Custom select styling to match frontend theme */
/* RU: Стилизация выпадающих списков в стиле фронтенда / EN: Dropdown select styling to match frontend theme */

select {
  width: 100%;
  padding: 10px 12px;
  background: #1e293b !important;
  border: 1px solid #334155 !important;
  border-radius: 8px;
  color: #e5e7eb !important;
  font-size: 14px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  cursor: pointer;
  outline: none;
  transition: all 0.2s;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%239ca3af' d='M6 9L1 4h10z'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 12px center !important;
  background-size: 12px !important;
  padding-right: 36px !important;
}

select:hover {
  border-color: #475569 !important;
  background-color: #1e293b !important;
}

select:focus {
  border-color: #3b82f6 !important;
  outline: none;
  box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.2);
}

select:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

select option {
  background: #1e293b !important;
  color: #e5e7eb !important;
  padding: 8px 12px;
}

select option:hover {
  background: #334155 !important;
}

select option:checked {
  background: #3b82f6 !important;
  color: #fff !important;
}