/*
 * unslop-проход по мониторингу, карточке сервера, кабинету и входам.
 * Направление: приборная панель ночной смены — графитовые нейтрали с еле
 * заметным зелёным подтоном, один зелёный акцент (живой онлайн и главное
 * действие), график онлайна как единственный яркий момент.
 * Палитра и логика — из unslop by @heydamir (CC BY 4.0).
 */

:root {
	--u-bg: #f6f8f7;
	--u-card: #ffffff;
	--u-raised: #f1f4f2;
	--u-line: rgba(20, 34, 26, .10);
	--u-line-2: rgba(20, 34, 26, .16);
	--u-text: #141a17;
	--u-text-2: #4d5a53;
	--u-muted: #78857d;
	--u-accent: #12995a;
	--u-accent-ink: #0c7a46;
	--u-accent-soft: rgba(18, 153, 90, .10);
	--u-r1: 8px;
	--u-r2: 12px;
	--u-r3: 16px;
	--u-ease: cubic-bezier(.22, 1, .36, 1);
}

body { background: var(--u-bg); color: var(--u-text); }

/* ── заголовки: без капса, без жирного трекинга ── */
.game-title,
.uc-title,
.srv-title,
h1.game-title {
	text-transform: none !important;
	letter-spacing: 0 !important;
	font-weight: 500 !important;
}

.subsection-title,
.uc-kpi__label,
.uc-wallet__label,
.srv-spec__k,
.srv-chart__sub,
.srv-chart__title,
.game-head-stat,
.uc-head__lead,
.srv-card__title,
.uc-sec-head h2,
.uc-panel__head h3 {
	text-transform: none !important;
	letter-spacing: 0 !important;
	font-weight: 500 !important;
}

.uc-kpi__label,
.srv-spec__k,
.subsection-title {
	font-size: 12px !important;
	color: var(--u-muted) !important;
}

/* ── поверхности: убираем зелёные заливки, градиенты и свечения ── */
.game-head,
.game-head.card,
.uc-head,
.srv-card,
.srv-chart,
.access-card,
.uc-block,
.uc-panel,
.uc-wallet {
	background: var(--u-card) !important;
	background-image: none !important;
	border: 1px solid var(--u-line) !important;
	border-radius: var(--u-r3) !important;
	box-shadow: 0 1px 2px rgba(20, 34, 26, .04) !important;
	color: var(--u-text) !important;
}

.srv-chart { padding: 20px 20px 14px !important; }
.srv-chart,
.srv-chart * { color: var(--u-text) !important; }

.uc-wallet::before,
.uc-wallet::after,
.uc-head::before,
.uc-head::after,
.srv-chart::before,
.srv-chart::after,
.access-card::before,
.access-card::after {
	content: none !important;
	display: none !important;
	background: none !important;
}

/* график — единственный цветной момент, но на спокойной панели */
.srv-chart__plot,
.srv-chart__legend i {
	color: var(--u-accent) !important;
}
.srv-chart__badge,
.srv-chart__range {
	background: var(--u-raised) !important;
	color: var(--u-text-2) !important;
	border: 1px solid var(--u-line) !important;
	border-radius: 6px !important;
	font-size: 12px !important;
	font-variant-numeric: tabular-nums;
}

/* спецификации: спокойные ячейки */
.srv-spec,
.srv-specs .srv-spec {
	background: var(--u-raised) !important;
	border: 1px solid transparent !important;
	border-radius: var(--u-r1) !important;
	padding: 12px 14px !important;
}
.srv-spec__v,
.uc-kpi__value,
.uc-wallet__value,
.pm-online,
.server-name + .version,
.version,
.srv-lead b {
	font-variant-numeric: tabular-nums;
}
.srv-spec__v { font-weight: 500 !important; }

/* онлайн: не пилюля-акцент, а моно-число */
.pm-online {
	background: var(--u-raised) !important;
	color: var(--u-text) !important;
	border: 1px solid var(--u-line) !important;
	border-radius: var(--u-r1) !important;
	font-weight: 500 !important;
	box-shadow: none !important;
}
.pm-online i,
.players-now i { color: var(--u-muted) !important; }

/* теги: без радуги, тихие подписи */
.tag-item {
	background: var(--u-raised) !important;
	color: var(--u-text-2) !important;
	border: 1px solid transparent !important;
	border-radius: 6px !important;
	font-size: 12px !important;
	line-height: 20px !important;
}

/* версия */
.version {
	background: transparent !important;
	color: var(--u-muted) !important;
	border: 0 !important;
	font-size: 12px !important;
}

/* строки списка */
.server-item {
	background: var(--u-card) !important;
	border: 1px solid var(--u-line) !important;
	border-radius: var(--u-r2) !important;
	box-shadow: 0 1px 2px rgba(20, 34, 26, .03) !important;
	transition: border-color 140ms var(--u-ease), box-shadow 140ms var(--u-ease);
}
.server-item:hover {
	border-color: var(--u-line-2) !important;
	box-shadow: 0 2px 8px rgba(20, 34, 26, .06) !important;
}
.server-name { font-weight: 500 !important; letter-spacing: 0 !important; }

