/* Template 2 inline theme — green */

/* Theme tokens */
.mylivechat_template2 {
    --mlc-dialog-accent: #2563eb;
    --mlc2-accent: var(--mlc-dialog-accent);
    --mlc-dialog-accent-strong: #1d4ed8;
    --mlc2-accent-strong: var(--mlc-dialog-accent-strong);
    --mlc2-accent-hover-top: #3b82f6;
    --mlc2-accent-hover: #1d4ed8;
    --mlc2-surface: #ffffff;
    --mlc2-surface-soft: #f8f9fa;
    --mlc2-border: #e5e7eb;
    --mlc2-copy: #111827;
    --mlc2-muted: #9ca3af;
    --mlc2-panel-shadow: 0 20px 48px rgba(0, 0, 0, 0.16), 0 8px 24px rgba(0, 0, 0, 0.08);
    --mlc2-focus: rgba(0, 0, 0, 0.10);
    --mlc2-icon-minus: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.3' stroke-linecap='round'%3E%3Cpath d='M6 12h12'/%3E%3C/svg%3E");
    --mlc2-icon-close: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.3' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6 6 18'/%3E%3C/svg%3E");
    --mlc2-icon-close-dark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23162033' stroke-width='2.3' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6 6 18'/%3E%3C/svg%3E");
    --mlc2-icon-popout: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 16 16 8M10 8h6v6'/%3E%3Cpath d='M8 10v8h8'/%3E%3C/svg%3E");
    --mlc2-icon-close-circle: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.5' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6 6 18'/%3E%3C/svg%3E");
    --mlc2-icon-arrow-down: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M7 10l5 5 5-5' stroke='%23334155' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.mylivechat_template2.mylivechat_inline {
    right: 32px !important;
    bottom: 32px !important;
    border-radius: 0 !important;
}

.mylivechat_template2.mylivechat_inline[data-mlc-expanded="0"] {
    width: auto !important;
    min-width: auto !important;
    max-width: none !important;
    height: auto !important;
    min-height: auto !important;
    max-height: none !important;
    top: auto !important;
    left: auto !important;
}

