/* ── ФОН ── */
body, #root, html {
  background: url('https://gspics.org/images/2026/04/12/IAA6VT.png') center center / cover fixed !important;
  width: 100% !important;
  max-width: none !important;
}

/* ── БАННЕР СКРЫТЬ ── */
.bannerContainer, [class*="Banner-module__"] { display: none !important; }

/* ── НАВБАР ── */
.container { width: 100% !important; max-width: none !important; box-sizing: border-box !important; }
.container.headerContainer { padding: 0 32px !important; }
.Header-module__wrapper {
  background: rgba(0,0,0,0.70) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  border-bottom: 1px solid rgba(40,167,69,0.35) !important;
  box-shadow: 0 1px 0 rgba(40,167,69,0.15), 0 4px 20px rgba(0,0,0,0.50) !important;
  width: 100% !important;
  max-width: none !important;
  display: flex !important;
  align-items: center !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}
.Header-module__wrapper * { color: #fff !important; }
.Header-module__logoWrapper {
  flex-shrink: 0 !important;
  min-width: max-content !important;
  text-shadow: 0 0 14px rgba(40,167,69,0.60), 0 0 30px rgba(40,167,69,0.25) !important;
  letter-spacing: 2px !important;
}
.Header-module__nav { flex: 1 !important; padding: 0 24px !important; }
.PlayerMenu-module__wrapper {
  margin-left: auto !important;
  flex-shrink: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

/* ── БАЛАНС ── */
[class*="Header-module__"] [class*="balance"],
[class*="Header-module__"] [class*="Balance"] {
  background: linear-gradient(135deg, rgba(40,167,69,0.30), rgba(40,167,69,0.15)) !important;
  border: 1px solid rgba(40,167,69,0.50) !important;
  border-radius: 20px !important;
  padding: 4px 14px !important;
  color: #7defa0 !important;
  font-weight: 700 !important;
  letter-spacing: 0.5px !important;
  animation: balanceGlow 2.5s ease infinite !important;
}
@keyframes balanceGlow {
  0%, 100% { box-shadow: 0 0 8px rgba(40,167,69,0.3); }
  50%       { box-shadow: 0 0 18px rgba(40,167,69,0.7); }
}

/* ── ГЛАВНЫЙ КОНТЕЙНЕР ── */
.container.Index-module__wrapper,
[class*="Index-module__wrapper"] {
  display: flex !important;
  flex-direction: row-reverse !important;
  justify-content: center !important;
  align-items: flex-start !important;
  gap: 16px !important;
  width: 100% !important;
  max-width: 100% !important;
  padding: 28px 32px !important;
  box-sizing: border-box !important;
  position: static !important;
  left: auto !important;
  transform: none !important;
}

/* ════════════════════════════════════════════
   МОНИТОРИНГ
   ════════════════════════════════════════════ */
/* ═══════════════════════════════════════════
   МОНИТОРИНГ — исправленный CSS
   Вставить в CSS-скрипт (второй файл в расширении)
═══════════════════════════════════════════ */

[class*="MonitoringWidget-module__"] {
  width: 220px !important;
  min-width: 220px !important;
  max-width: 220px !important;
  flex-shrink: 0 !important;
  background: rgba(4, 10, 5, 0.93) !important;
  backdrop-filter: blur(22px) !important;
  -webkit-backdrop-filter: blur(22px) !important;
  border: 1px solid rgba(40,167,69,0.50) !important;
  border-top: 2px solid #28a745 !important;
  border-radius: 14px !important;
  box-shadow: 0 0 0 1px rgba(0,0,0,0.5), 0 12px 40px rgba(0,0,0,0.75), inset 0 1px 0 rgba(40,167,69,0.12) !important;
  overflow: hidden !important;
}

[class*="MonitoringWidget-module__"] *,
[class*="MonitoringServer-module__"] * { color: #e0ffe8 !important; }

[class*="MonitoringWidget-module__"] .boxHeader,
[class*="MonitoringWidget-module__"] [class*="boxHeader"] {
  background: rgba(10, 28, 14, 0.98) !important;
  border-bottom: 1px solid rgba(40,167,69,0.30) !important;
  border-radius: 12px 12px 0 0 !important;
  padding: 10px 14px !important;
  color: #7defa0 !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
}

[class*="MonitoringServer-module__wrapper"] {
  background: rgba(8, 22, 11, 0.85) !important;
  border: 1px solid rgba(40,167,69,0.22) !important;
  border-radius: 10px !important;
  margin: 5px 7px !important;
  padding: 2px 0 6px !important;
  box-shadow: none !important;
  overflow: hidden !important;
  transition: border-color 0.2s, box-shadow 0.2s !important;
}
[class*="MonitoringServer-module__wrapper"]:hover {
  border-color: rgba(40,167,69,0.50) !important;
  box-shadow: 0 0 12px rgba(40,167,69,0.12) !important;
}

[class*="MonitoringWidget-module__"] > *,
[class*="MonitoringServer-module__wrapper"] > * {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

[class*="MonitoringServer-module__name"] {
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
  padding: 8px 12px 3px !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  color: #fff !important;
}

[class*="MonitoringServer-module__name"]::before {
  content: '' !important;
  display: inline-block !important;
  width: 3px !important;
  height: 13px !important;
  background: #28a745 !important;
  border-radius: 2px !important;
  flex-shrink: 0 !important;
  animation: monPulse 2s ease infinite !important;
}

@keyframes monPulse {
  0%, 100% { box-shadow: 0 0 4px rgba(40,167,69,0.4); }
  50%       { box-shadow: 0 0 14px rgba(40,167,69,0.9); }
}

[class*="MonitoringServer-module__name"]::after {
  content: '' !important;
  display: inline-block !important;
  width: 8px !important;
  height: 8px !important;
  border-radius: 50% !important;
  margin-left: auto !important;
  flex-shrink: 0 !important;
  background: #555 !important;
}

/* Зелёная точка для онлайн-серверов (выставляется через JS data-атрибут) */
[class*="MonitoringServer-module__wrapper"][data-gs-online="true"]
  [class*="MonitoringServer-module__name"]::after {
  background: #28a745 !important;
  box-shadow: 0 0 6px rgba(40,167,69,0.9) !important;
  animation: dotPulse 2s ease infinite !important;
}

@keyframes dotPulse {
  0%, 100% { box-shadow: 0 0 0 0 rgba(40,167,69,0.6); }
  50%       { box-shadow: 0 0 0 4px rgba(40,167,69,0); }
}

[class*="MonitoringServer-module__progressWrapper"] {
  background: rgba(0,0,0,0.40) !important;
  border-radius: 5px !important;
  margin: 4px 12px 2px !important;
  height: 6px !important;
  overflow: hidden !important;
}

[class*="MonitoringServer-module__progressBarWrapper"] {
  background: transparent !important;
  height: 6px !important;
}

[class*="MonitoringServer-module__progressBarAnim"] { display: none !important; }

[class*="MonitoringServer-module__progressBar"] {
  background: linear-gradient(90deg, #1a7a30, #28a745, #7defa0) !important;
  height: 6px !important;
  border-radius: 5px !important;
  box-shadow: 0 0 10px rgba(40,167,69,0.65) !important;
  transition: width 0.6s ease !important;
  min-width: 0 !important;
}

[class*="MonitoringServer-module__info"] { padding: 2px 12px 4px !important; }
[class*="MonitoringServer-module__info"] span,
[class*="MonitoringServer-module__info"] span span {
  color: rgba(180,255,200,0.55) !important;
  font-size: 11px !important;
}

/* Скрываем бар у офлайн-серверов */
[class*="MonitoringServer-module__wrapper"][data-gs-online="false"]
  [class*="MonitoringServer-module__progressWrapper"] {
  display: none !important;
}

[class*="Monitoring"] button,
[class*="MonitoringServer-module__"] button {
  background: linear-gradient(135deg, rgba(40,167,69,0.20), rgba(40,167,69,0.10)) !important;
  border: 1px solid rgba(40,167,69,0.45) !important;
  border-radius: 8px !important;
  color: #7defa0 !important;
  font-weight: 600 !important;
  font-size: 12px !important;
  width: calc(100% - 14px) !important;
  margin: 2px 7px 4px !important;
  padding: 6px 0 !important;
  box-shadow: none !important;
  animation: none !important;
  transition: background 0.15s !important;
}
[class*="Monitoring"] button:hover { background: rgba(40,167,69,0.35) !important; }

[class*="MonitoringWidget-module__updatingLoaderWrapper"] { background: transparent !important; }

.boxFooter,
[class*="MonitoringWidget-module__"] .boxFooter {
  background: rgba(4,10,5,0.70) !important;
  border: none !important;
  border-top: 1px solid rgba(40,167,69,0.15) !important;
  border-radius: 0 0 12px 12px !important;
  padding: 4px 0 !important;
}

/* Часы */
#gs-clock {
  font-size: 26px !important;
  font-weight: 700 !important;
  color: #fff !important;
  letter-spacing: 4px !important;
  text-shadow: 0 0 16px rgba(40,167,69,0.75) !important;
  font-variant-numeric: tabular-nums !important;
  line-height: 1.1 !important;
}
#gs-clock-date {
  font-size: 11px !important;
  color: rgba(255,255,255,0.50) !important;
}

/* ── МАГАЗИН ── */
.Shop-module__wrapper {
  flex: 1 !important;
  min-width: 0 !important;
  max-width: 1050px !important;
  background: transparent !important;
  animation: none !important;
  margin-left: 0 !important;
}

/* ── ЗАГОЛОВКИ БЛОКОВ ── */
.boxHeader {
  background: rgba(5,5,5,0.82) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  border-radius: 14px 14px 0 0 !important;
  border: 1px solid rgba(255,255,255,0.10) !important;
  border-bottom: 1px solid rgba(255,255,255,0.05) !important;
  padding: 12px 18px !important;
  color: #fff !important;
  font-weight: 700 !important;
  letter-spacing: 0.5px !important;
  font-size: 14px !important;
}
.boxBody, [class*="boxBody"] { background: transparent !important; }

/* ── СЕТКА МАГАЗИНА ── */
.Shop-module__wrapper .boxBody {
  display: grid !important;
  grid-template-columns: 145px 1fr !important;
  grid-template-rows: auto 1fr !important;
  gap: 0 14px !important;
  align-items: start !important;
}
.Shop-module__wrapper .boxBody .Categories-module__categories {
  grid-column: 1 !important;
  grid-row: 1 / 3 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 3px !important;
  padding: 8px !important;
  background: rgba(5,5,5,0.75) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  border-radius: 0 0 0 14px !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  border-top: none !important;
}
.Shop-module__wrapper .boxBody .Search-module__wrapper { grid-column: 2 !important; grid-row: 1 !important; }
.Shop-module__wrapper .boxBody .Products-module__wrapper { grid-column: 2 !important; grid-row: 2 !important; }

/* ── КАТЕГОРИИ ── */
.Categories-module__category {
  display: block !important;
  width: 100% !important;
  text-align: left !important;
  border-radius: 7px !important;
  padding: 7px 10px !important;
  font-size: 12.5px !important;
  border: none !important;
  border-left: 3px solid transparent !important;
  margin: 0 !important;
  background: transparent !important;
  color: #bbb !important;
  cursor: none !important;
  transition: background 0.12s ease, color 0.12s ease !important;
  letter-spacing: 0.2px !important;
}
.Categories-module__category:hover { background: rgba(255,255,255,0.08) !important; color: #fff !important; border-left-color: rgba(255,255,255,0.20) !important; }
.Categories-module__active { background: rgba(40,167,69,0.18) !important; border-left-color: #28a745 !important; color: #fff !important; font-weight: 600 !important; }
.Categories-module__active::after { content: '›' !important; float: right !important; color: #28a745 !important; font-size: 18px !important; line-height: 1 !important; margin-top: -1px !important; }

/* ── КАРТОЧКИ ТОВАРОВ ── */
.Product-module__wrapper {
  position: relative !important;
  overflow: hidden !important;
  background: rgba(255,255,255,0.08) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  border: 1px solid rgba(255,255,255,0.16) !important;
  box-shadow: 0 2px 12px rgba(0,0,0,0.20), inset 0 1px 0 rgba(255,255,255,0.10) !important;
  border-radius: 14px !important;
  transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease !important;
  animation: none !important;
  will-change: auto !important;
  backface-visibility: hidden !important;
}
.Product-module__wrapper:hover {
  transform: translateY(-5px) scale(1.02) !important;
  background: rgba(255,255,255,0.16) !important;
  box-shadow: 0 10px 32px rgba(0,0,0,0.35), inset 0 1px 0 rgba(255,255,255,0.20) !important;
  border-color: rgba(255,255,255,0.35) !important;
}
.Product-module__wrapper:hover::after {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  border-radius: 14px !important;
  background: linear-gradient(135deg, rgba(255,255,255,0.07), transparent) !important;
  pointer-events: none !important;
}
[class*="Product-module__"] { color: #fff !important; text-shadow: 0 1px 6px rgba(0,0,0,0.80) !important; }

/* ── ЦЕНА ── */
[class*="Product-module__price"],
[class*="Product-module__cost"] {
  background: rgba(40,167,69,0.22) !important;
  border: 1px solid rgba(40,167,69,0.40) !important;
  border-radius: 6px !important;
  padding: 2px 8px !important;
  color: #7defa0 !important;
  font-weight: 700 !important;
  font-size: 12px !important;
}

/* ── ПОИСК ── */
[class*="Search-module__"] input {
  background: rgba(0,0,0,0.50) !important;
  border: 1px solid rgba(255,255,255,0.14) !important;
  border-radius: 10px !important;
  color: #fff !important;
  padding: 8px 14px !important;
  transition: border-color 0.15s, box-shadow 0.15s !important;
}
[class*="Search-module__"] input:focus {
  border-color: rgba(40,167,69,0.55) !important;
  box-shadow: 0 0 0 3px rgba(40,167,69,0.12) !important;
  outline: none !important;
}
[class*="Search-module__"] input::placeholder { color: rgba(255,255,255,0.35) !important; }

/* ── СКРОЛЛБАР ── */
::-webkit-scrollbar { width: 4px !important; }
::-webkit-scrollbar-track { background: transparent !important; }
::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.18) !important; border-radius: 2px !important; }
::-webkit-scrollbar-thumb:hover { background: rgba(255,255,255,0.35) !important; }

/* ── ФУТЕР ── */
footer, [class*="footer"] {
  background: rgba(0,0,0,0.60) !important;
  backdrop-filter: blur(10px) !important;
  border-top: 1px solid rgba(255,255,255,0.07) !important;
  color: rgba(255,255,255,0.35) !important;
  text-align: center !important;
  padding: 10px !important;
  font-size: 11px !important;
}

/* ════════════════════════════════════════════
   КУРСОР
   — скрываем стандартный
   — #gs-cursor живёт прямо в <html> (не в body)
   — позиционируется через top/left, без transform
   ════════════════════════════════════════════ */

/* ВАЖНО: никакой animation/filter/transform на html или body —
   иначе они становятся containing block для position:fixed */
html {
  scroll-behavior: smooth !important;
  /* animation — УБРАНА, она ломала position:fixed */
}
body { animation: none !important; }

/* ── КУРСОР ── */
html { scroll-behavior: smooth !important; }
body { animation: none !important; }

/* Модалки — z-index ниже курсора */
[class*="Modal"],[class*="modal"],[class*="overlay"],[class*="Overlay"] {
  z-index: 9000 !important;
}
#gs-ticker   { z-index: 9998 !important; }
#gs-progress { z-index: 9999 !important; }

/* ── СТРЕЛКА НАВЕРХ ── */
#gs-scroll-top {
  position: fixed !important;
  bottom: 48px !important;
  right: 28px !important;
  width: 44px !important;
  height: 44px !important;
  background: rgba(40,167,69,0.28) !important;
  border: 1px solid rgba(40,167,69,0.60) !important;
  border-radius: 50% !important;
  color: #7defa0 !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  line-height: 44px !important;
  text-align: center !important;
  backdrop-filter: blur(10px) !important;
  box-shadow: 0 4px 20px rgba(0,0,0,0.4) !important;
  z-index: 9997 !important;
  transition: opacity .3s, transform .3s, background .2s !important;
  user-select: none !important;
}

/* ── ТОСТ ── */
#gs-toast {
  position: fixed !important;
  top: 70px !important;
  right: 24px !important;
  background: rgba(8,8,8,0.85) !important;
  border: 1px solid rgba(40,167,69,0.45) !important;
  border-left: 3px solid #28a745 !important;
  border-radius: 10px !important;
  padding: 12px 18px !important;
  color: #fff !important;
  font-size: 13px !important;
  backdrop-filter: blur(14px) !important;
  box-shadow: 0 8px 28px rgba(0,0,0,0.40) !important;
  z-index: 99999 !important;
  transition: all 0.4s ease !important;
  pointer-events: none !important;
  max-width: 240px !important;
}
#gs-toast.show { opacity: 1 !important; transform: translateX(0) !important; }

/* ── СЧЁТЧИК ТОВАРОВ ── */
#gs-item-count {
  display: inline-block !important;
  background: rgba(40,167,69,0.18) !important;
  border: 1px solid rgba(40,167,69,0.35) !important;
  border-radius: 20px !important;
  padding: 2px 10px !important;
  font-size: 11px !important;
  color: #7defa0 !important;
  font-weight: 600 !important;
  margin-left: 10px !important;
  vertical-align: middle !important;
}

/* ── ЧАСЫ ── */
#gs-clock {
  text-align: center !important;
  font-size: 26px !important;
  font-weight: 700 !important;
  color: #fff !important;
  letter-spacing: 3px !important;
  padding: 10px 0 2px !important;
  text-shadow: 0 0 14px rgba(40,167,69,0.70) !important;
  font-variant-numeric: tabular-nums !important;
}
#gs-clock-date {
  text-align: center !important;
  font-size: 11px !important;
  color: rgba(255,255,255,0.60) !important;
  letter-spacing: 0.5px !important;
  padding-bottom: 8px !important;
  border-bottom: 1px solid rgba(255,255,255,0.10) !important;
  margin-bottom: 6px !important;
}

