/* ===== BK radio — форум (/forum/) =======================================================
   Переопределяет стандартный шаблон bitrix:forum (.default, тема gray) в стиле сайта:
   карточки с обводкой и прозрачной подложкой, пилюли, Montserrat. Шаблон и разметку не трогаем.
   Подключается в header.php после redesign.css. Значения — переменные из redesign.css. */

html body .forum {
	font-family: var(--bk-font-body);
	font-size: var(--bk-fs-small);
	line-height: var(--bk-lh-list);
	color: var(--bk-c-text);
	max-width: 900px;
	margin: 0 auto;
	text-align: left;
}
html body .forum > br { display: none; }
html body .forum a { color: var(--bk-c-text); text-decoration: none; transition: color .15s ease; }
html body .forum a:hover { color: var(--bk-c-accent2); text-decoration: none; }
html body .forum img { max-width: 100%; }

/* ----- Общие «пустые» подложки шаблона: убираем серое --------------------------------- */
html body .forum div.forum-info-box,
html body .forum div.forum-navigation-box,
html body .forum div.forum-header-box,
html body .forum div.forum-footer-box,
html body .forum div.forum-reply-header,
html body .forum div.forum-reply-form,
html body .forum table.forum-table th,
html body .forum table.forum-table td,
html body .forum table.forum-table td.forum-column-footer,
html body .forum table.forum-post-table td,
html body .forum table.forum-post-table td.forum-column-footer,
html body .forum table.forum-post-table td.forum-cell-post,
html body .forum table.forum-post-table td.forum-cell-actions,
html body .forum table.forum-post-table td.forum-cell-user,
html body .forum table.forum-post-table td.forum-cell-contact {
	background: none;
	color: var(--bk-c-text);
	border-color: rgba(255, 255, 255, 0.12);
}

/* ----- Меню форума: пилюли ------------------------------------------------------------ */
html body .forum div.forum-info-box.forum-menu-box { padding: 0; border: 0; margin: 0 0 var(--bk-sp-3); }
html body .forum .forum-menu-box .forum-info-box-inner { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--bk-sp-2); }
html body .forum span.forum-menu-item { margin: 0; padding: 0; border: 0; }
html body .forum span.forum-menu-item a {
	display: inline-block; padding: 5px 16px;
	font-size: var(--bk-fs-caption); font-weight: 500; letter-spacing: .04em; line-height: 1.5;
	background: var(--bk-c-surface); border: 1px solid var(--bk-c-border); border-radius: var(--bk-r-pill);
	transition: background .15s ease, border-color .15s ease;
}
html body .forum span.forum-menu-item a:hover { background: var(--bk-c-surface-hover); border-color: rgba(var(--bk-c-accent2-rgb), 0.8); color: var(--bk-c-accent2); }
/* активный пункт (класс ставит js/forum.js по адресу страницы) */
html body .forum span.forum-menu-item.is-active a,
html body .forum span.forum-menu-item.is-active a:hover { border-color: var(--bk-c-accent); background: var(--bk-c-accent); color: #0a031a; font-weight: 600; }

/* ----- Хлебные крошки ----------------------------------------------------------------- */
html body .forum div.forum-breadcrumb-top,
html body .forum div.forum-breadcrumb-bottom { padding: 0 var(--bk-sp-1) var(--bk-sp-3); font-size: var(--bk-fs-caption); color: var(--bk-c-faint); }
html body .forum div.forum-breadcrumb a { color: var(--bk-c-muted); }
html body .forum div.forum-breadcrumb a:hover { color: var(--bk-c-accent2); }
html body .forum span.forum-crumb-last { color: var(--bk-c-muted); }

/* ----- Постраничная навигация и «New topic / Reply» ----------------------------------- */
html body .forum div.forum-navigation-box {
	display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--bk-sp-2) var(--bk-sp-3);
	padding: 0; margin: 0 0 var(--bk-sp-3); border: 0; overflow: visible;
}
html body .forum div.forum-navigation-bottom { margin: var(--bk-sp-3) 0; }
html body .forum div.forum-navigation-box .forum-clear-float { display: none; }
html body .forum div.forum-page-navigation { float: none; display: flex; flex-wrap: wrap; align-items: center; gap: 6px; padding: 0; }
html body .forum span.forum-page-title { margin-right: var(--bk-sp-1); font-size: var(--bk-fs-caption); color: var(--bk-c-faint); letter-spacing: .08em; text-transform: uppercase; }
html body .forum div.forum-page-navigation a,
html body .forum span.forum-page-current,
html body .forum span.forum-page-dots {
	min-width: 32px; box-sizing: border-box; padding: 3px 10px; border: 1px solid var(--bk-c-border); border-radius: var(--bk-r-pill);
	text-align: center; font-size: var(--bk-fs-caption); line-height: 1.6; background: var(--bk-c-surface);
}
html body .forum div.forum-page-navigation a.forum-page-previous,
html body .forum div.forum-page-navigation a.forum-page-first,
html body .forum div.forum-page-navigation span.forum-page-first { border: 1px solid var(--bk-c-border); }
html body .forum div.forum-page-navigation a:hover { border-color: rgba(var(--bk-c-accent2-rgb), 0.8); background: var(--bk-c-surface-hover); }
html body .forum span.forum-page-current { font-weight: 600; border-color: rgba(var(--bk-c-accent-rgb), 0.7); background: rgba(var(--bk-c-accent-rgb), 0.14); }
html body .forum span.forum-page-dots { border-color: transparent; background: none; min-width: 0; }
html body .forum div.forum-new-post { float: none; padding: 0; font-weight: 500; }
html body .forum div.forum-new-post a,
html body .forum .forum-action-links a,
html body .forum .forum-header-options a,
html body .forum .forum-contact-links a,
html body .forum a.forum-btn {
	display: inline-block; padding: 5px 16px;
	font-size: var(--bk-fs-caption); font-weight: 500; letter-spacing: .06em; line-height: 1.5; text-transform: uppercase;
	background: rgba(0, 0, 0, 0.3); border: 1px solid rgba(255, 255, 255, 0.6); border-radius: var(--bk-r-pill);
	transition: background .15s ease, border-color .15s ease;
}
html body .forum div.forum-new-post a { border-color: rgba(var(--bk-c-accent-rgb), 0.8); background: rgba(var(--bk-c-accent-rgb), 0.2); }
html body .forum div.forum-new-post a:hover { background: rgba(var(--bk-c-accent-rgb), 0.35); color: var(--bk-c-accent2); }
html body .forum .forum-action-links a:hover,
html body .forum .forum-header-options a:hover,
html body .forum .forum-contact-links a:hover { background: var(--bk-c-surface-hover); border-color: rgba(var(--bk-c-accent2-rgb), 0.8); color: var(--bk-c-accent2); text-decoration: none; }

