.skyla-agent{position:fixed!important;right:24px!important;bottom:24px!important;width:min(389px,calc(100vw - 32px))!important;height:min(476px,calc(100vh - 32px))!important;background:#fff!important;border-radius:16px!important;box-shadow:0 24px 70px rgba(9,31,63,.22)!important;overflow:hidden!important;z-index:99999!important;border:2px solid #0b7cff!important;font-family:Inter,Arial,sans-serif!important;display:flex!important;flex-direction:column!important}
.skyla-agent.min{width:auto!important;height:auto!important}
.skyla-agent.min .skyla-agent-body,.skyla-agent.min .skyla-agent-input{display:none!important}
.skyla-agent-head{background:#0e4f9f!important;color:#fff!important;padding:10px 16px!important;min-height:74px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;flex:0 0 auto!important}
.skyla-agent-profile{display:flex!important;align-items:center!important;gap:12px!important;min-width:0!important}
.skyla-agent-avatar{position:relative;width:54px;height:54px;border-radius:50%;flex:0 0 54px;background:#e7f1ff;color:#0879fa;display:grid;place-items:center;font-weight:950;box-shadow:0 0 0 3px rgba(255,190,45,.95),0 0 0 0 rgba(34,197,94,.42);animation:skylaPulse 2.4s infinite}
.skyla-agent-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}
.skyla-agent-online{position:absolute;right:0;bottom:2px;width:14px;height:14px;border-radius:50%;background:#22c55e;border:3px solid #fff;box-shadow:0 0 0 2px rgba(34,197,94,.2)}
.skyla-agent-head strong{display:block}
.skyla-agent-head small{opacity:.95;display:flex;align-items:center;gap:6px}
.skyla-agent-head button{border:0!important;background:rgba(255,255,255,.18)!important;color:#fff!important;border-radius:10px!important;width:24px!important;height:32px!important;padding:0!important;font-weight:900!important;cursor:pointer!important;min-width:0!important;line-height:1!important}
.skyla-agent-body{flex:1 1 auto!important;min-height:0!important;padding:16px!important;overflow:auto!important;background:#f7fbff!important;display:grid!important;align-content:start!important;gap:12px!important;scrollbar-color:#8a8a8a #eef5fc!important}
.skyla-agent-body::-webkit-scrollbar{width:10px}
.skyla-agent-body::-webkit-scrollbar-track{background:#eef5fc}
.skyla-agent-body::-webkit-scrollbar-thumb{background:#8a8a8a;border-radius:999px;border:2px solid #eef5fc}
.sky-msg{padding:12px 14px!important;border-radius:14px!important;line-height:1.55!important;font-size:14px!important;width:auto!important;max-width:100%!important;margin-top:0!important;margin-bottom:0!important;text-align:left!important}
.sky-msg.bot{background:#fff!important;border:1px solid #dfe9f6!important;color:#142b52!important}
.sky-msg.user{background:#0879fa!important;color:#fff!important;margin-left:28px!important}
.sky-msg.typing{display:inline-flex;align-items:center;gap:4px;width:max-content;min-width:62px}
.sky-msg.typing span{width:6px;height:6px;border-radius:50%;background:#8aa1c0;display:block;animation:skylaTyping 1s infinite ease-in-out}
.sky-msg.typing span:nth-child(2){animation-delay:.14s}
.sky-msg.typing span:nth-child(3){animation-delay:.28s}
.sky-agent-note{font-size:12px;color:#637895;text-align:center;margin-top:4px}
.sky-human-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:2px}
.sky-human-actions a{border-radius:999px;background:#e8f3ff;color:#075fc4;border:1px solid #cfe2f7;padding:7px 10px;font-size:12px;font-weight:900;text-decoration:none}
.skyla-agent-input{display:flex!important;align-items:stretch!important;gap:8px!important;padding:12px!important;background:#fff!important;border-top:1px solid #e6eef8!important;flex:0 0 auto!important;width:100%!important}
.skyla-agent-input input{flex:1 1 auto!important;width:auto!important;min-width:0!important;height:44px!important;border:1px solid #d6e3f2!important;border-radius:10px!important;padding:12px!important;font:inherit!important;color:#142b52!important;background:#fff!important;box-shadow:none!important}
.skyla-agent-input button{flex:0 0 auto!important;width:auto!important;min-width:88px!important;height:44px!important;border:0!important;background:#071f4a!important;color:#fff!important;border-radius:10px!important;padding:0 15px!important;font-weight:900!important;cursor:pointer!important;line-height:1!important}
.skyla-suggestions{display:flex!important;gap:6px!important;flex-wrap:wrap!important;align-items:center!important;justify-content:flex-start!important;width:100%!important}
.skyla-suggestions button{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:auto!important;min-width:0!important;height:auto!important;border:1px solid #dfe9f6!important;background:#fff!important;color:#075fc4!important;border-radius:999px!important;padding:6px 9px!important;margin:0!important;font-weight:800!important;font-size:12px!important;line-height:1.2!important;cursor:pointer!important;box-shadow:none!important;text-transform:none!important}
@keyframes skylaPulse{0%{box-shadow:0 0 0 3px rgba(255,190,45,.95),0 0 0 0 rgba(34,197,94,.42)}70%{box-shadow:0 0 0 3px rgba(255,190,45,.95),0 0 0 10px rgba(34,197,94,0)}100%{box-shadow:0 0 0 3px rgba(255,190,45,.95),0 0 0 0 rgba(34,197,94,0)}}
@keyframes skylaTyping{0%,80%,100%{transform:translateY(0);opacity:.45}40%{transform:translateY(-3px);opacity:1}}
@media(max-width:700px){.skyla-agent{right:12px;left:12px;bottom:12px;width:auto}.skyla-agent-body{height:300px}}