/* ── ОНЛАЙН ── */
#gs-online {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  background: rgba(40,167,69,0.15) !important;
  border: 1px solid rgba(40,167,69,0.35) !important;
  border-radius: 20px !important;
  padding: 3px 12px !important;
  font-size: 12px !important;
  color: #7defa0 !important;
  font-weight: 600 !important;
}

/* ── БЕГУЩАЯ СТРОКА ── */
#gs-ticker {
  position: fixed !important;
  bottom: 0 !important; left: 0 !important; right: 0 !important;
  height: 30px !important;
  background: rgba(0,0,0,0.85) !important;
  backdrop-filter: blur(10px) !important;
  border-top: 1px solid rgba(40,167,69,0.35) !important;
  overflow: hidden !important;
  z-index: 9998 !important;
  display: flex !important;
  align-items: center !important;
}

/* ── ПРОГРЕСС-БАР СТРАНИЦЫ ── */
#gs-progress {
  position: fixed !important;
  top: 0 !important; left: 0 !important;
  height: 2px !important;
  background: linear-gradient(90deg, #28a745, #7defa0) !important;
  box-shadow: 0 0 8px rgba(40,167,69,0.70) !important;
  z-index: 999999 !important;
  transition: width 0.3s ease, opacity 0.4s ease !important;
}

