/* neirvp — фирменный слой поверх панели Remnawave.
   Только логотип и акцентный цвет: логику панели не трогаем. */

:root,
html[data-mantine-color-scheme='dark'] {
  --nv-blue: #006bff;
  --nv-cyan: #00e5ff;

  --mantine-color-cyan-4: #3384ff;
  --mantine-color-cyan-5: #1a78ff;
  --mantine-color-cyan-6: #006bff;
  --mantine-color-cyan-7: #0059d6;
  --mantine-color-cyan-8: #0b34c9;
  --mantine-color-cyan-filled: #006bff;
  --mantine-color-cyan-filled-hover: #2b83ff;
  --mantine-color-cyan-light: rgba(0, 107, 255, 0.14);
  --mantine-color-cyan-light-hover: rgba(0, 107, 255, 0.22);
  --mantine-color-cyan-light-color: #7ab4ff;
  --mantine-color-cyan-outline: rgba(0, 107, 255, 0.55);
  --mantine-color-cyan-text: #7ab4ff;
}

/* фирменный знак вместо дефолтного «эквалайзера» */
svg[viewBox='0 0 16 16'][style*='color: var(--mantine-color-cyan-text)'] {
  width: 0 !important;
  height: 0 !important;
  overflow: hidden;
}

svg[viewBox='0 0 16 16'][style*='color: var(--mantine-color-cyan-text)']::after {
  content: '';
}

/* подставляем знак рядом: работает и на логине, и в шапке */
svg[viewBox='0 0 16 16'][style*='color: var(--mantine-color-cyan-text)'] + *::before,
.mantine-Group-root > svg[viewBox='0 0 16 16'] + .mantine-Title-root::before {
  content: '';
  display: inline-block;
  vertical-align: -0.22em;
  width: 1.15em;
  height: 1.15em;
  margin-right: 0.42em;
  background: url('/rw-panel-theme/mark.svg') center / contain no-repeat;
}

/* фокус с клавиатуры виден: панель гасит его классом mantine-focus-never */
:where(a, button, [role='button'], [tabindex]):focus-visible {
  outline: 2px solid var(--nv-cyan) !important;
  outline-offset: 2px !important;
}