/* Общая модалка */
#createMentionsModal .modal-content {
    border-radius: 12px;
    border: none;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
}

/* Header */
#createMentionsModal .modal-header {
    border-bottom: 1px solid #eee;
    padding: 20px 25px;
}

#createMentionsModal .modal-title {
    font-size: 20px;
    font-weight: 500;
}

/* Body */
#createMentionsModal .modal-body {
    padding: 25px;
}

/* Блоки (3 секции) */
#createMentionsModal .modal-body > form > div {
    background: #fafafa;
    border: 1px solid #eee;
    /*border-radius: 10px;*/
    padding: 20px;
    /*transition: all 0.2s ease;*/
}

/* Hover эффект */
#createMentionsModal .modal-body > form > div:hover {
    border-color: #d0d0d0;
    background: #fff;
}

/* Заголовки секций */
#createMentionsModal h6 {
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 15px;
    color: #333;
}

/* Инпуты */
#createMentionsModal .form-control {
    border-radius: 8px;
    height: 42px;
    font-size: 14px;
    box-shadow: none;
    border: 1px solid #ddd;
}

#createMentionsModal .form-control:focus {
    border-color: #4e73df;
}

/* Чекбоксы */
#createMentionsModal .form-check {
    margin-top: 16px;
    margin-bottom: 16px;
}

#createMentionsModal .form-check-input {
    cursor: pointer;
}

#createMentionsModal .form-check-label {
    cursor: pointer;
    font-size: 14px;
}


/* Строка уведомлений */
#createMentionsModal .notify-row {
    display: flex;
    align-items: center;
    gap: 12px;
}

/* Чекбокс */
#createMentionsModal .notify-row .form-check-input {
    margin-top: 0;
    cursor: pointer;
}

/* Лейбл фиксированной ширины */
#createMentionsModal .notify-row label {
    min-width: 90px;
    font-weight: 500;
}

/* Инпут растягивается */
.notify-row .form-control {
    flex: 1;
    min-width: 600px;
}

.notify-row .form-check-input,
.notify-row label {
    flex-shrink: 0;
}




/* Footer */
#createMentionsModal .modal-footer {
    border-top: 1px solid #eee;
    padding: 15px 25px;
}

/* Кнопки */
#createMentionsModal .btn {
    border-radius: 8px;
    padding: 8px 18px;
    font-size: 14px;
}

/* Primary кнопка */
/*#createMentionsModal .btn-primary {*/
/*    background-color: #4e73df;*/
/*    border-color: #4e73df;*/
/*}*/

/*#createMentionsModal .btn-primary:hover {*/
/*    background-color: #2e59d9;*/
/*    border-color: #2e59d9;*/
/*}*/

/* Отступы между блоками */
#createMentionsModal .mb-4 {
    margin-bottom: 20px !important;
}


/* селект */
#searchExcept .scomp-toggle-button,
#searchExact .vscomp-toggle-button {
    border: 1px solid #ced4da;
    border-radius: 0.375rem;
    min-height: 38px;
    padding: 6px 12px;
    font-size: 14px;
}

/* при фокусе */
#searchExcept.vscomp-ele-wrapper.focused .vscomp-toggle-button,
#searchExact.vscomp-ele-wrapper.focused .vscomp-toggle-button {
    border-color: #86b7fe;
    box-shadow: 0 0 0 0.2rem rgba(13,110,253,.25);
}

/* placeholder */
#searchExcept .vscomp-placeholder,
#searchExact .vscomp-placeholder {
    color: #6c757d;
}

/* теги (multiple) */
#searchExcept .vscomp-value-tag,
#searchExact .vscomp-value-tag {
    background: #e9ecef;
    border-radius: 4px;
    padding: 2px 6px;
    font-size: 12px;
}
#searchExcept .vscomp-dropbox,
#searchExact .vscomp-dropbox {
    z-index: 1055; /* выше модалок bootstrap */
    width: 100%;
}
#searchExcept,
#searchExact {
    margin-top: 16px;
    display: block;
    width: 100%;
}
#searchExcept .vscomp-toggle-button,
#searchExact .vscomp-toggle-button {
    width: 100% !important;
    box-sizing: border-box !important;
}
#searchExcept .vscomp-ele-wrapper,
#searchExact .vscomp-ele-wrapper {
    width: 100% !important;
    max-width: 100% !important;
}

#searchExcept .focused .custom-select-element,
#searchExact .focused .custom-select-element {
    border: 1px solid #6c2aa2!important;
}
#searchExcept .custom-select-element,
#searchExact .custom-select-element {
    border-radius: 8px!important;
    box-shadow: unset!important;
    border: 1px solid #aaa!important;
    padding: 6px 12px;
    caret-color: transparent!important;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #000000;
    font-family: var(--bs-body-font-family);
}

/*.pop-comp-wrapper, .vscomp-dropbox {*/
/*    border-radius: 8px;*/
/*}*/
#searchExcept .vscomp-options-container,
#searchExact .vscomp-options-container {
    scrollbar-width: thin;
}

#searchExcept .vscomp-options-container::-webkit-scrollbar-thumb,
#searchExact .vscomp-options-container::-webkit-scrollbar-thumb {
    background: #6c2aa2;
}
#searchExcept .vscomp-option.selected,
#searchExact .vscomp-option.selected {
    background-color: unset;
    color: #6c2aa2!important;
}
#searchExcept .vscomp-option.focused,
#searchExact .vscomp-option.focused {
    background-color: #6c2aa21f;
}
#searchExcept .vscomp-search-input::placeholder,
#searchExact .vscomp-search-input::placeholder {
    color: #a8a8a8;
}