/* ПСС — иконки меню по темам (Tabler SVG + PNG → mask glyph) */

.psr-nav-glyph {
  display: inline-block;
  flex: none;
  width: 1.25rem;
  height: 1.25rem;
  margin-right: var(--mantine-spacing-sm, 0.75rem);
  background-color: currentColor;
  color: inherit;
  -webkit-mask: var(--psr-glyph) center / contain no-repeat;
  mask: var(--psr-glyph) center / contain no-repeat;
  opacity: 0.92;
  vertical-align: middle;
  pointer-events: none;
}

.psr-fake-link .psr-nav-glyph,
.psr-fake-link .psr-nav-icon {
  margin-right: 0;
}

.psr-fake-link .psr-nav-icon,
.psr-fake-link > svg.psr-nav-icon {
  width: 1.25rem;
  height: 1.25rem;
  flex: none;
  display: block;
  stroke: currentColor;
  fill: none;
  opacity: 0.9;
}

.psr-fake-link .psr-nav-icon[data-kind="img"] {
  object-fit: contain;
}

/* ---- classic: stock sizes, clearer contrast ---- */
[data-psr-theme="classic"] .mantine-AppShell-navbar [class*="_linkIcon_"],
[data-psr-theme="classic"] .mantine-AppShell-navbar .psr-nav-glyph {
  width: 1.35rem !important;
  height: 1.35rem !important;
}
[data-psr-theme="classic"] .mantine-AppShell-navbar svg[class*="_linkIcon_"] {
  stroke-width: 1.6;
  opacity: 0.95;
}

/* ---- brand: 20px like code_artifact ---- */
[data-psr-theme="brand"] .mantine-AppShell-navbar [class*="_linkIcon_"],
[data-psr-theme="brand"] .mantine-AppShell-navbar .psr-nav-glyph,
[data-psr-theme="brand"] .psr-fake-link .psr-nav-glyph,
[data-psr-theme="brand"] .psr-fake-link .psr-nav-icon {
  width: 1.25rem !important;
  height: 1.25rem !important;
}
[data-psr-theme="brand"] .mantine-AppShell-navbar svg[class*="_linkIcon_"],
[data-psr-theme="brand"] .psr-fake-link svg.psr-nav-icon {
  stroke-width: 1.75;
}
[data-psr-theme="brand"][data-mantine-color-scheme="light"] .psr-fake-link .psr-nav-glyph,
[data-psr-theme="brand"][data-mantine-color-scheme="light"] .psr-fake-link .psr-nav-icon {
  color: #5b677a;
  opacity: 1;
}
[data-psr-theme="brand"][data-mantine-color-scheme="light"] .psr-fake-link:hover .psr-nav-glyph,
[data-psr-theme="brand"][data-mantine-color-scheme="light"] .psr-fake-link:hover .psr-nav-icon {
  color: #1e63c6;
}
[data-psr-theme="brand"][data-mantine-color-scheme="light"] .psr-fake-link.is-active .psr-nav-glyph,
[data-psr-theme="brand"][data-mantine-color-scheme="light"] .psr-fake-link.is-active .psr-nav-icon {
  color: #f4511e;
  opacity: 1;
}
[data-psr-theme="brand"][data-mantine-color-scheme="dark"] .psr-fake-link .psr-nav-glyph,
[data-psr-theme="brand"][data-mantine-color-scheme="dark"] .psr-fake-link .psr-nav-icon {
  color: #6b7280;
  opacity: 1;
}
[data-psr-theme="brand"][data-mantine-color-scheme="dark"] .psr-fake-link:hover .psr-nav-glyph,
[data-psr-theme="brand"][data-mantine-color-scheme="dark"] .psr-fake-link:hover .psr-nav-icon,
[data-psr-theme="brand"][data-mantine-color-scheme="dark"] .psr-fake-link.is-active .psr-nav-glyph,
[data-psr-theme="brand"][data-mantine-color-scheme="dark"] .psr-fake-link.is-active .psr-nav-icon {
  color: #f4511e;
  opacity: 1;
}

