/* The Help bubble and chat panel (public/help.js), on every page */
.help-fab { position: fixed; right: 20px; bottom: calc(20px + env(safe-area-inset-bottom)); z-index: 60; background: #C2507F; color: #fff; border: 0; border-radius: 999px; padding: 13px 20px; font: 600 15px Inter, system-ui, sans-serif; display: inline-flex; align-items: center; gap: 8px; cursor: pointer; box-shadow: 0 10px 30px rgba(194,80,127,.35); }
.help-fab:hover { background: #A9416C; }
.hc { position: fixed; right: 20px; bottom: calc(84px + env(safe-area-inset-bottom)); z-index: 61; width: min(390px, calc(100vw - 32px)); height: min(600px, calc(100vh - 120px)); background: #fff; border: 1px solid #EDEDF0; border-radius: 24px; box-shadow: 0 24px 60px rgba(14,14,16,.18); display: flex; flex-direction: column; overflow: hidden; font: 400 14.5px/1.5 Inter, system-ui, sans-serif; color: #0E0E10; }
.hc[hidden] { display: none; }
.hc-head { display: flex; justify-content: space-between; align-items: center; padding: 16px 18px; background: #FFF1F5; border-bottom: 1px solid #F9DFE8; }
.hc-head b { display: block; font-size: 17px; color: #C2507F; }
.hc-head span { font-size: 12.5px; color: #6B6B73; }
.hc-x { border: 0; background: #fff; width: 32px; height: 32px; border-radius: 50%; font-size: 20px; cursor: pointer; color: #0E0E10; }
.hc-body { flex: 1; overflow-y: auto; padding: 16px; display: flex; flex-direction: column; gap: 10px; }
.hc-msg { max-width: 88%; padding: 10px 14px; border-radius: 18px; }
.hc-msg.bot { background: #F4F4F6; border-bottom-left-radius: 6px; align-self: flex-start; }
.hc-msg.me { background: #0E0E10; color: #fff; border-bottom-right-radius: 6px; align-self: flex-end; }
.hc-msg p { margin: 4px 0 0; }
.hc-chips { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }
.hc-chip { border: 1px solid #F0BBCD; background: #fff; color: #C2507F; border-radius: 999px; padding: 6px 11px; font: 500 13px Inter, system-ui, sans-serif; cursor: pointer; text-align: left; }
.hc-chip:hover { background: #FFF1F5; }
.hc-live { display: flex; flex-wrap: wrap; gap: 6px; padding: 0 16px; }
.hc-live:not(:empty) { padding-bottom: 8px; }
.hc-ask { display: flex; gap: 8px; padding: 10px 12px; border-top: 1px solid #EDEDF0; }
.hc-ask input { flex: 1; border: 1px solid #EDEDF0; background: #F7F7F9; border-radius: 999px; padding: 11px 16px; font: 400 15px Inter, system-ui, sans-serif; outline: none; }
.hc-ask input:focus { border-color: #C2507F; background: #fff; }
.hc-ask button { width: 42px; border: 0; border-radius: 50%; background: #C2507F; color: #fff; font-size: 18px; cursor: pointer; }
.hc-links { display: flex; gap: 14px; justify-content: center; padding: 8px 12px 12px; font-size: 13px; }
.hc-links a, .hc-links button, .hc-inline { color: #C2507F; background: none; border: 0; padding: 0; font: 600 13px Inter, system-ui, sans-serif; cursor: pointer; text-decoration: underline; text-underline-offset: 3px; }
.hc-form { display: flex; flex-direction: column; gap: 8px; margin-top: 10px; }
.hc-form input, .hc-form textarea { border: 1px solid #E2E2E7; background: #fff; border-radius: 12px; padding: 10px 12px; font: 400 14px Inter, system-ui, sans-serif; resize: vertical; }
.hc-form button { border: 0; background: #0E0E10; color: #fff; border-radius: 999px; padding: 11px; font: 600 14px Inter, system-ui, sans-serif; cursor: pointer; }
.hc-hp { position: absolute; left: -9999px; width: 1px; height: 1px; opacity: 0; }
.hc-err { color: #B4234C; margin: 0; font-size: 13px; }
.hc-err:empty { display: none; }
.hc-ok { margin: 8px 0 0; color: #1F7A4D; font-weight: 600; }
@media (max-width: 600px) {
  .help-fab { right: 16px; bottom: calc(16px + env(safe-area-inset-bottom)); width: 52px; height: 52px; padding: 0; justify-content: center; border-radius: 50%; }
  .help-fab .lbl { display: none; }
  .hc { right: 0; left: 0; bottom: 0; width: 100%; height: min(88vh, 640px); border-radius: 24px 24px 0 0; padding-bottom: env(safe-area-inset-bottom); }
  body.hc-open .help-fab { display: none; }
}