/* ===== PERSON SVG LAUNCHER ===== */

#anfa-open.chat-launcher {
  position: fixed;
  right: 1.25rem;
  bottom: calc(1.25rem + env(safe-area-inset-bottom));
  z-index: 9998;

  display: grid;
  width: 68px;
  height: 68px;
  min-height: 68px;
  place-items: center;
  padding: 0;

  overflow: visible;
  border: 2px solid rgba(255, 255, 255, 0.8);
  border-radius: 50%;
  color: #ffffff;
  background: var(--anfa-ink);
  box-shadow: 0 16px 42px rgba(24, 41, 54, 0.28);

  cursor: pointer;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

#anfa-open.chat-launcher:hover {
  transform: translateY(-3px);
  box-shadow: 0 20px 48px rgba(24, 41, 54, 0.36);
}

/* Person SVG */
/* Hide the white chat square */
#anfa-open.chat-launcher > svg {
  display: none;
}

/* Put Sakyna avatar inside the launcher */
#anfa-open.chat-launcher {
  background:
    #263746 url("sakyna-assistant.svg")
    center / cover no-repeat;
}

/* Remove Chat with us */
#anfa-open.chat-launcher > .text {
  display: none;
}

/* Green online dot */
#anfa-open.chat-launcher > .dot {
  position: absolute;
  right: 1px;
  bottom: 5px;

  display: block;
  width: 14px;
  height: 14px;
  margin: 0;

  border: 2px solid #ffffff;
  border-radius: 50%;
  background: #35c873;
  box-shadow: 0 0 0 4px rgba(53, 200, 115, 0.15);
}

  .anfa { position: fixed; z-index: 9999; right: 1.25rem; bottom: calc(6.25rem + env(safe-area-inset-bottom)); width: min(390px, calc(100vw - 2rem)); height: min(620px, calc(100dvh - 8rem)); display: flex; flex-direction: column; overflow: hidden; border: 1px solid #dbe7ec; border-radius: 24px; color: var(--anfa-ink); background: #fff; box-shadow: 0 24px 70px rgba(24,41,54,.3); transform: translateY(20px) scale(.98); transform-origin: bottom right; opacity: 0; visibility: hidden; pointer-events: none; transition: opacity .22s ease, transform .22s ease, visibility .22s ease; }
  .anfa.open,
  .anfa.is-open, .anfa[aria-hidden="false"] { transform: translateY(0) scale(1); opacity: 1; visibility: visible; pointer-events: auto; }
  .anfa-head { flex: 0 0 auto; padding: 1.1rem; color: #fff; background: var(--anfa-ink); }
  .anfa-head__top { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; }
  .anfa_title { margin: 0; font-size: 1.15rem; }
  .anfa .live { margin: .35rem 0 0; color: #b9c8cf; font-size: .72rem; }
  .anfa__close { width: 38px; height: 38px; flex: 0 0 38px; border: 1px solid rgba(255,255,255,.16); border-radius: 50%; color: #fff; background: rgba(255,255,255,.08); font-size: 1.5rem; line-height: 1; cursor: pointer; }
  .sakyna-card { display: flex; align-items: center; gap: .8rem; margin-top: 1rem; padding: .75rem; border: 1px solid rgba(255,255,255,.13); border-radius: 16px; background: rgba(255,255,255,.07); }
  .sakyna-avatar { position: relative; width: 54px; height: 54px; flex: 0 0 54px; }
  .sakyna-avatar img { display: block; width: 54px; height: 54px; border-radius: 50%; object-fit: cover; object-position: center; }
  .live-ring { position: absolute; right: 1px; bottom: 1px; width: 13px; height: 13px; border: 2px solid var(--anfa-ink); border-radius: 50%; background: #35c873; }
  .sakyna-card .name { font-size: .85rem; font-weight: 800; }
  .sakyna-card .desc { margin-top: .2rem; color: #b9c8cf; font-size: .72rem; line-height: 1.35; }
  .anfa__body { flex: 1 1 auto; min-height: 0; overflow-y: auto; padding: 1rem; background: #f4f7f8; }
  .anfa__input { flex: 0 0 auto; display: flex; gap: .55rem; padding: .8rem; border-top: 1px solid #dbe7ec; background: #fff; }
  .anfa__field { min-width: 0; min-height: 46px; flex: 1; padding: .75rem 1rem; border: 1px solid #cbdbe2; border-radius: 999px; color: var(--anfa-ink); background: #f8fafb; font: inherit; outline: none; }
  .anfa__field:focus { border-color: var(--anfa-blue); box-shadow: 0 0 0 3px rgba(74,168,216,.16); }
  .anfa__send { min-height: 46px; padding: .7rem 1rem; border: 0; border-radius: 999px; color: #fff; background: var(--anfa-blue-dark); font-weight: 800; cursor: pointer; }