/* ----- Заголовок блока (верх карточки) ------------------------------------------------ */
html body .forum div.forum-header-box,
html body .forum div.forum-reply-header {
	display: flex; align-items: center; justify-content: space-between; flex-direction: row-reverse; gap: var(--bk-sp-3);
	padding: 10px var(--bk-sp-3); box-sizing: border-box;
	background: var(--bk-c-surface); border: 1px solid var(--bk-c-border); border-bottom-color: rgba(255, 255, 255, 0.12);
	border-radius: var(--bk-r-card) var(--bk-r-card) 0 0;
}
html body .forum div.forum-header-box > div { float: none; padding: 0; }
html body .forum div.forum-header-title,
html body .forum div.forum-reply-header,
html body .forum table.forum-table th {
	font-family: var(--bk-font-display); font-weight: 600; font-size: var(--bk-fs-small); letter-spacing: .06em; text-transform: uppercase;
	line-height: var(--bk-lh-tight); color: var(--bk-c-text);
}
html body .forum div.forum-header-title { flex: 1; min-width: 0; padding: 0; overflow-wrap: anywhere; }
html body .forum div.forum-header-title a { text-decoration: none; }
html body .forum div.forum-reply-header { flex-direction: row; }
html body .forum div.forum-reply-header a { font-family: var(--bk-font-body); font-size: var(--bk-fs-caption); font-weight: 500; letter-spacing: .04em; text-transform: none; color: var(--bk-c-muted); }
html body .forum div.forum-header-box + form,
html body .forum div.forum-header-box + .forum-block-container { display: block; }

/* ----- Таблицы разделов и тем: тело карточки ------------------------------------------ */
html body .forum .forum-block-container,
html body .forum .forum-block-outer,
html body .forum .forum-block-inner { margin: 0; padding: 0; background: none; border: 0; }
html body .forum table.forum-table {
	width: 100%; border-collapse: separate; border-spacing: 0; overflow: hidden;
	background: var(--bk-c-surface); border: 1px solid var(--bk-c-border); border-radius: var(--bk-r-card); margin-bottom: var(--bk-sp-3);
}
html body .forum div.forum-header-box + form table.forum-table,
html body .forum div.forum-header-box + .forum-block-container table.forum-table { border-top: 0; border-radius: 0 0 var(--bk-r-card) var(--bk-r-card); }
html body .forum table.forum-table th {
	padding: 8px var(--bk-sp-3); font-size: var(--bk-fs-caption); color: var(--bk-c-faint); letter-spacing: .12em;
	background: rgba(255, 255, 255, 0.04); border: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.12); white-space: nowrap;
}
html body .forum table.forum-table td {
	padding: 10px var(--bk-sp-3); border: 0; border-top: 1px solid rgba(255, 255, 255, 0.1); vertical-align: middle;
}
html body .forum table.forum-table tr:first-child td,
html body .forum table.forum-table tr.forum-row-first td { border-top: 0; }
html body .forum table.forum-table thead + tbody tr.forum-row-first td { border-top: 0; }
html body .forum table.forum-table tbody tr { transition: background .15s ease; }
html body .forum table.forum-table tbody tr:hover td { background: var(--bk-c-surface-hover); }
html body .forum table.forum-table tr.forum-row-selected td,
html body .forum table.forum-table td.forum-cell-selected { background: rgba(var(--bk-c-accent-rgb), 0.12); }
html body .forum table.forum-table td.forum-column-icon,
html body .forum table.forum-table td.forum-column-alone,
html body .forum table.forum-table th.forum-column-title,
html body .forum table.forum-table th.forum-column-lastpost { border-left: 0; border-right: 0; }
html body .forum table.forum-table td.forum-column-icon { padding: 10px 0 10px var(--bk-sp-3); width: 1%; }
html body .forum table.forum-table td.forum-column-title { padding: 10px var(--bk-sp-3); width: auto; }
html body .forum table.forum-table td.forum-column-footer { padding: 10px var(--bk-sp-3); border-top: 1px solid rgba(255, 255, 255, 0.12); }
html body .forum div.forum-item-info,
html body .forum div.forum-lastpost-box { padding: 0; }
html body .forum table.forum-table td.forum-column-lastpost { padding: 10px var(--bk-sp-3); width: 28%; position: relative; }
html body .forum table.forum-table th.forum-column-title { width: auto; padding-left: var(--bk-sp-3); }
html body .forum table.forum-table td.forum-column-topics,
html body .forum table.forum-table td.forum-column-replies,
html body .forum table.forum-table td.forum-column-views { padding: 10px 8px; width: 64px; text-align: center; font-weight: 600; color: var(--bk-c-muted); }
html body .forum table.forum-table th.forum-column-topics,
html body .forum table.forum-table th.forum-column-replies,
html body .forum table.forum-table th.forum-column-views { text-align: center; }

html body .forum div.forum-item-name { font-size: var(--bk-fs-body); font-weight: 600; line-height: var(--bk-lh-tight); }
html body .forum span.forum-item-title a { color: var(--bk-c-text); }
html body .forum span.forum-item-desc,
html body .forum span.forum-item-desc-sep,
html body .forum span.forum-item-author,
html body .forum div.forum-item-subforums,
html body .forum span.forum-lastpost-date,
html body .forum span.forum-lastpost-date a { font-size: var(--bk-fs-caption); font-weight: 400; color: var(--bk-c-faint); }
html body .forum span.forum-item-desc { display: block; margin-top: 2px; color: var(--bk-c-muted); }
html body .forum span.forum-item-desc-sep { display: none; }
html body .forum span.forum-item-author { display: block; margin-top: 2px; }
html body .forum span.forum-lastpost-title { font-size: var(--bk-fs-small); font-weight: 500; }
html body .forum span.forum-status-sticky,
html body .forum span.forum-status-closed { font-size: 11px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; color: var(--bk-c-accent-text); }
html body .forum div.forum-select-box { float: right; padding: 0; margin-left: 8px; }

/* ----- Значки разделов и тем (вместо спрайтов темы) ----------------------------------- */
html body .forum div.forum-icon-container { width: auto; }
html body .forum div.forum-icon {
	display: flex; align-items: center; justify-content: center; width: 34px; height: 34px; margin: 0; box-sizing: border-box;
	background: none; border: 1px solid var(--bk-c-border); border-radius: var(--bk-r-card); color: var(--bk-c-faint);
	font: normal 15px/1 FontAwesome; font-size: 15px; overflow: hidden; text-indent: 0;
}
html body .forum div.forum-icon::before { content: "\f0e5"; }
html body .forum div.forum-icon-newposts,
html body .forum div.forum-icon-sticky-newposts,
html body .forum div.forum-icon-closed-newposts,
html body .forum div.forum-icon-sticky-closed-newposts { border-color: rgba(var(--bk-c-accent-rgb), 0.7); color: var(--bk-c-accent-text); background: rgba(var(--bk-c-accent-rgb), 0.12); }
html body .forum div.forum-icon-newposts::before { content: "\f0e6"; }
html body .forum div.forum-icon-sticky::before,
html body .forum div.forum-icon-sticky-newposts::before { content: "\f08d"; }
html body .forum div.forum-icon-closed::before,
html body .forum div.forum-icon-closed-newposts::before,
html body .forum div.forum-icon-sticky-closed::before,
html body .forum div.forum-icon-sticky-closed-newposts::before { content: "\f023"; }
html body .forum div.forum-icon-moved::before { content: "\f064"; }

