/* ============================= */
/* 👑 РОДИТЕЛЬСКАЯ ЗАЯВКА ВО ВКЛАДКАХ */
/* ============================= */
.ticket-tabs__tab:not(:has(.hde-linked)) {
    background-color: #80bfff; /* синий фон */
}
.ticket-tabs__tab:not(:has(.hde-linked)) .ticket-tabs__tab-name,
.ticket-tabs__tab:not(:has(.hde-linked)) .ticket-tabs__tab-name * {
    color: #1c1a1b;
    font-weight: 700;
}
.ticket-tabs__tab:not(:has(.hde-linked)) .ticket-tabs__tab-name::before {
    content: "👑 ";
    font-size: 14px;
    margin-right: 2px;
}

/* ============================= */
/* 🔗 ПОДЗАЯВКА */
/* ============================= */
.ticket-tabs__tab:has(.hde-linked) {
    background-color: #e7f3fe;
    font-family: "Courier New", monospace;
    font-style: italic;
}
.ticket-tabs__tab-name .hde-linked {
    margin-right: 6px;
    color: #1c80cf;
    font-style: italic;
}
.ticket-tabs__tab-name .hde-linked::before {
    content: "🔗";
    margin-right: 4px;
    font-weight: bold;
}

/* ============================= */
/* 🌸 ПОДСВЕТКА АКТИВНОЙ ВКЛАДКИ */
/* ============================= */
.ticket-tabs__tab.ticket-tabs__tab_active {
    background-color: #a64c79 !important; /* светло-розовый фон */
}

/* ============================= */
/* 📨 НЕПРОЧИТАННАЯ ЗАЯВКА В СПИСКЕ */
/* ============================= */
tr.ticket-list__column-unread td .ticket-list-column-title__center span {
    font-weight: bold !important;
    position: relative;
}
tr.ticket-list__column-unread td .ticket-list-column-title__center span::after {
    content: " NEW";
    background: red;
    color: white;
    font-size: 10px;
    font-weight: bold;
    padding: 2px 4px;
    border-radius: 4px;
    margin-left: 6px;
}

/* ============================= */
/* 🛠️ КНОПКИ УПРАВЛЕНИЯ В ЧАТЕ */
/* ============================= */

/* ❌ Скрываем лишние кнопки */
.ticket-conversation__actions-create-ticket-from-post-button,
.ticket-conversation__actions-create-parent-ticket-button {
    display: none !important;
    visibility: hidden !important;
}

/* ✅ Зелёная кнопка "Создать подзаявку" */
.ticket-conversation__actions-create-subticket-button,
.pinned-subticket-button {
    background-color: #28a745 !important;
    color: white !important;
    font-weight: bold !important;
    border: 1px solid #28a745 !important;
    border-radius: 8px !important;
    padding: 10px 24px !important;
    font-size: 16px;
    line-height: 1.4;
    display: inline-flex !important;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    min-width: 260px;
    justify-content: center;
    transition: background 0.2s ease;
}
.ticket-conversation__actions-create-subticket-button::before,
.pinned-subticket-button::before {
    content: "+";
    font-weight: bold;
    font-size: 18px;
    margin-right: 6px;
}
.ticket-conversation__actions-create-subticket-button:hover,
.pinned-subticket-button:hover {
    background-color: #218838 !important;
}

/* ============================= */
/* 🧾 РЕДАКТИРУЕМЫЙ БЛОК "ДАННЫЕ О КЛИЕНТЕ" */
/* ============================= */
.client-info-block {
    border: 1px solid #ccc;
    padding: 10px 15px;
    margin-top: 15px;
    background: #fdfdfd;
    font-size: 14px;
    border-radius: 6px;
    max-width: 400px;
}
.client-info-block:focus {
    outline: 2px solid #1c80cf;
    background: #fff;
}

#widget-app {
    padding: 0;
}

.wallet-custom-chat {
    --primary-color: #ec6a4f;
    --btn-color: #111;
    --text-color: #111;
    --text-secondary-color: #908e8e;
}

.wallet-custom-chat .container {
    box-shadow: 0 2px 12px rgba(33, 33, 33, 0.15) !important;
    border-radius: 12px!important;
}

.jpwallet-chat {
    --primary-color: #ec6a4f;
}

.izimo-chat {
    --primary-color: #F3AA00;
}

.wallet-custom-chat .el-button--small {
    font-size: 22px!important;
    color: var(--btn-color)!important;
    padding: 0!important;
    width: 40px!important;
    height: 40px!important;
}

.wallet-custom-chat .el-button--small:hover {
    color: var(--primary-color)!important;
}

.wallet-custom-chat .message-input {
    border-top: 1px solid #dedede!important;
}

.wallet-custom-chat .messages .message.message_visitor .message__container {
    background-color: rgb(246 246 246)!important;
    color: var(--text-color)!important;
}

.wallet-custom-chat .messages .message:not(.message_visitor) .message__container {
    background-color: rgba(0, 0, 0, 0.6)!important;
    color: #fff!important;
}

.wallet-custom-chat .header {
    border-bottom: 1px solid!important;
    background-color: white!important;
    border-color: #dedede!important;
    color: var(--text-color)!important;
    border-top-left-radius: 12px!important;
    border-top-right-radius: 12px!important;
}

.wallet-custom-chat .widget-close{
    right: 35px!important;
    top: 35px!important;
}

#widget-app.widget-app_mobile.wallet-custom-chat .container{
    border-radius: 0!important;
}

.wallet-custom-chat .widget-close,
.wallet-custom-chat .widget-close:hover {
    font-size: 22px!important;
    background: transparent!important;
    color: var(--text-color)!important;
}

.wallet-custom-chat .widget-close_mobile {
    right: 0!important;
    top: 0!important;
}

.wallet-custom-chat .show-previous__button .el-button {
    color: var(--primary-color)!important;
    font-size: 14px !important;
    width: 100%!important;
}

.wallet-custom-chat .message__start-date {
    color: var(--text-secondary-color)!important;
}

.wallet-custom-chat .message-input__textarea .el-textarea__inner::-webkit-input-placeholder,
.wallet-custom-chat .message-input__textarea .el-textarea__inner::placeholder,
.wallet-custom-chat .message-input__textarea .el-textarea__inner::-moz-placeholder
{
    color: var(--text-secondary-color)!important;
}

.wallet-custom-chat .el-textarea__inner {
    color: var(--text-color)!important;
}

.wallet-custom-chat {
    font-family: "Roboto", 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', '微软雅黑', Arial, sans-serif;
}

.wallet-custom-chat .el-loading-mask {
    inset: 0!important;
    border-radius: 12px!important;
    background: white!important;
}

.widget-app_mobile.wallet-custom-chat .el-loading-mask {
    border-radius: 0!important;
}

.wallet-custom-chat .el-loading-spinner .path {
    stroke: var(--primary-color)!important;
}

.wallet-custom-chat .message-input__textarea .el-textarea__inner {
    font-size: 14px!important;
    margin: 9px 0 9px!important;
}

.wallet-custom-chat .chat-buttons__button .el-button.custom-button-color,
.wallet-custom-chat .chat-buttons__button .el-button.custom-button-color:hover,
.wallet-custom-chat .chat-buttons__button .el-button.custom-button-color:focus
{
    width: 100%!important;
    font-size: 12px!important;
    height: 32px!important;
    color: white!important;
    background: var(--primary-color)!important;
    border: none!important;
}

.wallet-custom-chat > .widget-button {
    display: none!important;
}

.wallet-custom-chat .container {
    position: relative;
}

#js-app-loading {

}