:root {
  --mk-bg: #0a0a0a !important;
  --mk-surface: #161616 !important;
  --mk-card: #181818 !important;
  --mk-text: #f3f3f3 !important;
  --mk-gray: #a3a3a3 !important;
  --mk-border: rgba(232, 232, 232, 0.16) !important;
  --mk-border-light: rgba(232, 232, 232, 0.34) !important;
  --mk-red: #e8e8e8 !important;
  --mk-red-dark: #9a9a9a !important;
}

html,
body {
  background-color: #0a0a0a !important;
  background-image:
    radial-gradient(ellipse 110% 60% at 50% -18%, rgba(167, 139, 250, 0.14), transparent 55%),
    radial-gradient(ellipse 55% 42% at 100% 28%, rgba(124, 58, 246, 0.09), transparent 52%),
    radial-gradient(ellipse 48% 36% at 0% 72%, rgba(192, 132, 252, 0.07), transparent 50%),
    radial-gradient(ellipse 100% 55% at 50% -15%, rgba(255, 255, 255, 0.05), transparent 52%),
    radial-gradient(ellipse 45% 38% at 100% 35%, rgba(255, 255, 255, 0.025), transparent 50%),
    radial-gradient(ellipse 40% 32% at 0% 75%, rgba(255, 255, 255, 0.02), transparent 48%) !important;
  background-attachment: fixed !important;
  color: #f3f3f3 !important;
}

[class*="focus:border-blue"]:focus,
[class*="focus:border-blue"]:focus-visible {
  border-color: rgba(255, 255, 255, 0.42) !important;
}

[class*="hover:border-blue"]:hover {
  border-color: rgba(255, 255, 255, 0.26) !important;
}

::-webkit-scrollbar-track { background: #0f0f0f !important; }
::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, rgba(167, 139, 250, 0.35), rgba(255, 255, 255, 0.2)) !important;
}
::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, rgba(196, 181, 253, 0.5), rgba(255, 255, 255, 0.28)) !important;
}

.glass-panel,
.topbar-shell,
.console-window,
.stat-card,
.server-card,
.update-card,
.wiki-card,
.info-card {
  background:
    radial-gradient(120% 80% at 10% 0%, rgba(124, 58, 246, 0.08), transparent 45%),
    rgba(18, 18, 18, 0.84) !important;
  border-color: rgba(167, 139, 250, 0.14) !important;
  box-shadow:
    inset 0 1px 0 rgba(196, 181, 253, 0.12),
    0 10px 36px rgba(0, 0, 0, 0.55) !important;
}

