.badge-status {
    margin-left: 8px;
    font-size: 12px;
}

.answer_profile .name_suspect .badge-status {
    margin-left: 12px;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding: 3px 8px;
    border-radius: 6px;
    border: 1px solid currentColor;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    line-height: 1;
    letter-spacing: 0.3px;
    text-transform: uppercase;
    background: rgba(255, 255, 255, 0.02);
}

.answer_profile .name_suspect .badge-status.text-danger {
    color: #ff8b8b !important;
    background: rgba(255, 109, 109, 0.12);
}

.answer_profile .name_suspect .badge-status.text-success {
    color: #7be9b2 !important;
    background: rgba(78, 201, 140, 0.12);
}

.answer_profile .name_suspect .badge-status.text-primary {
    color: #9db8ff !important;
    background: rgba(125, 153, 255, 0.12);
}

.message-text {
    margin-top: 8px;
    line-height: 1.4;
}

.answer_profile {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 14px;
    margin-bottom: 10px;
    background: #1b244b;
    clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 10px 100%, 0 calc(100% - 10px));
}

.answer_profile--clickable {
    cursor: pointer;
    transition: background 0.15s ease, transform 0.15s ease;
}

.answer_profile--clickable:hover {
    background: #202b5a;
}

.answer_profile--clickable:focus-visible {
    outline: 1px solid #5f79de !important;
    box-shadow: 0 0 0 2px rgba(95, 121, 222, 0.3);
}

.answer_profile:last-child {
    margin-bottom: 0;
}

.left_suspect {
    flex: 0 0 44px;
}

.left_suspect a {
    display: block;
}

.left_suspect img {
    width: 44px;
    height: 44px;
    border-radius: 8px;
    object-fit: cover;
    display: block;
    background: #2a3463;
}

.right_suspect {
    width: 100%;
    min-width: 0;
}

.name_suspect {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    line-height: 1.2;
}

.name_suspect a {
    color: #ffffff;
    font-weight: 600;
}

.date_suspect {
    color: #a6b1de;
    margin-top: 4px;
}

.date_suspect a {
    color: #cbd6ff;
}

#form_vacancy_message {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 12px;
    margin-bottom: 14px;
}

#form_vacancy_message textarea.form-control {
    height: 96px;
    min-height: 96px;
    margin-bottom: 0;
    resize: vertical;
}

#form_vacancy_message textarea.form-control::placeholder {
    color: #8f9ad1;
}

.btn_send_vacancy {
    align-self: flex-start;
    height: 36px;
    border: 1px solid #7386ff;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 150px;
    padding: 0 18px;
    transition: 0.2s;
    clip-path: polygon(0 0, calc(100% - 9px) 0, 100% 9px, 100% 100%, 9px 100%, 0 calc(100% - 9px));
    background: linear-gradient(180deg, #6274ee 0%, #4e60d8 100%) !important;
    font-weight: 700;
    color: #ffffff !important;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    box-shadow: 0 4px 14px rgba(78, 96, 216, 0.28);
}

.btn_send_vacancy:hover,
.btn_send_vacancy:focus {
    background: linear-gradient(180deg, #6f81ff 0%, #5a6cee 100%) !important;
    color: #ffffff !important;
}

.btn_send_vacancy:active {
    transform: translateY(1px);
}

.answer_profile--message {
    position: relative;
    align-items: flex-start;
}

.answer_profile--message .right_suspect {
    padding-right: 175px;
}

.answer_profile--message .message-date-badge {
    position: absolute;
    top: 12px;
    right: 14px;
    margin-top: 0;
    padding: 3px 8px;
    border: 1px solid rgba(125, 153, 255, 0.5);
    border-radius: 6px;
    background: rgba(125, 153, 255, 0.1);
    color: #b6c8ff;
    font-size: 10px;
    line-height: 1;
    white-space: nowrap;
}

@media (max-width: 768px) {
    .answer_profile--message .right_suspect {
        padding-right: 0;
    }

    .answer_profile--message .message-date-badge {
        position: static;
        display: inline-flex;
        margin-top: 6px;
    }
}

.comment_vacancy {
    padding: 17px;
    background: #242e5f;
    clip-path: polygon(0 0, calc(100% - 13px) 0, 100% 13px, 100% 100%, 13px 100%, 0 calc(100% - 13px));
    line-height: 16px;
    margin-bottom: 15px;
    font-size: 11px;
}

.comment_vacancy_list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.comment_vacancy_list li {
    margin-bottom: 8px;
    padding: 0;
    line-height: 1.45;
    word-break: break-word;
    color: #ffffff;
}

.comment_vacancy_list li:last-child {
    margin-bottom: 0;
}

.comment_vacancy .h {
    display: inline-block;
    margin-right: 4px;
    color: #7581bd;
    font-weight: 600;
}

.div_edit_user_left .h2-tr.text-success {
    color: #67e8a5 !important;
}

.div_edit_user_left .h2-tr.text-primary {
    color: #9db8ff !important;
}

.div_edit_user_left .h2-tr.text-danger {
    color: #ff8b8b !important;
}

.div_edit_user_left .btn_ticket_support {
    background: #1b244b;
    gap: 8px;
}

.div_edit_user_left .btn_ticket_support button {
    min-width: 116px;
    border: 1px solid transparent;
    color: #e8eeff;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.35px;
    text-transform: uppercase;
    transition: 0.15s ease;
}

.div_edit_user_left .btn_ticket_support button[data-vacancy-success] {
    border-color: #7386ff;
    background: linear-gradient(180deg, #6274ee 0%, #4e60d8 100%);
    box-shadow: 0 4px 14px rgba(78, 96, 216, 0.3);
}

.div_edit_user_left .btn_ticket_support button[data-vacancy-success]:hover {
    background: linear-gradient(180deg, #6f81ff 0%, #5a6cee 100%);
}

.div_edit_user_left .btn_ticket_support button[data-vacancy-dell] {
    border-color: #5867ad;
    background: linear-gradient(180deg, #3d4b8c 0%, #334179 100%);
}

.div_edit_user_left .btn_ticket_support button[data-vacancy-dell]:hover {
    background: linear-gradient(180deg, #46559e 0%, #3b4a89 100%);
}

.div_edit_user_left .btn_ticket_support button[data-vacancy-rejection] {
    border-color: #a56a7a;
    background: linear-gradient(180deg, #7e4a5d 0%, #6c3f50 100%);
}

.div_edit_user_left .btn_ticket_support button[data-vacancy-rejection]:hover {
    background: linear-gradient(180deg, #92586d 0%, #7b4a5e 100%);
}

.div_edit_user_right

{
    background: linear-gradient(15deg, #1b244b 30%, #1d2651 100%);
    padding: 17px;
    clip-path: polygon(0 0, calc(100% - 17px) 0, 100% 17px, 100% 100%, 17px 100%, 0 calc(100% - 17px));
}