/* NeroLink cabinet clean visual overlay v4.
   Safe CSS-only layer.
   Purpose: premium dark NeroLink style without breaking structure/buttons/layout.
*/

:root {
  --nl-bg: #060817;
  --nl-bg-2: #0b1028;
  --nl-panel: rgba(15, 19, 43, .72);
  --nl-panel-2: rgba(24, 27, 54, .76);
  --nl-line: rgba(120, 135, 190, .18);
  --nl-line-strong: rgba(120, 135, 190, .28);
  --nl-text: #f4f6ff;
  --nl-muted: rgba(244, 246, 255, .62);
  --nl-muted-2: rgba(244, 246, 255, .44);
  --nl-blue: #3292ff;
  --nl-violet: #8b48ff;
  --nl-pink: #c342ff;
  --nl-green: #76f0be;
}

html,
body {
  background: #050714 !important;
}

body {
  color: var(--nl-text) !important;
  background:
    radial-gradient(circle at 50% -12%, rgba(66, 91, 255, .22), transparent 34%),
    radial-gradient(circle at 85% 25%, rgba(139, 72, 255, .13), transparent 30%),
    radial-gradient(circle at 16% 35%, rgba(38, 160, 255, .11), transparent 30%),
    linear-gradient(180deg, #050714 0%, #0a0e25 42%, #050714 100%) !important;
  font-family: Inter, "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, Arial, sans-serif !important;
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  opacity: .34;
  background:
    linear-gradient(90deg, transparent 0 8%, rgba(69, 104, 255, .10) 8.08% 8.14%, transparent 8.18%),
    linear-gradient(180deg, transparent 0 18%, rgba(139, 72, 255, .08) 18.08% 18.14%, transparent 18.18%),
    radial-gradient(circle at 22% 36%, rgba(50, 146, 255, .55) 0 1px, transparent 3px),
    radial-gradient(circle at 80% 31%, rgba(139, 72, 255, .48) 0 1px, transparent 3px);
  mask-image: radial-gradient(ellipse at center, #000 0 70%, transparent 100%);
}

h1,
h2,
h3 {
  color: var(--nl-text) !important;
  text-shadow: 0 0 24px rgba(80, 120, 255, .16);
}

p,
span,
small,
label,
li {
  color: inherit;
}

a {
  color: #8cc7ff !important;
}

.card,
.panel,
.tile,
.box,
.section,
.modal,
.drawer,
.login-card,
.auth-card,
.plan-card,
.payment-card,
.profile-card,
.connect-card,
.subscription-card,
.dashboard-card,
.server-card,
.status-card,
.user-card,
.info-card {
  background:
    linear-gradient(180deg, rgba(18, 23, 53, .76), rgba(9, 13, 33, .70)) !important;
  border: 1px solid var(--nl-line) !important;
  box-shadow:
    0 18px 42px rgba(0, 0, 0, .28),
    inset 0 1px 0 rgba(255, 255, 255, .045) !important;
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}

.badge,
.pill,
.status,
.tag,
.chip,
.notice,
.alert {
  color: var(--nl-text) !important;
  background: rgba(32, 36, 64, .62) !important;
  border: 1px solid var(--nl-line) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05) !important;
}

.success,
.ok,
.active,
.online,
.paid {
  color: var(--nl-green) !important;
}

/* Buttons: calm gray by default */
button,
.btn,
.button,
a.btn,
a.button,
[role="button"],
input[type="button"],
input[type="submit"] {
  color: rgba(255,255,255,.94) !important;
  background:
    linear-gradient(180deg, rgba(78, 82, 108, .72), rgba(47, 50, 76, .72)) !important;
  border: 1px solid rgba(255,255,255,.13) !important;
  border-radius: 18px !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10),
    inset 0 -1px 0 rgba(0,0,0,.22),
    0 8px 18px rgba(0,0,0,.18) !important;
  text-shadow: none !important;
  transform: none !important;
  filter: none !important;
  transition:
    background .18s ease,
    border-color .18s ease,
    box-shadow .18s ease,
    transform .12s ease,
    color .18s ease !important;
}

button::before,
.btn::before,
.button::before,
a.btn::before,
a.button::before,
[role="button"]::before {
  content: none !important;
  display: none !important;
}

