#nh-chatbot-launcher{
  position:fixed;right:18px;bottom:18px;width:84px;height:84px;border:0;border-radius:999px;
  cursor:pointer;box-shadow:0 10px 24px rgba(0,0,0,.18);background:#1a73e8;
  display:grid;place-items:center;z-index:99999
}
#nh-chatbot-launcher img{width:54px;height:54px}

#nh-chatbot-panel{
  position:fixed;
  right:18px;
  bottom:86px;

  /* bigger panel */
  width: 460px;
  height: 650px;

  /* keep it responsive on small screens */
  max-width: calc(100vw - 36px);
  max-height: calc(100vh - 140px);

  border-radius:16px;
  overflow:hidden;
  box-shadow:0 18px 45px rgba(0,0,0,.25);
  background:#fff;
  z-index:99999;
  display:none;
  border:1px solid rgba(0,0,0,.08);
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
}

#nh-chatbot-panel.open{display:flex;flex-direction:column}

#nh-chatbot-header{
  background:linear-gradient(90deg,#1a73e8,#4285f4);color:#fff;padding:12px;
  display:flex;align-items:center;justify-content:space-between
}
#nh-chatbot-header .title{display:flex;align-items:center;gap:10px;font-weight:700;font-size:14px}
#nh-chatbot-header .title img{width:22px;height:22px}
#nh-chatbot-header button{
  border:0;background:rgba(255,255,255,.18);color:#fff;width:34px;height:34px;border-radius:10px;cursor:pointer
}

#nh-chatbot-messages{padding:14px;overflow:auto;flex:1;background:#f6f8fb;font-size:14px}
.nh-msg{max-width:86%;padding:12px 14px;border-radius:14px;margin:8px 0;line-height:1.35;font-size:14px;white-space:pre-wrap;word-break:break-word}
.nh-msg.user{margin-left:auto;background:#1a73e8;color:#fff;border-bottom-right-radius:6px}
.nh-msg.bot{margin-right:auto;background:#fff;color:#1f2937;border-bottom-left-radius:6px;border:1px solid rgba(0,0,0,.06)}

.nh-cards{margin-top:10px;display:grid;gap:8px}
.nh-card{background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:14px;padding:10px 12px}
.nh-card .name{font-weight:800;font-size:13px}
.nh-card .meta{opacity:.85;margin-top:4px;font-size:12px}

#nh-chatbot-inputbar{display:flex;gap:8px;padding:10px;border-top:1px solid rgba(0,0,0,.08);background:#fff}
#nh-chatbot-inputbar input{flex:1;border:1px solid rgba(0,0,0,.15);border-radius:12px;padding:10px 12px;outline:none;font-size:13px}
#nh-chatbot-inputbar button{border:0;background:#1a73e8;color:#fff;padding:0 14px;border-radius:12px;cursor:pointer;font-weight:700}

#nh-chatbot-hint{font-size:11px;opacity:.75;padding:0 12px 10px;background:#fff}

/* Typing indicator bubble */
.nh-typing {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.nh-spinner {
  width: 12px;
  height: 12px;
  border: 2px solid rgba(0,0,0,.15);
  border-top-color: rgba(0,0,0,.55);
  border-radius: 50%;
  animation: nhspin .8s linear infinite;
}
@keyframes nhspin { to { transform: rotate(360deg); } }