/**
 * Checkbox Visibility Fix
 * Исправление видимости чекбоксов на обеих темах
 */

/* Базовые стили для чекбоксов */
input[type="checkbox"] {
  width: 1rem;
  height: 1rem;
  border-radius: 0.25rem;
  border-width: 1px;
  cursor: pointer;
  flex-shrink: 0;
}

/* Светлая тема */
input[type="checkbox"] {
  background-color: #ffffff;
  border-color: #d1d5db;
  color: #3b82f6;
}

input[type="checkbox"]:hover {
  border-color: #9ca3af;
}

input[type="checkbox"]:focus {
  outline: 2px solid #3b82f6;
  outline-offset: 2px;
}

input[type="checkbox"]:checked {
  background-color: #3b82f6;
  border-color: #3b82f6;
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
}

/* Тёмная тема */
:root[data-theme="dark"] input[type="checkbox"],
.dark input[type="checkbox"] {
  background-color: #4b5563;
  border-color: #6b7280;
  color: #60a5fa;
}

:root[data-theme="dark"] input[type="checkbox"]:hover,
.dark input[type="checkbox"]:hover {
  border-color: #9ca3af;
  background-color: #6b7280;
}

:root[data-theme="dark"] input[type="checkbox"]:checked,
.dark input[type="checkbox"]:checked {
  background-color: #2563eb;
  border-color: #2563eb;
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
}

/* Disabled state */
input[type="checkbox"]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* Специфичные стили для форм моделей */
.bg-white input[type="checkbox"] {
  margin-right: 0.5rem;
}

/* Переопределение для тёмной темы */
:root[data-theme="dark"] input[type="checkbox"] {
  background-color: #4b5563 !important;
  border-color: #6b7280 !important;
}

/* Для светлой темы */
:root:not([data-theme="dark"]) input[type="checkbox"] {
  background-color: #ffffff !important;
  border-color: #d1d5db !important;
}

/* Checked state для обеих тем */
:root[data-theme="dark"] input[type="checkbox"]:checked {
  background-color: #2563eb !important;
  border-color: #2563eb !important;
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e") !important;
}

input[type="checkbox"]:checked {
  background-color: #3b82f6 !important;
  border-color: #3b82f6 !important;
}