#siterefit-support-root{
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  position:fixed;
  z-index:2147483000;
  right:22px;
  bottom:22px;
  color:#111827
}
#siterefit-support-button{
  width:58px;
  height:58px;
  border-radius:999px;
  border:0;
  background:#111827;
  color:white;
  box-shadow:0 12px 34px rgba(0,0,0,.22);
  cursor:pointer;
  font-size:25px;
  display:grid;
  place-items:center
}
#siterefit-support-panel{
  position:absolute;
  right:0;
  bottom:72px;
  width:min(390px,calc(100vw - 28px));
  height:min(620px,calc(100vh - 120px));
  background:white;
  border:1px solid #e5e7eb;
  border-radius:18px;
  box-shadow:0 24px 70px rgba(0,0,0,.22);
  overflow:hidden;
  display:none;
  grid-template-rows:auto 1fr auto
}
#siterefit-support-panel.open{display:grid}
.sr-head{
  padding:14px 16px;
  background:#111827;
  color:white;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px
}
.sr-head strong{font-size:16px}
.sr-head-actions{
  display:flex;
  align-items:center;
  gap:8px
}
.sr-end{
  border:1px solid rgba(255,255,255,.25);
  background:rgba(255,255,255,.08);
  color:white;
  border-radius:8px;
  padding:6px 9px;
  font-size:12px;
  cursor:pointer
}
.sr-close{
  border:0;
  background:transparent;
  color:white;
  font-size:22px;
  cursor:pointer
}
.sr-messages{
  padding:16px;
  overflow:auto;
  background:#f8fafc
}
.sr-msg{
  max-width:84%;
  padding:10px 12px;
  border-radius:14px;
  margin:8px 0;
  font-size:14px;
  line-height:1.45;
  white-space:pre-wrap
}
.sr-msg.bot,.sr-msg.operator{
  background:white;
  border:1px solid #e5e7eb;
  margin-right:auto
}
.sr-msg.customer{
  background:#111827;
  color:#fff;
  margin-left:auto
}
.sr-bottom{background:white}
.sr-compose{
  border-top:1px solid #e5e7eb;
  padding:10px;
  background:white;
  display:flex;
  gap:8px
}
.sr-compose[hidden]{display:none}
.sr-compose textarea{
  flex:1;
  resize:none;
  border:1px solid #d1d5db;
  border-radius:12px;
  padding:10px;
  font:inherit;
  min-height:42px;
  max-height:100px
}
.sr-send{
  border:0;
  background:#111827;
  color:white;
  border-radius:12px;
  padding:0 15px;
  cursor:pointer
}
.sr-send:disabled{opacity:.5}
.sr-status{
  font-size:12px;
  padding:7px 16px;
  background:#fff7ed;
  color:#9a3412;
  border-top:1px solid #fed7aa;
  display:none
}
.sr-status.show{display:block}
.sr-feedback{
  border-top:1px solid #e5e7eb;
  padding:16px;
  text-align:center;
  background:white
}
.sr-feedback[hidden]{display:none}
.sr-feedback-question{
  display:block;
  font-size:14px;
  margin-bottom:12px
}
.sr-feedback-actions{
  display:flex;
  justify-content:center;
  gap:8px;
  flex-wrap:wrap
}
.sr-feedback-actions button{
  border:1px solid #d1d5db;
  background:white;
  border-radius:10px;
  padding:9px 18px;
  cursor:pointer
}
.sr-feedback-actions .sr-rate:first-child{
  background:#111827;
  color:white;
  border-color:#111827
}
.sr-feedback-actions .sr-new-chat{
  background:#111827;
  color:white;
  border-color:#111827
}
@media(max-width:520px){
  #siterefit-support-root{right:14px;bottom:14px}
  #siterefit-support-panel{
    position:fixed;
    inset:10px;
    width:auto;
    height:auto;
    border-radius:16px;
    bottom:82px
  }
}