/* ============================================================
   Скин «Готика» (gothic) для moybb - мобильная версия
   Базовая раскладка moybb + тема поверх (в конце файла).
   ============================================================ */

body {
	margin: 0;
	padding: 0;
	background: #C5CCD3;
	color: #222222;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 15px;
	-webkit-text-size-adjust: none;
}

img { border: 0; }
a { color: #2A4E8E; }

/* ===== Тулбар ===== */

.header {
	padding: 10px 12px 9px 12px;
	text-align: center;
	background: #3860BB;
	background: -webkit-gradient(linear, left top, left bottom, from(#5B84D0), color-stop(0.5, #3860BB), to(#2A4A96));
	background: -webkit-linear-gradient(top, #5B84D0, #3860BB 50%, #2A4A96);
	background: linear-gradient(to bottom, #5B84D0, #3860BB 50%, #2A4A96);
	border-bottom: 1px solid #1E3468;
	-webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.35) inset;
	box-shadow: 0 1px 0 rgba(255,255,255,0.35) inset;
}

.header .site-name {
	display: block;
	font-size: 19px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.45);
}

.header .subscribe { display: block; margin-top: 2px; font-size: 11px; color: #D6E0F5; }
.header .subscribe a { color: #FFFFFF; }

/* ===== Полоса навигации: сегменты как в jQuery Mobile ===== */

.navstrip {
	overflow: hidden;
	padding: 7px 6px;
	background: #E3E6EB;
	background: -webkit-linear-gradient(top, #F2F4F7, #D7DBE1);
	background: linear-gradient(to bottom, #F2F4F7, #D7DBE1);
	border-bottom: 1px solid #9EA5AE;
}

.navstrip a {
	display: block;
	float: left;
	width: 33.33%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 9px 4px;
	text-align: center;
	font-size: 13px;
	font-weight: bold;
	color: #2A4E8E;
	text-decoration: none;
	text-shadow: 0 1px 0 rgba(255,255,255,0.8);
	background: -webkit-linear-gradient(top, #FDFDFE, #E4E8ED);
	background: linear-gradient(to bottom, #FDFDFE, #E4E8ED);
	border: 1px solid #A4ABB4;
	border-left-width: 0;
}

.navstrip a:first-child {
	border-left-width: 1px;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
}

.navstrip a:last-child {
	-webkit-border-top-right-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
}

.navstrip a:active {
	background: -webkit-linear-gradient(top, #3860BB, #5B84D0);
	background: linear-gradient(to bottom, #3860BB, #5B84D0);
	color: #FFFFFF;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.4);
}

/* ===== Страница ===== */

.content { padding: 12px 10px 4px 10px; }

h1 {
	margin: 4px 4px 7px 4px;
	font-size: 15px;
	font-weight: bold;
	line-height: 1.3;
	color: #4A5560;
	text-shadow: 0 1px 0 rgba(255,255,255,0.75);
}

h2 {
	margin: 16px 4px 6px 4px;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	color: #4A5560;
	text-shadow: 0 1px 0 rgba(255,255,255,0.75);
}

p { margin: 10px 4px; line-height: 1.5; }

/* ===== Таблицы движка превращаем в инсет-списки =====
   Разметка приходит с border="1" - гасим её здесь. */

table.forum-table {
	width: 100%;
	margin: 0 0 14px 0;
	border: 0 !important;
	border-collapse: separate;
	border-spacing: 0;
	background: #FFFFFF;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.22);
	box-shadow: 0 1px 2px rgba(0,0,0,0.22);
	overflow: hidden;
}

table.forum-table th { display: none; }
table.forum-table tr:has(th) { display: none; }

table.forum-table tr {
	display: block;
	position: relative;
	padding: 11px 34px 11px 12px;
	border: 0 !important;
	border-top: 1px solid #DADDE2 !important;
	background: -webkit-linear-gradient(top, #FFFFFF, #F4F5F7);
	background: linear-gradient(to bottom, #FFFFFF, #F4F5F7);
}

table.forum-table tr:first-child { border-top: 0 !important; }
table.forum-table tr:active { background: #3860BB; }
table.forum-table tr:active, table.forum-table tr:active a, table.forum-table tr:active small { color: #FFFFFF; }

/* Шеврон справа, как в списках jQuery Mobile */

table.forum-table tr:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 14px;
	width: 7px;
	height: 7px;
	margin-top: -5px;
	border-top: 2px solid #A9B0B9;
	border-right: 2px solid #A9B0B9;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

table.forum-table td {
	display: block;
	border: 0 !important;
	padding: 1px 0;
	font-size: 12px;
	color: #6E7681;
}

table.forum-table td:first-child {
	font-size: 16px;
	font-weight: bold;
	line-height: 1.3;
	color: #1B2530;
}

table.forum-table td:first-child a { color: #1B2530; text-decoration: none; }
table.forum-table small { display: block; font-size: 12px; font-weight: normal; color: #8A929C; line-height: 1.4; }

/* Без шапки таблицы числа теряют смысл - подписываем их.
   Строки списка разделов не имеют ни class, ни id; строки списка тем
   помечены классом topic-row; строки сообщений - id="post-N". */

table.forum-table tr:not([class]):not([id]) td:nth-child(2):before,
table.forum-table tr.section-row td:nth-child(2):before { content: "Тем: "; color: #8A929C; }
table.forum-table tr:not([class]):not([id]) td:nth-child(3):before,
table.forum-table tr.section-row td:nth-child(3):before { content: "Сообщений: "; color: #8A929C; }
/* числа раздела в одну строку: «Тем: 6 · Сообщений: 9» */
table.forum-table tr.section-row td:nth-child(2),
table.forum-table tr.section-row td:nth-child(3) { display: inline-block; padding-right: 10px; }
table.forum-table tr.topic-row td:nth-child(2):before { content: "Ответов: "; color: #8A929C; }
table.forum-table tr.topic-row td:nth-child(3):before { content: "Последнее: "; color: #8A929C; }
table.forum-table tr.topic-row td:nth-child(3) small { display: inline; }

/* Закреплённая тема */

tr.topic-pinned {
	background: -webkit-linear-gradient(top, #FBFCFE, #E9EEF7) !important;
	background: linear-gradient(to bottom, #FBFCFE, #E9EEF7) !important;
}

.pinned-badge {
	display: inline-block;
	margin-right: 6px;
	padding: 2px 7px;
	background: #3860BB;
	background: -webkit-linear-gradient(top, #5B84D0, #2A4A96);
	background: linear-gradient(to bottom, #5B84D0, #2A4A96);
	border: 1px solid #23407F;
	-webkit-border-radius: 9px;
	border-radius: 9px;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	text-transform: uppercase;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.35);
	vertical-align: 2px;
}

/* ===== Сообщения в теме =====
   Первый td (width=140) - карточка автора, ставим её шапкой сообщения. */

table.forum-table tr[id^="post-"] { padding-right: 12px; }
table.forum-table tr[id^="post-"]:after { display: none; }
table.forum-table tr[id^="post-"]:active { background: #FFFFFF; }

table.forum-table td[width="140"] {
	width: auto !important;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
	margin: -11px -12px 9px -12px;
	padding: 8px 12px;
	background: -webkit-linear-gradient(top, #F5F6F8, #E4E7EC);
	background: linear-gradient(to bottom, #F5F6F8, #E4E7EC);
	border-bottom: 1px solid #CFD3DA;
	min-height: 44px;
}

table.forum-table td[width="140"] img {
	float: left;
	width: 40px;
	height: auto;
	margin: 0 10px 0 0;
	padding: 2px;
	background: #FFFFFF;
	border: 1px solid #B3BAC3;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

table.forum-table td[width="140"] a {
	font-size: 16px;
	font-weight: bold;
	color: #2A4E8E;
	text-decoration: none;
}

.forum-usercard-stats {
	display: block;
	font-size: 11px;
	color: #8A929C;
	line-height: 1.35;
}

table.forum-table td[valign="top"] + td {
	clear: both;
	font-size: 15px;
	line-height: 1.55;
	color: #222222;
	word-wrap: break-word;
}

table.forum-table td hr {
	height: 1px;
	margin: 12px 0 5px 0;
	border: 0;
	background: #E1E4E9;
}

/* ===== Выдержки сообщений в профиле ===== */

.forum-post-excerpt {
	background: #FFFFFF;
	border: 1px solid #C4C9D0 !important;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	padding: 11px 12px !important;
	margin-bottom: 8px;
	line-height: 1.5;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.15);
	box-shadow: 0 1px 2px rgba(0,0,0,0.15);
}

.forum-post-excerpt a {
	font-size: 16px;
	font-weight: bold;
	color: #2A4E8E;
	text-decoration: none;
}

.forum-post-excerpt small { color: #8A929C; font-size: 11px; }
.forum-post-excerpt div { margin-top: 4px; font-size: 14px; color: #3C444E; }

/* ===== Формы ===== */

input[type="text"],
input[type="password"],
textarea,
select {
	width: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 11px 9px;
	margin: 4px 0;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 16px;
	background: #FFFFFF;
	border: 1px solid #A9B0B9;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	-webkit-appearance: none;
	color: #222222;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.12) inset;
	box-shadow: 0 1px 2px rgba(0,0,0,0.12) inset;
}

textarea { line-height: 1.5; min-height: 120px; }

input[type="submit"],
input[type="button"] {
	display: block;
	width: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: 10px 0;
	padding: 13px 10px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.4);
	border: 1px solid #23407F;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	background: #3860BB;
	background: -webkit-gradient(linear, left top, left bottom, from(#5B84D0), to(#2A4A96));
	background: -webkit-linear-gradient(top, #5B84D0, #2A4A96);
	background: linear-gradient(to bottom, #5B84D0, #2A4A96);
	-webkit-appearance: none;
	cursor: pointer;
}

input[type="submit"]:active { background: #2A4A96; }

/* ===== Подвал ===== */

.footer {
	padding: 14px 12px 26px 12px;
	text-align: center;
	font-size: 11px;
	color: #6E7681;
	text-shadow: 0 1px 0 rgba(255,255,255,0.7);
}

.footer a { color: #6E7681; }

/* ===== BB-коды в сообщениях: цитата, код, картинки, опросы ===== */

table.bb-quote, table.bb-code, table.bb-poll { width: 100% !important; margin: 8px 0; }
td.bb-quote-head, td.bb-code-head, td.bb-poll-head { font-size: 12px; color: #3A4F6C; }
pre.bb-pre { margin: 0; white-space: pre-wrap; word-wrap: break-word; font-size: 13px; }
a.bb-image img, table.bb-original img { max-width: 100%; height: auto; border: 1px solid #B3BAC3; -webkit-border-radius: 4px; border-radius: 4px; }
td.bb-poll-body label { font-size: 15px; }
i.bb-missing { color: #8A929C; }

/* ===== Быстрый ответ в теме (только для вошедшего в админку) ===== */

table.qr-users { width: 100%; margin: 6px 0 10px 0; }
table.qr-users td.qr-user { display: inline-block; width: 28% !important; margin: 0 2% 8px 0; padding: 6px 2px; vertical-align: top; font-size: 13px; background: #FFFFFF; border: 1px solid #C4C9D0; -webkit-border-radius: 8px; border-radius: 8px; }
table.qr-users td.qr-user img { width: 44px; height: 44px; -webkit-border-radius: 6px; border-radius: 6px; }
table.ed td.ed-bar input[type="button"], table.ed td.ed-bar select { display: inline-block; width: auto; margin: 2px; padding: 6px 8px; font-size: 13px; -webkit-border-radius: 4px; border-radius: 4px; }

/* ===== Поиск ===== */

.navstrip a { width: 50%; }
form.m-search { margin: 0; padding: 8px 8px 0 8px; }
form.m-search table { width: 100%; }
form.m-search input[type="text"] { margin: 0; }
form.m-search input[type="submit"] { display: inline-block; width: auto; margin: 0 0 0 6px; padding: 11px 14px; }
form.search-form input[type="submit"] { margin: 6px 0; }
span.search-snippet { display: block; margin-top: 3px; font-size: 13px; font-weight: normal; color: #3C444E; }
.search-hit { background: #FFF2A8; font-weight: bold; }

/* ===== Модерация (только для вошедшего в админку) ===== */

table.mod-bar { margin: 8px 0; }
table.mod-bar td { font-size: 13px; line-height: 1.6; }
table.mod-bar input[type="submit"] { display: inline-block; width: auto; margin: 4px 4px 4px 0; padding: 8px 10px; font-size: 14px; }
table.mod-bar input[type="text"], table.mod-bar select { margin: 4px 0; }
td.post-bar input.mod-delete { display: inline; width: auto; margin: 0; padding: 3px 8px; font-size: 12px; }
input.mod-check { width: 20px; height: 20px; vertical-align: middle; }
span.mod-links { font-size: 12px; }

/* ===== Расширенный поиск ===== */

table.search-box { width: 100%; }
table.search-box td.search-label { width: 1%; white-space: nowrap; vertical-align: top; padding-top: 14px; }
table.search-box label { font-size: 14px; line-height: 2; }
input.mod-check[type="radio"] { width: 18px; height: 18px; margin: 0 6px 0 0; }

/* ============================================================
   СООБЩЕНИЕ В ТЕМЕ: ОДНА КОЛОНКА (мобильная версия)
   Движок рисует сообщение таблицей: слева карточка автора
   (td.post-author, ширина 150 атрибутом), справа текст
   (td.post-body). На узком экране разворачиваем в столбик:
   сверху автор, под ним сообщение.
   ============================================================ */

/* Разворачиваем вложенные таблицы сообщения в блоки.
   Селекторы с > бьют только по каркасу сообщения и не трогают
   таблицы внутри текста (цитаты, код, опросы, картинки). */
table.post-list,
table.post-list > tbody,
table.post-list > tbody > tr,
table.post-list > tbody > tr > td,
table.post,
table.post > tbody,
table.post > tbody > tr,
table.post > tbody > tr > td,
table.post > tbody > tr > td > table,
table.post > tbody > tr > td > table > tbody,
table.post > tbody > tr > td > table > tbody > tr,
table.post > tbody > tr > td > table > tbody > tr > td {
	display: block;
	width: auto !important;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

/* Карточка сообщения */
table.post {
	background: #FFFFFF !important;
	border: 1px solid #C4C9D0;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	overflow: hidden;
	margin: 0 0 10px 0;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.15);
	box-shadow: 0 1px 2px rgba(0,0,0,0.15);
}

table.post-list > tbody > tr > td { padding: 0 !important; }

/* Полоса с датой и номером сообщения остаётся в две ячейки */
td.post-bar {
	background-image: none !important;
	background: #DCE3EF !important;
	padding: 7px 12px !important;
	font-size: 12px;
	color: #3A4F6C;
	border-bottom: 1px solid #C3CBDA;
}

td.post-bar table,
td.post-bar table tbody,
td.post-bar table tr { display: table; width: 100%; }
td.post-bar table tbody { display: table-row-group; }
td.post-bar table tr { display: table-row; }
td.post-bar table td { display: table-cell; width: auto; }
td.post-bar a { color: #3A4F6C; text-decoration: none; }

/* 1. Автор: шапка сообщения */
td.post-author {
	background: #EEF2F7 !important;
	background: -webkit-linear-gradient(top, #F5F6F8, #E4E7EC) !important;
	background: linear-gradient(to bottom, #F5F6F8, #E4E7EC) !important;
	border-bottom: 1px solid #CFD3DA;
	padding: 10px 12px !important;
	overflow: hidden;
}

/* Аватар: у него таблица без атрибута width */
td.post-author > table:not([width]) {
	display: table;
	float: left;
	width: auto !important;
	margin: 0 10px 2px 0;
}

td.post-author > table:not([width]) tbody { display: table-row-group; }
td.post-author > table:not([width]) tr { display: table-row; }
td.post-author > table:not([width]) td { display: table-cell; width: auto !important; padding: 2px; }
td.post-author > table:not([width]) img { display: block; width: 44px; height: auto; }

/* Линейка-разделитель внутри карточки на узком экране не нужна */
td.post-author > table[width="100%"] { display: none; }

a.post-name {
	font-size: 16px;
	font-weight: bold;
	color: #2A4E8E;
	text-decoration: none;
}

td.post-author .forum-usercard-stats {
	display: block;
	font-size: 11px;
	color: #8A929C;
	line-height: 1.35;
}

/* 2. Сообщение: под автором, во всю ширину */
td.post-body {
	clear: both;
	background: #FFFFFF !important;
	padding: 12px !important;
	font-size: 15px;
	line-height: 1.55;
	color: #222222;
	word-wrap: break-word;
	overflow-wrap: break-word;
}

td.post-body img { max-width: 100%; height: auto; }
td.post-body .post-signature { display: block; margin-top: 10px; color: #8A929C; font-size: 12px; }

/* ============================================================
   КЛИКАБЕЛЬНА ВСЯ СТРОКА СПИСКА
   Строка выглядит кнопкой: подсвечивается при нажатии и имеет
   стрелку справа. Но ссылкой был только текст, и нажатие по
   пустому месту строки не срабатывало. Растягиваем невидимую
   накладку от первой ссылки на всю строку.
   Строка уже имеет position: relative (см. table.forum-table tr).
   ============================================================ */

table.forum-table td:first-child a:after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
}

/* На странице поиска во второй ячейке есть своя ссылка (на раздел).
   Поднимаем все прочие ссылки строки над накладкой, чтобы они
   продолжали работать. */
table.forum-table td:not(:first-child) a {
	position: relative;
	z-index: 2;
}

/* Подсветка нажатия без серой рамки браузера */
table.forum-table tr { -webkit-tap-highlight-color: rgba(0,0,0,0); }

/* ===== Строка пользователя («Вы вошли как … / Войти») и формы ответа ===== */

.userbar { padding: 8px 10px; background: #EEF2F7; border-bottom: 1px solid #C4C9D0; font-size: 13px; line-height: 1.7; color: #3C444E; }
.userbar .userbar-who { display: block; }
.userbar a { display: inline-block; margin: 2px 12px 0 0; font-weight: bold; text-decoration: none; }
table.ed { width: 100% !important; }
table.ed textarea.ed-area { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; }
input.form-title { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; }
p.form-captcha img { vertical-align: middle; }
p.form-captcha input[type="text"] { width: 80px !important; display: inline-block; }
small.form-rules { display: block; margin-top: 8px; font-size: 12px; color: #6E7681; }
p.form-login, p.new-topic-link { font-size: 14px; }
table.form-table, table.form-table tbody, table.form-table tr, table.form-table td { display: block; width: 100% !important; -webkit-box-sizing: border-box; box-sizing: border-box; }
table.form-table td { padding: 4px 0; }

/* ===== Непрочитанное и статистика ===== */
img.topic-icon { vertical-align: middle; margin-right: 4px; }
img.topic-icon-new { width: 20px; height: 20px; }
a.unread-link { color: #B00020; }
/* Блок статистики - не список ссылок: без шеврона и нажимаемой строки,
   заголовок виден, маркеры-картинки убраны, каждая строка с новой строки */
table.forum-stats tr:has(th) { display: block; }
table.forum-stats th { display: block; border: 0 !important; padding: 10px 12px 0 12px; font-size: 13px; font-weight: bold; color: #8A929C; text-transform: uppercase; letter-spacing: 0.5px; text-align: left; }
table.forum-stats tr { padding-right: 12px; }
table.forum-stats tr:after { display: none; }
table.forum-stats tr:active { background: #FFFFFF; }
table.forum-stats tr:active, table.forum-stats tr:active a { color: inherit; }
table.forum-stats td, table.forum-stats td:first-child { font-size: 14px; font-weight: normal; line-height: 1.7; color: #1B2530; }
table.forum-stats td img { display: none; }
table.forum-stats td b { font-weight: bold; }
table.forum-stats td small { display: inline; font-size: 12px; color: #8A929C; }
table.forum-stats td:first-child a { color: #1F4FA0; text-decoration: underline; }
table.forum-stats td:first-child a:after { content: none; }

/* прочитано / не прочитано на телефоне: цвет ссылки + значок 16x16 */
img.topic-icon { width: 16px; height: 16px; vertical-align: middle; margin-right: 6px; }
img.topic-icon-new { width: 16px; height: 16px; }
table.forum-table tr.topic-row td:first-child a, table.forum-table tr.section-row td:first-child a { font-weight: 500; color: #6E7686; }
table.forum-table tr.topic-unread td:first-child a, table.forum-table tr.section-unread td:first-child a { font-weight: 700; color: #1B2530; }
span.unread-n { font-size: 12px; color: #C0392B; }
table.forum-table tr.section-row td:nth-child(4):before { content: "Последнее: "; color: #8A929C; }
table.forum-table tr.section-row td:nth-child(4) { display: block; font-size: 13px; }
table.forum-table tr.section-row td:nth-child(4) small { display: inline; }
p.forum-legend { font-size: 13px; color: #8A929C; padding: 8px 12px; margin: 0; }
p.forum-legend img { display: inline; }

/* ============================================================
   «Готика» - мобильная версия. Слой поверх базовой
   раскладки moybb: чёрно-серебряная тема с кровавым акцентом.
   ============================================================ */

:root { --bg:#080808; --card:#161616; --card2:#1E1E1E; --line:#333333; --ink:#CFCFCF; --mute:#7E7E7E; --acc:#D8404A; --acc2:#E8E8E8; --r:14px; }

html { background: var(--bg); }
body { background: var(--bg); color: var(--ink); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif; font-size: 15px; -webkit-text-size-adjust: 100%; }
a { color: var(--acc); }

.header { position: relative; min-height: 150px; padding: 20px 18px 18px 18px; text-align: left; display: flex; flex-direction: column; justify-content: flex-end; background: #000000 url(images/header_m.jpg) center 40% / cover no-repeat; border: 0; box-shadow: none; }
.header:after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: var(--acc); }
.header .kicker { font-size: 12px; margin-bottom: 4px; color: #CCCCCC;  }
.header .site-name { font-family: "Times New Roman", Georgia, serif; font-style: italic; font-size: 40px; font-weight: 400; letter-spacing: 2px; color: #eee; text-shadow: 0 0 8px #000; }
.header .subscribe { margin-top: 6px; font-size: 12px; color: #CCCCCC; }
.header .subscribe a { color: #fff; }

.navstrip { display: flex; gap: 8px; padding: 12px 12px 0 12px; background: transparent; border: 0; overflow: visible; }
.navstrip a, .navstrip a:first-child, .navstrip a:last-child { float: none; flex: 1 1 0; width: auto; padding: 11px 8px; border: 1px solid var(--line); border-radius: 999px; background: var(--card); color: var(--ink); font-size: 13px; font-weight: 600; text-shadow: none; }
.navstrip a:active { background: var(--acc); color: #FFFFFF; text-shadow: none; }

.userbar { margin: 10px 12px 0 12px; padding: 10px 14px; background: var(--card); border: 1px solid var(--line); border-radius: var(--r); color: var(--mute); }
.userbar a { color: var(--acc); }

form.m-search { padding: 10px 12px 0 12px; }
input[type="text"], input[type="password"], textarea, select { background: var(--card); color: var(--ink); border: 1px solid var(--line); border-radius: 12px; box-shadow: none; font-family: inherit; }
input[type="text"]:focus, input[type="password"]:focus, textarea:focus, select:focus { outline: none; border-color: var(--acc); }
input::placeholder, textarea::placeholder { color: #7E7E7E; }
input[type="submit"], input[type="button"] { background: var(--acc); color: #FFFFFF; border: 0; border-radius: 12px; text-shadow: none; font-family: inherit; font-weight: 700; }
input[type="submit"]:active { background: var(--acc2); }

.content { padding: 14px 12px 4px 12px; }
h1 { margin: 6px 4px 10px 4px; font-size: 20px; font-weight: 800; color: var(--ink); text-shadow: none; }
h1 a { color: var(--ink); text-decoration: none; }
h2 { margin: 20px 4px 8px 4px; font-size: 12px; font-weight: 700; letter-spacing: 1.2px; color: var(--acc); text-shadow: none; }
h2 a { color: var(--acc); text-decoration: none; }
p { color: var(--ink); }
small { color: var(--mute); }

table.forum-table { background: var(--card); border-radius: var(--r); box-shadow: none; border: 1px solid var(--line) !important; }
table.forum-table tr { background: transparent; border-top: 1px solid var(--line) !important; }
table.forum-table tr:active { background: #1E1E1E; }
table.forum-table tr:active, table.forum-table tr:active a, table.forum-table tr:active small { color: inherit; }
table.forum-table tr:after { border-color: #7E7E7E; }
table.forum-table td { color: var(--mute); background: transparent !important; }
table.forum-table td:first-child, table.forum-table td:first-child a { color: var(--ink); }
table.forum-table small { color: var(--mute); }
table.forum-table tr:not([class]):not([id]) td:nth-child(2):before, table.forum-table tr.section-row td:nth-child(2):before,
table.forum-table tr:not([class]):not([id]) td:nth-child(3):before, table.forum-table tr.section-row td:nth-child(3):before,
table.forum-table tr.topic-row td:nth-child(2):before, table.forum-table tr.topic-row td:nth-child(3):before,
table.forum-table tr.section-row td:nth-child(4):before { color: #7E7E7E; }

tr.topic-pinned { background: #1E1012 !important; }
.pinned-badge { background: var(--acc); border: 0; border-radius: 6px; color: #FFFFFF; text-shadow: none; letter-spacing: .5px; }

table.forum-table tr.topic-row td:first-child a, table.forum-table tr.section-row td:first-child a { color: #8A8A8A; font-weight: 500; }
table.forum-table tr.topic-unread td:first-child a, table.forum-table tr.section-unread td:first-child a { color: var(--ink); font-weight: 700; }
span.unread-n, a.unread-link { color: #E05A62; }
span.new-badge { background: var(--acc); color: #FFFFFF; border-radius: 6px; padding: 1px 6px; font-size: 10px; font-weight: 700; margin-left: 4px; }

table.post { background: var(--card) !important; border: 1px solid var(--line); border-radius: var(--r); box-shadow: none; }
td.post-bar { background: var(--card2) !important; color: var(--mute); border-bottom: 1px solid var(--line); }
td.post-bar a { color: var(--mute); }
td.post-author { background: var(--card) !important; border-bottom: 1px solid var(--line); }
td.post-author > table:not([width]) td { background: transparent !important; padding: 0; }
td.post-author > table:not([width]) img { width: 44px; height: 44px; object-fit: cover; border-radius: 50%; border: 2px solid var(--acc); }
a.post-name { color: var(--acc2); }
td.post-author .forum-usercard-stats, .forum-usercard-stats { color: var(--mute); border: 0; }
td.post-body { background: var(--card) !important; color: var(--ink); }
td.post-body a { color: var(--acc); }
td.post-body .post-signature { color: #7E7E7E; border-top: 1px dashed var(--line); padding-top: 8px; }

table.bb-quote, table.bb-code, table.bb-poll { background: var(--line) !important; border-radius: 10px; overflow: hidden; }
td.bb-quote-head, td.bb-code-head, td.bb-poll-head { background: var(--card2) !important; color: var(--acc); }
td.bb-quote-body, td.bb-poll-body { background: #0E0E0E !important; color: #CFCFCF; }
table.bb-code td { background: #050505 !important; }
pre.bb-pre { color: #C8C8C8; }
a.bb-image img, table.bb-original img { border-color: var(--line); border-radius: 8px; }

.forum-post-excerpt { background: var(--card); border: 1px solid var(--line) !important; box-shadow: none; }
.forum-post-excerpt a { color: var(--acc2); }
.forum-post-excerpt div { color: #CFCFCF; }

table.forum-stats th { color: var(--acc); }
table.forum-stats td, table.forum-stats td:first-child { color: var(--ink); }
table.forum-stats td:first-child a { color: var(--acc); }
table.forum-stats tr:active { background: transparent; }
table.qr-users td.qr-user { background: var(--card); border-color: var(--line); }
.search-hit { background: #6A0A12; color: #FFFFFF; }
span.search-snippet { color: #CFCFCF; }
td.bb-quote-head, td.bb-code-head, td.bb-poll-head { font-weight: 700; }
p.forum-legend { color: var(--mute); }

.footer { padding: 20px 12px 34px 12px; color: #7E7E7E; text-shadow: none; }
.footer a { color: var(--mute); }

/* ============================================================
   ЭКРАНЫ АДМИНА И МОДЕРАТОРА
   Панели движка (moderation_ui.php, topic.php, editor.php,
   front.php) несут свои bgcolor - перекрываем их здесь.
   admin/editor.css темой не заменяется, поэтому селекторы
   ниже длиннее, чем в нём.
   ============================================================ */

/* страховка: любые ячейки с зашитыми цветами движка (CSS2, IE7+) */
td[bgcolor="#C2CFDF"], td[bgcolor="#C5D0E2"], td[bgcolor="#999999"], table[bgcolor="#C2CFDF"], table[bgcolor="#999999"] { background-color: #333333; }
td[bgcolor="#F0F5FA"], td[bgcolor="#F5F9FD"], td[bgcolor="#E6E6E6"] { background-color: #161616; color: #CFCFCF; }
td[bgcolor="#FFEDED"] { background-color: #3A0E12; color: #FFD6D8; }

/* --- панель модерации --- */
table.mod-bar { background-color: #333333; margin: 8px 0px 8px 0px; }
table.mod-bar td { background-color: #161616; color: #CFCFCF; }
table.mod-bar td b, table.mod-bar td label { color: #CFCFCF; }
span.mod-links { color: #7E7E7E; }
span.mod-links a:link, span.mod-links a:visited, span.mod-links a:active { color: #D8404A; font-weight: bold; text-decoration: none; }
span.mod-links a:hover { color: #FFFFFF; text-decoration: underline; }
input.mod-check { background-color: transparent; border: 0px; }
input.mod-delete, table.mod-bar input[type="submit"], table.mod-bar input.button {
	background-color: #D8404A; background-image: none; color: #FFFFFF;
	border: 1px solid #D8404A; font-weight: bold; cursor: pointer; }
input.mod-delete:hover, table.mod-bar input[type="submit"]:hover { background-color: #E8E8E8; }
table.mod-bar input[type="text"], table.mod-bar select { background-color: #161616; color: #CFCFCF; border: 1px solid #333333; }
p.mod-msg { background-color: #161616; border: 1px solid #333333; padding: 6px 9px; color: #CFCFCF; }

/* --- панель правки темы и шапки сообщений --- */
table.post td.post-bar, table.post td.post-bar td { color: #B8B8B8; }
table.post td.post-bar span.mod-links a:link, table.post td.post-bar span.mod-links a:visited { color: #C8C8C8; font-weight: normal; }
table.post td.post-bar input.mod-delete { padding: 0px 5px; font-size: 10px; }
table.post td.rule { background-color: #333333; background-image: none; }
table.post td.post-body form td, table.form-table td { background-color: #161616; color: #CFCFCF; }

/* --- редактор сообщений --- */
table.ed, table.quick-reply table.ed { background-color: #333333; border-color: #333333; }
table.ed td { background-color: #161616; color: #CFCFCF; }
table.ed .ed-bar, table.ed td.ed-bar, .ed-bar { background-color: #1E1E1E; background-image: none; color: #CFCFCF; }
table.ed .ed-btn, table.ed td.ed-bar input[type="button"], .ed-btn {
	background-color: #1E1E1E; background-image: none; color: #CFCFCF;
	border: 1px solid #D8404A; font-weight: bold; cursor: pointer; }
table.ed .ed-btn:hover, table.ed td.ed-bar input[type="button"]:hover, .ed-btn:hover { background-color: #E8E8E8; color: #FFFFFF; }
table.ed td.ed-bar select, table.ed select { background-color: #161616; color: #CFCFCF; border: 1px solid #333333; }
table.ed .ed-sep, .ed-sep { background-color: #333333; }
table.ed textarea, table.ed textarea.ed-area { background-color: #161616; color: #CFCFCF; border: 1px solid #333333; }
.ed-preview, table.ed .ed-preview, div.ed-preview { background-color: #161616; color: #CFCFCF; border: 1px solid #333333; }
.ed-preview a { color: #D8404A; }
.ed-error { background-color: #3A0E12; color: #FFD6D8; border: 1px solid #6A2A2E; }
.ed-ok { background-color: #162A1C; color: #D0F0D8; border: 1px solid #2A4A34; }

/* --- формы и подсказки --- */
.form-preview, td.form-preview, table.form-table td.form-preview { background-color: #161616; color: #CFCFCF; }
.form-error, td.form-error, table.form-table td.form-error { background-color: #3A0E12; color: #FFD6D8; }
.form-rules, small.form-rules { background-color: #1E1E1E; color: #7E7E7E; padding: 5px 7px; }


/* ============================================================
   АДМИНКА ФОРУМА ВНУТРИ СКИНА (.adm-*)
   Разметка: div.adm > div.adm-menu (над) + div.adm-main.
   Движок отдаёт h1, p.hint, form, table/th/td, input без классов,
   td.actions, a.icon-link, input.icon-btn, form.inl, div.adm-ok/err.
   ============================================================ */
div.adm div.adm-menu { background-color: #161616; border: 1px solid #3F3F3F; padding: 0px; vertical-align: top; margin: 0px 0px 10px 0px; }
div.adm div.adm-menu div.adm-group { background: #1E1E1E url(images/tile_sub.gif) repeat-x 0px 50%; color: #C8C8C8; font-weight: bold; padding: 8px 10px; border-bottom: 1px solid #3F3F3F; }
div.adm div.adm-menu a.adm-item:link, div.adm div.adm-menu a.adm-item:visited { display: block; padding: 11px 10px; color: #CFCFCF; text-decoration: none; border-bottom: 1px solid #2C2C2C; background-color: #161616; }
div.adm div.adm-menu a.adm-item:hover { color: #FFFFFF; text-decoration: underline; }
div.adm div.adm-menu a.adm-cur:link, div.adm div.adm-menu a.adm-cur:visited, div.adm div.adm-menu a.adm-cur:hover { background: #6A0A12 url(images/tile_cat.gif) repeat-x 0px 50%; color: #F0E6E6; font-weight: bold; text-decoration: none; }
div.adm div.adm-main { padding: 0px; vertical-align: top; color: #CFCFCF; }
div.adm div.adm-main a:link, div.adm div.adm-main a:visited { color: #CFCFCF; }
div.adm div.adm-main a:hover { color: #FFFFFF; }
div.adm div.adm-main h1 { color: #E8E8E8; font-size: 20px; font-weight: bold; font-style: normal; text-transform: none; letter-spacing: 0px; margin: 0px 0px 8px 0px; padding: 0px 0px 4px 0px; border: 0px; border-bottom: 1px solid #3F3F3F; background: none; }
div.adm div.adm-main h2 { color: #E8E8E8; font-size: 17px; font-weight: bold; margin: 14px 0px 6px 0px; padding: 0px; background: none; border: 0px; }
div.adm div.adm-main h3 { color: #E8E8E8; font-weight: bold; margin: 10px 0px 4px 0px; }
div.adm div.adm-main p { margin: 6px 0px; }
div.adm div.adm-main .hint, div.adm div.adm-main small { color: #7E7E7E; }
div.adm div.adm-main p.hint { margin: 0px 0px 10px 0px; }
div.adm div.adm-main form { margin: 0px 0px 10px 0px; padding: 6px 8px; background-color: #161616; border: 1px solid #3F3F3F; }
div.adm div.adm-main form.inl, div.adm div.adm-main td form { display: inline; margin: 0px; padding: 0px; border: 0px; background-color: transparent; }
div.adm div.adm-main table { width: 100%; border-collapse: collapse; margin: 4px 0px 12px 0px; }
div.adm div.adm-main table th { background: #1E1E1E url(images/tile_sub.gif) repeat-x 0px 50%; color: #C8C8C8; font-weight: bold; text-align: left; padding: 4px 6px; border: 1px solid #3F3F3F; }
div.adm div.adm-main table td { background-color: #161616; color: #CFCFCF; padding: 4px 6px; border: 1px solid #3F3F3F; vertical-align: top; }
div.adm div.adm-main form table, div.adm div.adm-main form table td, div.adm div.adm-main form table th { border: 0px; background-color: transparent; background-image: none; margin: 0px; }
div.adm div.adm-main td.actions { white-space: nowrap; }
div.adm div.adm-main input, div.adm div.adm-main select, div.adm div.adm-main textarea { background-color: #050505; color: #CFCFCF; border: 1px solid #3F3F3F; padding: 7px 8px; font-family: inherit; font-size: 16px; }
div.adm div.adm-main textarea { width: 100%; box-sizing: border-box; }
div.adm div.adm-main input.reason { width: 80px; }
div.adm div.adm-main input[type="checkbox"], div.adm div.adm-main input[type="radio"], div.adm div.adm-main input[type="hidden"] { background-color: transparent; border: 0px; padding: 0px; }
div.adm div.adm-main input[type="submit"], div.adm div.adm-main input[type="button"], div.adm div.adm-main input.button { background: #6A0A12 url(images/tile_btn.gif) repeat-x 0px 50%; color: #F0E6E6; border: 1px solid #000000; padding: 9px 14px; font-weight: bold; cursor: pointer; }
div.adm div.adm-main input.icon-btn, div.adm div.adm-main input[type="image"] { background: transparent; border: 1px solid #161616; padding: 1px; margin: 0px 1px; width: 16px; height: 16px; vertical-align: middle; }
div.adm div.adm-main input.icon-btn:hover { border-color: #CFCFCF; }
div.adm div.adm-main a.icon-link { border: 1px solid #161616; padding: 1px; margin: 0px 1px; }
div.adm div.adm-main a.icon-link:hover { border-color: #CFCFCF; }
div.adm div.adm-main a.icon-link img { vertical-align: middle; }
div.adm div.adm-main div.adm-ok, div.adm div.adm-main div.adm-err { font-weight: bold; padding: 6px 8px; margin: 0px 0px 10px 0px; background-color: #161616; }
div.adm div.adm-main div.adm-ok { border: 1px solid #3C9A3C; color: #CFCFCF; }
div.adm div.adm-main div.adm-err { border: 1px solid #C8352B; color: #CFCFCF; }
div.adm div.adm-main pre, div.adm div.adm-main code { font-family: "Courier New", Courier, monospace; }
div.adm div.adm-main pre { background-color: #161616; border: 1px solid #3F3F3F; padding: 6px; }
div.adm div.adm-main table { display: block; overflow-x: auto; }
div.adm div.adm-main img { max-width: 100%; height: auto; }

/* Голосование в сообщении: ячейки вариантов не красить фоном формы ответа */
table.post td.post-body form.bb-poll-form td { background-color: transparent; }
input.bb-poll-radio { background-color: transparent; border: 0px; padding: 0px; }

/* баннеры сети (24.09.2026): под шапкой и над подвалом, отступ над баннером и под ним одинаковый - 12px */
.banner-top { padding: 0px 0px 12px 0px; text-align: center; overflow: hidden; }
.banner-bottom { clear: both; padding: 12px 0px 8px 0px; text-align: center; overflow: hidden; }
/* ротатор баннеров ставит свой max-width по id - поэтому !important */
.banner-top img, .banner-bottom img { max-width: 100% !important; height: auto !important; }
.banner-top table, .banner-bottom table { max-width: 100% !important; }

/* категории разделов (24.09.2026): полоса категории на главной - подписью между карточками разделов */
table.forum-table tr.cat-row { display: block !important; background: transparent !important; border: 0px !important; box-shadow: none !important; padding: 16px 12px 6px 12px !important; cursor: default; }
table.forum-table tr.cat-row:after, table.forum-table tr.cat-row:before { display: none !important; content: none !important; }
table.forum-table tr.cat-row:active, table.forum-table tr.cat-row:active th { background: transparent !important; color: inherit !important; }
table.forum-table tr.cat-row th.cat-title { display: block !important; background: none !important; border: 0px !important; padding: 0px !important; font-size: 13px; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; opacity: 0.75; }

/* Карточка автора на телефоне (тема 28, 26.09.2026): ник и статистика - одним блоком справа от
   аватарки, а не вразнобой (ник уезжал вправо, подпись оставалась под аватаркой). */
td.post-author { display: flex !important; flex-wrap: wrap; align-items: flex-start; }
td.post-author > img[width="150"] { display: none !important; }
td.post-author > table:not([width]) { float: none !important; margin: 0 10px 0 0 !important; flex: none; }
td.post-author > a.post-name { flex: 1 1 auto; align-self: center; min-width: 0; margin: 0; }
td.post-author > br { display: none; }
td.post-author > img[height="4"] { display: none !important; }
td.post-author .forum-usercard-stats { flex-basis: 100%; margin-top: 6px !important; }

/* 04.10.2026: пункты полосы - в одну строку */
.navstrip a { white-space: nowrap; }