/* Site Support Panel v2.0 - isolated frontend styles */
.ssp-widget,
.ssp-widget *{box-sizing:border-box!important}

.ssp-widget{
  --ssp-accent:#c89552;
  --ssp-brand:#263238;
  --ssp-panel-width:350px;
  position:fixed!important;
  z-index:2147483000!important;
  top:50%!important;
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;
  color:#17191c!important;
  line-height:1.35!important;
  font-size:14px!important;
  text-align:left!important;
  direction:ltr!important;
  isolation:isolate!important;
  transform:translateY(-50%)!important;
}
.ssp-widget--right{right:0!important;left:auto!important}
.ssp-widget--left{left:0!important;right:auto!important}

/* Strong reset against theme styles. */
.ssp-widget__trigger,
.ssp-widget__close,
.ssp-widget__tabs button,
.ssp-widget__action{
  all:unset!important;
  box-sizing:border-box!important;
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;
  -webkit-tap-highlight-color:transparent!important;
}

.ssp-widget__trigger{
  position:relative!important;
  z-index:4!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  width:48px!important;
  min-width:48px!important;
  min-height:174px!important;
  padding:14px 11px!important;
  background:var(--ssp-brand)!important;
  color:#fff!important;
  border-radius:16px 0 0 16px!important;
  cursor:pointer!important;
  box-shadow:0 14px 34px rgba(20,30,60,.22)!important;
  writing-mode:vertical-rl!important;
  text-orientation:mixed!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:800!important;
  letter-spacing:1.15px!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease!important;
}
.ssp-widget--left .ssp-widget__trigger{border-radius:0 16px 16px 0!important}
.ssp-widget__trigger:hover{transform:translateX(-2px)!important;box-shadow:0 16px 40px rgba(20,30,60,.28)!important}
.ssp-widget--left .ssp-widget__trigger:hover{transform:translateX(2px)!important}
.ssp-widget__trigger:focus-visible{outline:3px solid rgba(200,149,82,.45)!important;outline-offset:3px!important}

.ssp-widget__dot{
  display:block!important;
  width:9px!important;
  height:9px!important;
  min-width:9px!important;
  min-height:9px!important;
  border-radius:999px!important;
  background:#2ed47a!important;
  box-shadow:0 0 0 4px rgba(46,212,122,.16)!important;
}
.ssp-widget__trigger-arrow{display:block!important;font-size:19px!important;line-height:1!important;color:rgba(255,255,255,.9)!important}
.ssp-widget__trigger-label{display:block!important}

.ssp-widget__backdrop{display:none!important}

