/* Chat launcher */

#fc-launcher{
position:fixed;
bottom:20px;
right:20px;
width:60px;
height:60px;
background:#1b7f5f;
color:white;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
font-size:24px;
cursor:pointer;
z-index:999999;
box-shadow:0 6px 20px rgba(0,0,0,0.25);
transition:transform .2s ease;
}

#fc-launcher:hover{
transform:scale(1.05);
}


/* Chat container */

#fc-chat-container{
position:fixed;
bottom:90px;
right:20px;
width:380px;
height:520px;
display:none;
z-index:999999;
transition:all .25s ease;
transform-origin:bottom right;
}


#fc-chat-container.expanded{
width:520px;
height:80vh;
right:20px;
bottom:20px;
}


/* Main chat box */

#fc-chat{
background:white;
height:100%;
width:100%;
display:flex;
flex-direction:column;
border-radius:12px;
box-shadow:0 12px 30px rgba(0,0,0,0.25);
font-family:Arial, Helvetica, sans-serif;
overflow:hidden;
}


/* Header */

#fc-header{
background:#1b7f5f;
color:white;
padding:12px 14px;
display:flex;
justify-content:space-between;
align-items:center;
}

.fc-title{
font-weight:bold;
color:white;
font-size:16px;
}

.fc-header-buttons{
display:flex;
gap:12px;
}

#fc-expand,
#fc-close{
cursor:pointer;
color:white;
font-size:16px;
}


/* Disclaimer */

#fc-disclaimer{
background:#eef7f3;
padding:10px 14px;
font-size:12px;
border-bottom:1px solid #ddd;
color:#444;
line-height:1.4;
}


/* Messages container */

#fc-messages{
flex:1;
overflow-y:auto;
padding:12px;
background:#f7f7f7;
scroll-behavior:smooth;
}


/* Chat bubbles */

.user{
text-align:right;
margin:10px 0;
}

.bot{
text-align:left;
margin:10px 0;
}

.bubble{
display:inline-block;
padding:10px 12px;
border-radius:10px;
max-width:95%;
line-height:1.5;
word-break:break-word;
}


/* User bubble */

.user .bubble{
background:#1b7f5f;
color:white;
}


/* Bot bubble */

.bot .bubble{
background:#e5e5e5;
color:#333;
}


/* Summary section */

.fc-summary{
margin-bottom:12px;
line-height:1.6;
color:#333;
font-size:14px;
}


/* Input area */

#fc-input-area{
display:flex;
border-top:1px solid #ddd;
background:#fff;
}

#fc-input-area input{
flex:1;
padding:12px;
border:none;
outline:none;
font-size:14px;
}

#fc-input-area button{
background:#1b7f5f;
color:white;
border:none;
padding:10px 16px;
cursor:pointer;
font-weight:500;
transition:background .2s ease;
}

#fc-input-area button:hover{
background:#166a50;
}


/* Suggested prompts */

#fc-prompts{
margin-bottom:10px;
}

.fc-prompts-title{
font-size:13px;
color:#555;
margin-bottom:6px;
font-weight:600;
}

.fc-prompt{
background:#f3f3f3;
padding:10px 12px;
border-radius:8px;
margin-bottom:8px;
cursor:pointer;
font-size:13px;
line-height:1.4;
transition:all .2s ease;
}

.fc-prompt:hover{
background:#e9e9e9;
transform:translateX(2px);
}


/* Feedback buttons */

.fc-feedback{
margin-top:8px;
font-size:18px;
cursor:pointer;
display:flex;
gap:10px;
align-items:center;
}

.fc-feedback span{
cursor:pointer;
transition:transform .15s ease;
}

.fc-feedback span:hover{
transform:scale(1.1);
}

.fc-feedback-status{
font-size:12px;
color:green;
}


/* Related article section */

.fc-related-title{
font-weight:600;
margin-top:12px;
margin-bottom:8px;
color:#444;
}


/* Article cards */

.fc-article-container{
display:flex;
flex-direction:column;
gap:10px;
}

.fc-article-card{
background:#ffffff;
border:1px solid #e5e5e5;
border-radius:10px;
padding:12px;
transition:all .2s ease;
box-shadow:0 2px 6px rgba(0,0,0,0.05);
}

.fc-article-card:hover{
box-shadow:0 6px 16px rgba(0,0,0,0.15);
transform:translateY(-2px);
}

.fc-article-card a{
text-decoration:none;
color:inherit;
display:block;
}

.fc-article-title{
font-size:14px;
font-weight:500;
margin-bottom:6px;
color:#333;
line-height:1.4;
}

.fc-article-link{
font-size:12px;
color:#1a73e8;
}


/* Loader bubble */

#fc-loader .bubble{
background:#e5e5e5;
color:#555;
font-style:italic;
}


/* Scrollbar */

#fc-messages::-webkit-scrollbar{
width:6px;
}

#fc-messages::-webkit-scrollbar-thumb{
background:#ccc;
border-radius:4px;
}


/* Mobile */

@media (max-width:480px){

#fc-chat-container{
right:10px;
left:10px;
width:auto;
bottom:80px;
}

#fc-chat-container.expanded{
height:85vh;
}

}