#ai-chat-widget{
position:fixed;
bottom:20px;
right:20px;
font-family:Inter,Arial;
z-index:9999;
}

#chat-toggle{
width:60px;
height:60px;
background:#2563eb;
color:white;
display:flex;
align-items:center;
justify-content:center;
border-radius:50%;
cursor:pointer;
font-size:24px;
box-shadow:0 6px 20px rgba(0,0,0,.2);
}

#chat-window{
width:360px;
height:520px;
background:white;
border-radius:12px;
box-shadow:0 10px 35px rgba(0,0,0,.25);
display:none;
flex-direction:column;
overflow:hidden;
}

.chat-header{
background:#2563eb;
color:white;
padding:12px;
font-weight:bold;
display:flex;
justify-content:space-between;
}

#chat-body{
flex:1;
padding:10px;
overflow-y:auto;
background:#f1f5f9;
}

.message{
max-width:75%;
padding:10px;
margin:8px 0;
border-radius:10px;
line-height:1.4;
}

.user{
background:#2563eb;
color:white;
margin-left:auto;
}

.bot{
background:#e2e8f0;
}

.chat-input-area{
display:flex;
border-top:1px solid #ddd;
}

#chat-input{
flex:1;
border:none;
padding:10px;
outline:none;
}

#send-btn{
background:#2563eb;
color:white;
border:none;
padding:10px 15px;
cursor:pointer;
}

.upload-area{
display:flex;
flex-wrap:wrap;
gap:6px;
padding:8px;
border-top:1px solid #ddd;
}

.upload-area button{
background:#10b981;
color:white;
border:none;
padding:6px 10px;
cursor:pointer;
border-radius:4px;
}

#clear-btn{
background:#ef4444;
}

.typing{
display:none;
padding:6px 10px;
font-size:12px;
color:#555;
}