#coklio-support-root{position:fixed;right:18px;bottom:19px;z-index:80;font-family:inherit;max-width:calc(100vw - 30px)}
.coklio-support-launch{border:0;border-radius:28px;padding:12px 19px;background:#102f39;color:#fff;font-weight:750;box-shadow:0 10px 30px #092e3440}
.coklio-support-panel{width:min(385px,calc(100vw - 30px));max-height:min(72vh,680px);overflow:hidden;background:white;border:1px solid #b8d6d1;border-radius:19px;box-shadow:0 24px 65px #12353e45;display:flex;flex-direction:column;margin-bottom:10px}
.coklio-support-panel[hidden],#coklio-support-root[hidden]{display:none!important}
.coklio-support-panel header{display:flex;justify-content:space-between;gap:14px;align-items:center;background:#102f39;color:#fff;padding:14px 17px}
.coklio-support-panel header button{border:1px solid #ffffff55;color:#fff;background:transparent;border-radius:9px;padding:6px}
.coklio-support-note{font-size:.77rem;line-height:1.5;color:#51686b;background:#f2f6f4;padding:11px 15px;margin:0}
.coklio-support-messages{display:flex;flex-direction:column;gap:9px;overflow:auto;min-height:85px;max-height:210px;padding:13px}
.coklio-support-msg{font-size:.87rem;line-height:1.48;padding:10px 12px;border-radius:12px;overflow-wrap:anywhere;margin:0;white-space:pre-line}
.coklio-support-msg.assistant{background:#eaf6f1;color:#173e3e;align-self:flex-start}
.coklio-support-msg.client{background:#e8ebf8;color:#283b61;align-self:flex-end}
.coklio-support-msg.note{background:#fff0e1;color:#724b21;align-self:flex-start}
.coklio-support-faq{padding:4px 14px 10px;display:flex;gap:6px;flex-wrap:wrap}
.coklio-support-faq button{background:white;color:#125a58;border:1px solid #c5e0d7;border-radius:12px;padding:7px 9px;font-size:.75rem}
.coklio-support-form{display:flex;gap:8px;padding:10px 14px;border-top:1px solid #e4ede8}
.coklio-support-form textarea{min-width:0;flex:1;border:1px solid #bed3cb;border-radius:9px;padding:10px;resize:vertical;font:inherit;font-size:16px}
.coklio-support-form button{background:#087e76;color:#fff;border:0;border-radius:10px;padding:0 12px;font-weight:750}
.coklio-support-form button:disabled{opacity:.5}
.coklio-support-contact{display:block;color:#076d69;text-align:center;font-size:.82rem;text-decoration:underline;padding:0 10px 12px}
@media(max-width:650px){#coklio-support-root{right:9px;bottom:10px}.coklio-support-panel{max-height:67vh}.coklio-support-launch{padding:11px 14px}}