/* ── МОДАЛКА ── */
[class*="Modal-module__overlay"],
[class*="modal__overlay"],
[class*="Overlay-module__"],
[class*="backdrop"],
[class*="Backdrop"] {
  background: rgba(0,0,0,0.65) !important;
  backdrop-filter: blur(6px) !important;
  -webkit-backdrop-filter: blur(6px) !important;
}
body.gs-modal-open .container.headerContainer,
body.gs-modal-open [class*="Index-module__wrapper"] {
  filter: blur(4px) brightness(0.6) !important;
  pointer-events: none !important;
}
.container.headerContainer,
.container.Index-module__wrapper,
[class*="Index-module__wrapper"],
[class*="Shop-module__wrapper"],
aside { transition: filter 0.25s ease !important; }

/* ── RIPPLE ── */
@keyframes ripple {
  0%   { transform: scale(0); opacity: 0.5; }
  100% { transform: scale(4); opacity: 0; }
}
.gs-ripple {
  position: absolute !important;
  border-radius: 50% !important;
  background: rgba(255,255,255,0.25) !important;
  width: 60px !important; height: 60px !important;
  margin-top: -30px !important; margin-left: -30px !important;
  animation: ripple 0.5s linear !important;
  pointer-events: none !important; z-index: 10 !important;
}

