:root {
 --violet1:#6B00D7;--violet2:#9D4BFF;--violet3:#CFAAFF;--dark:#0B021A;}
#chatButton{position:fixed;bottom:25px;right:25px;width:70px;height:70px;cursor:pointer;z-index:9999;background: transparent;}
#chatIcon{
    width:100%;
    background: transparent !important;
    border-radius: 50%;
    filter: drop-shadow(0 0 12px var(--violet2));
    animation: pulse 2s infinite;
}

@keyframes pulse{0%{transform:scale(1);}50%{transform:scale(1.06);}100%{transform:scale(1);}}
#chatWindow{display:none;position:fixed;bottom:110px;right:25px;width:380px;height:520px;
 background:var(--dark);border:1px solid var(--violet2);border-radius:18px;
 box-shadow:0 0 35px var(--violet1);backdrop-filter:blur(6px);z-index:99999;}
#chatHeader{display:flex;align-items:center;gap:10px;padding:12px;color:white;font-size:18px;border-bottom:1px solid var(--violet2);}
#avatar{width:40px;}
#messages{height:390px;overflow-y:auto;padding:12px;color:white;}
.msg-user{background:var(--violet1);padding:10px 14px;border-radius:12px;margin:10px 0;max-width:80%;margin-left:auto;}
.msg-bot{background:rgba(255,255,255,0.1);padding:10px 14px;border-radius:12px;margin:10px 0;max-width:80%;}
#inputArea{display:flex;border-top:1px solid var(--violet2);}
#inputBox{flex:1;padding:12px;background:transparent;border:none;color:white;}
button{background:var(--violet2);border:none;padding:12px;color:white;cursor:pointer;}
/* LINKURI ÎN MESAJE — DEVIN CLICABILE ȘI FRUMOASE */
.msg-bot a, .msg-user a {
    color: var(--violet3);
    font-weight: bold;
    text-decoration: underline;
    word-break: break-all; 
}

.msg-bot a:hover, .msg-user a:hover {
    color: var(--violet2);
    text-shadow: 0 0 6px var(--violet2);
}