/* Pawon Nusantara v7.4.22 - chat widget visual refine */
.floating-chat{isolation:isolate}
.floating-chat__button{
  min-width:58px;
  width:58px;
  height:58px;
  min-height:58px;
  padding:0;
  gap:0;
  border-radius:20px;
}
.floating-chat__button:hover{transform:translateY(-1px)}
.floating-chat__button-icon{display:grid;place-items:center;width:100%;height:100%}
.floating-chat__button > .floating-chat__button-label{display:none}
.floating-chat__button svg{width:24px;height:24px}
.floating-chat__badge{
  right:-5px;
  top:-5px;
  min-width:22px;
  height:22px;
  padding:0 6px;
  font-size:10.5px;
  border-width:2px;
}
.floating-chat[open]::before{
  content:"";
  position:fixed;
  inset:0;
  background:rgba(28,15,8,.14);
  backdrop-filter:blur(2px);
  -webkit-backdrop-filter:blur(2px);
  pointer-events:none;
  z-index:-1;
}
.floating-chat__panel{
  position:fixed;
  right:22px;
  bottom:calc(var(--chat-bottom,22px) + 72px);
  width:min(360px, calc(100vw - 28px));
  max-height:min(74vh, 620px);
  overflow:auto;
  padding:16px 16px 14px;
  border:1px solid rgba(120,76,52,.14);
  border-radius:24px;
  background:#fffdfb;
  color:#241713;
  box-shadow:0 28px 72px rgba(36,23,19,.24);
  isolation:isolate;
}
.floating-chat--left .floating-chat__panel{left:22px;right:auto}
.floating-chat__panel::after{display:none}
.floating-chat__panel-head{gap:10px}
.floating-chat__panel-head > span{
  width:38px;
  height:38px;
  border-radius:13px;
  box-shadow:0 10px 22px rgba(239,35,21,.18);
}
.floating-chat__panel-head svg{width:18px;height:18px}
.floating-chat__panel-head strong{font-size:15px;line-height:1.2}
.floating-chat__panel-head small{margin-top:2px;font-size:10.5px}
.floating-chat__panel p{margin:10px 0 0;font-size:12.5px;line-height:1.58}
.floating-chat__channel-tabs{gap:6px;margin-top:10px}
.floating-chat__channel-tab{min-height:28px;padding:0 10px;border-radius:999px;font-size:10px}
.browser-chat{margin-top:10px;padding-top:10px;border-top:1px solid rgba(120,76,52,.12)}
.browser-chat__messages{max-height:132px;padding:8px;border-radius:14px;background:#fff}
.browser-chat__message{padding:8px 10px;border-radius:14px}
.browser-chat__message p{font-size:11.5px!important;line-height:1.45!important}
.browser-chat__message time{font-size:9px}
.browser-chat__form{gap:7px;margin-top:9px}
.browser-chat__row{gap:7px}
.browser-chat input,.browser-chat textarea{font-size:12px}
.browser-chat input{height:38px;border-radius:12px}
.browser-chat textarea{min-height:74px;border-radius:14px}
.browser-chat__submit{min-height:40px;border-radius:13px;font-size:12px}
.browser-chat__status{font-size:10.5px!important}
.floating-chat__actions{gap:8px;margin-top:12px}
.floating-chat__actions--compact{grid-template-columns:1fr 1fr}
.floating-chat__primary,.floating-chat__secondary{min-height:40px;border-radius:13px;font-size:11.5px}
@media(max-width:760px){
  .floating-chat__button{width:54px;height:54px;min-width:54px;min-height:54px;border-radius:18px}
  .floating-chat__panel{
    right:10px;
    left:auto;
    bottom:calc(var(--chat-bottom,18px) + 64px);
    width:min(360px, calc(100vw - 20px));
    max-height:min(72vh, 560px);
    padding:14px;
    border-radius:20px;
  }
  .floating-chat--left .floating-chat__panel{left:10px;right:auto}
  .floating-chat__actions--compact{grid-template-columns:1fr}
  .browser-chat__row{grid-template-columns:1fr}
}