/* CAM100-LIVE-LOADING-20261013 */
.monitor-card .video-wrap.cam100-live-loading-managed { position:relative !important; }
/* Supersede existing text-only waiting element only inside managed P2P cards. */
.monitor-card .video-wrap.cam100-live-loading-managed .screen-wait { display:none !important; }
.monitor-card .video-wrap .cam100-live-loader {
  box-sizing:border-box;position:absolute;inset:0;z-index:40;
  display:flex;justify-content:center;align-items:center;
  pointer-events:none;overflow:hidden;text-align:center;
  color:#edfaff;background:radial-gradient(circle at 50% 35%,#0a2d585c,#020c1b 66%);
  opacity:1;visibility:visible;transition:opacity .32s ease,visibility .32s ease;
}
.monitor-card .video-wrap .cam100-live-loader-hidden {
  opacity:0;visibility:hidden;
}
.cam100-live-loader-center {width:100%;max-width:100%;padding:10px 8px;box-sizing:border-box;}
.cam100-live-loader-ring {
  position:relative;width:74px;height:74px;margin:0 auto 11px;
  border-radius:50%;border:1px solid #128df34f;
  background:radial-gradient(circle,#06315c33 10%,transparent 68%);
  box-shadow:0 0 19px #008dff22;
}
.cam100-live-loader-ring:before {
  content:"";position:absolute;inset:4px;border-radius:50%;
  border:5px solid transparent;border-top-color:#6cdaff;
  border-right-color:#047fff;border-bottom-color:#0069c744;
  box-shadow:0 0 10px #139dfa66,inset 0 0 5px #139dfa33;
  animation:cam100LiveSpin 1.55s linear infinite;
}
.cam100-live-loader-ring:after {
  content:"";position:absolute;inset:14px;border-radius:50%;
  border:2px dashed #35b8ffc2;
  animation:cam100LiveSpin 4s linear infinite reverse;
}
.cam100-live-loader-inner {
  display:block;position:absolute;inset:-7px;border-radius:50%;
  border:1px dotted #47b9ff88;
  animation:cam100LiveSpin 9s linear infinite;
}
.cam100-live-loader-title {
  margin:0 0 6px;font-size:clamp(14px,1.6vw,20px);
  font-weight:700;line-height:1.3;letter-spacing:.6px;
  color:#f5fbff;text-shadow:0 0 12px #138eff80;
}
.cam100-live-loader-note {
  font-size:clamp(10px,1.1vw,13px);line-height:1.45;
  color:#8ecbff;letter-spacing:.2px;
}
.cam100-live-loader-help {
  margin-top:4px;font-size:clamp(9px,1vw,11px);
  color:#aec2d8;line-height:1.45;
}
@keyframes cam100LiveSpin{to{transform:rotate(360deg)}}
@media(max-width:650px){
 .cam100-live-loader-ring{width:58px;height:58px;margin-bottom:7px}
 .cam100-live-loader-title{font-size:15px}
 .cam100-live-loader-note{font-size:11px}
 .cam100-live-loader-help{font-size:10px}
}
@media(prefers-reduced-motion:reduce){
 .cam100-live-loader-ring:before,.cam100-live-loader-ring:after,
 .cam100-live-loader-inner{animation:none!important}
}
