#aichat-container{position:fixed;bottom:24px;right:24px;z-index:99999;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif}
#aichat-toggle{width:58px;height:58px;border-radius:50%;background:#1a1a2e;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px rgba(0,0,0,.25);transition:transform .2s,box-shadow .2s;margin-left:auto}
#aichat-toggle:hover{transform:scale(1.08);box-shadow:0 6px 28px rgba(0,0,0,.3)}
#aichat-window{position:absolute;bottom:72px;right:0;width:340px;max-height:500px;background:#fff;border-radius:16px;box-shadow:0 8px 40px rgba(0,0,0,.18);display:flex;flex-direction:column;overflow:hidden;animation:aichat-up .25s ease}
@keyframes aichat-up{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
#aichat-header{background:#1a1a2e;padding:14px 16px;color:#fff}
.aichat-header-info{display:flex;align-items:center;gap:10px}
.aichat-avatar{width:36px;height:36px;background:rgba(255,255,255,.15);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.aichat-bot-name{font-weight:600;font-size:14px}
.aichat-status{font-size:11px;opacity:.75;display:flex;align-items:center;gap:5px;margin-top:2px}
.aichat-dot{width:7px;height:7px;background:#4ade80;border-radius:50%;display:inline-block}
#aichat-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px;max-height:320px;background:#f8f9fb}
.aichat-message{display:flex;flex-direction:column}
.aichat-message.aichat-user{align-items:flex-end}
.aichat-message.aichat-bot{align-items:flex-start}
.aichat-bubble{max-width:82%;padding:10px 14px;border-radius:14px;font-size:13.5px;line-height:1.5;word-wrap:break-word}
.aichat-user .aichat-bubble{background:#1a1a2e;color:#fff;border-bottom-right-radius:4px}
.aichat-bot .aichat-bubble{background:#fff;color:#222;border-bottom-left-radius:4px;box-shadow:0 1px 4px rgba(0,0,0,.08)}
.aichat-typing .aichat-bubble{display:flex;gap:4px;align-items:center;padding:12px 16px}
.aichat-typing-dot{width:7px;height:7px;background:#aaa;border-radius:50%;animation:aichat-bounce 1.2s infinite}
.aichat-typing-dot:nth-child(2){animation-delay:.2s}
.aichat-typing-dot:nth-child(3){animation-delay:.4s}
@keyframes aichat-bounce{0%,60%,100%{transform:translateY(0)}30%{transform:translateY(-5px)}}
#aichat-input-area{display:flex;align-items:center;gap:8px;padding:12px 14px;border-top:1px solid #eee;background:#fff}
#aichat-input{flex:1;border:1.5px solid #e0e0e0;border-radius:24px;padding:9px 16px;font-size:13.5px;outline:none;transition:border-color .2s;font-family:inherit;color:#222}
#aichat-input:focus{border-color:#1a1a2e}
#aichat-send{width:38px;height:38px;background:#1a1a2e;color:#fff;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .2s,transform .15s}
#aichat-send:hover{background:#2d2d50;transform:scale(1.05)}
#aichat-send:disabled{opacity:.5;cursor:not-allowed}
@media(max-width:400px){#aichat-container{bottom:16px;right:16px}#aichat-window{width:calc(100vw - 32px);right:-16px}}

.aichat-bot .aichat-bubble a {
    color: #4f8ef7;
    text-decoration: underline;
    word-break: break-all;
}
.aichat-bot .aichat-bubble a:hover {
    color: #1a1a2e;
}

#aichat-disclaimer {
    font-size: 10px;
    color: #9ca3af;
    text-align: center;
    padding: 4px 14px 8px;
    background: #fff;
}