/* ----- Подвал карточки, статистика, онлайн -------------------------------------------- */
html body .forum div.forum-info-box,
html body .forum div.forum-footer-box {
	box-sizing: border-box; padding: 10px var(--bk-sp-3); margin-bottom: var(--bk-sp-3);
	background: var(--bk-c-surface); border: 1px solid var(--bk-c-border); border-radius: var(--bk-r-card); line-height: var(--bk-lh-list);
}
html body .forum div.forum-info-box.forum-menu-box { background: none; border: 0; border-radius: 0; padding: 0; }
html body .forum div.forum-footer-inner { text-align: left; }
html body .forum span.forum-footer-option { margin-left: 8px; padding-left: 8px; border-left-color: rgba(255, 255, 255, 0.2); }
html body .forum div.forum-statistics-allusers,
html body .forum div.forum-statistics-users { float: none; white-space: normal; }
html body .forum div.forum-statistics-topics,
html body .forum div.forum-statistics-replies { text-align: left; white-space: normal; }
html body .forum div.forum-statistics span,
html body .forum div.forum-users-online span span { color: var(--bk-c-text); font-weight: 600; }
html body .forum div.forum-info-box,
html body .forum div.forum-info-box .forum-info-box-inner { font-size: var(--bk-fs-small); color: var(--bk-c-muted); }
html body .forum div.forum-legend-item,
html body .forum .forum-legend-item { color: var(--bk-c-muted); }
html body .forum div.forum-header-box + div.forum-reply-form { border-top: 0; border-radius: 0 0 var(--bk-r-card) var(--bk-r-card); }
html body .forum div.forum-header-box + div.forum-info-box { border-top: 0; border-radius: 0 0 var(--bk-r-card) var(--bk-r-card); }

/* ----- Сообщения темы ----------------------------------------------------------------- */
html body .forum table.forum-post-table {
	display: table; width: 100%; table-layout: auto; border-collapse: separate; border-spacing: 0; overflow: hidden;
	margin-bottom: var(--bk-sp-3); background: var(--bk-c-surface); border: 1px solid var(--bk-c-border); border-radius: var(--bk-r-card); line-height: var(--bk-lh-list);
}
html body .forum table.forum-post-table.forum-post-first { border: 1px solid var(--bk-c-border); }
html body .forum table.forum-post-table td { border: 0; width: auto; vertical-align: top; }
html body .forum table.forum-post-table td.forum-cell-post,
html body .forum table.forum-post-table td.forum-cell-actions { width: 100%; }
html body .forum table.forum-post-table td.forum-cell-user,
html body .forum table.forum-post-table td.forum-cell-contact { width: 190px; min-width: 190px; max-width: 190px; box-sizing: border-box; border-right: 1px solid rgba(255, 255, 255, 0.12); }
html body .forum table.forum-post-table td.forum-cell-contact,
html body .forum table.forum-post-table td.forum-cell-actions { border-top: 1px solid rgba(255, 255, 255, 0.12); height: auto; }
html body .forum table.forum-post-table td.forum-cell-post,
html body .forum table.forum-post-table td.forum-cell-actions { border-right: 0; }
html body .forum table.forum-post-table td.forum-column-footer {
	padding: 10px var(--bk-sp-3); border-top: 1px solid rgba(255, 255, 255, 0.12); background: rgba(255, 255, 255, 0.04);
}
html body .forum div.forum-user-info { padding: var(--bk-sp-3); }
html body .forum div.forum-user-name a,
html body .forum div.forum-user-name span { font-size: var(--bk-fs-body); font-weight: 600; line-height: var(--bk-lh-tight); overflow-wrap: anywhere; }
html body .forum div.forum-user-avatar { margin: var(--bk-sp-2) 0; }
html body .forum div.forum-user-avatar img { max-width: 100px; height: auto; border: 1px solid var(--bk-c-border); border-radius: var(--bk-r-card); background: rgba(255, 255, 255, 0.06); }
html body .forum div.forum-user-status { margin-bottom: var(--bk-sp-2); }
html body .forum div.forum-user-status span { font-size: 11px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; color: var(--bk-c-faint); }
html body .forum div.forum-user-administrator-status span,
html body .forum div.forum-user-moderator-status span { color: var(--bk-c-accent-text); }
html body .forum div.forum-user-additional { font-size: var(--bk-fs-caption); color: var(--bk-c-faint); }
html body .forum div.forum-user-additional a { color: var(--bk-c-muted); }
html body .forum div.forum-post-date,
html body .forum div.forum-post-entry { padding: 10px var(--bk-sp-3); font-size: var(--bk-fs-small); }
html body .forum div.forum-post-date {
	display: flex; flex-direction: row-reverse; align-items: center; justify-content: space-between; gap: var(--bk-sp-2);
	border-bottom: 1px solid rgba(255, 255, 255, 0.12); font-size: var(--bk-fs-caption); color: var(--bk-c-faint); background: rgba(255, 255, 255, 0.04);
}
html body .forum div.forum-post-number { float: none; display: flex; align-items: center; gap: 6px; }
html body .forum div.forum-post-rating { float: none; padding: 0; margin-left: auto; }
html body .forum div.forum-post-date > span { flex: 1; }
html body .forum div.forum-post-text { padding: 0; line-height: var(--bk-lh-body); font-size: var(--bk-fs-body); overflow-wrap: anywhere; }
html body .forum div.forum-post-text a { color: var(--bk-c-accent2); text-decoration: underline; }
html body .forum div.forum-post-entry { padding-bottom: var(--bk-sp-3); height: auto; }
html body .forum div.forum-post-entry.forum-user-additional { padding-top: 0; font-size: var(--bk-fs-caption); color: var(--bk-c-faint); }
html body .forum div.forum-contact-links { padding: 10px var(--bk-sp-3); }
html body .forum div.forum-action-links { padding: 10px var(--bk-sp-3); display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 6px; }
html body .forum div.forum-action-links span { white-space: normal; }
html body .forum div.forum-post-lastedit { font-size: var(--bk-fs-caption); color: var(--bk-c-faint); }
html body .forum div.forum-post-attachments { border-color: var(--bk-c-border); border-radius: var(--bk-r-card); background: rgba(255, 255, 255, 0.04); }
html body .forum div.forum-signature-line { border-top-color: rgba(255, 255, 255, 0.2); }
/* выбранное / скрытое сообщение */
html body .forum table.forum-post-table.forum-post-selected { border-color: rgba(var(--bk-c-accent-rgb), 0.7); }
html body .forum table.forum-post-table.forum-post-selected td.forum-cell-post,
html body .forum table.forum-post-table.forum-post-selected td.forum-cell-actions { background: rgba(var(--bk-c-accent-rgb), 0.1); }
html body .forum table.forum-post-table.forum-post-hidden { opacity: .6; }

/* цитаты, код, спойлеры */
html body .forum table.forum-quote,
html body .forum table.forum-spoiler,
html body .forum table.forum-code,
html body .forum div.forum-code-box {
	border: 1px solid var(--bk-c-border); border-radius: var(--bk-r-card); border-collapse: separate; border-spacing: 0; overflow: hidden;
	background: rgba(255, 255, 255, 0.04); font-size: var(--bk-fs-small);
}
html body .forum table.forum-quote th,
html body .forum table.forum-spoiler th,
html body .forum table.forum-code th { background: rgba(255, 255, 255, 0.06); font-size: var(--bk-fs-caption); font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--bk-c-muted); }
html body .forum table.forum-quote td,
html body .forum table.forum-spoiler td,
html body .forum table.forum-code td { background: none; padding: var(--bk-sp-2) var(--bk-sp-3); color: var(--bk-c-muted); }
html body .forum .forum-quote a { color: var(--bk-c-accent2); }
html body .forum table.forum-quote { width: 100%; max-width: 100%; }

