/* Общий темный фон и светлый текст */
body {
  background-color: #000000; /* Темный цвет фона */
  color: #ffffff; /* Цвет текста */
}

.table {
  margin: 0; /* Убираем отступы у таблицы */
}

/* Темно-серый фон для заголовков */
.table thead th {
  color: #ffffff;
  background-color: #000000;
}

/* Серый фон для всех ячеек таблицы */
.table tbody td {
  background-color: #000000; /* Серый фон для ячеек */
  color: #ffffff;
}

input {
  font-size: 16px !important;
}

input::placeholder {
  color: #ffffff !important;
  opacity: 1; /* Убедитесь, что прозрачность плейсхолдера установлена на 1 */
}

input.form-control:focus {
  background-color: transparent; /* Убирает изменение фона при фокусе */
}

input.form-control {
  background-color: #000000; /* Серый фон для ячеек */
}

.btn {
  border: 1px solid #000; /* Черная рамка толщиной 2px */
  border-radius: 5px; /* Скругленные углы */
  margin: 2px;
  padding: 5px 1px; /* Уменьшаем внутренние отступы (padding) */
  font-size: 14px; /* Уменьшаем размер шрифта */
}

textarea {
  font-size: 16px !important;
}

textarea::placeholder {
  color: #000000 !important;
  opacity: 1; /* Убедитесь, что прозрачность плейсхолдера установлена на 1 */
}

form {
  margin: 0;
}

/* Контейнер таблицы */
.table-responsive {
  display: block; /* Обеспечиваем блочное поведение */
  overflow-x: auto; /* Горизонтальная прокрутка для узких экранов */
  width: 100%; /* Растягиваем контейнер на всю ширину экрана */
}

/* Стили таблицы */
#sortableTable {
  table-layout: auto;
  min-width: 400px;
  border-collapse: collapse;
  font-size: 16px;
}

#sortableTable thead th,
#sortableTable tbody td {
  font-size: inherit;
}

#tableSearch {
  font-size: 16px;
}

/* Чёткие границы модального окна */
#resourceModal .modal-content {
  border: 2px solid #6c757d;
  border-radius: 8px;
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, 0.1),
    0 8px 24px rgba(0, 0, 0, 0.5);
}

#resourceModal .modal-header {
  border-bottom: 1px solid #6c757d;
}

#resourceModal .modal-footer {
  border-top: 1px solid #000000;
}

#resourceModal .modal-body input,
#resourceModal .modal-body textarea,
#resourceModal .modal-body label {
  font-size: 16px;
}

.resource-row {
  cursor: pointer;
}

.resource-row:hover {
  background-color: #000000 !important;
}

#sortableTable thead th.sortable {
  cursor: pointer;
  user-select: none;
}

/* Медиазапрос для смартфонов */
@media (max-width: 430px) {
  #sortableTable {
    min-width: 300px;
  }
}

input#tableSearch::placeholder {
  color: #ffffff !important;
  font-weight: 700;
  opacity: 1;
}

#modal_decryptionKey::placeholder {
  color: #ffffff !important; /* ярко-белый */
  opacity: 1; /* убрать стандартное побледнение */
}