/* ── АНИМАЦИИ ── */
@keyframes onlinePulse {
  0%, 100% { box-shadow: 0 0 0 0 rgba(40,167,69,0.6); }
  50%       { box-shadow: 0 0 0 5px rgba(40,167,69,0); }
}

/* Fade-in вешаем на обёртку внутри body, НЕ на html/body */
@keyframes pageFadeIn {
  from { opacity: 0; }
  to   { opacity: 1; }
}
#root, .container.headerContainer, [class*="Index-module__wrapper"] {
  animation: pageFadeIn 0.6s ease both !important;
}

/* ── БОНУС-БЛОК ── */
.gs-bonus-block {
  background: rgba(6,14,8,0.80) !important;
  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;
  border: 1px solid rgba(40,167,69,0.30) !important;
  border-radius: 12px !important;
  padding: 12px 14px !important;
  margin-top: 10px !important;
  color: #fff !important;
  order: 99 !important;
}
.gs-bonus-block__title {
  font-size: 12px !important; font-weight: 700 !important; color: #7defa0 !important;
  letter-spacing: 0.5px !important; text-transform: uppercase !important; margin-bottom: 8px !important;
  display: flex !important; align-items: center !important; gap: 6px !important;
}
.gs-bonus-block__title::before {
  content: '' !important; width: 3px !important; height: 12px !important; background: #28a745 !important;
  border-radius: 2px !important; display: inline-block !important; box-shadow: 0 0 6px rgba(40,167,69,0.60) !important;
}
.gs-bonus-block__row {
  display: flex !important; justify-content: space-between !important; align-items: center !important;
  padding: 5px 0 !important; border-bottom: 1px solid rgba(255,255,255,0.06) !important;
  font-size: 12px !important; color: #bbb !important;
}
.gs-bonus-block__row:last-child { border-bottom: none !important; }
.gs-bonus-block__badge {
  background: rgba(40,167,69,0.20) !important; border: 1px solid rgba(40,167,69,0.40) !important;
  border-radius: 5px !important; padding: 1px 7px !important; color: #7defa0 !important;
  font-weight: 700 !important; font-size: 11px !important;
}