/* ----- Формы: ответ, новая тема, поиск, профиль --------------------------------------- */
html body .forum div.forum-reply-form {
	margin-bottom: var(--bk-sp-3); background: var(--bk-c-surface); border: 1px solid var(--bk-c-border); border-radius: var(--bk-r-card); overflow: hidden; line-height: var(--bk-lh-list);
}
html body .forum div.forum-reply-form div.forum-reply-header { border: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.12); border-radius: 0; background: none; }
html body .forum div.forum-reply-fields { padding: var(--bk-sp-3); }
html body .forum div.forum-reply-field { margin-top: var(--bk-sp-3); }
html body .forum div.forum-reply-field:first-child { margin-top: 0; }
html body .forum div.forum-reply-field-title label,
html body .forum div.forum-reply-field-desc label,
html body .forum div.forum-reply-field-tags label,
html body .forum div.forum-reply-field-captcha-label label,
html body .forum div.forum-reply-field-lastedit-reason label,
html body .forum div.forum-reply-field-text > label,
html body .forum div.forum-filter-field label.forum-filter-field-title {
	margin-bottom: 4px; font-size: var(--bk-fs-caption); font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--bk-c-faint);
}
html body .forum div.forum-reply-field-title input,
html body .forum div.forum-reply-field-desc input,
html body .forum div.forum-reply-field-tags input,
html body .forum div.forum-reply-field-lastedit-reason input { width: 100%; }
html body .forum div.forum-reply-field-author,
html body .forum div.forum-reply-field-email { width: 49%; box-sizing: border-box; }
html body .forum div.forum-reply-field-user-sep { width: 2%; }
html body .forum div.forum-reply-field-settings label,
html body .forum div.forum-reply-field-lastedit label { color: var(--bk-c-muted); }
html body .forum div.forum-note-box { border: 1px solid var(--bk-c-border); border-radius: var(--bk-r-card); background: rgba(255, 255, 255, 0.04); color: var(--bk-c-muted); }
html body .forum div.forum-note-box.forum-note-error,
html body .forum div.forum-note-box.forum-note-error * { color: var(--bk-c-accent-text); }
html body .forum div.forum-note-box.forum-note-error { border-color: rgba(var(--bk-c-accent-rgb), 0.7); background: rgba(var(--bk-c-accent-rgb), 0.1); }

html body .forum input[type="text"],
html body .forum input[type="password"],
html body .forum input[type="email"],
html body .forum input[type="search"],
html body .forum input[type="number"],
html body .forum input:not([type]),
html body .forum textarea,
html body .forum select {
	box-sizing: border-box; max-width: 100%; padding: 8px 12px;
	font-family: var(--bk-font-body); font-size: var(--bk-fs-small); line-height: 1.4; color: var(--bk-c-text);
	background: rgba(0, 0, 0, 0.35); border: 1px solid var(--bk-c-border); border-radius: var(--bk-r-card);
	transition: border-color .15s ease, background .15s ease; -webkit-appearance: none; appearance: none;
}
html body .forum select {
	padding-right: 32px; cursor: pointer;
	background: rgba(0, 0, 0, 0.35) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23fff' stroke-width='1.6'/%3E%3C/svg%3E") no-repeat right 12px center;
}
html body .forum select option { background: #14141a; color: #fff; }
html body .forum input[type="text"]:focus,
html body .forum input[type="password"]:focus,
html body .forum input[type="email"]:focus,
html body .forum input[type="search"]:focus,
html body .forum textarea:focus,
html body .forum select:focus { outline: 0; border-color: rgba(255, 255, 255, 0.7); background-color: rgba(0, 0, 0, 0.5); }
html body .forum textarea { width: 100%; resize: vertical; }
html body .forum input::placeholder,
html body .forum textarea::placeholder { color: var(--bk-c-faint); }
html body .forum input[type="checkbox"],
html body .forum input[type="radio"] { accent-color: var(--bk-c-accent); width: 16px; height: 16px; margin: 0 6px 0 0; vertical-align: middle; }
html body .forum div.forum-reply-field-settings input,
html body .forum div.forum-uploaded-file input,
html body .forum div.forum-reply-field-lastedit-view input { width: 16px; height: 16px; margin: 0 6px 0 0; }
html body .forum div.forum-post-number input,
html body .forum div.forum-select-box input { margin: 0; }

html body .forum input[type="submit"],
html body .forum input[type="button"],
html body .forum input[type="reset"],
html body .forum button {
	padding: 7px 22px; font-family: var(--bk-font-body); font-size: var(--bk-fs-caption); font-weight: 500; letter-spacing: .08em; text-transform: uppercase; line-height: 1.5;
	color: var(--bk-c-text); background: rgba(0, 0, 0, 0.3); border: 1px solid rgba(255, 255, 255, 0.6); border-radius: var(--bk-r-pill);
	cursor: pointer; -webkit-appearance: none; appearance: none; transition: background .15s ease, border-color .15s ease;
}
html body .forum input[type="submit"]:hover,
html body .forum input[type="button"]:hover,
html body .forum input[type="reset"]:hover,
html body .forum button:hover { background: var(--bk-c-surface-hover); border-color: rgba(var(--bk-c-accent2-rgb), 0.8); }
html body .forum div.forum-reply-buttons input[type="submit"],
html body .forum div.forum-reply-buttons input[name="send_button"],
html body .forum input[name="send_button"],
html body .forum input[name="SEARCH_BUTTON"] { border-color: rgba(var(--bk-c-accent-rgb), 0.8); background: rgba(var(--bk-c-accent-rgb), 0.2); }
html body .forum div.forum-reply-buttons input[type="submit"]:hover,
html body .forum input[name="send_button"]:hover { background: rgba(var(--bk-c-accent-rgb), 0.35); }
html body .forum div.forum-reply-buttons input,
html body .forum div.forum-topic-move-buttons input,
html body .forum div.forum-topics-moderate input,
html body .forum div.forum-upload-file input[type="submit"] { font-size: var(--bk-fs-caption); padding: 7px 22px; }
html body .forum div.forum-reply-buttons { margin-top: var(--bk-sp-3); display: flex; flex-wrap: wrap; gap: var(--bk-sp-2); }
html body .forum div.forum-topics-moderate,
html body .forum div.forum-post-moderate { display: flex; flex-wrap: wrap; align-items: center; gap: var(--bk-sp-2); float: none; }
html body .forum div.forum-topic-moderate { display: flex; flex-wrap: wrap; align-items: center; gap: var(--bk-sp-2); }
html body .forum td.forum-column-footer > div { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--bk-sp-2) var(--bk-sp-3); }
html body .forum div.forum-topics-moderate input, html body .forum div.forum-topics-moderate select { font-size: var(--bk-fs-caption); }

/* редактор Bitrix (bxhtmled + main.post.form): тёмный, без белых полей.
   Поле ввода — iframe со своим документом: стиль в него добавляет js/forum.js */
