/* DevHive Assistant styles (from the original site) */
:root{--navy:#001727;--ink:#0b1f2e;--slate:#5b7385;--white:#fff;--display:var(--f-d);--body:var(--f-b);--mono:var(--f-m);--shadow-lg:0 40px 90px rgba(0,0,0,.45);--radius:18px}
.dhbot{position:fixed;bottom:24px;right:24px;z-index:200;font-family:var(--body)}
.dhbot-toggle{width:64px;height:64px;border-radius:50%;border:0;cursor:pointer;
  background:linear-gradient(135deg,var(--teal),var(--blue));
  display:grid;place-items:center;color:#fff;
  box-shadow:0 14px 36px rgba(0,189,195,.45);position:relative;
  transition:transform .25s var(--ease)}
.dhbot-toggle:hover{transform:translateY(-4px) scale(1.03)}
.dhbot-toggle img{filter:brightness(0) invert(1);width:34px;height:38px}
.dhbot-teaser{position:absolute;bottom:78px;right:4px;width:248px;background:#fff;border-radius:16px;
  padding:14px 16px 14px;box-shadow:0 22px 50px rgba(0,30,60,.26);border:1px solid var(--line);
  opacity:0;visibility:hidden;transform:translateY(12px) scale(.96);transform-origin:bottom right;
  transition:opacity .4s var(--ease),transform .4s var(--ease),visibility .4s;z-index:201}
.dhbot-teaser.show{opacity:1;visibility:visible;transform:none}
.dhbot-teaser b{display:block;font:700 13.5px var(--display);color:var(--ink);margin-bottom:3px}
.dhbot-teaser p{margin:0;font-size:12.5px;color:var(--slate);line-height:1.45}
.dhbot-teaser .tz-close{position:absolute;top:8px;right:8px;width:22px;height:22px;border-radius:50%;
  border:0;background:var(--mist);color:var(--slate);cursor:pointer;font-size:14px;line-height:1;display:grid;place-items:center}
.dhbot-teaser .tz-close:hover{background:var(--line);color:var(--ink)}
.dhbot-teaser::after{content:"";position:absolute;bottom:-7px;right:26px;width:14px;height:14px;background:#fff;
  border-right:1px solid var(--line);border-bottom:1px solid var(--line);transform:rotate(45deg)}
.dhbot-dot{position:absolute;top:6px;right:6px;width:14px;height:14px;border-radius:50%;background:#22c55e;border:2px solid #fff;animation:pulse 2.2s infinite}
.dhbot-panel{position:absolute;bottom:80px;right:0;width:360px;max-width:calc(100vw - 40px);
  max-height:calc(100vh - 120px);display:flex;flex-direction:column;
  border-radius:20px;background:#fff;box-shadow:0 30px 80px rgba(0,30,60,.30);
  overflow:hidden;opacity:0;visibility:hidden;transform:translateY(20px);
  transition:opacity .35s var(--ease),visibility .35s var(--ease),transform .35s var(--ease)}
.dhbot.open .dhbot-panel{opacity:1;visibility:visible;transform:translateY(0)}
.dhbot.open .dhbot-toggle{transform:scale(.92)}
.dhbot-head{display:flex;align-items:center;gap:12px;padding:18px 18px 16px;
  background:linear-gradient(135deg,var(--teal),var(--blue));color:#fff}
.dhbot-head img{filter:brightness(0) invert(1)}
.dhbot-name b{display:block;font:700 15px var(--display);line-height:1.1}
.dhbot-name span{display:flex;align-items:center;gap:6px;font:600 11px var(--body);opacity:.9;margin-top:3px}
.dhbot-online{width:8px;height:8px;border-radius:50%;background:#86efac;box-shadow:0 0 0 0 rgba(134,239,172,.6);animation:pulse 2s infinite}
.dhbot-close{margin-left:auto;background:rgba(255,255,255,.18);border:0;color:#fff;
  width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:22px;line-height:1;display:grid;place-items:center}
.dhbot-close:hover{background:rgba(255,255,255,.28)}
.dhbot-body{flex:1;min-height:140px;max-height:340px;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px;background:#f6fafd}
.dhbot-msg{max-width:82%;padding:10px 14px;border-radius:14px;font:500 13.5px var(--body);line-height:1.45;animation:msgIn .35s var(--ease)}
@keyframes msgIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.dhbot-msg.bot{align-self:flex-start;background:#fff;color:var(--ink);border:1px solid #e3ecf3;border-bottom-left-radius:5px}
.dhbot-msg.user{align-self:flex-end;background:linear-gradient(135deg,var(--teal),var(--blue));color:#fff;border-bottom-right-radius:5px}
.dhbot-typing{align-self:flex-start;display:flex;gap:5px;padding:13px 16px;background:#fff;border:1px solid #e3ecf3;border-radius:14px;border-bottom-left-radius:5px}
.dhbot-typing i{width:7px;height:7px;border-radius:50%;background:#9fc6d8;animation:blink 1.3s infinite}
.dhbot-typing i:nth-child(2){animation-delay:.2s}.dhbot-typing i:nth-child(3){animation-delay:.4s}
.dhbot-foot{padding:14px 16px;background:#fff;border-top:1px solid #e3ecf3}
.dhbot-quick{display:flex;flex-wrap:wrap;gap:7px}
.dhbot-quick button{padding:8px 13px;border-radius:18px;border:1px solid var(--line);background:#f6fafd;cursor:pointer;
  font:600 12.5px var(--body);color:var(--ink);transition:all .2s}
.dhbot-quick button:hover{border-color:var(--teal);color:var(--teal);background:#fff}
.dhbot-quick a{padding:8px 13px;border-radius:18px;background:linear-gradient(135deg,var(--teal),var(--blue));color:#fff;font:700 12.5px var(--body)}
@media (max-width:640px){.dhbot{bottom:16px;right:16px}.dhbot-panel{width:calc(100vw - 32px)}}
@keyframes blink{50%{opacity:.25}}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(0,189,195,.55)}70%{box-shadow:0 0 0 12px rgba(0,189,195,0)}100%{box-shadow:0 0 0 0 rgba(0,189,195,0)}}
.dhbot{z-index:900}