:root{
  --havy-orange:#ff6a2d; --havy-bg:#ffffff; --havy-text:#273043; --havy-border:rgba(2,6,23,.12);
  -webkit-text-size-adjust:100%;
}
.havyChat-hide{ display:none !important; }

.havyChat-fab{
  position:fixed; right:18px; bottom:18px; z-index:2147483001;
  width:56px; height:56px; border-radius:50%;
  background:var(--havy-orange); color:#fff; border:none; box-shadow:0 10px 26px rgba(15,23,42,.18);
  display:flex; align-items:center; justify-content:center; cursor:pointer;
}
.havyChat-fab:active{ transform:scale(.98); }

.havyChat-hint{
  position:fixed; right:84px; bottom:28px; z-index:2147483000;
  background:#fff; color:var(--havy-text); border:1px solid var(--havy-border);
  padding:8px 10px; border-radius:10px; box-shadow:0 10px 26px rgba(15,23,42,.12);
  opacity:0; transform:translateY(8px); pointer-events:none; transition:all .28s ease;
  font:500 13px/1.2 system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}
.havyChat-hint.show{ opacity:1; transform:translateY(0); }

.havyChat-panel{
  position:fixed; right:18px; bottom:84px; z-index:2147483002;
  width:min(420px, 92vw); height:520px; display:flex; flex-direction:column;
  background:var(--havy-bg); color:var(--havy-text); border:1px solid var(--havy-border);
  border-radius:16px; box-shadow:0 16px 40px rgba(2,6,23,.18);
}
.havyChat-hidden{ display:none; }

@media (max-width: 768px){
  .havyChat-panel{
    left:0; right:0; bottom:0; top:auto;
    width:100vw; height:calc(var(--vh, 1vh) * 100);
    border-radius:0; border:0;
  }
}

.havyChat-head{
  display:flex; align-items:center; justify-content:space-between; gap:8px;
  padding:10px 12px; border-bottom:1px solid var(--havy-border); background:#fff;
}
.havyChat-head .logo{
  width:22px; height:22px; border-radius:6px; display:inline-block; margin-right:8px;
  background:var(--havy-orange);
  -webkit-mask: url('data:image/svg+xml;utf8,<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path fill="white" d="M20 2H4a2 2 0 0 0-2 2v18l4-4h14a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2zM7 9h10v2H7V9zm0 4h7v2H7v-2z"/></svg>') center/18px 18px no-repeat;
          mask: url('data:image/svg+xml;utf8,<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path fill="white" d="M20 2H4a2 2 0 0 0-2 2v18l4-4h14a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2zM7 9h10v2H7V9zm0 4h7v2H7v-2z"/></svg>') center/18px 18px no-repeat;
}
.havyChat-head b{ font:700 14px/1.1 system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; color:#111827; }
.havyChat-head .close{
  width:28px; height:28px; border-radius:8px; border:1px solid var(--havy-border);
  background:#fff; color:#111827; cursor:pointer;
}

.havyChat-body{
  flex:1; overflow:auto; padding:12px; background:#fff;
  font: 400 14px/1.35 system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}
.havyChat-msg{ max-width:80%; padding:8px 10px; margin:6px 0; border-radius:14px; white-space:pre-wrap; word-break:break-word; }
.havyChat-msg.user{
  margin-left:auto; background:#ffe9df; color:#111827; border:1px solid #ffd7c6;
}
.havyChat-msg.assistant{
  margin-right:auto; background:#f3f4f6; color:#111827; border:1px solid #e5e7eb;
}

.havyChat-foot{
  display:flex; align-items:flex-end; gap:8px; padding:10px; border-top:1px solid var(--havy-border);
  background:#fff;
}
.havyChat-input{
  flex:1; min-height:42px; max-height:140px; resize:none; padding:10px 12px; border-radius:10px; border:1px solid #d1d5db;
  outline:none; background:#fff; color:#111827; line-height:1.45;
  font-size:14px; 
}
.havyChat-send{
  height:42px; padding:0 14px; border-radius:10px; border:1px solid transparent; background:var(--havy-orange); color:#fff; font-weight:700; cursor:pointer;
}

@media (max-width: 768px){
  .havyChat-input{
    font-size:16px;           
    line-height:1.5;
    padding:12px 12px;
  }
  .havyChat-body{
    font-size:15px;
  }
  .havyChat-send{
    height:44px;
  }
}