/**
 * Admin Forms Dark Theme Fix
 * Исправление видимости полей форм на тёмной теме
 */

/* Input fields */
:root[data-theme="dark"] input[type="text"],
:root[data-theme="dark"] input[type="number"],
:root[data-theme="dark"] input[type="email"],
:root[data-theme="dark"] input[type="url"],
:root[data-theme="dark"] input[type="password"],
:root[data-theme="dark"] textarea {
  background-color: #374151 !important;
  border-color: #4b5563 !important;
  color: #f3f4f6 !important;
}

:root[data-theme="dark"] input[type="text"]:focus,
:root[data-theme="dark"] input[type="number"]:focus,
:root[data-theme="dark"] input[type="email"]:focus,
:root[data-theme="dark"] input[type="url"]:focus,
:root[data-theme="dark"] input[type="password"]:focus,
:root[data-theme="dark"] textarea:focus {
  background-color: #4b5563 !important;
  border-color: #60a5fa !important;
  color: #ffffff !important;
}

/* Select fields */
:root[data-theme="dark"] select {
  background-color: #374151 !important;
  border-color: #4b5563 !important;
  color: #f3f4f6 !important;
}

:root[data-theme="dark"] select:focus {
  background-color: #4b5563 !important;
  border-color: #60a5fa !important;
  color: #ffffff !important;
}

/* Select options */
:root[data-theme="dark"] select option {
  background-color: #374151 !important;
  color: #f3f4f6 !important;
}

/* Placeholder text */
:root[data-theme="dark"] input::placeholder,
:root[data-theme="dark"] textarea::placeholder {
  color: #9ca3af !important;
}

/* Disabled fields */
:root[data-theme="dark"] input:disabled,
:root[data-theme="dark"] select:disabled,
:root[data-theme="dark"] textarea:disabled {
  background-color: #1f2937 !important;
  color: #6b7280 !important;
  opacity: 0.6;
}

/* File input */
:root[data-theme="dark"] input[type="file"] {
  color: #f3f4f6 !important;
}

/* Labels */
:root[data-theme="dark"] label {
  color: #d1d5db !important;
}

/* Help text */
:root[data-theme="dark"] .text-gray-500 {
  color: #9ca3af !important;
}

:root[data-theme="dark"] .text-gray-600 {
  color: #9ca3af !important;
}

/* Error messages */
:root[data-theme="dark"] .text-red-600 {
  color: #f87171 !important;
}

:root[data-theme="dark"] .text-red-700 {
  color: #ef4444 !important;
}

/* Borders */
:root[data-theme="dark"] .border-gray-200 {
  border-color: #374151 !important;
}

:root[data-theme="dark"] .border-gray-300 {
  border-color: #4b5563 !important;
}

/* Hover states for borders */
:root[data-theme="dark"] .hover\:bg-gray-50:hover {
  background-color: #374151 !important;
}

/* Radio buttons and checkboxes in forms (not the optional fields checkboxes) */
:root[data-theme="dark"] input[type="radio"],
:root[data-theme="dark"] input[type="checkbox"]:not([name*="_enabled"]) {
  background-color: #374151 !important;
  border-color: #4b5563 !important;
}

:root[data-theme="dark"] input[type="radio"]:checked,
:root[data-theme="dark"] input[type="checkbox"]:not([name*="_enabled"]):checked {
  background-color: #2563eb !important;
  border-color: #2563eb !important;
}