/* Selected tabs stay gray, not giant neon */
.tab.active,
.tab-button.active,
.nav-link.active,
[aria-selected="true"] {
  color: #fff !important;
  background:
    linear-gradient(180deg, rgba(88, 92, 118, .78), rgba(54, 57, 82, .78)) !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10),
    0 7px 16px rgba(0,0,0,.16) !important;
}

/* Main action button may keep restrained gradient */
button.primary,
.btn.primary,
.button.primary,
.primary,
.cta {
  background:
    linear-gradient(90deg, #348cff 0%, #4c68ff 44%, #8b48ff 100%) !important;
  border-color: rgba(170, 160, 255, .36) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.14),
    0 10px 22px rgba(70, 105, 255, .20) !important;
}

/* Desktop hover only */
@media (hover: hover) and (pointer: fine) {
  button:hover,
  .btn:hover,
  .button:hover,
  a.btn:hover,
  a.button:hover,
  [role="button"]:hover,
  input[type="button"]:hover,
  input[type="submit"]:hover {
    color: #fff !important;
    background:
      linear-gradient(90deg, #348cff 0%, #4c68ff 44%, #8b48ff 76%, #b946ff 100%) !important;
    border-color: rgba(170, 160, 255, .42) !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.14),
      0 10px 22px rgba(0,0,0,.18),
      0 0 22px rgba(74, 111, 255, .18) !important;
    transform: translateY(-1px) !important;
  }
}

/* Mobile: no hover sticking */
@media (hover: none), (pointer: coarse) {
  button:hover,
  .btn:hover,
  .button:hover,
  a.btn:hover,
  a.button:hover,
  [role="button"]:hover,
  input[type="button"]:hover,
  input[type="submit"]:hover {
    color: rgba(255,255,255,.94) !important;
    background:
      linear-gradient(180deg, rgba(78, 82, 108, .72), rgba(47, 50, 76, .72)) !important;
    border-color: rgba(255,255,255,.13) !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.10),
      inset 0 -1px 0 rgba(0,0,0,.22),
      0 8px 18px rgba(0,0,0,.18) !important;
    transform: none !important;
  }

  button.primary,
  .btn.primary,
  .button.primary,
  .primary,
  .cta {
    background:
      linear-gradient(90deg, #348cff 0%, #4c68ff 44%, #8b48ff 100%) !important;
  }

  button:active,
  .btn:active,
  .button:active,
  a.btn:active,
  a.button:active,
  [role="button"]:active {
    transform: translateY(1px) !important;
    filter: brightness(1.04) !important;
  }
}

button:disabled,
.btn:disabled,
.button:disabled,
[disabled],
[aria-disabled="true"] {
  color: rgba(255,255,255,.42) !important;
  background:
    linear-gradient(180deg, rgba(70, 73, 94, .42), rgba(42, 45, 66, .42)) !important;
  border-color: rgba(255,255,255,.08) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 5px 12px rgba(0,0,0,.12) !important;
  cursor: not-allowed !important;
  transform: none !important;
  filter: none !important;
}

input,
select,
textarea {
  color: var(--nl-text) !important;
  background: rgba(12, 16, 38, .72) !important;
  border: 1px solid var(--nl-line) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04) !important;
}

input:focus,
select:focus,
textarea:focus {
  border-color: rgba(80, 145, 255, .42) !important;
  box-shadow: 0 0 0 3px rgba(80, 145, 255, .13) !important;
}

hr {
  border-color: var(--nl-line) !important;
}

::selection {
  background: rgba(70, 105, 255, .42);
  color: #fff;
}

/* === NEROLINK FINAL BUTTONS OS TABS V5 START === */

