/* ===== app-overrides.css ===== */

/* По умолчанию: мобильная нижняя панель скрыта */
.mobile-nav,
.mobile-bottom-nav,
.bottom-nav,
.nav-mobile,
.nav-bottom,
.mh-mobile-bar,
.mh-bottom-nav,
.app-mobile-nav,
.app__mobile-nav,
.app-bottom-nav,
.app__bottom-bar,
#mobile-nav,
#mobileNav { display: none !important; }

/* Мобильная ширина: показываем панель, скрываем нижний список майнеров в профиле */
@media (max-width: 991.98px){
  .mobile-nav,
  .mobile-bottom-nav,
  .bottom-nav,
  .nav-mobile,
  .nav-bottom,
  .mh-mobile-bar,
  .mh-bottom-nav,
  .app-mobile-nav,
  .app__mobile-nav,
  .app-bottom-nav,
  .app__bottom-bar,
  #mobile-nav,
  #mobileNav {
    display: flex !important;
    position: fixed !important;
    left: 0; right: 0; bottom: 0;
    width: 100%;
    z-index: 999;
  }

  /* Профиль: убираем нижние карточки */
  .mh-profile .mh-list,
  .profile .mh-list,
  .profile-miners,
  .miners-list { display: none !important; }

  /* На всякий случай — плитки, если где-то останутся */
  .mh-miner, .miner, .miner__card, .mh-miner-card, .profile-miner-card {
    width: calc(100% - 32px) !important;
    margin: 12px 16px !important;
  }
}

/* Приглушаем «зелёные» бекграунды в таблицах */
.bg-success, .table .bg-success, .status-success {
  background: rgba(102, 92, 231, 0.12) !important;
}

/* ===== GLOBAL PURPLE ACCENT (замена зелёного свечения) ===== */
:root{
  --accent: #6c5ce7;
  --accent-600:#5a49df;
  --accent-700:#4b3cd2;
  /* на всякий случай подменим «успех» тоже */
  --good: #6c5ce7;
}

/* Кнопки и табы с «успешным»/зелёным стилем → фиолетовые */
.btn-success,
.btn-outline-success,
.btn-green,
[class*="btn-"][class*="success"],
[class*="chip"][class*="success"],
[class*="pill"][class*="success"],
.tag--success,
.badge-success,
.status-success,
.button.success,
.nav-tabs .nav-link.active,
.tabs .nav-link.active,
.tabs .btn.active,
.fin-tabs .btn,
.fin-tabs .nav-link {
  border-color: #6c5ce7 !important;
  color: #fff !important;
  background: linear-gradient(180deg, #7b6cf0 0%, #5b48df 100%) !important;
  box-shadow:
    0 0 0 1px rgba(108,92,231,.35) inset,
    0 8px 22px rgba(108,92,231,.25) !important;
  text-shadow: none !important;
}

/* Неактивные табы/пилюли — фиолетовый контур без зелёного свечения */
.tabs .btn,
.tabs .nav-link,
.fin-tabs .btn,
.fin-tabs .nav-link,
.pill,
.chip,
.segmented .item,
.segmented .btn {
  border: 1px solid rgba(108,92,231,.35) !important;
  background: rgba(108,92,231,.06) !important;
  box-shadow: none !important;
}

/* Ховеры/фокусы/active — фиолетовый «фокус-ринг» */
:where(button,.btn,.nav-link,.pill,.chip,.segmented .btn):focus,
:where(button,.btn,.nav-link,.pill,.chip,.segmented .btn):focus-visible,
:where(button,.btn,.nav-link,.pill,.chip,.segmented .btn):active {
  outline: none !important;
  box-shadow:
    0 0 0 3px rgba(108,92,231,.35),
    0 0 0 1px rgba(108,92,231,.45) inset !important;
}

/* Карточные «ауры»/тени – приглушённо фиолетовые, не зелёные */
.card, .panel, .box, .tile, .table-wrapper {
  box-shadow:
    0 0 0 1px rgba(108,92,231,.16),
    0 12px 30px rgba(108,92,231,.07) !important;
}
.card::after, .panel::after { background: none !important; }

/* Если где-то классами навешана зелёная тень — сбиваем в фиолетовую */
.shadow-success, [class*="shadow"][class*="success"], [class*="glow"][class*="success"] {
  box-shadow: 0 0 0 1px rgba(108,92,231,.28), 0 0 20px rgba(108,92,231,.16) !important;
}

/* Ячейки таблиц с зелёной подложкой → фиолетовый оттенок */
.bg-success,
.table .bg-success {
  background: rgba(108,92,231,.12) !important;
  color: #e6e3ff !important;
}

/* Бейджи и метки «success» → фиолетовые */
.badge-success, .label-success, .tag-success {
  background: #6c5ce7 !important;
  border-color: #6c5ce7 !important;
  color: #fff !important;
}

/* Сайдбар активный пункт — убираем зелёный контур */
.sidebar .menu-item.active,
.sidebar .menu-item:focus {
  border-color: rgba(108,92,231,.45) !important;
  box-shadow:
    0 0 0 1px rgba(108,92,231,.35) inset,
    0 6px 18px rgba(108,92,231,.18) !important;
}

/* Хлебные крошки/ссылки-акценты — мягкий фиолет */
a, .link, .text-success {
  color: #a7a2ff !important;
}
a:hover, .link:hover { color: #bdb7ff !important; }

/* Конкретно вкладки на /?p=fin (депозит/доход/вывод/перевод/автовывод) */
.fin-tabs .btn.active,
.fin-tabs .nav-link.active {
  background: linear-gradient(180deg, #7b6cf0 0%, #5b48df 100%) !important;
  border-color: #6c5ce7 !important;
  color: #fff !important;
  box-shadow: 0 8px 22px rgba(108,92,231,.25) !important;
}
.fin-tabs .btn,
.fin-tabs .nav-link {
  border: 1px solid rgba(108,92,231,.35) !important;
  background: rgba(108,92,231,.06) !important;
}

/* === Force purple ring globally (fallback) === */
:root{
  --ring: rgba(108, 92, 231, .45) !important;
  --ring-soft: rgba(108, 92, 231, .12) !important;
}
.menu__item--active{
  outline-color: var(--ring) !important;
  box-shadow: 0 0 0 8px var(--ring-soft) !important;
}
