/* v417: scoped quick-help slideshow; never changes chat pane or its scroll state. */
.xan-customer-ai-v231 .xcai-mode-panel-v175[data-xcai-mode-panel="quick"] .mx417-quick-media {
  position:relative;display:block;isolation:isolate;
  margin:10px 0 0;min-height:128px;height:clamp(130px,22dvh,192px);
  width:100%;max-width:100%;overflow:hidden;border-radius:14px;
  border:1px solid #b6cbd3;background:#e6eff3;color:#fff;
}
.xan-customer-ai-v231 .mx417-quick-media .mx417-stage,
.xan-customer-ai-v231 .mx417-quick-media .mx417-slide{position:absolute;inset:0;margin:0;overflow:hidden}
.xan-customer-ai-v231 .mx417-quick-media .mx417-slide[hidden]{display:none!important}
.xan-customer-ai-v231 .mx417-quick-media img,
.xan-customer-ai-v231 .mx417-quick-media video{width:100%;height:100%;object-fit:cover;display:block}
.xan-customer-ai-v231 .mx417-quick-media .mx417-controls{
  position:absolute;bottom:0;left:0;right:0;z-index:2;
  display:flex;align-items:center;justify-content:space-between;padding:9px 11px;
  min-height:42px;background:linear-gradient(0deg,rgba(0,43,61,.8),transparent);
}
.xan-customer-ai-v231 .mx417-quick-media .mx417-controls>div{display:flex;gap:6px;align-items:center}
.xan-customer-ai-v231 .mx417-quick-media .mx417-position{color:#fff;font-size:12px;font-weight:500}
.xan-customer-ai-v231 .mx417-quick-media button{
  box-sizing:border-box!important;display:grid!important;place-items:center!important;
  width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important;
  border-radius:8px!important;border:1px solid rgba(255,255,255,.7)!important;
  background:rgba(0,53,72,.78)!important;color:#fff!important;
  font-size:19px!important;font-weight:500!important;padding:0!important;cursor:pointer!important;
}
.xan-customer-ai-v231 .mx417-quick-media button[data-mx417-toggle]{font-size:11px!important}
.xan-customer-ai-v231 .mx417-quick-media button:focus-visible{outline:3px solid #ffd64b!important;outline-offset:2px!important}
.xan-customer-ai-v231 .mx417-quick-media button:active{background:#ffd64b!important;color:#003c53!important;transform:scale(.95)}
@media(hover:hover){.xan-customer-ai-v231 .mx417-quick-media button:hover{background:#03475d!important}}
@media(max-width:430px){.xan-customer-ai-v231 .mx417-quick-media{height:clamp(125px,20dvh,158px);margin-top:8px}}
@media(prefers-reduced-motion:reduce){.xan-customer-ai-v231 .mx417-quick-media *{animation:none!important;transition:none!important}}