/* v1.8 Showcase Layout Fix */

/* Product Matrix = compact text list with status dots, no thumbnails/cards */
.left{padding:10px 14px 12px!important;display:flex!important;flex-direction:column!important}
.v15-matrix-rail{display:flex!important;flex-direction:column!important;min-height:0!important}
.v15-matrix-rail label{
  flex:0 0 auto!important;
  font-size:11px!important;
  margin:0!important;
  padding:0 0 7px!important;
}
#v15MatrixItems{
  flex:1 1 auto!important;
  height:auto!important;
  min-height:0!important;
  overflow:hidden!important;
  padding:0!important;
  gap:0!important;
}
.v15-matrix-item{
  flex:1 1 0!important;
  min-height:27px!important;
  height:auto!important;
  max-height:34px!important;
  grid-template-columns:minmax(0,1fr) 15px!important;
  gap:6px!important;
  padding:0 1px!important;
}
.v15-matrix-item img,
.v15-matrix-item .v15-fallback-dot{
  display:none!important;
}
.v15-matrix-item em{
  grid-column:1!important;
  font-size:12px!important;
  padding-left:1px!important;
}
.v15-matrix-item::after{
  grid-column:2!important;
  width:10px!important;height:10px!important;
}
.v17-matrix-legend{
  flex:0 0 auto!important;
  margin-top:6px!important;
  padding-top:7px!important;
  gap:6px 12px!important;
  font-size:9px!important;
}

/* current scenario title: stronger and truly centered on viewport */
.v14-scenario-head{
  position:fixed!important;
  top:28px!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  width:auto!important;
  min-width:420px!important;
  max-width:700px!important;
  text-align:center!important;
}
.v14-scenario-head strong{
  font-size:31px!important;
  font-weight:800!important;
  letter-spacing:.07em!important;
}

/* Static scenario and case rows always visible */
.center{
  grid-template-rows:minmax(0,1fr) 82px 48px!important;
}
#v16Scenarios,#v16Cases{display:flex!important}
.v16-scenario-list,.v16-case-list{display:grid!important}
.v16-scenario{
  height:48px!important;
  visibility:visible!important;
  opacity:1!important;
}
.v16-case{
  height:34px!important;
  visibility:visible!important;
  opacity:1!important;
}

/* Put the three utility controls INSIDE the solution panel, with breathing room */
.right{
  display:flex!important;
  flex-direction:column!important;
  min-height:0!important;
  padding-bottom:14px!important;
}
.tools{
  position:static!important;
  right:auto!important;bottom:auto!important;
  display:flex!important;
  flex-direction:row!important;
  gap:8px!important;
  margin-top:auto!important;
  padding-top:14px!important;
  align-self:center!important;
}
.tools button,.v16-customize{
  width:44px!important;height:44px!important;
  flex:0 0 44px!important;
  margin:0!important;
}

/* Splash: remove travelling orb/leading flare completely.
   Line only fades/draws in place. */
.splash-neon-line b{display:none!important}
.splash-neon-line i{
  animation:v18SplashLine .65s .65s ease forwards!important;
  box-shadow:0 0 5px rgba(88,240,230,.34)!important;
}
@keyframes v18SplashLine{
  from{opacity:0;transform:scaleX(.70)}
  to{opacity:1;transform:scaleX(1)}
}

/* small screens */
@media(max-width:1400px){
  .v15-matrix-item em{font-size:11px!important}
  .v14-scenario-head strong{font-size:27px!important}
}