/* Premium support launcher: warm metallic accents and a clear two-line invitation. */
.support-hub{right:24px;bottom:max(24px,env(safe-area-inset-bottom))}
.support-hub .support-launcher{
  position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;
  width:auto;min-width:244px;min-height:76px;gap:13px;padding:10px 17px 10px 10px;
  border:1px solid #efcf94;border-radius:999px;
  background:radial-gradient(ellipse at 15% 0,#b9424a66,transparent 65%),linear-gradient(125deg,#8c2032,#651528 62%,#43111f);
  color:#fff8ed;box-shadow:0 0 0 4px #fff7eac4,0 15px 38px #4711214d,0 3px 8px #47112126,inset 0 1px 0 #ffffff29;
  cursor:pointer;transition:transform .22s ease,box-shadow .22s ease;
}
.support-hub .support-launcher::before{
  content:"";position:absolute;z-index:-1;inset:0;border:0;border-radius:inherit;
  background:linear-gradient(110deg,transparent 35%,#ffedc32b 49%,transparent 63%);
  pointer-events:none;animation:support-gold-sheen 7s ease-in-out infinite;
}
.support-hub .support-launcher:hover{transform:translateY(-4px);background:radial-gradient(ellipse at 15% 0,#c74d5266,transparent 65%),linear-gradient(125deg,#9b293c,#711a2d 62%,#511526);box-shadow:0 0 0 4px #fff7ead9,0 20px 46px #47112166,inset 0 1px 0 #ffffff38}
.support-hub .support-launcher:focus-visible{outline:3px solid #702036;outline-offset:7px}
.support-hub .support-launcher-icon{display:grid;place-items:center;flex:none;width:54px;height:54px;border:1px solid #fff2ca;border-radius:50%;background:linear-gradient(145deg,#fff1cb,#edc782 58%,#d8a458);color:#692033;box-shadow:0 4px 12px #290a2140,inset 0 1px 1px #fff}
.support-hub .support-launcher-icon svg{display:block;width:28px;height:28px}
.support-hub .support-launcher-copy{display:block;min-width:0;text-align:left;line-height:1.25}
.support-hub .support-launcher-copy strong{display:block;color:#fff9ef;font-size:16px;font-weight:800;letter-spacing:-.025em;text-shadow:none;white-space:nowrap}
.support-hub .support-launcher-copy small{display:block;margin-top:5px;color:#f1d8af;font-size:11px;font-weight:500;white-space:nowrap}
.support-hub .support-launcher-arrow{display:block;flex:none;width:26px;height:26px;margin-left:auto;padding:5px;border:1px solid #edcc9259;border-radius:50%;color:#f7dba5;background:#ffffff08}
.support-hub.is-open .support-launcher::before{animation:none;opacity:0}
.support-hub .support-panel{bottom:calc(100% + 16px);height:min(605px,calc(100dvh - 136px));border:1px solid #e3cfae;box-shadow:0 24px 65px #3213224d}
.support-hub .support-panel-head{background:linear-gradient(115deg,#6d1b2d,#8e2a3c);color:#fff}
.support-hub .support-panel-head::before{background:linear-gradient(90deg,#bc8742,#ffebbe,#bc8742)}
.support-hub .support-head-kicker{color:#f3d5a4}
.support-hub .support-head-copy small{color:#f7e9e3}
@keyframes support-gold-sheen{0%,68%{transform:translateX(-130%);opacity:0}72%{opacity:1}94%,100%{transform:translateX(130%);opacity:0}}
@media(max-width:570px){
  .support-hub{right:14px;bottom:max(16px,env(safe-area-inset-bottom))}
  .support-hub .support-launcher{width:auto;min-width:211px;min-height:64px;padding:8px 12px 8px 8px;gap:10px;border-radius:999px}
  .support-hub .support-launcher-icon{width:46px;height:46px}
  .support-hub .support-launcher-icon svg{width:25px;height:25px}
  .support-hub .support-launcher-copy strong{font-size:14px}
  .support-hub .support-launcher-copy small{font-size:10px;margin-top:3px}
  .support-hub .support-launcher-arrow{width:23px;height:23px;padding:4px}
  .support-hub .support-panel{width:min(370px,calc(100vw - 28px));bottom:calc(100% + 12px);height:min(590px,calc(100dvh - 114px))}
}
@media(prefers-reduced-motion:reduce){
  .support-hub .support-launcher::before{animation:none;display:none}
  .support-hub .support-launcher,.support-hub .support-launcher:hover{transition:none;transform:none}
}
/* Admin-selected brand color and attention halo. */
.support-hub{--support-brand:#e61e29}
.support-hub .support-dock{position:relative;isolation:isolate}
.support-hub .support-launcher,.support-hub .support-launcher:hover{background:var(--support-brand);border-color:#ffffffb3;color:#fff;box-shadow:0 8px 26px #22151530,inset 0 1px 0 #ffffff30}
.support-hub .support-launcher:focus-visible{outline-color:var(--support-brand)}
.support-hub .support-launcher-icon{background:#fff;border-color:#fff;color:var(--support-brand);box-shadow:0 3px 12px #00000018}
.support-hub .support-launcher-copy strong,.support-hub .support-launcher-copy small{color:#fff}
.support-hub .support-launcher-copy small{opacity:.9}
.support-hub .support-launcher-arrow{color:#fff;border-color:#ffffff66;background:#ffffff14}
.support-hub .support-panel-head{background:var(--support-brand)}
.support-hub .support-head-kicker,.support-hub .support-head-copy small{color:#fff}
.support-hub .support-panel-head::before{background:#ffffff66}
.support-hub.has-glow .support-dock::before,.support-hub.has-glow .support-dock::after{content:"";position:absolute;inset:3px;border-radius:999px;pointer-events:none;z-index:-1}
.support-hub.has-glow .support-dock::before{background:var(--support-brand);filter:blur(18px);opacity:.65;animation:support-brand-glow 3s ease-in-out infinite}
.support-hub.has-glow .support-dock::after{inset:-5px;border:1px solid var(--support-brand);animation:support-brand-ring 3s ease-out infinite}
.support-hub .support-launcher::before{background:linear-gradient(110deg,transparent 35%,#ffffff40 49%,transparent 63%)}
.support-hub.is-open .support-dock::before,.support-hub.is-open .support-dock::after{animation:none;opacity:0}
@keyframes support-brand-glow{0%,100%{opacity:.4;transform:scale(.98)}50%{opacity:.8;transform:scale(1.1)}}
@keyframes support-brand-ring{0%{opacity:.55;transform:scale(1)}85%,100%{opacity:0;transform:scale(1.16)}}
@media(prefers-reduced-motion:reduce){.support-hub.has-glow .support-dock::before{animation:none;opacity:.4;transform:none}.support-hub.has-glow .support-dock::after{display:none;animation:none}}