/* Pawon Nusantara v7.4.26 - bottom-right chat window layout */
.floating-chat[open] > .floating-chat__button{
  display:none!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
.floating-chat[open]::before{
  background:rgba(26,17,11,.12)!important;
  backdrop-filter:blur(1.5px)!important;
  -webkit-backdrop-filter:blur(1.5px)!important;
}
.floating-chat__panel{
  right:18px!important;
  left:auto!important;
  bottom:18px!important;
  width:min(386px, calc(100vw - 24px))!important;
  height:min(548px, calc(100vh - 36px))!important;
  max-height:min(548px, calc(100vh - 36px))!important;
  border-radius:22px!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
}
.floating-chat--left .floating-chat__panel{
  left:18px!important;
  right:auto!important;
}
.floating-chat__panel-head{
  flex:0 0 auto!important;
  min-height:58px!important;
  padding:12px 14px!important;
}
.floating-chat__panel-head-main>span{
  width:36px!important;
  height:36px!important;
  border-radius:12px!important;
}
.floating-chat__panel-head svg{width:17px!important;height:17px!important}
.floating-chat__panel-head strong{font-size:14px!important;line-height:1.15!important}
.floating-chat__panel-head small{font-size:10.5px!important;line-height:1.1!important}
.floating-chat__tool{
  width:28px!important;
  height:28px!important;
  border-radius:9px!important;
  font-size:17px!important;
}
.floating-chat__panel-body{
  flex:1 1 auto!important;
  min-height:0!important;
  gap:7px!important;
  padding:10px 14px 12px!important;
  overflow:hidden!important;
}
.floating-chat__panel-body>p{
  flex:0 0 auto!important;
  margin:0!important;
  font-size:11.5px!important;
  line-height:1.45!important;
}
.floating-chat--conversation-started .floating-chat__panel-head{
  min-height:50px!important;
  padding:10px 14px!important;
}
.floating-chat--conversation-started .floating-chat__panel-head-main>span{
  width:32px!important;
  height:32px!important;
}
.floating-chat--conversation-started .floating-chat__panel-head-main small{
  font-size:11px!important;
}
.browser-chat{
  flex:1 1 auto!important;
  min-height:0!important;
  gap:7px!important;
  overflow:hidden!important;
}
.browser-chat__messages{
  flex:1 1 auto!important;
  min-height:105px!important;
  max-height:none!important;
  overflow:auto!important;
  padding:10px!important;
  border-radius:16px!important;
  scrollbar-width:thin;
}
.floating-chat--conversation-started .browser-chat__messages{
  min-height:138px!important;
}
.browser-chat__message{
  max-width:78%!important;
  padding:8px 10px!important;
  border-radius:14px!important;
}
.browser-chat__message p{font-size:11.5px!important;line-height:1.4!important}
.browser-chat__message time{font-size:8.8px!important}
.browser-chat__form{
  flex:0 0 auto!important;
  gap:6px!important;
  margin:0!important;
}
.browser-chat textarea{
  min-height:58px!important;
  max-height:58px!important;
  padding:9px 10px!important;
  font-size:12px!important;
  border-radius:13px!important;
  resize:none!important;
}
.browser-chat__submit{
  min-height:34px!important;
  height:34px!important;
  border-radius:12px!important;
  font-size:11.5px!important;
  padding:0 12px!important;
  margin:0!important;
  box-shadow:0 10px 18px rgba(239,35,21,.14)!important;
}
.browser-chat__status{
  min-height:0!important;
  margin:0!important;
  font-size:9.5px!important;
  line-height:1.25!important;
}
.browser-chat__note{
  margin:0!important;
  padding:0!important;
  font-size:9.8px!important;
  line-height:1.3!important;
  color:#7a675d!important;
}
.floating-chat--conversation-started .browser-chat__note{
  display:none!important;
}
.floating-chat__actions{
  flex:0 0 auto!important;
  display:grid!important;
  gap:6px!important;
  margin:0!important;
  padding:0!important;
}
.floating-chat__actions--compact{
  grid-template-columns:1fr 1fr!important;
}
.floating-chat__primary,
.floating-chat__secondary{
  min-height:32px!important;
  height:32px!important;
  border-radius:12px!important;
  font-size:10.5px!important;
  padding:0 10px!important;
  box-shadow:none!important;
}
.floating-chat__primary{
  background:linear-gradient(135deg,#18a84a,#25d366)!important;
}
.floating-chat__secondary{
  background:#fff!important;
}
@media(max-width:760px){
  .floating-chat__panel{
    right:12px!important;
    left:auto!important;
    bottom:12px!important;
    width:min(372px, calc(100vw - 24px))!important;
    height:min(526px, calc(100vh - 24px))!important;
    max-height:min(526px, calc(100vh - 24px))!important;
    border-radius:20px!important;
  }
  .floating-chat--left .floating-chat__panel{
    left:12px!important;
    right:auto!important;
  }
  .floating-chat__panel-body{padding:9px 12px 11px!important}
  .browser-chat__messages{min-height:102px!important;padding:9px!important}
  .floating-chat--conversation-started .browser-chat__messages{min-height:132px!important}
  .browser-chat textarea{min-height:54px!important;max-height:54px!important}
  .floating-chat__primary,.floating-chat__secondary{min-height:31px!important;height:31px!important;font-size:10px!important}
}