/* =========================================================================
   Тема «неон» (Фи-Ши Покер, brands/fishi: "siteStyle": "neon").
   Бренд-бук клуба: чёрный фон, синий неон — линии и свечение, светлый неон — знак и заголовки,
   белый текст без свечения; не больше 3–4 светящихся элементов (название клуба, активная вкладка,
   главная кнопка, линия графика); масти — как декор и разделители; без золота и жёлтого.
   Подключается после styles.css (перекрашенного палитрой клуба) и правит только оформление.
   ========================================================================= */

:root {
  --neon: #3d8bff;
  --neon-light: #a9d2ff;
  --ink: #0a0a0b;

  --bg: var(--ink);
  --panel: #101319;
  --line: rgba(61, 139, 255, .16);
  --line-strong: rgba(61, 139, 255, .42);
  --accent: var(--neon-light);
  --accent-bright: var(--neon-light);
  --accent-glow: rgba(61, 139, 255, .45);
  --amber: var(--neon-light);
  --sky: #7f8aa3;
  --text: #eef4ff;
  --text-dim: #b6c2da;
  --muted: #7f8aa3;
  --radius: 10px;
  --radius-sm: 7px;
}

body {
  background:
    radial-gradient(900px 420px at 50% -160px, rgba(61, 139, 255, .16), transparent 70%),
    var(--ink);
}

/* шапка: знак клуба и название светлым неоном со свечением — как вывеска в зале */
.topbar { background: rgba(10, 10, 11, .82); border-bottom-color: var(--line); }
.brand__club {
  font-family: var(--sans); font-weight: 800; letter-spacing: .2em; font-size: 1.02rem;
  color: var(--neon-light); text-shadow: 0 0 6px rgba(61, 139, 255, .9), 0 0 22px rgba(61, 139, 255, .55);
}
.brand__sub { color: var(--muted); }
.brand__logo { box-shadow: 0 0 0 1px rgba(61, 139, 255, .5); }

/* заголовки — капсом, строгий шрифт; масть — разделитель */
.panel__title, .card__title, .modal__head h2 {
  font-weight: 800; text-transform: uppercase; letter-spacing: .12em; font-size: 1rem; color: var(--neon-light);
}
.panel__title::before { content: "♠"; color: var(--neon); margin-right: .55em; }
.panel__subtitle { text-transform: uppercase; letter-spacing: .14em; font-size: .8rem; color: var(--text-dim); }
.panel__subtitle::before { content: "♦"; color: var(--neon); margin-right: .55em; }
.event__game { text-transform: uppercase; letter-spacing: .06em; font-weight: 700; }

/* вкладки: активная — неоновая рамка со свечением */
.tab { border-color: var(--line); color: var(--muted); text-transform: uppercase; letter-spacing: .1em; font-size: .74rem; }
.tab:hover { color: var(--text); border-color: var(--line-strong); }
.tab.is-active {
  background: rgba(61, 139, 255, .1); color: var(--text); border-color: var(--neon); font-weight: 700;
  box-shadow: 0 0 10px rgba(61, 139, 255, .55), inset 0 0 8px rgba(61, 139, 255, .25);
}

/* кнопки */
.btn { background: transparent; border-color: var(--line-strong); color: var(--text); }
.btn:hover { background: rgba(61, 139, 255, .1); }
.btn--ghost { color: var(--text-dim); }
.btn--primary {
  background: var(--neon-light); color: var(--ink); border-color: transparent;
  box-shadow: 0 0 16px rgba(61, 139, 255, .5);
}
.btn--primary:hover { filter: none; background: #c4e0ff; }

/* поверхности: тёмные, тонкие синие линии */
.panel { background: rgba(16, 19, 25, .72); border-color: var(--line); }
.card, .modal__panel { background: #0f1218; border-color: var(--line-strong); box-shadow: 0 20px 60px rgba(0, 0, 0, .6); }
.metric { background: #0f1218; border-color: var(--line); }
.metric__value { color: var(--text); }
.metric--hero .metric__value { color: var(--text); text-shadow: none; }
.table-wrap { background: rgba(10, 10, 11, .5); }
.table th { background: #0d1015; color: var(--muted); }
.table tbody tr:hover { background: rgba(61, 139, 255, .06); }
.input, input[type="text"], input[type="password"], input[type="number"], input[type="search"],
input[type="datetime-local"], input[type="tel"], textarea { background: #07080a; border-color: var(--line-strong); }
input:focus, textarea:focus { border-color: var(--neon); box-shadow: 0 0 0 3px rgba(61, 139, 255, .25); }
.toast { background: #0f1218; border-left-color: var(--neon); }
.modal__backdrop { background: rgba(0, 0, 0, .75); }

/* места: синий вместо золота */
.place { background: rgba(127, 138, 163, .14); color: var(--text-dim); }
.place.is-1 { background: rgba(61, 139, 255, .28); color: var(--neon-light); }
.place.is-2 { background: rgba(169, 210, 255, .14); color: var(--text); }
.place.is-3 { background: transparent; color: var(--neon-light); box-shadow: inset 0 0 0 1px rgba(61, 139, 255, .5); }
.rank { border-color: var(--line-strong); color: var(--neon-light); }

/* расписание */
.event { background: #0d1015; border-color: var(--line); }
.event.is-mine { border-color: var(--neon); }
.event__when { border-color: var(--line-strong); background: #07080a; }
.event__when b { color: var(--neon-light); }
.event__mine { color: var(--neon-light); }

/* график очков: линия неоном */
.chart__line { stroke: var(--neon); filter: drop-shadow(0 0 4px rgba(61, 139, 255, .8)); }

/* подвал: масти разделителем */
.foot { border-top: 1px solid var(--line); text-align: center; }
.foot::before { content: "♠  ♥  ♦  ♣"; display: block; color: rgba(61, 139, 255, .55); letter-spacing: .4em; margin-bottom: 8px; }

/* акции */
.promo { background: #0d1015; border-color: var(--line); }
.promo.is-pinned { border-color: var(--neon); }
.promo__title { text-transform: uppercase; letter-spacing: .06em; color: var(--neon-light); }
.promo__link { color: var(--neon-light); }
input[type="date"] { background: #07080a; border-color: var(--line-strong); }