.dialog-full {
  width: min(980px, 100%);
  background-color: #0b1220;
  border: 1px solid #1e293b;
  border-radius: 0.5rem;
  padding-bottom: 0.5rem;
  height: 100vh;
  position: fixed;
  top: 0;
  z-index: 1000;
}
.all-full {
  width: min(980px, 100%);
  background-color: #0b1220;
  border: 1px solid #1e293b;
  border-radius: 0.5rem;
  padding-bottom: 0.5rem;
  height: 100%;

  display: flex;            /* ✅ */
  flex-direction: column;   /* ✅ */
}

/* ВАЖНО: контейнер внутри dialog должен иметь высоту */
#groupListContainer, #recordListContainer {
  flex: 1 1 auto;           /* ✅ занимает остаток */
  min-height: 0;            /* ✅ критично для внутренних скроллов */
}

#labelWhy {
  padding: 5px 5px;
  font-size: 16px;
  font-weight: 600;
  color: #0f172a;

  flex: 0 0 auto; 
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;


  background-color: #e2e8f0;
  border-bottom: 1px solid #cbd5e1;
  
  /* визуально отделяем */
  user-select: none;
}

.listPathClass {
  padding: 5px 5px;
  font-size: 16px;
  font-weight: 600;
  color: #eaecf1;

  flex: 0 0 auto; 
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;

  background-color: #0f172a;
  border-bottom: 1px solid #cbd5e1;
}


/* Контейнер всего ListView */
.select-view {
  flex: 1;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  overflow: hidden; /* скролл только у list-view */
}

/* Панель инструментов не сжимается */
.list-view__toolbar {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px;
  border-bottom: 1px solid #ddd;
  flex: 0 0 auto;
}

/* Список занимает остаток и скроллится */
.list-view {
  flex: 1 1 auto;      /* занимает всё свободное место */
  min-height: 0;       /* критично для overflow внутри flex */
  overflow-y: auto;
  overflow-x: hidden;
}

.list-view::-webkit-scrollbar {
  height: 12px;
}

.list-view::-webkit-scrollbar-track {
  background: #0f172a;
  border-radius: 999px;
}

.list-view::-webkit-scrollbar-thumb {
  background: linear-gradient(135deg, #1e3a8a, #2563eb);
  border-radius: 999px;
}



/* Кнопка "назад" слева */
.list-view__back-btn {
  padding: 4px 8px;
}

/* Центр — поле ввода */
.list-view__input {
  flex: 1;
  min-width: 0;
  padding: 4px 8px;
  border-radius: 4px;
  border: 1px solid #ccc;
}

/* Кнопки действий справа */
.list-view__actions {
  display: flex;
  gap: 4px;
}

/* Общий стиль для кнопок */
.list-view__btn {
  padding: 4px 8px;
  border-radius: 4px;
  border: 1px solid #ccc;
  background: #3d57eb;
  cursor: pointer;
}

.list-view__btn:disabled {
  opacity: 0.5;
  cursor: default;
}

.list-view__btn:hover:not(:disabled) {
  background: #e5e5e5;
}

/* Список */
.list-view__list {
  list-style: none;
  margin: 0;
  padding: 0;
  overflow-y: auto;
  flex: 1;
}

/* Элемент списка */
.list-view__item {
  display: flex;
  align-items: center;
  justify-items: center;
  padding: 6px 8px;
  border-bottom: 1px solid #4d4c4c;
  cursor: pointer;
  gap:5px;
}

/* Выбранная для редактирования строка (по чекбоксу) */
.list-view__item--selected {
  background: #b3caec;
}

/* Чекбокс слева */
.list-view__item-checkbox {
  flex: 0 0 auto;
  margin-right: 0px;
}

/* Текст — одна строка, обрезка */
.list-view__item-text {
  flex: 1;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color:white;
}


.list-view__item :hover {
  background: #0206ec;
}

.hidden {
  display: none !important;
}