/* Все НЕ primary кнопки — как кнопка "Поддержка": спокойные серые, аккуратные */
button:not(.primary):not(.cta):not(.main):not(.accent):not([data-primary="true"]),
.btn:not(.primary):not(.cta):not(.main):not(.accent):not([data-primary="true"]),
.button:not(.primary):not(.cta):not(.main):not(.accent):not([data-primary="true"]),
a.btn:not(.primary):not(.cta):not(.main):not(.accent):not([data-primary="true"]),
a.button:not(.primary):not(.cta):not(.main):not(.accent):not([data-primary="true"]),
[role="button"]:not(.primary):not(.cta):not(.main):not(.accent):not([data-primary="true"]) {
  color: rgba(255,255,255,.92) !important;
  background:
    linear-gradient(180deg, rgba(76, 80, 106, .68) 0%, rgba(48, 51, 76, .70) 52%, rgba(35, 38, 61, .76) 100%) !important;
  border: 1px solid rgba(255,255,255,.13) !important;
  border-radius: 20px !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10),
    inset 0 -1px 0 rgba(0,0,0,.24),
    0 8px 18px rgba(0,0,0,.18) !important;
  text-shadow: none !important;
  transform: none !important;
  filter: none !important;
}

/* Primary кнопки оставляем фирменным градиентом */
button.primary,
.btn.primary,
.button.primary,
a.btn.primary,
a.button.primary,
.primary,
.cta,
.main,
.accent,
[data-primary="true"] {
  color: #fff !important;
  background:
    linear-gradient(90deg, #348cff 0%, #4b68ff 42%, #8648ff 78%, #b946ff 100%) !important;
  border-color: rgba(170, 160, 255, .38) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.15),
    0 10px 22px rgba(70,105,255,.20),
    0 0 24px rgba(132,72,255,.12) !important;
}

/* Hover на ПК: НЕ primary кнопки становятся градиентом, но без жирной объемности */
@media (hover: hover) and (pointer: fine) {
  button:not(.primary):not(.cta):not(.main):not(.accent):not([data-primary="true"]):hover,
  .btn:not(.primary):not(.cta):not(.main):not(.accent):not([data-primary="true"]):hover,
  .button:not(.primary):not(.cta):not(.main):not(.accent):not([data-primary="true"]):hover,
  a.btn:not(.primary):not(.cta):not(.main):not(.accent):not([data-primary="true"]):hover,
  a.button:not(.primary):not(.cta):not(.main):not(.accent):not([data-primary="true"]):hover,
  [role="button"]:not(.primary):not(.cta):not(.main):not(.accent):not([data-primary="true"]):hover {
    color: #fff !important;
    background:
      linear-gradient(90deg, #348cff 0%, #4b68ff 44%, #8648ff 78%, #b946ff 100%) !important;
    border-color: rgba(170,160,255,.42) !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.13),
      0 8px 18px rgba(0,0,0,.18),
      0 0 18px rgba(96,112,255,.16) !important;
    transform: translateY(-1px) !important;
  }
}

/* На телефоне убираем залипание hover */
@media (hover: none), (pointer: coarse) {
  button:not(.primary):not(.cta):not(.main):not(.accent):not([data-primary="true"]):hover,
  .btn:not(.primary):not(.cta):not(.main):not(.accent):not([data-primary="true"]):hover,
  .button:not(.primary):not(.cta):not(.main):not(.accent):not([data-primary="true"]):hover,
  a.btn:not(.primary):not(.cta):not(.main):not(.accent):not([data-primary="true"]):hover,
  a.button:not(.primary):not(.cta):not(.main):not(.accent):not([data-primary="true"]):hover,
  [role="button"]:not(.primary):not(.cta):not(.main):not(.accent):not([data-primary="true"]):hover {
    background:
      linear-gradient(180deg, rgba(76, 80, 106, .68) 0%, rgba(48, 51, 76, .70) 52%, rgba(35, 38, 61, .76) 100%) !important;
    border-color: rgba(255,255,255,.13) !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.10),
      inset 0 -1px 0 rgba(0,0,0,.24),
      0 8px 18px rgba(0,0,0,.18) !important;
    transform: none !important;
  }
}

/* OS selector container */
.os-tabs,
.platform-tabs,
.device-tabs,
.install-tabs,
.os-selector,
.platform-selector,
.tabs,
.tabbar {
  background: rgba(7, 10, 28, .58) !important;
  border: 1px solid rgba(130, 105, 255, .18) !important;
  border-radius: 26px !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 12px 28px rgba(0,0,0,.22) !important;
}

