.help-widget { position:fixed; bottom:22px; right:24px; z-index:60; font-size:14px; color:#2b3e53; }
.help-widget button { font:inherit; cursor:pointer; }
.help-widget [hidden] { display:none!important; }
.help-launcher { display:flex; align-items:center; gap:12px; border:0; border-radius:32px; background:#28758b; color:#fff; box-shadow:0 8px 24px #15382d33; padding:14px 20px; font-weight:700!important; min-height:58px; margin-left:auto; }
.help-launcher img,.help-header img { object-fit:contain; background:#fff; padding:3px; border-radius:8px; }
.help-panel { position:fixed; right:24px; bottom:98px; width:440px; max-width:calc(100vw - 32px); height:min(730px,calc(100dvh - 120px)); display:flex; flex-direction:column; overflow:hidden; border:1px solid #cdd9ce; border-radius:20px; background:#fff; box-shadow:0 18px 70px #12342638; }
.help-header { display:flex; align-items:center; gap:12px; background:#205e70; padding:16px; color:white; flex:none; }
.help-header h2 { font:700 16px/1.3 "Segoe UI",system-ui,sans-serif; margin:0; }
.help-header p { margin:3px 0 0; font-size:12px; color:#cedae7; }
.help-close { background:none; border:0; color:#e1ebe4; font-size:26px!important; padding:0 10px; margin-left:auto; min-height:40px; }
.help-tabs { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; padding:12px; border-bottom:1px solid #dce5db; background:#f6f0e3; flex:none; }
.help-tabs button { border:1px solid #cbd8cd; background:#fff; border-radius:8px; min-height:42px; padding:7px; font-weight:600; }
.help-tabs [aria-selected=true] { background:#28758b; color:#fff; border-color:#28758b; }
.help-pane { display:flex; flex-direction:column; flex:1; min-height:0; overflow:hidden; }
.help-recipient { flex:none; padding:10px 16px; border-bottom:1px solid #e1e8dd; background:#faf8f2; font-size:12px; line-height:1.5; margin:0; }
.help-recipient strong { color:#28758b; }
.help-session-controls { display:flex; align-items:center; gap:8px; padding:10px 12px; border-bottom:1px solid #e4eadd; flex:none; }
.help-session-controls select { flex:1; min-width:0; min-height:36px; padding:6px 8px; font-size:12px; }
.help-session-controls button { white-space:nowrap; border:1px solid #ccd8ca; border-radius:6px; background:white; padding:6px 9px; font-size:12px; min-height:36px; }
.help-chat-log { flex:1; min-height:0; padding:18px 14px; overflow-y:auto; scrollbar-gutter:stable; overscroll-behavior:contain; background:#fffdf8; }
.help-bubble { white-space:pre-wrap; overflow-wrap:anywhere; border-radius:14px; padding:13px 15px; margin-bottom:14px; font-size:14px; line-height:1.6; }
.help-bubble.assistant { background:#e8edf4; margin-right:22px; border-top-left-radius:3px; }
.help-bubble.user { background:#28758b; color:white; margin-left:35px; border-bottom-right-radius:3px; }
.help-bubble strong { display:block; margin-bottom:6px; font-size:12px; }
.help-suggestions { flex:none; display:flex; flex-wrap:wrap; gap:6px; padding:10px 14px; }
.help-suggestions button { font-size:12px; background:white; border:1px solid #c6d7c7; color:#28758b; padding:8px 12px; border-radius:20px; }
.help-composer { flex:none; padding:12px; border-top:1px solid #dfe6d9; background:white; }
.help-composer form { display:flex; align-items:end; gap:8px; }
.help-composer textarea { resize:none; flex:1; min-width:0; min-height:46px; max-height:110px; padding:11px; font-size:16px; }
.help-composer button,.help-guest-contact button { background:#28758b; border:0; border-radius:9px; color:white; padding:12px 14px; min-height:46px; font-weight:700; }
.help-composer small { display:block; font-size:11px; color:#68796b; margin-top:8px; }
.help-composer > a { display:inline-block; font-size:12px; margin-top:8px; }
.help-usage { font-size:12px; color:#53695b; margin:0 0 8px; }
.help-error { font-size:12px; color:#6b5940; margin:0 0 8px; overflow-wrap:anywhere; }
.help-error:empty { display:none; }
.help-widget button:disabled { opacity:.55; cursor:wait; }
.help-account-pane,.help-guest-contact { padding:22px; overflow-y:auto; gap:14px; }
.help-account-pane h3 { margin:0; }
.help-account-pane .button { font-size:14px; }
.help-guest-contact p,.help-account-pane p { font-size:14px; }
.help-guest-contact form { gap:8px; }
.help-guest-contact label { margin:0; }
.help-guest-contact input,.help-guest-contact textarea { font-size:16px; }
.help-settings-form { margin-top:30px; }
.guide-history { padding:20px; margin-bottom:20px; border-radius:12px; background:#eef3e9; }
.guide-history.user { margin-left:24px; background:#e1eee4; }
.assistant-page h2 { margin-top:28px; }
.assistant-page > form { margin-bottom:18px; }
@media(max-width:640px) {
 .help-widget { bottom:14px; right:14px; }
 .help-launcher { padding:12px 16px; min-height:52px; }
 .help-panel { right:8px; bottom:78px; width:calc(100% - 16px); max-width:none; height:calc(100dvh - 94px); border-radius:14px; }
 .help-header { padding:12px; }
 .help-tabs { padding:8px; }
 .help-recipient { padding:8px 12px; }
 .help-suggestions { padding:8px 10px; }
 .help-suggestions button { padding:6px 9px; }
 .help-composer { padding:10px; }
 .help-session-controls { padding:8px 10px; }
 .help-chat-log { padding:12px 10px; }
}

@media(max-height:600px) {
 .help-panel { top:8px; bottom:8px; height:auto; }
 .help-recipient,.help-suggestions,.help-composer small { display:none; }
 .help-session-controls { padding:4px 10px; }
 .help-header { padding:10px 12px; }
 .help-composer { padding:8px 10px; }
}