#po-site-chat-panel[hidden], .po-chat-entry[hidden] {display:none!important}
.po-chat-entry {margin:8px 0}
.po-chat-entry .po-site-chat-link {display:inline-flex;align-items:center;gap:8px}
.po-chat-dock {
  --chat-size:52px; --chat-gap:10px; --chat-lift:0px;
  --chat-right:max(20px, env(safe-area-inset-right));
  --chat-bottom:max(16px, env(safe-area-inset-bottom));
  position:fixed; z-index:900; right:var(--chat-right);
  bottom:calc(var(--chat-bottom) + var(--chat-lift));
  width:var(--chat-size); height:var(--chat-size); pointer-events:none;
}
.po-chat-dock > .po-site-chat-link {
  position:relative; box-sizing:border-box; display:grid; place-items:center;
  width:100%; height:100%; padding:0; margin:0; border:1px solid rgba(255,255,255,.65);
  border-radius:50%; color:white; background:#245399;
  box-shadow:0 2px 8px #132d493d; pointer-events:auto; text-decoration:none;
}
.po-chat-dock > .po-site-chat-link:hover {background:#193e78}
.po-chat-dock > .po-site-chat-link:focus-visible {outline:3px solid #efaf29;outline-offset:2px}
.po-chat-dock > .po-site-chat-link > svg {width:24px;height:24px}
.po-chat-dock > .po-site-chat-link > span:not(.po-chat-count) {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.po-chat-count:not([hidden]) {position:absolute;right:-3px;top:-4px;background:#b52935;color:white;border-radius:12px;padding:2px 5px;font:700 11px/1.25 system-ui}
.po-chat-dock > #po-site-chat-panel {
  position:absolute;right:0;bottom:calc(100% + var(--chat-gap));width:min(380px,calc(100vw - var(--chat-right) - 10px));
  height:min(526px,calc(100dvh - var(--chat-bottom) - var(--chat-lift) - var(--chat-size) - 22px));
  border:1px solid #cdd9e6;border-radius:14px;overflow:hidden;box-shadow:0 5px 22px #14253730;background:white;
  box-sizing:border-box;pointer-events:auto;
}
#po-site-chat-panel iframe {width:100%;height:100%;display:block;border:0}
.po-chat-standalone {margin:0;background:#f5f8fc;color:#172a46;font:16px/1.4 system-ui,sans-serif}
.po-chat-standalone header {max-width:656px;margin:12px auto;padding:0 12px}
.po-chat-standalone header a {color:#245399}
.po-chat-standalone #po-site-chat-panel {box-sizing:border-box;max-width:680px;margin:12px auto;padding:0 12px}
.po-chat-standalone #po-site-chat-panel iframe {height:calc(100dvh - 74px);min-height:240px;border:1px solid #d9e2ef;border-radius:14px;background:white;box-sizing:border-box}
@media (max-width: 700px), (pointer: coarse) and (max-width: 1000px) and (max-height: 500px) {
  .po-chat-dock {
    --chat-size: 46px;
    --chat-cue-inset: 5px;
    --chat-cue-scale: 1.24;
    --chat-right: max(8px, env(safe-area-inset-right));
    --chat-bottom: max(10px, env(safe-area-inset-bottom));
  }
  .po-chat-dock > .po-site-chat-link,
  .po-chat-dock > .po-site-chat-link:hover {
    background: transparent;
    border: 0;
    box-shadow: none;
    isolation: isolate;
  }
  .po-chat-dock > .po-site-chat-link::before {
    content: "";
    position: absolute;
    z-index: -1;
    inset: 5px;
    box-sizing: border-box;
    border: 1px solid rgb(255 255 255 / 75%);
    border-radius: 50%;
    background: #245399;
    box-shadow: 0 1px 4px rgb(19 45 73 / 25%);
    pointer-events: none;
  }
  .po-chat-dock > .po-site-chat-link:active::before {
    background: #193e78;
  }
  .po-chat-dock > .po-site-chat-link > svg {
    width: 20px;
    height: 20px;
  }
  .po-chat-dock .po-chat-count:not([hidden]) {
    top: 0;
    right: 0;
  }
}

@media(max-height:480px) {
  .po-chat-dock > #po-site-chat-panel {bottom:0;z-index:1;height:calc(100dvh - var(--chat-bottom) - 8px)}
}
@media print {.po-chat-dock,.po-chat-entry {display:none!important}}

.po-chat-dock:has(> #po-site-chat-panel:not([hidden])) {--chat-lift:0px!important}
#po-site-chat-panel .po-chat-loading {position:absolute;inset:0;z-index:2;padding:20px;box-sizing:border-box;display:flex;gap:12px;align-items:center;justify-content:center;flex-direction:column;background:white;color:#203958;font:15px/1.4 system-ui}
.po-chat-loading button {padding:8px 16px;font:inherit}
.po-chat-standalone #po-site-chat-panel {position:relative}
/* A strictly decorative ring: the link, its icon and its hit target stay still. */
@keyframes po-chat-ripple {
  0% {opacity:0;transform:scale(.96)}
  18% {opacity:.76}
  86%,100% {opacity:0;transform:scale(var(--chat-cue-scale, 1.16))}
}
@media screen and (prefers-reduced-motion: no-preference) {
  .po-chat-dock > .po-site-chat-link.po-chat-cue::after {
    content:"";position:absolute;inset:var(--chat-cue-inset, 0px);
    box-sizing:border-box;border:2px solid #5187d2;border-radius:50%;
    pointer-events:none;opacity:0;
    animation:po-chat-ripple 1.2s cubic-bezier(.20,.52,.36,1) .55s 2;
  }
  .po-chat-dock > .po-site-chat-link.po-chat-cue:focus-visible::after {visibility:hidden}
}