/* A single presentation layer; contact routing and widget handlers stay unchanged. */
body .ckcp-support-launcher.ckcp-contact-dock {
  position: fixed !important;
  display: flex !important;
  flex-direction: column;
  align-items: stretch;
  gap: 8px;
  right: 24px;
  bottom: 24px;
  z-index: 30;
  width: 148px;
  font-family: 'CKCP Manrope', Arial, sans-serif;
}
body .ckcp-contact-dock .ckcp-contact-channel,
body .ckcp-contact-dock #ckcp-whatsapp.ckcp-contact-channel,
body .ckcp-contact-dock #ckcp-support-open {
  position: static !important;
  display: flex !important;
  box-sizing: border-box;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  width: 148px;
  height: 46px;
  min-height: 46px;
  margin: 0;
  padding: 10px 14px;
  border: 1px solid #485157;
  border-radius: 6px;
  background: #22272a;
  color: #fff;
  box-shadow: 0 3px 12px #171a1c14;
  font: 500 14px/1.4 'CKCP Manrope', Arial, sans-serif;
  letter-spacing: 0;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
}
body .ckcp-contact-dock .ckcp-contact-channel:hover { background: #30373b; }
body .ckcp-contact-dock .ckcp-contact-channel:focus-visible { outline: 2px solid #728da0; outline-offset: 4px; }
body .ckcp-contact-dock #ckcp-support-open:disabled { opacity: .6; cursor: wait; }
body .ckcp-contact-dock #ckcp-support-open > svg { display: block; flex: none; width: 20px; height: 20px; }
body .ckcp-contact-dock .ckcp-contact-whatsapp,
body .ckcp-contact-dock #ckcp-whatsapp.ckcp-contact-whatsapp {
  display: flex !important;
  background: #f6faf6;
  border-color: #b5c9b8;
  color: #25543a;
}
body .ckcp-contact-dock .ckcp-contact-whatsapp:hover { background: #e6f0e7; }
body .ckcp-contact-dock .ckcp-contact-whatsapp::before,
body .ckcp-contact-dock .ckcp-contact-whatsapp::after { display: none !important; }
body .ckcp-contact-dock .ckcp-contact-label { position: static; width: auto; height: auto; overflow: visible; clip-path: none; }
body .ckcp-contact-dock .ckcp-contact-whatsapp-mark {
  position: static !important;
  display: grid;
  place-items: center;
  flex: none;
  width: 28px;
  height: 28px;
  overflow: visible !important;
  clip-path: none !important;
  border-radius: 50%;
  background: #25d366;
}
body .ckcp-contact-dock .ckcp-contact-whatsapp-mark img {
  display: block;
  width: 22px;
  height: 22px;
  max-width: none;
  margin: 0;
  padding: 0;
  object-fit: contain;
  filter: brightness(0) invert(1);
}
body .ckcp-contact-dock #ckcp-support-status {
  position: absolute;
  right: 0;
  bottom: 108px;
  margin: 0;
  width: 270px;
  max-width: calc(100vw - 32px);
}
body .ckcp-contact-duplicate,
body #ckcp-whatsapp.ckcp-contact-duplicate { display: none !important; }

@media (max-width: 760px) {
  body .ckcp-support-launcher.ckcp-contact-dock {
    flex-direction: row;
    align-items: center;
    gap: 10px;
    width: auto;
    right: 16px;
    bottom: calc(16px + env(safe-area-inset-bottom) + var(--ckcp-contact-bottom-offset, 0px));
  }
  body .ckcp-contact-dock .ckcp-contact-channel,
  body .ckcp-contact-dock #ckcp-whatsapp.ckcp-contact-channel,
  body .ckcp-contact-dock #ckcp-support-open {
    width: 48px;
    height: 48px;
    min-height: 48px;
    justify-content: center;
    gap: 0;
    padding: 0;
    border-radius: 50%;
  }
  body .ckcp-contact-dock .ckcp-contact-channel > .ckcp-contact-label {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
  }
  body .ckcp-contact-dock #ckcp-support-open > svg { width: 22px; height: 22px; }
  body .ckcp-contact-dock .ckcp-contact-whatsapp,
  body .ckcp-contact-dock #ckcp-whatsapp.ckcp-contact-whatsapp { background: #25d366; border-color: #1fa653; color: #fff; }
  body .ckcp-contact-dock .ckcp-contact-whatsapp:hover { background: #20c35c; }
  body .ckcp-contact-dock .ckcp-contact-whatsapp-mark { width: 28px; height: 28px; background: transparent; }
  body .ckcp-contact-dock .ckcp-contact-whatsapp-mark img { width: 28px; height: 28px; }
  body .ckcp-contact-dock #ckcp-support-status { bottom: 60px; }
}