.btn-primary,
.buy-license-btn {
  background: linear-gradient(135deg, #e0e0e0 0%, #999999 100%) !important;
  border-color: rgba(255, 255, 255, 0.35) !important;
  color: #0a0a0a !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.32), inset 0 1px 0 rgba(255, 255, 255, 0.45) !important;
}

.btn-primary:hover,
.buy-license-btn:hover {
  box-shadow: 0 12px 34px rgba(0, 0, 0, 0.42), inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

.btn-secondary {
  border-color: rgba(255, 255, 255, 0.26) !important;
  color: #d0d0d0 !important;
}

.btn-secondary:hover {
  border-color: rgba(255, 255, 255, 0.42) !important;
  background: rgba(255, 255, 255, 0.06) !important;
  color: #ffffff !important;
}

.sidebar-nav-item {
  color: #b8b8b8 !important;
  margin-left: 0.5rem !important;
  margin-right: 0.5rem !important;
  padding: 0.65rem 0.85rem !important;
  border: none !important;
  border-radius: 0.75rem !important;
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 0.5rem !important;
  text-decoration: none !important;
  outline: none !important;
  box-shadow: inset 3px 0 0 transparent !important;
}

/* Мышиный :focus без кольца; клавиатура — :focus-visible ниже */
.sidebar-nav-item:focus:not(:focus-visible) {
  outline: none !important;
}

.sidebar-nav-item svg {
  display: block !important;
  flex-shrink: 0 !important;
  width: 1.25rem !important;
  height: 1.25rem !important;
  max-width: 1.25rem !important;
  max-height: 1.25rem !important;
}

.sidebar-nav-item::before {
  display: none !important;
}

.sidebar-nav-item:focus-visible {
  box-shadow: inset 3px 0 0 transparent, 0 0 0 2px rgba(167, 139, 250, 0.45) !important;
}

.sidebar-nav-item.active {
  color: #f3f3f3 !important;
  background: rgba(255, 255, 255, 0.07) !important;
  border: none !important;
  outline: none !important;
  box-shadow: inset 3px 0 0 rgba(196, 181, 253, 0.95) !important;
}

.sidebar-nav-item.active svg {
  color: #e8e8e8 !important;
}

.sidebar-nav-item:hover:not(.active) {
  background: rgba(124, 58, 246, 0.08) !important;
  color: #f3f3f3 !important;
}

.pricing-featured {
  border-color: rgba(255, 255, 255, 0.2) !important;
  background: linear-gradient(180deg, rgba(30, 30, 30, 0.92) 0%, rgba(12, 12, 12, 0.98) 100%) !important;
}

.pricing-featured::before {
  background: linear-gradient(180deg, rgba(232, 232, 232, 0.35), transparent 60%) !important;
}

.pricing-featured .absolute.-top-4 {
  background: linear-gradient(135deg, #f0f0f0 0%, #b0b0b0 100%) !important;
  color: #0a0a0a !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.42) !important;
}

/* mk-red = accent violet on dark (avoid near-white gradients that broke stat cards) */
[class*="text-mk-red"] {
  color: #e9d5ff !important;
}

[class*="text-sky-"],
[class*="text-rose-"],
[class*="text-red-"] {
  color: #d0d0d0 !important;
}

[class*="bg-mk-red"] {
  background-color: rgba(91, 33, 182, 0.22) !important;
}

[class*="bg-sky-"],
[class*="bg-rose-"],
[class*="bg-red-"] {
  background-color: rgba(255, 255, 255, 0.05) !important;
}

[class*="border-mk-red"] {
  border-color: rgba(167, 139, 250, 0.45) !important;
}

[class*="border-sky-"],
[class*="border-rose-"],
[class*="border-red-"] {
  border-color: rgba(255, 255, 255, 0.14) !important;
}

[class*="from-mk-red"] {
  --tw-gradient-from: rgba(124, 58, 246, 0.42) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}

[class*="from-sky-"],
[class*="from-rose-"],
[class*="from-red-"] {
  --tw-gradient-from: rgba(56, 189, 248, 0.22) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}

[class*="via-rose-"],
[class*="via-sky-"],
[class*="via-red-"] {
  --tw-gradient-stops: var(--tw-gradient-from), rgba(120, 113, 198, 0.35), var(--tw-gradient-to) !important;
}

[class*="to-mk-red"] {
  --tw-gradient-to: rgba(30, 27, 75, 0.55) !important;
}

[class*="to-sky-"],
[class*="to-rose-"],
[class*="to-red-"] {
  --tw-gradient-to: rgba(30, 41, 59, 0.5) !important;
}

@keyframes borderGlow {
  0%,
  100% { box-shadow: 0 0 20px rgba(255, 255, 255, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.05); }
  50% { box-shadow: 0 0 35px rgba(255, 255, 255, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.08); }
}

@keyframes badge-pulse {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.1); box-shadow: 0 0 10px rgba(255, 255, 255, 0.38); }
}

.glow-text {
  text-shadow:
    0 0 28px rgba(167, 139, 250, 0.18),
    0 0 25px rgba(255, 255, 255, 0.1),
    0 0 50px rgba(124, 58, 246, 0.08) !important;
}

.code-key {
  color: #d0d0d0 !important;
}

.buy-license-btn {
  background: linear-gradient(135deg, #e0e0e0 0%, #999999 100%) !important;
  border-color: rgba(255, 255, 255, 0.35) !important;
  color: #0a0a0a !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.32), inset 0 1px 0 rgba(255, 255, 255, 0.45) !important;
}

.buy-license-btn:hover {
  box-shadow: 0 12px 34px rgba(0, 0, 0, 0.42), inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

.btn-primary {
  background: linear-gradient(135deg, #e0e0e0 0%, #999999 100%) !important;
  border-color: rgba(255, 255, 255, 0.35) !important;
  color: #0a0a0a !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.32), inset 0 1px 0 rgba(255, 255, 255, 0.45) !important;
}

.btn-primary:hover {
  box-shadow: 0 12px 34px rgba(0, 0, 0, 0.42), inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
  border-color: rgba(255, 255, 255, 0.5) !important;
}

[class*="shadow-mk-red"] {
  box-shadow: 0 0 18px rgba(139, 92, 246, 0.35) !important;
}

[class*="bg-red-"],
[class*="hover:bg-red-"] {
  background-color: rgba(255, 255, 255, 0.08) !important;
}

[class*="text-red-"] {
  color: #d0d0d0 !important;
}

[class*="border-red-"] {
  border-color: rgba(255, 255, 255, 0.18) !important;
}

/* === Neutralize full Tailwind palette → gray-white (pages use blue/green/yellow/purple etc.) === */
[class*="text-blue"],
[class*="text-green"],
[class*="text-yellow"],
[class*="text-purple"],
[class*="text-orange"],
[class*="text-emerald"],
[class*="text-cyan"],
[class*="text-teal"],
[class*="text-amber"],
[class*="text-lime"],
[class*="text-indigo"],
[class*="text-violet"],
[class*="text-fuchsia"],
[class*="text-pink"] {
  color: #d0d0d0 !important;
}

[class*="bg-blue"],
[class*="bg-green"],
[class*="bg-yellow"],
[class*="bg-purple"],
[class*="bg-orange"],
[class*="bg-emerald"],
[class*="bg-cyan"],
[class*="bg-teal"],
[class*="bg-amber"],
[class*="bg-lime"],
[class*="bg-indigo"],
[class*="bg-violet"],
[class*="bg-fuchsia"],
[class*="bg-pink"] {
  /* Slightly brighter than mk-red neutrals so status dots / pills stay visible on #0a0a0a */
  background-color: rgba(232, 232, 232, 0.2) !important;
}

[class*="border-blue"],
[class*="border-green"],
[class*="border-yellow"],
[class*="border-purple"],
[class*="border-orange"],
[class*="border-emerald"],
[class*="border-cyan"],
[class*="border-teal"],
[class*="border-amber"],
[class*="border-lime"],
[class*="border-indigo"],
[class*="border-violet"],
[class*="border-fuchsia"],
[class*="border-pink"] {
  border-color: rgba(255, 255, 255, 0.18) !important;
}

[class*="ring-blue"],
[class*="ring-green"],
[class*="ring-yellow"],
[class*="ring-purple"] {
  --tw-ring-color: rgba(255, 255, 255, 0.22) !important;
}

[class*="from-blue"],
[class*="from-green"],
[class*="from-yellow"],
[class*="from-purple"],
[class*="from-orange"],
[class*="from-emerald"],
[class*="from-cyan"],
[class*="from-teal"],
[class*="from-amber"],
[class*="from-indigo"],
[class*="from-violet"],
[class*="from-fuchsia"],
[class*="from-pink"] {
  --tw-gradient-from: rgba(242, 242, 242, 0.12) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}

[class*="via-blue"],
[class*="via-green"],
[class*="via-yellow"],
[class*="via-purple"],
[class*="via-orange"],
[class*="via-emerald"],
[class*="via-cyan"],
[class*="via-teal"],
[class*="via-amber"],
[class*="via-indigo"],
[class*="via-violet"],
[class*="via-fuchsia"],
[class*="via-pink"] {
  --tw-gradient-stops: var(--tw-gradient-from), #b8b8b8, var(--tw-gradient-to) !important;
}

[class*="to-blue"],
[class*="to-green"],
[class*="to-yellow"],
[class*="to-purple"],
[class*="to-orange"],
[class*="to-emerald"],
[class*="to-cyan"],
[class*="to-teal"],
[class*="to-amber"],
[class*="to-indigo"],
[class*="to-violet"],
[class*="to-fuchsia"],
[class*="to-pink"] {
  --tw-gradient-to: rgba(176, 176, 176, 0.12) !important;
}

[class*="fill-blue"],
[class*="fill-green"],
[class*="fill-yellow"],
[class*="fill-purple"] {
  fill: #c8c8c8 !important;
}

[class*="stroke-blue"],
[class*="stroke-green"],
[class*="stroke-yellow"],
[class*="stroke-purple"] {
  stroke: #c8c8c8 !important;
}

/* Colored arbitrary shadows (status dots, role badges) → white glow */
[class*="shadow-[0_0_8px_rgba(34,197,94"] {
  box-shadow: 0 0 8px rgba(255, 255, 255, 0.28) !important;
}

[class*="shadow-[0_0_10px_rgba(59,130,246"] {
  box-shadow: 0 0 10px rgba(255, 255, 255, 0.22) !important;
}