/* Scoped to the optional help widget; no page-wide rules or overlays. */
.pochuv-help {
  --pochuv-help-base: 20px;
  position: fixed;
  z-index: 30;
  right: max(20px, env(safe-area-inset-right));
  bottom: max(calc(var(--pochuv-help-base) + env(safe-area-inset-bottom)), var(--pochuv-help-obstacle, 0px));
  width: max-content;
  max-width: calc(100vw - 32px);
  color: #522438;
  font-family: inherit;
  font-size: 14px;
  line-height: 1.5;
  text-align: left;
}
.pochuv-help,
.pochuv-help * { box-sizing: border-box; }
.pochuv-help[hidden],
.pochuv-help [hidden] { display: none !important; }
.pochuv-help .pochuv-help__trigger,
.pochuv-help .pochuv-help__close,
.pochuv-help .pochuv-help__link {
  min-height: 44px;
  margin: 0;
  font: inherit;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.pochuv-help .pochuv-help__trigger {
  display: block;
  margin-left: auto;
  padding: 10px 16px;
  border: 1px solid #c9b7be;
  border-radius: 24px;
  background: #fffaf4;
  color: #522438;
  box-shadow: 0 3px 14px #52243812;
}
.pochuv-help .pochuv-help__panel {
  position: relative;
  display: block;
  width: 310px;
  max-width: 100%;
  max-height: calc(100dvh - max(var(--pochuv-help-base), var(--pochuv-help-obstacle, 0px)) - 88px - env(safe-area-inset-bottom));
  overflow-y: auto;
  margin: 0 0 12px;
  padding: 24px;
  border: 1px solid #d9c9cd;
  border-radius: 12px;
  background: #fffaf4;
  box-shadow: 0 8px 30px #52243820;
}
.pochuv-help .pochuv-help__close {
  position: absolute;
  top: 3px;
  right: 3px;
  width: 44px;
  padding: 0;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: #522438;
  font-size: 26px;
  line-height: 1;
}
.pochuv-help .pochuv-help__title {
  margin: 8px 20px 10px 0;
  padding: 0;
  font-family: inherit;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: normal;
  line-height: 1.4;
  color: #522438;
}
.pochuv-help .pochuv-help__copy { margin: 0 0 18px; font-size: 15px; line-height: 1.6; }
.pochuv-help .pochuv-help__link {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 11px 14px;
  border: 1px solid #522438;
  border-radius: 5px;
  background: #522438;
  color: #fffaf4;
  text-decoration: none;
}
.pochuv-help .pochuv-help__note { margin: 12px 0 0; color: #6a535e; font-size: 12px; line-height: 1.6; }
.pochuv-help button:hover { background: #f3e8e8; }
.pochuv-help .pochuv-help__link:hover { background: #6a354d; }
.pochuv-help :focus-visible { outline: 3px solid #8c4b67; outline-offset: 3px; }
.pochuv-help .pochuv-help__panel--chat { width: 370px; }
.pochuv-help .pochuv-chat { margin: 0 0 18px; }
.pochuv-help .pochuv-chat__status { margin: 0 0 12px; font-size: 13px; line-height: 1.6; color: #6a354d; }
.pochuv-help .pochuv-chat__messages { max-height: 230px; overflow: auto; padding: 0; margin: 0; list-style: none; }
.pochuv-help .pochuv-chat__message { margin: 0 0 10px; padding: 11px 12px; border-radius: 8px; background: #f1e7e7; }
.pochuv-help .pochuv-chat__message--operator { background: #f3efe5; border-left: 2px solid #8c4b67; }
.pochuv-help .pochuv-chat__author { display: block; margin-bottom: 4px; font-size: 12px; }
.pochuv-help .pochuv-chat__text { margin: 0; white-space: pre-wrap; overflow-wrap: anywhere; font-size: 14px; line-height: 1.55; }
.pochuv-help .pochuv-chat__delivery { display: block; margin-top: 7px; font-size: 11px; line-height: 1.4; color: #6a535e; }
.pochuv-help .pochuv-chat__note { margin: 9px 0 12px; font-size: 11px; line-height: 1.5; color: #6a535e; }
.pochuv-help .pochuv-chat__form { margin: 14px 0; }
.pochuv-help .pochuv-chat__label { display: block; margin-bottom: 6px; font-size: 13px; }
.pochuv-help .pochuv-chat__input { display: block; width: 100%; min-height: 90px; resize: vertical; margin: 0 0 9px; padding: 10px; border: 1px solid #c9b7be; border-radius: 6px; background: #fffdf8; color: #522438; font: inherit; line-height: 1.5; }
.pochuv-help .pochuv-chat__send,
.pochuv-help .pochuv-chat__retry { min-height: 44px; padding: 9px 13px; border: 1px solid #8c4b67; border-radius: 5px; background: #522438; color: #fffaf4; font: inherit; cursor: pointer; }
.pochuv-help .pochuv-chat__retry { background: #fffaf4; color: #522438; }
.pochuv-help .pochuv-chat__send:hover { background: #6a354d; }
.pochuv-help .pochuv-chat__send:disabled,
.pochuv-help .pochuv-chat__retry:disabled { opacity: .55; cursor: default; }
@media (max-width: 680px) {
  .pochuv-help { --pochuv-help-base: 88px; right: max(16px, env(safe-area-inset-right)); }
  .pochuv-help .pochuv-help__trigger { font-size: 13px; padding: 10px 14px; }
}
@media (prefers-reduced-motion: reduce) {
  .pochuv-help,
  .pochuv-help * { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}