/* brand: PNG/mask glyphs follow NavLink colors already via currentColor on active */
[data-psr-theme="brand"] .mantine-AppShell-navbar .psr-nav-glyph {
  opacity: 1;
}

/* ---- ops: 16px rail icons like pss-admin-design ---- */
[data-psr-theme="ops"] .mantine-AppShell-navbar [class*="_linkIcon_"],
[data-psr-theme="ops"] .mantine-AppShell-navbar .psr-nav-glyph,
[data-psr-theme="ops"] .psr-fake-link .psr-nav-glyph,
[data-psr-theme="ops"] .psr-fake-link .psr-nav-icon {
  width: 16px !important;
  height: 16px !important;
  margin-right: 0;
}
[data-psr-theme="ops"] .mantine-AppShell-navbar [class*="_link_"] {
  gap: 10px;
}
[data-psr-theme="ops"] .mantine-AppShell-navbar svg[class*="_linkIcon_"],
[data-psr-theme="ops"] .psr-fake-link svg.psr-nav-icon {
  stroke-width: 1.5;
  opacity: 0.85;
}
[data-psr-theme="ops"] .psr-fake-link .psr-nav-glyph,
[data-psr-theme="ops"] .psr-fake-link .psr-nav-icon {
  color: #66879e;
  opacity: 0.9;
}
[data-psr-theme="ops"] .psr-fake-link:hover .psr-nav-glyph,
[data-psr-theme="ops"] .psr-fake-link:hover .psr-nav-icon {
  color: #ff8f2e;
  opacity: 1;
}
[data-psr-theme="ops"] .psr-fake-link.is-active .psr-nav-glyph,
[data-psr-theme="ops"] .psr-fake-link.is-active .psr-nav-icon,
[data-psr-theme="ops"] .mantine-AppShell-navbar [class*="_link_"][data-active] .psr-nav-glyph,
[data-psr-theme="ops"] .mantine-AppShell-navbar [class*="_link_"][data-active] svg[class*="_linkIcon_"] {
  color: #ff8f2e !important;
  opacity: 1 !important;
}

/* Header / action icons denser under ops — hit target ≥40 (see psr-controls) */
[data-psr-theme="ops"] .mantine-AppShell-header .mantine-ActionIcon-root,
[data-psr-theme="ops"] .mantine-AppShell-header button.mantine-ActionIcon-root {
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  border-radius: 3px;
  border: 1px solid var(--psr-border, #2c4a63);
  background: var(--psr-surface-2, #173347);
  color: var(--psr-muted, #8fa9bd);
}
[data-psr-theme="ops"] .mantine-AppShell-header .mantine-ActionIcon-root:hover {
  color: var(--psr-text, #eaf1f6);
  border-color: #66879e;
}
[data-psr-theme="ops"] .mantine-AppShell-header .mantine-ActionIcon-root svg {
  width: 16px;
  height: 16px;
}

[data-psr-theme="brand"] .mantine-AppShell-header .mantine-ActionIcon-root svg {
  width: 18px;
  height: 18px;
  stroke-width: 1.75;
}

/* Fallback: raw PNG not yet converted — keep readable on dark */
[data-psr-theme="ops"] .mantine-AppShell-navbar img[class*="_linkIcon_"],
[data-psr-theme="brand"][data-mantine-color-scheme="dark"] .mantine-AppShell-navbar img[class*="_linkIcon_"],
[data-psr-theme="classic"][data-mantine-color-scheme="dark"] .mantine-AppShell-navbar img[class*="_linkIcon_"] {
  filter: brightness(0) invert(1);
  opacity: 0.78;
}
[data-psr-theme="ops"] .mantine-AppShell-navbar [class*="_link_"][data-active] img[class*="_linkIcon_"],
[data-psr-theme="brand"][data-mantine-color-scheme="dark"] .mantine-AppShell-navbar [class*="_link_"][data-active] img[class*="_linkIcon_"] {
  filter: none;
  /* amber-ish via approx — mask glyph preferred */
  opacity: 1;
}