/* ============================================================
   Доп. UX-слой для админки (unfold). Только аккуратные, безопасные улучшения:
   очевидная интерактивность строк, фокус полей, заметная панель действий,
   контраст подсказок и переносы. НЕ трогаем ширину/раскладку select2 и
   related-виджетов — их корректно рендерит сама тема unfold.
   ============================================================ */

/* ----- строки списка: кликабельны целиком, явный ховер ----- */
#result_list tbody tr { transition: background .12s ease; }
#result_list tbody tr:hover { background: rgba(99, 102, 241, .12) !important; cursor: pointer; }
#result_list tbody th a, #result_list tbody td a { color: #a5b4fc !important; font-weight: 600; }
#result_list tbody th a:hover { text-decoration: underline; color: #c7d2fe !important; }

/* ----- фокус/ховер обычных полей (без влияния на ширину) ----- */
input[type="text"], input[type="number"], input[type="password"], input[type="email"],
input[type="url"], input[type="date"], input[type="datetime-local"], input[type="time"],
textarea, .vTextField {
  transition: border-color .12s, box-shadow .12s;
}
input:hover:not([type="checkbox"]):not([type="radio"]), textarea:hover, select:hover {
  border-color: rgba(129, 140, 248, .8) !important;
}
input:focus:not([type="checkbox"]):not([type="radio"]), textarea:focus, select:focus {
  border-color: #6366f1 !important; box-shadow: 0 0 0 3px rgba(99, 102, 241, .32) !important; outline: none !important;
}
select { cursor: pointer; }

/* select2 — только подсветка результатов и фокус-кольцо, БЕЗ изменения ширины/раскладки */
.select2-results__option--highlighted { background: #6366f1 !important; }
.select2-container--open .select2-selection { box-shadow: 0 0 0 3px rgba(99, 102, 241, .32) !important; }

/* ----- панель массовых действий: заметная ----- */
.actions {
  background: rgba(99, 102, 241, .10) !important;
  border: 1px solid rgba(99, 102, 241, .35) !important;
  border-radius: 12px !important;
}

/* ----- кнопки: лёгкий ховер ----- */
.button:hover, input[type="submit"]:hover, .submit-row a:hover, .object-tools a:hover {
  filter: brightness(1.08);
}

/* ----- чекбоксы строк — крупнее и заметнее ----- */
#result_list input[type="checkbox"], .action-checkbox input { width: 18px; height: 18px; cursor: pointer; accent-color: #6366f1; }

/* ============================================================
   Вёрстка: контраст подсказок, переносы длинного текста
   ============================================================ */
.help, .helptext, p.help, .form-row .help, div.help, small.help {
  color: rgba(255, 255, 255, .56) !important; line-height: 1.5 !important;
}
#result_list td, #result_list th, .field-box, .readonly { word-break: break-word; overflow-wrap: anywhere; }
.form-row label, label { color: rgba(255, 255, 255, .82); }
#content a:not(.button):hover { text-decoration: underline; }