/* OS selector inactive */
.os-tabs button,
.platform-tabs button,
.device-tabs button,
.install-tabs button,
.os-selector button,
.platform-selector button,
.tabs .tab,
.tabbar .tab,
.os-tab,
.platform-tab,
.device-tab,
[data-os],
[data-platform] {
  color: rgba(244,246,255,.48) !important;
  background:
    linear-gradient(180deg, rgba(58,61,86,.54), rgba(35,38,60,.60)) !important;
  border: 1px solid rgba(255,255,255,.09) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.07),
    0 7px 15px rgba(0,0,0,.16) !important;
}

/* OS selector active — фиолетовый неон */
.os-tabs button.active,
.platform-tabs button.active,
.device-tabs button.active,
.install-tabs button.active,
.os-selector button.active,
.platform-selector button.active,
.tabs .tab.active,
.tabbar .tab.active,
.os-tab.active,
.platform-tab.active,
.device-tab.active,
[data-os].active,
[data-platform].active,
.os-tabs button[aria-selected="true"],
.platform-tabs button[aria-selected="true"],
.device-tabs button[aria-selected="true"],
.install-tabs button[aria-selected="true"],
.os-selector button[aria-selected="true"],
.platform-selector button[aria-selected="true"],
[data-os][aria-selected="true"],
[data-platform][aria-selected="true"] {
  color: #ffffff !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(255,255,255,.14), transparent 42%),
    linear-gradient(90deg, #593cff 0%, #8548ff 52%, #ba42ff 100%) !important;
  border-color: rgba(190, 120, 255, .55) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.16),
    0 8px 18px rgba(0,0,0,.20),
    0 0 18px rgba(151, 72, 255, .34),
    0 0 32px rgba(196, 66, 255, .20) !important;
}

/* OS hover на ПК */
@media (hover: hover) and (pointer: fine) {
  .os-tabs button:not(.active):hover,
  .platform-tabs button:not(.active):hover,
  .device-tabs button:not(.active):hover,
  .install-tabs button:not(.active):hover,
  .os-selector button:not(.active):hover,
  .platform-selector button:not(.active):hover,
  .tabs .tab:not(.active):hover,
  .tabbar .tab:not(.active):hover,
  .os-tab:not(.active):hover,
  .platform-tab:not(.active):hover,
  .device-tab:not(.active):hover,
  [data-os]:not(.active):hover,
  [data-platform]:not(.active):hover {
    color: rgba(255,255,255,.82) !important;
    border-color: rgba(150,130,255,.24) !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.09),
      0 7px 16px rgba(0,0,0,.16),
      0 0 14px rgba(120,90,255,.12) !important;
  }
}

/* === NEROLINK FINAL BUTTONS OS TABS V5 END === */

/* === NEROLINK TARGETED UI FIX V6 START === */

/* Кнопки: secondary как "Поддержка" */
.nl-secondary-action {
  color: rgba(255,255,255,.94) !important;
  background:
    linear-gradient(180deg, rgba(78, 82, 108, .70) 0%, rgba(50, 53, 78, .72) 52%, rgba(36, 39, 62, .78) 100%) !important;
  border: 1px solid rgba(255,255,255,.13) !important;
  border-radius: 20px !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10),
    inset 0 -1px 0 rgba(0,0,0,.24),
    0 8px 18px rgba(0,0,0,.18) !important;
  text-shadow: none !important;
  transform: none !important;
  filter: none !important;
}

/* Primary оставляем фирменными */
.nl-primary-action {
  color: #fff !important;
  background:
    linear-gradient(90deg, #348cff 0%, #4b68ff 42%, #8648ff 78%, #b946ff 100%) !important;
  border: 1px solid rgba(180,160,255,.40) !important;
  border-radius: 20px !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.15),
    0 10px 22px rgba(70,105,255,.20),
    0 0 24px rgba(132,72,255,.12) !important;
  text-shadow: none !important;
}

/* Hover на ПК для обычных кнопок */
@media (hover: hover) and (pointer: fine) {
  .nl-secondary-action:hover {
    color: #fff !important;
    background:
      linear-gradient(90deg, #348cff 0%, #4b68ff 44%, #8648ff 78%, #b946ff 100%) !important;
    border-color: rgba(180,160,255,.46) !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.14),
      0 8px 18px rgba(0,0,0,.18),
      0 0 18px rgba(96,112,255,.18) !important;
    transform: translateY(-1px) !important;
  }

  .nl-primary-action:hover {
    filter: brightness(1.04) saturate(1.04) !important;
    transform: translateY(-1px) !important;
  }
}

