/* Stage Roads Search Intelligence - Live Support Sessions */
.srsi-support-root,.srsi-support-root *{box-sizing:border-box}
.srsi-support-root{position:fixed;left:22px;bottom:22px;z-index:2147481200;font-family:inherit;color:#111}
.srsi-support-launcher{appearance:none;border:0!important;margin:0!important;min-width:50px!important;width:50px;height:50px;border-radius:999px;background:#0d4d63!important;color:#fff!important;box-shadow:0 10px 28px rgba(5,43,57,.22);display:flex;align-items:center;justify-content:center;gap:0;padding:0!important;cursor:pointer;position:relative;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}
.srsi-support-launcher:hover,.srsi-support-launcher:focus-visible{transform:translateY(-1px);background:#0a5d79!important;box-shadow:0 12px 32px rgba(5,43,57,.26);outline:2px solid rgba(31,169,225,.28);outline-offset:2px}
.srsi-support-launch-icon{width:32px;height:32px;border:2px solid rgba(255,255,255,.88);border-radius:50%;display:grid;place-items:center;font-size:14px;font-weight:800;line-height:1}
.srsi-support-launch-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.srsi-support-launch-label{display:none}
.srsi-support-launch-badge{position:absolute;right:-4px;top:-5px;min-width:19px;height:19px;padding:0 5px;border-radius:10px;background:#78c516;color:#fff;font:700 10px/19px inherit;text-align:center;box-shadow:0 0 0 2px #fff}
.srsi-support-root.is-connected .srsi-support-launcher:after{content:"";position:absolute;left:-2px;bottom:-2px;width:11px;height:11px;border-radius:50%;background:#78c516;box-shadow:0 0 0 2px #fff}
.srsi-support-root.has-update .srsi-support-launcher{animation:srsi-support-pulse .8s ease}
@keyframes srsi-support-pulse{0%,100%{transform:none}40%{transform:scale(1.08)}}

.srsi-support-panel{position:absolute;left:0;bottom:62px;width:390px;max-width:calc(100vw - 28px);max-height:min(680px,calc(100vh - 100px));display:flex;flex-direction:column;background:#fff;border:1px solid #e0e7ea;border-radius:12px;box-shadow:0 24px 60px rgba(7,39,51,.20);overflow:hidden}
.srsi-support-root.is-agent .srsi-support-panel{width:440px}
.srsi-support-panel[hidden]{display:none!important}
.srsi-support-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 16px 14px;border-bottom:1px solid #edf1f3;background:#fff;flex:0 0 auto}
.srsi-support-head-text{display:grid;gap:2px;min-width:0}
.srsi-support-head-text strong{font-size:16px;line-height:1.25;font-weight:700;color:#111}
.srsi-support-head-text span{font-size:12px;line-height:1.3;color:#73828a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.srsi-support-close{appearance:none;border:0!important;background:transparent!important;color:#6d7b82!important;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;padding:0!important;margin:0!important;min-height:0!important;font:400 20px/1 inherit!important;cursor:pointer}
.srsi-support-close:hover{background:#f3f6f7!important;color:#111!important}

.srsi-support-empty{padding:22px 18px;display:grid;gap:9px;text-align:left}
.srsi-support-empty.compact{padding:18px 2px}
.srsi-support-empty strong{font-size:15px;font-weight:700;color:#111}
.srsi-support-empty p,.srsi-support-help{margin:0;color:#65747b;font-size:13px;line-height:1.5;font-weight:400}
.srsi-support-primary{appearance:none;border:0!important;border-radius:7px;background:#0d4d63!important;color:#fff!important;padding:11px 15px!important;margin:4px 0 0!important;min-height:42px!important;font:600 14px/1.2 inherit!important;cursor:pointer;width:100%}
.srsi-support-primary:hover{background:#0a607d!important}
.srsi-support-link{appearance:none;border:0!important;background:transparent!important;padding:0!important;margin:0!important;min-height:0!important;color:#177da4!important;font:400 12px/1.4 inherit!important;cursor:pointer;text-decoration:none}
.srsi-support-link.danger{color:#a74747!important}

.srsi-support-code-block{padding:15px 16px 13px;background:#f7fbfc;border-bottom:1px solid #edf1f3;display:grid;gap:7px;flex:0 0 auto}
.srsi-support-code-block>span{font-size:12px;color:#68777e}
.srsi-support-code-row{display:flex;align-items:center;justify-content:space-between;gap:10px}
.srsi-support-code{appearance:none;border:0!important;background:transparent!important;color:#0d4d63!important;padding:0!important;margin:0!important;min-height:0!important;font:700 27px/1.1 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace!important;letter-spacing:.08em;cursor:pointer}
.srsi-support-status{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:#7a888e;white-space:nowrap}
.srsi-support-status:before{content:"";width:8px;height:8px;border-radius:50%;background:#c7d0d4}
.srsi-support-status.is-connected{color:#478c18}.srsi-support-status.is-connected:before{background:#78c516}

.srsi-support-customer-list,.srsi-support-agent-list{padding:14px 16px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;min-height:0}
.srsi-support-list-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 10px}
.srsi-support-list-title strong{font-size:14px;font-weight:700;color:#111}
.srsi-support-list-title span{font-size:11px;color:#7f8e94}
.srsi-support-item{display:grid;grid-template-columns:58px minmax(0,1fr);gap:11px;padding:9px 7px;border-radius:8px;color:#111!important;text-decoration:none!important;border:1px solid transparent;transition:background .12s ease,border-color .12s ease,box-shadow .12s ease}
a.srsi-support-item:hover{background:#f7fbfc;border-color:#e3eef2}
.srsi-support-item.is-focus{background:#f1faff;border-color:#9ed8ee;box-shadow:inset 3px 0 0 #20a7dd}
.srsi-support-item-media{width:58px;height:58px;display:grid;place-items:center;overflow:hidden;border-radius:6px;background:#fff}
.srsi-support-item-media img{display:block;width:auto;height:auto;max-width:52px;max-height:52px;object-fit:contain}
.srsi-support-item-body{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:3px}
.srsi-support-focus-pill{display:inline-flex;padding:2px 6px;border-radius:999px;background:#dff4fc;color:#087ba7;font-size:9px;font-weight:700}
.srsi-support-item-title{font-size:13px;line-height:1.3;font-weight:600;color:#168fca;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.srsi-support-item-variant{font-size:11px;line-height:1.3;color:#66777f;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.srsi-support-item-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:11px;color:#6e7d84}
.srsi-support-item-meta b{font-weight:700;color:#111}
.srsi-support-item-meta .stock-instock{color:#5cae11}.srsi-support-item-meta .stock-outofstock{color:#8c989e}.srsi-support-item-meta .stock-onbackorder{color:#b16b0b}
.srsi-support-item-note{margin-top:3px;padding:5px 7px;border-radius:5px;background:#fff8e8;color:#665222;font-size:11px;line-height:1.35}
.srsi-support-foot{padding:11px 16px 13px;border-top:1px solid #edf1f3;display:flex;align-items:center;justify-content:space-between;gap:12px;flex:0 0 auto}
.srsi-support-foot>span{font-size:10px;line-height:1.35;color:#929da2;max-width:230px}

/* Agent panel */
.srsi-support-connect{padding:18px 16px;display:grid;gap:9px}
.srsi-support-connect>label{font-size:13px;font-weight:700;color:#111}
.srsi-support-code-form{display:grid;grid-template-columns:minmax(0,1fr) 130px;gap:8px;margin:0}
.srsi-support-code-form input{height:44px!important;margin:0!important;border:1px solid #cdd9de!important;border-radius:7px!important;background:#fff!important;box-shadow:none!important;font:700 20px/1 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace!important;letter-spacing:.07em;text-align:center;color:#111!important}
.srsi-support-code-form .srsi-support-primary{margin:0!important;min-height:44px!important}
.srsi-support-agent-summary{padding:10px 16px;border-bottom:1px solid #edf1f3;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fbfcfc;flex:0 0 auto}
.srsi-support-online{font-size:11px;color:#8a969b;display:inline-flex;align-items:center;gap:6px}.srsi-support-online:before{content:"";width:8px;height:8px;border-radius:50%;background:#c5ced2}.srsi-support-online.is-online{color:#4c9119}.srsi-support-online.is-online:before{background:#78c516}
.srsi-support-agent-list{max-height:295px;border-bottom:1px solid #edf1f3}
.srsi-support-agent-item{padding:7px 0 10px;border-bottom:1px solid #f0f3f4}.srsi-support-agent-item:last-child{border-bottom:0}
.srsi-support-agent-item>.srsi-support-item{padding:5px 2px}
.srsi-support-item-controls{display:flex;align-items:center;gap:6px;padding:3px 2px 0 71px}
.srsi-support-item-controls button{appearance:none;border:1px solid #d8e1e5!important;background:#fff!important;color:#33454d!important;border-radius:5px!important;padding:4px 8px!important;margin:0!important;min-height:26px!important;font:500 11px/1.1 inherit!important;cursor:pointer}
.srsi-support-item-controls button:hover{border-color:#a9cad7!important;background:#f6fbfd!important}
.srsi-support-item-controls .srsi-support-focus.is-active{border-color:#92d3eb!important;background:#e9f8fd!important;color:#0c7ea8!important}
.srsi-support-item-controls .srsi-support-remove{margin-left:auto!important;color:#9b4c4c!important}
.srsi-support-qty{min-width:22px;text-align:center;font-size:11px;font-weight:700}
.srsi-support-note-input{display:block;width:calc(100% - 73px)!important;margin:7px 0 0 73px!important;min-height:34px!important;height:34px;padding:7px 9px!important;border:1px solid #e0e7ea!important;border-radius:6px!important;box-shadow:none!important;background:#fff!important;color:#333!important;font:400 11px/1.35 inherit!important;resize:vertical}
.srsi-support-note-input:focus{border-color:#8bcde6!important;outline:none!important;box-shadow:0 0 0 2px rgba(32,167,221,.10)!important}

.srsi-support-agent-search{padding:14px 16px 16px;display:grid;gap:9px;min-height:0;overflow:auto}
.srsi-support-search-title{font-size:13px;font-weight:700;color:#111}
.srsi-support-agent-search>input{height:40px!important;margin:0!important;border:1px solid #cdd9de!important;border-radius:7px!important;background:#fff!important;box-shadow:none!important;padding:0 11px!important;font:400 13px/1.2 inherit!important;color:#111!important}
.srsi-support-agent-search>input:focus{border-color:#8bcde6!important;outline:none!important;box-shadow:0 0 0 2px rgba(32,167,221,.10)!important}
.srsi-support-search-results{display:grid;gap:4px}
.srsi-support-searching{display:block;padding:10px 2px;font-size:11px;color:#7e8b91}.srsi-support-searching.error{color:#9f4949}
.srsi-support-search-hit{display:grid;grid-template-columns:46px minmax(0,1fr) 32px;align-items:center;gap:9px;padding:6px;border-radius:7px;border:1px solid transparent}
.srsi-support-search-hit:hover{background:#f7fbfc;border-color:#e5eef1}
.srsi-support-search-media{width:46px;height:46px;display:grid;place-items:center;background:#fff;border-radius:5px;overflow:hidden}.srsi-support-search-media img{max-width:42px;max-height:42px;width:auto;height:auto;object-fit:contain}
.srsi-support-search-body{display:flex;flex-direction:column;gap:2px;min-width:0}.srsi-support-search-body strong{font-size:11.5px;line-height:1.3;color:#168fca;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.srsi-support-search-body span{font-size:9.5px;color:#7b898f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.srsi-support-add{appearance:none;border:0!important;width:30px;height:30px;border-radius:50%!important;background:#0d4d63!important;color:#fff!important;padding:0!important;margin:0!important;min-height:0!important;font:500 20px/30px inherit!important;cursor:pointer}
.srsi-support-add:hover{background:#159ccf!important}

@media(max-width:600px){
  .srsi-support-root{left:12px;right:12px;bottom:12px}
  .srsi-support-launcher{margin-left:0!important}
  .srsi-support-panel,.srsi-support-root.is-agent .srsi-support-panel{position:fixed;left:10px;right:10px;bottom:72px;width:auto;max-width:none;max-height:calc(100vh - 94px);border-radius:11px}
  .srsi-support-code-form{grid-template-columns:1fr}
  .srsi-support-code-form .srsi-support-primary{width:100%}
}
@media(prefers-reduced-motion:reduce){.srsi-support-launcher,.srsi-support-item{transition:none!important;animation:none!important}}

/* 0.7.9 customer UX: menu-link -> centered code modal -> right-side support tab. */
html.srsi-support-modal-open,html.srsi-support-modal-open body{overflow:hidden!important}
.srsi-support-root.is-customer{position:static!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;z-index:auto;font-family:inherit;color:#111}
.srsi-support-side-tab[hidden],.srsi-support-modal-backdrop[hidden]{display:none!important}
.srsi-support-side-tab{appearance:none;position:fixed;z-index:2147481202;right:0;top:50%;transform:translateY(-50%);width:44px;min-width:44px!important;height:132px;min-height:132px!important;margin:0!important;padding:10px 7px!important;border:0!important;border-radius:11px 0 0 11px!important;background:#0d4d63!important;color:#fff!important;box-shadow:0 10px 30px rgba(5,43,57,.22);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;cursor:pointer;transition:width .14s ease,background .14s ease,box-shadow .14s ease}
.srsi-support-side-tab:hover,.srsi-support-side-tab:focus-visible{background:#0a607d!important;box-shadow:0 12px 34px rgba(5,43,57,.28);outline:2px solid rgba(31,169,225,.25);outline-offset:2px}
.srsi-support-side-icon{width:24px;height:24px;display:grid;place-items:center;flex:0 0 auto}
.srsi-support-side-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.srsi-support-side-label{writing-mode:vertical-rl;transform:rotate(180deg);font:600 12px/1 inherit;letter-spacing:.02em;white-space:nowrap}
.srsi-support-side-badge{position:absolute;left:-7px;top:-7px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#78c516;color:#fff;font:700 10px/20px inherit;text-align:center;box-shadow:0 0 0 2px #fff}
.srsi-support-root.is-customer.is-connected .srsi-support-side-tab:after{content:"";position:absolute;left:5px;bottom:7px;width:9px;height:9px;border-radius:50%;background:#78c516;box-shadow:0 0 0 2px #0d4d63}
.srsi-support-root.is-customer.has-update .srsi-support-side-tab{animation:srsi-support-side-pulse .8s ease}
@keyframes srsi-support-side-pulse{0%,100%{transform:translateY(-50%)}40%{transform:translateY(-50%) scale(1.06)}}

.srsi-support-root.is-customer .srsi-support-panel{position:fixed!important;z-index:2147481201;left:auto!important;right:0!important;top:50%!important;bottom:auto!important;transform:translateY(-50%);width:min(410px,calc(100vw - 52px))!important;max-width:none!important;max-height:calc(100dvh - 32px)!important;border-radius:14px 0 0 14px!important;border:1px solid #dce5e8!important;border-right:0!important;box-shadow:-18px 22px 54px rgba(7,39,51,.18)!important;background:#fff;overflow:hidden;animation:srsi-support-drawer-in .18s cubic-bezier(.2,.8,.2,1)}
@keyframes srsi-support-drawer-in{from{opacity:.72;transform:translate(24px,-50%)}to{opacity:1;transform:translate(0,-50%)}}

.srsi-support-modal-backdrop{position:fixed;z-index:2147481300;inset:0;background:rgba(8,31,40,.34);display:grid;place-items:center;padding:18px;overscroll-behavior:contain}
.srsi-support-modal{width:min(460px,calc(100vw - 32px));max-height:calc(100dvh - 36px);overflow:auto;background:#fff;border:1px solid #dde6e9;border-radius:16px;box-shadow:0 30px 80px rgba(5,35,47,.27);animation:srsi-support-modal-in .16s cubic-bezier(.2,.8,.2,1)}
@keyframes srsi-support-modal-in{from{opacity:.6;transform:translateY(8px) scale(.985)}to{opacity:1;transform:none}}
.srsi-support-modal .srsi-support-head{padding:18px 20px 15px}
.srsi-support-modal .srsi-support-head-text strong{font-size:18px}
.srsi-support-modal .srsi-support-head-text span{font-size:13px}
.srsi-support-modal-body{padding:20px;display:grid;gap:13px}
.srsi-support-modal-body>strong{font-size:17px;line-height:1.3;font-weight:700;color:#111}
.srsi-support-modal-body>p{margin:0;color:#53636a;font-size:14px;line-height:1.55}
.srsi-support-code-block.is-modal-code{padding:22px 20px 18px;background:#f5fafc;border-bottom:1px solid #e8eff2;gap:10px}
.srsi-support-code-block.is-modal-code>span{font-size:13px;color:#53636a}
.srsi-support-code-block.is-modal-code .srsi-support-code{font-size:36px!important;letter-spacing:.09em}
.srsi-support-code-block.is-modal-code .srsi-support-status{font-size:12px}
.srsi-support-modal-loader{display:block;width:34px;height:34px;border-radius:50%;border:3px solid #dbe8ed;border-top-color:#159fda;animation:srsi-support-spin .7s linear infinite;margin:4px auto}
@keyframes srsi-support-spin{to{transform:rotate(360deg)}}

@media(max-width:600px){
  .srsi-support-root.is-customer{position:static!important;left:auto!important;right:auto!important;bottom:auto!important}
  .srsi-support-side-tab{right:0;top:50%;width:40px;min-width:40px!important;height:116px;min-height:116px!important;padding:8px 6px!important;border-radius:10px 0 0 10px!important}
  .srsi-support-side-label{font-size:11px}
  .srsi-support-side-icon{width:21px;height:21px}.srsi-support-side-icon svg{width:19px;height:19px}
  .srsi-support-root.is-customer .srsi-support-panel{left:auto!important;right:0!important;top:50%!important;bottom:auto!important;width:calc(100vw - 42px)!important;max-height:calc(100dvh - 20px)!important;border-radius:12px 0 0 12px!important}
  .srsi-support-modal-backdrop{padding:12px}
  .srsi-support-modal{width:min(430px,calc(100vw - 24px));max-height:calc(100dvh - 24px);border-radius:14px}
  .srsi-support-modal .srsi-support-head{padding:16px 16px 13px}
  .srsi-support-modal .srsi-support-head-text strong{font-size:17px}
  .srsi-support-modal-body{padding:17px 16px}
  .srsi-support-code-block.is-modal-code{padding:20px 16px 17px}
  .srsi-support-code-block.is-modal-code .srsi-support-code{font-size:31px!important}
}

/* 0.7.11 Live Support motion/state polish. */
.srsi-support-root.is-customer .srsi-support-panel{
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translate(34px,-50%) scale(.985)!important;
  animation:none!important;
  transition:transform .28s cubic-bezier(.2,.8,.2,1),opacity .18s ease,visibility 0s linear .28s;
  will-change:transform,opacity;
}
.srsi-support-root.is-customer.is-open .srsi-support-panel{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translate(0,-50%) scale(1)!important;
  transition-delay:0s;
}
.srsi-support-root.is-customer .srsi-support-side-tab{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translate(0,-50%) scale(1);
  transition:transform .26s cubic-bezier(.2,.8,.2,1),opacity .17s ease,background .14s ease,box-shadow .14s ease,visibility 0s linear 0s;
  will-change:transform,opacity;
}
.srsi-support-root.is-customer.is-open .srsi-support-side-tab{
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translate(28px,-50%) scale(.95);
  transition:transform .22s cubic-bezier(.4,0,1,1),opacity .15s ease,visibility 0s linear .22s;
}
.srsi-support-root.is-customer.has-update:not(.is-open) .srsi-support-side-tab{animation:srsi-support-side-pulse-v0711 .75s cubic-bezier(.2,.8,.2,1)}
@keyframes srsi-support-side-pulse-v0711{0%,100%{transform:translate(0,-50%) scale(1)}42%{transform:translate(-5px,-50%) scale(1.055)}}
.srsi-support-root.is-customer .srsi-support-item.is-new{animation:srsi-support-item-live-in .34s cubic-bezier(.2,.8,.2,1)}
@keyframes srsi-support-item-live-in{0%{opacity:0;transform:translateX(18px);background:#eaf8fd;box-shadow:0 0 0 2px rgba(32,167,221,.16)}70%{opacity:1;transform:translateX(0);background:#f1fbff}100%{opacity:1;transform:none;background:transparent;box-shadow:none}}
.srsi-support-root.is-customer.just-connected .srsi-support-status.is-connected:before{animation:srsi-support-connected-dot 1.1s ease 1}
@keyframes srsi-support-connected-dot{0%,100%{box-shadow:0 0 0 0 rgba(120,197,22,0)}40%{box-shadow:0 0 0 7px rgba(120,197,22,.18)}}
.srsi-support-root.is-customer.just-connected .srsi-support-code-block{animation:srsi-support-connected-wash .8s ease}
@keyframes srsi-support-connected-wash{0%{background:#eef9e8}100%{background:#f7fbfc}}

@media(max-width:600px){
  .srsi-support-root.is-customer .srsi-support-panel{transform:translate(28px,-50%) scale(.99)!important}
  .srsi-support-root.is-customer.is-open .srsi-support-panel{transform:translate(0,-50%) scale(1)!important}
  .srsi-support-root.is-customer.is-open .srsi-support-side-tab{transform:translate(24px,-50%) scale(.95)}
}
@media(prefers-reduced-motion:reduce){
  .srsi-support-root.is-customer .srsi-support-panel,
  .srsi-support-root.is-customer .srsi-support-side-tab,
  .srsi-support-root.is-customer .srsi-support-item.is-new,
  .srsi-support-root.is-customer.just-connected .srsi-support-status.is-connected:before,
  .srsi-support-root.is-customer.just-connected .srsi-support-code-block{transition:none!important;animation:none!important}
}

/* 0.7.12 Agent feedback drawer + current product Quick Add. */
.srsi-support-root.is-agent.srsi-support-agent-feedback{position:static!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;z-index:auto;font-family:inherit;color:#111}
.srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-agent-side-tab{position:fixed;z-index:2147481204;right:0;top:50%;left:auto;bottom:auto;opacity:1;visibility:visible;pointer-events:auto;transform:translate(0,-50%) scale(1);transition:transform .26s cubic-bezier(.2,.8,.2,1),opacity .17s ease,background .14s ease,box-shadow .14s ease,visibility 0s linear 0s;will-change:transform,opacity}
.srsi-support-root.is-agent.srsi-support-agent-feedback.is-open .srsi-support-agent-side-tab{opacity:0;visibility:hidden;pointer-events:none;transform:translate(28px,-50%) scale(.95);transition:transform .22s cubic-bezier(.4,0,1,1),opacity .15s ease,visibility 0s linear .22s}
.srsi-support-root.is-agent.srsi-support-agent-feedback.is-connected .srsi-support-agent-side-tab:after{content:"";position:absolute;left:5px;bottom:7px;width:9px;height:9px;border-radius:50%;background:#78c516;box-shadow:0 0 0 2px #0d4d63}
.srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-panel{position:fixed!important;z-index:2147481203;left:auto!important;right:0!important;top:50%!important;bottom:auto!important;width:min(460px,calc(100vw - 54px))!important;max-width:none!important;max-height:calc(100dvh - 32px)!important;border-radius:14px 0 0 14px!important;border:1px solid #dce5e8!important;border-right:0!important;background:#fff;box-shadow:-18px 22px 54px rgba(7,39,51,.18)!important;overflow:hidden;opacity:0;visibility:hidden;pointer-events:none;transform:translate(38px,-50%) scale(.985)!important;transition:transform .28s cubic-bezier(.2,.8,.2,1),opacity .18s ease,visibility 0s linear .28s;will-change:transform,opacity}
.srsi-support-root.is-agent.srsi-support-agent-feedback.is-open .srsi-support-panel{opacity:1;visibility:visible;pointer-events:auto;transform:translate(0,-50%) scale(1)!important;transition-delay:0s}

.srsi-support-agent-quick-dock[hidden],.srsi-support-current-product[hidden]{display:none!important}
.srsi-support-agent-quick-dock{position:fixed;z-index:2147481205;right:52px;top:calc(50% - 77px);transform:translateY(-100%);width:min(330px,calc(100vw - 72px));min-height:58px;padding:9px 10px;border:1px solid #dce5e8;border-radius:10px;background:#fff;box-shadow:0 14px 34px rgba(7,39,51,.16);display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;opacity:1;visibility:visible;pointer-events:auto;transition:transform .24s cubic-bezier(.2,.8,.2,1),opacity .16s ease,visibility 0s linear 0s;will-change:transform,opacity}
.srsi-support-root.is-agent.srsi-support-agent-feedback.is-open .srsi-support-agent-quick-dock{opacity:0;visibility:hidden;pointer-events:none;transform:translate(18px,-100%) scale(.97);transition:transform .2s cubic-bezier(.4,0,1,1),opacity .14s ease,visibility 0s linear .2s}
.srsi-support-quick-info{min-width:0;display:flex;flex-direction:column;gap:2px}.srsi-support-quick-kicker{font-size:9px;line-height:1.2;text-transform:uppercase;letter-spacing:.06em;color:#89969c;font-weight:700}.srsi-support-quick-title{font-size:11.5px;line-height:1.25;color:#111;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.srsi-support-quick-meta{font-size:9.5px;line-height:1.2;color:#6f7e85}.srsi-support-quick-meta.warning{color:#a36a14}
.srsi-support-quick-actions{display:flex;align-items:center;gap:7px;flex:0 0 auto}
.srsi-support-quick-qty{display:inline-grid;grid-template-columns:30px 32px 30px;align-items:center;border:1px solid #d7e1e5;border-radius:7px;background:#fff;overflow:hidden;height:34px}.srsi-support-quick-qty button{appearance:none;border:0!important;border-radius:0!important;background:#fff!important;color:#263a43!important;width:30px;height:32px;min-height:0!important;margin:0!important;padding:0!important;font:600 16px/32px inherit!important;cursor:pointer}.srsi-support-quick-qty button:hover{background:#f1f8fa!important}.srsi-support-quick-qty span{font-size:11px;line-height:32px;text-align:center;font-weight:700;color:#111;border-left:1px solid #edf1f3;border-right:1px solid #edf1f3}.srsi-support-quick-qty.is-compact{grid-template-columns:25px 27px 25px;height:30px}.srsi-support-quick-qty.is-compact button{width:25px;height:28px;font-size:14px;line-height:28px!important}.srsi-support-quick-qty.is-compact span{font-size:10px;line-height:28px}
.srsi-support-quick-add,.srsi-support-current-add{appearance:none;border:0!important;border-radius:7px!important;background:#0d4d63!important;color:#fff!important;margin:0!important;min-height:34px!important;padding:8px 10px!important;font:600 11px/1.1 inherit!important;white-space:nowrap;cursor:pointer;transition:background .12s ease,transform .12s ease}.srsi-support-quick-add:hover,.srsi-support-current-add:hover{background:#159fda!important}.srsi-support-quick-add:active,.srsi-support-current-add:active{transform:scale(.98)}.srsi-support-quick-add:disabled,.srsi-support-current-add:disabled{background:#a9b5ba!important;cursor:not-allowed}

.srsi-support-current-product{padding:12px 16px 13px;border-bottom:1px solid #edf1f3;background:#f8fbfc;display:grid;gap:9px;flex:0 0 auto}
.srsi-support-current-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.srsi-support-current-heading strong{font-size:12px;line-height:1.25;color:#111;font-weight:700}.srsi-support-current-heading span{font-size:9.5px;line-height:1.2;color:#5e9d25;white-space:nowrap}
.srsi-support-current-card{display:grid;grid-template-columns:54px minmax(0,1fr);gap:10px;align-items:center}.srsi-support-current-media{width:54px;height:54px;display:grid;place-items:center;border-radius:7px;background:#fff;overflow:hidden;border:1px solid #eef2f4}.srsi-support-current-media img{display:block;width:auto;height:auto;max-width:48px;max-height:48px;object-fit:contain}.srsi-support-current-body{min-width:0;display:flex;flex-direction:column;gap:2px}.srsi-support-current-body strong{font-size:12px;line-height:1.25;font-weight:600;color:#168fca;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.srsi-support-current-body span{font-size:9.5px;line-height:1.25;color:#718086;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.srsi-support-current-body .srsi-support-current-price{font-size:10.5px;color:#111;font-weight:600}.srsi-support-current-body .srsi-support-current-warning{white-space:normal;color:#a36a14;line-height:1.35}
.srsi-support-current-controls{display:flex;align-items:center;justify-content:flex-end;gap:8px}.srsi-support-current-controls .srsi-support-current-add{min-height:34px!important;padding-left:13px!important;padding-right:13px!important}

@media(max-width:600px){
  .srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-agent-side-tab{right:0;top:50%;width:40px;min-width:40px!important;height:116px;min-height:116px!important;padding:8px 6px!important;border-radius:10px 0 0 10px!important}
  .srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-panel{left:auto!important;right:0!important;top:50%!important;bottom:auto!important;width:calc(100vw - 42px)!important;max-height:calc(100dvh - 20px)!important;border-radius:12px 0 0 12px!important;transform:translate(28px,-50%) scale(.99)!important}
  .srsi-support-root.is-agent.srsi-support-agent-feedback.is-open .srsi-support-panel{transform:translate(0,-50%) scale(1)!important}
  .srsi-support-root.is-agent.srsi-support-agent-feedback.is-open .srsi-support-agent-side-tab{transform:translate(24px,-50%) scale(.95)}
  .srsi-support-agent-quick-dock{right:48px;top:calc(50% - 70px);width:min(292px,calc(100vw - 62px));grid-template-columns:minmax(0,1fr) auto;padding:8px}
  .srsi-support-quick-title{max-width:125px}.srsi-support-quick-kicker{display:none}.srsi-support-quick-actions{gap:5px}.srsi-support-quick-add{padding-left:8px!important;padding-right:8px!important;font-size:10px!important}
}
@media(prefers-reduced-motion:reduce){
  .srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-agent-side-tab,
  .srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-panel,
  .srsi-support-agent-quick-dock,
  .srsi-support-quick-add,.srsi-support-current-add{transition:none!important;animation:none!important}
}


/* 0.7.13 Stage Roads native support UI redesign.
 * Compact controls, webshop-like typography and calmer visual hierarchy. */
.srsi-support-root{--srsi-ink:#111;--srsi-muted:#748087;--srsi-line:#e7ecef;--srsi-soft:#f8fafb;--srsi-blue:#159fda;--srsi-teal:#0d4d63;--srsi-green:#63b91b;--srsi-danger:#a94b4b;color:var(--srsi-ink);font-family:inherit}

/* Shared drawer chrome */
.srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-panel{width:min(420px,calc(100vw - 52px))!important;border-radius:10px 0 0 10px!important;border-color:var(--srsi-line)!important;box-shadow:-12px 16px 38px rgba(7,39,51,.14)!important}
.srsi-support-root.is-customer .srsi-support-panel{width:min(390px,calc(100vw - 50px))!important;border-radius:10px 0 0 10px!important;border-color:var(--srsi-line)!important;box-shadow:-12px 16px 38px rgba(7,39,51,.14)!important}
.srsi-support-head{padding:12px 14px 11px!important;min-height:54px;border-bottom:1px solid var(--srsi-line)!important}
.srsi-support-head-text{gap:1px!important}
.srsi-support-head-text strong{font-size:15px!important;line-height:1.2!important;font-weight:700!important;color:var(--srsi-ink)!important}
.srsi-support-head-text span{font-size:11px!important;line-height:1.25!important;color:var(--srsi-muted)!important;font-weight:400!important}
.srsi-support-close{width:27px!important;height:27px!important;min-width:27px!important;min-height:27px!important;font-size:17px!important;color:#839097!important}
.srsi-support-close:hover{background:#f2f5f6!important;color:#111!important}

/* Connection/status strip */
.srsi-support-agent-summary{padding:8px 14px!important;min-height:37px;background:#fff!important;border-bottom:1px solid var(--srsi-line)!important}
.srsi-support-online{font-size:10.5px!important;font-weight:400!important}
.srsi-support-online:before{width:7px!important;height:7px!important}
.srsi-support-link{font-size:11px!important;font-weight:400!important;text-decoration:none!important}
.srsi-support-link.danger{color:var(--srsi-danger)!important}
.srsi-support-link:hover{text-decoration:underline!important}

/* Current product: context, not a giant CTA. */
.srsi-support-current-product{padding:10px 14px 11px!important;gap:7px!important;background:#fff!important;border-bottom:1px solid var(--srsi-line)!important}
.srsi-support-current-heading{min-height:16px}
.srsi-support-current-heading strong{font-size:11px!important;line-height:1.2!important;font-weight:700!important;color:#5c6a71!important;text-transform:none!important}
.srsi-support-current-heading span{font-size:9.5px!important;color:#5d9c27!important;font-weight:400!important}
.srsi-support-current-card{grid-template-columns:46px minmax(0,1fr)!important;gap:9px!important;align-items:center!important}
.srsi-support-current-media{width:46px!important;height:46px!important;border-radius:6px!important;border:1px solid #eef2f4!important}
.srsi-support-current-media img{max-width:42px!important;max-height:42px!important}
.srsi-support-current-body{gap:1px!important}
.srsi-support-current-body strong{font-size:11.5px!important;line-height:1.24!important;font-weight:600!important;color:var(--srsi-blue)!important}
.srsi-support-current-body span{font-size:9.5px!important;color:#859197!important}
.srsi-support-current-body .srsi-support-current-price{font-size:10.5px!important;color:var(--srsi-ink)!important;font-weight:600!important}
.srsi-support-current-controls{gap:6px!important;justify-content:flex-start!important;padding-left:55px}

/* Tiny quantity stepper used everywhere. */
.srsi-support-quick-qty{grid-template-columns:27px 29px 27px!important;height:29px!important;border-radius:5px!important;border-color:#dce4e7!important}
.srsi-support-quick-qty button{width:27px!important;height:27px!important;min-width:27px!important;min-height:27px!important;font:500 13px/27px inherit!important;color:#39474d!important}
.srsi-support-quick-qty span{font-size:10px!important;line-height:27px!important;font-weight:600!important}
.srsi-support-quick-qty.is-compact{grid-template-columns:25px 27px 25px!important;height:27px!important}
.srsi-support-quick-qty.is-compact button{width:25px!important;height:25px!important;min-width:25px!important;min-height:25px!important;font:500 12px/25px inherit!important}
.srsi-support-quick-qty.is-compact span{font-size:9.5px!important;line-height:25px!important}
.srsi-support-current-add,.srsi-support-quick-add{min-height:29px!important;height:29px!important;border-radius:5px!important;padding:5px 9px!important;font:600 10.5px/1.1 inherit!important;background:var(--srsi-teal)!important;box-shadow:none!important}
.srsi-support-current-add:hover,.srsi-support-quick-add:hover{background:#126883!important}

/* Floating quick dock: lighter, smaller and more obvious. */
.srsi-support-agent-quick-dock{right:49px!important;top:calc(50% - 72px)!important;width:min(300px,calc(100vw - 66px))!important;min-height:49px!important;padding:7px 8px!important;gap:8px!important;border-radius:8px!important;border-color:var(--srsi-line)!important;box-shadow:0 10px 26px rgba(7,39,51,.12)!important}
.srsi-support-quick-info{gap:1px!important}
.srsi-support-quick-kicker{font-size:8.5px!important;font-weight:700!important;color:#89959a!important;letter-spacing:.04em!important;text-transform:none!important}
.srsi-support-quick-title{font-size:10.5px!important;line-height:1.2!important;font-weight:600!important;color:#111!important;max-width:132px}
.srsi-support-quick-meta{font-size:9px!important;color:#7b888e!important}
.srsi-support-quick-actions{gap:5px!important}

/* Advice list */
.srsi-support-agent-list,.srsi-support-customer-list{padding:11px 14px!important;scrollbar-width:none!important}
.srsi-support-agent-list::-webkit-scrollbar,.srsi-support-customer-list::-webkit-scrollbar{display:none!important}
.srsi-support-agent-list{max-height:310px!important;border-bottom:1px solid var(--srsi-line)!important}
.srsi-support-list-title{margin:0 0 7px!important;min-height:19px!important}
.srsi-support-list-title strong{font-size:12.5px!important;line-height:1.2!important;font-weight:700!important;color:#111!important}
.srsi-support-list-title span{font-size:9.5px!important;line-height:1.2!important;color:#8b979c!important;font-weight:400!important}
.srsi-support-agent-item{padding:6px 0 8px!important;border-bottom:1px solid #f0f3f4!important}
.srsi-support-agent-item>.srsi-support-item{padding:4px 1px!important}
.srsi-support-item{grid-template-columns:50px minmax(0,1fr)!important;gap:9px!important;padding:7px 5px!important;border-radius:6px!important}
.srsi-support-item.is-focus{background:#f5fbfe!important;border-color:#b9e2f0!important;box-shadow:inset 2px 0 0 #20a7dd!important}
.srsi-support-item-media{width:50px!important;height:50px!important;border-radius:5px!important}
.srsi-support-item-media img{max-width:46px!important;max-height:46px!important}
.srsi-support-item-body{gap:2px!important}
.srsi-support-focus-pill{padding:2px 5px!important;font-size:8px!important;font-weight:600!important;background:#e9f7fc!important;color:#167fa6!important}
.srsi-support-item-title{font-size:11.5px!important;line-height:1.25!important;font-weight:600!important;color:var(--srsi-blue)!important}
.srsi-support-item-variant{font-size:9.5px!important;color:#75838a!important}
.srsi-support-item-meta{gap:6px!important;font-size:9.5px!important;color:#7c898f!important}
.srsi-support-item-meta b{font-weight:600!important;color:#111!important}
.srsi-support-item-note{padding:4px 6px!important;margin-top:2px!important;font-size:9.5px!important;border-radius:4px!important}

/* Item actions: compact like webshop utility controls, not form buttons. */
.srsi-support-item-controls{padding:3px 1px 0 59px!important;gap:4px!important;min-height:26px!important}
.srsi-support-item-controls button{min-width:0!important;min-height:24px!important;height:24px!important;padding:3px 7px!important;border-radius:4px!important;border:1px solid #dfe6e9!important;background:#fff!important;color:#45545b!important;font:500 10px/1 inherit!important;box-shadow:none!important;text-transform:none!important;letter-spacing:0!important}
.srsi-support-item-controls .srsi-support-qty-button{width:25px!important;min-width:25px!important;padding:0!important;font-size:13px!important}
.srsi-support-qty{min-width:23px!important;font-size:10px!important;font-weight:600!important;color:#111!important}
.srsi-support-item-controls .srsi-support-focus{color:#167fa6!important;border-color:#bfe0eb!important;background:#f7fcfe!important}
.srsi-support-item-controls .srsi-support-focus.is-active{background:#e9f7fc!important;border-color:#9fd7ea!important;color:#087ca7!important}
.srsi-support-item-controls .srsi-support-remove{margin-left:auto!important;border-color:transparent!important;background:transparent!important;color:#a04e4e!important;padding-left:4px!important;padding-right:2px!important}
.srsi-support-item-controls .srsi-support-remove:hover{background:#fff5f5!important;border-color:#f1d6d6!important}
.srsi-support-note-input{width:calc(100% - 60px)!important;margin:6px 0 0 59px!important;min-height:30px!important;height:30px!important;padding:6px 8px!important;border-radius:5px!important;border-color:#e1e7ea!important;font:400 10px/1.3 inherit!important;color:#333!important}

/* Search = lightweight secondary tool. */
.srsi-support-agent-search{padding:10px 14px 13px!important;gap:7px!important;overflow:hidden!important}
.srsi-support-search-title{font-size:12px!important;line-height:1.2!important;font-weight:700!important;color:#111!important}
.srsi-support-agent-search>input{height:34px!important;min-height:34px!important;border-radius:5px!important;padding:0 9px!important;font:400 11.5px/1.2 inherit!important;border-color:#d9e2e5!important}
.srsi-support-search-results{max-height:185px;overflow:auto;scrollbar-width:none!important;gap:2px!important}
.srsi-support-search-results::-webkit-scrollbar{display:none!important}
.srsi-support-search-hit{grid-template-columns:40px minmax(0,1fr) 27px!important;gap:8px!important;padding:5px 3px!important;border-radius:5px!important}
.srsi-support-search-media{width:40px!important;height:40px!important}
.srsi-support-search-media img{max-width:36px!important;max-height:36px!important}
.srsi-support-search-body strong{font-size:10.5px!important;font-weight:600!important;color:var(--srsi-blue)!important}
.srsi-support-search-body span{font-size:9px!important}
.srsi-support-add{width:26px!important;height:26px!important;min-width:26px!important;min-height:26px!important;font:500 16px/26px inherit!important;background:var(--srsi-teal)!important}

/* Customer: same language, calmer and more personal. */
.srsi-support-root.is-customer .srsi-support-code-block{padding:10px 14px!important;gap:5px!important;background:#f8fbfc!important;border-bottom:1px solid var(--srsi-line)!important}
.srsi-support-root.is-customer .srsi-support-code-block>span{font-size:10.5px!important;color:#6f7d84!important}
.srsi-support-root.is-customer .srsi-support-code{font-size:22px!important;letter-spacing:.07em!important;color:var(--srsi-teal)!important}
.srsi-support-root.is-customer .srsi-support-status{font-size:10px!important}
.srsi-support-root.is-customer .srsi-support-status:before{width:7px!important;height:7px!important}
/* v0.7.69 - customer compact empty-state spacing */
.srsi-support-root.is-customer .srsi-support-empty.compact{
  padding-top:12px!important;
  padding-right:18px!important;
  padding-bottom:14px!important;
  padding-left:18px!important;
}
.srsi-support-root.is-customer .srsi-support-empty strong{font-size:12px!important}
.srsi-support-root.is-customer .srsi-support-empty p{font-size:10.5px!important;line-height:1.45!important}
.srsi-support-root.is-customer .srsi-support-foot{padding:9px 14px 10px!important;border-top:1px solid var(--srsi-line)!important}
.srsi-support-root.is-customer .srsi-support-foot>span{font-size:9px!important;line-height:1.35!important;color:#98a2a7!important}

/* Side tabs: match each other and stay unobtrusive. */
.srsi-support-side-tab,.srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-agent-side-tab{width:40px!important;min-width:40px!important;height:122px!important;min-height:122px!important;border-radius:8px 0 0 8px!important;padding:8px 6px!important;background:var(--srsi-teal)!important;box-shadow:0 8px 22px rgba(5,43,57,.18)!important}
.srsi-support-side-label{font-size:11px!important;font-weight:600!important;letter-spacing:0!important}
.srsi-support-side-icon{width:21px!important;height:21px!important}.srsi-support-side-icon svg{width:18px!important;height:18px!important}
.srsi-support-side-badge,.srsi-support-launch-badge{min-width:18px!important;height:18px!important;font:700 9px/18px inherit!important}

@media(max-width:600px){
  .srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-panel,.srsi-support-root.is-customer .srsi-support-panel{width:calc(100vw - 38px)!important;max-height:calc(100dvh - 16px)!important;border-radius:9px 0 0 9px!important}
  .srsi-support-agent-quick-dock{right:45px!important;top:calc(50% - 66px)!important;width:min(276px,calc(100vw - 56px))!important;padding:6px 7px!important}
  .srsi-support-quick-title{max-width:112px!important}
  .srsi-support-current-controls{padding-left:0!important}
  .srsi-support-item-controls{padding-left:0!important}
  .srsi-support-note-input{width:100%!important;margin-left:0!important}
  .srsi-support-agent-list{max-height:42dvh!important}
}


/* 0.7.14 Live Support Center overhaul.
   Desktop: centered live command center.
   Mobile: full-screen immersive panel.
   Customer + agent share the same animated system. */

:root{
  --srsi-center-backdrop:rgba(8, 24, 34, .38);
  --srsi-center-backdrop-strong:rgba(8, 24, 34, .48);
  --srsi-center-radius:24px;
  --srsi-center-shadow:0 30px 90px rgba(3, 22, 31, .24), 0 10px 28px rgba(3, 22, 31, .14);
  --srsi-center-width:520px;
  --srsi-agent-center-width:620px;
}
html.srsi-support-overlay-open,
html.srsi-support-overlay-open body,
html.srsi-support-modal-open,
html.srsi-support-modal-open body{overflow:hidden!important}

.srsi-support-root.is-customer,
.srsi-support-root.is-agent.srsi-support-agent-feedback{
  position:fixed!important;
  inset:0!important;
  left:0!important;
  right:0!important;
  top:0!important;
  bottom:0!important;
  width:auto!important;
  height:auto!important;
  pointer-events:none;
  z-index:2147481200;
}
.srsi-support-root.is-customer::before,
.srsi-support-root.is-agent.srsi-support-agent-feedback::before{
  content:"";
  position:fixed;
  inset:0;
  background:linear-gradient(180deg, var(--srsi-center-backdrop), var(--srsi-center-backdrop-strong));
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  opacity:0;
  transition:opacity .26s ease;
  pointer-events:none;
}
.srsi-support-root.is-customer.is-open,
.srsi-support-root.is-customer.is-modal-open,
.srsi-support-root.is-agent.srsi-support-agent-feedback.is-open{pointer-events:auto}
.srsi-support-root.is-customer.is-open::before,
.srsi-support-root.is-customer.is-modal-open::before,
.srsi-support-root.is-agent.srsi-support-agent-feedback.is-open::before{opacity:1;pointer-events:auto}

.srsi-support-root.is-customer .srsi-support-panel,
.srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-panel{
  position:fixed!important;
  z-index:2147481205!important;
  left:50%!important;
  top:50%!important;
  right:auto!important;
  bottom:auto!important;
  width:min(var(--srsi-center-width), calc(100vw - 40px))!important;
  max-width:none!important;
  max-height:min(86dvh, 860px)!important;
  border-radius:var(--srsi-center-radius)!important;
  border:1px solid rgba(220,229,233,.92)!important;
  box-shadow:var(--srsi-center-shadow)!important;
  background:#fff!important;
  overflow:hidden!important;
  opacity:0;
  visibility:hidden;
  transform:translate(-50%, calc(-50% + 18px)) scale(.985)!important;
  transition:transform .28s cubic-bezier(.2,.8,.2,1), opacity .22s ease, visibility .22s ease!important;
}
.srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-panel{width:min(var(--srsi-agent-center-width), calc(100vw - 48px))!important}
.srsi-support-root.is-customer.is-open .srsi-support-panel,
.srsi-support-root.is-agent.srsi-support-agent-feedback.is-open .srsi-support-panel{
  opacity:1;
  visibility:visible;
  transform:translate(-50%, -50%) scale(1)!important;
}

/* Launcher / feedback tab */
.srsi-support-root.is-customer .srsi-support-side-tab,
.srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-agent-side-tab{
  position:fixed!important;
  right:0!important;
  top:50%!important;
  z-index:2147481206!important;
  transform:translateY(-50%);
  pointer-events:auto;
  border-radius:14px 0 0 14px!important;
  box-shadow:0 14px 32px rgba(7,39,51,.22)!important;
  overflow:hidden;
}
.srsi-support-root.is-customer .srsi-support-side-tab::before,
.srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-agent-side-tab::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,0));
  pointer-events:none;
}
.srsi-support-root.is-customer.is-open .srsi-support-side-tab,
.srsi-support-root.is-agent.srsi-support-agent-feedback.is-open .srsi-support-agent-side-tab{
  transform:translate(18px, -50%) scale(.96)!important;
  opacity:0;
}
.srsi-support-root.is-customer .srsi-support-side-label,
.srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-side-label{font-size:10.5px!important;font-weight:700!important;letter-spacing:.01em!important}
.srsi-support-root.just-connected .srsi-support-side-tab,
.srsi-support-root.has-update .srsi-support-side-tab,
.srsi-support-root.has-update .srsi-support-agent-side-tab{animation:srsi-support-v0714-tab-bounce .85s cubic-bezier(.2,.8,.2,1)}
@keyframes srsi-support-v0714-tab-bounce{0%,100%{transform:translateY(-50%)}35%{transform:translate(-3px,-50%) scale(1.05)}65%{transform:translate(0,-50%) scale(.98)}}

/* Richer panel chrome */
.srsi-support-head{
  position:relative;
  padding:18px 20px 16px!important;
  background:linear-gradient(180deg, #ffffff 0%, #fbfdfe 100%)!important;
}
.srsi-support-head::after{
  content:"";
  position:absolute;
  left:20px;
  right:20px;
  bottom:0;
  height:1px;
  background:linear-gradient(90deg, rgba(13,77,99,.16), rgba(13,77,99,.03));
}
.srsi-support-head-text strong{font-size:18px!important;letter-spacing:-.01em}
.srsi-support-head-text span{font-size:12.5px!important;color:#6f7d84!important}
.srsi-support-close{transition:transform .18s ease, background .16s ease, color .16s ease!important}
.srsi-support-close:hover{transform:rotate(90deg)}

.srsi-support-code-block{
  position:relative;
  margin:14px 16px 0!important;
  padding:14px 16px!important;
  border:1px solid #e5eef2!important;
  border-radius:16px!important;
  background:linear-gradient(180deg, #f8fbfd 0%, #f4f9fb 100%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.72);
}
.srsi-support-code-block::before{
  content:"LIVE";
  position:absolute;
  right:14px;
  top:12px;
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:4px 8px;
  border-radius:999px;
  font:700 10px/1 inherit;
  color:#0c7ca6;
  background:#e8f7fd;
  letter-spacing:.06em;
}
.srsi-support-code-row{align-items:flex-end!important}
.srsi-support-code{font-size:30px!important;letter-spacing:.07em!important}
.srsi-support-status{font-size:11px!important;font-weight:600!important}
.srsi-support-status.is-connected::before,
.srsi-support-online.is-online::before{animation:srsi-support-live-pulse 1.7s ease infinite}
@keyframes srsi-support-live-pulse{0%{box-shadow:0 0 0 0 rgba(120,197,22,.45)}70%{box-shadow:0 0 0 8px rgba(120,197,22,0)}100%{box-shadow:0 0 0 0 rgba(120,197,22,0)}}

.srsi-support-agent-summary,
.srsi-support-current-product,
.srsi-support-agent-list,
.srsi-support-agent-search,
.srsi-support-customer-list,
.srsi-support-foot{
  margin-left:16px!important;
  margin-right:16px!important;
}
.srsi-support-agent-summary{margin-top:14px!important;border:1px solid #edf2f4!important;border-radius:14px!important;background:#fbfcfd!important}
.srsi-support-current-product,
.srsi-support-agent-list,
.srsi-support-agent-search,
.srsi-support-customer-list{
  border:1px solid #edf2f4!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:0 6px 18px rgba(9, 34, 46, .03);
}
.srsi-support-current-product{margin-top:12px!important}
.srsi-support-agent-list,
.srsi-support-customer-list{margin-top:12px!important}
.srsi-support-agent-search{margin-top:12px!important;margin-bottom:16px!important}
.srsi-support-foot{margin-top:12px!important;margin-bottom:16px!important;border:1px solid #edf2f4!important;border-radius:14px!important;background:#fbfcfd!important}

/* New item animation */
.srsi-support-item.is-new,
.srsi-support-agent-item.is-focus .srsi-support-item,
.srsi-support-root.just-connected .srsi-support-code-block{
  animation:srsi-support-v0714-pop .48s cubic-bezier(.2,.8,.2,1);
}
@keyframes srsi-support-v0714-pop{0%{opacity:.64;transform:translateY(6px) scale(.985)}100%{opacity:1;transform:none}}

/* Quick dock becomes a premium quick-action pill and hides when center panel is open. */
.srsi-support-agent-quick-dock{
  right:20px!important;
  top:calc(50% - 170px)!important;
  width:min(300px, calc(100vw - 40px))!important;
  border-radius:18px!important;
  padding:10px 12px!important;
  border:1px solid rgba(220,229,233,.9)!important;
  background:rgba(255,255,255,.96)!important;
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  box-shadow:0 18px 38px rgba(7,39,51,.16)!important;
  transition:transform .24s cubic-bezier(.2,.8,.2,1), opacity .18s ease!important;
}
.srsi-support-root.is-agent.srsi-support-agent-feedback.is-open .srsi-support-agent-quick-dock{opacity:0;transform:translateY(8px);pointer-events:none}

/* Layout balance */
.srsi-support-agent-list{max-height:min(32dvh, 310px)!important}
.srsi-support-customer-list{max-height:min(46dvh, 420px)!important}
.srsi-support-search-results{max-height:190px!important}
.srsi-support-item-controls{align-items:center!important}

/* Fullscreen mobile app feel */
@media (max-width: 767px){
  :root{
    --srsi-center-radius:0px;
  }
  .srsi-support-root.is-customer::before,
  .srsi-support-root.is-agent.srsi-support-agent-feedback::before{
    background:rgba(7, 23, 31, .62)!important;
    backdrop-filter:blur(0px)!important;
    -webkit-backdrop-filter:blur(0px)!important;
  }
  .srsi-support-root.is-customer .srsi-support-panel,
  .srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-panel{
    inset:0!important;
    left:0!important;
    top:0!important;
    right:0!important;
    bottom:0!important;
    width:100vw!important;
    max-width:100vw!important;
    height:100dvh!important;
    max-height:100dvh!important;
    border-radius:0!important;
    border:0!important;
    transform:translateY(18px)!important;
    box-shadow:none!important;
  }
  .srsi-support-root.is-customer.is-open .srsi-support-panel,
  .srsi-support-root.is-agent.srsi-support-agent-feedback.is-open .srsi-support-panel{
    transform:translateY(0)!important;
  }
  .srsi-support-head{padding-top:calc(16px + env(safe-area-inset-top, 0px))!important}
  .srsi-support-agent-summary,
  .srsi-support-current-product,
  .srsi-support-agent-list,
  .srsi-support-agent-search,
  .srsi-support-customer-list,
  .srsi-support-foot,
  .srsi-support-code-block{margin-left:12px!important;margin-right:12px!important}
  .srsi-support-code-block{margin-top:10px!important;border-radius:14px!important}
  .srsi-support-agent-search{margin-bottom:calc(14px + env(safe-area-inset-bottom, 0px))!important}
  .srsi-support-foot{margin-bottom:calc(12px + env(safe-area-inset-bottom, 0px))!important}
  .srsi-support-agent-list{max-height:none!important;flex:1 1 auto}
  .srsi-support-customer-list{max-height:none!important;min-height:0!important;flex:1 1 auto}
  .srsi-support-agent-quick-dock{display:none!important}
  .srsi-support-root.is-customer .srsi-support-side-tab,
  .srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-agent-side-tab{
    right:0!important;
    width:44px!important;
    min-width:44px!important;
    height:110px!important;
    min-height:110px!important;
    border-radius:12px 0 0 12px!important;
  }
}

/* Reduced motion support */
@media (prefers-reduced-motion: reduce){
  .srsi-support-root.is-customer::before,
  .srsi-support-root.is-agent.srsi-support-agent-feedback::before,
  .srsi-support-root.is-customer .srsi-support-panel,
  .srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-panel,
  .srsi-support-agent-quick-dock,
  .srsi-support-close,
  .srsi-support-side-tab,
  .srsi-support-agent-side-tab,
  .srsi-support-code-block,
  .srsi-support-item.is-new{transition:none!important;animation:none!important}
}


/* 0.7.15 Live Support visual refinement */
.srsi-support-root.is-customer::before,
.srsi-support-root.is-agent.srsi-support-agent-feedback::before{
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  background:rgba(10, 19, 24, .28)!important;
}

.srsi-support-root.is-customer .srsi-support-panel{width:min(560px,calc(100vw - 44px))!important;max-height:min(88dvh,900px)!important}
.srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-panel{width:min(700px,calc(100vw - 48px))!important;max-height:min(90dvh,940px)!important}

.srsi-support-head{padding:20px 22px 18px!important}
.srsi-support-head::after{left:22px!important;right:22px!important}
.srsi-support-head-text{gap:4px!important}
.srsi-support-head-text strong{font-size:28px!important;line-height:1.05!important;font-weight:800!important;letter-spacing:-.03em!important;color:#16242b!important}
.srsi-support-head-text span{font-size:14px!important;line-height:1.4!important;color:#718088!important;white-space:normal!important}
.srsi-support-head-actions{display:flex;align-items:center;gap:10px;flex:0 0 auto}
.srsi-support-head-session{display:inline-flex;align-items:center;gap:8px;padding:8px 11px;border-radius:12px;border:1px solid #dce8ed;background:#f6fbfd;box-shadow:inset 0 1px 0 rgba(255,255,255,.7)}
.srsi-support-head-live{display:inline-flex;align-items:center;justify-content:center;min-height:24px;padding:0 9px;border-radius:999px;background:#e8f4f8;color:#0d7aa1;font-size:11px!important;font-weight:800;letter-spacing:.08em}
.srsi-support-head-live.is-connected{background:#eef8e5;color:#4f9318}
.srsi-support-head-code{font:800 22px/1 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace!important;letter-spacing:.08em;color:#123f50}
.srsi-support-close{width:36px!important;height:36px!important;font-size:22px!important;color:#7b8a91!important;background:#f4f7f8!important}
.srsi-support-close:hover{background:#e9eef1!important;color:#1b2b33!important}

.srsi-support-code-block{padding:18px 18px 16px!important;border-radius:16px!important;margin:14px 16px 0!important;background:#f7fbfc!important;border:1px solid #e5eef2!important}
.srsi-support-code-block>span{font-size:13px!important;color:#667980!important;font-weight:500}
.srsi-support-code{font-size:34px!important}
.srsi-support-status{font-size:13px!important;font-weight:700!important}

.srsi-support-customer-list,.srsi-support-agent-list{padding:16px 18px!important}
.srsi-support-list-title{margin:0 0 12px!important}
.srsi-support-list-title strong{font-size:18px!important;letter-spacing:-.01em}
.srsi-support-list-title span{font-size:12px!important;font-weight:600!important}
.srsi-support-item{grid-template-columns:68px minmax(0,1fr)!important;gap:13px!important;padding:12px 8px!important;border-radius:12px!important}
.srsi-support-item-media{width:68px!important;height:68px!important;border-radius:10px!important}
.srsi-support-item-media img{max-width:62px!important;max-height:62px!important}
.srsi-support-focus-pill{font-size:10px!important;padding:3px 8px!important}
.srsi-support-item-title{font-size:15px!important;line-height:1.34!important;font-weight:700!important}
.srsi-support-item-variant{font-size:12px!important;line-height:1.4!important}
.srsi-support-item-meta{font-size:12px!important;gap:10px!important}
.srsi-support-item-note{font-size:12px!important;padding:7px 9px!important;border-radius:8px!important}

.srsi-support-agent-summary{padding:14px 18px!important}
.srsi-support-online{font-size:13px!important;font-weight:700!important}

.srsi-support-current-product,.srsi-support-agent-list,.srsi-support-agent-search,.srsi-support-customer-list,.srsi-support-foot{margin-left:18px!important;margin-right:18px!important}
.srsi-support-current-product,.srsi-support-agent-list,.srsi-support-agent-search,.srsi-support-customer-list{border-radius:18px!important}
.srsi-support-current-product{padding:16px 18px!important}
.srsi-support-agent-search{padding:16px 18px!important;margin-bottom:18px!important}
.srsi-support-search-title{font-size:18px!important;line-height:1.2!important;font-weight:800!important;color:#16242b!important;margin-bottom:10px!important;display:block}
.srsi-support-agent-search input{height:46px!important;border-radius:12px!important;font-size:15px!important;padding:0 14px!important}

.srsi-support-foot{padding:14px 18px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important}
.srsi-support-foot>span{font-size:12px!important;line-height:1.45!important;color:#849197!important;max-width:320px!important}
.srsi-support-end-button{appearance:none;border:1px solid #d6dee2!important;background:#f2f4f5!important;color:#596a73!important;padding:10px 14px!important;margin:0!important;min-height:40px!important;border-radius:10px!important;font:700 13px/1.1 inherit!important;cursor:pointer;white-space:nowrap;transition:background .14s ease,color .14s ease,border-color .14s ease,transform .12s ease}
.srsi-support-end-button:hover{background:#e9eef1!important;color:#24353d!important;border-color:#c8d4d9!important}
.srsi-support-end-button:active{transform:translateY(1px)}

.srsi-support-item-controls{gap:8px!important;padding:7px 2px 0 81px!important}
.srsi-support-item-controls button{min-height:32px!important;padding:6px 10px!important;border-radius:9px!important;font:600 12px/1.1 inherit!important}
.srsi-support-qty{font-size:13px!important;min-width:22px;text-align:center}
.srsi-support-item-controls .srsi-support-remove{margin-left:auto!important}
.srsi-support-item-controls textarea{margin-top:8px!important;border-radius:10px!important;font-size:13px!important;padding:10px 12px!important}

.srsi-support-quick-info{gap:4px!important}
.srsi-support-quick-kicker{font-size:10px!important}
.srsi-support-quick-title{font-size:13px!important;font-weight:700!important}
.srsi-support-quick-meta{font-size:11px!important}
.srsi-support-quick-qty{height:36px!important;border-radius:10px!important}
.srsi-support-quick-qty span{font-size:12px!important}
.srsi-support-quick-add,.srsi-support-current-add{min-height:38px!important;padding:10px 12px!important;border-radius:10px!important;font:700 12px/1.1 inherit!important}

.srsi-support-agent-quick-dock{width:min(340px,calc(100vw - 40px))!important;top:calc(50% - 190px)!important}

@media (max-width: 767px){
  .srsi-support-root.is-customer .srsi-support-panel,
  .srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-panel{width:100vw!important;max-width:100vw!important}
  .srsi-support-head{padding:18px 16px 16px!important}
  .srsi-support-head::after{left:16px!important;right:16px!important}
  .srsi-support-head-text strong{font-size:24px!important}
  .srsi-support-head-text span{font-size:13px!important}
  .srsi-support-head-session{padding:7px 9px!important;gap:7px!important}
  .srsi-support-head-code{font-size:18px!important}
  .srsi-support-code-block,.srsi-support-current-product,.srsi-support-agent-list,.srsi-support-agent-search,.srsi-support-customer-list,.srsi-support-foot{margin-left:12px!important;margin-right:12px!important}
  .srsi-support-code{font-size:30px!important}
  .srsi-support-list-title strong{font-size:17px!important}
  .srsi-support-item{grid-template-columns:60px minmax(0,1fr)!important;gap:11px!important}
  .srsi-support-item-media{width:60px!important;height:60px!important}
  .srsi-support-item-controls{padding-left:73px!important;flex-wrap:wrap!important}
  .srsi-support-foot{flex-wrap:wrap!important;justify-content:flex-start!important}
  .srsi-support-end-button{width:100%!important;justify-content:center!important}
}

/* 0.7.16 Aftercare + transcript + left feedback panel */

/* Desktop support is a floating feedback panel, not a modal overlay. */
@media (min-width:768px){
  html.srsi-support-overlay-open,
  html.srsi-support-overlay-open body{overflow:auto!important}

  .srsi-support-root.is-customer,
  .srsi-support-root.is-agent.srsi-support-agent-feedback,
  .srsi-support-root.is-customer.is-open,
  .srsi-support-root.is-agent.srsi-support-agent-feedback.is-open{
    pointer-events:none!important;
  }
  .srsi-support-root.is-customer::before,
  .srsi-support-root.is-agent.srsi-support-agent-feedback::before{display:none!important}

  .srsi-support-root.is-customer .srsi-support-panel,
  .srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-panel{
    left:25px!important;
    right:auto!important;
    top:50%!important;
    bottom:auto!important;
    width:min(360px,calc(100vw - 50px))!important;
    max-width:360px!important;
    max-height:calc(100dvh - 50px)!important;
    border-radius:16px!important;
    border:1px solid #dde6e9!important;
    box-shadow:0 18px 46px rgba(7,39,51,.18)!important;
    transform:translate(-14px,-50%) scale(.988)!important;
    pointer-events:none!important;
  }
  .srsi-support-root.is-customer.is-open .srsi-support-panel,
  .srsi-support-root.is-agent.srsi-support-agent-feedback.is-open .srsi-support-panel{
    transform:translate(0,-50%) scale(1)!important;
    pointer-events:auto!important;
  }

  .srsi-support-root.is-customer .srsi-support-side-tab,
  .srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-agent-side-tab{
    left:0!important;
    right:auto!important;
    top:50%!important;
    border-radius:0 11px 11px 0!important;
    transform:translateY(-50%)!important;
  }
  .srsi-support-root.is-customer.is-open .srsi-support-side-tab,
  .srsi-support-root.is-agent.srsi-support-agent-feedback.is-open .srsi-support-agent-side-tab{
    transform:translate(-20px,-50%) scale(.96)!important;
  }
  .srsi-support-side-badge{left:auto!important;right:-7px!important}
  .srsi-support-root.is-customer.is-connected .srsi-support-side-tab:after,
  .srsi-support-root.is-agent.srsi-support-agent-feedback.is-connected .srsi-support-agent-side-tab:after{left:auto!important;right:5px!important}

  .srsi-support-agent-quick-dock{
    left:52px!important;
    right:auto!important;
    top:calc(50% - 170px)!important;
    width:min(292px,calc(100vw - 77px))!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
}

/* Compact but readable proportions for the 360px panel. */
.srsi-support-head{padding:16px 15px 14px!important}
.srsi-support-head::after{left:15px!important;right:15px!important}
.srsi-support-head-text{gap:2px!important;min-width:0!important}
.srsi-support-head-text strong{font-size:19px!important;line-height:1.15!important;font-weight:800!important;letter-spacing:-.015em!important}
.srsi-support-head-text span{font-size:12.5px!important;line-height:1.35!important}
.srsi-support-head-actions{gap:6px!important;max-width:58%!important}
.srsi-support-head-session{gap:5px!important;padding:5px 7px!important;border-radius:9px!important;min-width:0!important}
.srsi-support-head-live{min-height:20px!important;padding:0 6px!important;font-size:8.5px!important;letter-spacing:.07em!important}
.srsi-support-head-session.is-review .srsi-support-head-live{background:#eef2f4!important;color:#64747c!important}
.srsi-support-head-code{font-size:14px!important;letter-spacing:.06em!important;white-space:nowrap!important}
.srsi-support-close{width:29px!important;height:29px!important;font-size:19px!important;flex:0 0 29px!important;background:transparent!important}

.srsi-support-code-block{margin:10px 12px 0!important;padding:13px 14px!important;border-radius:12px!important}
.srsi-support-code-block>span{font-size:11.5px!important}
.srsi-support-code{font-size:27px!important}
.srsi-support-status{font-size:10.5px!important}

.srsi-support-agent-summary,
.srsi-support-current-product,
.srsi-support-agent-list,
.srsi-support-agent-search,
.srsi-support-customer-list,
.srsi-support-foot{margin-left:12px!important;margin-right:12px!important}
.srsi-support-agent-summary{margin-top:10px!important;padding:10px 12px!important;border-radius:11px!important}
.srsi-support-online{font-size:11.5px!important}
.srsi-support-current-product{margin-top:9px!important;padding:11px 12px!important;border-radius:12px!important}
.srsi-support-agent-list,.srsi-support-customer-list{margin-top:9px!important;padding:12px!important;border-radius:12px!important}
.srsi-support-agent-search{margin-top:9px!important;margin-bottom:12px!important;padding:12px!important;border-radius:12px!important}
.srsi-support-list-title{margin:0 0 8px!important}
.srsi-support-list-title strong{font-size:14.5px!important}
.srsi-support-list-title span{font-size:10.5px!important}
.srsi-support-item{grid-template-columns:54px minmax(0,1fr)!important;gap:10px!important;padding:8px 3px!important;border-radius:8px!important}
.srsi-support-item-media{width:54px!important;height:54px!important;border-radius:7px!important}
.srsi-support-item-media img{max-width:50px!important;max-height:50px!important}
.srsi-support-item-title{font-size:13px!important;line-height:1.32!important;font-weight:700!important}
.srsi-support-item-variant{font-size:10.5px!important}
.srsi-support-item-meta{font-size:10.5px!important;gap:7px!important}
.srsi-support-item-note{font-size:10.5px!important;padding:5px 7px!important}
.srsi-support-focus-pill{font-size:8.5px!important;padding:2px 6px!important}

.srsi-support-item-controls{padding:5px 1px 0 64px!important;gap:5px!important}
.srsi-support-item-controls button{min-height:27px!important;height:27px!important;padding:4px 7px!important;border-radius:6px!important;font-size:10.5px!important}
.srsi-support-item-controls .srsi-support-qty-button{width:27px!important;min-width:27px!important}
.srsi-support-qty{font-size:11px!important;min-width:18px!important}
.srsi-support-note-input{width:calc(100% - 64px)!important;margin:5px 0 0 64px!important;height:31px!important;min-height:31px!important;font-size:10.5px!important;padding:6px 8px!important;border-radius:7px!important}

.srsi-support-search-title{font-size:14px!important;margin-bottom:6px!important}
.srsi-support-agent-search>input{height:38px!important;min-height:38px!important;font-size:12.5px!important;padding:0 10px!important;border-radius:8px!important}
.srsi-support-search-results{max-height:180px!important}

.srsi-support-end-button{min-height:34px!important;height:34px!important;padding:7px 10px!important;border-radius:8px!important;font-size:11px!important;font-weight:700!important;background:#f1f3f4!important;color:#56666e!important;border-color:#d9e0e3!important}
.srsi-support-end-button:hover{background:#e8edef!important;color:#26383f!important}

/* Read-only aftercare state after the employee ends the call. */
.srsi-support-aftercare{margin:10px 12px 0;padding:11px 12px;border:1px solid #dfead6;border-radius:12px;background:#f7fbf3;display:grid;grid-template-columns:28px minmax(0,1fr);gap:9px;align-items:start;animation:srsi-support-aftercare-in .42s cubic-bezier(.2,.8,.2,1)}
.srsi-support-aftercare-icon{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#78c516;color:#fff;font-size:14px;font-weight:800;box-shadow:0 0 0 4px rgba(120,197,22,.10)}
.srsi-support-aftercare-copy{display:grid;gap:2px;min-width:0}
.srsi-support-aftercare-copy strong{font-size:12px;line-height:1.3;color:#26372e;font-weight:800}
.srsi-support-aftercare-copy span{font-size:10.5px;line-height:1.45;color:#607169}
@keyframes srsi-support-aftercare-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}

.srsi-support-root.is-review .srsi-support-side-tab{background:#355b69!important}
.srsi-support-root.is-review .srsi-support-side-tab:after{content:"";position:absolute;right:5px;bottom:7px;width:8px;height:8px;border-radius:50%;background:#d8e3e7;box-shadow:0 0 0 2px #355b69}
.srsi-support-root.just-ended .srsi-support-side-tab{animation:srsi-support-review-pulse .85s cubic-bezier(.2,.8,.2,1)}
@keyframes srsi-support-review-pulse{0%,100%{transform:translateY(-50%)}42%{transform:translate(4px,-50%) scale(1.04)}}

/* E-mail follow-up: no address is stored server-side. */
.srsi-support-foot{margin-top:9px!important;margin-bottom:12px!important;padding:10px!important;border-radius:12px!important;display:grid!important;grid-template-columns:1fr!important;gap:8px!important;align-items:stretch!important}
.srsi-support-followup{display:grid;gap:8px;min-width:0}
.srsi-support-followup-top{display:flex;align-items:center;justify-content:space-between;gap:9px}
.srsi-support-followup-copy{display:grid;gap:2px;min-width:0}
.srsi-support-followup-copy strong{font-size:11.5px;line-height:1.25;font-weight:800;color:#26363d}
.srsi-support-followup-copy span{font-size:9.8px;line-height:1.4;color:#7b898f}
.srsi-support-mail-button{appearance:none;border:1px solid #b9dbe8!important;background:#f4fbfe!important;color:#167fa6!important;margin:0!important;padding:6px 8px!important;min-height:30px!important;border-radius:7px!important;font:700 10px/1 inherit!important;white-space:nowrap;cursor:pointer}
.srsi-support-mail-button:hover{background:#e9f7fc!important;border-color:#99cee1!important}
.srsi-support-mail-form{display:grid;grid-template-columns:minmax(0,1fr) 74px;gap:6px;animation:srsi-support-mail-in .22s ease}
.srsi-support-mail-form input{height:34px!important;min-height:34px!important;margin:0!important;padding:0 9px!important;border:1px solid #d5dfe3!important;border-radius:7px!important;background:#fff!important;box-shadow:none!important;font:400 11.5px/1.2 inherit!important;color:#111!important}
.srsi-support-mail-send{appearance:none;border:0!important;background:#0d4d63!important;color:#fff!important;margin:0!important;padding:0 9px!important;min-height:34px!important;border-radius:7px!important;font:700 10.5px/1 inherit!important;cursor:pointer}
.srsi-support-mail-send:disabled{opacity:.6;cursor:wait}
.srsi-support-mail-privacy,.srsi-support-mail-message{display:block;font-size:9px;line-height:1.4;color:#8a969b}
.srsi-support-mail-message{color:#4f8e20;font-weight:600}
@keyframes srsi-support-mail-in{from{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:none}}

/* Floating confirmation message used when the live phase ends / e-mail succeeds. */
.srsi-support-toast{position:fixed;z-index:2147481500;left:25px;bottom:25px;max-width:min(360px,calc(100vw - 50px));padding:11px 13px;border-radius:10px;background:#102f3b;color:#fff;box-shadow:0 14px 34px rgba(5,35,47,.22);font:600 11.5px/1.4 inherit;opacity:0;transform:translateY(8px);transition:opacity .2s ease,transform .24s cubic-bezier(.2,.8,.2,1);pointer-events:none}
.srsi-support-toast.is-visible{opacity:1;transform:none}

/* Quick Add follows the new left-side support rail. */
@media (min-width:768px){
  .srsi-support-agent-quick-dock{left:52px!important;right:auto!important;width:min(292px,calc(100vw - 77px))!important;padding:8px 9px!important;border-radius:11px!important;box-shadow:0 12px 28px rgba(7,39,51,.14)!important;background:#fff!important}
  .srsi-support-quick-title{font-size:11.5px!important;max-width:128px!important}
  .srsi-support-quick-meta{font-size:9.5px!important}
  .srsi-support-quick-qty{height:30px!important;border-radius:7px!important}
  .srsi-support-quick-qty button{height:28px!important;min-height:28px!important}
  .srsi-support-quick-add,.srsi-support-current-add{min-height:30px!important;height:30px!important;padding:6px 8px!important;border-radius:7px!important;font-size:10.5px!important}
}

/* Mobile remains a dedicated fullscreen support app. */
@media (max-width:767px){
  html.srsi-support-overlay-open,
  html.srsi-support-overlay-open body{overflow:hidden!important}
  .srsi-support-root.is-customer.is-open,
  .srsi-support-root.is-agent.srsi-support-agent-feedback.is-open{pointer-events:auto!important}
  .srsi-support-root.is-customer .srsi-support-panel,
  .srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-panel{
    inset:0!important;left:0!important;right:0!important;top:0!important;bottom:0!important;width:100vw!important;max-width:100vw!important;height:100dvh!important;max-height:100dvh!important;border-radius:0!important;border:0!important
  }
  .srsi-support-head{padding:calc(14px + env(safe-area-inset-top,0px)) 14px 12px!important}
  .srsi-support-head::after{left:14px!important;right:14px!important}
  .srsi-support-head-text strong{font-size:21px!important}
  .srsi-support-head-text span{font-size:12px!important}
  .srsi-support-head-actions{max-width:62%!important}
  .srsi-support-head-code{font-size:13px!important}
  .srsi-support-head-live{font-size:8px!important}
  .srsi-support-code-block,.srsi-support-agent-summary,.srsi-support-current-product,.srsi-support-agent-list,.srsi-support-agent-search,.srsi-support-customer-list,.srsi-support-foot,.srsi-support-aftercare{margin-left:10px!important;margin-right:10px!important}
  .srsi-support-customer-list,.srsi-support-agent-list{flex:1 1 auto!important;min-height:0!important;max-height:none!important}
  .srsi-support-item-controls{padding-left:0!important;flex-wrap:wrap!important}
  .srsi-support-note-input{width:100%!important;margin-left:0!important}
  .srsi-support-followup-top{align-items:flex-start!important}
  .srsi-support-mail-form{grid-template-columns:1fr 78px}
  .srsi-support-toast{left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));max-width:none;text-align:center}
  .srsi-support-root.is-customer .srsi-support-side-tab,
  .srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-agent-side-tab{left:0!important;right:auto!important;border-radius:0 12px 12px 0!important}
  .srsi-support-side-badge{left:auto!important;right:-7px!important}
}


/* 0.7.17 Flatsome-style right off-canvas support drawer.
   Mirrors Flatsome's off-canvas-right interaction model without depending on private theme JS. */
@media (min-width:768px){
  html.srsi-support-overlay-open,
  html.srsi-support-overlay-open body{overflow:hidden!important}

  .srsi-support-root.is-customer,
  .srsi-support-root.is-agent.srsi-support-agent-feedback,
  .srsi-support-root.is-customer.is-open,
  .srsi-support-root.is-agent.srsi-support-agent-feedback.is-open{pointer-events:none!important}

  .srsi-support-root.is-customer::before,
  .srsi-support-root.is-agent.srsi-support-agent-feedback::before{
    display:block!important;
    content:""!important;
    position:fixed!important;
    inset:0!important;
    z-index:2147481200!important;
    background:rgba(0,0,0,.34)!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transition:opacity .22s ease,visibility 0s linear .22s!important;
  }
  .srsi-support-root.is-customer.is-open::before,
  .srsi-support-root.is-agent.srsi-support-agent-feedback.is-open::before{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transition-delay:0s!important;
  }

  .srsi-support-root.is-customer .srsi-support-panel,
  .srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-panel{
    position:fixed!important;
    z-index:2147481203!important;
    left:auto!important;
    right:0!important;
    top:0!important;
    bottom:0!important;
    width:min(360px,100vw)!important;
    max-width:360px!important;
    height:100dvh!important;
    max-height:100dvh!important;
    border:0!important;
    border-radius:0!important;
    background:#fff!important;
    box-shadow:-10px 0 34px rgba(0,0,0,.20)!important;
    overflow:hidden!important;
    opacity:1!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transform:translateX(100%)!important;
    transition:transform .26s cubic-bezier(.2,.8,.2,1),visibility 0s linear .26s!important;
    will-change:transform;
  }
  .srsi-support-root.is-customer.is-open .srsi-support-panel,
  .srsi-support-root.is-agent.srsi-support-agent-feedback.is-open .srsi-support-panel{
    visibility:visible!important;
    pointer-events:auto!important;
    transform:translateX(0)!important;
    transition-delay:0s!important;
  }

  body.admin-bar .srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-panel{
    top:32px!important;
    height:calc(100dvh - 32px)!important;
    max-height:calc(100dvh - 32px)!important;
  }

  .srsi-support-root.is-customer .srsi-support-side-tab,
  .srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-agent-side-tab{
    left:auto!important;
    right:0!important;
    top:50%!important;
    border-radius:12px 0 0 12px!important;
    transform:translateY(-50%)!important;
    z-index:2147481204!important;
    transition:transform .24s cubic-bezier(.2,.8,.2,1),opacity .16s ease,visibility 0s linear 0s!important;
  }
  .srsi-support-root.is-customer.is-open .srsi-support-side-tab,
  .srsi-support-root.is-agent.srsi-support-agent-feedback.is-open .srsi-support-agent-side-tab{
    transform:translate(24px,-50%) scale(.96)!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }
  .srsi-support-side-badge{left:-7px!important;right:auto!important}
  .srsi-support-root.is-customer.is-connected .srsi-support-side-tab:after,
  .srsi-support-root.is-agent.srsi-support-agent-feedback.is-connected .srsi-support-agent-side-tab:after{left:5px!important;right:auto!important}

  .srsi-support-agent-quick-dock{
    left:auto!important;
    right:52px!important;
    top:calc(50% - 170px)!important;
    width:min(292px,calc(100vw - 77px))!important;
  }

  .srsi-support-toast{
    left:auto!important;
    right:25px!important;
    bottom:25px!important;
  }
}

/* The support drawer itself now behaves like a native vertical app surface. */
.srsi-support-panel{display:flex!important;flex-direction:column!important}
.srsi-support-customer-list,
.srsi-support-agent-list{scrollbar-width:none!important}
.srsi-support-customer-list::-webkit-scrollbar,
.srsi-support-agent-list::-webkit-scrollbar{display:none!important}

/* Connection success state: short, reassuring, then the off-canvas drawer opens. */
.srsi-support-modal.is-connected-success{overflow:hidden!important}
.srsi-support-modal.is-connected-success .srsi-support-head{display:none!important}
.srsi-support-connect-success{
  min-height:220px;
  padding:30px 28px;
  display:grid;
  grid-template-columns:54px minmax(0,1fr);
  gap:18px;
  align-items:center;
  background:#fff;
  animation:srsi-support-connected-success-in .38s cubic-bezier(.2,.8,.2,1);
}
.srsi-support-connect-success-mark{
  width:54px;height:54px;border-radius:50%;display:grid;place-items:center;
  background:#78c516;color:#fff;font-size:26px;font-weight:800;
  box-shadow:0 0 0 8px rgba(120,197,22,.10);
  animation:srsi-support-success-mark .58s cubic-bezier(.2,.8,.2,1);
}
.srsi-support-connect-success-copy{display:grid;gap:5px;min-width:0}
.srsi-support-connect-success-copy>strong{font-size:20px;line-height:1.2;font-weight:800;color:#17272e;letter-spacing:-.015em}
.srsi-support-connect-success-copy>span{font-size:13px;line-height:1.5;color:#66777f}
.srsi-support-connect-success-meta{display:flex;align-items:center;gap:8px;margin-top:5px}
.srsi-support-connect-live{display:inline-flex;align-items:center;min-height:24px;padding:0 9px;border-radius:999px;background:#eef8e5;color:#4e9418;font-size:10px;font-weight:800;letter-spacing:.08em}
.srsi-support-connect-code{font:700 13px/1 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;color:#496068;letter-spacing:.06em}
@keyframes srsi-support-connected-success-in{from{opacity:0;transform:translateY(6px) scale(.985)}to{opacity:1;transform:none}}
@keyframes srsi-support-success-mark{0%{transform:scale(.72);opacity:.2}65%{transform:scale(1.08);opacity:1}100%{transform:scale(1)}}

/* Desktop panel spacing tuned for a 360px Flatsome-like drawer. */
@media (min-width:768px){
  .srsi-support-head{padding:18px 15px 15px!important}
  .srsi-support-head-text strong{font-size:20px!important}
  .srsi-support-head-text span{font-size:12.5px!important}
  .srsi-support-head-session{padding:5px 7px!important}
  .srsi-support-head-code{font-size:14px!important}
  .srsi-support-code-block,
  .srsi-support-agent-summary,
  .srsi-support-current-product,
  .srsi-support-agent-list,
  .srsi-support-agent-search,
  .srsi-support-customer-list,
  .srsi-support-foot,
  .srsi-support-aftercare{margin-left:12px!important;margin-right:12px!important}
}

/* Mobile uses the same off-canvas direction, but full screen. */
@media (max-width:767px){
  .srsi-support-root.is-customer .srsi-support-panel,
  .srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-panel{
    left:auto!important;right:0!important;top:0!important;bottom:0!important;
    width:100vw!important;max-width:100vw!important;height:100dvh!important;max-height:100dvh!important;
    transform:translateX(100%)!important;
    transition:transform .28s cubic-bezier(.2,.8,.2,1),visibility 0s linear .28s!important;
  }
  .srsi-support-root.is-customer.is-open .srsi-support-panel,
  .srsi-support-root.is-agent.srsi-support-agent-feedback.is-open .srsi-support-panel{
    transform:translateX(0)!important;
    transition-delay:0s!important;
  }
  .srsi-support-root.is-customer .srsi-support-side-tab,
  .srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-agent-side-tab{
    left:auto!important;right:0!important;border-radius:12px 0 0 12px!important;
  }
  .srsi-support-side-badge{left:-7px!important;right:auto!important}
  .srsi-support-toast{left:12px!important;right:12px!important}
  .srsi-support-connect-success{min-height:190px;padding:26px 22px;grid-template-columns:48px minmax(0,1fr);gap:15px}
  .srsi-support-connect-success-mark{width:48px;height:48px;font-size:23px}
  .srsi-support-connect-success-copy>strong{font-size:18px}
}


/* 0.7.18 - Native Flatsome off-canvas structure.
   SRSI now uses the real Flatsome class contract:
   .mfp-wrap.off-canvas.off-canvas-right > .mfp-content
   Width is the only intentional layout deviation: 360px instead of Flatsome's 260px. */

.srsi-support-root.mfp-wrap.off-canvas.off-canvas-right{
  position:fixed!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  outline:none!important;
  -webkit-backface-visibility:hidden;
}

/* Match Flatsome .mfp-bg.mfp-ready: dark overlay, no blur. */
@media (min-width:768px){
  .srsi-support-root.mfp-wrap.off-canvas.off-canvas-right::before{
    content:""!important;
    position:fixed!important;
    inset:0!important;
    background:#0b0b0b!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transition:opacity .25s, visibility 0s linear .25s!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
  .srsi-support-root.mfp-wrap.off-canvas.off-canvas-right.mfp-ready::before{
    opacity:.6!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transition-delay:0s!important;
  }

  /* Same core surface as Flatsome's .off-canvas-right .mfp-content. */
  .srsi-support-root.off-canvas-right .mfp-content.srsi-support-panel{
    position:fixed!important;
    top:0!important;
    bottom:0!important;
    left:auto!important;
    right:0!important;
    width:360px!important;
    max-width:min(360px,100vw)!important;
    height:auto!important;
    max-height:none!important;
    background-color:rgba(255,255,255,.95)!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    -webkit-overflow-scrolling:touch;
    border:0!important;
    border-radius:0!important;
    box-shadow:0 0 10px 0 rgba(0,0,0,.5)!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:none!important;
    -webkit-transform:translateX(370px)!important;
    -ms-transform:translateX(370px)!important;
    transform:translateX(370px)!important;
    transition:-webkit-transform .2s!important;
    transition:transform .2s!important;
    transition:transform .2s,-webkit-transform .2s!important;
    will-change:transform;
  }
  .srsi-support-root.off-canvas-right.mfp-ready .mfp-content.srsi-support-panel{
    -webkit-transform:translate(0,0)!important;
    -ms-transform:translate(0,0)!important;
    transform:translate(0,0)!important;
    opacity:1!important;
    pointer-events:auto!important;
  }
  .srsi-support-root.off-canvas.mfp-removing .mfp-content.srsi-support-panel{
    opacity:0!important;
  }

  /* Respect Flatsome's WordPress admin-bar offset. */
  body.admin-bar .srsi-support-root.off-canvas-right .mfp-content.srsi-support-panel{
    top:32px!important;
    height:calc(100vh - 32px)!important;
  }

  /* Side tab and quick-add live on the same right-side rail. */
  .srsi-support-root.is-customer .srsi-support-side-tab,
  .srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-agent-side-tab{
    left:auto!important;
    right:0!important;
    top:50%!important;
    border-radius:12px 0 0 12px!important;
  }
  .srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-agent-quick-dock{
    left:auto!important;
    right:52px!important;
  }
}

/* Mobile keeps the Flatsome right-off-canvas motion but fills the viewport. */
@media (max-width:767px){
  .srsi-support-root.off-canvas-right .mfp-content.srsi-support-panel{
    position:fixed!important;
    top:0!important;
    bottom:0!important;
    left:auto!important;
    right:0!important;
    width:100vw!important;
    max-width:100vw!important;
    height:100dvh!important;
    max-height:100dvh!important;
    border:0!important;
    border-radius:0!important;
    background-color:rgba(255,255,255,.98)!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    -webkit-overflow-scrolling:touch;
    box-shadow:0 0 10px 0 rgba(0,0,0,.35)!important;
    visibility:visible!important;
    pointer-events:none!important;
    -webkit-transform:translateX(calc(100vw + 10px))!important;
    -ms-transform:translateX(calc(100vw + 10px))!important;
    transform:translateX(calc(100vw + 10px))!important;
    transition:-webkit-transform .2s!important;
    transition:transform .2s!important;
    transition:transform .2s,-webkit-transform .2s!important;
  }
  .srsi-support-root.off-canvas-right.mfp-ready .mfp-content.srsi-support-panel{
    -webkit-transform:translate(0,0)!important;
    -ms-transform:translate(0,0)!important;
    transform:translate(0,0)!important;
    pointer-events:auto!important;
  }
  .srsi-support-root.is-customer .srsi-support-side-tab,
  .srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-agent-side-tab{
    left:auto!important;
    right:0!important;
    border-radius:12px 0 0 12px!important;
  }
}


/* 0.7.19 - Non-blocking Flatsome-style support rail.
   The support drawer stays visually off-canvas, but never blocks the webshop behind it. */

/* The full-screen mfp wrapper is now only a positioning shell. */
.srsi-support-root.mfp-wrap.off-canvas.off-canvas-right{
  pointer-events:none!important;
  background:transparent!important;
}

/* Absolutely no backdrop/overlay. This intentionally overrides all earlier versions. */
.srsi-support-root.mfp-wrap.off-canvas.off-canvas-right::before,
.srsi-support-root.mfp-wrap.off-canvas.off-canvas-right.mfp-ready::before,
.srsi-support-root.is-customer::before,
.srsi-support-root.is-agent.srsi-support-agent-feedback::before{
  content:none!important;
  display:none!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  background:transparent!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

/* Never lock the website while support is open. */
html.srsi-support-overlay-open,
html.srsi-support-overlay-open body,
html.srsi-support-modal-open,
html.srsi-support-modal-open body{
  overflow:auto!important;
  overscroll-behavior:auto!important;
}

/* Only the actual UI controls receive pointer events. */
.srsi-support-root .srsi-support-panel,
.srsi-support-root .srsi-support-side-tab,
.srsi-support-root .srsi-support-agent-side-tab,
.srsi-support-root .srsi-support-agent-quick-dock,
.srsi-support-root .srsi-support-modal-backdrop,
.srsi-support-root .srsi-support-modal{
  pointer-events:auto;
}

@media (min-width:768px){
  /* Keep the page fully usable while the 360px rail is open. */
  .srsi-support-root.off-canvas-right .mfp-content.srsi-support-panel{
    pointer-events:none!important;
  }
  .srsi-support-root.off-canvas-right.mfp-ready .mfp-content.srsi-support-panel{
    pointer-events:auto!important;
  }

  /* Slightly soften the edge so it reads as an attached workspace, not a modal. */
  .srsi-support-root.off-canvas-right .mfp-content.srsi-support-panel{
    box-shadow:-8px 0 24px rgba(6,31,42,.14)!important;
  }
}

/* The code-request modal is still a deliberate modal action. It gets no dark overlay,
   but keeps its own centered card. The rest of the page remains visible. */
.srsi-support-modal-backdrop{
  background:transparent!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  pointer-events:none!important;
}
.srsi-support-modal-backdrop .srsi-support-modal{pointer-events:auto!important}

/* Mobile remains full-screen because the support workspace itself fills the viewport,
   but there is still no separate backdrop or blur layer. */
@media (max-width:767px){
  html.srsi-support-overlay-open,
  html.srsi-support-overlay-open body,
  html.srsi-support-modal-open,
  html.srsi-support-modal-open body{overflow:auto!important}
}


/* 0.7.20 - Opaque support surface + maximum stacking priority. */
:root{--srsi-support-surface:#f3f3f5}

/* Keep the entire SRSI support system above every normal theme/plugin layer. */
.srsi-support-root,
.srsi-support-root.mfp-wrap.off-canvas.off-canvas-right{
  z-index:2147483647!important;
  isolation:isolate!important;
}
.srsi-support-root .srsi-support-panel,
.srsi-support-root .mfp-content.srsi-support-panel,
.srsi-support-root .srsi-support-side-tab,
.srsi-support-root .srsi-support-agent-side-tab,
.srsi-support-root .srsi-support-agent-quick-dock,
.srsi-support-root .srsi-support-modal-backdrop,
.srsi-support-root .srsi-support-modal,
.srsi-support-toast{
  z-index:2147483647!important;
}

/* Flatsome itself uses a translucent off-canvas surface. SRSI intentionally does not. */
.srsi-support-root.off-canvas-right .mfp-content.srsi-support-panel,
.srsi-support-root.is-customer .srsi-support-panel,
.srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-panel{
  background:#f3f3f5!important;
  background-color:#f3f3f5!important;
  opacity:1!important;
}

/* Ensure the full drawer surface is opaque even while scrolling/animating. */
.srsi-support-root .srsi-support-panel::before,
.srsi-support-root .srsi-support-panel::after{
  background-color:transparent!important;
}

@media (max-width:767px){
  .srsi-support-root.off-canvas-right .mfp-content.srsi-support-panel{
    background:#f3f3f5!important;
    background-color:#f3f3f5!important;
    opacity:1!important;
  }
}


/* 0.7.21 - LiveChat-inspired Stage Roads support skin.
   Visual language only: bright support blue, light app surface, white cards,
   rounded controls and soft elevation for both customer and agent. */
:root{
  --srsi-livechat-bg:#f5f5f6;
  --srsi-livechat-card:#ffffff;
  --srsi-livechat-blue:#2aa9df;
  --srsi-livechat-blue-hover:#159ad4;
  --srsi-livechat-blue-soft:#e9f7fd;
  --srsi-livechat-text:#151515;
  --srsi-livechat-muted:#6f7478;
  --srsi-livechat-line:#e0e1e4;
  --srsi-livechat-green:#248e5a;
  --srsi-livechat-shadow:0 12px 34px rgba(17,24,30,.12);
}

/* Drawer = same calm app shell as LiveChat. */
.srsi-support-root.off-canvas-right .mfp-content.srsi-support-panel,
.srsi-support-root.is-customer .srsi-support-panel,
.srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-panel{
  background:var(--srsi-livechat-bg)!important;
  background-color:var(--srsi-livechat-bg)!important;
  color:var(--srsi-livechat-text)!important;
  box-shadow:-10px 0 34px rgba(18,26,32,.14)!important;
}

/* Header: clean white top bar, similar to LiveChat chrome. */
.srsi-support-head{
  background:#fff!important;
  border-bottom:1px solid var(--srsi-livechat-line)!important;
  padding:18px 18px 16px!important;
}
.srsi-support-head::after{display:none!important}
.srsi-support-head-text strong{
  color:var(--srsi-livechat-text)!important;
  font-size:20px!important;
  line-height:1.15!important;
  font-weight:800!important;
  letter-spacing:-.02em!important;
}
.srsi-support-head-text span{
  color:#7b8388!important;
  font-size:12.5px!important;
  line-height:1.35!important;
}
.srsi-support-close{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  min-height:34px!important;
  border-radius:999px!important;
  background:#e4e5e7!important;
  color:#24272a!important;
  font-size:20px!important;
  box-shadow:none!important;
}
.srsi-support-close:hover{
  background:#d8dade!important;
  color:#111!important;
  transform:none!important;
}

/* Compact LIVE + code chip, shaped like LiveChat's small chrome pills. */
.srsi-support-head-actions{gap:8px!important}
.srsi-support-head-session{
  padding:6px 8px!important;
  border:1px solid #d9e6eb!important;
  border-radius:11px!important;
  background:#f7fbfc!important;
  box-shadow:none!important;
}
.srsi-support-head-live{
  min-height:21px!important;
  padding:0 7px!important;
  border-radius:999px!important;
  background:#edf8e8!important;
  color:#4a8f19!important;
  font-size:9px!important;
  line-height:21px!important;
  letter-spacing:.05em!important;
}
.srsi-support-head-live:not(.is-connected){
  background:var(--srsi-livechat-blue-soft)!important;
  color:#1685b1!important;
}
.srsi-support-head-code{
  color:#174a5d!important;
  font-size:16px!important;
  letter-spacing:.07em!important;
}

/* Main informational surfaces become floating white cards. */
.srsi-support-code-block,
.srsi-support-current-product,
.srsi-support-agent-list,
.srsi-support-agent-search,
.srsi-support-customer-list,
.srsi-support-agent-summary,
.srsi-support-foot,
.srsi-support-empty.compact{
  background:var(--srsi-livechat-card)!important;
  border:1px solid var(--srsi-livechat-line)!important;
  border-radius:16px!important;
  box-shadow:0 3px 12px rgba(20,31,38,.045)!important;
}
.srsi-support-code-block{
  margin:12px 12px 0!important;
  padding:14px 15px!important;
}
.srsi-support-code-block::before{display:none!important}
.srsi-support-code-block>span{color:#7d858a!important;font-size:11.5px!important}
.srsi-support-code{color:#174a5d!important;font-size:27px!important}
.srsi-support-status{font-size:10.5px!important;font-weight:700!important}
.srsi-support-status.is-connected{color:var(--srsi-livechat-green)!important}

.srsi-support-agent-summary,
.srsi-support-current-product,
.srsi-support-agent-list,
.srsi-support-agent-search,
.srsi-support-customer-list,
.srsi-support-foot{
  margin-left:12px!important;
  margin-right:12px!important;
}
.srsi-support-agent-summary{margin-top:12px!important;padding:11px 13px!important}
.srsi-support-current-product{margin-top:10px!important;padding:12px!important}
.srsi-support-agent-list,
.srsi-support-customer-list{margin-top:10px!important;padding:12px!important}
.srsi-support-agent-search{margin-top:10px!important;margin-bottom:12px!important;padding:12px!important}
.srsi-support-foot{margin-top:10px!important;margin-bottom:12px!important;padding:11px 12px!important}

/* Typography: readable, friendly and LiveChat-like rather than micro UI. */
.srsi-support-list-title strong,
.srsi-support-search-title{
  color:var(--srsi-livechat-text)!important;
  font-size:14.5px!important;
  font-weight:800!important;
  line-height:1.2!important;
}
.srsi-support-list-title span{font-size:10.5px!important;color:#949a9e!important}
.srsi-support-help,
.srsi-support-empty p{color:#777f84!important;font-size:11.5px!important;line-height:1.45!important}
.srsi-support-empty strong{color:#1a1a1a!important;font-size:13.5px!important}

/* Product cards float softly on white, just like chat content cards. */
.srsi-support-item{
  background:#fff!important;
  border:1px solid transparent!important;
  border-radius:13px!important;
  padding:9px 7px!important;
  grid-template-columns:54px minmax(0,1fr)!important;
  gap:10px!important;
}
a.srsi-support-item:hover,
.srsi-support-agent-item>.srsi-support-item:hover{
  background:#f8fcfe!important;
  border-color:#d9edf5!important;
}
.srsi-support-item.is-focus{
  background:#eef9fd!important;
  border-color:#c8eaf6!important;
  box-shadow:inset 3px 0 0 var(--srsi-livechat-blue)!important;
}
.srsi-support-item-media{width:54px!important;height:54px!important;border-radius:10px!important;background:#f7f7f8!important}
.srsi-support-item-media img{max-width:50px!important;max-height:50px!important}
.srsi-support-item-title{
  color:#149ad4!important;
  font-size:12.5px!important;
  line-height:1.3!important;
  font-weight:700!important;
}
.srsi-support-item-variant{font-size:10.5px!important;color:#777f84!important}
.srsi-support-item-meta{font-size:10.5px!important;color:#737b80!important;gap:7px!important}
.srsi-support-item-note{
  margin-top:4px!important;
  background:#fff7df!important;
  border-radius:8px!important;
  color:#5e5128!important;
  font-size:10.5px!important;
  padding:6px 8px!important;
}
.srsi-support-focus-pill{
  background:var(--srsi-livechat-blue-soft)!important;
  color:#1489b8!important;
  font-size:8.5px!important;
  padding:3px 6px!important;
}

/* Primary actions use the same bright chat-blue family. */
.srsi-support-primary,
.srsi-support-quick-add,
.srsi-support-current-add,
.srsi-support-add{
  background:var(--srsi-livechat-blue)!important;
  color:#111!important;
  border:0!important;
  box-shadow:none!important;
  font-weight:800!important;
}
.srsi-support-primary:hover,
.srsi-support-quick-add:hover,
.srsi-support-current-add:hover,
.srsi-support-add:hover{
  background:var(--srsi-livechat-blue-hover)!important;
  color:#fff!important;
}
.srsi-support-primary{border-radius:11px!important;min-height:42px!important;font-size:13px!important}
.srsi-support-current-add,.srsi-support-quick-add{border-radius:9px!important}
.srsi-support-add{border-radius:999px!important}

/* Neutral buttons/steppers echo LiveChat's grey circular controls. */
.srsi-support-quick-qty,
.srsi-support-item-controls button,
.srsi-support-code-form input,
.srsi-support-agent-search>input,
.srsi-support-note-input{
  border-color:#d8dadd!important;
  background:#fff!important;
  box-shadow:none!important;
}
.srsi-support-quick-qty{border-radius:10px!important;overflow:hidden!important}
.srsi-support-quick-qty button{background:#fff!important;color:#303438!important}
.srsi-support-quick-qty button:hover{background:#f0f1f2!important}
.srsi-support-item-controls button{
  border-radius:8px!important;
  min-height:28px!important;
  color:#4f565b!important;
  background:#f4f4f5!important;
}
.srsi-support-item-controls button:hover{background:#e8eaec!important;border-color:#d1d4d7!important}
.srsi-support-item-controls .srsi-support-focus{
  color:#168bb9!important;
  background:#eef9fd!important;
  border-color:#d4edf6!important;
}
.srsi-support-item-controls .srsi-support-focus.is-active{
  background:#dff4fc!important;
  color:#087ea9!important;
}
.srsi-support-item-controls .srsi-support-remove{
  color:#8a5656!important;
  background:transparent!important;
  border-color:transparent!important;
}
.srsi-support-item-controls .srsi-support-remove:hover{background:#f5eded!important;border-color:#eadada!important}

/* Search field and note input: LiveChat form language. */
.srsi-support-agent-search>input,
.srsi-support-note-input,
.srsi-support-code-form input{
  border-radius:9px!important;
  color:#222!important;
}
.srsi-support-agent-search>input{height:38px!important;font-size:12.5px!important;padding:0 11px!important}
.srsi-support-note-input{font-size:11px!important;padding:7px 9px!important}

/* End session is a quiet grey action, matching secondary chat controls. */
.srsi-support-end-button{
  background:#e5e6e8!important;
  border:1px solid #d7d9dc!important;
  color:#4f555a!important;
  border-radius:10px!important;
  font-size:11.5px!important;
  font-weight:700!important;
  min-height:34px!important;
  padding:8px 11px!important;
}
.srsi-support-end-button:hover{background:#d9dbde!important;color:#25282a!important}

/* Side tab and quick dock belong to the same support family. */
.srsi-support-side-tab,
.srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-agent-side-tab{
  background:var(--srsi-livechat-blue)!important;
  color:#111!important;
  box-shadow:0 8px 22px rgba(21,143,191,.24)!important;
}
.srsi-support-side-tab:hover,
.srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-agent-side-tab:hover{
  background:var(--srsi-livechat-blue-hover)!important;
}
.srsi-support-root.is-customer.is-connected .srsi-support-side-tab:after,
.srsi-support-root.is-agent.srsi-support-agent-feedback.is-connected .srsi-support-agent-side-tab:after{
  background:#38a861!important;
  box-shadow:0 0 0 2px var(--srsi-livechat-blue)!important;
}
.srsi-support-agent-quick-dock{
  background:#fff!important;
  border:1px solid var(--srsi-livechat-line)!important;
  border-radius:14px!important;
  box-shadow:var(--srsi-livechat-shadow)!important;
}

/* Customer modal (code creation) uses the same LiveChat card language. */
.srsi-support-modal{
  background:var(--srsi-livechat-bg)!important;
  border:1px solid #dedfe2!important;
  border-radius:20px!important;
  box-shadow:0 18px 48px rgba(20,29,35,.18)!important;
}
.srsi-support-modal-body{
  margin:12px!important;
  padding:16px!important;
  background:#fff!important;
  border:1px solid var(--srsi-livechat-line)!important;
  border-radius:16px!important;
}

@media(max-width:767px){
  .srsi-support-root.off-canvas-right .mfp-content.srsi-support-panel{
    background:var(--srsi-livechat-bg)!important;
  }
  .srsi-support-head{padding:16px 14px 14px!important}
  .srsi-support-head-text strong{font-size:19px!important}
  .srsi-support-agent-summary,
  .srsi-support-current-product,
  .srsi-support-agent-list,
  .srsi-support-agent-search,
  .srsi-support-customer-list,
  .srsi-support-foot,
  .srsi-support-code-block{margin-left:10px!important;margin-right:10px!important}
  .srsi-support-customer-list,.srsi-support-agent-list{padding:10px!important}
}


/* 0.7.22 - LiveChat-style floating support window.
   Desktop is no longer off-canvas: it behaves like a chat popup in the
   bottom-right corner. Mobile remains full-screen. */
@media (min-width:768px){
  .srsi-support-root.mfp-wrap.off-canvas.off-canvas-right{
    position:fixed!important;
    inset:0!important;
    width:100vw!important;
    height:100vh!important;
    pointer-events:none!important;
    background:transparent!important;
    z-index:2147483647!important;
  }
  .srsi-support-root.mfp-wrap.off-canvas.off-canvas-right::before,
  .srsi-support-root.mfp-wrap.off-canvas.off-canvas-right.mfp-ready::before{
    display:none!important;
    content:none!important;
    opacity:0!important;
    background:transparent!important;
    pointer-events:none!important;
  }

  .srsi-support-root.off-canvas-right .mfp-content.srsi-support-panel,
  .srsi-support-root.is-customer .srsi-support-panel,
  .srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-panel{
    position:fixed!important;
    left:auto!important;
    top:auto!important;
    right:25px!important;
    bottom:25px!important;
    width:360px!important;
    min-width:360px!important;
    max-width:calc(100vw - 50px)!important;
    height:min(680px, calc(100dvh - 50px))!important;
    min-height:420px!important;
    max-height:680px!important;
    margin:0!important;
    padding:0!important;
    border:1px solid #dedfe2!important;
    border-radius:22px!important;
    background:#f3f3f5!important;
    background-color:#f3f3f5!important;
    box-shadow:0 18px 56px rgba(20,29,35,.22),0 2px 10px rgba(20,29,35,.08)!important;
    overflow:hidden!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transform:translateY(18px) scale(.972)!important;
    transform-origin:100% 100%!important;
    transition:opacity .18s ease,transform .28s cubic-bezier(.2,.8,.2,1),visibility 0s linear .28s!important;
    z-index:2147483647!important;
  }
  .srsi-support-root.off-canvas-right.mfp-ready .mfp-content.srsi-support-panel,
  .srsi-support-root.is-customer.is-open .srsi-support-panel,
  .srsi-support-root.is-agent.srsi-support-agent-feedback.is-open .srsi-support-panel{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:translateY(0) scale(1)!important;
    transition-delay:0s!important;
  }
  .srsi-support-root.off-canvas.mfp-removing .mfp-content.srsi-support-panel{
    opacity:0!important;
    transform:translateY(12px) scale(.98)!important;
  }

  /* Keep the panel usable with the WordPress admin bar visible. */
  body.admin-bar .srsi-support-root.off-canvas-right .mfp-content.srsi-support-panel{
    height:min(680px, calc(100dvh - 82px))!important;
    max-height:calc(100dvh - 82px)!important;
  }

  /* Compact launcher in the same corner, like LiveChat. */
  .srsi-support-root.is-customer .srsi-support-side-tab,
  .srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-agent-side-tab{
    position:fixed!important;
    left:auto!important;
    top:auto!important;
    right:25px!important;
    bottom:25px!important;
    width:54px!important;
    min-width:54px!important;
    height:54px!important;
    min-height:54px!important;
    padding:0!important;
    margin:0!important;
    border-radius:999px!important;
    display:grid!important;
    place-items:center!important;
    gap:0!important;
    transform:none!important;
    color:#111!important;
    background:var(--srsi-livechat-blue)!important;
    box-shadow:0 12px 28px rgba(21,143,191,.30)!important;
    z-index:2147483647!important;
    pointer-events:auto!important;
    opacity:1!important;
    visibility:visible!important;
    transition:transform .2s cubic-bezier(.2,.8,.2,1),opacity .16s ease,box-shadow .16s ease!important;
  }
  .srsi-support-root.is-customer .srsi-support-side-tab:hover,
  .srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-agent-side-tab:hover{
    transform:translateY(-2px) scale(1.03)!important;
    box-shadow:0 16px 32px rgba(21,143,191,.36)!important;
  }
  .srsi-support-root.is-customer.is-open .srsi-support-side-tab,
  .srsi-support-root.is-agent.srsi-support-agent-feedback.is-open .srsi-support-agent-side-tab{
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transform:translateY(10px) scale(.88)!important;
  }
  .srsi-support-side-label{display:none!important}
  .srsi-support-side-icon{width:26px!important;height:26px!important;display:grid!important;place-items:center!important}
  .srsi-support-side-icon svg{width:23px!important;height:23px!important}
  .srsi-support-side-badge,
  .srsi-support-launch-badge{
    position:absolute!important;
    top:-5px!important;
    right:-4px!important;
    min-width:20px!important;
    height:20px!important;
    padding:0 5px!important;
    border-radius:999px!important;
    background:#78c516!important;
    color:#fff!important;
    font:800 10px/20px inherit!important;
    box-shadow:0 0 0 3px #fff!important;
  }
  .srsi-support-root.is-customer.is-connected .srsi-support-side-tab:after,
  .srsi-support-root.is-agent.srsi-support-agent-feedback.is-connected .srsi-support-agent-side-tab:after{
    left:5px!important;
    bottom:5px!important;
    right:auto!important;
    width:10px!important;
    height:10px!important;
    box-shadow:0 0 0 3px var(--srsi-livechat-blue)!important;
  }

  /* Quick-add floats directly above the launcher. */
  .srsi-support-agent-quick-dock{
    position:fixed!important;
    left:auto!important;
    right:25px!important;
    top:auto!important;
    bottom:91px!important;
    width:330px!important;
    max-width:calc(100vw - 50px)!important;
    transform:none!important;
    border-radius:16px!important;
    z-index:2147483646!important;
  }
  .srsi-support-root.is-agent.srsi-support-agent-feedback.is-open .srsi-support-agent-quick-dock{
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transform:translateY(8px) scale(.98)!important;
  }

  /* Make the floating window feel like one continuous chat app. */
  .srsi-support-head{
    flex:0 0 auto!important;
    border-radius:22px 22px 0 0!important;
  }
  .srsi-support-agent-list,
  .srsi-support-customer-list{
    flex:1 1 auto!important;
    min-height:0!important;
    overflow:auto!important;
  }
  .srsi-support-agent-search,
  .srsi-support-foot{
    flex:0 0 auto!important;
  }
}

@media (max-width:767px){
  /* Mobile intentionally stays immersive/full-screen. */
  .srsi-support-root.off-canvas-right .mfp-content.srsi-support-panel,
  .srsi-support-root.is-customer .srsi-support-panel,
  .srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-panel{
    right:0!important;
    bottom:0!important;
    width:100vw!important;
    min-width:100vw!important;
    max-width:100vw!important;
    height:100dvh!important;
    min-height:100dvh!important;
    max-height:100dvh!important;
    border-radius:0!important;
    border:0!important;
  }
}


/* 0.7.23 - LiveChat handoff / replacement launcher.
   While a support session exists, LiveChat is hidden via its public JS API and
   SRSI takes over the exact launcher corner. Geometry is captured before hide. */
@media (min-width:768px){
  .srsi-support-root.is-customer .srsi-support-side-tab,
  .srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-agent-side-tab{
    right:var(--srsi-livechat-launch-right,24px)!important;
    bottom:var(--srsi-livechat-launch-bottom,24px)!important;
    width:var(--srsi-livechat-launch-size,60px)!important;
    min-width:var(--srsi-livechat-launch-size,60px)!important;
    height:var(--srsi-livechat-launch-size,60px)!important;
    min-height:var(--srsi-livechat-launch-size,60px)!important;
  }
  .srsi-support-root.off-canvas-right .mfp-content.srsi-support-panel,
  .srsi-support-root.is-customer .srsi-support-panel,
  .srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-panel{
    right:var(--srsi-livechat-launch-right,24px)!important;
    bottom:var(--srsi-livechat-launch-bottom,24px)!important;
  }
  .srsi-support-agent-quick-dock{
    right:var(--srsi-livechat-launch-right,24px)!important;
    bottom:calc(var(--srsi-livechat-launch-bottom,24px) + var(--srsi-livechat-launch-size,60px) + 12px)!important;
  }
  .srsi-support-side-icon{
    width:calc(var(--srsi-livechat-launch-size,60px) * .48)!important;
    height:calc(var(--srsi-livechat-launch-size,60px) * .48)!important;
  }
  .srsi-support-side-icon svg{
    width:calc(var(--srsi-livechat-launch-size,60px) * .42)!important;
    height:calc(var(--srsi-livechat-launch-size,60px) * .42)!important;
  }
}


/* 0.7.24 - hard cleanup for a customer-finished session.
   Later launcher rules use display:grid!important, so [hidden] must win at the end of the cascade. */
.srsi-support-root.is-customer:not(.has-session) .srsi-support-side-tab,
.srsi-support-root.is-customer .srsi-support-side-tab[hidden]{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}


/* 0.7.25 - Direct LiveChat handoff.
   The Support Code trigger no longer opens a centered modal. The familiar
   floating Live Support window appears directly in the LiveChat corner. */
.srsi-support-start-state{
  margin:14px!important;
  padding:26px 20px!important;
  min-height:210px;
  border:1px solid #e2e3e6!important;
  border-radius:18px!important;
  background:#fff!important;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:10px;
  text-align:center;
}
.srsi-support-start-state strong{font-size:18px!important;line-height:1.25!important;font-weight:750!important;color:#161b1f!important}
.srsi-support-start-state p{max-width:270px;margin:0!important;font-size:13px!important;line-height:1.5!important;color:#6f777c!important}
.srsi-support-start-pulse{height:34px;display:flex;align-items:center;justify-content:center;gap:6px;margin-bottom:3px}
.srsi-support-start-pulse span{display:block;width:9px;height:9px;border-radius:50%;background:var(--srsi-livechat-blue,#2caae1);animation:srsi-support-start-dot 1s ease-in-out infinite}
.srsi-support-start-pulse span:nth-child(2){animation-delay:.13s}
.srsi-support-start-pulse span:nth-child(3){animation-delay:.26s}
@keyframes srsi-support-start-dot{0%,60%,100%{transform:translateY(0);opacity:.42}30%{transform:translateY(-7px);opacity:1}}
.srsi-support-start-error-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:999px;background:#fff0f0;color:#a74444;font:800 19px/1 inherit}
.srsi-support-start-retry{width:auto!important;min-width:170px!important;margin-top:5px!important}

/* The old support-code modal remains available in code for backwards safety,
   but the public #sr-support flow never presents it in 0.7.25. */

@media (prefers-reduced-motion:reduce){
  .srsi-support-start-pulse span{animation:none!important;opacity:.7!important}
}


/* 0.7.26 - micro geometry tuning.
   Desktop window grows 5px upward and gains 5px on the right side, so the
   desktop width returns to the original 360px layout. */
@media (min-width:768px){
  .srsi-support-root.off-canvas-right .mfp-content.srsi-support-panel,
  .srsi-support-root.is-customer .srsi-support-panel,
  .srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-panel{
    width:360px!important;
    min-width:360px!important;
    max-width:calc(100vw - 50px)!important;
    height:min(685px, calc(100dvh - 50px))!important;
    max-height:685px!important;
    right:var(--srsi-livechat-launch-right,25px)!important;
  }
  body.admin-bar .srsi-support-root.off-canvas-right .mfp-content.srsi-support-panel{
    height:min(685px, calc(100dvh - 82px))!important;
    max-height:calc(100dvh - 82px)!important;
  }
}


/* 0.7.27 - exact desktop LiveChat launcher geometry requested by Stage Roads. */
@media (min-width:768px){
  .srsi-support-root{
    --srsi-livechat-launch-size:68px!important;
    --srsi-livechat-launch-right:15px!important;
    --srsi-livechat-launch-bottom:26px!important;
  }
}


/* 0.7.30 LiveChat-style in-panel close confirmation */
.srsi-support-panel{position:fixed!important}
.srsi-support-confirm-layer{
  position:absolute;
  z-index:2147483647;
  inset:0;
  display:flex;
  align-items:flex-start;
  justify-content:center;
  padding:18px 14px;
  background:rgba(25,29,32,.48);
  opacity:0;
  pointer-events:none;
  transition:opacity .17s ease;
}
.srsi-support-confirm-layer.is-visible{opacity:1;pointer-events:auto}
.srsi-support-confirm-layer.is-leaving{opacity:0;pointer-events:none}
.srsi-support-confirm-dialog{
  position:relative;
  width:100%;
  max-width:320px;
  margin-top:6px;
  padding:26px 16px 14px;
  border-radius:16px;
  background:#fff;
  color:#111;
  box-shadow:0 14px 42px rgba(0,0,0,.24);
  text-align:center;
  transform:translateY(-8px) scale(.985);
  opacity:.7;
  transition:transform .2s cubic-bezier(.2,.8,.2,1),opacity .17s ease;
}
.srsi-support-confirm-layer.is-visible .srsi-support-confirm-dialog{transform:none;opacity:1}
.srsi-support-confirm-close{
  appearance:none;
  position:absolute;
  right:10px;
  top:10px;
  width:30px!important;
  min-width:34px!important;
  height:34px!important;
  min-height:30px!important;
  padding:0!important;
  margin:0!important;
  border:2px solid #111!important;
  border-radius:7px!important;
  background:#fff!important;
  color:#111!important;
  font:500 22px/25px inherit!important;
  cursor:pointer;
}
.srsi-support-confirm-icon{
  width:58px;
  height:58px;
  margin:0 auto 17px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#f0f0f1;
  color:#111;
}
.srsi-support-confirm-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.srsi-support-confirm-title{display:block;margin:0 28px 8px;font-size:18px!important;line-height:1.3!important;font-weight:700!important;color:#171717!important}
.srsi-support-confirm-text{margin:0 auto 20px!important;max-width:265px;color:#666f74!important;font-size:13px!important;line-height:1.5!important;font-weight:400!important}
.srsi-support-confirm-danger{
  appearance:none;
  width:100%!important;
  min-height:42px!important;
  margin:0!important;
  padding:11px 14px!important;
  border:0!important;
  border-radius:10px!important;
  background:#ed2f13!important;
  color:#fff!important;
  font:700 13px/1.2 inherit!important;
  box-shadow:none!important;
  cursor:pointer;
  transition:background .14s ease,transform .1s ease;
}
.srsi-support-confirm-danger:hover{background:#d9290f!important}
.srsi-support-confirm-danger:active{transform:translateY(1px)}
.srsi-support-confirm-danger:disabled{opacity:.72;cursor:wait}
.srsi-support-confirm-cancel{
  appearance:none;
  width:auto!important;
  min-height:28px!important;
  margin:8px auto 0!important;
  padding:4px 10px!important;
  border:0!important;
  background:transparent!important;
  color:#69767d!important;
  font:600 12px/1.2 inherit!important;
  cursor:pointer;
}
.srsi-support-confirm-cancel:hover{color:#111!important}
@media(max-width:767px){
  .srsi-support-confirm-layer{align-items:flex-start;padding:calc(14px + env(safe-area-inset-top,0px)) 14px 14px}
  .srsi-support-confirm-dialog{max-width:330px;margin-top:0;padding-top:28px;border-radius:17px}
  .srsi-support-confirm-title{font-size:19px!important}
  .srsi-support-confirm-text{font-size:14px!important}
  .srsi-support-confirm-danger{min-height:46px!important;font-size:14px!important}
}
@media(prefers-reduced-motion:reduce){
  .srsi-support-confirm-layer,.srsi-support-confirm-dialog{transition:none!important}
}


/* 0.7.31 compact close-confirm polish */
.srsi-support-confirm-dialog{
  max-width:312px!important;
  padding:24px 16px 18px!important;
}
.srsi-support-confirm-close{
  right:10px!important;
  top:10px!important;
  width:28px!important;
  min-width:28px!important;
  height:28px!important;
  min-height:28px!important;
  padding:0!important;
  margin:0!important;
  border:2px solid #111!important;
  border-radius:7px!important;
  display:grid!important;
  place-items:center!important;
  line-height:1!important;
  font-size:18px!important;
  font-weight:500!important;
  text-align:center!important;
  text-indent:0!important;
}
.srsi-support-confirm-icon{
  width:52px!important;
  height:52px!important;
  margin-bottom:14px!important;
}
.srsi-support-confirm-icon svg{width:23px!important;height:23px!important}
.srsi-support-confirm-title{margin:0 28px 7px!important;font-size:17px!important}
.srsi-support-confirm-text{margin-bottom:16px!important;font-size:12.5px!important;line-height:1.48!important;max-width:255px!important}
.srsi-support-confirm-danger{
  display:block!important;
  width:auto!important;
  min-width:210px!important;
  max-width:235px!important;
  min-height:38px!important;
  height:38px!important;
  margin:0 auto!important;
  padding:8px 15px!important;
  border-radius:9px!important;
  font:700 12.5px/1.1 inherit!important;
}
.srsi-support-confirm-cancel{display:none!important}
@media(max-width:767px){
  .srsi-support-confirm-dialog{max-width:310px!important;padding:24px 16px 18px!important}
  .srsi-support-confirm-title{font-size:17px!important}
  .srsi-support-confirm-text{font-size:12.5px!important}
  .srsi-support-confirm-danger{min-height:40px!important;height:40px!important;font-size:12.5px!important;max-width:235px!important}
}


/* 0.7.32 Live Support 2.0 - LiveChat inspired interaction system */
:root{
  --srsi-ios-badge:#ff3b30;
  --srsi-toolbar-control:#e4e5e7;
  --srsi-toolbar-control-hover:#d9dade;
}

/* Launcher: the button itself stays visually calm. Only the white audio-lines icon animates. */
.srsi-support-root.is-customer .srsi-support-side-tab,
.srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-agent-side-tab{
  color:#fff!important;
  border:0!important;
  outline:0!important;
  box-shadow:0 10px 26px rgba(24,131,176,.22)!important;
  transition:none!important;
}
.srsi-support-root.is-customer .srsi-support-side-tab:hover,
.srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-agent-side-tab:hover{
  transform:none!important;
  background:var(--srsi-livechat-blue)!important;
  box-shadow:0 10px 26px rgba(24,131,176,.22)!important;
  border:0!important;
  outline:0!important;
}
.srsi-support-root.is-customer .srsi-support-side-tab:focus,
.srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-agent-side-tab:focus{outline:0!important}
.srsi-support-side-icon{color:#fff!important}
.srsi-audio-lines-icon{width:28px;height:28px;display:block;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;overflow:visible}
.srsi-audio-bar{transform-box:fill-box;transform-origin:center;will-change:transform}
.srsi-support-side-tab:hover .srsi-audio-bar-1,.srsi-support-agent-side-tab:hover .srsi-audio-bar-1{animation:srsi-audio-wave-1 1.5s ease-in-out infinite}
.srsi-support-side-tab:hover .srsi-audio-bar-2,.srsi-support-agent-side-tab:hover .srsi-audio-bar-2{animation:srsi-audio-wave-2 1s ease-in-out infinite}
.srsi-support-side-tab:hover .srsi-audio-bar-3,.srsi-support-agent-side-tab:hover .srsi-audio-bar-3{animation:srsi-audio-wave-3 .8s ease-in-out infinite}
.srsi-support-side-tab:hover .srsi-audio-bar-4,.srsi-support-agent-side-tab:hover .srsi-audio-bar-4{animation:srsi-audio-wave-4 1.5s ease-in-out infinite}
@keyframes srsi-audio-wave-1{0%,100%{transform:scaleY(1)}50%{transform:scaleY(.28)}}
@keyframes srsi-audio-wave-2{0%,100%{transform:scaleY(1)}50%{transform:scaleY(.30)}}
@keyframes srsi-audio-wave-3{0%,100%{transform:scaleY(1)}50%{transform:scaleY(1.58)}}
@keyframes srsi-audio-wave-4{0%,100%{transform:scaleY(1)}50%{transform:scaleY(.68)}}

/* iOS-like article count badge */
.srsi-support-side-badge,.srsi-support-launch-badge{
  top:-5px!important;
  right:-5px!important;
  left:auto!important;
  min-width:21px!important;
  height:21px!important;
  padding:0 6px!important;
  border-radius:999px!important;
  background:var(--srsi-ios-badge)!important;
  color:#fff!important;
  font:800 11px/21px -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  letter-spacing:-.02em!important;
  box-shadow:0 0 0 2px #fff!important;
}
.srsi-support-root.has-update .srsi-support-side-badge{animation:srsi-ios-badge-pop .46s cubic-bezier(.2,.9,.2,1)}
@keyframes srsi-ios-badge-pop{0%{transform:scale(.75)}55%{transform:scale(1.16)}100%{transform:scale(1)}}

/* LiveChat-like utility bar */
.srsi-support-toolbar{
  position:relative;
  z-index:80;
  height:56px;
  flex:0 0 56px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:10px 12px 7px;
  background:#f3f3f5;
}
.srsi-support-toolbar-left{display:flex;align-items:center;gap:6px;min-width:82px}
.srsi-support-toolbar-button,.srsi-support-toolbar-minimize{
  appearance:none!important;
  width:34px!important;
  min-width:34px!important;
  height:34px!important;
  min-height:34px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:999px!important;
  background:var(--srsi-toolbar-control)!important;
  color:#15191c!important;
  box-shadow:none!important;
  display:grid!important;
  place-items:center!important;
  cursor:pointer;
  transition:background .16s ease,transform .16s ease!important;
}
.srsi-support-toolbar-button:hover,.srsi-support-toolbar-minimize:hover{background:var(--srsi-toolbar-control-hover)!important;transform:scale(1.035)!important}
.srsi-support-toolbar-button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}
.srsi-support-toolbar-more svg{fill:currentColor;stroke:none}
.srsi-support-toolbar-minimize{font:600 24px/1 inherit!important;padding-bottom:5px!important}

/* Three-dot menu */
.srsi-support-chat-menu{
  position:absolute;
  z-index:120;
  left:42px;
  top:48px;
  width:246px;
  padding:6px;
  border:1px solid #d7d8da;
  border-radius:12px;
  background:#fff;
  box-shadow:0 12px 34px rgba(17,24,30,.18);
  animation:srsi-chat-menu-in .16s cubic-bezier(.2,.8,.2,1);
}
@keyframes srsi-chat-menu-in{from{opacity:0;transform:translateY(-5px) scale(.98)}to{opacity:1;transform:none}}
.srsi-support-chat-menu-item{
  appearance:none!important;
  width:100%!important;
  min-height:44px!important;
  margin:0!important;
  padding:8px 9px!important;
  border:0!important;
  border-radius:8px!important;
  background:#fff!important;
  color:#1d2225!important;
  display:flex!important;
  align-items:center!important;
  gap:11px!important;
  text-align:left!important;
  font:500 14px/1.25 inherit!important;
  cursor:pointer;
}
.srsi-support-chat-menu-item:hover{background:#f0f0f2!important}
.srsi-support-chat-menu-item:disabled{opacity:.42;cursor:not-allowed}
.srsi-support-chat-menu-icon{width:23px;height:23px;display:grid;place-items:center;flex:0 0 23px}
.srsi-support-chat-menu-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.srsi-support-chat-sound>span:nth-child(2){flex:1}
.srsi-support-sound-switch{position:relative;width:43px;height:25px;border-radius:999px;background:#b8bec1;transition:background .18s ease;flex:0 0 43px}
.srsi-support-sound-switch span{position:absolute;left:3px;top:3px;width:19px;height:19px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.18);transition:transform .2s cubic-bezier(.2,.8,.2,1)}
.srsi-support-sound-switch.is-on{background:#279761}
.srsi-support-sound-switch.is-on span{transform:translateX(18px)}

/* Agent identity card, inspired by LiveChat's active-agent pill */
.srsi-support-agent-identity{
  margin:0 14px 10px;
  min-height:74px;
  padding:10px 12px;
  display:grid;
  grid-template-columns:44px minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  border:1px solid #e1e2e4;
  border-radius:18px;
  background:#fff;
  box-shadow:0 5px 16px rgba(20,31,38,.055);
}
.srsi-support-agent-avatar{position:relative;width:44px;height:44px;border-radius:50%;background:#24a9df;color:#fff;display:grid;place-items:center;overflow:hidden;font:800 17px/1 inherit}
.srsi-support-agent-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.srsi-support-agent-avatar::after{content:"";position:absolute;right:1px;top:1px;width:9px;height:9px;border-radius:50%;background:#249b61;box-shadow:0 0 0 2px #fff}
.srsi-support-agent-identity-copy{min-width:0;display:grid;gap:2px}
.srsi-support-agent-identity-copy strong{font-size:14px;line-height:1.2;font-weight:750;color:#171a1d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.srsi-support-agent-identity-copy span{font-size:11px;line-height:1.3;color:#7a8185}
.srsi-support-agent-identity-meta{display:grid;justify-items:end;gap:4px}
.srsi-support-agent-identity-live{padding:3px 7px;border-radius:999px;background:#eef8e7;color:#4e931b;font:800 8.5px/1 inherit;letter-spacing:.07em}
.srsi-support-agent-identity-live.is-waiting{background:#e9f7fd;color:#1689b6}
.srsi-support-agent-identity-live.is-review{background:#eef1f2;color:#66747b}
.srsi-support-agent-identity-code{font:800 12px/1 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;letter-spacing:.06em;color:#31505d}

/* Overview + transcript internal views */
.srsi-support-overview-view,.srsi-support-transcript-view{
  margin:0 14px 14px;
  padding:18px 16px;
  border:1px solid #e0e1e3;
  border-radius:18px;
  background:#fff;
  box-shadow:0 3px 12px rgba(20,31,38,.045);
  animation:srsi-view-in .22s cubic-bezier(.2,.8,.2,1);
}
@keyframes srsi-view-in{from{opacity:.3;transform:translateX(-8px)}to{opacity:1;transform:none}}
.srsi-support-view-kicker{display:block;margin-bottom:5px;color:#8a9296;font-size:9px;font-weight:800;letter-spacing:.09em}
.srsi-support-view-title{display:block;color:#171a1d;font-size:19px;line-height:1.22;font-weight:800;letter-spacing:-.015em}
.srsi-support-view-copy{margin:8px 0 16px!important;color:#717b80!important;font-size:12.5px!important;line-height:1.5!important}
.srsi-support-overview-session-card{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px;border:1px solid #e7e8e9;border-radius:14px;background:#f8f8f9}
.srsi-support-overview-session-copy{min-width:0;display:grid;gap:3px}
.srsi-support-overview-session-copy strong{font-size:13.5px;font-weight:750;color:#171a1d}
.srsi-support-overview-session-copy span{font-size:10.5px;color:#7b8488}
.srsi-support-overview-status{padding:4px 7px;border-radius:999px;background:#eef8e7;color:#4e931b;font-size:9px;font-weight:800}
.srsi-support-overview-status.is-review{background:#eef1f2;color:#65747b}
.srsi-support-overview-status.is-waiting{background:#eaf7fc;color:#1386b4}
.srsi-support-overview-open,.srsi-support-transcript-send{
  appearance:none!important;width:100%!important;min-height:42px!important;margin:12px 0 0!important;border:0!important;border-radius:11px!important;background:var(--srsi-livechat-blue)!important;color:#fff!important;font:800 13px/1.1 inherit!important;cursor:pointer
}
.srsi-support-overview-open:hover,.srsi-support-transcript-send:hover{background:var(--srsi-livechat-blue-hover)!important}
.srsi-support-overview-future{margin-top:16px;padding:12px;border-radius:12px;background:#f5f5f6;display:grid;gap:3px}
.srsi-support-overview-future strong{font-size:11.5px;color:#515b60}.srsi-support-overview-future span{font-size:10.5px;color:#90979b;line-height:1.4}
.srsi-support-transcript-form{display:grid;gap:9px;margin-top:14px}
.srsi-support-transcript-form input{height:44px!important;margin:0!important;padding:0 12px!important;border:1px solid #d5d8da!important;border-radius:10px!important;background:#f5f5f6!important;box-shadow:none!important;font:400 13px/1 inherit!important;color:#171a1d!important}
.srsi-support-transcript-send{margin:0!important}
.srsi-support-transcript-send:disabled{opacity:.55;cursor:wait}

/* Simpler session footer; transcript lives in the ••• menu. */
.srsi-support-session-foot{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:10px!important}
.srsi-support-session-foot-copy{min-width:0;display:grid;gap:2px}
.srsi-support-session-foot-copy strong{font-size:11px;color:#59656b}.srsi-support-session-foot-copy span{font-size:9.5px;line-height:1.35;color:#969da1}

/* The generic top-right close becomes a true minimize symbol. */
.srsi-support-minimize{font-size:23px!important;line-height:1!important;padding:0 0 5px!important}

@media(max-width:767px){
  .srsi-support-toolbar{padding-top:calc(10px + env(safe-area-inset-top,0px));height:calc(56px + env(safe-area-inset-top,0px));flex-basis:calc(56px + env(safe-area-inset-top,0px))}
  .srsi-support-chat-menu{left:46px;top:calc(48px + env(safe-area-inset-top,0px));width:min(246px,calc(100vw - 72px))}
  .srsi-support-agent-identity{margin-left:12px;margin-right:12px}
  .srsi-support-overview-view,.srsi-support-transcript-view{margin-left:12px;margin-right:12px}
}
@media(prefers-reduced-motion:reduce){
  .srsi-audio-bar,.srsi-support-chat-menu,.srsi-support-overview-view,.srsi-support-transcript-view,.srsi-support-sound-switch span{animation:none!important;transition:none!important}
}


/* 0.7.33 - Stage Roads headphone launcher from supplied Lottie vector asset. */
:root{--srsi-support-launch-blue:#009FDB}
.srsi-support-root.is-customer .srsi-support-side-tab,
.srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-agent-side-tab,
.srsi-support-launcher{
  background:#009FDB!important;
  color:#fff!important;
}
.srsi-support-root.is-customer .srsi-support-side-tab:hover,
.srsi-support-root.is-customer .srsi-support-side-tab:focus-visible,
.srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-agent-side-tab:hover,
.srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-agent-side-tab:focus-visible,
.srsi-support-launcher:hover,.srsi-support-launcher:focus-visible{
  background:#009FDB!important;
  border:0!important;
  outline:0!important;
}
.srsi-headphones-icon{width:34px!important;height:34px!important;display:block;overflow:visible;color:#fff!important}
.srsi-headphones-headband{fill:none!important;stroke:currentColor!important;stroke-width:41;stroke-linecap:round;stroke-linejoin:round}
.srsi-headphones-ear{fill:currentColor!important;stroke:currentColor!important;stroke-width:41;stroke-linecap:round;stroke-linejoin:round}
.srsi-support-side-icon .srsi-headphones-icon{width:34px!important;height:34px!important}
@media(max-width:767px){.srsi-support-side-icon .srsi-headphones-icon{width:28px!important;height:28px!important}}
@media(prefers-reduced-motion:reduce){.srsi-headphones-motion{transform:none!important}}


/* 0.7.34 - launcher sizing/color requested by Stage Roads. */
@media (min-width:768px){
  .srsi-support-root{--srsi-livechat-launch-size:68px!important}
  .srsi-support-root.is-customer .srsi-support-side-tab,
  .srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-agent-side-tab,
  .srsi-support-launcher{background:#009FDB!important}
  .srsi-support-side-icon .srsi-headphones-icon,
  .srsi-support-launch-icon .srsi-headphones-icon{width:34px!important;height:34px!important}
}


/* 0.7.35 - restore launcher diameter; enlarge only headphone glyph. */
@media (min-width:768px){
  .srsi-support-root{--srsi-livechat-launch-size:60px!important}
  .srsi-support-side-icon .srsi-headphones-icon,
  .srsi-support-launch-icon .srsi-headphones-icon{width:37px!important;height:37px!important}
}


/* 0.7.36 - force headphone glyph to the true optical center of the 60px launcher. */
@media (min-width:768px){
  .srsi-support-root.is-customer .srsi-support-side-tab,
  .srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-agent-side-tab{
    position:fixed!important;
  }
  .srsi-support-root.is-customer .srsi-support-side-tab > .srsi-support-side-icon,
  .srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-agent-side-tab > .srsi-support-side-icon{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    display:grid!important;
    place-items:center!important;
    pointer-events:none!important;
    line-height:0!important;
  }
  .srsi-support-root.is-customer .srsi-support-side-tab > .srsi-support-side-icon .srsi-headphones-icon,
  .srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-agent-side-tab > .srsi-support-side-icon .srsi-headphones-icon{
    width:37px!important;
    height:37px!important;
    margin:0!important;
    position:static!important;
    transform:none!important;
    transform-origin:50% 50%!important;
  }
}

/* 0.7.37 - LiveChat-style corner expansion.
   Desktop panel physically grows out of the 60px launcher corner instead of
   merely fading/scaling in place. Content fades in slightly later so it never
   looks stretched while the shell expands. */
@media (min-width:768px){
  .srsi-support-root.off-canvas-right .mfp-content.srsi-support-panel,
  .srsi-support-root.is-customer .srsi-support-panel,
  .srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-panel{
    right:max(0px, calc(var(--srsi-livechat-launch-right,15px) - 5px))!important;
    bottom:var(--srsi-livechat-launch-bottom,26px)!important;
    width:var(--srsi-livechat-launch-size,60px)!important;
    min-width:var(--srsi-livechat-launch-size,60px)!important;
    max-width:var(--srsi-livechat-launch-size,60px)!important;
    height:var(--srsi-livechat-launch-size,60px)!important;
    min-height:var(--srsi-livechat-launch-size,60px)!important;
    max-height:var(--srsi-livechat-launch-size,60px)!important;
    border-radius:30px!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transform:none!important;
    transform-origin:100% 100%!important;
    overflow:hidden!important;
    will-change:width,height,opacity,border-radius;
    transition:
      width .22s cubic-bezier(.4,0,.7,.2),
      min-width .22s cubic-bezier(.4,0,.7,.2),
      max-width .22s cubic-bezier(.4,0,.7,.2),
      height .22s cubic-bezier(.4,0,.7,.2),
      min-height .22s cubic-bezier(.4,0,.7,.2),
      max-height .22s cubic-bezier(.4,0,.7,.2),
      border-radius .20s ease,
      opacity .08s ease .12s,
      visibility 0s linear .23s!important;
  }

  .srsi-support-root.off-canvas-right.mfp-ready .mfp-content.srsi-support-panel,
  .srsi-support-root.is-customer.is-open .srsi-support-panel,
  .srsi-support-root.is-agent.srsi-support-agent-feedback.is-open .srsi-support-panel{
    width:360px!important;
    min-width:360px!important;
    max-width:calc(100vw - 50px)!important;
    height:min(685px, calc(100dvh - 50px))!important;
    min-height:420px!important;
    max-height:685px!important;
    border-radius:22px!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:none!important;
    transition:
      width .26s cubic-bezier(.18,.78,.22,1),
      min-width .26s cubic-bezier(.18,.78,.22,1),
      max-width .26s cubic-bezier(.18,.78,.22,1),
      height .26s cubic-bezier(.18,.78,.22,1),
      min-height .26s cubic-bezier(.18,.78,.22,1),
      max-height .26s cubic-bezier(.18,.78,.22,1),
      border-radius .22s cubic-bezier(.18,.78,.22,1),
      opacity .085s ease,
      visibility 0s linear 0s!important;
  }

  body.admin-bar .srsi-support-root.off-canvas-right.mfp-ready .mfp-content.srsi-support-panel,
  body.admin-bar .srsi-support-root.is-agent.srsi-support-agent-feedback.is-open .srsi-support-panel{
    height:min(685px, calc(100dvh - 82px))!important;
    max-height:calc(100dvh - 82px)!important;
  }

  /* Delay content just enough that the floating shell leads the motion. */
  .srsi-support-root .srsi-support-panel > *:not(.srsi-support-confirm-layer){
    opacity:0;
    transform:translateY(5px);
    transition:opacity .09s ease, transform .13s cubic-bezier(.2,.8,.2,1);
  }
  .srsi-support-root.off-canvas-right.mfp-ready .mfp-content.srsi-support-panel > *:not(.srsi-support-confirm-layer),
  .srsi-support-root.is-customer.is-open .srsi-support-panel > *:not(.srsi-support-confirm-layer),
  .srsi-support-root.is-agent.srsi-support-agent-feedback.is-open .srsi-support-panel > *:not(.srsi-support-confirm-layer){
    opacity:1;
    transform:none;
    transition-delay:.085s;
  }

  /* The launcher hands the corner to the window instead of visibly sliding away. */
  .srsi-support-root.is-customer .srsi-support-side-tab,
  .srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-agent-side-tab{
    transition:opacity .10s ease, transform .14s cubic-bezier(.3,0,.7,1)!important;
  }
  .srsi-support-root.is-customer.is-open .srsi-support-side-tab,
  .srsi-support-root.is-agent.srsi-support-agent-feedback.is-open .srsi-support-agent-side-tab{
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transform:scale(.72)!important;
  }
}

@media (prefers-reduced-motion:reduce) and (min-width:768px){
  .srsi-support-root.off-canvas-right .mfp-content.srsi-support-panel,
  .srsi-support-root.is-customer .srsi-support-panel,
  .srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-panel,
  .srsi-support-root .srsi-support-panel > *:not(.srsi-support-confirm-layer){
    transition:none!important;
  }
}


/* 0.7.38 - LiveChat-style motion sequencing.
   Open: shell fully expands first, then content appears.
   Close: content vanishes first, shell fully collapses, then launcher pops back. */
@media (min-width:768px){
  /* Keep all actual content invisible for the full shell expansion. */
  .srsi-support-root .srsi-support-panel > *:not(.srsi-support-confirm-layer){
    opacity:0!important;
    transform:none!important;
    transition:opacity .065s ease!important;
    transition-delay:0s!important;
  }

  .srsi-support-root.off-canvas-right.mfp-ready:not(.srsi-content-hiding) .mfp-content.srsi-support-panel > *:not(.srsi-support-confirm-layer),
  .srsi-support-root.is-customer.is-open:not(.srsi-content-hiding) .srsi-support-panel > *:not(.srsi-support-confirm-layer),
  .srsi-support-root.is-agent.srsi-support-agent-feedback.is-open:not(.srsi-content-hiding) .srsi-support-panel > *:not(.srsi-support-confirm-layer){
    opacity:1!important;
    transition-delay:.255s!important;
  }

  /* The content-off phase precedes the physical collapse by ~42ms. */
  .srsi-support-root.srsi-content-hiding .srsi-support-panel > *:not(.srsi-support-confirm-layer){
    opacity:0!important;
    transition-duration:.035s!important;
    transition-delay:0s!important;
  }

  /* Never reveal the launcher while the empty shell is still folding away. */
  .srsi-support-root.srsi-content-hiding .srsi-support-side-tab,
  .srsi-support-root.srsi-content-hiding .srsi-support-agent-side-tab,
  .srsi-support-root.srsi-shell-collapsing .srsi-support-side-tab,
  .srsi-support-root.srsi-shell-collapsing .srsi-support-agent-side-tab,
  .srsi-support-root.mfp-removing .srsi-support-side-tab,
  .srsi-support-root.mfp-removing .srsi-support-agent-side-tab{
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transform:scale(.78)!important;
    transition:none!important;
  }

  /* Once collapse is 100% finished, the launcher returns almost instantly. */
  .srsi-support-root.srsi-launcher-reveal .srsi-support-side-tab,
  .srsi-support-root.srsi-launcher-reveal .srsi-support-agent-side-tab{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    animation:srsi-v0738-launcher-pop .115s cubic-bezier(.22,.85,.3,1) both!important;
  }

  @keyframes srsi-v0738-launcher-pop{
    0%{opacity:1;transform:scale(.88)}
    100%{opacity:1;transform:scale(1)}
  }
}

@media (prefers-reduced-motion:reduce) and (min-width:768px){
  .srsi-support-root .srsi-support-panel > *:not(.srsi-support-confirm-layer),
  .srsi-support-root.srsi-launcher-reveal .srsi-support-side-tab,
  .srsi-support-root.srsi-launcher-reveal .srsi-support-agent-side-tab{
    transition:none!important;
    animation:none!important;
  }
}


/* 0.7.39 - slower close handoff.
   Keep the launcher hidden well beyond the physical shell collapse so it can
   never appear while the Live Support window is still visibly folding away. */
@media (min-width:768px){
  .srsi-support-root.srsi-shell-collapsing .srsi-support-panel,
  .srsi-support-root.off-canvas.mfp-removing .mfp-content.srsi-support-panel{
    transition:
      width .33s cubic-bezier(.4,0,.7,.2),
      min-width .33s cubic-bezier(.4,0,.7,.2),
      max-width .33s cubic-bezier(.4,0,.7,.2),
      height .33s cubic-bezier(.4,0,.7,.2),
      min-height .33s cubic-bezier(.4,0,.7,.2),
      max-height .33s cubic-bezier(.4,0,.7,.2),
      border-radius .29s ease,
      opacity .10s ease .19s,
      visibility 0s linear .34s!important;
  }

  /* Reveal only after the 330ms collapse + roughly 100ms breathing room. */
  .srsi-support-root.srsi-launcher-reveal .srsi-support-side-tab,
  .srsi-support-root.srsi-launcher-reveal .srsi-support-agent-side-tab{
    animation-duration:.13s!important;
  }
}


/* 0.7.40 - lock the collapse anchor to the exact bottom-right corner.
   Older LiveChat-style rules used translateY() during mfp-removing. That made
   the shell visually dip away from the viewport while closing. The shell now
   only changes width/height/radius; right and bottom remain pixel-locked. */
@media (min-width:768px){
  .srsi-support-root.srsi-shell-collapsing .srsi-support-panel,
  .srsi-support-root.off-canvas.mfp-removing .mfp-content.srsi-support-panel,
  .srsi-support-root.off-canvas-right.mfp-removing .mfp-content.srsi-support-panel,
  .srsi-support-root.is-customer.srsi-shell-collapsing .srsi-support-panel,
  .srsi-support-root.is-agent.srsi-support-agent-feedback.srsi-shell-collapsing .srsi-support-panel{
    left:auto!important;
    top:auto!important;
    right:max(0px, calc(var(--srsi-livechat-launch-right,15px) - 5px))!important;
    bottom:var(--srsi-livechat-launch-bottom,26px)!important;
    margin:0!important;
    inset-inline-start:auto!important;
    inset-block-start:auto!important;
    transform:none!important;
    -webkit-transform:none!important;
    translate:none!important;
    scale:none!important;
    transform-origin:100% 100%!important;
  }
}


/* 0.7.41 - snappier 'swallow' collapse.
   The bottom-right anchor stays locked from 0.7.40, but the shell now folds
   away much faster. The launcher still waits until the shell is fully gone. */
@media (min-width:768px){
  .srsi-support-root.srsi-shell-collapsing .srsi-support-panel,
  .srsi-support-root.off-canvas.mfp-removing .mfp-content.srsi-support-panel{
    transition:
      width .225s cubic-bezier(.55,.02,.82,.38),
      min-width .225s cubic-bezier(.55,.02,.82,.38),
      max-width .225s cubic-bezier(.55,.02,.82,.38),
      height .225s cubic-bezier(.55,.02,.82,.38),
      min-height .225s cubic-bezier(.55,.02,.82,.38),
      max-height .225s cubic-bezier(.55,.02,.82,.38),
      border-radius .20s ease,
      opacity .07s ease .13s,
      visibility 0s linear .235s!important;
  }

  .srsi-support-root.srsi-launcher-reveal .srsi-support-side-tab,
  .srsi-support-root.srsi-launcher-reveal .srsi-support-agent-side-tab{
    animation-duration:.10s!important;
  }
}


/* 0.7.42 confirm button overflow fix */
.srsi-support-confirm-danger{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  line-height:1!important;
  padding-top:0!important;
  padding-bottom:0!important;
}


/* 0.7.43 Live Header States - LiveChat-like active session chrome */
.srsi-support-toolbar{
  display:grid!important;
  grid-template-columns:1fr auto 1fr!important;
  align-items:center!important;
  gap:8px!important;
}
.srsi-support-toolbar-left{
  justify-self:start!important;
  min-width:76px!important;
}
.srsi-support-toolbar-center{
  justify-self:center;
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:center;
  pointer-events:none;
}
.srsi-support-toolbar-right{
  justify-self:end;
  min-width:76px;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:6px;
}
.srsi-support-toolbar-name-pill{
  max-width:145px;
  min-height:38px;
  padding:0 18px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(222,225,228,.9);
  border-radius:999px;
  background:#fff;
  color:#15191c;
  box-shadow:0 5px 16px rgba(24,31,36,.14),0 1px 3px rgba(24,31,36,.08);
  font:700 14px/1.1 inherit;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  animation:srsi-support-name-pill-in .18s cubic-bezier(.2,.8,.2,1);
}
.srsi-support-toolbar-name-pill.is-review{
  color:#5e686e;
  background:#fafafa;
  box-shadow:0 3px 10px rgba(24,31,36,.08);
  font-weight:650;
}
.srsi-support-toolbar-name-pill.is-waiting{
  color:#15191c;
  background:#fff;
  box-shadow:0 5px 16px rgba(24,31,36,.14),0 1px 3px rgba(24,31,36,.08);
  font-weight:700;
}
@keyframes srsi-support-name-pill-in{
  from{opacity:0;transform:translateY(-3px) scale(.97)}
  to{opacity:1;transform:none}
}
.srsi-support-toolbar-minimize,
.srsi-support-toolbar-close{
  appearance:none!important;
  width:34px!important;
  min-width:34px!important;
  height:34px!important;
  min-height:34px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:999px!important;
  background:var(--srsi-toolbar-control)!important;
  color:#15191c!important;
  box-shadow:none!important;
  display:grid!important;
  place-items:center!important;
  cursor:pointer;
  transition:background .16s ease,transform .16s ease!important;
}
.srsi-support-toolbar-minimize{
  font:600 24px/1 inherit!important;
  padding-bottom:5px!important;
}
.srsi-support-toolbar-close{
  font:400 25px/1 inherit!important;
  padding-bottom:2px!important;
}
.srsi-support-toolbar-minimize:hover,
.srsi-support-toolbar-close:hover{
  background:var(--srsi-toolbar-control-hover)!important;
  transform:scale(1.035)!important;
}
.srsi-support-toolbar-close:focus-visible,
.srsi-support-toolbar-minimize:focus-visible{
  outline:2px solid rgba(0,159,219,.28)!important;
  outline-offset:2px!important;
}

/* The topbar owns session identity now; prevent older identity card styles from resurfacing. */
.srsi-support-agent-identity{display:none!important}

/* With destructive close moved to the X, the footer becomes pure status/help copy. */
.srsi-support-session-foot{
  grid-template-columns:1fr!important;
}
.srsi-support-session-foot-copy{
  width:100%;
}

@media(max-width:767px){
  .srsi-support-toolbar{
    grid-template-columns:1fr auto 1fr!important;
    gap:6px!important;
  }
  .srsi-support-toolbar-left,
  .srsi-support-toolbar-right{min-width:74px!important}
  .srsi-support-toolbar-name-pill{
    max-width:128px;
    min-height:36px;
    padding:0 15px;
    font-size:13px;
  }
  .srsi-support-toolbar-minimize,
  .srsi-support-toolbar-close,
  .srsi-support-toolbar-button{
    width:32px!important;
    min-width:32px!important;
    height:32px!important;
    min-height:32px!important;
  }
}


/* 0.7.44 - launcher badge clipping + clean overview toolbar. */
/* The badge must live outside the circular launcher just like an iOS/LiveChat badge. */
.srsi-support-root.is-customer .srsi-support-side-tab,
.srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-agent-side-tab,
.srsi-support-launcher{
  overflow:visible!important;
}
.srsi-support-side-badge,.srsi-support-launch-badge{
  top:-6px!important;
  right:-6px!important;
  left:auto!important;
  z-index:20!important;
  overflow:visible!important;
}
/* No green online dot on either customer or agent launcher. The badge/status inside the panel is enough. */
.srsi-support-root.is-customer.is-connected .srsi-support-side-tab:after,
.srsi-support-root.is-agent.srsi-support-agent-feedback.is-connected .srsi-support-agent-side-tab:after,
.srsi-support-root.is-review .srsi-support-side-tab:after,
.srsi-support-root.is-connected .srsi-support-launcher:after{
  content:none!important;
  display:none!important;
}
/* Overview mode intentionally shows only the minimize control. */
.srsi-support-toolbar.is-overview{
  grid-template-columns:1fr auto!important;
}
.srsi-support-toolbar.is-overview .srsi-support-toolbar-left,
.srsi-support-toolbar.is-overview .srsi-support-toolbar-center{
  display:none!important;
}
.srsi-support-toolbar.is-overview .srsi-support-toolbar-right{
  grid-column:2!important;
  justify-self:end!important;
  min-width:0!important;
}


/* 0.7.45 - Live Support product grid redesign.
   Inspired by the sr-pb-suggestions card language from the picking overview:
   clear image stage, stock/quantity chrome, rounded cards and denser grid. */
@media (min-width:768px){
  .srsi-support-product-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
    width:100%!important;
    min-width:0!important;
  }
}

.srsi-support-agent-list,
.srsi-support-customer-list{
  padding:10px!important;
  background:#f3f3f5!important;
  border:0!important;
  box-shadow:none!important;
}
.srsi-support-list-title{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  margin:0 2px 9px!important;
  min-height:22px!important;
}
.srsi-support-list-title strong{
  color:#34434d!important;
  font-size:11px!important;
  line-height:1.2!important;
  font-weight:900!important;
  letter-spacing:.09em!important;
  text-transform:uppercase!important;
}
.srsi-support-list-title span{
  color:#66b62b!important;
  font-size:10px!important;
  font-weight:800!important;
}

.srsi-support-product-card,
.srsi-support-product-admin{
  position:relative!important;
  min-width:0!important;
  overflow:visible!important;
  border:1px solid #e5e8ec!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:
    rgba(0,0,0,.15) 0 .6px .54px -1.33px,
    rgba(0,0,0,.13) 0 2.29px 2.06px -2.67px,
    rgba(0,0,0,.04) 0 10px 9px -4px!important;
  color:#273640!important;
  transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease!important;
  box-sizing:border-box!important;
}
.srsi-support-product-card{
  display:flex!important;
  flex-direction:column!important;
  gap:0!important;
  padding:0!important;
  overflow:hidden!important;
  min-height:218px!important;
  text-decoration:none!important;
}
.srsi-support-product-admin{
  display:flex!important;
  flex-direction:column!important;
  min-height:252px!important;
  overflow:hidden!important;
}
.srsi-support-product-admin>.srsi-support-product-card{
  min-height:0!important;
  flex:1 1 auto!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.srsi-support-product-card:hover,
.srsi-support-product-admin:hover{
  border-color:#cbd4dc!important;
  box-shadow:0 9px 22px rgba(31,45,61,.12)!important;
  transform:translateY(-2px)!important;
}
.srsi-support-product-admin>.srsi-support-product-card:hover{
  border-color:transparent!important;
  box-shadow:none!important;
  transform:none!important;
}
.srsi-support-product-card.is-focus,
.srsi-support-product-admin.is-focus{
  border-color:#b7e2f3!important;
  box-shadow:
    rgba(0,0,0,.15) 0 .6px .54px -1.33px,
    rgba(0,0,0,.13) 0 2.29px 2.06px -2.67px,
    rgba(0,0,0,.04) 0 10px 9px -4px,
    inset 0 0 0 1px rgba(0,159,219,.08)!important;
}

.srsi-support-product-media{
  position:relative!important;
  width:100%!important;
  height:112px!important;
  min-height:112px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  border-radius:0!important;
  border-bottom:1px solid #eceff2!important;
  background:#f4f4f4!important;
}
.srsi-support-product-media img{
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  padding:9px 12px!important;
  object-fit:contain!important;
  object-position:center!important;
  box-sizing:border-box!important;
}
.srsi-support-product-placeholder{
  display:grid!important;
  place-items:center!important;
  width:100%!important;
  height:100%!important;
  color:#9ca7ae!important;
  font-size:17px!important;
  font-weight:900!important;
}
.srsi-support-card-qty{
  position:absolute!important;
  top:9px!important;
  left:10px!important;
  z-index:5!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:18px!important;
  height:18px!important;
  padding:0 4px!important;
  border-radius:5px!important;
  background:rgba(255,255,255,.88)!important;
  color:#263640!important;
  font-size:10px!important;
  line-height:18px!important;
  font-weight:800!important;
  box-shadow:0 1px 3px rgba(0,0,0,.05)!important;
}
.srsi-support-card-menu{
  position:absolute!important;
  top:3px!important;
  right:4px!important;
  z-index:8!important;
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  min-height:30px!important;
  display:grid!important;
  place-items:center!important;
  padding:0 0 5px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#34454f!important;
  box-shadow:none!important;
  font:900 15px/1 Arial,sans-serif!important;
  letter-spacing:1px!important;
  cursor:pointer!important;
}
.srsi-support-card-menu:hover,
.srsi-support-card-menu:focus-visible{
  color:#009fdb!important;
  background:transparent!important;
  box-shadow:none!important;
  outline:0!important;
}
.srsi-support-card-focus-orb{
  position:absolute!important;
  right:8px!important;
  bottom:8px!important;
  z-index:6!important;
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  min-height:34px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  border:0!important;
  border-radius:50%!important;
  background:#fff!important;
  color:#f5a400!important;
  box-shadow:0 3px 10px rgba(31,45,61,.12)!important;
}
button.srsi-support-card-focus-orb{cursor:pointer!important}
.srsi-support-card-focus-orb:hover{transform:scale(1.06)!important}
.srsi-support-card-focus-orb.is-active{color:#ff0f65!important}
.srsi-support-card-focus-orb svg{width:17px!important;height:17px!important;display:block!important}

.srsi-support-product-body{
  width:100%!important;
  min-width:0!important;
  flex:1 1 auto!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:5px!important;
  padding:10px 11px 11px!important;
  background:#fff!important;
  box-sizing:border-box!important;
}
.srsi-support-card-pills{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:4px!important;
  width:100%!important;
  min-height:19px!important;
}
.srsi-support-stock-pill,
.srsi-support-focus-pill{
  display:inline-flex!important;
  align-items:center!important;
  min-height:19px!important;
  max-width:100%!important;
  padding:3px 6px!important;
  border-radius:7px!important;
  font-size:8.5px!important;
  line-height:1.15!important;
  font-weight:900!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.srsi-support-stock-pill.stock-instock{background:#eaf7e4!important;color:#4b8f19!important}
.srsi-support-stock-pill.stock-onbackorder{background:#fff4d6!important;color:#9b7100!important}
.srsi-support-stock-pill.stock-outofstock{background:#edf0f3!important;color:#75818a!important}
.srsi-support-focus-pill{background:#e9f7fd!important;color:#0784b5!important}
.srsi-support-product-body .srsi-support-item-title{
  width:100%!important;
  min-width:0!important;
  display:-webkit-box!important;
  margin:0!important;
  overflow:hidden!important;
  color:#273640!important;
  font-size:11.5px!important;
  line-height:1.27!important;
  font-weight:800!important;
  overflow-wrap:anywhere!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:3!important;
}
a.srsi-support-product-card:hover .srsi-support-item-title{color:#009fdb!important}
.srsi-support-item-sku{
  display:block!important;
  width:100%!important;
  overflow:hidden!important;
  color:#6c7b86!important;
  font-size:9.5px!important;
  line-height:1.2!important;
  font-weight:700!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}
.srsi-support-product-body .srsi-support-item-variant{
  display:-webkit-box!important;
  width:100%!important;
  overflow:hidden!important;
  color:#78858e!important;
  font-size:9px!important;
  line-height:1.25!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
}
.srsi-support-product-body .srsi-support-item-meta{
  width:100%!important;
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  margin-top:auto!important;
  color:#667582!important;
  font-size:10px!important;
  line-height:1.2!important;
}
.srsi-support-product-body .srsi-support-item-meta b{color:#273640!important;font-size:10.5px!important;font-weight:800!important}
.srsi-support-regular-price{color:#a0a8ad!important;text-decoration:line-through!important;font-size:9px!important}
.srsi-support-product-body .srsi-support-item-note{
  width:100%!important;
  margin-top:3px!important;
  padding:5px 6px!important;
  border-radius:7px!important;
  background:#fff7df!important;
  color:#66572a!important;
  font-size:9px!important;
  line-height:1.3!important;
}

.srsi-support-card-footer{
  flex:0 0 auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:36px!important;
  padding:5px 8px!important;
  border-top:1px solid #eceff2!important;
  background:#fff!important;
}
.srsi-support-card-stepper{
  display:inline-grid!important;
  grid-template-columns:25px 26px 25px!important;
  align-items:center!important;
  overflow:hidden!important;
  border:1px solid #dfe4e8!important;
  border-radius:8px!important;
  background:#fff!important;
}
.srsi-support-card-stepper .srsi-support-qty-button{
  width:25px!important;
  height:25px!important;
  min-width:25px!important;
  min-height:25px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:#fff!important;
  color:#394953!important;
  box-shadow:none!important;
  font-size:13px!important;
  line-height:25px!important;
}
.srsi-support-card-stepper .srsi-support-qty-button:hover{background:#f0f2f4!important}
.srsi-support-card-stepper .srsi-support-qty{
  min-width:26px!important;
  text-align:center!important;
  color:#273640!important;
  font-size:10px!important;
  font-weight:800!important;
  line-height:25px!important;
}
.srsi-support-card-actions{
  display:grid!important;
  grid-template-rows:0fr!important;
  opacity:0!important;
  overflow:hidden!important;
  padding:0 9px!important;
  background:#fbfcfd!important;
  border-top:0 solid #eceff2!important;
  transition:grid-template-rows .2s cubic-bezier(.2,.8,.2,1),opacity .14s ease,padding .2s ease,border-width .2s ease!important;
}
.srsi-support-product-admin.is-actions-open .srsi-support-card-actions{
  grid-template-rows:1fr!important;
  opacity:1!important;
  padding:8px 9px 9px!important;
  border-top-width:1px!important;
}
.srsi-support-card-actions>*{min-height:0!important}
.srsi-support-card-action-row{display:flex!important;gap:6px!important;margin-bottom:6px!important}
.srsi-support-card-action-row button{
  flex:1 1 0!important;
  min-height:27px!important;
  margin:0!important;
  padding:5px 6px!important;
  border:1px solid #dfe5e8!important;
  border-radius:7px!important;
  background:#fff!important;
  color:#4c5a63!important;
  box-shadow:none!important;
  font-size:9.5px!important;
  font-weight:700!important;
  text-transform:none!important;
}
.srsi-support-card-action-row .srsi-support-focus.is-active{background:#e9f7fd!important;color:#087ea9!important;border-color:#cbeaf5!important}
.srsi-support-card-action-row .srsi-support-remove{color:#9a5252!important}
.srsi-support-card-actions .srsi-support-note-input{
  width:100%!important;
  min-height:48px!important;
  margin:0!important;
  padding:7px 8px!important;
  resize:vertical!important;
  border:1px solid #dfe5e8!important;
  border-radius:7px!important;
  background:#fff!important;
  color:#273640!important;
  font-size:9.5px!important;
  line-height:1.35!important;
  box-shadow:none!important;
}

/* Search results use the same card DNA, but stay compact for fast support work. */
.srsi-support-search-results{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:7px!important;
  max-height:250px!important;
  padding:2px!important;
}
.srsi-support-search-hit{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  gap:0!important;
  min-width:0!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid #e5e8ec!important;
  border-radius:12px!important;
  background:#fff!important;
  box-shadow:0 1px 2px rgba(0,0,0,.04)!important;
}
.srsi-support-search-hit:hover{background:#fff!important;border-color:#ccd5dc!important}
.srsi-support-search-media{
  width:100%!important;
  height:72px!important;
  min-height:72px!important;
  border-radius:0!important;
  border-bottom:1px solid #eceff2!important;
  background:#f4f4f4!important;
}
.srsi-support-search-media img{max-width:100%!important;max-height:100%!important;width:100%!important;height:100%!important;padding:6px!important;object-fit:contain!important;box-sizing:border-box!important}
.srsi-support-search-body{gap:3px!important;padding:7px 8px 30px!important}
.srsi-support-search-body strong{font-size:9.5px!important;line-height:1.25!important;font-weight:800!important;color:#273640!important;white-space:normal!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important}
.srsi-support-search-body span{font-size:8.5px!important;line-height:1.25!important;white-space:normal!important}
.srsi-support-search-hit .srsi-support-add{
  position:absolute!important;
  right:7px!important;
  bottom:7px!important;
  width:27px!important;
  height:27px!important;
  min-width:24px!important;
  min-height:24px!important;
  padding:0!important;
  border-radius:50%!important;
  color:#fff!important;
  background:#009fdb!important;
  font-size:16px!important;
  line-height:24px!important;
}

@media (max-width:767px){
  .srsi-support-product-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  .srsi-support-product-card,
  .srsi-support-product-admin{
    min-height:132px!important;
    border-radius:14px!important;
  }
  .srsi-support-product-card{
    display:grid!important;
    grid-template-columns:112px minmax(0,1fr)!important;
    grid-template-rows:auto!important;
    min-height:132px!important;
  }
  .srsi-support-product-admin>.srsi-support-product-card{min-height:132px!important}
  .srsi-support-product-media{
    width:112px!important;
    height:100%!important;
    min-height:132px!important;
    border-right:1px solid #eceff2!important;
    border-bottom:0!important;
  }
  .srsi-support-product-media img{padding:9px!important}
  .srsi-support-product-body{padding:11px 11px 10px!important;gap:5px!important}
  .srsi-support-product-body .srsi-support-item-title{font-size:12.5px!important;-webkit-line-clamp:3!important}
  .srsi-support-item-sku{font-size:10px!important}
  .srsi-support-product-body .srsi-support-item-variant{font-size:9.5px!important}
  .srsi-support-product-body .srsi-support-item-meta{font-size:10.5px!important}
  .srsi-support-card-menu{top:2px!important;right:2px!important}
  .srsi-support-card-focus-orb{right:8px!important;bottom:8px!important}
  .srsi-support-card-footer{justify-content:flex-start!important;padding-left:122px!important;margin-top:-36px!important;position:relative!important;z-index:3!important;background:transparent!important;border-top:0!important;pointer-events:none!important}
  .srsi-support-card-stepper{pointer-events:auto!important}
  .srsi-support-product-admin{padding-bottom:38px!important}
  .srsi-support-product-admin.is-actions-open{padding-bottom:0!important}
  .srsi-support-product-admin.is-actions-open .srsi-support-card-footer{margin-top:0!important;padding-left:122px!important;background:#fff!important;border-top:1px solid #eceff2!important}
  .srsi-support-card-actions{margin-top:0!important}
  .srsi-support-search-results{grid-template-columns:1fr!important;max-height:280px!important}
  .srsi-support-search-hit{display:grid!important;grid-template-columns:74px minmax(0,1fr) 30px!important;min-height:76px!important}
  .srsi-support-search-media{width:74px!important;height:76px!important;min-height:76px!important;border-right:1px solid #eceff2!important;border-bottom:0!important}
  .srsi-support-search-body{padding:9px 6px!important;justify-content:center!important}
  .srsi-support-search-hit .srsi-support-add{position:static!important;align-self:center!important;justify-self:center!important;margin-right:5px!important}
}

/* 0.7.45 corrective specificity for legacy agent item rules. */
.srsi-support-agent-item.srsi-support-product-admin{
  margin:0!important;
  padding:0!important;
  border-bottom:0!important;
}
.srsi-support-agent-item.srsi-support-product-admin>.srsi-support-item.srsi-support-product-card{
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.srsi-support-card-actions{
  display:block!important;
  max-height:0!important;
  opacity:0!important;
  overflow:hidden!important;
  padding:0 9px!important;
  border-top:0 solid #eceff2!important;
  transition:max-height .2s cubic-bezier(.2,.8,.2,1),opacity .14s ease,padding .2s ease,border-width .2s ease!important;
}
.srsi-support-product-admin.is-actions-open .srsi-support-card-actions{
  max-height:150px!important;
  opacity:1!important;
  padding:8px 9px 9px!important;
  border-top-width:1px!important;
}


/* 0.7.46 — WMS suggestion-card image treatment + cleaner Live Support cards. */
.srsi-support-product-media img,
.srsi-support-search-media img,
.srsi-support-current-media img{
  background:transparent!important;
  box-shadow:none!important;
  mix-blend-mode:difference!important;
  filter:invert(1)!important;
}

/* Hot/cold/medium focus orb is intentionally not part of Live Support cards anymore. */
.srsi-support-card-focus-orb{display:none!important}

/* Stock and price are intentionally omitted from Live Support product cards. */
.srsi-support-stock-pill,
.srsi-support-product-body .srsi-support-item-meta,
.srsi-support-regular-price{display:none!important}

/* No reserved pill row when an item is not the active discussion item. */
.srsi-support-card-pills{min-height:0!important;margin:0!important}
.srsi-support-product-body{justify-content:flex-start!important}

/* Match the WMS reference image surface more literally. */
.srsi-support-product-media,
.srsi-support-search-media{
  background:#f4f4f4!important;
}
.srsi-support-product-media img{
  padding:9px 12px!important;
  object-fit:contain!important;
  object-position:center!important;
}
.srsi-support-search-media img{
  padding:6px!important;
  object-fit:contain!important;
  object-position:center!important;
}


/* 0.7.47 — customer Live Support becomes a true grid-first workspace. */
.srsi-support-root.is-customer .srsi-support-customer-list{
  flex:1 1 auto!important;
  min-height:0!important;
  max-height:none!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  background:#f3f3f5!important;
}
.srsi-support-root.is-customer .srsi-support-product-grid.is-customer{
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  gap:8px!important;
  align-items:start!important;
  align-content:start!important;
  grid-auto-rows:max-content!important;
  box-sizing:border-box!important;
}
@media (min-width:768px){
  .srsi-support-root.is-customer .srsi-support-product-grid.is-customer{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

/* Customer cards size themselves to content; no artificial blank tail below SKU. */
.srsi-support-root.is-customer .srsi-support-product-grid.is-customer .srsi-support-product-card{
  min-height:0!important;
  height:auto!important;
  align-self:start!important;
}
.srsi-support-root.is-customer .srsi-support-product-grid.is-customer .srsi-support-product-body{
  flex:0 0 auto!important;
  min-height:0!important;
  height:auto!important;
  gap:3px!important;
  padding:10px 11px 9px!important;
  justify-content:flex-start!important;
}
.srsi-support-root.is-customer .srsi-support-product-grid.is-customer .srsi-support-item-title{
  font-size:12.75px!important;
  line-height:1.28!important;
  font-weight:800!important;
  -webkit-line-clamp:3!important;
}
.srsi-support-root.is-customer .srsi-support-product-grid.is-customer .srsi-support-item-sku{
  margin:1px 0 0!important;
  font-size:10px!important;
  line-height:1.15!important;
}
.srsi-support-root.is-customer .srsi-support-product-grid.is-customer .srsi-support-item-variant{
  margin:0!important;
  font-size:9.75px!important;
  line-height:1.2!important;
}
.srsi-support-root.is-customer .srsi-support-product-grid.is-customer .srsi-support-item-note{
  margin-top:4px!important;
}

/* If products are present, the grid owns all remaining vertical space. */
.srsi-support-root.is-customer .srsi-support-panel:has(.srsi-support-product-grid.is-customer) .srsi-support-customer-list{
  display:block!important;
}
.srsi-support-root.is-customer .srsi-support-panel:has(.srsi-support-product-grid.is-customer) .srsi-support-session-foot{
  display:none!important;
}

@media (max-width:767px){
  .srsi-support-root.is-customer .srsi-support-product-grid.is-customer{
    grid-template-columns:1fr!important;
    gap:8px!important;
  }
  .srsi-support-root.is-customer .srsi-support-product-grid.is-customer .srsi-support-product-card{
    min-height:0!important;
  }
  .srsi-support-root.is-customer .srsi-support-product-grid.is-customer .srsi-support-product-body{
    padding:11px 12px 10px!important;
    gap:4px!important;
  }
  .srsi-support-root.is-customer .srsi-support-product-grid.is-customer .srsi-support-item-title{
    font-size:13.5px!important;
    line-height:1.28!important;
  }
  .srsi-support-root.is-customer .srsi-support-product-grid.is-customer .srsi-support-item-sku{
    font-size:10.5px!important;
  }
}


/* 0.7.48 — customer grid alignment + equal-height cards. */
.srsi-support-root.is-customer .srsi-support-customer-list{
  padding:12px!important;
  box-sizing:border-box!important;
}
.srsi-support-root.is-customer .srsi-support-product-grid.is-customer{
  width:100%!important;
  padding:0!important;
  margin:0!important;
  gap:8px!important;
  align-items:stretch!important;
  align-content:start!important;
  grid-auto-rows:230px!important;
}
.srsi-support-root.is-customer .srsi-support-product-grid.is-customer .srsi-support-product-card{
  width:100%!important;
  height:230px!important;
  min-height:230px!important;
  max-height:230px!important;
  align-self:stretch!important;
}
.srsi-support-root.is-customer .srsi-support-product-grid.is-customer .srsi-support-product-media{
  flex:0 0 112px!important;
  height:112px!important;
  min-height:112px!important;
}
.srsi-support-root.is-customer .srsi-support-product-grid.is-customer .srsi-support-product-body{
  flex:1 1 auto!important;
  min-height:0!important;
  height:auto!important;
  padding:10px 11px 9px!important;
  gap:3px!important;
  overflow:hidden!important;
}
.srsi-support-root.is-customer .srsi-support-product-grid.is-customer .srsi-support-item-title{
  min-height:49px!important;
  max-height:49px!important;
  font-size:12.75px!important;
  line-height:1.28!important;
  -webkit-line-clamp:3!important;
}
.srsi-support-root.is-customer .srsi-support-product-grid.is-customer .srsi-support-item-sku{
  margin-top:2px!important;
  flex:0 0 auto!important;
}
.srsi-support-root.is-customer .srsi-support-product-grid.is-customer .srsi-support-item-note{
  max-height:31px!important;
  overflow:hidden!important;
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
}
@media (max-width:767px){
  .srsi-support-root.is-customer .srsi-support-customer-list{
    padding:12px!important;
  }
  .srsi-support-root.is-customer .srsi-support-product-grid.is-customer{
    grid-auto-rows:230px!important;
  }
  .srsi-support-root.is-customer .srsi-support-product-grid.is-customer .srsi-support-product-card{
    height:230px!important;
    min-height:230px!important;
    max-height:230px!important;
  }
  .srsi-support-root.is-customer .srsi-support-product-grid.is-customer .srsi-support-item-title{
    min-height:52px!important;
    max-height:52px!important;
  }
}


/* 0.7.49 — compact equal-height cards + exact 85px thumbnails. */
.srsi-support-root.is-customer .srsi-support-product-grid.is-customer{
  grid-auto-rows:205px!important;
}
.srsi-support-root.is-customer .srsi-support-product-grid.is-customer .srsi-support-product-card{
  height:205px!important;
  min-height:205px!important;
  max-height:205px!important;
}
.srsi-support-root.is-customer .srsi-support-product-grid.is-customer .srsi-support-product-media{
  flex:0 0 104px!important;
  height:104px!important;
  min-height:104px!important;
}
.srsi-support-root.is-customer .srsi-support-product-grid.is-customer .srsi-support-product-media img{
  width:85px!important;
  height:85px!important;
  max-width:85px!important;
  max-height:85px!important;
  padding:0!important;
  object-fit:contain!important;
  object-position:center!important;
}
.srsi-support-root.is-customer .srsi-support-product-grid.is-customer .srsi-support-product-body{
  padding:9px 10px 8px!important;
  gap:3px!important;
  justify-content:flex-start!important;
}
.srsi-support-root.is-customer .srsi-support-product-grid.is-customer .srsi-support-item-title{
  min-height:0!important;
  max-height:52px!important;
  font-size:13.75px!important;
  line-height:1.25!important;
  -webkit-line-clamp:3!important;
}
.srsi-support-root.is-customer .srsi-support-product-grid.is-customer .srsi-support-item-sku{
  margin-top:1px!important;
  font-size:10.75px!important;
  line-height:1.15!important;
}
.srsi-support-root.is-customer .srsi-support-product-grid.is-customer .srsi-support-item-variant{
  font-size:10.25px!important;
  line-height:1.18!important;
}
.srsi-support-root.is-customer .srsi-support-product-grid.is-customer .srsi-support-item-note{
  margin-top:2px!important;
  padding:4px 6px!important;
  max-height:27px!important;
  font-size:9.75px!important;
  line-height:1.2!important;
}
@media (max-width:767px){
  .srsi-support-root.is-customer .srsi-support-product-grid.is-customer{
    grid-auto-rows:196px!important;
  }
  .srsi-support-root.is-customer .srsi-support-product-grid.is-customer .srsi-support-product-card{
    height:196px!important;
    min-height:196px!important;
    max-height:196px!important;
  }
  .srsi-support-root.is-customer .srsi-support-product-grid.is-customer .srsi-support-product-media{
    flex-basis:98px!important;
    height:98px!important;
    min-height:98px!important;
  }
  .srsi-support-root.is-customer .srsi-support-product-grid.is-customer .srsi-support-product-media img{
    width:85px!important;
    height:85px!important;
    max-width:85px!important;
    max-height:85px!important;
  }
  .srsi-support-root.is-customer .srsi-support-product-grid.is-customer .srsi-support-item-title{
    min-height:0!important;
    max-height:52px!important;
    font-size:14px!important;
    line-height:1.23!important;
  }
  .srsi-support-root.is-customer .srsi-support-product-grid.is-customer .srsi-support-item-sku{
    font-size:11px!important;
  }
}


/* 0.7.50 — no floating frontend toast notifications. */
.srsi-support-toast{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}


/* 0.7.51 — explicit discussion focus + customer auto-scroll polish. */
.srsi-support-root.is-customer .srsi-support-product-card.srsi-focus-arrived{
  animation:srsi-focus-arrived .72s cubic-bezier(.2,.8,.2,1)!important;
}
@keyframes srsi-focus-arrived{
  0%{box-shadow:0 0 0 0 rgba(0,159,219,.00),0 5px 12px rgba(20,35,45,.06)}
  35%{box-shadow:0 0 0 4px rgba(0,159,219,.14),0 7px 18px rgba(20,35,45,.10)}
  100%{box-shadow:0 0 0 0 rgba(0,159,219,.00),0 5px 12px rgba(20,35,45,.06)}
}
@media (prefers-reduced-motion:reduce){
  .srsi-support-root.is-customer .srsi-support-product-card.srsi-focus-arrived{animation:none!important}
}


/* 0.7.52 — compositor-safe rounded panel corners while inner grid scrolls.
   The panel itself owns the clip. The scrolling customer list stays inside
   that clip so Chrome/WebKit cannot temporarily paint a square corner. */
@media (min-width:768px){
  .srsi-support-root.off-canvas-right .mfp-content.srsi-support-panel,
  .srsi-support-root.is-customer .srsi-support-panel,
  .srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-panel{
    clip-path:inset(0 round 30px)!important;
    -webkit-clip-path:inset(0 round 30px)!important;
    contain:paint!important;
    isolation:isolate!important;
    -webkit-transform:translateZ(0)!important;
    backface-visibility:hidden!important;
  }
  .srsi-support-root.off-canvas-right.mfp-ready .mfp-content.srsi-support-panel,
  .srsi-support-root.is-customer.is-open .srsi-support-panel,
  .srsi-support-root.is-agent.srsi-support-agent-feedback.is-open .srsi-support-panel{
    clip-path:inset(0 round 22px)!important;
    -webkit-clip-path:inset(0 round 22px)!important;
  }
  .srsi-support-root.srsi-shell-collapsing .srsi-support-panel,
  .srsi-support-root.off-canvas.mfp-removing .mfp-content.srsi-support-panel{
    clip-path:inset(0 round 30px)!important;
    -webkit-clip-path:inset(0 round 30px)!important;
  }
  .srsi-support-root.is-customer .srsi-support-customer-list{
    overscroll-behavior:contain!important;
    transform:translateZ(0)!important;
    -webkit-overflow-scrolling:touch;
  }
  .srsi-support-root.is-customer .srsi-support-toolbar{
    position:relative!important;
    z-index:5!important;
    background:#f3f3f5!important;
  }
}


/* 0.7.53 — Admin Compact Mode: less is more in the 360px support window. */
.srsi-support-root.is-agent .srsi-support-agent-summary,
.srsi-support-root.is-agent .srsi-support-agent-search{display:none!important}

.srsi-support-agent-toolbar{
  flex:0 0 58px!important;
  min-height:58px!important;
  padding:10px 12px!important;
  border-bottom:1px solid #e4e6e8!important;
  background:#f3f3f5!important;
}
.srsi-support-agent-toolbar .srsi-support-toolbar-left,
.srsi-support-agent-toolbar .srsi-support-toolbar-right{min-width:76px!important}
.srsi-support-agent-toolbar .srsi-support-toolbar-right{justify-content:flex-end!important}
.srsi-support-toolbar-presence{
  width:36px!important;height:36px!important;min-width:36px!important;
  display:grid!important;place-items:center!important;
  border-radius:50%!important;background:#e4e5e7!important;
  box-shadow:none!important;position:relative!important;
}
.srsi-support-toolbar-presence>span{
  width:10px!important;height:10px!important;border-radius:50%!important;
  background:#a9b2b7!important;box-shadow:0 0 0 3px rgba(169,178,183,.14)!important;
}
.srsi-support-toolbar-presence.is-online>span{background:#63bf20!important;box-shadow:0 0 0 3px rgba(99,191,32,.15)!important}
.srsi-support-agent-toolbar .srsi-support-toolbar-name-pill{
  min-width:94px!important;max-width:125px!important;padding:0 14px!important;
  font-size:13px!important;font-weight:700!important;letter-spacing:.04em!important;
}

/* Current product becomes one compact quick-add strip: thumbnail + qty + add. */
.srsi-support-root.is-agent .srsi-support-current-product{
  display:grid!important;grid-template-columns:52px minmax(0,1fr)!important;
  align-items:center!important;gap:9px!important;
  margin:8px 10px 0!important;padding:8px 9px!important;
  min-height:66px!important;border:1px solid #e1e4e7!important;border-radius:13px!important;
  background:#fff!important;box-shadow:0 1px 3px rgba(0,0,0,.04)!important;
}
.srsi-support-root.is-agent .srsi-support-current-heading,
.srsi-support-root.is-agent .srsi-support-current-card,
.srsi-support-root.is-agent .srsi-support-current-body{display:none!important}
.srsi-support-root.is-agent .srsi-support-current-media{
  width:52px!important;height:52px!important;min-width:52px!important;
  border:0!important;border-radius:9px!important;background:#f4f4f4!important;overflow:hidden!important;
}
.srsi-support-root.is-agent .srsi-support-current-media img{
  width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;
  padding:5px!important;box-sizing:border-box!important;object-fit:contain!important;
}
.srsi-support-root.is-agent .srsi-support-current-controls{
  display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:7px!important;
  padding:0!important;min-width:0!important;
}
.srsi-support-root.is-agent .srsi-support-current-controls .srsi-support-quick-qty{flex:0 0 auto!important}
.srsi-support-root.is-agent .srsi-support-current-add{
  min-height:32px!important;height:32px!important;padding:0 11px!important;border-radius:9px!important;
  background:#009fdb!important;color:#fff!important;font-size:10.5px!important;font-weight:800!important;
}

/* Let the advice list consume the space freed by summary/search blocks. */
.srsi-support-root.is-agent .srsi-support-agent-list{
  flex:1 1 auto!important;min-height:0!important;max-height:none!important;
  margin-top:8px!important;margin-bottom:10px!important;
}

/* Action icons live on the thumbnail; no ellipsis/action drawer. */
.srsi-support-root.is-agent .srsi-support-card-menu{display:none!important}
.srsi-support-card-icon-rail{
  position:absolute!important;right:7px!important;bottom:7px!important;z-index:7!important;
  display:flex!important;gap:5px!important;pointer-events:auto!important;
}
.srsi-support-card-icon-action{
  width:27px!important;height:27px!important;min-width:27px!important;min-height:27px!important;
  margin:0!important;padding:0!important;display:grid!important;place-items:center!important;
  border:1px solid rgba(214,220,224,.95)!important;border-radius:50%!important;
  background:rgba(255,255,255,.94)!important;color:#4b5b64!important;
  box-shadow:0 2px 8px rgba(0,0,0,.09)!important;
  transition:transform .14s ease,background .14s ease,color .14s ease,border-color .14s ease!important;
}
.srsi-support-card-icon-action:hover{transform:scale(1.06)!important;background:#fff!important}
.srsi-support-card-icon-action svg{
  width:14px!important;height:14px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.9!important;stroke-linecap:round!important;stroke-linejoin:round!important;
}
.srsi-support-card-focus-action.is-active{background:#009fdb!important;color:#fff!important;border-color:#009fdb!important}
.srsi-support-card-remove-action{color:#9a5a5a!important}
.srsi-support-card-remove-action:hover{background:#fff1f1!important;color:#bf3f3f!important;border-color:#efd1d1!important}

/* Only the note editor remains in the extended item area. */
.srsi-support-card-actions.srsi-support-note-only{
  display:block!important;max-height:none!important;opacity:1!important;overflow:visible!important;
  padding:6px 7px 7px!important;border-top:1px solid #eceff2!important;background:#fbfcfd!important;
}
.srsi-support-card-actions.srsi-support-note-only .srsi-support-note-input{
  display:block!important;width:100%!important;height:31px!important;min-height:31px!important;max-height:70px!important;
  margin:0!important;padding:7px 8px!important;resize:vertical!important;border-radius:7px!important;
  font-size:10px!important;line-height:1.25!important;
}

@media (max-width:767px){
  .srsi-support-agent-toolbar{padding-top:calc(10px + env(safe-area-inset-top,0px))!important}
  .srsi-support-root.is-agent .srsi-support-current-product{margin-left:10px!important;margin-right:10px!important}
}


/* 0.7.54 — suggestion-first quantities + #111 text system. */
.srsi-support-panel,
.srsi-support-product-card,
.srsi-support-product-body,
.srsi-support-product-body .srsi-support-item-title,
.srsi-support-product-body .srsi-support-item-variant,
.srsi-support-item-sku{
  color:#111!important;
}
.srsi-support-item-sku{
  font-weight:400!important;
}
/* Keep the deliberate blue hover treatment while the resting title stays #111. */
a.srsi-support-product-card:hover .srsi-support-item-title{color:#009fdb!important}


/* 0.7.55 — Admin grid compact alignment + on-demand notes. */
/* Align the advice grid with the compact current-product strip above. */
.srsi-support-root.is-agent .srsi-support-agent-list{
  margin-left:10px!important;
  margin-right:10px!important;
  padding-left:0!important;
  padding-right:0!important;
}
.srsi-support-root.is-agent .srsi-support-agent-list .srsi-support-list-title{
  margin-left:2px!important;
  margin-right:2px!important;
}

/* Three direct thumbnail actions: focus, note, remove. */
.srsi-support-root.is-agent .srsi-support-card-icon-rail{
  right:6px!important;
  bottom:6px!important;
  gap:4px!important;
}
.srsi-support-card-note-action.has-note{
  color:#008fc6!important;
  border-color:#c6e6f2!important;
  background:#f4fbfe!important;
}
.srsi-support-card-note-action.is-active{
  color:#fff!important;
  border-color:#009fdb!important;
  background:#009fdb!important;
}

/* Notes are collapsed by default and only unfold after the note icon is clicked. */
.srsi-support-card-actions.srsi-support-note-only{
  display:block!important;
  max-height:0!important;
  opacity:0!important;
  overflow:hidden!important;
  padding:0 7px!important;
  border-top:0 solid #eceff2!important;
  background:#fbfcfd!important;
  transition:max-height .20s cubic-bezier(.2,.8,.2,1),opacity .14s ease,padding .20s ease,border-width .20s ease!important;
}
.srsi-support-product-admin.is-note-open .srsi-support-card-actions.srsi-support-note-only{
  max-height:88px!important;
  opacity:1!important;
  padding:6px 7px 7px!important;
  border-top-width:1px!important;
}
.srsi-support-card-actions.srsi-support-note-only .srsi-support-note-input{
  display:block!important;
  width:100%!important;
  height:34px!important;
  min-height:34px!important;
  max-height:68px!important;
  margin:0!important;
  padding:7px 8px!important;
  resize:vertical!important;
  border:1px solid #dfe5e8!important;
  border-radius:7px!important;
  background:#fff!important;
  color:#111!important;
  font-size:10.5px!important;
  line-height:1.3!important;
  box-shadow:none!important;
}
.srsi-support-card-actions.srsi-support-note-only .srsi-support-note-input:focus{
  border-color:#8bd3ee!important;
  box-shadow:0 0 0 2px rgba(0,159,219,.09)!important;
  outline:0!important;
}


/* 0.7.56 — editable admin quantity field */
.srsi-support-card-stepper .srsi-support-qty-input{
  width:30px!important;
  min-width:30px!important;
  height:25px!important;
  min-height:25px!important;
  margin:0!important;
  padding:0 2px!important;
  border:0!important;
  border-left:1px solid #edf0f2!important;
  border-right:1px solid #edf0f2!important;
  border-radius:0!important;
  background:#fff!important;
  box-shadow:none!important;
  outline:0!important;
  color:#111!important;
  font-size:11px!important;
  font-weight:700!important;
  line-height:25px!important;
  text-align:center!important;
  appearance:textfield!important;
  -moz-appearance:textfield!important;
}
.srsi-support-card-stepper .srsi-support-qty-input::-webkit-inner-spin-button,
.srsi-support-card-stepper .srsi-support-qty-input::-webkit-outer-spin-button{
  margin:0!important;
  -webkit-appearance:none!important;
}
.srsi-support-card-stepper .srsi-support-qty-input:focus{
  background:#f5fbfe!important;
  box-shadow:inset 0 0 0 1px #009fdb!important;
}
.srsi-support-card-stepper .srsi-support-qty-input:disabled{opacity:.72!important}
.srsi-support-card-stepper{
  grid-template-columns:25px 30px 25px!important;
}


/* 0.7.57 — Admin product-title typography matches customer cards. */
.srsi-support-root.is-agent .srsi-support-agent-list .srsi-support-product-body .srsi-support-item-title{
  font-size:12.75px!important;
  line-height:1.28!important;
  font-weight:800!important;
  -webkit-line-clamp:3!important;
}


/* 0.7.59 — rapid quantity editing + unified customer/admin card polish. */
/* Quantity badge: keep it compact, but make the number noticeably easier to scan. */
.srsi-support-card-qty{
  min-width:20px!important;
  height:20px!important;
  padding:0 5px!important;
  font-size:11.5px!important;
  line-height:20px!important;
  font-weight:800!important;
}

/* Product hover is intentionally restrained on both customer and agent cards. */
.srsi-support-product-card:hover,
.srsi-support-product-admin:hover{
  border-color:#e5e8ec!important;
  transform:translateY(-1px)!important;
  box-shadow:0 4px 12px rgba(15,23,42,.06)!important;
}
/* The inner link in an agent card must not animate independently of its outer card. */
.srsi-support-product-admin>.srsi-support-product-card:hover{
  border-color:transparent!important;
  transform:none!important;
  box-shadow:none!important;
}
/* Hover should not recolour product typography; motion/shadow are enough. */
a.srsi-support-product-card:hover .srsi-support-item-title,
.srsi-support-product-admin:hover .srsi-support-item-title{
  color:#111!important;
}

/* Bring the useful customer card proportions across to the admin grid. */
.srsi-support-root.is-agent .srsi-support-agent-list .srsi-support-product-media{
  flex:0 0 104px!important;
  height:104px!important;
  min-height:104px!important;
}
.srsi-support-root.is-agent .srsi-support-agent-list .srsi-support-product-media img{
  width:85px!important;
  height:85px!important;
  max-width:85px!important;
  max-height:85px!important;
  padding:0!important;
  object-fit:contain!important;
  object-position:center!important;
}
.srsi-support-root.is-agent .srsi-support-agent-list .srsi-support-product-body{
  padding:9px 10px 8px!important;
  gap:3px!important;
  justify-content:flex-start!important;
}
.srsi-support-root.is-agent .srsi-support-agent-list .srsi-support-product-body .srsi-support-item-title{
  min-height:0!important;
  max-height:52px!important;
  font-size:13.75px!important;
  line-height:1.25!important;
  font-weight:800!important;
  -webkit-line-clamp:3!important;
}
.srsi-support-root.is-agent .srsi-support-agent-list .srsi-support-item-sku{
  margin-top:1px!important;
  color:#111!important;
  font-size:10.75px!important;
  line-height:1.15!important;
  font-weight:400!important;
}
.srsi-support-root.is-agent .srsi-support-agent-list .srsi-support-item-variant{
  margin:0!important;
  color:#111!important;
  font-size:10.25px!important;
  line-height:1.18!important;
}


/* 0.7.60 — LiveChat-style agent identity pill + compose card. */
.srsi-support-root.is-customer .srsi-support-toolbar-name-pill.is-connected{
  max-width:160px!important;
  min-height:40px!important;
  padding:5px 13px 5px 5px!important;
  gap:8px!important;
  justify-content:flex-start!important;
  overflow:visible!important;
  outline:1px solid rgb(227,227,227)!important;
  outline-offset:-1px!important;
  border:0!important;
  border-radius:24px!important;
  background:#fff!important;
  color:#111!important;
  box-shadow:rgba(0,0,0,.08) 0 .48px 2.41px -.38px,rgba(0,0,0,.25) 0 4px 20px -.75px!important;
  font-size:14px!important;
  font-weight:800!important;
  line-height:1.1!important;
  letter-spacing:0!important;
  animation:srsi-support-agent-pill-pop .3s cubic-bezier(.16,1,.3,1)!important;
}
.srsi-support-toolbar-agent-avatar{
  position:relative!important;
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  flex:0 0 30px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:50%!important;
  background:#f2f3f4!important;
  color:#111!important;
  overflow:visible!important;
}
.srsi-support-toolbar-agent-avatar svg{
  width:16px!important;
  height:16px!important;
  display:block!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.9!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
.srsi-support-toolbar-agent-online-dot{
  position:absolute!important;
  right:-1px!important;
  top:-1px!important;
  width:8px!important;
  height:8px!important;
  border-radius:50%!important;
  background:#249b61!important;
  box-shadow:0 0 0 2px #fff!important;
  pointer-events:none!important;
}
.srsi-support-toolbar-agent-name{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#111!important;
  font-size:14px!important;
  font-weight:800!important;
}
@keyframes srsi-support-agent-pill-pop{
  0%{opacity:0;transform:translateY(5px) scale(.94)}
  68%{opacity:1;transform:translateY(0) scale(1.025)}
  100%{opacity:1;transform:none}
}

.srsi-support-root.is-customer .srsi-support-customer-list.has-live-compose-card{
  margin:12px 12px 0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.srsi-support-root.is-customer .srsi-support-live-compose-card{
  display:inline-block!important;
  width:100%!important;
  margin:0!important;
  padding:14px 15px!important;
  box-sizing:border-box!important;
  border:0!important;
  box-shadow:rgba(0,0,0,.15) 0 .6px .54px -1.33px,rgba(0,0,0,.13) 0 2.29px 2.06px -2.67px,rgba(0,0,0,.04) 0 10px 9px -4px!important;
  background-color:rgb(255,255,255)!important;
  color:rgb(17,17,17)!important;
  border-radius:10px!important;
  text-align:left!important;
}
.srsi-support-root.is-customer .srsi-support-live-compose-card strong{
  display:block!important;
  margin:0 0 5px!important;
  color:#111!important;
  font-size:13.5px!important;
  font-weight:800!important;
  line-height:1.3!important;
}
.srsi-support-root.is-customer .srsi-support-live-compose-card p{
  margin:0!important;
  color:#737b80!important;
  font-size:11.5px!important;
  font-weight:400!important;
  line-height:1.45!important;
}

@media(max-width:767px){
  .srsi-support-root.is-customer .srsi-support-toolbar-name-pill.is-connected{
    max-width:150px!important;
    min-height:38px!important;
    padding:4px 12px 4px 4px!important;
  }
  .srsi-support-toolbar-agent-avatar{width:30px!important;height:30px!important;min-width:30px!important;flex-basis:30px!important}
  .srsi-support-toolbar-agent-name{font-size:13.5px!important}
}

@media(prefers-reduced-motion:reduce){
  .srsi-support-root.is-customer .srsi-support-toolbar-name-pill.is-connected{animation:none!important}
}


/* 0.7.61 — LiveChat shell match.
   Visually mirrors the LiveChat panel shell while SRSI keeps position:fixed
   so it can remain a non-blocking floating support window. */
@media (min-width:768px){
  .srsi-support-root.off-canvas-right .mfp-content.srsi-support-panel,
  .srsi-support-root.is-customer .srsi-support-panel,
  .srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-panel{
    display:flex!important;
    flex-direction:column!important;
    min-width:0!important;
    box-shadow:rgba(0,0,0,.08) 0 .48px 2.41px -.38px,rgba(0,0,0,.25) 0 4px 20px -.75px!important;
    overflow-x:auto!important;
    overflow-y:auto!important;
    isolation:isolate!important;
    border:0!important;
    border-radius:24px!important;
    background-color:rgb(245,245,246)!important;
    clip-path:inset(0 round 24px)!important;
    -webkit-clip-path:inset(0 round 24px)!important;
  }

  /* Keep internal chrome on exactly the same LiveChat shell colour. */
  .srsi-support-root.is-customer .srsi-support-toolbar,
  .srsi-support-root.is-agent .srsi-support-agent-toolbar{
    background-color:rgb(245,245,246)!important;
  }

  /* Open window ends 15px farther from the right edge than before. */
  .srsi-support-root.off-canvas-right.mfp-ready .mfp-content.srsi-support-panel,
  .srsi-support-root.is-customer.is-open .srsi-support-panel,
  .srsi-support-root.is-agent.srsi-support-agent-feedback.is-open .srsi-support-panel{
    right:25px!important;
    border-radius:24px!important;
    clip-path:inset(0 round 24px)!important;
    -webkit-clip-path:inset(0 round 24px)!important;
    transition:
      right .26s cubic-bezier(.18,.78,.22,1),
      width .26s cubic-bezier(.18,.78,.22,1),
      min-width .26s cubic-bezier(.18,.78,.22,1),
      max-width .26s cubic-bezier(.18,.78,.22,1),
      height .26s cubic-bezier(.18,.78,.22,1),
      min-height .26s cubic-bezier(.18,.78,.22,1),
      max-height .26s cubic-bezier(.18,.78,.22,1),
      border-radius .22s cubic-bezier(.18,.78,.22,1),
      opacity .085s ease,
      visibility 0s linear 0s!important;
  }

  /* During collapse, glide back to the launcher's exact anchor while shrinking. */
  .srsi-support-root.srsi-shell-collapsing .srsi-support-panel,
  .srsi-support-root.off-canvas.mfp-removing .mfp-content.srsi-support-panel,
  .srsi-support-root.off-canvas-right.mfp-removing .mfp-content.srsi-support-panel,
  .srsi-support-root.is-customer.srsi-shell-collapsing .srsi-support-panel,
  .srsi-support-root.is-agent.srsi-support-agent-feedback.srsi-shell-collapsing .srsi-support-panel{
    right:max(0px,calc(var(--srsi-livechat-launch-right,15px) - 5px))!important;
    transition:
      right .225s cubic-bezier(.55,.02,.82,.38),
      width .225s cubic-bezier(.55,.02,.82,.38),
      min-width .225s cubic-bezier(.55,.02,.82,.38),
      max-width .225s cubic-bezier(.55,.02,.82,.38),
      height .225s cubic-bezier(.55,.02,.82,.38),
      min-height .225s cubic-bezier(.55,.02,.82,.38),
      max-height .225s cubic-bezier(.55,.02,.82,.38),
      border-radius .20s ease,
      opacity .07s ease .13s,
      visibility 0s linear .235s!important;
  }
}

/* 0.7.62 — LiveChat header match.
   Keep the identity pill physically centered, independently from the left/right controls,
   and reproduce LiveChat's compact press micro-interaction. */
.srsi-support-root.is-customer .srsi-support-toolbar{
  position:relative!important;
  display:block!important;
  height:60px!important;
  min-height:60px!important;
  flex:0 0 60px!important;
  padding:0!important;
  background:rgb(245,245,246)!important;
  overflow:visible!important;
}
.srsi-support-root.is-customer .srsi-support-toolbar-left,
.srsi-support-root.is-customer .srsi-support-toolbar-right{
  position:absolute!important;
  top:10px!important;
  z-index:3!important;
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  min-width:0!important;
  width:auto!important;
}
.srsi-support-root.is-customer .srsi-support-toolbar-left{left:10px!important}
.srsi-support-root.is-customer .srsi-support-toolbar-right{right:10px!important;justify-content:flex-end!important}
.srsi-support-root.is-customer .srsi-support-toolbar-center{
  position:absolute!important;
  z-index:2!important;
  top:8px!important;
  left:50%!important;
  width:auto!important;
  min-width:0!important;
  height:42px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  transform:translateX(-50%)!important;
  pointer-events:none!important;
}

/* LiveChat-size round controls. No hover zoom; the physical press is the animation. */
.srsi-support-root.is-customer .srsi-support-toolbar-button,
.srsi-support-root.is-customer .srsi-support-toolbar-minimize,
.srsi-support-root.is-customer .srsi-support-toolbar-close{
  width:28px!important;
  min-width:28px!important;
  height:28px!important;
  min-height:28px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:999px!important;
  background:#e7e8e9!important;
  color:#111!important;
  box-shadow:none!important;
  display:grid!important;
  place-items:center!important;
  transform:scale(1)!important;
  transform-origin:center!important;
  transition:transform 105ms cubic-bezier(.2,.75,.25,1),background-color 120ms ease!important;
  will-change:transform!important;
  -webkit-tap-highlight-color:transparent!important;
}
.srsi-support-root.is-customer .srsi-support-toolbar-button:hover,
.srsi-support-root.is-customer .srsi-support-toolbar-minimize:hover,
.srsi-support-root.is-customer .srsi-support-toolbar-close:hover{
  background:#dedfe1!important;
  transform:scale(1)!important;
}
.srsi-support-root.is-customer .srsi-support-toolbar-button:active,
.srsi-support-root.is-customer .srsi-support-toolbar-minimize:active,
.srsi-support-root.is-customer .srsi-support-toolbar-close:active{
  transform:scale(.86)!important;
  background:#d9dade!important;
  transition-duration:55ms,55ms!important;
}
.srsi-support-root.is-customer .srsi-support-toolbar-button svg{
  width:19px!important;
  height:19px!important;
  stroke-width:2.05!important;
}
.srsi-support-root.is-customer .srsi-support-toolbar-more svg{width:18px!important;height:18px!important}
.srsi-support-root.is-customer .srsi-support-toolbar-minimize{
  font-size:22px!important;
  font-weight:600!important;
  line-height:1!important;
  padding:0 0 4px!important;
}
.srsi-support-root.is-customer .srsi-support-toolbar-close{
  font-size:22px!important;
  font-weight:400!important;
  line-height:1!important;
  padding:0 0 2px!important;
}

/* Identity chip: same compact visual weight as LiveChat's centered agent chip. */
.srsi-support-root.is-customer .srsi-support-toolbar-name-pill.is-connected{
  max-width:158px!important;
  min-height:40px!important;
  height:40px!important;
  padding:5px 13px 5px 5px!important;
  gap:8px!important;
  border:0!important;
  border-radius:24px!important;
  outline:1px solid rgb(227,227,227)!important;
  outline-offset:-1px!important;
  background:#fff!important;
  box-shadow:rgba(0,0,0,.08) 0 .48px 2.41px -.38px,rgba(0,0,0,.25) 0 4px 20px -.75px!important;
  color:#111!important;
  font-size:13.5px!important;
  font-weight:800!important;
  line-height:1!important;
}
.srsi-support-root.is-customer .srsi-support-toolbar-agent-avatar{
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  flex:0 0 30px!important;
  border-radius:50%!important;
}
.srsi-support-root.is-customer .srsi-support-toolbar-agent-avatar svg{width:15px!important;height:15px!important}
.srsi-support-root.is-customer .srsi-support-toolbar-agent-name{font-size:13.5px!important;font-weight:800!important;line-height:1!important}

/* Keep the content below the chrome instead of visually merging it with the header. */
.srsi-support-root.is-customer .srsi-support-customer-list.has-live-compose-card{
  margin-top:10px!important;
}

@media(max-width:767px){
  .srsi-support-root.is-customer .srsi-support-toolbar{
    height:calc(60px + env(safe-area-inset-top,0px))!important;
    min-height:calc(60px + env(safe-area-inset-top,0px))!important;
    flex-basis:calc(60px + env(safe-area-inset-top,0px))!important;
  }
  .srsi-support-root.is-customer .srsi-support-toolbar-left,
  .srsi-support-root.is-customer .srsi-support-toolbar-right{top:calc(10px + env(safe-area-inset-top,0px))!important}
  .srsi-support-root.is-customer .srsi-support-toolbar-center{top:calc(8px + env(safe-area-inset-top,0px))!important}
}

@media(prefers-reduced-motion:reduce){
  .srsi-support-root.is-customer .srsi-support-toolbar-button,
  .srsi-support-root.is-customer .srsi-support-toolbar-minimize,
  .srsi-support-root.is-customer .srsi-support-toolbar-close{transition:none!important}
  .srsi-support-root.is-customer .srsi-support-toolbar-button:active,
  .srsi-support-root.is-customer .srsi-support-toolbar-minimize:active,
  .srsi-support-root.is-customer .srsi-support-toolbar-close:active{transform:none!important}
}


/* 0.7.63 — LiveChat-style options menu.
   Compact LiveChat proportions with a real top-to-bottom reveal. */
.srsi-support-root.is-customer .srsi-support-chat-menu{
  left:28px!important;
  top:48px!important;
  width:208px!important;
  max-width:calc(100% - 56px)!important;
  padding:4px!important;
  overflow:hidden!important;
  border:1px solid rgb(227,227,227)!important;
  border-radius:10px!important;
  background:#fff!important;
  box-shadow:rgba(0,0,0,.08) 0 .48px 2.41px -.38px,rgba(0,0,0,.25) 0 4px 20px -.75px!important;
  transform-origin:top left!important;
  will-change:clip-path,transform,opacity!important;
  animation:srsi-livechat-options-reveal 210ms cubic-bezier(.16,1,.3,1) both!important;
}
@keyframes srsi-livechat-options-reveal{
  0%{
    opacity:0;
    clip-path:inset(0 0 100% 0 round 10px);
    transform:translateY(-3px) scale(.992);
  }
  35%{opacity:1}
  100%{
    opacity:1;
    clip-path:inset(0 0 0 0 round 10px);
    transform:translateY(0) scale(1);
  }
}
.srsi-support-root.is-customer .srsi-support-chat-menu-item{
  min-height:46px!important;
  height:46px!important;
  padding:0 10px!important;
  border-radius:7px!important;
  gap:9px!important;
  background:#fff!important;
  color:#111!important;
  font-size:14px!important;
  font-weight:400!important;
  line-height:1!important;
  transition:background-color 90ms ease,color 90ms ease,transform 90ms ease!important;
}
.srsi-support-root.is-customer .srsi-support-chat-menu-item:hover,
.srsi-support-root.is-customer .srsi-support-chat-menu-item:focus-visible{
  background:#4b4b4b!important;
  color:#fff!important;
  outline:0!important;
}
.srsi-support-root.is-customer .srsi-support-chat-menu-item:active{
  transform:scale(.985)!important;
}
.srsi-support-root.is-customer .srsi-support-chat-menu-item:disabled{
  opacity:1!important;
  color:#a7abad!important;
  background:#fff!important;
  cursor:not-allowed!important;
}
.srsi-support-root.is-customer .srsi-support-chat-menu-item:disabled:hover,
.srsi-support-root.is-customer .srsi-support-chat-menu-item:disabled:focus-visible{
  color:#a7abad!important;
  background:#fff!important;
}
.srsi-support-root.is-customer .srsi-support-chat-menu-icon{
  width:23px!important;
  height:23px!important;
  flex:0 0 23px!important;
}
.srsi-support-root.is-customer .srsi-support-chat-menu-icon svg{
  width:20px!important;
  height:20px!important;
  stroke-width:1.9!important;
}
.srsi-support-root.is-customer .srsi-support-chat-sound>span:nth-child(2){
  flex:1!important;
  font-weight:400!important;
}
.srsi-support-root.is-customer .srsi-support-sound-switch{
  width:44px!important;
  height:26px!important;
  flex:0 0 44px!important;
  background:#b9bdc0!important;
  transition:background-color 160ms ease!important;
}
.srsi-support-root.is-customer .srsi-support-sound-switch>span{
  left:3px!important;
  top:3px!important;
  width:20px!important;
  height:20px!important;
  transition:transform 190ms cubic-bezier(.2,.8,.2,1)!important;
}
.srsi-support-root.is-customer .srsi-support-sound-switch.is-on{
  background:#2a9d64!important;
}
.srsi-support-root.is-customer .srsi-support-sound-switch.is-on>span{
  transform:translateX(18px)!important;
}
@media(max-width:767px){
  .srsi-support-root.is-customer .srsi-support-chat-menu{
    left:28px!important;
    top:calc(48px + env(safe-area-inset-top,0px))!important;
    width:208px!important;
    max-width:calc(100vw - 56px)!important;
  }
}
@media(prefers-reduced-motion:reduce){
  .srsi-support-root.is-customer .srsi-support-chat-menu{
    animation:none!important;
  }
  .srsi-support-root.is-customer .srsi-support-chat-menu-item,
  .srsi-support-root.is-customer .srsi-support-sound-switch,
  .srsi-support-root.is-customer .srsi-support-sound-switch>span{
    transition:none!important;
  }
}

/* 0.7.64 — exact LiveChat panel shadow. */
@media (min-width:768px){
  .srsi-support-root.off-canvas-right .mfp-content.srsi-support-panel,
  .srsi-support-root.is-customer .srsi-support-panel,
  .srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-panel{
    box-shadow:rgba(0,0,0,.08) 0 .48px 2.41px -.38px,rgba(0,0,0,.25) 0 4px 20px -.75px!important;
    clip-path:none!important;
    -webkit-clip-path:none!important;
    border-radius:24px!important;
    overflow-x:auto!important;
    overflow-y:auto!important;
    isolation:isolate!important;
  }
}

/* 0.7.65 — LiveChat outer shadow frame + desktop header geometry.
   The scrollable support surface no longer has to paint its own elevation.
   A separate fixed frame follows the exact panel geometry, so the shadow can
   extend freely around all four sides just like the LiveChat widget. */
@media (min-width:768px){
  .srsi-support-root.is-customer::after,
  .srsi-support-root.is-agent.srsi-support-agent-feedback::after{
    content:""!important;
    display:block!important;
    position:fixed!important;
    z-index:2147481204!important;
    left:auto!important;
    top:auto!important;
    right:max(0px,calc(var(--srsi-livechat-launch-right,15px) - 5px))!important;
    bottom:var(--srsi-livechat-launch-bottom,26px)!important;
    width:var(--srsi-livechat-launch-size,60px)!important;
    min-width:0!important;
    max-width:none!important;
    height:var(--srsi-livechat-launch-size,60px)!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:30px!important;
    background:transparent!important;
    box-shadow:rgba(0,0,0,.08) 0 .48px 2.41px -.38px,rgba(0,0,0,.25) 0 4px 20px -.75px!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transform:none!important;
    isolation:auto!important;
    transition:
      right .26s cubic-bezier(.18,.78,.22,1),
      width .26s cubic-bezier(.18,.78,.22,1),
      height .26s cubic-bezier(.18,.78,.22,1),
      border-radius .22s cubic-bezier(.18,.78,.22,1),
      opacity .075s ease,
      visibility 0s linear .27s!important;
  }

  .srsi-support-root.is-customer.is-open::after,
  .srsi-support-root.is-customer.mfp-ready::after,
  .srsi-support-root.is-agent.srsi-support-agent-feedback.is-open::after,
  .srsi-support-root.is-agent.srsi-support-agent-feedback.mfp-ready::after{
    right:25px!important;
    width:360px!important;
    height:min(685px,calc(100dvh - 50px))!important;
    border-radius:24px!important;
    opacity:1!important;
    visibility:visible!important;
    transition:
      right .26s cubic-bezier(.18,.78,.22,1),
      width .26s cubic-bezier(.18,.78,.22,1),
      height .26s cubic-bezier(.18,.78,.22,1),
      border-radius .22s cubic-bezier(.18,.78,.22,1),
      opacity .075s ease,
      visibility 0s linear 0s!important;
  }

  body.admin-bar .srsi-support-root.is-customer.is-open::after,
  body.admin-bar .srsi-support-root.is-customer.mfp-ready::after,
  body.admin-bar .srsi-support-root.is-agent.srsi-support-agent-feedback.is-open::after,
  body.admin-bar .srsi-support-root.is-agent.srsi-support-agent-feedback.mfp-ready::after{
    height:min(685px,calc(100dvh - 82px))!important;
  }

  .srsi-support-root.is-customer.srsi-shell-collapsing::after,
  .srsi-support-root.is-agent.srsi-support-agent-feedback.srsi-shell-collapsing::after,
  .srsi-support-root.is-customer.mfp-removing::after,
  .srsi-support-root.is-agent.srsi-support-agent-feedback.mfp-removing::after{
    right:max(0px,calc(var(--srsi-livechat-launch-right,15px) - 5px))!important;
    width:var(--srsi-livechat-launch-size,60px)!important;
    height:var(--srsi-livechat-launch-size,60px)!important;
    border-radius:30px!important;
    opacity:1!important;
    visibility:visible!important;
    transition:
      right .225s cubic-bezier(.55,.02,.82,.38),
      width .225s cubic-bezier(.55,.02,.82,.38),
      height .225s cubic-bezier(.55,.02,.82,.38),
      border-radius .20s ease,
      opacity .06s ease .18s,
      visibility 0s linear .235s!important;
  }

  /* The outer frame owns the elevation; prevent a doubled shadow on the
     scrollable inner shell. */
  .srsi-support-root.off-canvas-right .mfp-content.srsi-support-panel,
  .srsi-support-root.is-customer .srsi-support-panel,
  .srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-panel{
    box-shadow:none!important;
  }

  /* LiveChat desktop topbar geometry. */
  .srsi-support-root.is-customer .srsi-support-toolbar{
    height:68px!important;
    min-height:68px!important;
    flex-basis:68px!important;
  }
  .srsi-support-root.is-customer .srsi-support-toolbar-left,
  .srsi-support-root.is-customer .srsi-support-toolbar-right{
    top:18px!important;
  }
  .srsi-support-root.is-customer .srsi-support-toolbar-center{
    top:14px!important;
  }
  .srsi-support-root.is-customer .srsi-support-toolbar-button,
  .srsi-support-root.is-customer .srsi-support-toolbar-minimize,
  .srsi-support-root.is-customer .srsi-support-toolbar-close{
    background-color:rgb(215,215,215)!important;
    background:#d7d7d7!important;
  }
  .srsi-support-root.is-customer .srsi-support-toolbar-button:hover,
  .srsi-support-root.is-customer .srsi-support-toolbar-minimize:hover,
  .srsi-support-root.is-customer .srsi-support-toolbar-close:hover{
    background-color:rgb(207,207,207)!important;
    background:#cfcfcf!important;
  }
  .srsi-support-root.is-customer .srsi-support-toolbar-button:active,
  .srsi-support-root.is-customer .srsi-support-toolbar-minimize:active,
  .srsi-support-root.is-customer .srsi-support-toolbar-close:active{
    background-color:rgb(202,202,202)!important;
    background:#cacaca!important;
  }
}


/* 0.7.67 — keep round toolbar controls at the original LiveChat height.
   Only the centered agent-name pill keeps the lower 0.7.65 position. */
@media (min-width:768px){
  .srsi-support-root.is-customer .srsi-support-toolbar-left,
  .srsi-support-root.is-customer .srsi-support-toolbar-right{
    top:10px!important;
  }
  .srsi-support-root.is-customer .srsi-support-toolbar-center{
    top:14px!important;
  }
}


/* 0.7.67 — empty live-state width fix + remove redundant customer status footer. */
.srsi-support-root.is-customer .srsi-support-customer-list.has-live-compose-card{
  width:calc(100% - 24px)!important;
  max-width:calc(100% - 24px)!important;
  min-width:0!important;
  margin:10px 12px 0!important;
  padding:0!important;
  box-sizing:border-box!important;
  flex:0 0 auto!important;
  align-self:stretch!important;
}
.srsi-support-root.is-customer .srsi-support-customer-list.has-live-compose-card .srsi-support-live-compose-card{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  margin:0!important;
}
.srsi-support-root.is-customer .srsi-support-session-foot{
  display:none!important;
}

/* 0.7.71 — exact LiveChat surface match for customer product grid.
   The panel shell, scroll viewport and the whitespace around the cards now share
   one identical #f5f5f6 surface, eliminating the subtle grey block transition. */
.srsi-support-root.is-customer .srsi-support-customer-list,
.srsi-support-root.is-customer .srsi-support-product-grid.is-customer{
  background:rgb(245,245,246)!important;
  background-color:rgb(245,245,246)!important;
}
.srsi-support-root.is-customer .srsi-support-product-grid.is-customer{
  background-clip:border-box!important;
}
/* Keep structural wrappers transparent so the same shell surface shines through. */
.srsi-support-root.is-customer .srsi-support-customer-list > .srsi-support-product-grid-wrap,
.srsi-support-root.is-customer .srsi-support-customer-list > .srsi-support-grid-wrap{
  background:transparent!important;
  background-color:transparent!important;
}


/* 0.7.72 — dynamic quantity badges + customer grid spacing.
   Suggestion-only lists (all qty=1) stay visually clean. Once any current item
   is qty 2+, quantities are shown on every card. */
.srsi-support-root.is-customer .srsi-support-product-grid.is-customer{
  gap:12px!important;
}


/* 0.7.73 — strict panel -> launcher handoff.
   The closing shell must disappear completely before the circular launcher
   is allowed back. Previously the shell ended at the same 60px footprint as
   the launcher, which visually made the round launcher appear too early. */
@media (min-width:768px){
  .srsi-support-root.srsi-shell-collapsing .srsi-support-panel,
  .srsi-support-root.off-canvas.mfp-removing .mfp-content.srsi-support-panel,
  .srsi-support-root.off-canvas-right.mfp-removing .mfp-content.srsi-support-panel,
  .srsi-support-root.is-customer.srsi-shell-collapsing .srsi-support-panel,
  .srsi-support-root.is-agent.srsi-support-agent-feedback.srsi-shell-collapsing .srsi-support-panel{
    width:0!important;
    min-width:0!important;
    max-width:0!important;
    height:0!important;
    min-height:0!important;
    max-height:0!important;
    border-radius:30px!important;
    opacity:0!important;
    overflow:hidden!important;
  }

  .srsi-support-root.is-customer.srsi-shell-collapsing::after,
  .srsi-support-root.is-agent.srsi-support-agent-feedback.srsi-shell-collapsing::after,
  .srsi-support-root.is-customer.mfp-removing::after,
  .srsi-support-root.is-agent.srsi-support-agent-feedback.mfp-removing::after{
    width:0!important;
    min-width:0!important;
    max-width:0!important;
    height:0!important;
    min-height:0!important;
    max-height:0!important;
    opacity:0!important;
    box-shadow:none!important;
    visibility:hidden!important;
    transition:
      right .225s cubic-bezier(.55,.02,.82,.38),
      width .225s cubic-bezier(.55,.02,.82,.38),
      height .225s cubic-bezier(.55,.02,.82,.38),
      border-radius .20s ease,
      opacity .055s ease .17s,
      visibility 0s linear .235s!important;
  }
}


/* 0.7.74 — customer support code is display-only and visually neutral.
   It uses the same #f5f5f6 surface as the customer workspace, sits exactly
   centered even while the waiting status remains right-aligned, and no longer
   behaves like a copy button. */
.srsi-support-root.is-customer .srsi-support-code-block{
  background:rgb(245,245,246)!important;
  background-color:rgb(245,245,246)!important;
}
.srsi-support-root.is-customer .srsi-support-code-row{
  display:grid!important;
  grid-template-columns:1fr auto 1fr!important;
  align-items:center!important;
  width:100%!important;
}
.srsi-support-root.is-customer .srsi-support-code{
  grid-column:2!important;
  justify-self:center!important;
  color:#111!important;
  background:transparent!important;
  cursor:default!important;
  user-select:none!important;
  -webkit-user-select:none!important;
  -webkit-touch-callout:none!important;
  pointer-events:none!important;
  text-align:center!important;
}
.srsi-support-root.is-customer .srsi-support-status{
  grid-column:3!important;
  justify-self:end!important;
}


/* 0.7.75 — customer/admin visual parity + desktop-style mobile launcher.
   The employee panel now uses the exact same LiveChat shell/chrome language as
   the customer panel. Mobile no longer uses the old edge rail: customer and
   employee both collapse back into the same circular bottom-right launcher. */

/* Employee workspace uses the same neutral shell surface as the customer. */
.srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-panel,
.srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-agent-list,
.srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-product-grid{
  background:rgb(245,245,246)!important;
  background-color:rgb(245,245,246)!important;
  color:#111!important;
}
.srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-agent-list > .srsi-support-product-grid-wrap,
.srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-agent-list > .srsi-support-grid-wrap{
  background:transparent!important;
  background-color:transparent!important;
}
.srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-product-grid{
  gap:12px!important;
}

/* Employee topbar: same geometry as the customer LiveChat topbar. */
.srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-toolbar,
.srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-agent-toolbar{
  position:relative!important;
  display:block!important;
  height:60px!important;
  min-height:60px!important;
  flex:0 0 60px!important;
  padding:0!important;
  border:0!important;
  border-bottom:0!important;
  background:rgb(245,245,246)!important;
  background-color:rgb(245,245,246)!important;
  overflow:visible!important;
}
.srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-toolbar-left,
.srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-toolbar-right{
  position:absolute!important;
  top:10px!important;
  z-index:3!important;
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  width:auto!important;
  min-width:0!important;
}
.srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-toolbar-left{
  left:10px!important;
  justify-content:flex-start!important;
}
.srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-toolbar-right{
  right:10px!important;
  justify-content:flex-end!important;
}
.srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-toolbar-center{
  position:absolute!important;
  z-index:2!important;
  top:8px!important;
  left:50%!important;
  width:auto!important;
  min-width:0!important;
  height:42px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  transform:translateX(-50%)!important;
  pointer-events:none!important;
}

/* Same compact round controls/press interaction as the customer toolbar. */
.srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-toolbar-button,
.srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-toolbar-minimize,
.srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-toolbar-close,
.srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-toolbar-presence{
  width:28px!important;
  min-width:28px!important;
  height:28px!important;
  min-height:28px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:999px!important;
  background:#d7d7d7!important;
  background-color:rgb(215,215,215)!important;
  color:#111!important;
  box-shadow:none!important;
  display:grid!important;
  place-items:center!important;
  transform:scale(1)!important;
  transform-origin:center!important;
  transition:transform 105ms cubic-bezier(.2,.75,.25,1),background-color 120ms ease!important;
  -webkit-tap-highlight-color:transparent!important;
}
.srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-toolbar-button:hover,
.srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-toolbar-minimize:hover,
.srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-toolbar-close:hover,
.srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-toolbar-presence:hover{
  background:#cfcfcf!important;
  background-color:rgb(207,207,207)!important;
  transform:scale(1)!important;
}
.srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-toolbar-button:active,
.srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-toolbar-minimize:active,
.srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-toolbar-close:active{
  background:#cacaca!important;
  background-color:rgb(202,202,202)!important;
  transform:scale(.86)!important;
  transition-duration:55ms,55ms!important;
}
.srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-toolbar-minimize{
  font-size:22px!important;
  font-weight:600!important;
  line-height:1!important;
  padding:0 0 4px!important;
}
.srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-toolbar-close{
  font-size:22px!important;
  font-weight:400!important;
  line-height:1!important;
  padding:0 0 2px!important;
}
.srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-toolbar-presence>span{
  width:8px!important;
  height:8px!important;
  border-radius:50%!important;
  background:#a9b2b7!important;
  box-shadow:none!important;
}
.srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-toolbar-presence.is-online>span{
  background:#63bf20!important;
  box-shadow:none!important;
}

/* Employee center pill gets the exact customer identity-card treatment. */
.srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-toolbar-name-pill,
.srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-toolbar-name-pill.is-connected,
.srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-toolbar-name-pill.is-waiting{
  width:auto!important;
  min-width:0!important;
  max-width:158px!important;
  min-height:40px!important;
  height:40px!important;
  padding:5px 13px!important;
  gap:8px!important;
  border:0!important;
  border-radius:24px!important;
  outline:1px solid rgb(227,227,227)!important;
  outline-offset:-1px!important;
  background:#fff!important;
  color:#111!important;
  box-shadow:rgba(0,0,0,.08) 0 .48px 2.41px -.38px,rgba(0,0,0,.25) 0 4px 20px -.75px!important;
  font-size:13.5px!important;
  font-weight:800!important;
  line-height:1!important;
  letter-spacing:0!important;
}

/* Before a code is linked, the connect card also follows the customer card language. */
.srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-connect{
  margin:12px!important;
  padding:16px!important;
  gap:10px!important;
  border:1px solid #e0e1e4!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:0 3px 12px rgba(20,31,38,.045)!important;
}
.srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-connect>label{
  color:#111!important;
  font-size:13px!important;
  font-weight:800!important;
}
.srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-help{
  color:#777f84!important;
  font-size:11.5px!important;
  line-height:1.45!important;
}
.srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-code-form{
  gap:8px!important;
}
.srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-code-form input{
  height:44px!important;
  min-height:44px!important;
  padding:0 12px!important;
  border:1px solid #d5d8da!important;
  border-radius:11px!important;
  background:rgb(245,245,246)!important;
  background-color:rgb(245,245,246)!important;
  color:#111!important;
  box-shadow:none!important;
  text-align:center!important;
}
.srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-code-form input:focus,
.srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-note-input:focus{
  border-color:#a9cfdc!important;
  outline:0!important;
  box-shadow:0 0 0 2px rgba(0,159,219,.08)!important;
}

/* Employee actions inherit the same Live Support button system.
   Primary connect actions stay blue, product add actions use the requested green. */
.srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-primary,
.srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-current-add,
.srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-quick-add,
.srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-add{
  border:0!important;
  color:#fff!important;
  box-shadow:none!important;
  font-weight:800!important;
}
.srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-primary{
  background:var(--srsi-livechat-blue)!important;
}
.srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-primary:hover{
  background:var(--srsi-livechat-blue-hover)!important;
  color:#fff!important;
}
.srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-current-add,
.srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-quick-add,
.srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-add{
  background:#7ebf00!important;
}
.srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-current-add:hover,
.srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-quick-add:hover,
.srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-add:hover{
  background:#70ab00!important;
  color:#fff!important;
}
.srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-primary,
.srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-current-add,
.srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-quick-add,
.srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-add{
  height:44px!important;
  min-height:44px!important;
  max-height:44px!important;
  padding:0 16px!important;
  border-radius:11px!important;
  font-size:13px!important;
  line-height:1!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  white-space:nowrap!important;
}
.srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-current-add,
.srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-quick-add{
  border-radius:9px!important;
}

/* Admin-only controls are normalized to the same compact grey control language. */
.srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-card-icon-action{
  width:28px!important;
  min-width:28px!important;
  height:28px!important;
  min-height:28px!important;
  border:0!important;
  border-radius:999px!important;
  background:#d7d7d7!important;
  color:#111!important;
  box-shadow:none!important;
  transform:scale(1)!important;
  transition:transform 105ms cubic-bezier(.2,.75,.25,1),background-color 120ms ease,color 120ms ease!important;
}
.srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-card-icon-action:hover{
  background:#cfcfcf!important;
  color:#111!important;
  transform:scale(1)!important;
}
.srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-card-icon-action:active{
  background:#cacaca!important;
  transform:scale(.86)!important;
}
.srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-card-focus-action.is-active,
.srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-card-note-action.is-active{
  background:#009fdb!important;
  color:#fff!important;
}
.srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-card-remove-action:hover{
  background:#f0dede!important;
  color:#a64242!important;
}
.srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-card-stepper{
  border-color:#d8dadd!important;
  border-radius:9px!important;
  background:#fff!important;
}
.srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-card-stepper .srsi-support-qty-button{
  background:#fff!important;
  color:#111!important;
}
.srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-card-stepper .srsi-support-qty-button:hover{
  background:#f0f1f2!important;
}
.srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-card-actions.srsi-support-note-only,
.srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-card-actions.srsi-support-note-only .srsi-support-note-input{
  background:rgb(245,245,246)!important;
  background-color:rgb(245,245,246)!important;
  color:#111!important;
}

/* Desktop admin header uses the exact same final 68px geometry as customer. */
@media (min-width:768px){
  .srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-toolbar,
  .srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-agent-toolbar{
    height:68px!important;
    min-height:68px!important;
    flex-basis:68px!important;
  }
  .srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-toolbar-left,
  .srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-toolbar-right{
    top:10px!important;
  }
  .srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-toolbar-center{
    top:14px!important;
  }
}

/* Mobile launcher parity: no vertical edge tab. Both roles use the exact same
   60px bottom-right circular launcher and the same panel -> launcher handoff. */
@media (max-width:767px){
  .srsi-support-root{--srsi-livechat-launch-size:60px!important;--srsi-livechat-launch-right:15px!important;--srsi-livechat-launch-bottom:26px!important}

  .srsi-support-root.is-customer .srsi-support-side-tab:not([hidden]),
  .srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-agent-side-tab:not([hidden]){
    position:fixed!important;
    left:auto!important;
    right:var(--srsi-livechat-launch-right,15px)!important;
    top:auto!important;
    bottom:calc(var(--srsi-livechat-launch-bottom,26px) + env(safe-area-inset-bottom,0px))!important;
    width:var(--srsi-livechat-launch-size,60px)!important;
    min-width:var(--srsi-livechat-launch-size,60px)!important;
    max-width:var(--srsi-livechat-launch-size,60px)!important;
    height:var(--srsi-livechat-launch-size,60px)!important;
    min-height:var(--srsi-livechat-launch-size,60px)!important;
    max-height:var(--srsi-livechat-launch-size,60px)!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    border-radius:999px!important;
    display:grid!important;
    place-items:center!important;
    gap:0!important;
    writing-mode:horizontal-tb!important;
    background:#009FDB!important;
    color:#fff!important;
    box-shadow:0 10px 26px rgba(24,131,176,.22)!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:none!important;
    animation:none!important;
    overflow:visible!important;
    z-index:2147483647!important;
  }
  .srsi-support-root.is-customer .srsi-support-side-tab[hidden],
  .srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-agent-side-tab[hidden]{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
  }
  .srsi-support-root.is-customer .srsi-support-side-label,
  .srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-side-label{
    display:none!important;
  }
  .srsi-support-root.is-customer .srsi-support-side-tab > .srsi-support-side-icon,
  .srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-agent-side-tab > .srsi-support-side-icon{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    display:grid!important;
    place-items:center!important;
    pointer-events:none!important;
    line-height:0!important;
  }
  .srsi-support-root.is-customer .srsi-support-side-tab > .srsi-support-side-icon .srsi-headphones-icon,
  .srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-agent-side-tab > .srsi-support-side-icon .srsi-headphones-icon{
    width:37px!important;
    height:37px!important;
    margin:0!important;
    position:static!important;
    transform:none!important;
  }
  .srsi-support-root.is-customer.is-open .srsi-support-side-tab,
  .srsi-support-root.is-agent.srsi-support-agent-feedback.is-open .srsi-support-agent-side-tab,
  .srsi-support-root.srsi-content-hiding .srsi-support-side-tab,
  .srsi-support-root.srsi-content-hiding .srsi-support-agent-side-tab,
  .srsi-support-root.srsi-shell-collapsing .srsi-support-side-tab,
  .srsi-support-root.srsi-shell-collapsing .srsi-support-agent-side-tab,
  .srsi-support-root.mfp-removing .srsi-support-side-tab,
  .srsi-support-root.mfp-removing .srsi-support-agent-side-tab{
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transform:scale(.78)!important;
    animation:none!important;
  }
  .srsi-support-root.srsi-launcher-reveal .srsi-support-side-tab:not([hidden]),
  .srsi-support-root.srsi-launcher-reveal .srsi-support-agent-side-tab:not([hidden]){
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    animation:srsi-v0738-launcher-pop .10s cubic-bezier(.22,.85,.3,1) both!important;
  }

  /* Mobile employee toolbar follows the same safe-area layout as customer. */
  .srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-toolbar,
  .srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-agent-toolbar{
    height:calc(60px + env(safe-area-inset-top,0px))!important;
    min-height:calc(60px + env(safe-area-inset-top,0px))!important;
    flex-basis:calc(60px + env(safe-area-inset-top,0px))!important;
  }
  .srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-toolbar-left,
  .srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-toolbar-right{
    top:calc(10px + env(safe-area-inset-top,0px))!important;
  }
  .srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-toolbar-center{
    top:calc(8px + env(safe-area-inset-top,0px))!important;
  }
  .srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-connect{
    margin-left:10px!important;
    margin-right:10px!important;
  }
}

@media (prefers-reduced-motion:reduce){
  .srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-toolbar-button,
  .srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-toolbar-minimize,
  .srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-toolbar-close,
  .srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-card-icon-action{
    transition:none!important;
  }
  .srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-toolbar-button:active,
  .srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-toolbar-minimize:active,
  .srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-toolbar-close:active,
  .srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-card-icon-action:active{
    transform:none!important;
  }
}

/* 0.7.75 mobile handoff specificity guard.
   These scoped state selectors intentionally outrank the visible launcher base
   so neither role can flash its launcher while the full-screen panel closes. */
@media (max-width:767px){
  .srsi-support-root.is-customer.srsi-content-hiding .srsi-support-side-tab:not([hidden]),
  .srsi-support-root.is-customer.srsi-shell-collapsing .srsi-support-side-tab:not([hidden]),
  .srsi-support-root.is-customer.mfp-removing .srsi-support-side-tab:not([hidden]),
  .srsi-support-root.is-agent.srsi-support-agent-feedback.srsi-content-hiding .srsi-support-agent-side-tab:not([hidden]),
  .srsi-support-root.is-agent.srsi-support-agent-feedback.srsi-shell-collapsing .srsi-support-agent-side-tab:not([hidden]),
  .srsi-support-root.is-agent.srsi-support-agent-feedback.mfp-removing .srsi-support-agent-side-tab:not([hidden]){
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transform:scale(.78)!important;
    animation:none!important;
  }
  .srsi-support-root.is-customer.srsi-launcher-reveal .srsi-support-side-tab:not([hidden]),
  .srsi-support-root.is-agent.srsi-support-agent-feedback.srsi-launcher-reveal .srsi-support-agent-side-tab:not([hidden]){
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    animation:srsi-v0738-launcher-pop .10s cubic-bezier(.22,.85,.3,1) both!important;
  }
}


/* 0.7.76 - uploaded employee avatar replaces the call glyph in the identity pill. */
.srsi-support-toolbar-agent-avatar img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
  border-radius:50%!important;
}
.srsi-support-toolbar-agent-initial{
  width:100%!important;
  height:100%!important;
  display:grid!important;
  place-items:center!important;
  border-radius:50%!important;
  background:#f2f3f4!important;
  color:#111!important;
  font-size:12px!important;
  font-weight:800!important;
  line-height:1!important;
}
.srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-toolbar-name-pill.is-connected{
  max-width:174px!important;
  min-height:40px!important;
  height:40px!important;
  padding:5px 13px 5px 5px!important;
  gap:8px!important;
  justify-content:flex-start!important;
  overflow:visible!important;
  border:0!important;
  border-radius:24px!important;
  outline:1px solid rgb(227,227,227)!important;
  outline-offset:-1px!important;
  background:#fff!important;
  color:#111!important;
  box-shadow:rgba(0,0,0,.08) 0 .48px 2.41px -.38px,rgba(0,0,0,.25) 0 4px 20px -.75px!important;
}
.srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-toolbar-agent-avatar{
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  flex:0 0 30px!important;
}

/* 0.7.78 - calm one-way launcher reveal.
   The launcher may gently grow into place, but never overshoots its final size
   and no update/connected pulse is allowed to bounce it immediately afterwards. */
.srsi-support-root.just-connected .srsi-support-side-tab,
.srsi-support-root.has-update .srsi-support-side-tab,
.srsi-support-root.has-update .srsi-support-agent-side-tab{
  animation:none!important;
}
.srsi-support-root.srsi-launcher-reveal .srsi-support-side-tab:not([hidden]),
.srsi-support-root.srsi-launcher-reveal .srsi-support-agent-side-tab:not([hidden]){
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  animation:srsi-v0778-launcher-appear .14s cubic-bezier(.2,.72,.28,1) both!important;
}
@keyframes srsi-v0778-launcher-appear{
  0%{opacity:.58;transform:scale(.92)}
  100%{opacity:1;transform:scale(1)}
}
@media (prefers-reduced-motion:reduce){
  .srsi-support-root.srsi-launcher-reveal .srsi-support-side-tab:not([hidden]),
  .srsi-support-root.srsi-launcher-reveal .srsi-support-agent-side-tab:not([hidden]){
    animation:none!important;
    opacity:1!important;
    transform:scale(1)!important;
  }
}



/* 0.7.79 - remove secondary launcher bounce after collapse.
   Keep the soft first reveal, but suppress every follow-up update/connected/review
   pulse that could fire again once the temporary reveal class is removed. */
.srsi-support-root.is-customer.has-update:not(.is-open) .srsi-support-side-tab,
.srsi-support-root.is-customer.just-connected .srsi-support-side-tab,
.srsi-support-root.is-customer.just-ended .srsi-support-side-tab,
.srsi-support-root.is-agent.srsi-support-agent-feedback.has-update:not(.is-open) .srsi-support-agent-side-tab,
.srsi-support-root.is-agent.srsi-support-agent-feedback.just-connected .srsi-support-agent-side-tab,
.srsi-support-root.is-agent.srsi-support-agent-feedback.just-ended .srsi-support-agent-side-tab,
.srsi-support-root.has-update .srsi-support-side-tab,
.srsi-support-root.has-update .srsi-support-agent-side-tab,
.srsi-support-root.just-connected .srsi-support-side-tab,
.srsi-support-root.just-connected .srsi-support-agent-side-tab,
.srsi-support-root.just-ended .srsi-support-side-tab,
.srsi-support-root.just-ended .srsi-support-agent-side-tab{
  animation:none!important;
}


/* 0.7.81 - admin connected-state cleanup.
   Remove the empty current-product card and make the advice-list area follow
   the same open shell background as the customer panel, without the oversized
   inner rounded block at the bottom when no items are present. */
.srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-current-product{
  display:none!important;
}
.srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-agent-list{
  margin:10px 14px 14px!important;
  padding:0!important;
  background:transparent!important;
  background-color:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  flex:1 1 auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:auto!important;
}
.srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-agent-list .srsi-support-list-title,
.srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-agent-list > .srsi-support-help{
  margin-left:0!important;
  margin-right:0!important;
}
.srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-agent-list > .srsi-support-help{
  padding:0!important;
}
.srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-agent-list .srsi-support-product-grid{
  margin-top:10px!important;
  background:transparent!important;
  background-color:transparent!important;
}


/* 0.7.82 - restore contextual quick-add + finish admin panel floor.
   The quick-add strip is rendered only when JS detects a real WooCommerce
   product page. The connected admin body then owns the remaining panel height
   as one uninterrupted Live Support surface, matching the customer panel. */
.srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-current-product[hidden]{
  display:none!important;
}
.srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-current-product:not([hidden]){
  display:grid!important;
}
.srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-panel{
  background:rgb(245,245,246)!important;
  background-color:rgb(245,245,246)!important;
  overflow:hidden!important;
}
.srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-agent-list{
  flex:1 1 0!important;
  min-height:0!important;
  max-height:none!important;
  align-self:stretch!important;
  margin:10px 14px 0!important;
  padding:0 0 14px!important;
  border:0!important;
  border-radius:0!important;
  background:rgb(245,245,246)!important;
  background-color:rgb(245,245,246)!important;
  box-shadow:none!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
}
.srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-agent-list:last-child{
  margin-bottom:0!important;
}
.srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-agent-list .srsi-support-list-title{
  margin:0 0 8px!important;
}
.srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-agent-list > .srsi-support-help{
  margin:0!important;
  padding:0!important;
}


/* 0.7.83 - remove the stale desktop admin shadow-frame.
   The real employee panel is bottom-anchored, while the historical root::after
   frame could retain a different vertical geometry and visibly protrude below
   the panel. The customer shell is untouched. Admin elevation now belongs to
   the actual panel so there is only one physical rounded rectangle. */
@media (min-width:768px){
  .srsi-support-root.is-agent.srsi-support-agent-feedback::after,
  .srsi-support-root.is-agent.srsi-support-agent-feedback.is-open::after,
  .srsi-support-root.is-agent.srsi-support-agent-feedback.mfp-ready::after,
  .srsi-support-root.is-agent.srsi-support-agent-feedback.srsi-shell-collapsing::after,
  .srsi-support-root.is-agent.srsi-support-agent-feedback.mfp-removing::after{
    content:none!important;
    display:none!important;
    opacity:0!important;
    visibility:hidden!important;
    width:0!important;
    height:0!important;
    box-shadow:none!important;
  }

  .srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-panel{
    box-shadow:rgba(0,0,0,.08) 0 .48px 2.41px -.38px,
               rgba(0,0,0,.25) 0 4px 20px -.75px!important;
  }
}


/* 0.7.84/0.7.85 - desktop admin uses the customer bottom-right anchor,
   but open-only dimensions must never leak into the close animation. */
@media (min-width:768px){
  .srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-panel,
  body.admin-bar .srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-panel{
    left:auto!important;
    right:max(0px,calc(var(--srsi-livechat-launch-right,15px) - 5px))!important;
    top:auto!important;
    bottom:var(--srsi-livechat-launch-bottom,26px)!important;
    transform:none!important;
  }

  .srsi-support-root.is-agent.srsi-support-agent-feedback.is-open .srsi-support-panel,
  body.admin-bar .srsi-support-root.is-agent.srsi-support-agent-feedback.is-open .srsi-support-panel{
    right:25px!important;
    bottom:var(--srsi-livechat-launch-bottom,26px)!important;
    height:min(685px,calc(100dvh - 50px))!important;
    max-height:685px!important;
  }

  body.admin-bar .srsi-support-root.is-agent.srsi-support-agent-feedback.is-open .srsi-support-panel{
    height:min(685px,calc(100dvh - 82px))!important;
    max-height:calc(100dvh - 82px)!important;
  }

  /* Exact customer collapse: content is already gone at this point; now the
     whole shell shrinks into the bottom-right launcher anchor. */
  .srsi-support-root.is-agent.srsi-support-agent-feedback.srsi-shell-collapsing .srsi-support-panel,
  body.admin-bar .srsi-support-root.is-agent.srsi-support-agent-feedback.srsi-shell-collapsing .srsi-support-panel,
  .srsi-support-root.is-agent.srsi-support-agent-feedback.mfp-removing .srsi-support-panel,
  body.admin-bar .srsi-support-root.is-agent.srsi-support-agent-feedback.mfp-removing .srsi-support-panel{
    left:auto!important;
    right:max(0px,calc(var(--srsi-livechat-launch-right,15px) - 5px))!important;
    top:auto!important;
    bottom:var(--srsi-livechat-launch-bottom,26px)!important;
    width:0!important;
    min-width:0!important;
    max-width:0!important;
    height:0!important;
    min-height:0!important;
    max-height:0!important;
    border-radius:30px!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    overflow:hidden!important;
    box-shadow:none!important;
    transform:none!important;
    transition:
      right .225s cubic-bezier(.55,.02,.82,.38),
      width .225s cubic-bezier(.55,.02,.82,.38),
      min-width .225s cubic-bezier(.55,.02,.82,.38),
      max-width .225s cubic-bezier(.55,.02,.82,.38),
      height .225s cubic-bezier(.55,.02,.82,.38),
      min-height .225s cubic-bezier(.55,.02,.82,.38),
      max-height .225s cubic-bezier(.55,.02,.82,.38),
      border-radius .20s ease,
      opacity .055s ease .17s,
      visibility 0s linear .235s!important;
  }
}


/* 0.7.86 - mobile fullscreen parity.
   Mobile now closes into the same bottom-right launcher anchor as desktop,
   rather than translating sideways. While the fullscreen workspace is open,
   the document itself is frozen so iOS/Safari cannot scroll the page behind it. */
@media (max-width:767px){
  html.srsi-support-mobile-lock,
  html.srsi-support-mobile-lock body{
    overflow:hidden!important;
    overscroll-behavior:none!important;
    height:100%!important;
    max-height:100%!important;
  }
  html.srsi-support-mobile-lock body{
    width:100%!important;
  }

  /* A numeric bottom/right open anchor is visually identical to inset:0, but
     lets the close animation interpolate toward the launcher instead of sliding. */
  .srsi-support-root.is-customer.is-open .srsi-support-panel,
  .srsi-support-root.is-agent.srsi-support-agent-feedback.is-open .srsi-support-panel{
    inset:auto!important;
    left:auto!important;
    top:auto!important;
    right:0!important;
    bottom:0!important;
    width:100vw!important;
    min-width:100vw!important;
    max-width:100vw!important;
    height:100dvh!important;
    min-height:100dvh!important;
    max-height:100dvh!important;
    margin:0!important;
    border:0!important;
    border-radius:0!important;
    transform:none!important;
    -webkit-transform:none!important;
    translate:none!important;
    scale:none!important;
    transform-origin:100% 100%!important;
  }

  /* Same desktop close sequence: content is gone first, then only width/height
     fold toward the bottom-right launcher point. No translateX/right-slide. */
  .srsi-support-root.is-customer.srsi-shell-collapsing .srsi-support-panel,
  .srsi-support-root.is-customer.mfp-removing .srsi-support-panel,
  .srsi-support-root.is-agent.srsi-support-agent-feedback.srsi-shell-collapsing .srsi-support-panel,
  .srsi-support-root.is-agent.srsi-support-agent-feedback.mfp-removing .srsi-support-panel{
    inset:auto!important;
    left:auto!important;
    top:auto!important;
    right:max(0px,calc(var(--srsi-livechat-launch-right,15px) - 5px))!important;
    bottom:calc(var(--srsi-livechat-launch-bottom,26px) + env(safe-area-inset-bottom,0px))!important;
    width:0!important;
    min-width:0!important;
    max-width:0!important;
    height:0!important;
    min-height:0!important;
    max-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:30px!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    overflow:hidden!important;
    box-shadow:none!important;
    transform:none!important;
    -webkit-transform:none!important;
    translate:none!important;
    scale:none!important;
    transform-origin:100% 100%!important;
    transition:
      right .225s cubic-bezier(.55,.02,.82,.38),
      bottom .225s cubic-bezier(.55,.02,.82,.38),
      width .225s cubic-bezier(.55,.02,.82,.38),
      min-width .225s cubic-bezier(.55,.02,.82,.38),
      max-width .225s cubic-bezier(.55,.02,.82,.38),
      height .225s cubic-bezier(.55,.02,.82,.38),
      min-height .225s cubic-bezier(.55,.02,.82,.38),
      max-height .225s cubic-bezier(.55,.02,.82,.38),
      border-radius .20s ease,
      opacity .055s ease .17s,
      visibility 0s linear .235s!important;
  }

  .srsi-support-root.srsi-content-hiding .srsi-support-panel > *:not(.srsi-support-confirm-layer){
    opacity:0!important;
    transition-duration:.035s!important;
    transition-delay:0s!important;
  }

  /* The panel owns scrolling; the website never does while fullscreen support
     is active. Contain overscroll so a list edge cannot hand the gesture back
     to the page/browser viewport. */
  .srsi-support-root.is-customer.is-open .srsi-support-panel,
  .srsi-support-root.is-agent.srsi-support-agent-feedback.is-open .srsi-support-panel,
  .srsi-support-root.is-customer.is-open .srsi-support-customer-list,
  .srsi-support-root.is-agent.srsi-support-agent-feedback.is-open .srsi-support-agent-list{
    overscroll-behavior:contain!important;
  }
}

@media (prefers-reduced-motion:reduce) and (max-width:767px){
  .srsi-support-root.is-customer.srsi-shell-collapsing .srsi-support-panel,
  .srsi-support-root.is-agent.srsi-support-agent-feedback.srsi-shell-collapsing .srsi-support-panel{
    transition:none!important;
  }
}


/* 0.7.87 - one mobile close path only.
   Legacy Flatsome/off-canvas CSS still had a resting translateX(100vw) state.
   Once srsi-shell-collapsing ended that old state could briefly take over,
   producing a second sideways exit. Mobile support panels never translate now;
   their resting closed state stays collapsed at the launcher anchor. */
@media (max-width:767px){
  .srsi-support-root.off-canvas-right .mfp-content.srsi-support-panel,
  .srsi-support-root.is-customer .srsi-support-panel,
  .srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-panel{
    -webkit-transform:none!important;
    -ms-transform:none!important;
    transform:none!important;
    translate:none!important;
    scale:none!important;
  }

  .srsi-support-root.is-customer:not(.is-open):not(.srsi-content-hiding):not(.srsi-shell-collapsing):not(.mfp-removing) .srsi-support-panel,
  .srsi-support-root.is-agent.srsi-support-agent-feedback:not(.is-open):not(.srsi-content-hiding):not(.srsi-shell-collapsing):not(.mfp-removing) .srsi-support-panel{
    inset:auto!important;
    left:auto!important;
    top:auto!important;
    right:max(0px,calc(var(--srsi-livechat-launch-right,15px) - 5px))!important;
    bottom:calc(var(--srsi-livechat-launch-bottom,26px) + env(safe-area-inset-bottom,0px))!important;
    width:0!important;
    min-width:0!important;
    max-width:0!important;
    height:0!important;
    min-height:0!important;
    max-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:30px!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    overflow:hidden!important;
    box-shadow:none!important;
    -webkit-transform:none!important;
    -ms-transform:none!important;
    transform:none!important;
    translate:none!important;
    scale:none!important;
    transform-origin:100% 100%!important;
    transition:none!important;
  }
}


/* 0.7.88 - mobile open parity with desktop.
   Every mobile opening, including the very first support-code request, is
   painted once at the 60px launcher anchor and then expands from that exact
   bottom-right corner into the fullscreen workspace. No slide-in path exists. */
@media (max-width:767px){
  .srsi-support-root.is-customer.srsi-shell-opening:not(.is-open) .srsi-support-panel,
  .srsi-support-root.is-agent.srsi-support-agent-feedback.srsi-shell-opening:not(.is-open) .srsi-support-panel{
    inset:auto!important;
    left:auto!important;
    top:auto!important;
    right:max(0px,calc(var(--srsi-livechat-launch-right,15px) - 5px))!important;
    bottom:calc(var(--srsi-livechat-launch-bottom,26px) + env(safe-area-inset-bottom,0px))!important;
    width:var(--srsi-livechat-launch-size,60px)!important;
    min-width:var(--srsi-livechat-launch-size,60px)!important;
    max-width:var(--srsi-livechat-launch-size,60px)!important;
    height:var(--srsi-livechat-launch-size,60px)!important;
    min-height:var(--srsi-livechat-launch-size,60px)!important;
    max-height:var(--srsi-livechat-launch-size,60px)!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:30px!important;
    opacity:0!important;
    visibility:visible!important;
    pointer-events:none!important;
    overflow:hidden!important;
    box-shadow:none!important;
    -webkit-transform:none!important;
    -ms-transform:none!important;
    transform:none!important;
    translate:none!important;
    scale:none!important;
    transform-origin:100% 100%!important;
    transition:none!important;
  }

  .srsi-support-root.is-customer.srsi-shell-opening.is-open .srsi-support-panel,
  .srsi-support-root.is-agent.srsi-support-agent-feedback.srsi-shell-opening.is-open .srsi-support-panel{
    inset:auto!important;
    left:auto!important;
    top:auto!important;
    right:0!important;
    bottom:0!important;
    width:100vw!important;
    min-width:100vw!important;
    max-width:100vw!important;
    height:100dvh!important;
    min-height:100dvh!important;
    max-height:100dvh!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    overflow:hidden!important;
    -webkit-transform:none!important;
    -ms-transform:none!important;
    transform:none!important;
    translate:none!important;
    scale:none!important;
    transform-origin:100% 100%!important;
    transition:
      right .26s cubic-bezier(.18,.78,.22,1),
      bottom .26s cubic-bezier(.18,.78,.22,1),
      width .26s cubic-bezier(.18,.78,.22,1),
      min-width .26s cubic-bezier(.18,.78,.22,1),
      max-width .26s cubic-bezier(.18,.78,.22,1),
      height .26s cubic-bezier(.18,.78,.22,1),
      min-height .26s cubic-bezier(.18,.78,.22,1),
      max-height .26s cubic-bezier(.18,.78,.22,1),
      border-radius .22s cubic-bezier(.18,.78,.22,1),
      opacity .085s ease,
      visibility 0s linear 0s!important;
  }

  /* Just like desktop, let the shell lead. Content only appears after the
     physical expansion has completed, preventing stretched toolbar/cards. */
  .srsi-support-root.srsi-shell-opening .srsi-support-panel > *:not(.srsi-support-confirm-layer){
    opacity:0!important;
    transition:opacity .065s ease!important;
    transition-delay:0s!important;
  }
  .srsi-support-root.is-customer.is-open:not(.srsi-shell-opening):not(.srsi-content-hiding) .srsi-support-panel > *:not(.srsi-support-confirm-layer),
  .srsi-support-root.is-agent.srsi-support-agent-feedback.is-open:not(.srsi-shell-opening):not(.srsi-content-hiding) .srsi-support-panel > *:not(.srsi-support-confirm-layer){
    opacity:1!important;
    transition:opacity .065s ease!important;
  }

  /* Opening hands the launcher into the shell at the same physical corner. */
  .srsi-support-root.srsi-shell-opening.is-open .srsi-support-side-tab,
  .srsi-support-root.srsi-shell-opening.is-open .srsi-support-agent-side-tab{
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transform:scale(.78)!important;
    animation:none!important;
  }
}

@media (prefers-reduced-motion:reduce) and (max-width:767px){
  .srsi-support-root.is-customer.srsi-shell-opening.is-open .srsi-support-panel,
  .srsi-support-root.is-agent.srsi-support-agent-feedback.srsi-shell-opening.is-open .srsi-support-panel,
  .srsi-support-root.srsi-shell-opening .srsi-support-panel > *:not(.srsi-support-confirm-layer){
    transition:none!important;
  }
}


/* 0.7.90 - customer waiting identity pill typography fix.
   Use valid longhand declarations so browsers cannot reject the intended 14px size. */
.srsi-support-root.is-customer .srsi-support-toolbar-name-pill.is-waiting{
  font-size:14px!important;
  line-height:1.1!important;
  font-family:inherit!important;
  font-weight:700!important;
  color:#15191c!important;
}


/* 0.7.94 - admin quick-add SKU + customer-identical desktop elevation. */
.srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-current-product:not([hidden]){
  grid-template-columns:52px minmax(0,1fr) auto!important;
  align-items:center!important;
  column-gap:9px!important;
}
.srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-current-sku{
  display:block!important;
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#777f84!important;
  font-size:11px!important;
  line-height:1.2!important;
  font-weight:500!important;
}
.srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-current-sku[hidden]{
  display:none!important;
}
.srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-current-controls{
  justify-self:end!important;
  padding-left:0!important;
}

@media (min-width:768px){
  /* Restore the same outer shadow frame the customer uses, now locked to the
     corrected 360px admin geometry so it cannot protrude below the panel. */
  .srsi-support-root.is-agent.srsi-support-agent-feedback::after{
    content:""!important;
    display:block!important;
    position:fixed!important;
    z-index:2147481204!important;
    left:auto!important;
    top:auto!important;
    right:max(0px,calc(var(--srsi-livechat-launch-right,15px) - 5px))!important;
    bottom:var(--srsi-livechat-launch-bottom,26px)!important;
    width:var(--srsi-livechat-launch-size,60px)!important;
    min-width:0!important;
    max-width:none!important;
    height:var(--srsi-livechat-launch-size,60px)!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:30px!important;
    background:transparent!important;
    box-shadow:rgba(0,0,0,.08) 0 .48px 2.41px -.38px,rgba(0,0,0,.25) 0 4px 20px -.75px!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transform:none!important;
    transition:
      right .26s cubic-bezier(.18,.78,.22,1),
      width .26s cubic-bezier(.18,.78,.22,1),
      height .26s cubic-bezier(.18,.78,.22,1),
      border-radius .22s cubic-bezier(.18,.78,.22,1),
      opacity .075s ease,
      visibility 0s linear .27s!important;
  }
  .srsi-support-root.is-agent.srsi-support-agent-feedback.is-open::after,
  .srsi-support-root.is-agent.srsi-support-agent-feedback.mfp-ready::after{
    right:25px!important;
    bottom:var(--srsi-livechat-launch-bottom,26px)!important;
    width:360px!important;
    height:min(685px,calc(100dvh - 50px))!important;
    border-radius:24px!important;
    opacity:1!important;
    visibility:visible!important;
    transition:
      right .26s cubic-bezier(.18,.78,.22,1),
      width .26s cubic-bezier(.18,.78,.22,1),
      height .26s cubic-bezier(.18,.78,.22,1),
      border-radius .22s cubic-bezier(.18,.78,.22,1),
      opacity .075s ease,
      visibility 0s linear 0s!important;
  }
  body.admin-bar .srsi-support-root.is-agent.srsi-support-agent-feedback.is-open::after,
  body.admin-bar .srsi-support-root.is-agent.srsi-support-agent-feedback.mfp-ready::after{
    height:min(685px,calc(100dvh - 82px))!important;
  }
  .srsi-support-root.is-agent.srsi-support-agent-feedback.srsi-shell-collapsing::after,
  .srsi-support-root.is-agent.srsi-support-agent-feedback.mfp-removing::after{
    right:max(0px,calc(var(--srsi-livechat-launch-right,15px) - 5px))!important;
    width:var(--srsi-livechat-launch-size,60px)!important;
    height:var(--srsi-livechat-launch-size,60px)!important;
    border-radius:30px!important;
    opacity:1!important;
    visibility:visible!important;
    transition:
      right .225s cubic-bezier(.55,.02,.82,.38),
      width .225s cubic-bezier(.55,.02,.82,.38),
      height .225s cubic-bezier(.55,.02,.82,.38),
      border-radius .20s ease,
      opacity .06s ease .18s,
      visibility 0s linear .235s!important;
  }
  /* Outer frame owns the exact LiveChat elevation, just like the customer. */
  .srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-panel{
    box-shadow:none!important;
  }
}


/* 0.7.95 - customer mobile cards: remove the fixed white tail below the thumbnail.
   Mobile suggestion cards are true horizontal content-sized rows. The media
   column stretches with the card instead of ending halfway down a fixed 196px card. */
@media (max-width:767px){
  .srsi-support-root.is-customer .srsi-support-product-grid.is-customer{
    grid-auto-rows:max-content!important;
    align-items:start!important;
  }
  .srsi-support-root.is-customer .srsi-support-product-grid.is-customer .srsi-support-product-card{
    display:grid!important;
    grid-template-columns:112px minmax(0,1fr)!important;
    grid-template-rows:auto!important;
    height:auto!important;
    min-height:112px!important;
    max-height:none!important;
    align-self:start!important;
    overflow:hidden!important;
  }
  .srsi-support-root.is-customer .srsi-support-product-grid.is-customer .srsi-support-product-media{
    width:112px!important;
    height:100%!important;
    min-height:112px!important;
    max-height:none!important;
    align-self:stretch!important;
    border-right:1px solid #eceff2!important;
    border-bottom:0!important;
  }
  .srsi-support-root.is-customer .srsi-support-product-grid.is-customer .srsi-support-product-body{
    height:auto!important;
    min-height:112px!important;
    max-height:none!important;
    align-self:stretch!important;
    box-sizing:border-box!important;
  }
}


/* 0.7.98 - mobile single-product launcher offset.
   Only on WooCommerce single product pages, move the shared customer/admin
   launcher anchor 55px upward. The same variable is used by open/close motion,
   preventing a jump between the collapsed launcher and the animated shell. */
@media (max-width:767px){
  body.single-product .srsi-support-root{
    --srsi-livechat-launch-bottom:81px!important;
  }
}

/* 0.7.100 - customer mobile advice list matches desktop: two cards per row.
   The mobile panel is full-width, so two desktop-style vertical cards fit
   comfortably while keeping the same image/title/SKU hierarchy. */
@media (max-width:767px){
  .srsi-support-root.is-customer .srsi-support-product-grid.is-customer{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-auto-rows:205px!important;
    gap:8px!important;
    align-items:stretch!important;
  }
  .srsi-support-root.is-customer .srsi-support-product-grid.is-customer .srsi-support-product-card{
    display:flex!important;
    flex-direction:column!important;
    grid-template-columns:none!important;
    grid-template-rows:none!important;
    width:100%!important;
    height:205px!important;
    min-height:205px!important;
    max-height:205px!important;
    align-self:stretch!important;
    border-radius:16px!important;
    overflow:hidden!important;
  }
  .srsi-support-root.is-customer .srsi-support-product-grid.is-customer .srsi-support-product-media{
    width:100%!important;
    height:104px!important;
    min-height:104px!important;
    max-height:104px!important;
    flex:0 0 104px!important;
    align-self:auto!important;
    border-right:0!important;
    border-bottom:1px solid #eceff2!important;
  }
  .srsi-support-root.is-customer .srsi-support-product-grid.is-customer .srsi-support-product-media img{
    width:85px!important;
    height:85px!important;
    max-width:85px!important;
    max-height:85px!important;
    padding:0!important;
    object-fit:contain!important;
    object-position:center!important;
  }
  .srsi-support-root.is-customer .srsi-support-product-grid.is-customer .srsi-support-product-body{
    flex:1 1 auto!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    padding:9px 10px 8px!important;
    gap:3px!important;
    overflow:hidden!important;
    align-self:auto!important;
    justify-content:flex-start!important;
  }
  .srsi-support-root.is-customer .srsi-support-product-grid.is-customer .srsi-support-item-title{
    min-height:0!important;
    max-height:52px!important;
    font-size:13.75px!important;
    line-height:1.25!important;
    -webkit-line-clamp:3!important;
  }
  .srsi-support-root.is-customer .srsi-support-product-grid.is-customer .srsi-support-item-sku{
    margin-top:1px!important;
    font-size:10.75px!important;
    line-height:1.15!important;
  }
  .srsi-support-root.is-customer .srsi-support-product-grid.is-customer .srsi-support-item-variant{
    font-size:10.25px!important;
    line-height:1.18!important;
  }
  .srsi-support-root.is-customer .srsi-support-product-grid.is-customer .srsi-support-item-note{
    margin-top:2px!important;
    padding:4px 6px!important;
    max-height:27px!important;
    font-size:9.75px!important;
    line-height:1.2!important;
  }
}


/* 0.7.101 - explicit discussion focus is the full product outline.
   No focus pill is rendered anymore. Customer cards get the outline directly;
   admin uses the outer wrapper so controls and note area are part of one item. */
.srsi-support-root.is-customer .srsi-support-product-card.is-focus{
  border:2px solid #17a8e3!important;
  box-shadow:
    rgba(0,0,0,.15) 0 .6px .54px -1.33px,
    rgba(0,0,0,.13) 0 2.29px 2.06px -2.67px,
    rgba(0,0,0,.04) 0 10px 9px -4px!important;
}
.srsi-support-root.is-agent .srsi-support-product-admin.is-focus{
  border:2px solid #17a8e3!important;
  box-shadow:
    rgba(0,0,0,.15) 0 .6px .54px -1.33px,
    rgba(0,0,0,.13) 0 2.29px 2.06px -2.67px,
    rgba(0,0,0,.04) 0 10px 9px -4px!important;
}
.srsi-support-root.is-agent .srsi-support-product-admin.is-focus > .srsi-support-product-card.is-focus{
  border:0!important;
  box-shadow:none!important;
}
.srsi-support-focus-pill{
  display:none!important;
}


/* 0.7.103 - mobile current-product quick-add uses the launcher's exact right anchor.
   The launcher itself rests at launch-right minus 5px in the final mobile rules.
   Use that exact same geometry here; do not depend on body.single-product because
   the dock already renders only when a real current product exists. */
@media (max-width:767px){
  .srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-agent-quick-dock{
    left:auto!important;
    right:max(0px,calc(var(--srsi-livechat-launch-right,15px) - 5px))!important;
    width:min(330px,calc(100vw - 20px))!important;
    max-width:calc(100vw - 20px)!important;
  }
}


/* 0.7.104 - customer card commerce controls.
   The product remains keyboard/click navigable, while the two controls stop
   propagation: external product link at top-right, cart icon on the SKU row. */
.srsi-support-root.is-customer .srsi-support-product-card.is-customer-card{
  cursor:pointer!important;
}
.srsi-support-root.is-customer .srsi-support-product-card.is-customer-card:hover .srsi-support-item-title{
  color:#009fdb!important;
}
.srsi-support-root.is-customer .srsi-support-product-card.is-customer-card:focus-visible{
  outline:2px solid rgba(23,168,227,.38)!important;
  outline-offset:2px!important;
}
.srsi-support-root.is-customer .srsi-support-card-open{
  position:absolute!important;
  top:7px!important;
  right:7px!important;
  z-index:9!important;
  width:25px!important;
  height:25px!important;
  min-width:25px!important;
  min-height:25px!important;
  display:grid!important;
  place-items:center!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:7px!important;
  background:rgba(255,255,255,.82)!important;
  color:#343a3e!important;
  box-shadow:0 1px 4px rgba(0,0,0,.07)!important;
  text-decoration:none!important;
  transition:background .14s ease,color .14s ease,transform .14s ease!important;
}
.srsi-support-root.is-customer .srsi-support-card-open:hover,
.srsi-support-root.is-customer .srsi-support-card-open:focus-visible{
  background:#fff!important;
  color:#17a8e3!important;
  transform:translateY(-1px)!important;
  outline:0!important;
}
.srsi-support-root.is-customer .srsi-support-card-open svg{
  display:block!important;
  width:14px!important;
  height:14px!important;
}
.srsi-support-root.is-customer .srsi-support-item-sku-row{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  width:100%!important;
  min-width:0!important;
  min-height:30px!important;
  flex:0 0 auto!important;
}
.srsi-support-root.is-customer .srsi-support-item-sku-row .srsi-support-item-sku{
  flex:1 1 auto!important;
  width:auto!important;
  min-width:0!important;
}
.srsi-support-root.is-customer .srsi-support-item-sku-row .srsi-support-item-sku.is-empty{
  min-height:1px!important;
}
.srsi-support-root.is-customer .srsi-support-card-cart{
  appearance:none!important;
  flex:0 0 30px!important;
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  min-height:30px!important;
  display:grid!important;
  place-items:center!important;
  margin:0!important;
  padding:7px!important;
  border:0!important;
  border-radius:9px!important;
  background:#7ebf00!important;
  color:#fff!important;
  box-shadow:none!important;
  cursor:pointer!important;
  transition:background .14s ease,transform .14s ease,opacity .14s ease!important;
}
.srsi-support-root.is-customer .srsi-support-card-cart:hover,
.srsi-support-root.is-customer .srsi-support-card-cart:focus-visible{
  background:#6eaa00!important;
  transform:translateY(-1px)!important;
  outline:2px solid rgba(126,191,0,.24)!important;
  outline-offset:1px!important;
}
.srsi-support-root.is-customer .srsi-support-card-cart svg{
  display:block!important;
  width:100%!important;
  height:100%!important;
}
.srsi-support-root.is-customer .srsi-support-card-cart.is-loading{
  opacity:.58!important;
  cursor:wait!important;
}
.srsi-support-root.is-customer .srsi-support-card-cart.is-added{
  background:#63b329!important;
}
.srsi-support-root.is-customer .srsi-support-card-cart.is-error{
  background:#d9534f!important;
}
.srsi-support-root.is-customer .srsi-support-card-cart:disabled{
  opacity:.34!important;
  cursor:not-allowed!important;
  transform:none!important;
}
@media (max-width:767px){
  .srsi-support-root.is-customer .srsi-support-product-grid.is-customer .srsi-support-item-sku-row{
    min-height:28px!important;
    gap:6px!important;
  }
  .srsi-support-root.is-customer .srsi-support-product-grid.is-customer .srsi-support-card-cart{
    flex-basis:28px!important;
    width:28px!important;
    height:28px!important;
    min-width:28px!important;
    min-height:28px!important;
    padding:6px!important;
    border-radius:8px!important;
  }
  .srsi-support-root.is-customer .srsi-support-product-grid.is-customer .srsi-support-card-open{
    top:6px!important;
    right:6px!important;
    width:24px!important;
    height:24px!important;
    min-width:24px!important;
    min-height:24px!important;
  }
}

/* 0.7.107 - read-only support history after a customer closes a connected session. */
.srsi-support-toolbar-name-pill.is-archived{
  color:#5e686e!important;
  background:#fafafa!important;
  box-shadow:0 3px 10px rgba(24,31,36,.08)!important;
  font-weight:650!important;
}
.srsi-support-overview-status.is-archived{
  background:#eef1f2!important;
  color:#65747b!important;
}
.srsi-support-overview-history{
  margin-top:18px;
  display:grid;
  gap:8px;
}
.srsi-support-overview-history-title{
  display:block;
  margin:0 1px 2px;
  color:#171a1d;
  font-size:12px;
  line-height:1.25;
  font-weight:800;
}
.srsi-support-overview-history-loading{
  display:block;
  padding:10px 2px;
  color:#7b8488;
  font-size:11px;
}
.srsi-support-overview-session-card.srsi-support-overview-history-card{
  appearance:none;
  -webkit-appearance:none;
  width:100%;
  margin:0;
  text-align:left;
  font:inherit;
  color:inherit;
  cursor:pointer;
  grid-template-columns:44px minmax(0,1fr) 24px;
  transition:border-color .14s ease,background .14s ease,transform .14s ease;
}
.srsi-support-overview-session-card.srsi-support-overview-history-card:hover,
.srsi-support-overview-session-card.srsi-support-overview-history-card:focus-visible{
  border-color:#cfd8dc;
  background:#fff;
  outline:none;
}
.srsi-support-overview-session-card.srsi-support-overview-history-card:active{
  transform:scale(.995);
}
.srsi-support-overview-history-chevron{
  display:grid;
  place-items:center;
  width:24px;
  height:24px;
  color:#7d878c;
  font-size:22px;
  font-weight:400;
  line-height:1;
}
.srsi-support-inline-error{
  margin:8px 12px 0;
  padding:9px 10px;
  border:1px solid #efd7d7;
  border-radius:10px;
  background:#fff6f6;
  color:#9a4545;
  font-size:11px;
  line-height:1.4;
}


/* 0.7.109 - make the custom launcher SVG render crisp.
   The generic launcher SVG rules were still forcing inherited stroke behaviour
   on the new filled icon, which caused little cracks/artefacts at launcher size. */
.srsi-support-agent-icon{
  display:block!important;
  overflow:visible!important;
  color:#fff!important;
  fill:currentColor!important;
  stroke:none!important;
  shape-rendering:geometricPrecision!important;
  text-rendering:geometricPrecision!important;
  backface-visibility:hidden!important;
  -webkit-backface-visibility:hidden!important;
  transform:translateZ(0)!important;
}
.srsi-support-agent-icon *{
  fill:currentColor!important;
  stroke:none!important;
}
.srsi-support-launch-icon .srsi-support-agent-icon{
  width:27px!important;
  height:27px!important;
}
.srsi-support-side-icon .srsi-support-agent-icon{
  width:34px!important;
  height:34px!important;
}
@media (max-width:767px){
  .srsi-support-side-icon .srsi-support-agent-icon{
    width:29px!important;
    height:29px!important;
  }
}


/* 0.7.111 - definitive desktop admin/customer shell-shadow parity.
   Root cause: the admin outer frame added in 0.7.94 was placed at z-index
   2147481202 while the admin panel is 2147481203. The customer frame is
   2147481204. Keep the admin frame on the exact same layer and geometry as
   the customer frame so the LiveChat elevation renders identically. */
@media (min-width:768px){
  .srsi-support-root.is-agent.srsi-support-agent-feedback::after{
    z-index:2147481204!important;
    pointer-events:none!important;
    background:transparent!important;
    box-shadow:rgba(0,0,0,.08) 0 .48px 2.41px -.38px,
               rgba(0,0,0,.25) 0 4px 20px -.75px!important;
  }
  .srsi-support-root.is-agent.srsi-support-agent-feedback.is-open::after,
  .srsi-support-root.is-agent.srsi-support-agent-feedback.mfp-ready::after{
    right:25px!important;
    bottom:var(--srsi-livechat-launch-bottom,26px)!important;
    width:360px!important;
    height:min(685px,calc(100dvh - 50px))!important;
    border-radius:24px!important;
    opacity:1!important;
    visibility:visible!important;
  }
  body.admin-bar .srsi-support-root.is-agent.srsi-support-agent-feedback.is-open::after,
  body.admin-bar .srsi-support-root.is-agent.srsi-support-agent-feedback.mfp-ready::after{
    height:min(685px,calc(100dvh - 82px))!important;
  }
  .srsi-support-root.is-agent.srsi-support-agent-feedback .srsi-support-panel{
    box-shadow:none!important;
  }
}


/* 0.7.112 - compact customer history cards + clean status avatar. */
.srsi-support-overview-new{
  color:#fff!important;
}
.srsi-support-overview-session-card.srsi-support-overview-history-card{
  min-height:0!important;
  height:auto!important;
  padding:10px 12px!important;
  line-height:1.2!important;
  text-transform:none!important;
  letter-spacing:0!important;
  box-shadow:none!important;
  vertical-align:middle!important;
}
.srsi-support-overview-history-card .srsi-support-overview-session-copy{
  gap:2px!important;
  line-height:1.2!important;
}
.srsi-support-overview-history-card .srsi-support-overview-session-copy strong{
  line-height:1.2!important;
}
.srsi-support-overview-history-card .srsi-support-overview-session-copy span{
  line-height:1.3!important;
}
.srsi-support-overview-history-card .srsi-support-agent-avatar{
  overflow:visible!important;
}
.srsi-support-overview-history-card .srsi-support-agent-avatar img{
  border-radius:50%!important;
}
.srsi-support-overview-history-card .srsi-support-agent-avatar::after{
  right:-1px!important;
  top:-1px!important;
  z-index:2!important;
}


/* v0.7.116 - search must own the mobile top layer.
 * The search drawer sits at the browser's practical z-index ceiling. Demote the
 * Stage Roads support shell and LiveChat launcher containers only while mobile
 * search is open; closing search restores their original stacking automatically. */
@media(max-width:768px){
  html.srsi-search-open-mobile .srsi-support-root,
  html.srsi-search-open-mobile #srsi-support-root{
    z-index:2147480000!important;
  }
  html.srsi-search-open-mobile #chat-widget-container,
  html.srsi-search-open-mobile #chat-widget-minimized,
  html.srsi-search-open-mobile [id*="chat-widget"],
  html.srsi-search-open-mobile [class*="chat-widget"],
  html.srsi-search-open-mobile iframe[src*="livechat" i],
  html.srsi-search-open-mobile iframe[title*="LiveChat" i],
  html.srsi-search-open-mobile iframe[title*="chat widget" i]{
    z-index:2147480000!important;
  }
}