html body .forum .forum-reply-field .feed-add-post-dnd-notice,
html body .forum .forum-reply-field .feed-add-post-form,
html body .forum .forum-reply-field .main-post-form-toolbar,
html body .forum .forum-reply-field .bx-html-editor,
html body .forum .forum-reply-field .bxhtmled-toolbar-cnt,
html body .forum .forum-reply-field .bxhtmled-area-cnt,
html body .forum .forum-reply-field .bxhtmled-iframe-cnt,
html body .forum .forum-reply-field .bxhtmled-nav-cnt,
html body .forum .forum-reply-field .bxhtmled-taskbar-cnt,
html body .forum .forum-reply-field .bxhtmled-search-cnt { background: rgba(0, 0, 0, 0.35); color: var(--bk-c-text); border-color: var(--bk-c-border); }
html body .forum .forum-reply-field .feed-add-post-form { padding: 0; border: 1px solid var(--bk-c-border); border-radius: var(--bk-r-card); overflow: hidden; box-shadow: none; }
html body .forum .forum-reply-field .bx-html-editor { border: 0; border-radius: 0; }
html body .forum .forum-reply-field .bxhtmled-toolbar-cnt { border-bottom: 1px solid rgba(255, 255, 255, 0.12); box-shadow: none; }
html body .forum .forum-reply-field .bxhtmled-iframe-cnt { background: rgba(0, 0, 0, 0.2) !important; }
html body .forum .forum-reply-field iframe.bx-editor-iframe { background: transparent !important; color-scheme: normal; }
html body .forum .forum-reply-field .bxhtmled-split-resizer-hor,
html body .forum .forum-reply-field .bxhtmled-right-side-split-border { background: rgba(255, 255, 255, 0.12); }
html body .forum .forum-reply-field .bxhtmled-top-bar-btn,
html body .forum .forum-reply-field .bxhtmled-top-bar-select .bxhtmled-top-bar-btn,
html body .forum .forum-reply-field .bxhtmled-button-fontsize-wrap,
html body .forum .forum-reply-field .bxhtmled-top-bar-color { filter: invert(1) brightness(1.25); }
html body .forum .forum-reply-field .bxhtmled-top-bar-btn:hover { background-color: var(--bk-c-surface-hover); border-radius: 6px; }
html body .forum .forum-reply-field .bxhtmled-top-bar-select { background: rgba(0, 0, 0, 0.35); border: 1px solid var(--bk-c-border); border-radius: var(--bk-r-card); color: var(--bk-c-text); }
html body .forum .forum-reply-field .bxhtmled-top-bar-separator { background: rgba(255, 255, 255, 0.25); }
html body .forum .forum-reply-field .bxhtmled-textarea { color: var(--bk-c-text); background: rgba(0, 0, 0, 0.2); border: 0; font-family: var(--bk-font-body); }
html body .forum .forum-reply-field .main-post-form-toolbar { display: flex; gap: var(--bk-sp-2); padding: 8px; border: 0; border-top: 1px solid rgba(255, 255, 255, 0.12); box-shadow: none; }
html body .forum .forum-reply-field .main-post-form-toolbar-button,
html body .forum .forum-reply-field .feed-add-post-form-editor-btn {
	color: var(--bk-c-text); background: rgba(0, 0, 0, 0.3); border: 1px solid var(--bk-c-border); border-radius: var(--bk-r-pill); box-shadow: none; text-shadow: none;
}
html body .forum .forum-reply-field .main-post-form-toolbar-button:hover,
html body .forum .forum-reply-field .feed-add-post-form-editor-btn:hover { background: var(--bk-c-surface-hover); border-color: rgba(var(--bk-c-accent2-rgb), 0.8); }
html body .forum .forum-reply-field .main-post-form-toolbar-button *,
html body .forum .forum-reply-field .feed-add-post-form-editor-btn * { color: var(--bk-c-text); }
html body .forum .forum-reply-field .main-post-form-toolbar-button i { filter: invert(1); }
html body .forum .forum-reply-field .feed-add-post-dnd-notice { color: var(--bk-c-muted); border: 1px dashed var(--bk-c-border); border-radius: var(--bk-r-card); }
html body .forum .forum-required-field { color: var(--bk-c-accent); }
html body .forum div.forum-reply-header { justify-content: flex-start; }
html body .forum div.forum-reply-header a.postFormAutosave { order: 3; margin-left: auto; border-radius: 50%; }

/* ----- Профиль, вкладки, поиск, личные сообщения -------------------------------------- */
html body .forum div.forum-info-box table.forum-table { border: 0; background: none; margin-bottom: 0; border-radius: 0; }
html body .forum div.forum-info-box table.forum-table td,
html body .forum div.forum-info-box table.forum-table th { padding: 6px 0; }
html body .forum div.forum-info-box table.forum-table th { text-align: left; background: none; font-family: var(--bk-font-body); letter-spacing: 0; text-transform: none; font-size: var(--bk-fs-small); color: var(--bk-c-faint); font-weight: 500; }
html body .forum div.forum-filter { color: var(--bk-c-muted); }
html body .forum div.forum-filter-field { margin-bottom: var(--bk-sp-3); }
html body .forum div.forum-filter-field label.forum-filter-field-title { float: none; display: block; width: auto; height: auto; }
html body .forum div.forum-filter-field span.forum-filter-field-item { float: none; display: block; height: auto; }
html body .forum div.forum-filter-field span.forum-filter-field-item label { color: var(--bk-c-muted); }
html body .forum div.forum-filter-field .forum-clear-float { display: none; }
html body .forum select[multiple] { background-image: none; padding: 6px; height: auto; }
html body .forum select[multiple] option { padding: 4px 8px; border-radius: 4px; }

html body .forum div.forum-filter input.search-input,
html body .forum div.forum-filter select { width: 100%; max-width: 400px; }
html body .forum div.forum-filter-footer { margin-top: var(--bk-sp-3); }
html body .forum div.forum-tabs { width: auto; }
html body .forum div.forum-tabs div.forum-tabs-body div.forum-info-box { width: auto; float: none; }
html body .forum .tags-cloud a { color: var(--bk-c-muted); }
html body .forum tr.forum-pmessage-new td { font-weight: 600; }
html body .forum div.forum-pm-progress-bar-out { border-color: var(--bk-c-border); border-radius: var(--bk-r-pill); overflow: hidden; background: rgba(0, 0, 0, 0.35); }
html body .forum div.forum-pm-progress-bar-in { background: rgba(var(--bk-c-accent-rgb), 0.5); }
html body .forum div.forum-pm-progress-bar-in1 { color: var(--bk-c-text); }
html body .forum .rating-vote-result { color: var(--bk-c-muted); }
html body .forum div.forum-post-vote { color: var(--bk-c-muted); }
html body .forum div.vote-answer-item-bar-inner { background: rgba(var(--bk-c-accent-rgb), 0.35); }
html body .forum .forum-notify-bar { border-radius: var(--bk-r-card); }

