/* Clean WA Floatbox - no remote / no ads */
/* Based on your original styles */

.myk-ava,
.myk-btn,
.myk-list,
.myk-name,
.myk-number,
.myk-panel,
.myk-panelhead,
.myk-paneltitle,
.myk-wa-icon,
.myk-who {
  margin: 0;
  padding: 0;
  font-family: Arial, Helvetica, sans-serif;
}

/* the round button */
.myk-btn {
  position: fixed;
  right: 90px;
  bottom: 20px;
  background-color: #fafafa;
  border-radius: 50%;
  display: inline-block;
  padding: 10px;
  height: 50px;
  width: 50px;
  box-shadow: 3px 3px 5px #cccccc;
  cursor: pointer;
  transition: all 0.3s;
  z-index: 999;
}
.myk-btn:hover {
  opacity: 0.8;
}
.myk-btn img {
  width: 30px;
  height: 30px;
}

/* the panel */
.myk-panel {
  position: fixed;
  right: 30px;
  bottom: 90px;
  background-color: #ece5dd;
  width: 300px;
  height: 0;
  box-shadow: 0 0 10px rgba(0,0,0,.12);
  overflow: hidden;
  border-radius: 5px;
  transition: height 0.25s ease-out;
  z-index: 9998;
}

.myk-panelhead {
  background-color: #075e54;
  color: #fff;
  height: 42px;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0 10px;
}

.myk-paneltitle {
  font-weight: 500;
  font-size: 14px;
}

.myk-close {
  margin-left: auto;
  cursor: pointer;
  font-weight: bold;
  opacity: 0.7;
}
.myk-close:hover {
  opacity: 1;
}

.myk-panelbody {
  background: #fff;
  height: calc(100% - 42px);
  overflow-y: auto;
}

/* each contact item */
.myk-panel .myk-list {
  background-color: #ffffff;
  display: block;
  padding: 12px 10px;
  color: #333;
  text-decoration: none;
  border-bottom: 1px solid #f2f2f2;
}
.myk-panel .myk-list:hover {
  background: #f5f5f5;
}

.myk-panel .myk-ava {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  float: left;
  margin-right: 12px;
  object-fit: cover;
}

.myk-number p {
  margin: 0;
  line-height: 1.3;
}
.myk-who {
  font-size: 12px;
  opacity: 0.7;
}
.myk-name {
  font-size: 13px;
  font-weight: 600;
}

/* open/close */
.myk-show {
  height: 360px;
}

/* responsive */
@media (max-width: 480px) {
  .myk-panel {
    right: 10px;
    width: calc(100% - 20px);
  }
}
