/* 24/7 CRM demo screenshot viewer — isolated styles */
.demo-preview-panel .crm-shot-zoomable{
  cursor:zoom-in;
  transition:transform .2s ease, box-shadow .2s ease, filter .2s ease;
  outline:none;
}
.demo-preview-panel .crm-shot-zoomable:hover{
  transform:scale(1.012);
  box-shadow:0 12px 32px rgba(15,16,22,.12);
  filter:saturate(1.03);
}
.demo-preview-panel .crm-shot-zoomable:focus-visible{
  outline:3px solid rgba(255,91,10,.35);
  outline-offset:4px;
}
.demo-preview-panel .demo-preview-action{
  transition:background-color .18s ease,border-color .18s ease,color .18s ease,transform .12s ease,box-shadow .18s ease!important;
}
.demo-preview-panel .demo-preview-action:hover,
.demo-preview-panel .demo-preview-action:focus-visible{
  background:#fff1e8!important;
  border-color:#ff5b0a!important;
  color:#ff5b0a!important;
  box-shadow:0 8px 22px rgba(255,91,10,.12)!important;
}
.demo-preview-panel .demo-preview-action:active{
  background:#ff5b0a!important;
  border-color:#ff5b0a!important;
  color:#fff!important;
  transform:translateY(1px) scale(.99);
  box-shadow:0 5px 14px rgba(255,91,10,.22)!important;
}
.crm-lightbox-open{overflow:hidden!important}
.crm-shot-lightbox{
  position:fixed;
  inset:0;
  z-index:2147483000;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px;
  background:rgba(8,9,12,.9);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .18s ease,visibility .18s ease;
}
.crm-shot-lightbox.is-open{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}
.crm-shot-lightbox__dialog{
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;
  width:min(1500px,96vw);
  max-height:94vh;
}
.crm-shot-lightbox__image{
  display:block;
  max-width:100%;
  max-height:86vh;
  width:auto;
  height:auto;
  object-fit:contain;
  border-radius:16px;
  background:#fff;
  box-shadow:0 28px 80px rgba(0,0,0,.45);
}
.crm-shot-lightbox__caption{
  margin-top:12px;
  max-width:min(900px,90vw);
  color:#fff;
  font-size:.9rem;
  font-weight:700;
  text-align:center;
}
.crm-shot-lightbox__close{
  position:absolute;
  top:-18px;
  right:-18px;
  z-index:2;
  width:46px;
  height:46px;
  border:0;
  border-radius:50%;
  background:#ff5b0a;
  color:#fff;
  font:700 30px/1 Arial,sans-serif;
  cursor:pointer;
  box-shadow:0 10px 28px rgba(0,0,0,.28);
}
.crm-shot-lightbox__close:hover,
.crm-shot-lightbox__close:focus-visible{
  background:#ff7a36;
  outline:none;
}
@media(max-width:700px){
  .crm-shot-lightbox{padding:14px}
  .crm-shot-lightbox__dialog{width:100%}
  .crm-shot-lightbox__image{max-height:82vh;border-radius:12px}
  .crm-shot-lightbox__close{top:-12px;right:-4px;width:42px;height:42px}
}
@media(prefers-reduced-motion:reduce){
  .demo-preview-panel .crm-shot-zoomable,
  .demo-preview-panel .demo-preview-action,
  .crm-shot-lightbox{transition:none!important}
}