.ssp-widget__panel{
  position:absolute!important;
  z-index:3!important;
  top:50%!important;
  width:min(var(--ssp-panel-width),calc(100vw - 94px))!important;
  max-width:460px!important;
  max-height:min(720px,calc(100vh - 32px))!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain!important;
  -webkit-overflow-scrolling:touch!important;
  background:#fff!important;
  border:1px solid rgba(20,27,45,.07)!important;
  border-radius:22px!important;
  padding:22px!important;
  box-shadow:0 28px 80px rgba(18,25,48,.20),0 8px 26px rgba(18,25,48,.08)!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transition:opacity .18s ease,transform .24s cubic-bezier(.22,1,.36,1),visibility .18s ease!important;
  scrollbar-width:thin!important;
  scrollbar-color:#d9dde5 transparent!important;
  contain:layout paint!important;
}
.ssp-widget__panel::-webkit-scrollbar{width:6px!important}
.ssp-widget__panel::-webkit-scrollbar-track{background:transparent!important}
.ssp-widget__panel::-webkit-scrollbar-thumb{background:#d9dde5!important;border-radius:999px!important}

.ssp-widget--right .ssp-widget__panel{right:62px!important;left:auto!important;transform:translate(18px,-50%)!important}
.ssp-widget--left .ssp-widget__panel{left:62px!important;right:auto!important;transform:translate(-18px,-50%)!important}
.ssp-widget[data-state="expanded"] .ssp-widget__panel{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translate(0,-50%)!important}

.ssp-widget__close{
  position:absolute!important;
  z-index:2!important;
  top:12px!important;
  right:12px!important;
  display:flex!important;
  width:34px!important;
  height:34px!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:10px!important;
  background:var(--ssp-brand)!important;
  color:#fff!important;
  cursor:pointer!important;
  font-size:18px!important;
  line-height:1!important;
  font-weight:600!important;
  transition:opacity .16s ease,transform .16s ease!important;
}
.ssp-widget__close:hover{opacity:.92!important;transform:scale(.97)!important}
.ssp-widget__close:focus-visible{outline:3px solid rgba(38,50,56,.2)!important;outline-offset:2px!important}

.ssp-widget__header{display:flex!important;align-items:center!important;gap:12px!important;padding-right:42px!important;margin:0 0 18px!important;min-width:0!important}
.ssp-widget__logo{display:block!important;width:54px!important;height:54px!important;min-width:54px!important;object-fit:contain!important;border-radius:14px!important;background:#fff!important;margin:0!important;padding:0!important;border:0!important;box-shadow:none!important}
.ssp-widget__logo-fallback{display:flex!important;width:54px!important;height:54px!important;min-width:54px!important;align-items:center!important;justify-content:center!important;border-radius:15px!important;background:var(--ssp-accent)!important;color:#111!important;font-size:20px!important;font-weight:900!important;letter-spacing:-.7px!important}
.ssp-widget__header-text{display:flex!important;flex-direction:column!important;gap:3px!important;min-width:0!important;flex:1!important}
.ssp-widget__header-text strong{display:block!important;margin:0!important;padding:0!important;color:#17191c!important;font-size:18px!important;line-height:1.15!important;font-weight:800!important;white-space:normal!important}
.ssp-widget__header-text span{display:block!important;margin:0!important;padding:0!important;color:#777d87!important;font-size:10.5px!important;line-height:1.35!important;font-weight:800!important;letter-spacing:.55px!important;text-transform:uppercase!important;white-space:normal!important}

.ssp-widget__question{display:block!important;margin:0 0 14px!important;padding:0!important;color:#20232a!important;font-size:16px!important;line-height:1.35!important;font-weight:800!important}

.ssp-widget__tabs{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:4px!important;
  width:100%!important;
  min-width:0!important;
  padding:4px!important;
  margin:0 0 14px!important;
  background:#f2f4f7!important;
  border:1px solid #eceff3!important;
  border-radius:13px!important;
  overflow:hidden!important;
}
.ssp-widget__tabs button{
  display:flex!important;
  min-width:0!important;
  min-height:42px!important;
  align-items:center!important;
  justify-content:center!important;
  padding:8px 9px!important;
  border-radius:9px!important;
  color:#69707c!important;
  background:transparent!important;
  cursor:pointer!important;
  text-align:center!important;
  font-size:10.5px!important;
  line-height:1.2!important;
  font-weight:800!important;
  letter-spacing:.35px!important;
  text-transform:uppercase!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
  transition:background .16s ease,color .16s ease,box-shadow .16s ease!important;
}
.ssp-widget__tabs button:hover{background:#e8ebf1!important;color:#343b48!important}
.ssp-widget__tabs button.is-active{background:var(--ssp-brand)!important;color:#fff!important;box-shadow:0 5px 14px rgba(38,50,56,.16)!important}
.ssp-widget__tabs button:focus-visible{outline:2px solid rgba(38,50,56,.22)!important;outline-offset:-2px!important}

.ssp-widget__actions{display:flex!important;flex-direction:column!important;gap:9px!important;width:100%!important;min-width:0!important;margin:0!important;padding:0!important}
.ssp-widget__actions[hidden]{display:none!important}

.ssp-widget__action{
  display:flex!important;
  width:100%!important;
  min-width:0!important;
  align-items:center!important;
  gap:10px!important;
  padding:11px 12px!important;
  border:1px solid #e6e9ee!important;
  border-radius:14px!important;
  background:#fff!important;
  color:#252830!important;
  cursor:pointer!important;
  text-decoration:none!important;
  text-align:left!important;
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease!important;
}
.ssp-widget__action:hover{transform:translateY(-1px)!important;border-color:#d7dce4!important;box-shadow:0 8px 22px rgba(22,30,58,.07)!important;background:#fff!important;color:#252830!important;text-decoration:none!important}
.ssp-widget__action:focus-visible{outline:3px solid rgba(38,50,56,.18)!important;outline-offset:2px!important}
.ssp-widget__action--primary{background:var(--ssp-accent)!important;border-color:var(--ssp-accent)!important;color:#141414!important;box-shadow:0 6px 16px rgba(200,149,82,.12)!important}
.ssp-widget__action--primary:hover{background:var(--ssp-accent)!important;border-color:var(--ssp-accent)!important;color:#141414!important;box-shadow:0 9px 22px rgba(200,149,82,.20)!important}

.ssp-widget__action-icon{display:flex!important;width:36px!important;height:36px!important;min-width:36px!important;align-items:center!important;justify-content:center!important;border-radius:11px!important;background:#f4f6f8!important;color:#252b36!important}
.ssp-widget__action--primary .ssp-widget__action-icon{background:rgba(255,255,255,.5)!important;color:#171717!important}
.ssp-widget__action-icon svg{display:block!important;width:18px!important;height:18px!important;margin:0!important;padding:0!important;max-width:none!important;max-height:none!important}
.ssp-widget__action-text{display:flex!important;flex:1!important;min-width:0!important;flex-direction:column!important;gap:2px!important}
.ssp-widget__action-text strong{display:block!important;margin:0!important;padding:0!important;color:inherit!important;font-size:13.5px!important;line-height:1.25!important;font-weight:800!important;white-space:normal!important;overflow-wrap:anywhere!important}
.ssp-widget__action-text span{display:block!important;margin:0!important;padding:0!important;color:#858b95!important;font-size:10.7px!important;line-height:1.35!important;font-weight:400!important;white-space:normal!important;overflow-wrap:anywhere!important}
.ssp-widget__action--primary .ssp-widget__action-text span{color:rgba(20,20,20,.64)!important}
.ssp-widget__action-arrow{display:block!important;margin-left:auto!important;color:#99a0aa!important;font-size:22px!important;line-height:1!important;font-weight:500!important}
.ssp-widget__action--primary .ssp-widget__action-arrow{color:#161616!important}
.ssp-widget__disclaimer{display:block!important;margin:15px 3px 0!important;padding:0!important;text-align:center!important;color:#9ba1aa!important;font-size:9.8px!important;line-height:1.45!important;font-weight:400!important}

.ssp-widget.ssp-hide-desktop{display:none!important}

/* Mobile: same sticky vertical rail as desktop. The panel never auto-opens on mobile. */
@media (max-width:767px){
  .ssp-widget{top:50%!important;bottom:auto!important;transform:translateY(-50%)!important}
  .ssp-widget.ssp-hide-desktop{display:block!important}
  .ssp-widget.ssp-hide-mobile{display:none!important}

  .ssp-widget__trigger{
    display:flex!important;
    width:42px!important;
    min-width:42px!important;
    min-height:154px!important;
    padding:12px 9px!important;
    border-radius:14px 0 0 14px!important;
    font-size:10px!important;
    letter-spacing:1px!important;
    box-shadow:0 12px 30px rgba(20,30,60,.24)!important;
  }
  .ssp-widget--left .ssp-widget__trigger{border-radius:0 14px 14px 0!important}

  .ssp-widget__backdrop{
    display:block!important;
    position:fixed!important;
    z-index:1!important;
    inset:0!important;
    background:rgba(14,19,34,.34)!important;
    -webkit-backdrop-filter:blur(1.5px)!important;
    backdrop-filter:blur(1.5px)!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transition:opacity .2s ease,visibility .2s ease!important;
  }
  .ssp-widget[data-state="expanded"] .ssp-widget__backdrop{opacity:1!important;visibility:visible!important;pointer-events:auto!important}

  .ssp-widget__panel{
    top:50%!important;
    bottom:auto!important;
    width:min(var(--ssp-panel-width),calc(100vw - 66px))!important;
    max-width:360px!important;
    max-height:calc(100dvh - 24px)!important;
    padding:18px!important;
    border-radius:20px!important;
  }
  .ssp-widget--right .ssp-widget__panel{right:54px!important;left:auto!important;transform:translate(14px,-50%)!important}
  .ssp-widget--left .ssp-widget__panel{left:54px!important;right:auto!important;transform:translate(-14px,-50%)!important}
  .ssp-widget[data-state="expanded"] .ssp-widget__panel{transform:translate(0,-50%)!important}

  .ssp-widget__header{margin-bottom:15px!important;padding-right:38px!important;gap:10px!important}
  .ssp-widget__logo,.ssp-widget__logo-fallback{width:46px!important;height:46px!important;min-width:46px!important;border-radius:12px!important}
  .ssp-widget__logo-fallback{font-size:18px!important}
  .ssp-widget__header-text strong{font-size:17px!important}
  .ssp-widget__header-text span{font-size:9.5px!important}
  .ssp-widget__question{font-size:15px!important;margin-bottom:12px!important}
  .ssp-widget__tabs{margin-bottom:12px!important}
  .ssp-widget__tabs button{min-height:40px!important;padding:7px 6px!important;font-size:9.3px!important;letter-spacing:.15px!important}
  .ssp-widget__actions{gap:7px!important}
  .ssp-widget__action{padding:9px 10px!important;border-radius:13px!important}
  .ssp-widget__action-icon{width:34px!important;height:34px!important;min-width:34px!important}
  .ssp-widget__action-text strong{font-size:12.8px!important}
  .ssp-widget__action-text span{font-size:10.2px!important}
  .ssp-widget__disclaimer{font-size:9px!important;margin-top:12px!important}
}

@media (max-width:380px){
  .ssp-widget__trigger{width:40px!important;min-width:40px!important;min-height:146px!important}
  .ssp-widget__panel{width:calc(100vw - 60px)!important;padding:16px!important}
  .ssp-widget--right .ssp-widget__panel{right:50px!important}
  .ssp-widget--left .ssp-widget__panel{left:50px!important}
  .ssp-widget__tabs button{font-size:8.9px!important}
}

@media (prefers-reduced-motion:reduce){
  .ssp-widget__panel,.ssp-widget__backdrop,.ssp-widget__action,.ssp-widget__trigger,.ssp-widget__tabs button{transition:none!important}
}