/* Sağ alt mesaj kutusu */
.message-box{
  position: fixed; right:20px; bottom:20px; width:320px; z-index:9999; font-family:inherit;
}
.message-header{
  background:var(--ks-blue); color:#fff; padding:10px 12px; border-radius:12px 12px 0 0; cursor:pointer;
  box-shadow:0 8px 18px rgba(0,0,0,.2);
}
.message-content{
  display:none; background:#fff; border:1px solid #e6eaf5; border-top:none; border-radius:0 0 12px 12px;
  max-height:480px; overflow:hidden; box-shadow:0 18px 28px rgba(0,0,0,.12);
}
.message-list{ padding:12px; height:240px; overflow:auto; background:#f9fbff }
.message-item{ max-width:80%; margin:8px 0; padding:8px 10px; border-radius:12px; box-shadow:0 2px 6px rgba(0,0,0,.05) }
.message-item.me{ margin-left:auto; background:#e6f0ff }
.message-item .time{ display:block; font-size:11px; color:#777; margin-top:4px }
.message-form{ display:flex; flex-direction:column; gap:8px; padding:10px }
.message-form input, .message-form textarea{
  border:1px solid #d8e0f2; border-radius:10px; padding:8px; font-size:14px; width:100%;
}
.message-form button{ background:var(--ks-blue); color:#fff; border:0; padding:10px; border-radius:10px; cursor:pointer }
.message-form button:hover{ background:var(--ks-blue-light) }
.hint{ color:#888; font-size:12px }
.welcome-bubble{
  position:absolute; right:0; bottom:64px; background:#ffffff; border:1px solid #e6eaf5; padding:8px 10px; border-radius:12px;
  box-shadow:0 12px 20px rgba(0,0,0,.12); display:none;
}