/* ==============================================================
   ENTERPRISE SIDEBAR NAV (Soft-UI, монохромные SVG-иконки)
   Отдельный файл — чистый UTF-8, всегда свежий (мимо кэша core.css)
   ============================================================== */

/* 1. Пункт меню — читаемый текст без наведения */
.neo-sidebar__link {
  display: flex; align-items: center; gap: 12px;
  padding: 8px 12px; border-radius: 8px;
  font-weight: 500; font-size: 14px;
  color: #94A3B8;
  text-decoration: none; cursor: pointer;
  transition: background 0.15s ease, color 0.15s ease;
  position: relative;
}

/* Иконка-контейнер (без фоновой плёнки) */
.neo-sidebar__link-ic {
  width: 28px; height: 28px; border-radius: 7px;
  display: inline-flex; align-items: center; justify-content: center;
  color: #64748B;
  background: transparent;
  transition: all 0.15s ease;
}
/* Сама SVG-иконка — монохром, наследует color */
.neo-sidebar__link-ic svg { width: 18px; height: 18px; display: block; }

/* 2. HOVER */
.neo-sidebar__link:hover {
  background: rgba(255,255,255, 0.06);
  color: #F8FAFC;
}
.neo-sidebar__link:hover .neo-sidebar__link-ic {
  color: #F8FAFC;
  background: rgba(255,255,255, 0.10);
}

/* 3. ACTIVE — в цвет терминала */
.neo-sidebar__link.active {
  background: color-mix(in srgb, var(--accent,#0066FF) 15%, transparent) !important;
  color: #FFFFFF;
  font-weight: 600;
}
.neo-sidebar__link.active .neo-sidebar__link-ic {
  background: color-mix(in srgb, var(--accent,#0066FF) 20%, transparent);
  color: var(--accent,#0066FF);   /* иконка горит цветом отдела */
}
.neo-sidebar__link.active::before {
  content: ''; position: absolute; left: 0; top: 15%; height: 70%; width: 3px;
  border-radius: 0 4px 4px 0; background: var(--accent,#0066FF);
  box-shadow: 0 0 12px color-mix(in srgb, var(--accent,#0066FF) 60%, transparent);
}

/* 4. Бейджи — пилюли */
.neo-link-badge {
  margin-left: auto;
  min-width: 22px; height: 22px; padding: 0 6px; border-radius: 999px;
  display: inline-flex; align-items: center; justify-content: center;
  font-size: 11px; font-weight: 700; font-family: monospace;
  color: #FFFFFF;
  background: color-mix(in srgb, var(--accent,#0066FF) 80%, #000 20%);
}
.neo-sidebar__link.active .neo-link-badge {
  background: #FFFFFF;
  color: var(--accent,#0066FF);
  box-shadow: 0 2px 8px color-mix(in srgb, var(--accent,#0066FF) 30%, transparent);
}

/* 5. Свёрнутый режим */
.collapsed .neo-sidebar__link { justify-content: center; padding: 8px; }
.collapsed .neo-sidebar__link-ic { width: 38px; height: 38px; border-radius: 10px; }
.collapsed .neo-sidebar__link-ic svg { width: 20px; height: 20px; }
.collapsed .neo-sidebar__link-label { display: none; }
.collapsed .neo-sidebar__link.active { background: transparent !important; }
.collapsed .neo-sidebar__link.active::before { left: -8px; }
.collapsed .neo-sidebar__link.active .neo-sidebar__link-ic {
  background: color-mix(in srgb, var(--accent,#0066FF) 20%, transparent);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent,#0066FF) 40%, transparent);
}

/* ── Цветовой код маршрутов: цвет только на SVG-иконке (статусность, не «ёлка») ── */
.ic-dtb      svg { color: #10B981; }   /* зелёный — Direct-To-Bank */
.ic-sanation svg { color: #F59E0B; }   /* жёлтый — Санация */
.ic-quasi    svg { color: #F43F5E; }   /* красный — Квази / Отказ */
/* активный пункт всё равно горит цветом отдела — перебивает (специфичность выше) */

/* ── Свёрнутый сайдбар: бейдж-число → красная точка-индикатор (как в iOS) ── */
.collapsed .neo-sidebar__link .neo-link-badge {
  position: absolute; top: 5px; right: 7px;
  min-width: 8px; width: 8px; height: 8px; padding: 0;
  font-size: 0; line-height: 0; color: transparent;     /* прячем цифру, остаётся точка */
  background: #F43F5E !important;
  border-radius: 50%; box-shadow: 0 0 0 2px var(--bg-sidebar, #0F172A);
}

/* ── Точки/WebGL-фон убраны из рабочей зоны (вариант C) ──
   Снимает «серую пелену» и плавающие объекты во ВСЕХ вкладках сразу.
   Фон остаётся матовым градиентом Morning Sky. */
.spatial-bg { display: none !important; }

/* ── Кнопки сайдбара «Свернуть» / «На главную» — видимые капсулы ── */
.neo-sidebar__collapse-btn,
.neo-sidebar__global-btn {
  color: #CBD5E1 !important;
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(255,255,255,0.08);
}
.neo-sidebar__collapse-btn:hover,
.neo-sidebar__global-btn:hover {
  background: rgba(255,255,255,0.12) !important;
  color: #ffffff !important;
  border-color: rgba(255,255,255,0.18);
}
.neo-sidebar__collapse-btn svg,
.neo-sidebar__global-btn svg { stroke: currentColor; }