/* === Launcher button (bar style) === */
.mylivechat_template2 .mylivechat_buttonround,
.mylivechat_template2.mylivechat_template2_default_round .mylivechat_buttonround {
    border: 0 !important;
    border-radius: 8px 8px 0 0 !important;
    width: 200px !important;
    min-width: 200px !important;
    max-width: 200px !important;
    background-color: var(--mlc-dialog-accent, #2563eb) !important;
    background: var(--mlc-dialog-accent, #2563eb) !important;
    box-shadow: 0 14px 32px rgba(0, 0, 0, 0.20), 0 0 0 0 transparent !important;
    overflow: hidden !important;
}

/* Hide agent photo — template 3 uses text label instead */
.mylivechat_template2 .mylivechat_launcher_photo_wrap {
    display: none !important;
}

.mylivechat_template2 .mylivechat_launcher_photo {
    display: none !important;
}

/* Hide launcher copy — buttonround_text is used instead */
.mylivechat_template2 .mylivechat_launcher_copy {
    display: none !important;
}

/* Hide launcher icon */
.mylivechat_template2 .mylivechat_launcher_icon {
    display: none !important;
}

/* Launcher name text */
.mylivechat_template2 .mylivechat_launcher_name {
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

/* Hide status line in launcher */
.mylivechat_template2 .mylivechat_launcher_status {
    display: none !important;
}

.mylivechat_template2 .mylivechat_launcher_statusdot {
    display: none !important;
}

/* Hide launcher icon */
.mylivechat_template2 .mylivechat_launcher_icon {
    display: none !important;
}

/* Collapsed launcher — bar shape */
.mylivechat_template2[data-mlc-expanded="0"] .mylivechat_buttonround {
    border: 0 !important;
    border-radius: 8px 8px 0 0 !important;
    background: var(--mlc-dialog-accent, #2563eb) !important;
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.18) !important;
}

.mylivechat_template2[data-mlc-expanded="0"] .mylivechat_buttonround:hover {
    background: var(--mlc2-accent-hover-top, #333333) !important;
    box-shadow: 0 16px 32px rgba(0, 0, 0, 0.22) !important;
}

/* Keep icon hidden in collapsed state */
.mylivechat_template2[data-mlc-expanded="0"] .mylivechat_launcher_icon {
    display: none !important;
}

/* Hide chat bubble img */
.mylivechat_template2 .mylivechat_buttonround > img {
    display: none !important;
}

/* Hide photo in collapsed state */
.mylivechat_template2[data-mlc-expanded="0"] .mylivechat_launcher_photo_wrap {
    display: none !important;
}

/* Keep launcher copy hidden in collapsed state */
.mylivechat_template2[data-mlc-expanded="0"] .mylivechat_buttonround > .mylivechat_launcher_copy {
    display: none !important;
}

/* Hide launcher when panel is expanded */
.mylivechat_template2[data-mlc-expanded="1"] .mylivechat_buttonround {
    display: none !important;
}

/* No left pseudo-element */
.mylivechat_template2[data-mlc-expanded="0"] .mylivechat_buttonround::before {
    display: none !important;
}

/* buttonround_text shows the label text + chevron icon via ::after */
.mylivechat_template2 .mylivechat_buttonround_text {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    position: absolute !important;
    left: 16px !important;
    right: 10px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: auto !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    white-space: nowrap !important;
    overflow: visible !important;
    line-height: 1 !important;
    z-index: 5 !important;
    background: none !important;
    -webkit-mask: none !important;
    mask: none !important;
}

/* Chat bubble icon before the text */
.mylivechat_template2 .mylivechat_buttonround_text::before {
    content: "" !important;
    display: block !important;
    flex-shrink: 0 !important;
    width: 20px !important;
    height: 20px !important;
    margin-right: 8px !important;
    background: #ffffff !important;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat !important;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat !important;
}

/* Chevron icon on the right via buttonround_text::after */
.mylivechat_template2 .mylivechat_buttonround_text::after {
    content: "" !important;
    display: block !important;
    flex-shrink: 0 !important;
    margin-left: auto !important;
    width: 28px !important;
    height: 28px !important;
    background: #ffffff !important;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M7 14l5-5 5 5' stroke='%23fff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat !important;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M7 14l5-5 5 5' stroke='%23fff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat !important;
}

/* Panel shell */
.mylivechat_template2 .mylivechat_expanded_outer,
.mylivechat_template2 .mylivechat_main,
.mylivechat_template2 .mylivechat_container {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
}

.mylivechat_template2 .mylivechat_expanded_outer {
    border-radius: 12px !important;
    transition: transform 0.18s ease !important;
}

.mylivechat_template2 .mylivechat_expanded {
    position: relative;
    border: 1px solid var(--mlc2-border) !important;
    border-radius: 12px !important;
    background: var(--mlc2-surface) !important;
    box-shadow: var(--mlc2-panel-shadow) !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

/* Shared panel surfaces */
.mylivechat_template2 .mylivechat_prechat,
.mylivechat_template2 .mylivechat_offline,
.mylivechat_template2 .mylivechat_support,
.mylivechat_template2 .mylivechat_support_frame,
.mylivechat_template2 .mylivechat_support_frame iframe {
    border: 0 !important;
    box-shadow: none !important;
    background: var(--mlc2-surface) !important;
}

.mylivechat_template2 .mylivechat_support {
    border-radius: 12px !important;
    overflow: hidden !important;
    padding-bottom: 0 !important;
}

.mylivechat_template2 .mylivechat_support_frame,
.mylivechat_template2 .mylivechat_support_frame iframe {
    border-radius: 12px !important;
}

.mylivechat_template2 .mylivechat_prechat,
.mylivechat_template2 .mylivechat_offline {
    border-radius: 12px !important;
    overflow: hidden !important;
    overflow-y: hidden !important;
}

.mylivechat_template2 .mylivechat_prechat_logo,
.mylivechat_template2 .mylivechat_offline_logo,
.mylivechat_template2 .mylivechat_offline_subject,
.mylivechat_template2 .mylivechat_offline_subject_box {
    display: none !important;
}

/* OAuth "or sign in with" row */
.mylivechat_template2 .mylivechat_prechat_oauth,
.mylivechat_template2 .mylivechat_offline_oauth {
    display: block !important;
    padding: 0 12px !important;
    margin-bottom: 8px !important;
}

.mylivechat_template2 .mylivechat_prechat_oauth_lbl,
.mylivechat_template2 .mylivechat_offline_oauth_lbl {
    display: none !important;
}

.mylivechat_template2 .mylivechat_prechat_oauth_box,
.mylivechat_template2 .mylivechat_offline_oauth_box {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    padding: 8px 0 !important;
    border: 0 !important;
    font-size: 13px !important;
    color: #64748b !important;
}

/* State sizing */
.mylivechat_template2:not([data-mlc-inline-state="support"]) .mylivechat_expanded_outer,
.mylivechat_template2:not([data-mlc-inline-state="support"]) .mylivechat_expanded,
.mylivechat_template2:not([data-mlc-inline-state="support"]) .mylivechat_main {
}

.mylivechat_template2[data-mlc-inline-state="offline"] .mylivechat_expanded_outer,
.mylivechat_template2[data-mlc-inline-state="offline"] .mylivechat_expanded,
.mylivechat_template2[data-mlc-inline-state="offline"] .mylivechat_main {
}


.mylivechat_template2:not([data-mlc-inline-state="support"]) .mylivechat_expanded {
    display: flex !important;
    flex-direction: column !important;
}

.mylivechat_template2:not([data-mlc-inline-state="support"]) .mylivechat_container {
    display: flex !important;
    flex: 1 1 auto !important;
    height: auto !important;
    min-height: 0 !important;
}

.mylivechat_template2[data-mlc-inline-state="prechat"] .mylivechat_prechat,
.mylivechat_template2[data-mlc-inline-state="offline"] .mylivechat_offline {
    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;
    height: 100% !important;
    min-height: 0 !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    padding-bottom: 12px !important;
}

.mylivechat_template2[data-mlc-inline-state="prechat"] .mylivechat_offline,
.mylivechat_template2[data-mlc-inline-state="offline"] .mylivechat_prechat {
    display: none !important;
}

.mylivechat_template2 .mylivechat_expanded_cover {
    top: 14px !important;
    right: 14px !important;
    z-index: 6 !important;
}

/* Header actions */
.mylivechat_template2 .mylivechat_headerbtn {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 12px !important;
    border: 1px solid rgba(0, 0, 0, 0.3) !important;
    background: #2563eb !important;
    box-shadow: none !important;
    cursor: pointer !important;
}

.mylivechat_template2 .mylivechat_headerbtn svg {
    display: none !important;
}

.mylivechat_template2 .mylivechat_headerbtn::before {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 16px 16px;
}

.mylivechat_template2 .mylivechat_headerbtn_down::before {
    background-image: var(--mlc2-icon-minus) !important;
}

.mylivechat_template2 .mylivechat_headerbtn_exit::before {
    background-image: var(--mlc2-icon-close) !important;
}

.mylivechat_template2 .mylivechat_headerbtn_open::before {
    background-image: var(--mlc2-icon-popout) !important;
}

.mylivechat_template2:not([data-mlc-inline-state="support"]) .mylivechat_headerbtn,
.mylivechat_template2 .mylivechat_offline_head .mylivechat_headerbtn {
    display: none !important;
}

.mylivechat_template2[data-mlc-inline-state="support"] .mylivechat_headerbtn {
    background: rgba(255, 255, 255, 0.14) !important;
    border-color: rgba(255, 255, 255, 0.20) !important;
}

.mylivechat_template2[data-mlc-inline-state="support"] .mylivechat_headerbtn_down {
    display: inline-flex !important;
}

.mylivechat_template2[data-mlc-inline-state="support"] .mylivechat_headerbtn_exit {
    display: none !important;
}

.mylivechat_template2[data-mlc-inline-state="support"] .mylivechat_headerbtn_open {
    display: none !important;
}

.mylivechat_template2[data-mlc-inline-state="support"] .mylivechat_headerbtn_exit::before {
    background-image: var(--mlc2-icon-close) !important;
}

/* Menu toolbar in header */
.mylivechat_template2 .mylivechat_headerbtn_menu {
    position: absolute !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 2px !important;
    right: 38px !important;
    left: auto !important;
    top: 20px !important;
    bottom: auto !important;
    width: auto !important;
    height: auto !important;
    padding: 3px 6px !important;
    border-radius: 12px !important;
    background: rgba(0, 0, 0, 0.06) !important;
    background-image: none !important;
    border: none !important;
    backdrop-filter: blur(8px);
    z-index: 5 !important;
}

.mylivechat_template2 .mylivechat_headerbtn_menu::before {
    display: none !important;
}

.mylivechat_template2 .mylivechat_menubtn {
    display: inline-flex !important;
    width: 26px !important;
    height: 26px !important;
    border-radius: 12px !important;
    background: transparent !important;
    border: none !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer;
    transition: background 0.15s ease;
    opacity: 0.85;
}

.mylivechat_template2 .mylivechat_menubtn:hover {
    background: rgba(0, 0, 0, 0.08) !important;
    opacity: 1;
}

.mylivechat_template2 .mylivechat_menubtn_thumb::before {
    content: "";
    display: block;
    width: 15px;
    height: 15px;
    background: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 9V5a3 3 0 0 0-3-3l-4 9v11h11.28a2 2 0 0 0 2-1.7l1.38-9a2 2 0 0 0-2-2.3zM7 22H4a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h3'/%3E%3C/svg%3E");
}

.mylivechat_template2 .mylivechat_menubtn_thumbdown::before {
    content: "";
    display: block;
    width: 15px;
    height: 15px;
    background: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 15v4a3 3 0 0 0 3 3l4-9V2H5.72a2 2 0 0 0-2 1.7l-1.38 9a2 2 0 0 0 2 2.3zm7-13h2.67A2.31 2.31 0 0 1 22 4v7a2.31 2.31 0 0 1-2.33 2H17'/%3E%3C/svg%3E");
}

.mylivechat_template2 .mylivechat_menubtn_email::before {
    content: "";
    display: block;
    width: 15px;
    height: 15px;
    background: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z'/%3E%3Cpolyline points='22,6 12,13 2,6'/%3E%3C/svg%3E");
}

.mylivechat_template2 .mylivechat_menubtn_emoji::before {
    content: "";
    display: block;
    width: 15px;
    height: 15px;
    background: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M8 14s1.5 2 4 2 4-2 4-2'/%3E%3Cline x1='9' y1='9' x2='9.01' y2='9'/%3E%3Cline x1='15' y1='9' x2='15.01' y2='9'/%3E%3C/svg%3E");
}

.mylivechat_template2 .mylivechat_menubtn_save::before {
    content: "";
    display: block;
    width: 15px;
    height: 15px;
    background: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11l5 5v11a2 2 0 0 1-2 2z'/%3E%3Cpolyline points='17 21 17 13 7 13 7 21'/%3E%3Cpolyline points='7 3 7 8 15 8'/%3E%3C/svg%3E");
}

/* Hide menu in prechat/offline states, show only in support */
.mylivechat_template2:not([data-mlc-inline-state="support"]) .mylivechat_headerbtn_menu {
    display: none !important;
}

/* Pre-chat and offline headers */
.mylivechat_template2:not([data-mlc-inline-state="support"]) .mylivechat_prechat_head,
.mylivechat_template2 .mylivechat_offline_head {
    position: relative !important;
    min-height: 78px !important;
    padding: 14px 18px 14px 82px !important;
    overflow: visible !important;
    border-radius: 12px 12px 0 0 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15) !important;
    background: var(--mlc-dialog-accent) !important;
    box-shadow: none !important;
    color: #fff !important;
}

.mylivechat_template2[data-mlc-inline-state="offline"] .mylivechat_prechat_head,
.mylivechat_template2[data-mlc-inline-state="offline"] .mylivechat_offline_head {
    border-bottom: 0 !important;
    background: var(--mlc-dialog-accent) !important;
    box-shadow: none !important;
}

.mylivechat_template2 .mylivechat_topclosebtn52 {
    display: none !important;
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    z-index: 5 !important;
    width: 28px !important;
    height: 28px !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid rgba(15, 23, 42, 0.10) !important;
    border-radius: 12px !important;
    background: rgba(255, 255, 255, 0.72) !important;
    box-shadow: none !important;
    cursor: pointer !important;
    color: transparent !important;
    font-size: 0 !important;
}

.mylivechat_template2 .mylivechat_topclosebtn52::before {
    content: "" !important;
    display: block !important;
    width: 16px !important;
    height: 16px !important;
    background: var(--mlc2-icon-close-dark) center / 16px 16px no-repeat !important;
}

.mylivechat_template2 .mylivechat_topclosebtn52:hover {
    background: rgba(255, 255, 255, 0.92) !important;
}

.mylivechat_template2 .mylivechat_topminimizebtn52 {
    display: none !important;
    position: absolute !important;
    top: 14px !important;
    right: 50px !important;
    z-index: 5 !important;
    width: 28px !important;
    height: 28px !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid rgba(255, 255, 255, 0.16) !important;
    border-radius: 12px !important;
    background: rgba(148, 163, 184, 0.10) !important;
    box-shadow: none !important;
    cursor: pointer !important;
    color: transparent !important;
    font-size: 0 !important;
    padding: 0 !important;
}

.mylivechat_template2 .mylivechat_topminimizebtn52::before {
    content: "" !important;
    display: block !important;
    width: 14px !important;
    height: 2px !important;
    background: #64748b !important;
    border-radius: 1px !important;
}

.mylivechat_template2 .mylivechat_topminimizebtn52:hover {
    background: rgba(148, 163, 184, 0.16) !important;
}

.mylivechat_template2[data-mlc-inline-state="offline"] .mylivechat_topclosebtn52 {
    border-color: rgba(255, 255, 255, 0.20) !important;
    background: rgba(255, 255, 255, 0.14) !important;
}

.mylivechat_template2[data-mlc-inline-state="offline"] .mylivechat_topclosebtn52::before {
    background: var(--mlc2-icon-close) center / 16px 16px no-repeat !important;
}

.mylivechat_template2[data-mlc-inline-state="offline"] .mylivechat_topclosebtn52:hover {
    background: rgba(255, 255, 255, 0.22) !important;
}

.mylivechat_template2:not([data-mlc-inline-state="support"]) .mylivechat_prechat_headtext,
.mylivechat_template2 .mylivechat_offline_headtext {
    position: relative !important;
    top: 0 !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #fff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.24 !important;
    text-align: left !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
    text-shadow: none !important;
}

.mylivechat_template2 .mylivechat_prechat_headsub,
.mylivechat_template2 .mylivechat_offline_headsub {
    display: block !important;
    margin-top: 4px !important;
    color: rgba(255,255,255,0.8) !important;
    font-size: 12px !important;
    line-height: 1.25 !important;
    text-align: left !important;
}

.mylivechat_template2[data-mlc-inline-state="offline"] .mylivechat_prechat_headtext,
.mylivechat_template2[data-mlc-inline-state="offline"] .mylivechat_offline_headtext,
.mylivechat_template2[data-mlc-inline-state="offline"] .mylivechat_prechat_headsub,
.mylivechat_template2[data-mlc-inline-state="offline"] .mylivechat_offline_headsub {
    color: #ffffff !important;
}

.mylivechat_template2[data-mlc-inline-state="support"] .mylivechat_prechat_head,
.mylivechat_template2[data-mlc-inline-state="support"] .mylivechat_expanded_title {
    min-height: 78px !important;
    padding: 14px 18px 14px 82px !important;
    border-radius: 12px 12px 0 0 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15) !important;
    background: var(--mlc-dialog-accent) !important;
    box-shadow: none !important;
    color: #fff !important;
}

.mylivechat_template2[data-mlc-inline-state="support"] .mylivechat_expanded_outer,
.mylivechat_template2[data-mlc-inline-state="support"] .mylivechat_expanded {
}

.mylivechat_template2[data-mlc-inline-state="support"] .mylivechat_expanded {
    display: flex !important;
    flex-direction: column !important;
}

.mylivechat_template2[data-mlc-inline-state="support"] .mylivechat_container,
.mylivechat_template2[data-mlc-inline-state="support"] .mylivechat_main,
.mylivechat_template2[data-mlc-inline-state="support"] .mylivechat_support,
.mylivechat_template2[data-mlc-inline-state="support"] .mylivechat_support_frame {
    display: flex !important;
    flex: 1 1 auto !important;
    height: auto !important;
    min-height: 0 !important;
}

.mylivechat_template2[data-mlc-inline-state="support"] .mylivechat_main,
.mylivechat_template2[data-mlc-inline-state="support"] .mylivechat_support,
.mylivechat_template2[data-mlc-inline-state="support"] .mylivechat_support_frame {
    position: relative !important;
    top: auto !important;
    bottom: auto !important;
}

.mylivechat_template2[data-mlc-inline-state="support"] .mylivechat_support_frame iframe {
    display: block !important;
    flex: 1 1 auto !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
}

.mylivechat_template2[data-mlc-inline-state="support"] .mylivechat_prechat_headtext,
.mylivechat_template2[data-mlc-inline-state="support"] .mylivechat_expanded_title {
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    text-align: left !important;
}

.mylivechat_template2[data-mlc-inline-state="support"] .mylivechat_prechat_headsub {
    color: rgba(255, 255, 255, 0.85) !important;
}

.mylivechat_template2 .mylivechat_agentavatar {
    position: absolute !important;
    top: 14px !important;
    left: 18px !important;
    width: 48px !important;
    height: 48px !important;
    border-radius: 12px !important;
    border: 2px solid rgba(255, 255, 255, 0.7) !important;
    background: rgba(255, 255, 255, 0.24) !important;
    box-shadow: 0 8px 22px rgba(15, 23, 42, 0.12) !important;
    overflow: hidden !important;
    z-index: 2 !important;
}

.mylivechat_template2 .mylivechat_agentavatar_bg,
.mylivechat_template2 .mylivechat_agentavatar_img {
    width: 100% !important;
    height: 100% !important;
    border-radius: 12px !important;
}

/* Intro copy */
.mylivechat_template2 .mylivechat_prechat_text,
.mylivechat_template2 .mylivechat_offline_text {
    display: block !important;
    margin: 2px 20px 10px !important;
    padding: 8px 14px !important;
    border: 1px solid var(--mlc2-border) !important;
    border-radius: 12px !important;
    background: #f8fafc !important;
    box-shadow: none !important;
    color: #475569 !important;
    font-size: 14px !important;
    line-height: 1.58 !important;
}

/* Form rows */
.mylivechat_template2 .mylivechat_inputgroup_placeholder,
.mylivechat_template2 .mylivechat_inputgroup_vertical,
.mylivechat_template2 .mylivechat_inputgroup_horizental,
.mylivechat_template2 .mylivechat_prechat_name,
.mylivechat_template2 .mylivechat_prechat_email,
.mylivechat_template2 .mylivechat_prechat_question,
.mylivechat_template2 .mylivechat_prechat_department,
.mylivechat_template2 .mylivechat_prechat_custom,
.mylivechat_template2 .mylivechat_offline_name,
.mylivechat_template2 .mylivechat_offline_email,
.mylivechat_template2 .mylivechat_offline_subject,
.mylivechat_template2 .mylivechat_offline_enquiry,
.mylivechat_template2 .mylivechat_offline_department,
.mylivechat_template2 .mylivechat_offline_custom {
    gap: 0 !important;
    padding: 0 20px !important;
    margin-bottom: 12px !important;
    box-sizing: border-box !important;
}

/* Hidden inline labels */
.mylivechat_template2 .mylivechat_inputgroup_placeholder mlc-label,
.mylivechat_template2 .mylivechat_inputgroup_vertical mlc-label,
.mylivechat_template2 .mylivechat_inputgroup_horizental mlc-label,
.mylivechat_template2 .mylivechat_prechat_lbl,
.mylivechat_template2 .mylivechat_offline_lbl,
.mylivechat_template2 .mylivechat_prechat_name_lbl,
.mylivechat_template2 .mylivechat_prechat_email_lbl,
.mylivechat_template2 .mylivechat_prechat_question_lbl,
.mylivechat_template2 .mylivechat_prechat_department_lbl,
.mylivechat_template2 .mylivechat_offline_name_lbl,
.mylivechat_template2 .mylivechat_offline_email_lbl,
.mylivechat_template2 .mylivechat_offline_subject_lbl,
.mylivechat_template2 .mylivechat_offline_enquiry_lbl,
.mylivechat_template2 .mylivechat_offline_department_lbl {
    display: none !important;
    width: 0 !important;
    min-width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Inputs and selects */
.mylivechat_template2 .mylivechat_prechat_box,
.mylivechat_template2 .mylivechat_offline_box,
.mylivechat_template2 .mylivechat_survey_box,
.mylivechat_template2 select,
.mylivechat_template2 .mylivechat_custom_dropdown,
body .mylivechat_inline.mylivechat_template2 .mylivechat_prechat_name_box,
body .mylivechat_inline.mylivechat_template2 .mylivechat_prechat_email_box,
body .mylivechat_inline.mylivechat_template2 .mylivechat_prechat_question_box,
body .mylivechat_inline.mylivechat_template2 .mylivechat_prechat_department_box,
body .mylivechat_inline.mylivechat_template2 .mylivechat_offline_name_box,
body .mylivechat_inline.mylivechat_template2 .mylivechat_offline_email_box,
body .mylivechat_inline.mylivechat_template2 .mylivechat_offline_subject_box,
body .mylivechat_inline.mylivechat_template2 .mylivechat_offline_question_box,
body .mylivechat_inline.mylivechat_template2 .mylivechat_offline_department_box {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    min-height: 40px !important;
    margin: 0 !important;
    padding: 8px 12px !important;
    left: 0 !important;
    top: 0 !important;
    border: 1px solid var(--mlc2-border) !important;
    border-radius: 12px !important;
    background: var(--mlc2-surface) !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    color: #374151 !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
}

/* Single-line controls */
body .mylivechat_inline.mylivechat_template2 input.mylivechat_prechat_box,
body .mylivechat_inline.mylivechat_template2 input.mylivechat_offline_box,
body .mylivechat_inline.mylivechat_template2 .mylivechat_prechat_department_box,
body .mylivechat_inline.mylivechat_template2 .mylivechat_offline_department_box {
    height: 40px !important;
    min-height: 40px !important;
}

/* Multiline controls */
.mylivechat_template2 textarea.mylivechat_prechat_box,
.mylivechat_template2 textarea.mylivechat_offline_box {
    min-height: 64px !important;
    height: 64px !important;
}
.mylivechat_template2 textarea.mylivechat_survey_box {
    min-height: 32px !important;
    height: 32px !important;
    padding: 12px !important;
    resize: none !important;
}

/* Focus state */
.mylivechat_template2 .mylivechat_prechat_box:focus,
.mylivechat_template2 .mylivechat_offline_box:focus,
.mylivechat_template2 .mylivechat_survey_box:focus,
.mylivechat_template2 select:focus,
.mylivechat_template2 .mylivechat_custom_dropdown:focus {
    border-color: rgba(24, 160, 251, 0.48) !important;
    box-shadow: 0 0 0 3px var(--mlc2-focus) !important;
    outline: 0 !important;
}

/* Submit actions */
.mylivechat_template2 .mylivechat_prechat_submit,
.mylivechat_template2 .mylivechat_offline_submit {
    padding: 8px 20px 0 !important;
}

.mylivechat_template2 .mylivechat_prechat_submit_button,
.mylivechat_template2 .mylivechat_offline_submit_button,
.mylivechat_template2 .mylivechat_prechat_survey_button,
.mylivechat_template2 .mylivechat_survey_submit_button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 40px !important;
    border: 0 !important;
    border-radius: 12px !important;
    background: var(--mlc-dialog-accent) !important;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.14) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
}

.mylivechat_template2 .mylivechat_prechat_submit_button:hover,
.mylivechat_template2 .mylivechat_offline_submit_button:hover,
.mylivechat_template2 .mylivechat_prechat_survey_button:hover,
.mylivechat_template2 .mylivechat_survey_submit_button:hover {
    background: var(--mlc-dialog-accent-strong) !important;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.18) !important;
}

/* Powered-by footer */
.mylivechat_template2 .mylivechat_poweredby,
.mylivechat_template2 .mylivechat_footer {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    text-align: center !important;
}

.mylivechat_template2 .mylivechat_footer {
    min-height: 20px !important;
    margin-top: 10px !important;
    padding: 0 18px 4px !important;
    font-size: 10px !important;
    line-height: 1.4 !important;
}

.mylivechat_template2 .mylivechat_footer a,
.mylivechat_template2 .mylivechat_footer a:link,
.mylivechat_template2 .mylivechat_footer a:visited,
.mylivechat_template2 .mylivechat_footer a:active {
    text-decoration: none !important;
}

.mylivechat_template2 .mylivechat_footer a:hover {
    text-decoration: underline !important;
}

.mylivechat_template2 .mylivechat_poweredby iframe {
    display: block !important;
    margin: 0 auto !important;
}

.mylivechat_template2[data-mlc-expanded="1"] {
    display: flex !important;
    flex-direction: column !important;
}

.mylivechat_template2 .mylivechat_expanded_outer {
    flex: 1 1 0% !important;
    min-height: 0 !important;
    overflow: visible !important;
}

/* Bottom close button */
.mylivechat_template2 .mylivechat_closediv {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    padding: 4px 0 0 !important;
    margin: 0 !important;
    background: transparent !important;
}

.mylivechat_template2[data-mlc-inline-state="offline"] .mylivechat_closediv {
    margin-top: 0 !important;
}

.mylivechat_template2 .mylivechat_closebtn,
.mylivechat_template2 .mylivechat_closediv {
    border-radius: 999px !important;
}

.mylivechat_template2 .mylivechat_closebtn {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 36px !important;
    height: 36px !important;
    position: relative !important;
    top: 0 !important;
    border: 1px solid rgba(255, 255, 255, 0.18) !important;
    border-radius: 999px !important;
    background: var(--mlc-dialog-accent) !important;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.14) !important;
    color: transparent !important;
    font-size: 0 !important;
}

