/* Плавающая кнопка чата в зрительской части */
body.quick-tickets-floating-controls-ready .online-chat-root.online-chat-root-Verbox #supportTrigger.trigger {
    z-index: 1020 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    width: var(--quick-tickets-touch-target, 44px) !important;
    min-width: var(--quick-tickets-touch-target, 44px) !important;
    max-width: var(--quick-tickets-touch-target, 44px) !important;
    height: var(--quick-tickets-touch-target, 44px) !important;
    min-height: var(--quick-tickets-touch-target, 44px) !important;
    max-height: var(--quick-tickets-touch-target, 44px) !important;
    border: 2px solid rgba(255, 255, 255, 0.96) !important;
    border-radius: 50% !important;
    outline: none !important;
    background: #ffffff !important;
    box-shadow: 0 4px 14px rgba(54, 54, 54, 0.22) !important;
    line-height: 0 !important;
    transition: box-shadow 150ms ease !important;
}

body.quick-tickets-floating-controls-ready .online-chat-root.online-chat-root-Verbox #supportTrigger.trigger:hover,
body.quick-tickets-floating-controls-ready .online-chat-root.online-chat-root-Verbox #supportTrigger.trigger:focus {
    box-shadow: 0 6px 18px rgba(54, 54, 54, 0.3) !important;
}

body.quick-tickets-floating-controls-ready .online-chat-root.online-chat-root-Verbox #supportTrigger .trigger-image {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 40px !important;
    height: 40px !important;
    overflow: hidden !important;
    border-radius: 50% !important;
    line-height: 0 !important;
}

body.quick-tickets-floating-controls-ready .online-chat-root.online-chat-root-Verbox #supportTrigger .trigger-image img {
    min-width: 40px !important;
    max-width: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
    border-radius: 50% !important;
}

/* В панелях чат открывается из меню, поэтому плавающий запуск не нужен */
body.panel-support-chat-enabled .online-chat-root.online-chat-root-Verbox #supportTrigger.trigger {
    display: none !important;
}

body.panel-support-chat-enabled .panel-support-chat-icon {
    display: block;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: url('/images/chat.png') center / contain no-repeat;
}

/* Автоматические отступы прижимают окно к правому нижнему краю при встроенных координатах Verbox */
body.panel-support-chat-enabled .online-chat-root.online-chat-root-Verbox .online-chat-widget-draggable-wrapper {
    --panel-chat-inset-right: max(16px, env(safe-area-inset-right));
    --panel-chat-inset-bottom: max(16px, env(safe-area-inset-bottom));
    right: var(--panel-chat-inset-right) !important;
    bottom: var(--panel-chat-inset-bottom) !important;
    margin: auto 0 0 auto !important;
    max-width: calc(100% - max(16px, env(safe-area-inset-left)) - var(--panel-chat-inset-right)) !important;
    max-height: calc(100% - max(16px, env(safe-area-inset-top)) - var(--panel-chat-inset-bottom)) !important;
    max-height: calc(min(100%, 100dvh) - max(16px, env(safe-area-inset-top)) - var(--panel-chat-inset-bottom)) !important;
}

body.panel-support-chat-enabled.modal-open .online-chat-root.online-chat-root-Verbox {
    visibility: hidden !important;
    pointer-events: none !important;
}

@media print {
    body.panel-support-chat-enabled .online-chat-root.online-chat-root-Verbox {
        display: none !important;
    }
}