/* IP-блок: моно, нейтральный */
.ip-block {
	background: var(--u-raised) !important;
	border: 1px solid var(--u-line) !important;
	border-radius: var(--u-r1) !important;
	color: var(--u-text-2) !important;
}
.ip-block:hover { background: #eaeeeb !important; }

/* чипы фильтров */
.chip-item-v2 {
	border: 1px solid var(--u-line) !important;
	background: var(--u-card) !important;
	color: var(--u-text-2) !important;
	border-radius: var(--u-r1) !important;
	font-weight: 500 !important;
	transition: background-color 140ms var(--u-ease), border-color 140ms var(--u-ease);
}
.chip-item-v2:hover { border-color: var(--u-line-2) !important; color: var(--u-text) !important; }
.chip-item-v2.active {
	background: var(--u-text) !important;
	border-color: var(--u-text) !important;
	color: #fff !important;
}

/* ── сайдбар ── */
.guidebar .game-button,
.game-button {
	background: var(--u-card) !important;
	border: 1px solid var(--u-line) !important;
	color: var(--u-text) !important;
	box-shadow: none !important;
	border-radius: var(--u-r2) !important;
}
.game-button .caption { color: var(--u-muted) !important; }
.game-button .name { color: var(--u-text) !important; font-weight: 500 !important; }

.nav-item {
	border-radius: var(--u-r1) !important;
	color: var(--u-text-2) !important;
	font-size: 14px !important;
	transition: background-color 140ms var(--u-ease);
}
.nav-item:hover { background: var(--u-raised) !important; color: var(--u-text) !important; }
.nav-item.active {
	background: var(--u-card) !important;
	border: 1px solid var(--u-line) !important;
	color: var(--u-text) !important;
	box-shadow: 0 1px 2px rgba(20, 34, 26, .05) !important;
}
.nav-item i,
.nav-item .fa-light,
.nav-item .fa-solid {
	color: var(--u-muted) !important;
	font-size: 16px !important;
	width: 20px !important;
	text-align: center;
}
.nav-item.active i { color: var(--u-text-2) !important; }

.subsection-title {
	margin: 24px 0 8px !important;
	padding: 0 12px !important;
}

/* ── кнопки: один акцент на главное действие ── */
.pm-btn,
.uc-btn {
	border-radius: var(--u-r1) !important;
	font-weight: 500 !important;
	letter-spacing: 0 !important;
	box-shadow: none !important;
	transition: background-color 140ms var(--u-ease), border-color 140ms var(--u-ease), color 140ms var(--u-ease);
}
.pm-btn-primary,
.uc-btn--green {
	background: var(--u-accent) !important;
	border: 1px solid var(--u-accent) !important;
	color: #fff !important;
}
.pm-btn-primary:hover,
.uc-btn--green:hover { background: var(--u-accent-ink) !important; border-color: var(--u-accent-ink) !important; }
.pm-btn-add,
.pm-btn:not(.pm-btn-primary),
.uc-btn:not(.uc-btn--green) {
	background: var(--u-card) !important;
	border: 1px solid var(--u-line) !important;
	color: var(--u-text) !important;
}
.pm-btn-add:hover,
.pm-btn:not(.pm-btn-primary):hover,
.uc-btn:not(.uc-btn--green):hover { border-color: var(--u-line-2) !important; }

/* ── кабинет ── */
.uc-kpi {
	background: var(--u-card) !important;
	border: 1px solid var(--u-line) !important;
	border-radius: var(--u-r2) !important;
	box-shadow: none !important;
}
.uc-kpi__value { font-weight: 500 !important; }
.uc-count {
	background: var(--u-raised) !important;
	color: var(--u-text-2) !important;
	border: 1px solid var(--u-line) !important;
}
.uc-empty {
	background: var(--u-card) !important;
	border: 1px dashed var(--u-line-2) !important;
	border-radius: var(--u-r3) !important;
}
.uc-empty__icon {
	background: var(--u-raised) !important;
	color: var(--u-muted) !important;
	border: 1px solid var(--u-line) !important;
	border-radius: var(--u-r2) !important;
}
.uc-wallet__value { font-weight: 500 !important; }
.uc-wallet__note { color: var(--u-text-2) !important; }
.uc-history,
.uc-panel { box-shadow: none !important; }
.uc-head__who,
.uc-head__meta,
.uc-head__lead { color: var(--u-text-2) !important; }

/* доступ «это ваш сервер» */
.access-card {
	background: var(--u-card) !important;
	border: 1px solid var(--u-line) !important;
}
.access-title { font-weight: 500 !important; }
.access-text { color: var(--u-text-2) !important; }

/* ── входы/регистрация: тот же тон ── */
.pa-page { background: var(--u-bg) !important; }
.pa-hero__title {
	text-transform: none !important;
	letter-spacing: 0 !important;
	font-weight: 500 !important;
	font-size: 26px !important;
}
.pa-hero__ico {
	background: var(--u-card) !important;
	color: var(--u-accent) !important;
	border: 1px solid var(--u-line) !important;
	box-shadow: none !important;
}
.pa-card {
	border: 1px solid var(--u-line) !important;
	border-radius: var(--u-r3) !important;
	box-shadow: 0 1px 2px rgba(20, 34, 26, .04) !important;
}
.pa-btn--primary { background: var(--u-accent) !important; border-color: var(--u-accent) !important; }
.pa-btn--primary:hover { background: var(--u-accent-ink) !important; border-color: var(--u-accent-ink) !important; }

/* ── мелочи ── */
.players-now,
.online-count,
b { font-variant-numeric: tabular-nums; }

@media (prefers-reduced-motion: reduce) {
	* { transition: none !important; animation: none !important; }
}

/* ── проход 2: график как тёмная приборная панель, боковые блоки спокойные ── */
.srv-chart {
	background: #121714 !important;
	border: 1px solid #1f2a24 !important;
	color: #e8ece9 !important;
	box-shadow: 0 1px 2px rgba(20, 34, 26, .06) !important;
}
.srv-chart * { color: #e8ece9 !important; }
.srv-chart__sub,
.srv-chart__range { color: rgba(232, 236, 233, .62) !important; }
.srv-chart__badge {
	background: rgba(255, 255, 255, .08) !important;
	border: 1px solid rgba(255, 255, 255, .14) !important;
	color: #e8ece9 !important;
}
.srv-chart__legend i { background: var(--u-accent) !important; }
.srv-chart__empty { color: rgba(232, 236, 233, .6) !important; }

/* превью сервера без зелёного градиента */
.srv-preview__fallback,
.map-img {
	background: var(--u-raised) !important;
	background-image: none !important;
	border: 1px solid var(--u-line) !important;
	color: var(--u-text-2) !important;
}
.srv-preview__fallback * { color: var(--u-text-2) !important; }

/* боковая карточка сервера */
.swidget.srv-side,
.swidget.swidget-minecraft {
	background: var(--u-card) !important;
	border: 1px solid var(--u-line) !important;
	color: var(--u-text) !important;
	box-shadow: 0 1px 2px rgba(20, 34, 26, .04) !important;
}
.swidget.srv-side *,
.swidget.swidget-minecraft * { color: var(--u-text) !important; }
.swidget.srv-side a { color: var(--u-accent-ink) !important; }
.srv-side__stats > div,
.srv-side__stats .srv-spec {
	background: var(--u-raised) !important;
	border: 1px solid transparent !important;
	border-radius: var(--u-r1) !important;
}
.srv-side__stats > div * { color: var(--u-text) !important; }
.swidget .srv-side__label,
.srv-side__stats > div:first-child { }

/* кнопка «Проголосовать» внутри карточки — тихая, не белая заливка */
.swidget.srv-side .srv-side__btn,
.swidget.srv-side button,
.swidget.srv-side .pm-btn {
	background: var(--u-card) !important;
	border: 1px solid var(--u-line-2) !important;
	color: var(--u-text) !important;
}

/* виджет-промо */
.swidget.widget-promo {
	background: var(--u-card) !important;
	border: 1px solid var(--u-line) !important;
}

/* иконка игры в шапке каталога */
.game-head-icon {
	background: var(--u-raised) !important;
	border: 1px solid var(--u-line) !important;
	box-shadow: none !important;
}
.game-head-icon img { filter: none !important; }
.game-head {
	background: var(--u-card) !important;
	background-image: none !important;
	border: 1px solid var(--u-line) !important;
	box-shadow: 0 1px 2px rgba(20, 34, 26, .04) !important;
}

/* ── проход 3: детали ── */
.srv-chart .srv-chart__range,
.srv-chart #srv-chart-range {
	background: transparent !important;
	border: 0 !important;
	color: rgba(232, 236, 233, .72) !important;
	font-variant-numeric: tabular-nums;
}
.access-card .access-btn,
.access-card .pm-btn {
	background: var(--u-card) !important;
	border: 1px solid var(--u-line-2) !important;
	color: var(--u-text) !important;
}
.uc-wallet .uc-btn--white,
.uc-wallet .uc-btn--outline {
	background: var(--u-card) !important;
	border: 1px solid var(--u-line-2) !important;
	color: var(--u-text) !important;
}
/* сигнатура: единственная зелёная точка у живого онлайна */
.game-head-live,
.srv-on::before,
.pm-live-dot {
	background: var(--u-accent) !important;
}