/* === БЛОК МОНИТОРИНГА === */
.monitoring, .sidebar {
    background: rgba(20, 20, 20, 0.75) !important;
    backdrop-filter: blur(8px);
    border-radius: 12px;
    padding: 12px;
    color: #fff;
}

/* Заголовок */
.monitoring h3 {
    color: #fff;
    margin-bottom: 10px;
}

/* Внутренний блок */
.monitoring .inner {
    background: rgba(255,255,255,0.08);
    border: 1px solid rgba(0,255,100,0.3);
    border-radius: 10px;
    padding: 10px;
}

/* Прогрессбар */
.progress, .progress-bar {
    height: 10px;
    border-radius: 6px;
    background: rgba(255,255,255,0.15);
    overflow: hidden;
}

.progress-bar {
    background: linear-gradient(90deg, #00c853, #00e676);
}

/* Текст внутри */
.monitoring span {
    color: #ccc;
}

/* КНОПКА */
.monitoring button {
    width: 100%;
    margin-top: 10px;
    background: #00c853;
    border: none;
    border-radius: 8px;
    padding: 10px;
    color: #fff;
    font-weight: 500;
    transition: 0.2s;
}

.monitoring button:hover {
    background: #00e676;
}

/* === ОСНОВНОЙ БЛОК МОНИТОРИНГА === */
.Widgets-module__widgetWrapper[data-widgettype="monitoring"] {
    background: rgba(20, 20, 20, 0.75) !important;
    backdrop-filter: blur(8px);
    border-radius: 14px !important;
    padding: 12px !important;
    color: #fff !important;
    box-shadow: 0 10px 25px rgba(0,0,0,0.4);
}

/* Заголовок */
.MonitoringWidget-module__header {
    color: #fff !important;
    font-weight: 600;
}

/* Внутренний блок */
.MonitoringServer-module__wrapper {
    background: rgba(255,255,255,0.06) !important;
    border: 1px solid rgba(0,255,100,0.25);
    border-radius: 10px !important;
    padding: 10px !important;
}

/* Название сервера */
.MonitoringServer-module__name {
    color: #fff !important;
}

/* Прогрессбар (фон) */
.MonitoringServer-module__progressBarWrapper {
    background: rgba(255,255,255,0.1) !important;
    border-radius: 6px;
    overflow: hidden;
}

/* ЗЕЛЁНЫЙ ПРОГРЕСС */
.MonitoringServer-module__progressBar {
    background: linear-gradient(90deg, #00c853, #00e676) !important;
    border-radius: 6px;
}

/* анимация поверх */
.MonitoringServer-module__progressBarAnim {
    background: rgba(0,255,100,0.3) !important;
}

/* Статус (Выключен) */
.MonitoringServer-module__info span {
    color: #ccc !important;
}

/* КНОПКА КОПИИ (иконка справа) */
.MonitoringServer-module__btn {
    background: rgba(0,200,83,0.2) !important;
    border-radius: 6px;
}

.MonitoringServer-module__btn:hover {
    background: rgba(0,200,83,0.4) !important;
}

/* КНОПКА ОБНОВИТЬ */
.MonitoringWidget-module__updateBtn {
    width: 100%;
    margin-top: 10px;
    background: #00c853 !important;
    color: #fff !important;
    border-radius: 8px !important;
    border: none;
}

.MonitoringWidget-module__updateBtn:hover {
    background: #00e676 !important;
}

/* КАРТОЧКИ ТОВАРОВ */
.ProductCard-module__wrapper {
    background: rgba(0, 0, 0, 0.35) !important; /* затемнение */
    backdrop-filter: blur(12px) !important; /* сам блюр */
    -webkit-backdrop-filter: blur(12px);

    border: 1px solid rgba(0, 255, 100, 0.25);
    border-radius: 14px;

    box-shadow: 
        0 4px 20px rgba(0,0,0,0.5),
        inset 0 0 10px rgba(0,255,100,0.05);

    transition: 0.2s;
}

/* ХОВЕР — чтобы оживали */
.ProductCard-module__wrapper:hover {
    background: rgba(0, 0, 0, 0.55) !important;
    border: 1px solid rgba(0, 255, 100, 0.6);

    transform: translateY(-3px);
    box-shadow: 
        0 10px 30px rgba(0,0,0,0.7),
        0 0 12px rgba(0,255,100,0.3);
}

/* ЦЕНА — чтобы читалась */
.ProductCard-module__price {
    background: rgba(0, 255, 100, 0.15);
    backdrop-filter: blur(6px);
    border-radius: 8px;
    padding: 2px 6px;
}

/* КАРТИНКА — чуть контраста */
.ProductCard-module__image {
    filter: drop-shadow(0 4px 10px rgba(0,0,0,0.7));
}

/* СЕТКА — чуть расстояния */
.ProductsGrid-module__wrapper {
    gap: 14px;
}

/* МОДАЛКА */
.ProductModal-module__form,
.boxBody {
    background: rgba(10, 10, 10, 0.6) !important;
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);

    border-radius: 14px;
    border: 1px solid rgba(0,255,100,0.2);
}

/* КАРТИНКА В МОДАЛКЕ */
.productModalImg {
    filter: drop-shadow(0 10px 20px rgba(0,0,0,0.8));
}

/* ===== СЕТКА ТОВАРОВ ===== */
.ProductsGrid-module__wrapper {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 12px;
}

/* ===== АДАПТИВ ===== */
@media (max-width: 1200px) {
    .ProductsGrid-module__wrapper {
        grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
    }
}

@media (max-width: 900px) {
    .ProductsGrid-module__wrapper {
        grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
        gap: 10px;
    }
}

@media (max-width: 600px) {
    .ProductsGrid-module__wrapper {
        grid-template-columns: repeat(2, 1fr);
        gap: 8px;
    }
}

/* ===== КАРТОЧКИ ===== */
.ProductsGrid-module__item,
.ProductCard-module__wrapper {
    background: rgba(20, 20, 20, 0.35) !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);

    border-radius: 10px;
    border: 1px solid rgba(0, 255, 100, 0.15);

    box-shadow: 0 8px 25px rgba(0,0,0,0.5);
    padding: 10px;

    transition: 0.2s;
}