/* ===== Телефон и узкий планшет ======================================================== */
@media (max-width: 760px) {
	html body .forum span.forum-menu-item a { padding: 6px 14px; }
	html body .forum div.forum-header-box,
	html body .forum div.forum-reply-header { padding: 10px 12px; }
	html body .forum div.forum-header-box,
	html body .forum div.forum-reply-header { flex-wrap: wrap; }
	html body .forum div.forum-header-title { flex-basis: 100%; }

	/* таблицы разделов и тем → карточки-строки */
	html body .forum table.forum-table,
	html body .forum table.forum-table tbody { display: block; }
	html body .forum table.forum-table thead { display: none; }
	html body .forum table.forum-table tbody.forum-category-separator { display: none; }
	html body .forum table.forum-table tr {
		position: relative; display: grid; grid-template-columns: 34px auto auto 1fr; column-gap: 12px; row-gap: 4px;
		padding: 12px; border-top: 1px solid rgba(255, 255, 255, 0.1);
	}
	html body .forum table.forum-table tr:first-child,
	html body .forum table.forum-table tr.forum-row-first { border-top: 0; }
	html body .forum table.forum-table tr:hover td { background: none; }
	html body .forum table.forum-table td,
	html body .forum table.forum-table td.forum-column-icon,
	html body .forum table.forum-table td.forum-column-title,
	html body .forum table.forum-table td.forum-column-lastpost,
	html body .forum table.forum-table td.forum-column-topics,
	html body .forum table.forum-table td.forum-column-replies,
	html body .forum table.forum-table td.forum-column-views { display: block; width: auto; padding: 0; border: 0; text-align: left; }
	html body .forum table.forum-table td.forum-column-icon { grid-column: 1; grid-row: 1 / span 3; width: auto; align-self: start; }
	html body .forum table.forum-table td.forum-column-title { grid-column: 2 / -1; grid-row: 1; padding-right: 28px; }
	html body .forum table.forum-table td.forum-column-topics,
	html body .forum table.forum-table td.forum-column-replies,
	html body .forum table.forum-table td.forum-column-views { grid-row: 2; font-size: var(--bk-fs-caption); font-weight: 500; color: var(--bk-c-faint); white-space: nowrap; }
	html body .forum table.forum-table td.forum-column-topics { grid-column: 2; }
	html body .forum table.forum-table td.forum-column-replies { grid-column: 3; }
	html body .forum table.forum-table td.forum-column-topics + td.forum-column-replies { grid-column: 3; }
	html body .forum table.forum-table td.forum-column-views { grid-column: 4; }
	html body .forum table.forum-table td.forum-column-topics span::after { content: " topics"; }
	html body .forum table.forum-table td.forum-column-replies span::after { content: " posts"; }
	html body .forum table.forum-table td.forum-column-views span::after { content: " views"; }
	html body .forum table.forum-table td.forum-column-lastpost { grid-column: 2 / -1; grid-row: 3; width: auto; position: static; }
	html body .forum table.forum-table td.forum-column-lastpost .forum-lastpost-box { display: flex; flex-wrap: wrap; gap: 0 8px; }
	html body .forum table.forum-table td.forum-column-lastpost span.forum-lastpost-date,
	html body .forum table.forum-table td.forum-column-lastpost span.forum-lastpost-title { display: inline; }
	html body .forum table.forum-table td.forum-column-lastpost .forum-select-box { position: absolute; top: 12px; right: 12px; margin: 0; }
	html body .forum table.forum-table td.forum-column-footer { display: block; padding: 10px 12px; }
	html body .forum table.forum-table tr:has(td.forum-column-footer) { display: block; padding: 0; }
	html body .forum div.forum-item-name { font-size: var(--bk-fs-body); }

	/* сообщения темы: автор — шапкой, текст и действия — под ней */
	html body .forum table.forum-post-table,
	html body .forum table.forum-post-table > tbody,
	html body .forum table.forum-post-table > tbody > tr { display: block; width: 100%; }
	html body .forum table.forum-post-table td,
	html body .forum table.forum-post-table td.forum-cell-user,
	html body .forum table.forum-post-table td.forum-cell-contact,
	html body .forum table.forum-post-table td.forum-cell-post,
	html body .forum table.forum-post-table td.forum-cell-actions,
	html body .forum table.forum-post-table td.forum-column-footer { display: block; width: auto; min-width: 0; max-width: none; box-sizing: border-box; border-right: 0; }
	html body .forum table.forum-post-table td.forum-cell-user { border-bottom: 1px solid rgba(255, 255, 255, 0.12); }
	html body .forum div.forum-user-info {
		display: grid; grid-template-columns: 44px 1fr; grid-template-areas: "av name" "av status"; column-gap: 12px; align-items: center; padding: 12px;
	}
	html body .forum div.forum-user-name { grid-area: name; align-self: end; }
	html body .forum div.forum-user-status { grid-area: status; align-self: start; margin: 0; }
	html body .forum div.forum-user-avatar { grid-area: av; margin: 0; }
	html body .forum div.forum-user-avatar img { width: 44px; height: 44px; object-fit: cover; }
	html body .forum div.forum-user-info > div.forum-user-additional,
	html body .forum div.forum-user-info > div.forum-user-signature { display: none; }
	html body .forum div.forum-post-date,
	html body .forum div.forum-post-entry { padding: 10px 12px; }
	html body .forum div.forum-post-text { font-size: var(--bk-fs-small); line-height: var(--bk-lh-body); }
	html body .forum table.forum-post-table td.forum-cell-contact { padding: 0; border-top: 1px solid rgba(255, 255, 255, 0.12); }
	html body .forum table.forum-post-table td.forum-cell-contact:empty,
	html body .forum table.forum-post-table td.forum-cell-contact:has(.forum-contact-links:empty) { display: none; }
	html body .forum table.forum-post-table td.forum-cell-actions { border-top: 0; }
	html body .forum div.forum-contact-links,
	html body .forum div.forum-action-links { padding: 8px 12px 12px; justify-content: flex-start; }
	html body .forum table.forum-post-table td.forum-column-footer { padding: 10px 12px; }
	html body .forum td.forum-column-footer > div { flex-direction: column; align-items: stretch; }

	/* формы */
	html body .forum div.forum-reply-fields { padding: 12px; }
	html body .forum div.forum-reply-field-author,
	html body .forum div.forum-reply-field-email { float: none; width: 100%; }
	html body .forum div.forum-reply-field-user-sep { display: none; }
	html body .forum div.forum-reply-field-captcha input { width: 100%; }
	html body .forum div.forum-reply-buttons input { flex: 1 1 auto; }
	html body .forum input[type="text"], html body .forum input[type="password"], html body .forum input[type="email"],
	html body .forum textarea, html body .forum select { font-size: 16px; }   /* 16px — iOS не увеличивает страницу при фокусе */
	html body .forum select { width: 100%; }
	html body .forum div.forum-filter-field label.forum-filter-field-title { float: none; display: block; width: auto; height: auto; }
	html body .forum div.forum-filter-field span.forum-filter-field-item { float: none; height: auto; }
	html body .forum div.forum-user-edit-buttons { margin: 10px 0 0; }
	html body .forum div.forum-tabs div.forum-tabs-body { margin-left: 0; }
	html body .forum div.forum-tabs div.forum-tabs-header { float: none; width: auto; top: 0; left: 0; }
	html body .forum div.forum-info-box { padding: 10px 12px; }
	html body .forum div.forum-pm-progress-bar-out { width: 100%; box-sizing: border-box; }
}
@media (max-width: 480px) {
	html body .forum div.forum-navigation-box { flex-direction: column; align-items: stretch; }
	html body .forum div.forum-new-post { align-self: flex-start; }
	html body .forum table.forum-table tr { grid-template-columns: 34px auto 1fr; column-gap: 10px; }
	html body .forum table.forum-table td.forum-column-views { grid-column: 3; }
	html body .forum table.forum-table td.forum-column-replies { grid-column: 2; }
	html body .forum table.forum-table td.forum-column-topics { grid-column: 2; }
	html body .forum table.forum-table td.forum-column-topics + td.forum-column-replies { grid-column: 3; }
}

