/* The help panel has its own quiet visual hierarchy; the inquiry card is separate. */
.premium-site #site-support{
  --support-green:#326b46;--support-ink:#25332b;--support-muted:#65716a;
  box-sizing:border-box;width:min(460px,calc(100% - 32px));max-height:calc(100dvh - 40px);
  margin: auto 20px 20px auto;padding:26px;border:1px solid #e0e6e1;border-radius:20px;
  background:#fff;color:var(--support-ink);color-scheme:only light;
  box-shadow:0 20px 70px #13261d2e;overflow-x:hidden;overflow-y:auto;
}
#site-support::backdrop{background:#111c2466;backdrop-filter:blur(3px)}
#site-support .dialog-heading{position:sticky;top:0;z-index:2;gap:16px;align-items:center;background:#fff}
#site-support .dialog-heading::before{content:'';position:absolute;inset:-26px -26px 0;z-index:-1;background:#fff;pointer-events:none}
#site-support .dialog-heading h2{font-size:25px;line-height:1.2;font-weight:600;letter-spacing:-.035em;color:var(--support-ink);outline:0}
#site-support .dialog-close{display:grid;place-items:center;width:36px;height:36px;min-height:36px;padding:0;background:#f0f3f0;border:0;border-radius:50%;color:#65716a;font-size:24px;line-height:1}
#site-support .dialog-close:hover{background:#e5ebe6;color:#25332b}
#site-support .dialog-description{font-size:13px;line-height:1.5;margin:8px 0 20px;color:var(--support-muted)}
#site-support .quick-questions{gap:8px;margin:0 0 14px}
#site-support .quick-questions button{min-height:38px;padding:8px 13px;border:1px solid #dbe3dc;border-radius:999px;background:#f6f8f6;color:#3e5545;font-size:13px;font-weight:500;line-height:1.4}
#site-support .quick-questions button:hover{background:#eaf1eb;border-color:#bfcfc2}
#site-support .chat-transcript{position:relative;max-height:210px;margin:0 0 14px;padding:0 4px 0 0;scroll-padding:10px;overscroll-behavior:contain}
#site-support .chat-transcript[hidden]{display:none}
#site-support .chat-bubble{border-radius:12px;background:#f2f5f2;margin:0 0 10px;padding:13px 15px;font-size:14px;color:var(--support-ink);overflow-wrap:anywhere}
#site-support .chat-bubble:last-child{margin-bottom:0}
#site-support .chat-bubble.user{margin-left:38px;background:#e8f0e9}
#site-support .chat-speaker{font-size:11px;font-weight:600;color:var(--support-green);margin-bottom:5px}
#site-support .chat-bubble p{line-height:1.6}
#site-support .chat-bubble>a{color:var(--support-green);font-size:13px;text-underline-offset:3px}
#site-support .chat-form{display:flex;align-items:stretch;gap:6px;margin:0;padding:5px;border:1px solid #cdd8cf;border-radius:12px;background:#fff}
#site-support .chat-form:focus-within{border-color:#5a8d68;box-shadow:0 0 0 3px #326b4614}
#site-support .chat-form input{flex:1;min-width:0;width:100%;height:44px;padding:10px;border:0;border-radius:8px;background:transparent;color:var(--support-ink);font-size:16px;line-height:1.4;outline:0}
#site-support .chat-form input::placeholder{color:#7a867e;font-size:14px;opacity:1}
.premium-site #site-support .chat-form .button{flex:none;display:inline-flex;align-items:center;justify-content:center;min-width:58px;min-height:44px;margin:0;padding:10px 15px;border:1px solid var(--support-green);border-radius:9px;background:var(--support-green);color:#fff;font-size:14px;font-weight:600;line-height:1.4;gap:0}
.premium-site #site-support .chat-form .button:hover{background:#285b3b;border-color:#285b3b}
#site-support .support-team{margin-top:24px;padding-top:20px;border-top:1px solid #e2e7e3}
#site-support .support-team h3{margin:0 0 8px;color:#4a5950;font-size:13px;font-weight:600;line-height:1.5;letter-spacing:0}
.premium-site #site-support .support-direct-contacts{display:grid;grid-template-columns:minmax(0,1fr);gap:0;margin:0}
.premium-site #site-support .direct-contact{display:flex;align-items:center;gap:12px;min-height:58px;padding:10px 0;border-bottom:1px solid #edf0ed;color:var(--support-ink)!important}
#site-support .direct-contact:last-child{border-bottom:0}
#site-support .direct-contact .contact-icon{flex:0 0 20px;width:20px;height:20px;color:var(--support-green)}
#site-support .direct-contact>span:not(.contact-action){gap:1px}
#site-support .direct-contact strong{font-size:14px;font-weight:550;line-height:1.4}
#site-support .direct-contact small{font-size:12px;line-height:1.45;color:var(--support-muted)}
#site-support .direct-contact .contact-action{color:#7d8b81;font-size:13px}
#site-support .contact-feedback{font-size:12px;line-height:1.5;color:var(--support-muted)}
.premium-site #site-support .support-inquiry-action{display:flex;align-items:center;justify-content:center;width:100%;min-height:44px;margin:14px 0 0;padding:11px 16px;border:1px solid #d6e1d8;border-radius:10px;background:#edf4ee;color:#2f5d3e;font-size:14px;font-weight:600;line-height:1.4}
.premium-site #site-support .support-inquiry-action:hover{background:#e2eee4;border-color:#bfd0c2}
.premium-site #site-support .feedback-control{--feedback-lift:0px!important;--feedback-frame-y:0px!important;translate:none!important}
.premium-site #site-support .feedback-part,.premium-site #site-support .direct-contact>span,.premium-site #site-support .direct-contact>.contact-icon{translate:none!important;transform:none!important}
#site-support :is(button,a):focus-visible{outline:2px solid #3f8056;outline-offset:3px}
@media(max-width:520px){
  .premium-site #site-support{width:calc(100% - 24px);max-height:calc(100dvh - 24px);margin:auto;padding:22px;border-radius:18px}
  #site-support .dialog-heading h2{font-size:24px}
}
@media(max-width:360px){
  .premium-site #site-support{padding:18px}
  #site-support .quick-questions{gap:6px}
  #site-support .quick-questions button{font-size:12px;padding-inline:10px}
  #site-support .chat-form input::placeholder{font-size:13px}
}