#nikea-chat-toggle {
position: fixed;
right: 20px;
bottom: 20px;
width: 52px;
height: 52px;
background: #0b3c5d;
color: #fff;
border-radius: 50%;
text-align: center;
line-height: 52px;
font-size: 22px;
cursor: pointer;
z-index: 10000;
} #nikea-chat-widget {
position: fixed;
right: 20px;
bottom: 90px;
width: 320px;
background: #fff;
box-shadow: 0 0 15px rgba(0,0,0,0.2);
border-radius: 8px;
overflow: hidden;
font-family: Arial, sans-serif;
z-index: 10000;
}
.nikea-hidden {
display: none;
}
.nikea-chat-header {
background: #0b3c5d;
color: #fff;
padding: 12px;
font-weight: bold;
display: flex;
justify-content: space-between;
align-items: center;
}
#nikea-chat-close {
cursor: pointer;
}
.nikea-chat-messages {
padding: 10px;
height: 220px;
overflow-y: auto;
background: #f5f5f5;
}
.nikea-bot-message {
background: #e1e1e1;
padding: 8px 10px;
border-radius: 6px;
margin-bottom: 8px;
font-size: 14px;
}
.nikea-chat-input {
display: flex;
border-top: 1px solid #ddd;
}
.nikea-chat-input input {
flex: 1;
padding: 10px;
border: none;
}
.nikea-chat-input button {
background: #0b3c5d;
color: #fff;
border: none;
padding: 0 16px;
}
.nikea-user-message {
background: #0b3c5d;
color: #fff;
padding: 8px 10px;
border-radius: 6px;
margin-bottom: 8px;
font-size: 14px;
text-align: right;
}