/* #88b (TheDekel 19/10): help-panel follow-ups. Loaded with helpchat88.css; selectors are scoped under .hc88 so load order doesn't matter.
 * Send button = the site's brand button colour (not WhatsApp green; the separate WhatsApp button stays green).
 * 'Common questions' button after the last message; sent/confirmation/error bubbles. transform/opacity motion only. */
.hc88 .hc88-s{background:var(--th-btn,#0e5e6a);color:#fff}
.hc88 .hc88-s:hover{box-shadow:inset 0 0 0 44px rgba(0,0,0,.12)}
.hc88 .hc88-s[aria-busy="true"]{opacity:.6;cursor:progress}
.hc88 .hc88-again{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;margin:2px 0 0;padding:6px 12px;min-height:32px;border-radius:999px;border:1px solid #cfdcdc;background:#fff;color:var(--th-btn,#0e5e6a);font:inherit;font-size:13px;font-weight:600;line-height:1.2;cursor:pointer}
.hc88 .hc88-again:hover{background:#eef6f5}
.hc88 .hc88-again:focus-visible{outline:3px solid #0e5e6a;outline-offset:2px}
.hc88 .hc88-again svg{flex:none}
.hc88 .hc88-log:empty+.hc88-again{display:none}
.hc88 .hc88-qs2{padding-top:0}
.hc88 .hc88-m.me.pend{opacity:.7}
.hc88 .hc88-m.me.err{opacity:.85;box-shadow:0 0 0 2px #e8a3a3}
.hc88 .hc88-m.note{font-size:13.5px;color:#30474c;background:#eaf4f2;border-color:#d3e6e2}
.hc88 .hc88-m.err{color:#8a1c1c;background:#fdf1f1;border-color:#f2d0d0}
.hc88 .hc88-m.adm{background:#fff;border-color:#cfe0de}
.hc88 .hc88-m p+p{margin-top:6px}
.hc88 .hc88-wal{display:inline-flex;align-items:center;gap:6px;color:#16733b;font-weight:700;text-decoration:underline;text-underline-offset:2px}
.hc88 .hc88-wal svg{width:18px;height:18px}
.hc88 .hc88-wal:focus-visible{outline:3px solid #0e5e6a;outline-offset:2px;border-radius:4px}

/* #88c (TheDekel 19/10 17:31Z + earlier asks), CSS only:
 * 1) the "Sent - we'll reply here" status line is a system notice like other chat apps: plain small dark text, no bubble, thin lines either side (aria-live kept on the log).
 * 2) the closed launcher shows a plain outline speech bubble (white stroke on the teal circle) instead of the three dots.
 * 3) while the help panel is open the round launcher (its bottom x) is hidden; close with the panel's header x or Esc (focus returns to the launcher). */
.hc88 .hc88-m.note{align-self:stretch;max-width:none;display:flex;align-items:center;gap:10px;margin:2px 0;padding:0;background:none!important;border:0!important;border-radius:0;box-shadow:none;color:#3a4447;font-size:12.5px;line-height:1.4;text-align:center}
.hc88 .hc88-m.note::before,.hc88 .hc88-m.note::after{content:"";flex:1 1 0;height:1px;background:#d9dfe1}
.hc88 .hc88-m.note p{flex:0 1 auto;margin:0}
.dkhub .dkhub-dots svg{display:none}
.dkhub .dkhub-dots::before{content:"";width:26px;height:26px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.8' stroke-linejoin='round'%3E%3Cpath d='M12 3.2a8.8 8.8 0 0 0-7.6 13.2L3.2 20.8l4.5-1.2A8.8 8.8 0 1 0 12 3.2z'/%3E%3C/svg%3E") center/contain no-repeat}
@media (max-width:700px){ .dkhub .dkhub-dots::before{width:24px;height:24px} }
.dkhub.hc88-open .dkhub-main{visibility:hidden;opacity:0;pointer-events:none}
/* #96 (TheDekel 19/10): the chat bubble stays put on phones - see helpchat88.js #96. Hidden (opacity only, no slide) until the keyboard
   has fully closed and while the page is pinch-zoomed; one 18px corner on every page (steps 1-2 of the design page were 14px). */
@media (hover:none) and (pointer:coarse){
 html.hp96-hide .dkhub{opacity:0!important;visibility:hidden!important;pointer-events:none!important;transition:opacity .18s ease,visibility 0s linear .18s!important}
 html.hp96-hide .dkhub *{pointer-events:none!important}
 html.dk-kb .dkhub,html.hp96-hide .dkhub{transform:none!important}
}
@media (max-width:980px){
 body:has(main.editor.onestep[data-st="1"]) .dkhub,body:has(main.editor.onestep[data-st="2"]) .dkhub{bottom:calc(18px + env(safe-area-inset-bottom,0px))!important}
}