.btn-camera-gray { border: 1px solid #ced4da !important }
.custom-file-input ~ .custom-file-label::after {
    background-color: #f8f9fa !important; color: #212529 !important; border-left: 1px solid #ced4da !important;
}
.v-select {
  background-color: #fff;
  --vs-search-input-placeholder-color: #939ba2 !important;
}
.vs__dropdown-toggle {
  border: 1px solid #ced4da !important;
  padding: 0 0 4px 0 !important;
  min-height: 38px;
}
.is-invalid .vs__dropdown-toggle {
  border-color: #dc3545 !important;
}
.vs__clear, .vs__open-indicator {
  fill: #6c757d !important;
}
[v-cloak] { display: none; }
[lang="ru"] .custom-file-input ~ .custom-file-label::after {
    content: "Выбрать" !important;
}
[lang="ka"] .custom-file-input ~ .custom-file-label::after {
    content: "аირჩიეთ" !important;
}
[lang="en"] .custom-file-input ~ .custom-file-label::after {
    content: "Browse" !important;
}
/* Увеличиваем контейнер свитча и выравниваем по центру строки */
.custom-switch.custom-switch-xl {
    padding-left: 3.5rem;
    height: 1.75rem;
    align-items: center;
}
/* Увеличиваем подложку (серый овал) */
.custom-switch.custom-switch-xl .custom-control-label::before {
    left: -3.5rem;
    width: 2.75rem;
    height: 1.5rem;
    border-radius: 1rem;
}
/* Увеличиваем белый бегунок (круг) внутри */
.custom-switch.custom-switch-xl .custom-control-label::after {
    left: calc(-3.5rem + 2px);
    width: calc(1.5rem - 4px);
    height: calc(1.5rem - 4px);
    border-radius: 1rem;
}
/* Смещение бегунка при активации с учетом нового размера */
.custom-switch.custom-switch-xl .custom-control-input:checked ~ .custom-control-label::after {
    transform: translateX(1.25rem);
}
/* Меняем цвет на фирменный зеленый AdminLTE (success) при включении */
.custom-switch.custom-switch-xl .custom-control-input:checked ~ .custom-control-label::before {
    border-color: #ced4da !important;
    background-color: #28a745 !important;
}
/* Смягчаем тень при фокусе, чтобы она была зеленоватой, а не дефолтной синей */
.custom-switch.custom-switch-xl .custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25) !important;
}
.custom-switch.custom-switch-xl .custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #ced4da !important;
}

/* Базовое состояние открытого тела карточки во время анимации */
.card-collapse-enter-active,
.card-collapse-leave-active {
  transition: max-height 0.4s ease-in-out, opacity 0.3s ease, padding 0.4s ease-in-out;
  overflow: hidden;
  max-height: 1000px; /* Задайте заведомо большую высоту, покрывающую контент */
}
/* Состояние, когда карточка полностью свернута */
.card-collapse-enter-from,
.card-collapse-leave-to {
  max-height: 0 !important;
  opacity: 0;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}