.octa-support{--os-blue:#1457d9;--os-text:#162033;--os-line:#e5eaf1;font-family:Inter,Arial,sans-serif;position:relative;z-index:2147482000}
.octa-support__launcher{position:fixed;right:22px;bottom:22px;width:56px;height:56px;border:0;border-radius:50%;background:var(--os-blue);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 10px 28px rgba(20,87,217,.3);z-index:2147482001;transition:.16s ease}
.octa-support__launcher:hover{transform:translateY(-2px)}
.octa-support__launcher svg{width:27px;height:27px;fill:currentColor}
.octa-support__badge{position:absolute;right:-2px;top:-2px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#ef4444;color:#fff;border:2px solid #fff;font-size:11px;font-weight:800;line-height:16px}
.octa-support__panel{position:fixed;right:22px;bottom:90px;width:min(370px,calc(100vw - 28px));height:520px;max-height:calc(100vh - 120px);background:#fff;border:1px solid rgba(20,32,51,.08);border-radius:20px;box-shadow:0 22px 60px rgba(14,27,49,.2);display:flex;flex-direction:column;overflow:hidden;opacity:0;visibility:hidden;transform:translateY(10px) scale(.98);transform-origin:bottom right;transition:.17s ease;z-index:2147482000}
.octa-support__panel.is-open{opacity:1;visibility:visible;transform:none}
.octa-support__head{padding:17px 18px;background:#fff;border-bottom:1px solid var(--os-line);display:flex;align-items:center;justify-content:space-between}
.octa-support__head strong{display:block;font-size:15px;color:var(--os-text)}
.octa-support__head span{display:flex;align-items:center;gap:6px;margin-top:4px;font-size:11px;color:#778196}
.octa-support__head span i{width:7px;height:7px;border-radius:50%;background:#24b36b}
.octa-support__close{width:34px;height:34px;border:0;background:#f3f5f8;border-radius:50%;font-size:24px;line-height:1;color:#526070;cursor:pointer}
.octa-support__quick{display:flex;gap:7px;padding:11px 13px;border-bottom:1px solid var(--os-line);overflow-x:auto}
.octa-support__quick button{white-space:nowrap;border:1px solid #dce4ef;background:#f8fafc;color:#46556a;border-radius:999px;padding:7px 10px;font-size:11px;cursor:pointer}
.octa-support__messages{flex:1;overflow:auto;padding:15px;background:#f6f8fb}
.octa-support__hello{max-width:86%;background:#fff;color:#445166;border:1px solid #e5eaf1;border-radius:14px 14px 14px 5px;padding:10px 12px;font-size:13px;line-height:1.42;margin-bottom:10px}
.octa-support__msg{max-width:84%;margin:8px 0;font-size:13px;line-height:1.42}
.octa-support__msg>div{padding:10px 12px;border-radius:14px}
.octa-support__msg time{display:block;font-size:9px;color:#8a94a5;margin-top:3px}
.octa-support__msg.is-customer{margin-left:auto;text-align:right}
.octa-support__msg.is-customer>div{background:var(--os-blue);color:#fff;border-radius:14px 14px 5px 14px;text-align:left}
.octa-support__msg.is-support>div{background:#fff;color:#334155;border:1px solid #e3e8ef;border-radius:14px 14px 14px 5px}
.octa-support__form{display:flex;align-items:flex-end;gap:8px;padding:12px;border-top:1px solid var(--os-line);background:#fff}
.octa-support__form textarea{flex:1;min-height:42px;max-height:96px;resize:none;border:1px solid #dce3ec;border-radius:13px;padding:11px 12px;outline:none;font:inherit;font-size:13px;color:#1f2937;background:#fff}
.octa-support__form textarea:focus{border-color:#9db7ed;box-shadow:0 0 0 3px rgba(20,87,217,.08)}
.octa-support__form button{width:42px;height:42px;flex:0 0 42px;border:0;border-radius:13px;background:var(--os-blue);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}
.octa-support__form button svg{width:22px;height:22px;fill:currentColor}
.octa-support__form.is-sending button{opacity:.55;pointer-events:none}
.octa-support__status{min-height:17px;padding:0 13px 9px;background:#fff;color:#b54747;font-size:10px}
@media(max-width:640px){
 .octa-support__launcher{right:14px;bottom:14px;width:52px;height:52px}
 .octa-support__panel{right:7px;bottom:74px;width:calc(100vw - 14px);height:min(560px,calc(100vh - 88px));max-height:none;border-radius:18px}
}