.mylivechat_template2 .mylivechat_closebtn:hover {
    background: var(--mlc-dialog-accent-strong) !important;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.18) !important;
}

.mylivechat_template2 .mylivechat_closebtn svg {
    display: none !important;
}

.mylivechat_template2 .mylivechat_closebtn::before {
    content: "" !important;
    display: block !important;
    width: 18px !important;
    height: 18px !important;
    background: var(--mlc2-icon-close-circle) center / contain no-repeat !important;
}

/* Survey */
.mylivechat_template2 .mylivechat_survey_mask {
    background: rgba(15, 23, 42, 0.2) !important;
    backdrop-filter: blur(3px) !important;
}

.mylivechat_template2 .mylivechat_survey > div:not(.mylivechat_survey_mask) {
    position: absolute !important;
    left: 20px !important;
    right: 20px !important;
    top: 56px !important;
    bottom: auto !important;
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: calc(100% - 80px) !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
    border: 1px solid var(--mlc2-border) !important;
    border-radius: 12px !important;
    background: var(--mlc2-surface) !important;
    box-shadow: 0 18px 34px rgba(15, 23, 42, 0.15) !important;
}

.mylivechat_template2 .mylivechat_survey > div:not(.mylivechat_survey_mask) > div:first-child {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    width: auto !important;
    height: 36px !important;
    min-height: 36px !important;
    padding: 0 12px !important;
    border-bottom: 0 !important;
    background: var(--mlc-dialog-accent) !important;
    display: flex !important;
    align-items: center !important;
}

