.contact-dock{position:fixed;right:20px;bottom:20px;z-index:100010;font:14px/1.5 Arial,"Microsoft YaHei",sans-serif;color:#26352a;max-width:calc(100vw - 32px)}
.contact-dock *{box-sizing:border-box}
.contact-dock button{font:inherit;cursor:pointer}
.contact-launcher{display:block;margin-left:auto;border:0;border-radius:24px;background:#477f3b;color:white;padding:12px 22px;box-shadow:0 3px 14px #0002}
#contact-panel{width:360px;max-width:calc(100vw - 32px);max-height:calc(100vh - 100px);overflow:auto;margin-bottom:12px;padding:20px;background:white;border:1px solid #dce5d8;border-radius:12px;box-shadow:0 8px 32px #0003}
#contact-panel[hidden]{display:none!important}
.contact-panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px}
#contact-panel h2{font-size:21px;line-height:1.3;margin:0;color:#2f5428}
.contact-close{border:0;background:transparent;font-size:26px!important;padding:0 5px;color:#555}
#contact-panel p{margin:10px 0;font-size:14px;line-height:1.5}
#contact-panel label{display:block;font-size:14px;margin:12px 0}
#contact-panel input,#contact-panel textarea{display:block;width:100%;font:inherit;margin-top:5px;padding:9px 10px;border:1px solid #bdcbb8;border-radius:5px;background:white;color:#26352a}
#contact-panel textarea{resize:vertical;min-height:75px}
#contact-panel .contact-note{font-size:12px;color:#6c7468}
#contact-panel [type=submit]{border:0;background:#477f3b;color:white;border-radius:5px;padding:10px 18px}
#contact-panel [type=submit]:disabled{opacity:.6;cursor:wait}
#contact-panel .contact-status{color:#356729;overflow-wrap:anywhere}
#contact-panel .contact-status:empty{display:none}
@media(max-width:480px){.contact-dock{right:12px;bottom:12px}#contact-panel{padding:16px}}
#backTop{bottom:86px!important;right:20px!important}
/* Chat stays within the viewport in both languages, independently of page zoom. */
#contact-panel{width:400px;display:flex;flex-direction:column;overflow:hidden;padding:16px;max-height:calc(100dvh - 95px)}
#contact-panel h2{font-size:18px}
#contact-panel .contact-note{margin:8px 0;font-size:11px;line-height:1.4}
.chat-log{height:280px;min-height:80px;overflow-y:auto;overscroll-behavior:contain;flex:1 1 auto;padding:4px 2px}
.chat-message{white-space:pre-wrap;overflow-wrap:anywhere;padding:10px 12px;border-radius:10px;margin:0 0 10px;background:#f0f4ee;font-size:14px;line-height:1.6}
.chat-user{background:#e0efd9;margin-left:24px}
.chat-assistant{margin-right:8px}
.chat-sources{border-top:1px solid #cbd8c6;padding-top:6px;margin-top:8px;font-size:12px;white-space:normal}
.chat-sources a{display:block;color:#315d28;text-decoration:underline;overflow-wrap:anywhere}
#chat-form{flex-shrink:0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 8px;align-items:end}
#chat-form label{grid-column:1/-1;margin:0;font-size:12px}
#chat-form textarea{margin:0;min-height:60px;max-height:110px;resize:none}
#chat-form button{padding:10px 12px;min-height:42px}
.chat-actions{display:flex;justify-content:space-between;gap:8px;margin-top:10px;font-size:12px;flex-shrink:0}
.chat-actions a,.chat-actions button,.chat-retry{color:#315d28;background:none;border:0;text-decoration:underline;padding:0}
.chat-retry{align-self:flex-start;margin-bottom:8px}
.chat-retry[hidden]{display:none}
#contact-panel .contact-status{font-size:12px;margin:6px 0;flex-shrink:0}
@media(max-height:600px){.chat-log{height:150px}#contact-panel{padding:10px}}

#contact-panel .chat-count{font-size:12px;color:#477f3b;margin:8px 0 0;flex-shrink:0}