/* B24 CHAT FIXES v7 */
.bx-im-dialog-list{scrollbar-width:thin !important;scrollbar-color:#437d16 rgba(0,0,0,0.05) !important;}
.bx-im-dialog-list::-webkit-scrollbar{width:6px !important;height:6px !important;}
.bx-im-dialog-list::-webkit-scrollbar-track{background:rgba(0,0,0,0.05) !important;border-radius:3px !important;}
.bx-im-dialog-list::-webkit-scrollbar-thumb{background-color:#437d16 !important;border-radius:3px !important;}
.bx-im-dialog-list::-webkit-scrollbar-thumb:hover{background-color:#356510 !important;}
.bx-im-textarea,.bx-im-textarea-wrapper,.bx-im-dialog-textarea{border-top:0 !important;box-shadow:none !important;}
.bx-im-textarea-app-button,.bx-im-textarea-app-button:hover,.bx-im-textarea-app-button:focus,.bx-im-textarea-app-button:active{background-color:transparent !important;border:0 !important;box-shadow:none !important;outline:none !important;}
.bx-im-textarea-app-button:hover{color:#437d16 !important;}
.bx-im-textarea-app-button:hover svg,.bx-im-textarea-app-button:hover svg *{fill:#437d16 !important;}
.bx-im-dialog-list a:hover,.bx-livechat a:hover{color:#437d16 !important;}
.bx-im-dialog-scroll-button-box{display:none !important;}
.bx-livechat-head-wrap{padding:10px 44px 10px 16px !important;box-sizing:border-box !important;position:relative !important;}
.bx-livechat-head{width:100% !important;height:auto !important;min-height:0 !important;padding:0 !important;}
.alleya-chat-close-btn{position:absolute !important;top:12px !important;right:12px !important;left:auto !important;margin:0 !important;z-index:6 !important;cursor:pointer !important;}

/* v8: компактная шапка + крест у самого края окна */
.bx-livechat-head{padding:0 !important;}
.bx-livechat-head-wrap{padding:10px 16px !important;}

/* v10: единый крестик в чате - статичный дубль убираем, нативный анимированный оставляем */
.alleya-chat-close-btn{display:none !important;}
.bx-livechat-control-btn-close{
display:-webkit-box !important;
display:-ms-flexbox !important;
display:flex !important;
opacity:1 !important;
visibility:visible !important;
}

/* v11: оставляем ОДИН крестик - нативный анимированный */
.alleya-chat-close-btn{display:none !important;}
.bx-livechat-head{width:100% !important;position:relative !important;box-sizing:border-box !important;}
.bx-livechat-control-btn-close{
position:absolute !important;
top:10px !important;
right:12px !important;
margin:0 !important;
display:flex !important;
opacity:1 !important;
z-index:6 !important;
}

/* v12: единый нативный крест с hover-анимацией */
.alleya-chat-close-btn{display:none !important;}
.bx-livechat-control-btn-close{opacity:1 !important;}
.bx-livechat-control-btn-close svg{transition:transform .2s;}
.bx-livechat-control-btn-close:hover svg{transform:scale(1.2);}

/* v13: единый рабочий крест (сайтовый) + компактная шапка */
.bx-livechat-head-wrap{padding:10px 16px !important;box-sizing:border-box !important;position:relative !important;}
.bx-livechat-head{padding:0 !important;height:auto !important;min-height:0 !important;width:100% !important;position:relative !important;}
.bx-livechat-control-btn-close{display:none !important;}
.alleya-chat-close-btn{
position:absolute !important;top:10px !important;right:12px !important;left:auto !important;
margin:0 !important;width:24px !important;height:24px !important;padding:0 !important;
display:flex !important;align-items:center !important;justify-content:center !important;
background:transparent !important;border:0 !important;cursor:pointer !important;z-index:6 !important;
}
.alleya-chat-close-btn svg{transition:transform .2s;}
.alleya-chat-close-btn:hover svg{transform:scale(1.2);}

/* v14: крест через flex-поток - не зависит от containing block */
.bx-livechat-head-wrap{position:relative !important;padding:10px 16px !important;box-sizing:border-box !important;}
.bx-livechat-head{display:flex !important;align-items:center !important;width:100% !important;position:static !important;padding:0 !important;height:auto !important;min-height:0 !important;}
.alleya-chat-header-wrap{flex:1 1 auto !important;min-width:0 !important;position:static !important;}
.alleya-chat-close-btn{
display:flex !important;position:static !important;order:99 !important;flex:0 0 auto !important;
margin:0 0 0 12px !important;width:24px !important;height:24px !important;
align-items:center !important;justify-content:center !important;cursor:pointer !important;
}
.bx-livechat-control-btn-close{display:none !important;}

/* v15: крест - absolute с якорем на полноразмерный head-wrap */
.bx-livechat-head-wrap{position:relative !important;}
.bx-livechat-head{position:static !important;}
.alleya-chat-header-wrap{position:static !important;}
.alleya-chat-close-btn{
position:absolute !important;top:10px !important;right:12px !important;
left:auto !important;margin:0 !important;order:0 !important;
}

/* v16: квадратная кнопка прокрутки 8px + зелёный hover иконок скрепки/смайла */
.alleya-scroll-down{border-radius:8px !important;}
.bx-im-textarea-app-smile:hover,
.bx-im-textarea-app-smile:hover i,
.bx-im-textarea-app-smile:hover svg{
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23437d16' d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20zm0 18a8 8 0 1 1 0-16 8 8 0 0 1 0 16zm-3.5-9a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm7 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zM12 17.5c-2.33 0-4.31-1.41-5.11-3.5h10.22c-.8 2.09-2.78 3.5-5.11 3.5z'/%3E%3C/svg%3E") !important;
fill:#437d16 !important;
color:#437d16 !important;
}
.bx-im-textarea-app-file:hover,
.bx-im-textarea-app-file:hover i,
.bx-im-textarea-app-file:hover svg{
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23437d16' d='M16.5 6v11.5a4 4 0 0 1-8 0V5a2.5 2.5 0 0 1 5 0v10.5a1 1 0 0 1-2 0V6H10v9.5a2.5 2.5 0 0 0 5 0V5a4 4 0 0 0-8 0v12.5a5.5 5.5 0 0 0 11 0V6z'/%3E%3C/svg%3E") !important;
fill:#437d16 !important;
color:#437d16 !important;
}

/* v17: кнопка прокрутки 12px + компактная шапка */
.alleya-scroll-down{border-radius:12px !important;}
.bx-livechat-head-wrap{padding:6px 14px !important;height:auto !important;min-height:0 !important;box-sizing:border-box !important;}
.bx-livechat-head{padding:0 !important;height:auto !important;min-height:0 !important;box-sizing:border-box !important;}
.alleya-chat-header-wrap{padding:0 !important;margin:0 !important;height:auto !important;}
.alleya-chat-title{font-size:14px !important;line-height:18px !important;margin:0 !important;padding:0 !important;}
.alleya-chat-status{margin:2px 0 0 !important;padding:0 !important;height:auto !important;}
.alleya-chat-status-text{font-size:11px !important;line-height:14px !important;}
.alleya-chat-status-dot{width:6px !important;height:6px !important;}

/* v18: компактная шапка ~48px */
.bx-livechat-head-wrap{
padding:6px 14px 6px 16px !important;
min-height:0 !important;
height:auto !important;
box-sizing:border-box !important;
position:relative !important;
}
.bx-livechat-head{
padding:0 !important;
min-height:0 !important;
height:auto !important;
box-sizing:border-box !important;
position:static !important;
}
.alleya-chat-header-wrap{padding:0 !important;margin:0 !important;}
.alleya-chat-title{font-size:14px !important;line-height:18px !important;margin:0 !important;}
.alleya-chat-status{margin:2px 0 0 !important;}
.alleya-chat-status-text{font-size:11px !important;line-height:14px !important;}

/* v19: современная нативная кнопка шапки (расширение/сворачивание окна) */
[class*="bx-livechat-control-btn"],
.bx-livechat-head [class*="expand"],
.bx-livechat-head [class*="narrow"]{
width:32px !important;height:32px !important;
border-radius:10px !important;
background:rgba(255,255,255,.16) !important;
border:0 !important;
box-shadow:none !important;
display:inline-flex !important;align-items:center !important;justify-content:center !important;
transition:background-color .2s ease,transform .15s ease !important;
cursor:pointer !important;
backdrop-filter:blur(4px) !important;
-webkit-backdrop-filter:blur(4px) !important;
}
[class*="bx-livechat-control-btn"]:hover,
.bx-livechat-head [class*="expand"]:hover,
.bx-livechat-head [class*="narrow"]:hover{
background:rgba(255,255,255,.30) !important;
transform:scale(1.06) !important;
}
[class*="bx-livechat-control-btn"]:active,
.bx-livechat-head [class*="expand"]:active,
.bx-livechat-head [class*="narrow"]:active{transform:scale(.95) !important;}
[class*="bx-livechat-control-btn"] svg,
[class*="bx-livechat-control-btn"] svg *,
.bx-livechat-head [class*="expand"] svg,
.bx-livechat-head [class*="narrow"] svg,
.bx-livechat-head [class*="expand"] svg *,
.bx-livechat-head [class*="narrow"] svg *{fill:#fff !important;color:#fff !important;}

/* v20: мобильная полировка чата */
@media (max-width:768px){
  /* окно на весь экран, без полей и скруглений */
  .bx-livechat{
    top:0 !important;left:0 !important;right:0 !important;bottom:0 !important;
    width:100% !important;height:100% !important;
    max-width:100% !important;max-height:100% !important;
    border-radius:0 !important;
    box-shadow:none !important;
  }
  /* скрыть боковые drag/resize-ручки и артефакты */
  .bx-livechat [class*="resize"],
  .bx-livechat [class*="drag"],
  .bx-livechat [class*="narrow"]{display:none !important;}
  /* компактный блок спасибо/оценки */
  .bx-livechat [class*="vote"]{padding:12px !important;}
  .bx-livechat [class*="vote"] [class*="title"],
  .bx-livechat [class*="vote"] [class*="text"]{font-size:14px !important;line-height:1.3 !important;}
  .bx-livechat [class*="vote"] [class*="icon"],
  .bx-livechat [class*="vote"] [class*="check"]{width:40px !important;height:40px !important;}
  /* кнопка прокрутки меньше и у поля ввода */
  .alleya-scroll-down{width:36px !important;height:36px !important;right:8px !important;bottom:8px !important;border-radius:10px !important;}
  .alleya-scroll-down svg{width:16px !important;height:16px !important;}
  /* компактное поле ввода */
  .bx-im-textarea{min-height:42px !important;padding:6px 8px !important;}
  .bx-im-textarea-app-button{width:30px !important;height:30px !important;}
}