/* ХОВЕР */
.ProductsGrid-module__item:hover {
    background: rgba(20, 20, 20, 0.55) !important;
    border: 1px solid rgba(0, 255, 100, 0.4);
    transform: translateY(-3px);
}


/* ЛОМАЕМ стандартную сетку */
div[class*="Products-module__grid"] {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
}

/* КАРТОЧКИ */
div[class*="ProductCard-module__wrapper"] {
  flex: 0 0 calc(16.66% - 12px) !important; /* 6 в ряд */
  max-width: calc(16.66% - 12px) !important;
}

/* КАРТИНКИ МЕНЬШЕ */
img {
  max-height: 110px !important;
  object-fit: contain !important;
}

/* АДАПТИВ */
@media (max-width: 1400px) {
  div[class*="ProductCard-module__wrapper"] {
    flex: 0 0 calc(20% - 12px) !important; /* 5 */
  }
}

@media (max-width: 1100px) {
  div[class*="ProductCard-module__wrapper"] {
    flex: 0 0 calc(25% - 12px) !important; /* 4 */
  }
}

@media (max-width: 800px) {
  div[class*="ProductCard-module__wrapper"] {
    flex: 0 0 calc(50% - 12px) !important; /* 2 */
  }
}

/* УМЕНЬШАЕМ ВНУТРЕННОСТЬ КАРТОЧЕК */
div[class*="ProductCard-module__wrapper"] {
  padding: 8px !important;
  border-radius: 10px !important;
}

