/* 
 * Стили для скрытия поля названия вахты
 * Этот файл подключается в index.html
 */

/* Базовое скрытие поля названия вахты */
form [data-field="title"],
form input[name="title"],
form label:has(+ input[name="title"]),
form label[for="title"],
.chakra-form-control:has(input[name="title"]),
.chakra-form-control:has(input[id="title"]) {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  position: absolute !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Исправление для модальных окон */
.css-hdd9l7 {
  position: relative !important;
  z-index: auto !important;
}

/* Стили для модального окна версии */
.version-info-header,
.version-info-body {
  position: relative !important;
  z-index: auto !important;
}

/* Скрытие поля названия вахты в формах Chakra UI */
.chakra-form-control:has(label:contains("Название вахты")),
.chakra-form-control:has(> .chakra-form__label:contains("Название вахты")),
.chakra-form-control:has(> label:contains("Название вахты")),
.chakra-form__label:contains("Название вахты"),
label:contains("Название вахты") {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  position: absolute !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Скрытие поля названия вахты в мастере создания вахты */
#shift-form .chakra-form-control:has(> label:contains("Название вахты")),
.chakra-modal__body form .chakra-form-control:has(> label:contains("Название вахты")),
.shift-wizard-modal .chakra-form-control:has(> label:contains("Название вахты")),
.shift-wizard-modal .chakra-form__label:contains("Название вахты"),
.shift-wizard-modal label:contains("Название вахты") {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  position: absolute !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Скрытие поля названия вахты в React Hook Form */
div:has(> input[name="title"]),
div:has(> .chakra-input__group:has(input[name="title"])) {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  position: absolute !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Дополнительные селекторы для модального окна создания вахты */
#shift-wizard-body .chakra-form-control:has(> label:contains("Название вахты")),
#shift-wizard-body .chakra-form__label:contains("Название вахты"),
#shift-wizard-body label:contains("Название вахты") {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  position: absolute !important;
  opacity: 0 !important;
  pointer-events: none !important;
}