/* help assistant (assets/help.js) */
.hp-open { position: fixed; right: 18px; bottom: calc(18px + env(safe-area-inset-bottom, 0px)); z-index: 50; font: inherit; font-weight: 500; padding: 10px 18px; border: 0; border-radius: 999px; background: var(--wine); color: #ffffff; box-shadow: 0 4px 14px rgba(0,0,0,.18); cursor: pointer; }
.hp-panel { position: fixed; right: 18px; bottom: calc(70px + env(safe-area-inset-bottom, 0px)); z-index: 51; width: min(380px, calc(100vw - 36px)); max-height: min(560px, calc(100vh - 110px)); display: flex; flex-direction: column; background: var(--bg); color: var(--fg); border: 1px solid var(--rule); border-top: 4px solid var(--wine); border-radius: 10px; box-shadow: 0 10px 30px rgba(0,0,0,.2); font-size: 15px; }
.hp-panel[hidden] { display: none; }
.hp-head { display: flex; justify-content: space-between; align-items: center; padding: 10px 14px; border-bottom: 1px solid var(--rule); }
.hp-head strong { font-family: var(--display); font-size: 1.05rem; }
.hp-close { font: inherit; font-size: 0.85rem; background: none; border: 0; color: var(--muted); cursor: pointer; }
.hp-note { margin: 0; padding: 8px 14px; font-size: 0.8rem; color: var(--muted); background: var(--band); }
.hp-log { flex: 1; overflow-y: auto; padding: 12px 14px; display: grid; gap: 8px; align-content: start; }
.hp-msg { padding: 8px 11px; border-radius: 8px; white-space: pre-wrap; overflow-wrap: anywhere; max-width: 92%; }
.hp-user { justify-self: end; background: var(--ink-band); color: var(--on-ink); }
.hp-assistant { justify-self: start; background: var(--band); }
.hp-wait { color: var(--muted); font-style: italic; }
.hp-form { display: flex; gap: 8px; padding: 10px 14px; border-top: 1px solid var(--rule); }
.hp-form textarea { flex: 1; font: inherit; font-size: 0.95rem; padding: 8px 10px; border: 1px solid var(--rule); border-radius: 6px; background: var(--field, #f6f8fb); color: var(--fg); resize: none; }
.hp-form button { font: inherit; font-weight: 500; padding: 8px 14px; border: 0; border-radius: 6px; background: var(--ink-band); color: var(--on-ink); cursor: pointer; }
.hp-form button:disabled { opacity: .5; cursor: default; }