.aivn-chatkit-fab{
  position:fixed; left:16px; bottom:16px; z-index:99998;
  background: transparent; border:0; padding:0; cursor:pointer;
  width:72px; height:72px;
}
.aivn-chatkit-fab img{ width:100%; height:auto; display:block; }

.aivn-chatkit-panel{
  position:fixed; left:16px;
  bottom: calc(72px + 20px + 16px);
  z-index:99999; width:min(420px, 90vw); height:min(72vh, 720px);
  display:none; background:#fff; border-radius:16px; overflow:hidden;
  box-shadow:0 10px 28px rgba(0,0,0,.26); border:2px solid var(--aivn-primary, #6C2E1F);
}
.aivn-chatkit-panel.open{ display:block; }

@media (max-width:768px){
  .aivn-chatkit-panel{ left:5%; width:90%; height:70vh; }
  .aivn-chatkit-fab{ width:64px; height:64px; }
}

.aivn-chatkit-header{
  background:var(--aivn-primary, #6C2E1F); color:#fff; height:44px;
  display:flex; align-items:center; justify-content:center; font-weight:700;
  position:relative;
}
.aivn-chatkit-header .title{ font-size:16px; letter-spacing:.2px; text-align:center; }
.aivn-chatkit-header .close{
  position:absolute; right:8px; top:50%; transform:translateY(-50%);
  background:transparent; color:#fff; font-size:20px; line-height:1;
  border:0; cursor:pointer; padding:2px 6px; opacity:.9;
}
.aivn-chatkit-header .close:hover{ opacity:1; }

.aivn-chatkit-wrap{ position:relative; width:100%; height:calc(100% - 68px); background:#fff; }
.aivn-chatkit-footer{
  height:24px; display:flex; align-items:center; justify-content:center;
  font-size:12px; color:var(--aivn-primary, #6C2E1F); background:#f8f3f1; border-top:1px solid #ecd9d3;
}
.aivn-chatkit-footer a{ color:inherit; text-decoration:underline; }