/* Картинка меньше */
div[class*="ProductCard-module__wrapper"] img {
  max-height: 90px !important;
}

/* Цена */
div[class*="ProductCard-module__price"] {
  font-size: 12px !important;
  padding: 2px 6px !important;
}

/* Отступы внутри */
div[class*="ProductCard-module__content"] {
  gap: 4px !important;
}

/* УБИРАЕМ лишнюю высоту */
div[class*="ProductCard-module__wrapper"] {
  min-height: auto !important;
}


/* УБИРАЕМ фиксированную высоту */
div[class*="ProductCard-module__wrapper"] {
  height: auto !important;
  min-height: unset !important;
  padding: 6px !important;
}

/* Делаем карточку компактной */
div[class*="ProductCard-module__wrapper"] > * {
  margin: 0 !important;
}

/* Картинка ещё меньше */
div[class*="ProductCard-module__wrapper"] img {
  max-height: 75px !important;
}

/* Убираем лишние отступы */
div[class*="ProductCard-module__content"] {
  padding: 4px !important;
}

/* Цена компактнее */
div[class*="ProductCard-module__price"] {
  font-size: 11px !important;
  padding: 2px 5px !important;
}

/* УБИРАЕМ лишние блоки (если есть пустота) */
div[class*="ProductCard-module__footer"] {
  padding: 2px !important;
}

.modal,
.popup,
.gs-modal {
    max-width: 420px !important;
    width: 90% !important;
    margin: auto !important;
    border-radius: 16px !important;
}

.modal-content,
.popup-content,
.gs-modal-content {
    text-align: center;
    padding: 20px !important;
}

.modal img:first-child {
    width: 120px !important;
    margin: 0 auto 10px;
    display: block;
}

.modal .items,
.modal .product-items,
.modal .grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 10px;
    margin-bottom: 15px;
}

.modal .item,
.modal .product-item {
    width: 60px !important;
    height: 60px !important;
    margin: auto;
}

.modal ul li,
.modal .description div {
    background: rgba(255,255,255,0.05);
    border-radius: 10px;
    padding: 8px 10px;
    margin-bottom: 6px;
    text-align: left;
    font-size: 13px;
}

.modal span,
.modal b {
    color: #ff3c3c;
}