.mylivechat_template2 .mylivechat_survey > div:not(.mylivechat_survey_mask) > div:first-child .mylivechat_sprite {
    left: auto !important;
    right: 12px !important;
    top: 11px !important;
    width: 20px !important;
    height: 20px !important;
    border-radius: 12px !important;
    background: rgba(255, 255, 255, 0.18) !important;
    background-position: center !important;
    box-shadow: none !important;
    opacity: 0.9 !important;
}

.mylivechat_template2 .mylivechat_survey_title,
.mylivechat_template2 .mylivechat_survey_message {
    color: var(--mlc2-copy) !important;
}

.mylivechat_template2 .mylivechat_survey_title {
    margin: 0 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    letter-spacing: -0.01em !important;
    color: #ffffff !important;
}

.mylivechat_template2 .mylivechat_survey_form2col {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    width: auto !important;
    height: auto !important;
    flex: 0 1 auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 4px !important;
    padding: 8px 10px 10px !important;
    scroll-padding-bottom: 48px !important;
    background: transparent !important;
    overflow-y: auto !important;
}

.mylivechat_template2 .mylivechat_survey_form2col > * {
    position: static !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    float: none !important;
    flex: 0 0 auto !important;
    box-sizing: border-box !important;
}

.mylivechat_template2 .mylivechat_survey_header {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
}

