:root{--ailc-c:#4f46e5;--ailc-cl:rgba(79,70,229,0.1);--ailc-r:16px;--ailc-sh:0 8px 40px rgba(0,0,0,0.18);}
#ailc-widget{position:fixed;bottom:22px;right:22px;z-index:99999;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;}
#ailc-bubble{width:58px;height:58px;background:var(--ailc-c);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--ailc-sh);border:none;outline:none;transition:transform .2s;}
#ailc-bubble:hover{transform:scale(1.08);}
#ailc-bubble svg{width:26px;height:26px;fill:#fff;transition:opacity .15s;}
#ailc-bubble .ailc-x{display:none;}
#ailc-widget.open #ailc-bubble .ailc-chat-ic{display:none;}
#ailc-widget.open #ailc-bubble .ailc-x{display:block;}
#ailc-badge{position:absolute;top:-3px;right:-3px;background:#ef4444;color:#fff;border-radius:50%;width:19px;height:19px;font-size:10px;font-weight:700;display:none;align-items:center;justify-content:center;border:2px solid #fff;}
#ailc-badge.show{display:flex;}
#ailc-box{position:absolute;bottom:70px;right:0;width:350px;max-height:540px;background:#fff;border-radius:var(--ailc-r);box-shadow:var(--ailc-sh);display:none;flex-direction:column;overflow:hidden;animation:ailc-up .22s ease;}
@keyframes ailc-up{from{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:none}}
#ailc-widget.open #ailc-box{display:flex;}
#ailc-box-head{background:var(--ailc-c);padding:14px 16px;color:#fff;display:flex;align-items:center;gap:10px;}
.ailc-bot-av{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0;}
.ailc-bot-name{font-size:14px;font-weight:700;}
.ailc-bot-status{font-size:11px;opacity:.8;display:flex;align-items:center;gap:4px;margin-top:2px;}
.ailc-dot{width:6px;height:6px;background:#4ade80;border-radius:50%;display:inline-block;}
#ailc-intake{padding:18px;display:flex;flex-direction:column;gap:10px;}
#ailc-intake p{margin:0;font-size:13px;color:#555;}
#ailc-intake input{width:100%;box-sizing:border-box;border:1.5px solid #e5e7eb;border-radius:9px;padding:9px 11px;font-size:13px;outline:none;}
#ailc-intake input:focus{border-color:var(--ailc-c);}
#ailc-start{background:var(--ailc-c);color:#fff;border:none;border-radius:9px;padding:10px;font-size:13px;font-weight:600;cursor:pointer;}
#ailc-msgs-area{flex:1;overflow-y:auto;padding:12px 12px 4px;display:flex;flex-direction:column;gap:7px;min-height:180px;}
#ailc-msgs-area::-webkit-scrollbar{width:3px;}
#ailc-msgs-area::-webkit-scrollbar-thumb{background:#ddd;border-radius:3px;}
.ailc-row{display:flex;align-items:flex-end;gap:6px;max-width:86%;}
.ailc-row.bot{align-self:flex-start;}
.ailc-row.usr{align-self:flex-end;flex-direction:row-reverse;}
.ailc-row-av{width:26px;height:26px;border-radius:50%;background:var(--ailc-cl);display:flex;align-items:center;justify-content:center;font-size:12px;flex-shrink:0;}
.ailc-bubble{padding:8px 12px;border-radius:14px;font-size:13px;line-height:1.5;word-break:break-word;}
.ailc-row.bot .ailc-bubble{background:#f3f4f6;color:#111;border-bottom-left-radius:3px;}
.ailc-row.usr .ailc-bubble{background:var(--ailc-c);color:#fff;border-bottom-right-radius:3px;}
.ailc-t{font-size:10px;color:#bbb;margin-top:2px;padding:0 4px;}
.ailc-typing{display:flex;align-items:center;gap:4px;padding:8px 12px;}
.ailc-typing span{width:6px;height:6px;background:#ccc;border-radius:50%;animation:ailc-b 1.2s infinite;}
.ailc-typing span:nth-child(2){animation-delay:.2s;}
.ailc-typing span:nth-child(3){animation-delay:.4s;}
@keyframes ailc-b{0%,60%,100%{transform:translateY(0)}30%{transform:translateY(-5px)}}
#ailc-input-area{display:flex;gap:7px;padding:8px 10px 12px;border-top:1px solid #f0f0f0;align-items:flex-end;}
#ailc-input{flex:1;border:1.5px solid #e5e7eb;border-radius:10px;padding:8px 10px;font-size:13px;resize:none;outline:none;max-height:90px;overflow-y:auto;}
#ailc-input:focus{border-color:var(--ailc-c);}
#ailc-send{background:var(--ailc-c);color:#fff;border:none;border-radius:9px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;}
#ailc-send svg{width:16px;height:16px;fill:#fff;}
.ailc-pw{text-align:center;font-size:10px;color:#ccc;padding-bottom:5px;}
@media(max-width:400px){#ailc-box{width:calc(100vw - 16px);right:-10px;}}