/* ----- Второй акцент (сиреневый): рамки карточек, заголовки, наведение -------------------- */
html body .forum div.forum-header-box,
html body .forum div.forum-reply-form,
html body .forum div.forum-info-box,
html body .forum table.forum-table,
html body .forum table.forum-post-table,
html body .forum div.forum-footer-box,
html body .forum table.forum-quote,
html body .forum table.forum-code { border-color: rgba(var(--bk-c-accent2-rgb), 0.35); }
html body .forum div.forum-info-box.forum-menu-box { border: 0; }
html body .forum div.forum-header-title,
html body .forum div.forum-reply-header,
html body .forum table.forum-table th { color: #d9ccff; }
html body .forum span.forum-menu-item a:hover,
html body .forum div.forum-page-navigation a:hover,
html body .forum .forum-action-links a:hover,
html body .forum .forum-header-options a:hover,
html body .forum .forum-contact-links a:hover { border-color: rgba(var(--bk-c-accent2-rgb), 0.8); color: var(--bk-c-accent2); }
html body .forum table.forum-table tbody tr:hover td { background: rgba(var(--bk-c-accent2-rgb), 0.07); }
html body .forum input[type="text"]:focus,
html body .forum input[type="password"]:focus,
html body .forum input[type="email"]:focus,
html body .forum input[type="search"]:focus,
html body .forum textarea:focus,
html body .forum select:focus { border-color: rgba(var(--bk-c-accent2-rgb), 0.9); }

/* Ссылки с собственным цветом: наведение — сиреневым */
html body .forum span.forum-item-title a:hover,
html body .forum span.forum-lastpost-date a:hover,
html body .forum div.forum-user-additional a:hover,
html body .forum div.forum-user-name a:hover,
html body .forum div.forum-header-title a:hover,
html body .forum div.forum-reply-header a:hover { color: var(--bk-c-accent2); }

/* Список «Search where»: пустая группа-разделитель (optgroup с  ) давала лишнюю строку под первым пунктом */
html body .forum select[multiple] optgroup { display: none; }
html body .forum select[multiple] option { padding: 6px 10px; margin: 0; }
html body .forum select[multiple] { padding: 4px; }

/* Поля дат с иконкой календаря: поле, иконка и «…» в одну линию */
html body .forum div.forum-filter-field span.forum-filter-field-item:has(.calendar-icon) { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
html body .forum div.forum-filter-field .calendar-icon { display: block; flex: none; margin: 0; padding: 0; vertical-align: middle; cursor: pointer; border-radius: 4px; }
html body .forum div.forum-filter-field .date-interval-hellip { color: var(--bk-c-faint); }
html body .forum div.forum-filter-field input[id^="find_date"] { width: 160px; }

/* ===== Фильтр форума (Last topics, Search): без плашки, поля-карточки в одну строку — как фильтр /history/ ============== */
html body .forum div.forum-info-box.forum-filter { padding: 0; background: none; border: 0; border-radius: 0; margin-bottom: var(--bk-sp-4); }
html body .forum div.forum-filter .forum-info-box-inner { padding: 0; }
html body .forum div.forum-filter form.forum-form { display: flex; flex-wrap: wrap; align-items: stretch; gap: var(--bk-sp-2); margin: 0; }
html body .forum div.forum-filter .forum-filter-field {
	position: relative; flex: 1 1 200px; min-width: 0; box-sizing: border-box; margin: 0; padding: 25px 14px 8px;
	background: var(--bk-c-surface); border: 1px solid var(--bk-c-border); border-radius: var(--bk-r-card);
	transition: border-color .15s ease, background .15s ease;
}
html body .forum div.forum-filter .forum-filter-field:focus-within { border-color: rgba(var(--bk-c-accent2-rgb), 0.8); }
html body .forum div.forum-filter .forum-filter-field label.forum-filter-field-title {
	position: absolute; top: 7px; left: 14px; right: 14px; z-index: 1; margin: 0; padding: 0; float: none; width: auto; height: auto;
	font-size: 11px; font-weight: 600; letter-spacing: 0.14em; line-height: 1.2; text-transform: uppercase; color: var(--bk-c-faint);
	white-space: nowrap; overflow: hidden; text-overflow: ellipsis; pointer-events: none;
}
html body .forum div.forum-filter .forum-filter-field span.forum-filter-field-item { display: block; width: 100%; }
/* значение — без собственной рамки: рамка у карточки; стрелка выпадающего списка — справа */
html body .forum div.forum-filter .forum-filter-field select:not([multiple]),
html body .forum div.forum-filter .forum-filter-field input[type="text"]:not([id^="find_date"]):not([id^="DATE"]) {
	width: 100%; max-width: none; height: auto; padding: 0 24px 0 0; background: transparent !important; border: 0; border-radius: 0; line-height: 1.3;   /* !important: общее правило .body-inner input/select в redesign.css */
}
html body .forum div.forum-filter .forum-filter-field select:not([multiple]) {
	background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23fff' stroke-width='1.6'/%3E%3C/svg%3E") no-repeat right 0 center !important;
}
html body .forum div.forum-filter .forum-filter-field select[multiple] { width: 100%; max-width: none; border: 0; background: transparent !important; padding: 0; margin: 0; }
/* даты — белые поля с иконкой календаря внутри, как в фильтре /history/ */
html body .forum div.forum-filter .forum-filter-field span.forum-filter-field-item:has(.calendar-icon) { display: flex; flex-wrap: nowrap; align-items: center; gap: 0; }
html body .forum div.forum-filter .forum-filter-field input[id^="find_date"],
html body .forum div.forum-filter .forum-filter-field input[id^="DATE"] {
	flex: 1 1 0; width: 0; min-width: 0; height: 40px; padding: 0 34px 0 12px; color: #222; background: #fff !important; border: 0; border-radius: var(--bk-r-card);
}
html body .forum div.forum-filter .forum-filter-field input[id^="find_date"]::placeholder { color: #777; }
html body .forum div.forum-filter .forum-filter-field .calendar-icon { margin: 0 0 0 -30px; position: relative; z-index: 1; }
html body .forum div.forum-filter .forum-filter-field .date-interval-hellip { flex: none; margin: 0 8px; }
html body .forum div.forum-filter .forum-filter-field:has(.calendar-icon) { flex: 2 1 340px; }
/* кнопки Filter / Reset / Search — в конце той же строки */
html body .forum div.forum-filter .forum-filter-field.forum-filter-footer { flex: 0 0 auto; display: flex; align-items: center; gap: var(--bk-sp-2); padding: 0; background: none; border: 0; border-radius: 0; }
html body .forum div.forum-filter .forum-filter-footer .forum-filter-first { display: contents; }
html body .forum div.forum-filter .forum-filter-footer input[type="submit"] { margin: 0; }
html body .forum div.forum-filter .forum-clear-float { display: none; }
@media (max-width: 760px) {
	html body .forum div.forum-filter .forum-filter-field,
	html body .forum div.forum-filter .forum-filter-field:has(.calendar-icon) { flex: 1 1 100%; }
	html body .forum div.forum-filter .forum-filter-field.forum-filter-footer { flex: 1 1 100%; }
}

/* Белое поле даты и прозрачное поле ключевых слов: общее правило redesign.css красит все input цепочкой :not с !important — перекрываем её длиннее */
html body .body-inner .forum div.forum-filter .forum-filter-field input[id^="find_date"]:not([type="hidden"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="image"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="range"]):not([type="color"]),
html body .body-inner .forum div.forum-filter .forum-filter-field input[id^="DATE"]:not([type="hidden"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="image"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="range"]):not([type="color"]) { background: #fff !important; color: #222; }
html body .body-inner .forum div.forum-filter .forum-filter-field.search-input input.search-input:not([type="hidden"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="image"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="range"]):not([type="color"]) { background: transparent !important; }

/* Выбранный пункт списков (Search where, выпадающие списки): акцентный зелёный, текст тёмный — контрастно; и в фокусе, и без него */
html body .forum select option:checked,
html body .forum select:focus option:checked,
html body .forum select[multiple]:focus option:checked,
html body .forum select option:hover {
	background: var(--bk-c-accent) linear-gradient(var(--bk-c-accent), var(--bk-c-accent));
	background-color: var(--bk-c-accent);
	color: #0a031a;
	font-weight: 600;
}
html body .forum select[multiple] option:checked { box-shadow: 0 0 0 100px var(--bk-c-accent) inset; }   /* Firefox рисует выделение поверх background — закрашиваем inset-тенью */
html body .forum select[multiple] option:focus { outline: 0; }

/* Фильтр форума — минимальная высота (как карточки фильтра /history/): «Search where» — выпадающий список, поля дат ниже, всё и кнопка в одну строку */
html body .forum div.forum-filter .forum-filter-field { flex: 1 1 140px; padding-bottom: 7px; }
html body .forum div.forum-filter .forum-filter-field.search-input { flex: 2 1 200px; }
html body .forum div.forum-filter .forum-filter-field:has(.calendar-icon) { flex: 2 1 320px; }
html body .forum div.forum-filter .forum-filter-field.forum-filter-footer { align-self: center; }
html body .forum div.forum-filter .forum-filter-field.search-input input.search-input { height: 22px; line-height: 22px; }
html body .forum div.forum-filter .forum-filter-field select[multiple] { height: 22px; overflow: hidden; }   /* до разбора js/forum.js (убирает multiple) список не раздувает строку */
html body .forum div.forum-filter .forum-filter-field select optgroup { display: none; }
html body .forum div.forum-filter .forum-filter-field input[id^="find_date"],
html body .forum div.forum-filter .forum-filter-field input[id^="DATE"] { height: 28px; border-radius: 6px; }
html body .forum div.forum-filter .forum-filter-field .calendar-icon { margin-left: -28px; }

/* Новое личное сообщение (pm_edit): Subject и To — в одну строку на компьютере; «find user» — справа от поля To кнопкой-пилюлей */
html body .forum div.forum-reply-fields:has(> .forum-reply-field-user) { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--bk-sp-3); }
html body .forum div.forum-reply-fields:has(> .forum-reply-field-user) > .forum-reply-field { margin-top: 0; }
@media (min-width: 761px) {
	html body .forum div.forum-reply-fields:has(> .forum-reply-field-user) { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: end; }
}
html body .forum div.forum-reply-field-user { display: flex; align-items: flex-end; gap: var(--bk-sp-2); width: auto; margin: 0; }
html body .forum div.forum-reply-field-user .forum-clear-float,
html body .forum div.forum-reply-field-user .forum-reply-field-user-sep,
html body .forum div.forum-reply-field-user .forum-reply-field-email br { display: none; }
html body .forum div.forum-reply-field-user .forum-reply-field-author { float: none; flex: 1 1 auto; min-width: 0; width: auto; margin: 0; }
html body .forum div.forum-reply-field-user .forum-reply-field-author > span { display: block; }
html body .forum div.forum-reply-field-user .forum-reply-field-author input { width: 100%; }
html body .forum div.forum-reply-field-user .forum-reply-field-email { float: none; flex: none; width: auto; margin: 0; }
html body .forum div.forum-reply-field-author > label,
html body .forum div.forum-reply-field-email > label {
	display: block; margin-bottom: 4px; font-size: var(--bk-fs-caption); font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--bk-c-faint);
}
html body .forum span.forum-pmessage-recipient { float: none; display: block; white-space: nowrap; }
html body .forum span.forum-pmessage-recipient > a {
	display: inline-block; padding: 8px 18px; font-size: var(--bk-fs-caption); font-weight: 500; letter-spacing: .06em; line-height: 1.5; text-transform: uppercase;
	background: rgba(0, 0, 0, 0.3); border: 1px solid rgba(255, 255, 255, 0.6); border-radius: var(--bk-r-pill); transition: background .15s ease, border-color .15s ease;
}
html body .forum span.forum-pmessage-recipient > a:hover { background: var(--bk-c-surface-hover); border-color: rgba(var(--bk-c-accent2-rgb), 0.8); color: var(--bk-c-accent2); }

/* Кнопки форума (Search, Filter, Reset, OK, Send…): наведение — как у остальных пилюль (сиреневые рамка и текст) */
html body .forum input[type="submit"]:hover,
html body .forum input[type="button"]:hover,
html body .forum input[type="reset"]:hover,
html body .forum button:hover,
html body .forum input[type="submit"]:focus-visible,
html body .forum button:focus-visible {
	background: var(--bk-c-surface-hover);
	border-color: rgba(var(--bk-c-accent2-rgb), 0.8);
	color: var(--bk-c-accent2);
}
html body .forum div.forum-reply-buttons input[type="submit"]:hover,
html body .forum input[name="send_button"]:hover,
html body .forum input[name="SEARCH_BUTTON"]:hover { background: rgba(var(--bk-c-accent-rgb), 0.35); }

/* Голосование в профиле (поле очков + Vote / Cancel vote): поле той же высоты, что кнопки-пилюли */
html body .forum input[name="VOTES"] { height: 34px; padding: 0 12px; width: 72px; vertical-align: middle; }
html body .forum input[name="VOTE_BUTTON"],
html body .forum input[name*="CANCEL"] { vertical-align: middle; }

/* Главные кнопки форума (Search, Filter) — зелёные, текст тёмно-фиолетовый; Reset и остальные — контурные */
html body .forum input[type="submit"][name="s"],
html body .forum input[type="submit"][name="set_filter"],
html body .forum input[type="submit"][name="SEARCH_BUTTON"],
html body .forum input[type="submit"][name="s"]:hover,
html body .forum input[type="submit"][name="set_filter"]:hover,
html body .forum input[type="submit"][name="SEARCH_BUTTON"]:hover {
	background: var(--bk-c-accent); border-color: var(--bk-c-accent); color: #0a031a; font-weight: 600;
}
html body .forum input[type="submit"][name="s"]:hover,
html body .forum input[type="submit"][name="set_filter"]:hover,
html body .forum input[type="submit"][name="SEARCH_BUTTON"]:hover { border-color: rgba(var(--bk-c-accent2-rgb), 0.8); box-shadow: 0 0 0 1px rgba(var(--bk-c-accent2-rgb), 0.8); }