/* --- AI Chat Styles --- */
.ai-chat { position: fixed; bottom: 30px; right: 30px; z-index: 1000; font-family: inherit; }
.ai-chat__toggle { 
  width: 60px; height: 60px; border-radius: 50%; background: var(--emerald-900);
  border: none; cursor: pointer; box-shadow: 0 10px 25px rgba(0,0,0,0.2);
  display: flex; align-items: center; justify-content: center; transition: transform 0.3s;
}
.ai-chat__toggle svg { width: 28px; height: 28px; fill: white; }
.ai-chat__toggle:hover { transform: scale(1.1); }
.ai-chat__badge {
  position: absolute; top: -5px; right: -5px; background: #ef4444; color: white;
  font-size: 12px; padding: 2px 6px; border-radius: 10px; border: 2px solid #fff;
}

.ai-chat__window {
  position: absolute; bottom: 80px; right: 0; width: 350px; max-height: 500px;
  background: white; border-radius: 20px; overflow: hidden;
  display: flex; flex-direction: column; box-shadow: 0 15px 50px rgba(0,0,0,0.15);
}
.ai-chat__header { 
  background: var(--emerald-900); color: white; padding: 15px;
  display: flex; align-items: center; gap: 12px; position: relative;
}
.ai-chat__avatar { width: 35px; height: 35px; background: white; border-radius: 50%; padding: 5px; }
.ai-chat__title { font-weight: 700; font-size: 15px; }
.ai-chat__status { font-size: 11px; opacity: 0.8; }
.ai-chat__close { 
  position: absolute; right: 15px; background: none; border: none; 
  color: white; font-size: 24px; cursor: pointer; 
}

.ai-chat__messages { 
  flex: 1; padding: 20px; overflow-y: auto; display: flex; 
  flex-direction: column; gap: 12px; background: #f9f9f9; min-height: 300px;
}
.ai-msg { padding: 10px 14px; border-radius: 15px; font-size: 14px; max-width: 85%; line-height: 1.4; }
.ai-msg--bot { background: white; align-self: flex-start; border: 1px solid var(--border); }
.ai-msg--user { background: var(--emerald-700); color: red; align-self: flex-end; }

.ai-chat__input-area { padding: 15px; border-top: 1px solid var(--border); display: flex; gap: 10px; }
.ai-chat__input-area input { flex: 1; border: 1px solid var(--border); border-radius: 20px; padding: 8px 15px; outline: none; }
.ai-chat__send { background: none; border: none; cursor: pointer; display: flex; align-items: center; }
.ai-chat__send svg { width: 24px; height: 24px; fill: var(--emerald-900); }

@media (max-width: 480px) {
  .ai-chat__window { width: calc(100vw - 40px); bottom: 70px; }
}