/* Scoped to the current server cards; keep essential motion even in perf-lite. */
#monitoring-shell #servers .cg-preview {
  overflow: hidden;
  transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease !important;
}
#monitoring-shell #servers .cg-preview .cg-srv__media { height: 150px; overflow: hidden; }
#monitoring-shell #servers .cg-preview .monitor-node-bg {
  transform: scale(1.01) !important;
  transform-origin: 50% 55%;
  transition: transform .7s cubic-bezier(.2,.7,.2,1), filter .5s ease !important;
}
#monitoring-shell #servers article.cg-preview.is-preview-open .monitor-node-bg {
  transform: scale(1.2) translateY(2%) !important;
  filter: brightness(.85) saturate(1.12) !important;
}
#monitoring-shell #servers .cg-preview.is-preview-open {
  transform: translateY(-3px) !important;
  border-color: rgba(124,161,255,.65) !important;
  box-shadow: 0 15px 36px #0006 !important;
}
#monitoring-shell #servers .cg-preview::after { display: none; }
#monitoring-shell #servers .cg-preview button:focus-visible { outline: 2px solid #9fcaff; outline-offset: 3px; }
#monitoring-shell #servers .cg-preview:focus-visible { outline: 2px solid #9fcaff; outline-offset: 3px; }
#monitoring-shell #servers .cg-preview .cg-preview__viewfinder {
  position: absolute; z-index: 2; inset: 39px 38px;
  border-left: 1px solid #ffffff88; border-right: 1px solid #ffffff88;
  opacity: 0; transform: scale(1.08); pointer-events: none;
  transition: opacity .4s ease, transform .6s ease !important;
}
#monitoring-shell #servers .cg-preview.is-preview-open .cg-preview__viewfinder { opacity: .65; transform: scale(1); }
#monitoring-shell #servers .cg-preview .cg-preview__body { position: relative; min-height: 119px; }
#monitoring-shell #servers .cg-preview .cg-preview__summary {
  padding-top: 3px; opacity: 1; transform: translateY(0);
  transition: opacity .23s ease, transform .3s ease !important;
}
#monitoring-shell #servers .cg-preview.is-preview-open .cg-preview__summary {
  opacity: 0; transform: translateY(-10px); pointer-events: none;
}
#monitoring-shell #servers .cg-preview .cg-preview__hint { margin: 14px 0 0; font-size: 12px; color: #979eac; }
#monitoring-shell #servers .cg-preview .monitor-node-players { font-size: 23px !important; }
#monitoring-shell #servers .cg-preview .monitor-node-players small { font-size: 14px; color: #919aaa; }
#monitoring-shell #servers .cg-preview .cg-srv__hover {
  position: absolute !important; inset: 0 !important; z-index: 3;
  display: flex !important; gap: 7px; padding: 0 !important;
  background: none !important; border-radius: 0;
  backdrop-filter: none !important; -webkit-backdrop-filter: none !important;
  opacity: 0 !important; visibility: hidden !important;
  transform: translateY(12px) !important; pointer-events: none;
  transition: opacity .28s ease, transform .35s cubic-bezier(.2,.7,.2,1), visibility .28s !important;
}
#monitoring-shell #servers .cg-preview.is-preview-open .cg-srv__hover {
  opacity: 1 !important; visibility: visible !important; transform: translateY(0) !important; pointer-events: auto;
}
#monitoring-shell #servers .cg-preview .cg-srv__hover-head { min-height: 22px; }
#monitoring-shell #servers .cg-preview .cg-srv__hover-title { font-size: 10px; letter-spacing: 1px; color: #aab3c3; }
#monitoring-shell #servers .cg-preview .cg-preview__live-label { font-size: 10px; color: #79cdb7; }
#monitoring-shell #servers .cg-preview .cg-srv__hover-list { overflow: auto; scrollbar-width: thin; gap: 5px; }
#monitoring-shell #servers .cg-preview .cg-srv__hover-list li {
  opacity: 1 !important; transform: none !important; padding: 5px 7px; min-height: 26px;
}
#monitoring-shell #servers .cg-preview .cg-srv__hover-list .cg-srv__hover-empty { justify-content: flex-start; padding: 8px 0; line-height: 1.5; }
#monitoring-shell #servers .monitor-item.is-offline .cg-preview .cg-preview__live-label { color: #b6a6aa; }
#monitoring-shell #servers .monitor-item.is-offline .cg-preview .cg-srv__play { opacity: .45; cursor: not-allowed; }
#monitoring-shell #servers .cg-preview .monitor-node-map { max-width: calc(100% - 24px); }
@media (hover: none) {
  #monitoring-shell #servers .cg-preview .cg-preview__hint { font-size: 0; }
  #monitoring-shell #servers .cg-preview .cg-preview__hint::after { content: 'Состав сервера — по кнопке игроков'; font-size: 12px; }
}
@media (prefers-reduced-motion: reduce) {
  #monitoring-shell #servers .cg-preview,
  #monitoring-shell #servers article.cg-preview.cg-preview *,
  #monitoring-shell #servers .cg-preview::after { transition: none !important; animation: none !important; }
  #monitoring-shell #servers .cg-preview.is-preview-open,
  #monitoring-shell #servers article.cg-preview.is-preview-open .monitor-node-bg { transform: none !important; }
}