/* На мобиле hover не должен залипать */
@media (hover: none), (pointer: coarse) {
  .nl-secondary-action:hover {
    background:
      linear-gradient(180deg, rgba(78, 82, 108, .70) 0%, rgba(50, 53, 78, .72) 52%, rgba(36, 39, 62, .78) 100%) !important;
    border-color: rgba(255,255,255,.13) !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.10),
      inset 0 -1px 0 rgba(0,0,0,.24),
      0 8px 18px rgba(0,0,0,.18) !important;
    transform: none !important;
    filter: none !important;
  }

  .nl-secondary-action:active,
  .nl-primary-action:active {
    transform: translateY(1px) !important;
  }
}

/* OS selector: общий контейнер */
.nl-os-selector {
  background: rgba(7, 10, 28, .62) !important;
  border: 1px solid rgba(120, 105, 255, .18) !important;
  border-radius: 26px !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 12px 28px rgba(0,0,0,.20) !important;
}

/* OS selector: неактивные вкладки приглушённые */
.nl-os-selector .nl-os-tab {
  color: rgba(244,246,255,.48) !important;
  background:
    linear-gradient(180deg, rgba(58,61,86,.54), rgba(35,38,60,.62)) !important;
  border: 1px solid rgba(255,255,255,.09) !important;
  border-radius: 20px !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.07),
    0 7px 15px rgba(0,0,0,.16) !important;
  text-shadow: none !important;
  transform: none !important;
}

/* OS selector: активная вкладка — фиолетовый неон */
.nl-os-selector .nl-os-tab.nl-os-active {
  color: #ffffff !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(255,255,255,.15), transparent 42%),
    linear-gradient(90deg, #593cff 0%, #8548ff 52%, #ba42ff 100%) !important;
  border-color: rgba(205, 130, 255, .62) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.16),
    0 8px 18px rgba(0,0,0,.20),
    0 0 18px rgba(151, 72, 255, .42),
    0 0 34px rgba(196, 66, 255, .24) !important;
}

/* OS selector: подсветка при наведении возвращена */
@media (hover: hover) and (pointer: fine) {
  .nl-os-selector .nl-os-tab:not(.nl-os-active):hover {
    color: rgba(255,255,255,.88) !important;
    background:
      linear-gradient(180deg, rgba(72, 67, 105, .64), rgba(43, 39, 72, .68)) !important;
    border-color: rgba(180, 130, 255, .34) !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.10),
      0 7px 16px rgba(0,0,0,.16),
      0 0 16px rgba(151,72,255,.20) !important;
    transform: translateY(-1px) !important;
  }
}

/* Убираем лишний внутренний квадрат вокруг блоков установки */
.nl-remove-inner-square {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

/* Если квадрат рисовался псевдоэлементом */
.nl-remove-inner-square::before,
.nl-remove-inner-square::after {
  content: none !important;
  display: none !important;
}

/* Сами карточки установки оставляем красивыми */
.nl-install-card {
  background:
    linear-gradient(180deg, rgba(14, 19, 48, .82), rgba(7, 11, 31, .76)) !important;
  border: 1px solid rgba(95, 105, 170, .20) !important;
  border-radius: 28px !important;
  box-shadow:
    0 16px 36px rgba(0,0,0,.24),
    inset 0 1px 0 rgba(255,255,255,.045) !important;
}

/* === NEROLINK TARGETED UI FIX V6 END === */

/* === NEROLINK TARGETED FIX V7 START === */

/* Secondary buttons — like "Поддержка" */
.nl-secondary-action-v7 {
  color: rgba(255,255,255,.94) !important;
  background:
    linear-gradient(180deg, rgba(78,82,108,.70) 0%, rgba(50,53,78,.72) 52%, rgba(36,39,62,.78) 100%) !important;
  border: 1px solid rgba(255,255,255,.13) !important;
  border-radius: 20px !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10),
    inset 0 -1px 0 rgba(0,0,0,.24),
    0 8px 18px rgba(0,0,0,.18) !important;
  text-shadow: none !important;
  transform: none !important;
  filter: none !important;
}

