.klc-launcher{position:fixed;right:22px;bottom:22px;width:58px;height:58px;border-radius:50%;
  background:var(--klc-accent,#D4A548);color:var(--klc-dark,#14213D);border:none;cursor:pointer;
  box-shadow:0 10px 30px rgba(20,33,61,.28);display:flex;align-items:center;justify-content:center;
  font-size:24px;z-index:99998;transition:transform .18s ease}
.klc-launcher:hover{transform:scale(1.06)}
.klc-launcher .klc-dot{position:absolute;top:4px;right:4px;width:13px;height:13px;border-radius:50%;
  background:#E5484D;border:2px solid #fff;display:none}
.klc-launcher.klc-unread .klc-dot{display:block}

.klc-panel{position:fixed;right:22px;bottom:92px;width:360px;max-width:calc(100vw - 32px);
  height:520px;max-height:calc(100vh - 130px);background:#fff;border-radius:16px;overflow:hidden;
  box-shadow:0 26px 70px rgba(20,33,61,.22);display:none;flex-direction:column;z-index:99999;
  font-family:'Jost','Segoe UI',sans-serif}
.klc-panel.klc-open{display:flex}

.klc-head{background:var(--klc-dark,#14213D);color:#fff;padding:18px 20px;display:flex;
  align-items:center;justify-content:space-between;flex-shrink:0}
.klc-head h4{margin:0;font-family:'Poppins',sans-serif;font-size:16px;font-weight:700}
.klc-head p{margin:2px 0 0;font-size:12px;color:#B7BCD1}
.klc-close{background:none;border:none;color:#B7BCD1;font-size:22px;line-height:1;cursor:pointer;padding:0 4px}
.klc-close:hover{color:#fff}

.klc-body{flex:1;overflow-y:auto;padding:18px;background:#F7F4ED}

.klc-msg{max-width:82%;padding:11px 14px;border-radius:12px;font-size:14px;line-height:1.55;
  margin-bottom:10px;word-wrap:break-word;white-space:pre-wrap}
.klc-msg.klc-visitor{margin-left:auto;background:var(--klc-dark,#14213D);color:#fff;border-bottom-right-radius:4px}
.klc-msg.klc-agent{background:#fff;color:#3D4358;border:1px solid #ECE7DA;border-bottom-left-radius:4px}
.klc-msg.klc-system{background:transparent;color:#7A8090;font-size:12.5px;text-align:center;
  max-width:100%;padding:6px 0}
.klc-meta{display:block;font-size:11px;opacity:.65;margin-top:4px}

.klc-foot{border-top:1px solid #ECE7DA;padding:12px;background:#fff;flex-shrink:0}
.klc-foot input,.klc-foot textarea{width:100%;box-sizing:border-box;background:#F1EEE7;
  border:1px solid #F1EEE7;border-radius:8px;padding:11px 12px;font-family:inherit;font-size:14px;
  color:var(--klc-dark,#14213D);margin-bottom:8px;resize:none}
.klc-foot input:focus,.klc-foot textarea:focus{outline:none;border-color:var(--klc-accent,#D4A548)}
.klc-foot button{width:100%;background:var(--klc-accent,#D4A548);color:var(--klc-dark,#14213D);
  border:none;border-radius:8px;padding:12px;font-family:'Poppins',sans-serif;font-size:14px;
  font-weight:600;cursor:pointer;transition:.18s}
.klc-foot button:hover{background:var(--klc-dark,#14213D);color:#fff}
.klc-foot button[disabled]{opacity:.55;cursor:not-allowed}
.klc-row{display:flex;gap:8px}
.klc-row textarea{margin-bottom:0}
.klc-row button{width:auto;flex-shrink:0;padding:12px 18px}
.klc-hp{position:absolute!important;left:-9999px!important}
.klc-err{color:#C0392B;font-size:12.5px;margin:0 0 8px}

@media (max-width:480px){
  .klc-panel{right:12px;left:12px;width:auto;bottom:84px;height:calc(100vh - 110px)}
  .klc-launcher{right:16px;bottom:16px}
}