.mylivechat_template2 .mylivechat_survey_lbl,
.mylivechat_template2 .mylivechat_survey_comment_lbl {
    display: none !important;
}

.mylivechat_template2 .mylivechat_survey_message {
    margin: 0 !important;
    font-size: 10px !important;
    line-height: 1.4 !important;
    color: var(--mlc2-muted) !important;
}

.mylivechat_template2 .mylivechat_survey_row {
    display: grid !important;
    grid-template-columns: 70px minmax(0, 1fr) !important;
    gap: 8px !important;
    align-items: center !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.mylivechat_template2 .mylivechat_survey_row::before {
    content: attr(data-mlc-label) !important;
    display: flex !important;
    align-items: center !important;
    min-height: 36px !important;
    margin: 0 !important;
    font-size: 9px !important;
    font-weight: 700 !important;
    letter-spacing: 0.05em !important;
    text-transform: uppercase !important;
    color: #5f7161 !important;
}

.mylivechat_template2 .mylivechat_survey_row_control {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
}

.mylivechat_template2 .mylivechat_survey_row_comment {
    align-items: start !important;
    margin-bottom: 12px !important;
}

.mylivechat_template2 .mylivechat_survey_row_comment::before {
    align-items: flex-start !important;
    padding-top: 9px !important;
}

.mylivechat_template2 .mylivechat_survey_row_control > * {
    position: static !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    float: none !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}

.mylivechat_template2 .mylivechat_survey_row_control > *:not(.mylivechat_survey_starbar) {
    width: 100% !important;
    max-width: none !important;
}

.mylivechat_template2 .mylivechat_survey_box,
.mylivechat_template2 .mylivechat_survey_email_box,
.mylivechat_template2 .mylivechat_survey_comment_box {
    width: 100% !important;
    min-width: 0 !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    margin: 0 !important;
    min-height: 36px !important;
    height: 36px !important;
    padding: 8px 11px !important;
    border: 1px solid rgba(104, 137, 163, 0.18) !important;
    border-radius: 12px !important;
    background: #ffffff !important;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.7), 0 8px 18px rgba(15, 23, 42, 0.04) !important;
    color: var(--mlc2-copy) !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
    box-sizing: border-box !important;
}

.mylivechat_template2 textarea.mylivechat_survey_box,
.mylivechat_template2 .mylivechat_survey_comment_box {
    min-height: 52px !important;
    height: 52px !important;
    resize: none !important;
}

.mylivechat_template2 .mylivechat_survey_checkline {
    display: flex !important;
    align-items: flex-start !important;
    gap: 8px !important;
    min-height: 36px !important;
    padding: 8px 10px !important;
    border: 1px solid rgba(104, 137, 163, 0.18) !important;
    border-radius: 12px !important;
    background: #ffffff !important;
    color: var(--mlc2-copy) !important;
    font-size: 11px !important;
    line-height: 1.3 !important;
}

.mylivechat_template2 .mylivechat_survey_sendlog_box {
    width: 16px !important;
    height: 16px !important;
    margin: 1px 0 0 !important;
    accent-color: var(--mlc-dialog-accent-strong) !important;
    flex: 0 0 16px !important;
}

.mylivechat_template2 .mylivechat_survey_row_rating .mylivechat_survey_row_control {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    min-height: 36px !important;
    padding: 7px 11px !important;
    border: 1px solid rgba(104, 137, 163, 0.18) !important;
    border-radius: 12px !important;
    background: #ffffff !important;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.04) !important;
}

.mylivechat_template2 .mylivechat_survey_starbar {
    transform: scale(0.9) !important;
    transform-origin: left center !important;
}

.mylivechat_template2 .mylivechat_survey_butttons {
    display: flex !important;
    justify-content: flex-end !important;
    gap: 10px !important;
    position: static !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 8px 0 0 !important;
    margin-top: 0 !important;
    background: transparent !important;
    text-align: right !important;
    z-index: auto !important;
}

.mylivechat_template2 .mylivechat_survey_butttons > * {
    position: static !important;
    float: none !important;
}

.mylivechat_template2 .mylivechat_survey_submit_button,
.mylivechat_template2 .mylivechat_survey_cancel_button {
    width: auto !important;
    height: 36px !important;
    min-height: 36px !important;
    min-width: 90px !important;
    margin: 0 !important;
    padding: 0 20px !important;
    border-radius: 12px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    box-sizing: border-box !important;
}

.mylivechat_template2 .mylivechat_survey_cancel_button {
    display: none !important;
}

.mylivechat_template2 .mylivechat_survey_cancel_button:hover {
    background: #eff6ff !important;
    border-color: rgba(59, 130, 246, 0.26) !important;
}

.mylivechat_template2 .mylivechat_survey_close_row {
    display: none !important;
}

/* Collapsed launcher safeguards */
.mylivechat_template2 .mylivechat_buttonround_label,
.mylivechat_template2 .mylivechat_buttonround_tooltip,
.mylivechat_template2 .mylivechat_buttonround_tooltip_arrow {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

.mylivechat_template2[data-mlc-expanded="0"] .mylivechat_expanded_cover,
.mylivechat_template2[data-mlc-expanded="0"] .mylivechat_headerbtn,
.mylivechat_template2[data-mlc-expanded="0"] .mylivechat_closediv,
.mylivechat_template2[data-mlc-expanded="0"] .mylivechat_closebtn {
    display: none !important;
}

.mylivechat_template2[data-mlc-expanded="0"] > :not(.mylivechat_buttonround) {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

/* Template 12 final stability refresh */
.mylivechat_template2 .mylivechat_prechat_logo,
.mylivechat_template2 .mylivechat_offline_logo {
    display: block !important;
    margin: 0 !important;
    padding: 0 20px 0 20px !important;
    background: transparent !important;
    border: 0 !important;
}

.mylivechat_template2 .mylivechat_prechat_logo_img,
.mylivechat_template2 .mylivechat_offline_logo_img {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    max-height: 56px !important;
    object-fit: contain !important;
    border: 1px solid var(--mlc2-border) !important;
    border-radius: 0 !important;
    background: #ffffff !important;
    box-sizing: border-box !important;
}

/* Compact survey family override */
.mylivechat_template2 .mylivechat_survey > div:not(.mylivechat_survey_mask) {
    left: 50% !important;
    right: auto !important;
    top: 44px !important;
    width: min(332px, calc(100% - 28px)) !important;
    max-height: calc(100% - 60px) !important;
    transform: translateX(-50%) !important;
}

.mylivechat_template2 .mylivechat_survey > div:not(.mylivechat_survey_mask) > div:first-child {
    height: 32px !important;
    min-height: 32px !important;
    padding: 0 10px !important;
}

.mylivechat_template2 .mylivechat_survey > div:not(.mylivechat_survey_mask) > div:first-child .mylivechat_sprite {
    right: 10px !important;
    top: 9px !important;
    width: 16px !important;
    height: 16px !important;
}

.mylivechat_template2 .mylivechat_survey_title {
    font-size: 11px !important;
}

.mylivechat_template2 .mylivechat_survey_form2col {
    gap: 3px !important;
    padding: 6px 8px 8px !important;
    scroll-padding-bottom: 40px !important;
}

.mylivechat_template2 .mylivechat_survey_message {
    font-size: 9px !important;
    line-height: 1.35 !important;
}

.mylivechat_template2 .mylivechat_survey_row {
    grid-template-columns: 56px minmax(0, 1fr) !important;
    gap: 6px !important;
}

.mylivechat_template2 .mylivechat_survey_row::before {
    min-height: 32px !important;
    font-size: 8px !important;
}

.mylivechat_template2 .mylivechat_survey_row_comment {
    margin-bottom: 8px !important;
}

.mylivechat_template2 .mylivechat_survey_row_comment::before {
    padding-top: 7px !important;
}

.mylivechat_template2 .mylivechat_survey_box,
.mylivechat_template2 .mylivechat_survey_email_box,
.mylivechat_template2 .mylivechat_survey_comment_box {
    min-height: 32px !important;
    height: 32px !important;
    padding: 6px 9px !important;
    font-size: 11px !important;
    line-height: 1.35 !important;
}

.mylivechat_template2 textarea.mylivechat_survey_box,
.mylivechat_template2 .mylivechat_survey_comment_box {
    min-height: 42px !important;
    height: 42px !important;
    resize: none !important;
}

.mylivechat_template2 .mylivechat_survey_checkline {
    gap: 6px !important;
    min-height: 32px !important;
    padding: 6px 8px !important;
    font-size: 10px !important;
}

.mylivechat_template2 .mylivechat_survey_row_rating .mylivechat_survey_row_control {
    min-height: 32px !important;
    padding: 5px 9px !important;
}

.mylivechat_template2 .mylivechat_survey_starbar {
    transform: scale(0.82) !important;
}

.mylivechat_template2 .mylivechat_survey_butttons {
    gap: 8px !important;
    padding: 6px 0 0 !important;
}

.mylivechat_template2 .mylivechat_survey_submit_button,
.mylivechat_template2 .mylivechat_survey_cancel_button {
    height: 32px !important;
    min-height: 32px !important;
    min-width: 80px !important;
    padding: 0 16px !important;
    font-size: 11px !important;
}
/* End compact survey family override */
/* Template 5 parity: top close button cleanup */
.mylivechat_template2 .mylivechat_topclosebtn50,
.mylivechat_template2 .mylivechat_topclosebtn52 {
    border: 0 !important;
    outline: 0 !important;
}

.mylivechat_template2[data-mlc-inline-state="offline"] .mylivechat_topclosebtn50,
.mylivechat_template2[data-mlc-inline-state="offline"] .mylivechat_topclosebtn52 {
    border: 0 !important;
}

/* Header menu (dots) */
.mylivechat_template2 .mylivechat_template2_header_menu_toggle,
.mylivechat_template2 .mylivechat_template2_header_action {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 30px !important;
    height: 30px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: rgba(148, 163, 184, 0.10) !important;
    color: #1a2b3c !important;
    box-shadow: none !important;
    cursor: pointer !important;
    transition: background-color 0.2s ease, transform 0.2s ease, opacity 0.2s ease !important;
}

.mylivechat_template2 .mylivechat_template2_header_menu_toggle {
    position: absolute !important;
    top: 12px !important;
    right: 50px !important;
    z-index: 6 !important;
}

.mylivechat_template2 .mylivechat_template2_header_actions {
    position: absolute !important;
    top: 48px !important;
    right: 50px !important;
    display: none !important;
    grid-template-columns: repeat(3, 30px) !important;
    gap: 6px !important;
    padding: 8px !important;
    border-radius: 14px !important;
    background: var(--mlc-dialog-accent-strong) !important;
    border: 1px solid rgba(255, 255, 255, 0.16) !important;
    box-shadow: 0 18px 36px rgba(15, 23, 42, 0.16) !important;
    backdrop-filter: blur(10px) !important;
    z-index: 7 !important;
}

.mylivechat_template2 .mylivechat_template2_header_menu_toggle:hover,
.mylivechat_template2 .mylivechat_template2_header_action:hover {
    background: rgba(148, 163, 184, 0.18) !important;
    transform: translateY(-1px) !important;
}

.mylivechat_template2 .mylivechat_template2_header_menu_toggle.is-open,
.mylivechat_template2 .mylivechat_template2_header_action.is-active {
    background: rgba(148, 163, 184, 0.22) !important;
}

.mylivechat_template2 .mylivechat_template2_header_action_bad.is-active {
    background: rgba(248, 113, 113, 0.24) !important;
}

.mylivechat_template2 .mylivechat_template2_header_menu_toggle:disabled,
.mylivechat_template2 .mylivechat_template2_header_action:disabled {
    opacity: 0.55 !important;
    cursor: default !important;
    transform: none !important;
}

.mylivechat_template2 .mylivechat_template2_header_menu_toggle svg,
.mylivechat_template2 .mylivechat_template2_header_menu_toggle svg *,
.mylivechat_template2 .mylivechat_template2_header_action svg,
.mylivechat_template2 .mylivechat_template2_header_action svg * {
    display: block !important;
    width: 16px !important;
    height: 16px !important;
    fill: currentColor !important;
    stroke: none !important;
}

.mylivechat_template2:not([data-mlc-inline-state="support"]) .mylivechat_template2_header_menu_toggle,
.mylivechat_template2:not([data-mlc-inline-state="support"]) .mylivechat_template2_header_actions,
.mylivechat_template2[data-mlc-inline-state="offline"] .mylivechat_template2_header_menu_toggle,
.mylivechat_template2[data-mlc-inline-state="offline"] .mylivechat_template2_header_actions {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

.mylivechat_template2[data-mlc-inline-state="support"] .mylivechat_template2_header_menu_toggle,
.mylivechat_template2[data-mlc-inline-state="support"] .mylivechat_template2_header_action {
    background: rgba(255, 255, 255, 0.14) !important;
    color: #ffffff !important;
}

.mylivechat_template2[data-mlc-inline-state="support"] .mylivechat_template2_header_actions {
    background: var(--mlc-dialog-accent-strong) !important;
    border-color: rgba(255, 255, 255, 0.16) !important;
}

.mylivechat_template2[data-mlc-inline-state="support"] .mylivechat_template2_header_menu_toggle:hover,
.mylivechat_template2[data-mlc-inline-state="support"] .mylivechat_template2_header_action:hover {
    background: rgba(255, 255, 255, 0.22) !important;
}

/* Default-round: keep round+text label and tooltip visible */
.mylivechat_template2.mylivechat_template2_default_round .mylivechat_buttonround_label,
.mylivechat_template2.mylivechat_template2_default_round .mylivechat_buttonround_tooltip,
.mylivechat_template2.mylivechat_template2_default_round .mylivechat_buttonround_tooltip_arrow {
    display: block !important;
    visibility: visible !important;
    pointer-events: auto !important;
}

.mylivechat_template2.mylivechat_template2_default_round[data-mlc-expanded="0"] .mylivechat_buttonround {
    height: 56px !important;
    max-height: 56px !important;
}

/* OAuth box — no border */
.mylivechat_template2 .mylivechat_prechat_oauth_box,
.mylivechat_template2 .mylivechat_offline_oauth_box {
    border: 0 !important;
    background: transparent !important;
    padding: 0 !important;
    min-height: 0 !important;
    box-shadow: none !important;
}