/* Primary buttons — brand gradient */
.nl-primary-action-v7 {
  color: #fff !important;
  background:
    linear-gradient(90deg, #348cff 0%, #4b68ff 42%, #8648ff 78%, #b946ff 100%) !important;
  border: 1px solid rgba(180,160,255,.40) !important;
  border-radius: 20px !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.15),
    0 10px 22px rgba(70,105,255,.20),
    0 0 24px rgba(132,72,255,.12) !important;
  text-shadow: none !important;
}

/* Desktop hover */
@media (hover: hover) and (pointer: fine) {
  .nl-secondary-action-v7:hover {
    color: #fff !important;
    background:
      linear-gradient(90deg, #348cff 0%, #4b68ff 44%, #8648ff 78%, #b946ff 100%) !important;
    border-color: rgba(180,160,255,.46) !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.14),
      0 8px 18px rgba(0,0,0,.18),
      0 0 18px rgba(96,112,255,.18) !important;
    transform: translateY(-1px) !important;
  }
}

/* Mobile no sticky hover */
@media (hover: none), (pointer: coarse) {
  .nl-secondary-action-v7:hover {
    background:
      linear-gradient(180deg, rgba(78,82,108,.70) 0%, rgba(50,53,78,.72) 52%, rgba(36,39,62,.78) 100%) !important;
    border-color: rgba(255,255,255,.13) !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.10),
      inset 0 -1px 0 rgba(0,0,0,.24),
      0 8px 18px rgba(0,0,0,.18) !important;
    transform: none !important;
    filter: none !important;
  }
}

/* OS selector wrapper */
.nl-os-selector-v7 {
  background: rgba(7,10,28,.62) !important;
  border: 1px solid rgba(120,105,255,.18) !important;
  border-radius: 26px !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 12px 28px rgba(0,0,0,.20) !important;
}

/* OS inactive */
.nl-os-tab-v7 {
  color: rgba(244,246,255,.46) !important;
  background:
    linear-gradient(180deg, rgba(58,61,86,.54), rgba(35,38,60,.62)) !important;
  border: 1px solid rgba(255,255,255,.09) !important;
  border-radius: 20px !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.07),
    0 7px 15px rgba(0,0,0,.16) !important;
  text-shadow: none !important;
}

/* OS active — violet neon */
.nl-os-tab-v7.nl-os-active-v7 {
  color: #fff !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(255,255,255,.15), transparent 42%),
    linear-gradient(90deg, #5d3cff 0%, #8648ff 52%, #bd42ff 100%) !important;
  border-color: rgba(205,130,255,.66) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.16),
    0 8px 18px rgba(0,0,0,.20),
    0 0 20px rgba(151,72,255,.48),
    0 0 38px rgba(196,66,255,.26) !important;
}

/* OS hover on desktop */
@media (hover: hover) and (pointer: fine) {
  .nl-os-tab-v7:not(.nl-os-active-v7):hover {
    color: rgba(255,255,255,.88) !important;
    background:
      linear-gradient(180deg, rgba(72,67,105,.64), rgba(43,39,72,.68)) !important;
    border-color: rgba(180,130,255,.34) !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.10),
      0 7px 16px rgba(0,0,0,.16),
      0 0 16px rgba(151,72,255,.22) !important;
    transform: translateY(-1px) !important;
  }
}

/* Remove ONLY the sharp square around install blocks */
.nl-remove-sharp-square-v7 {
  border-color: transparent !important;
  outline: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

.nl-remove-sharp-square-v7::before,
.nl-remove-sharp-square-v7::after {
  content: none !important;
  display: none !important;
}

/* Keep rounded install cards */
.nl-install-card-v7 {
  background:
    linear-gradient(180deg, rgba(14,19,48,.82), rgba(7,11,31,.76)) !important;
  border: 1px solid rgba(95,105,170,.20) !important;
  border-radius: 28px !important;
  box-shadow:
    0 16px 36px rgba(0,0,0,.24),
    inset 0 1px 0 rgba(255,255,255,.045) !important;
}

/* === NEROLINK TARGETED FIX V7 END === */