/* NJ WINES Chat Widget Styles */
/* ===== Chat Toggle ===== */
#njChatToggle:checked + #njPremiumChat { 
  display: flex !important; 
}
#njChatFab { 
  display: flex !important; 
}

/* ===== Responsive ===== */
@media (max-width: 440px) {
  #njPremiumChat { 
    width: calc(100vw - 32px) !important; 
    max-width: 380px !important; 
    height: 75vh !important; 
  }
  #njPremiumChat .nj-chat-header { 
    padding: 12px 16px !important; 
  }
  #njPremiumChat textarea, #njPremiumChat input { 
    font-size: 16px !important; 
  }
}

/* ===== Hover Effects ===== */
.nj-chat-toggle-btn:hover {
  transform: scale(1.1) !important;
}

/* ===== Animations ===== */
@keyframes njPulse {
  0%, 100% { opacity: 0.4; }
  50% { opacity: 1; }
}
.nj-typing-dot {
  animation: njPulse 1.4s ease-in-out infinite;
}
.nj-typing-dot:nth-child(2) { animation-delay: 0.2s; }
.nj-typing-dot:nth-child(3) { animation-delay: 0.4s; }

/* ===== Admin Panel ===== */
.nj-admin-mode #njChatBody { display: none !important; }
.nj-admin-mode .nj-chat-input-area { display: none !important; }

/* ===== Client Search ===== */
#njAdminPanel { display: none; flex-direction: column; height: 100%; }
.nj-admin-mode #njAdminPanel { display: flex !important; }

.nj-client-result {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 16px;
  cursor: pointer;
  transition: background 0.15s;
  border-bottom: 1px solid rgba(202,198,189,0.3);
}
.nj-client-result:hover {
  background: rgba(254,212,136,0.12);
}
.nj-client-result:last-child {
  border-bottom: none;
}
.nj-client-avatar {
  width: 32px; height: 32px;
  border-radius: 50%;
  background: #e6e2e0;
  display: flex; align-items: center; justify-content: center;
  font-size: 10px; font-weight: 700;
  flex-shrink: 0;
  color: #484740;
  font-family: 'DM Sans', sans-serif;
}

/* ===== Admin Chat (after selecting a client) ===== */
#njAdminClientChat { display: none; flex-direction: column; height: 100%; }
.nj-admin-chatting #njAdminPanel { display: none !important; }
.nj-admin-chatting #njAdminClientChat { display: flex !important; }