/* Палитра подстраивается через CSS-переменные */
:root{
  --rules-accent:#cc2e2e;
  --rules-bg:#0f1115;
  --rules-card:#151922;
  --rules-border:rgba(255,255,255,.08);
  --rules-text:#e6e6e6;
  --af-ae-icon-color: #48b7ff; /*цвет бб-кнопок*/
/* AQR Pack: spoiler */
}
blockquote.af-aqr-spoiler{ --af-spoiler-eye: #1f4af4;}
.af_fastnews {
  margin: 10px 0;
  padding: 8px 12px;
  border: 1px solid #ddd;
  border-radius: 6px;
}

/* Стили бб-кнопок */
.sceditor-button{height: auto !important;}
.sceditor-container .sceditor-button-bold div {
  background: var(--af-ae-icon-color);
  color: var(--af-ae-icon-color);
  -webkit-mask: url(https://warprift.ru/inc/plugins/advancedfunctionality/addons/advancededitor/assets/img/bold.svg) no-repeat center / 16px 16px;
          mask: url(https://warprift.ru/inc/plugins/advancedfunctionality/addons/advancededitor/assets/img/bold.svg) no-repeat center / 16px 16px;
}
.sceditor-container .sceditor-button-italic div {
  background: var(--af-ae-icon-color);
  color: var(--af-ae-icon-color);
  -webkit-mask: url(https://warprift.ru/inc/plugins/advancedfunctionality/addons/advancededitor/assets/img/italic.svg) no-repeat center / 16px 16px;
          mask: url(https://warprift.ru/inc/plugins/advancedfunctionality/addons/advancededitor/assets/img/italic.svg) no-repeat center / 16px 16px;
}
.sceditor-container .sceditor-button-underline div {
  background: var(--af-ae-icon-color);
  color: var(--af-ae-icon-color);
  -webkit-mask: url(https://warprift.ru/inc/plugins/advancedfunctionality/addons/advancededitor/assets/img/underline.svg) no-repeat center / 16px 16px;
          mask: url(https://warprift.ru/inc/plugins/advancedfunctionality/addons/advancededitor/assets/img/underline.svg) no-repeat center / 16px 16px;
}
.sceditor-container .sceditor-button-strike div {
  background: var(--af-ae-icon-color);
  color: var(--af-ae-icon-color);
  -webkit-mask: url(https://warprift.ru/inc/plugins/advancedfunctionality/addons/advancededitor/assets/img/strike.svg) no-repeat center / 16px 16px;
          mask: url(https://warprift.ru/inc/plugins/advancedfunctionality/addons/advancededitor/assets/img/strike.svg) no-repeat center / 16px 16px;
}
.sceditor-container .sceditor-button-color div {
  background: var(--af-ae-icon-color);
  color: var(--af-ae-icon-color);
  -webkit-mask: url(https://warprift.ru/inc/plugins/advancedfunctionality/addons/advancededitor/assets/img/color.svg) no-repeat center / 16px 16px;
          mask: url(https://warprift.ru/inc/plugins/advancedfunctionality/addons/advancededitor/assets/img/color.svg) no-repeat center / 16px 16px;
}

.sceditor-container .sceditor-button-left div {
  background: var(--af-ae-icon-color);
  color: var(--af-ae-icon-color);
  -webkit-mask: url(https://warprift.ru/inc/plugins/advancedfunctionality/addons/advancededitor/assets/img/left.svg) no-repeat center / 16px 16px;
          mask: url(https://warprift.ru/inc/plugins/advancedfunctionality/addons/advancededitor/assets/img/left.svg) no-repeat center / 16px 16px;
}

.sceditor-container .sceditor-button-center div {
  background: var(--af-ae-icon-color);
  color: var(--af-ae-icon-color);
  -webkit-mask: url(https://warprift.ru/inc/plugins/advancedfunctionality/addons/advancededitor/assets/img/center.svg) no-repeat center / 16px 16px;
          mask: url(https://warprift.ru/inc/plugins/advancedfunctionality/addons/advancededitor/assets/img/center.svg) no-repeat center / 16px 16px;
}

.sceditor-container .sceditor-button-right div {
  background: var(--af-ae-icon-color);
  color: var(--af-ae-icon-color);
  -webkit-mask: url(https://warprift.ru/inc/plugins/advancedfunctionality/addons/advancededitor/assets/img/right.svg) no-repeat center / 16px 16px;
          mask: url(https://warprift.ru/inc/plugins/advancedfunctionality/addons/advancededitor/assets/img/right.svg) no-repeat center / 16px 16px;
}

.sceditor-container .sceditor-button-justify div {
  background: var(--af-ae-icon-color);
  color: var(--af-ae-icon-color);
  -webkit-mask: url(https://warprift.ru/inc/plugins/advancedfunctionality/addons/advancededitor/assets/img/justify.svg) no-repeat center / 16px 16px;
          mask: url(https://warprift.ru/inc/plugins/advancedfunctionality/addons/advancededitor/assets/img/justify.svg) no-repeat center / 16px 16px;
}
.sceditor-container .sceditor-button-af_menu_dropdown1 div {
  width: 16px !important; padding: 3px 5px !important; font-size: 0px !important; height: 16px !important;
  background: var(--af-ae-icon-color);
  color: var(--af-ae-icon-color);
  -webkit-mask: url(https://warprift.ru/inc/plugins/advancedfunctionality/addons/advancededitor/assets/img/bulletlist.svg) no-repeat center / 16px 16px;
          mask: url(https://warprift.ru/inc/plugins/advancedfunctionality/addons/advancededitor/assets/img/bulletlist.svg) no-repeat center / 16px 16px;
}
.sceditor-container .sceditor-button-af_menu_dropdown2 div {
  width: 16px !important; padding: 3px 5px !important; font-size: 0px !important; height: 16px !important;
  background: var(--af-ae-icon-color);
  color: var(--af-ae-icon-color);
  -webkit-mask: url(https://warprift.ru/inc/plugins/advancedfunctionality/addons/advancededitor/assets/img/starmenu.svg) no-repeat center / 16px 16px;
          mask: url(https://warprift.ru/inc/plugins/advancedfunctionality/addons/advancededitor/assets/img/starmenu.svg) no-repeat center / 16px 16px;
}
.sceditor-container .sceditor-button-af_table div {
  background: var(--af-ae-icon-color);
  color: var(--af-ae-icon-color);
  -webkit-mask: url(https://warprift.ru/inc/plugins/advancedfunctionality/addons/advancededitor/assets/img/tablebb.svg) no-repeat center / 16px 16px;
          mask: url(https://warprift.ru/inc/plugins/advancedfunctionality/addons/advancededitor/assets/img/tablebb.svg) no-repeat center / 16px 16px;
}
.sceditor-container .sceditor-button-af_spoiler div {
  background: var(--af-ae-icon-color);
  color: var(--af-ae-icon-color);
  -webkit-mask: url(https://warprift.ru/inc/plugins/advancedfunctionality/addons/advancededitor/assets/img/spoilerbb.svg) no-repeat center / 16px 16px;
          mask: url(https://warprift.ru/inc/plugins/advancedfunctionality/addons/advancededitor/assets/img/spoilerbb.svg) no-repeat center / 16px 16px;
}
.sceditor-container .sceditor-button-af_lockcontent div {
  background: var(--af-ae-icon-color);
  color: var(--af-ae-icon-color);
  -webkit-mask: url(https://warprift.ru/inc/plugins/advancedfunctionality/addons/advancededitor/assets/img/locked.svg) no-repeat center / 16px 16px;
          mask: url(https://warprift.ru/inc/plugins/advancedfunctionality/addons/advancededitor/assets/img/locked.svg) no-repeat center / 16px 16px;
}
.sceditor-container .sceditor-button-af_fontsize div {
  background: var(--af-ae-icon-color);
  color: var(--af-ae-icon-color);
  -webkit-mask: url(https://warprift.ru/inc/plugins/advancedfunctionality/addons/advancededitor/assets/img/size.svg) no-repeat center / 16px 16px;
          mask: url(https://warprift.ru/inc/plugins/advancedfunctionality/addons/advancededitor/assets/img/size.svg) no-repeat center / 16px 16px;
}
.sceditor-container .sceditor-button-af_font div {
  background: var(--af-ae-icon-color);
  color: var(--af-ae-icon-color);
  -webkit-mask: url(https://warprift.ru/inc/plugins/advancedfunctionality/addons/advancededitor/assets/img/font.svg) no-repeat center / 16px 16px;
          mask: url(https://warprift.ru/inc/plugins/advancedfunctionality/addons/advancededitor/assets/img/font.svg) no-repeat center / 16px 16px;
}
.sceditor-container .sceditor-button-af_indent div {
  background: var(--af-ae-icon-color);
  color: var(--af-ae-icon-color);
  -webkit-mask: url(https://warprift.ru/inc/plugins/advancedfunctionality/addons/advancededitor/assets/img/indent.svg) no-repeat center / 16px 16px;
          mask: url(https://warprift.ru/inc/plugins/advancedfunctionality/addons/advancededitor/assets/img/indent.svg) no-repeat center / 16px 16px;
}
.sceditor-container .sceditor-button-af_floatbb div {
  background: var(--af-ae-icon-color);
  color: var(--af-ae-icon-color);
  -webkit-mask: url(https://warprift.ru/inc/plugins/advancedfunctionality/addons/advancededitor/assets/img/floatbb.svg) no-repeat center / 16px 16px;
          mask: url(https://warprift.ru/inc/plugins/advancedfunctionality/addons/advancededitor/assets/img/floatbb.svg) no-repeat center / 16px 16px;
}
.sceditor-container .sceditor-button-af_tquote div {
  background: var(--af-ae-icon-color);
  color: var(--af-ae-icon-color);
  -webkit-mask: url(https://warprift.ru/inc/plugins/advancedfunctionality/addons/advancededitor/assets/img/tquote.svg) no-repeat center / 16px 16px;
          mask: url(https://warprift.ru/inc/plugins/advancedfunctionality/addons/advancededitor/assets/img/tquote.svg) no-repeat center / 16px 16px;
}
.sceditor-container .sceditor-button-quote div {
  background: var(--af-ae-icon-color);
  color: var(--af-ae-icon-color);
  -webkit-mask: url(https://warprift.ru/inc/plugins/advancedfunctionality/addons/advancededitor/assets/img/quote2.svg) no-repeat center / 16px 16px;
          mask: url(https://warprift.ru/inc/plugins/advancedfunctionality/addons/advancededitor/assets/img/quote2.svg) no-repeat center / 16px 16px;
}
.sceditor-container .sceditor-button-code div {
  background: var(--af-ae-icon-color);
  color: var(--af-ae-icon-color);
  -webkit-mask: url(https://warprift.ru/inc/plugins/advancedfunctionality/addons/advancededitor/assets/img/code.svg) no-repeat center / 16px 16px;
          mask: url(https://warprift.ru/inc/plugins/advancedfunctionality/addons/advancededitor/assets/img/code.svg) no-repeat center / 16px 16px;
}
.sceditor-container .sceditor-button-af_gallery_picker div {
  background: var(--af-ae-icon-color);
  color: var(--af-ae-icon-color);
  -webkit-mask: url(https://warprift.ru/inc/plugins/advancedfunctionality/addons/advancededitor/assets/img/aqr-table.svg) no-repeat center / 16px 16px;
          mask: url(https://warprift.ru/inc/plugins/advancedfunctionality/addons/advancededitor/assets/img/aqr-table.svg) no-repeat center / 16px 16px;
}
.sceditor-container .sceditor-button-af_embedvideos div {
  background: var(--af-ae-icon-color);
  color: var(--af-ae-icon-color);
  -webkit-mask: url(https://warprift.ru/inc/plugins/advancedfunctionality/addons/advancededitor/assets/img/embedvideos.svg) no-repeat center / 16px 16px;
          mask: url(https://warprift.ru/inc/plugins/advancedfunctionality/addons/advancededitor/assets/img/embedvideos.svg) no-repeat center / 16px 16px;
}
.sceditor-container .sceditor-button-af_htmlbb div {
  background: var(--af-ae-icon-color);
  color: var(--af-ae-icon-color);
  -webkit-mask: url(https://warprift.ru/inc/plugins/advancedfunctionality/addons/advancededitor/assets/img/source.svg) no-repeat center / 16px 16px;
          mask: url(https://warprift.ru/inc/plugins/advancedfunctionality/addons/advancededitor/assets/img/source.svg) no-repeat center / 16px 16px;
}
.sceditor-container .sceditor-button-maximize div {
  background: var(--af-ae-icon-color);
  color: var(--af-ae-icon-color);
  -webkit-mask: url(https://warprift.ru/inc/plugins/advancedfunctionality/addons/advancededitor/assets/img/maximize.svg) no-repeat center / 16px 16px;
          mask: url(https://warprift.ru/inc/plugins/advancedfunctionality/addons/advancededitor/assets/img/maximize.svg) no-repeat center / 16px 16px;
}
.sceditor-container .sceditor-button-link div {
  background: var(--af-ae-icon-color);
  color: var(--af-ae-icon-color);
  -webkit-mask: url(https://warprift.ru/inc/plugins/advancedfunctionality/addons/advancededitor/assets/img/link.svg) no-repeat center / 16px 16px;
          mask: url(https://warprift.ru/inc/plugins/advancedfunctionality/addons/advancededitor/assets/img/link.svg) no-repeat center / 16px 16px;
}
.sceditor-container .sceditor-button-unlink disabled div {
  background: var(--af-ae-icon-color);
  color: var(--af-ae-icon-color);
  -webkit-mask: url(https://warprift.ru/inc/plugins/advancedfunctionality/addons/advancededitor/assets/img/unlink.svg) no-repeat center / 16px 16px;
          mask: url(https://warprift.ru/inc/plugins/advancedfunctionality/addons/advancededitor/assets/img/unlink.svg) no-repeat center / 16px 16px;
}
.sceditor-container .sceditor-button-image div {
  background: var(--af-ae-icon-color);
  color: var(--af-ae-icon-color);
  -webkit-mask: url(https://warprift.ru/inc/plugins/advancedfunctionality/addons/advancededitor/assets/img/image.svg) no-repeat center / 16px 16px;
          mask: url(https://warprift.ru/inc/plugins/advancedfunctionality/addons/advancededitor/assets/img/image.svg) no-repeat center / 16px 16px;
}

/*===================================*/
.go_page{
  color: var(--af-ae-icon-color);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  line-height: 0;
  vertical-align: middle;
  height: 16px;
  width: 16px;
}


.go_page .go_page_icon{
  width:16px;
  height:16px;
  display:block;
}


/* === Advanced Rules (AF) — стили страницы правил ===

/* Контейнер страницы */
.rules{ margin:20px 0; }
.rules h1{ margin:0 0 15px 0; color:var(--rules-text); }

/* Категория правил */
.rules-category{
  background:var(--rules-bg);
  border:1px solid var(--rules-border);
  border-radius:10px;
  margin:20px 0;
  box-shadow:0 2px 8px rgba(0,0,0,.25);
  position:relative;
}
.rules-category:before{
  content:"";
  position:absolute; left:0; right:0; top:-2px; height:3px;
  background:var(--rules-accent);
  border-top-left-radius:10px;
  border-top-right-radius:10px;
  opacity:.9;
}

/* Шапка категории */
.rules-cat-header{
  display:flex; align-items:center; gap:12px;
  padding:16px 18px; cursor:pointer;
}
.rules-cat-icon{
  width:28px; height:28px; border-radius:6px;
  background:var(--rules-accent);
  display:flex; align-items:center; justify-content:center;
  color:#0b0b0b; font-weight:700;
  box-shadow:0 6px 16px rgba(46,204,113,.35);
}
.rules-cat-title{ font-size:18px; font-weight:700; color:var(--rules-text); }
.rules-cat-arrow{ margin-left:auto; transition:transform .2s ease; color:var(--rules-text); opacity:.8; }
.rules-category.open .rules-cat-arrow{ transform:rotate(180deg); }

/* Описание категории */
.rules-cat-desc{ padding:0 18px 12px 18px; color:#cfd3da; }
.rules-muted{ opacity:.85; }

/* Пункты */
.rules-paragraphs{ padding:8px 12px 18px 12px; }
.rules-paragraph{
  background:var(--rules-card);
  border:1px solid var(--rules-border);
  border-radius:12px;
  padding:14px 16px;
  margin:12px 6px;
  box-shadow:0 1px 6px rgba(0,0,0,.25);
}
.rules-paragraph h3{ margin:0 0 6px 0; color:var(--rules-text); }
.rules-body{ color:#cfd3da; }

/*Скрыть USP*/
.menu.panel_links a.usercp {
  display: none !important;
}
.menu.panel_links a.usercp + * {
  margin-left: 0 !important;
}


/* ИНПУТЫ И СТИЛИ ШАБЛОНА АНКЕТЫ */
input.textbox, input.text_input {
  border-radius: 6px;
  padding: 8px;
  width: calc(100% - 20px);
  background: var(--rules-card);
  color: var(--rules-tex);
  border: 1px solid var(--rules-border);
  outline: 0;
  font-size: 13px;
  font-family: Tahoma, Verdana, Arial, Sans-Serif;}

select.af-atf-input {
  width: calc(50% - 10px);
  background: var(--rules-card);
  border: 1px solid var(--rules-border);
  padding: 8px;
}


/* =========================
   ШАБЛОН АНКЕТЫ (2 колонки + правая зона 2 подколонки)
   ========================= */

:root{
  --atf-gap: 14px;
  --atf-left: 340px;     /* ширина левой колонки */
  --atf-left-span: 9;    /* сколько рядов занимает "шапка" справа (подстрой при добавлении полей) */
}

/* 1) GRID на контейнере
   Теперь 3 колонки:
   1) левый блок фиксированный
   2) правая подколонка 1
   3) правая подколонка 2
*/
.af-atf-display{
  display: grid !important;
  grid-template-columns: var(--atf-left) minmax(0, 1fr) minmax(0, 1fr) !important;
  gap: var(--atf-gap) !important;
  align-items: start !important;
  width: 100%;
  max-width: 100%;

  grid-auto-rows: min-content !important;
  grid-auto-flow: row !important;
}

/* 2) Обёртку-строку делаем прозрачной для грида */
.af-atf-display > .af-atf-display-row{
  display: contents !important;
}

/* 3) Сброс мусора */
.af-atf-display .af-atf-field{
  float: none !important;
  width: auto !important;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

.af-atf-display .af-atf-field img{
  max-width: 100%;
  height: auto;
  display: block;
}

/* =========================
   ЛЕВАЯ КОЛОНКА
   ========================= */

/* картинка занимает rows 1..9 слева */
.af-atf-display .af-atf-field-character_pic{
  grid-column: 1 !important;
  grid-row: 1 / span var(--atf-left-span) !important;
  align-self: start !important;
}

/* прототип строго под картинкой */
.af-atf-display .af-atf-field-character_prototype{
  grid-column: 1 !important;
  grid-row: calc(var(--atf-left-span) + 1) !important;
  align-self: start !important;
}

/* =========================
   ПРАВАЯ ЗОНА (2 подколонки)
   ========================= */

/* Верхние поля — на всю правую ширину (колонки 2-3) */
.af-atf-display .af-atf-field-character_name{
  grid-column: 2 / 4 !important; /* 2-3 колонки */
  grid-row: 1 !important;
  align-self: start !important;
}

.af-atf-display .af-atf-field-character_name_ru{
  grid-column: 2 / 4 !important;
  grid-row: 2 !important;
  align-self: start !important;
}

.af-atf-display .af-atf-field-character_nicknames{
  grid-column: 2 / 4 !important;
  grid-row: 3 !important;
  align-self: start !important;
}

/* Дальше — пары 2х2:
   row 4: возраст || гендер
   row 5: раса   || класс
   row 6: принадлежность || деятельность
*/
.af-atf-display .af-atf-field-character_age{
  grid-column: 2 !important;
  grid-row: 4 !important;
  align-self: start !important;
}

.af-atf-display .af-atf-field-character_gen{
  grid-column: 3 !important;
  grid-row: 4 !important;
  align-self: start !important;
}

.af-atf-display .af-atf-field-character_race{
  grid-column: 2 !important;
  grid-row: 5 !important;
  align-self: start !important;
}

.af-atf-display .af-atf-field-character_class{
  grid-column: 3 !important;
  grid-row: 5 !important;
  align-self: start !important;
}

.af-atf-display .af-atf-field-character_themes{
  grid-column: 2 !important;
  grid-row: 6 !important;
  align-self: start !important;
}

.af-atf-display .af-atf-field-character_activity{
  grid-column: 3 !important;
  grid-row: 6 !important;
  align-self: start !important;
}

/* =========================
   НИЖЕ — ВО ВСЮ ШИРИНУ
   ========================= */

.af-atf-display .af-atf-field-character_look,
.af-atf-display .af-atf-field-character_temper,
.af-atf-display .af-atf-field-character_bio{
  grid-column: 1 / -1 !important;
  grid-row: auto !important;
}

/* =========================
   Страховки
   ========================= */

.af-atf-display *{
  min-width: 0;
  box-sizing: border-box;
  word-break: break-word;
}

/* =========================
   Министили блоков
   ========================= */
span.character_name {
	font-size: 30px;
 	text-transform: uppercase;
}

/* =========================
   МОБИЛКА
   ========================= */

@media (max-width: 768px){
  .af-atf-display{
    grid-template-columns: 1fr !important;
  }

  .af-atf-display .af-atf-field{
    grid-column: 1 / -1 !important;
    grid-row: auto !important;
  }
}

/* =========================
   ШАБЛОН ЭПИЗОДОВ (ТОЛЬКО ep_ поля)
   НЕ ТРОГАЕТ character_ анкету
   ========================= */

/* Вариант А (правильный): браузеры с поддержкой :has()
   Если внутри .af-atf-display есть эпизодные поля — переключаем контейнер на 1 колонку */
@supports selector(.af-atf-display:has(.af-atf-field-ep_name)){

  .af-atf-display:has(.af-atf-field-ep_name){
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: var(--atf-gap) !important;
    align-items: start !important;

    grid-auto-rows: min-content !important;
    grid-auto-flow: row !important;
  }

  /* обёртки строк остаются display: contents (как у анкеты) — это ок */

  /* все эпизодные поля в одну колонку и строго по порядку */
  .af-atf-display:has(.af-atf-field-ep_name) .af-atf-field-ep_name  { grid-column: 1 / -1 !important; order: 1 !important; }
  .af-atf-display:has(.af-atf-field-ep_name) .af-atf-field-ep_pic   { grid-column: 1 / -1 !important; order: 2 !important; }
  .af-atf-display:has(.af-atf-field-ep_name) .af-atf-field-ep_loc   { grid-column: 1 / -1 !important; order: 3 !important; }
  .af-atf-display:has(.af-atf-field-ep_name) .af-atf-field-ep_char  { grid-column: 1 / -1 !important; order: 4 !important; }
  .af-atf-display:has(.af-atf-field-ep_name) .af-atf-field-ep_descr { grid-column: 1 / -1 !important; order: 5 !important; }

  /* картинка эпизода */
  .af-atf-display:has(.af-atf-field-ep_name) .af-atf-field-ep_pic img{
    max-width: 100%;
    height: auto;
    display: block;
  }
}

/* Вариант B (fallback): если :has нет.
   Мы НЕ меняем сетку контейнера (чтобы анкету не ломать),
   но эпизодные блоки заставляем занять всю правую зону (2-4) и идти подряд.
   Визуально будет "одна колонка" справа, при этом слева пустая колонка останется.
   Это лучше чем поломанная каша и не трогает анкету. */
.af-atf-display .af-atf-field-ep_name,
.af-atf-display .af-atf-field-ep_pic,
.af-atf-display .af-atf-field-ep_loc,
.af-atf-display .af-atf-field-ep_char,
.af-atf-display .af-atf-field-ep_descr{
  grid-column: 1 / -1 !important;
  grid-row: auto !important;
  float: none !important;
}

/* если хочешь чтобы на fallback эпизод всё равно был по центру/не растягивался —
   можно добавить max-width, но это уже вкусовщина */


/*скрываем аллерт о PM*/
.pm_alert, span.af-apf-stat-warninglevel  {display: none;}

/*Кнопки*/
button, a.button, a.button:link, a.button:hover, a.button:visited, a.button:active,input.button, input.textbox
{  appearance: none;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(0,0,0,.55);          
  color: #fff;                           
  border-radius: 10px;
  padding: 6px 10px;
  cursor: pointer;
  font-size: 12px;
  line-height: 1.1;
  align-items: center;
  gap: 6px;
  transition: background .12s ease, border-color .12s ease, transform .12s ease, opacity .12s ease, box-shadow .12s ease;
  user-select: none;
  backdrop-filter: blur(2px); 
  font-size: 10px;  
text-transform: uppercase;}
.sceditor-dropdown button {text-transform: none;}

/* =========================================
   TOP PANEL ICONS — FontAwesome only
   Требуется: Font Awesome 6 (fa-solid)
   ========================================= */

/* общий стиль иконки-псевдоэлемента */
.lower .menu.panel_links > li > a,
.lower .menu.user_links  > li > a,
.lower .menu.panel_links .af-aas-trigger,
.lower .menu.panel_links .af-aam-header-link {
  position: relative;
}

/* базовая "иконка" слева */
.lower .menu.panel_links > li > a::before,
.lower .menu.user_links  > li > a::before,
.lower .menu.panel_links .af-aas-trigger::before,
.lower .menu.panel_links .af-aam-header-link::before {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;           /* solid */
  display: inline-block;
  vertical-align: middle;
  margin-right: .45em;
  line-height: 1;
  transform: translateY(-0.02em);
  /* важно: чтобы иконка не съезжала от твоих отступов */
  width: 1.1em;
  text-align: center;
}

/* ---------- 1) Постовая активность (убираем 🔔 и ставим chart/lines) ---------- */
/* если у тебя у пункта есть класс af-am-postsactivi */
.lower .menu.panel_links li.af-am-postsactivi > a::before {
  content: "\f201"; /* fa-chart-line */
}

/* а внутренний span-эмодзи просто скрываем, чтобы не мешал */
.lower .menu.panel_links li.af-am-postsactivi .af-am-ico {
  display: none !important;
}

/* ---------- 2) Переключатель аккаунтов (убираем 👥) ---------- */
.lower .menu.panel_links .af-aas-trigger::before {
  content: "\f007"; /* fa-user */
}

/* скрываем эмодзи, но оставляем текст "Аккаунты" */
.lower .menu.panel_links .af-aas-trigger {

}

.lower .menu.panel_links a.myalerts.af-aam-header-link,
.lower .menu.panel_links a.af-aam-header-link {
  background: none !important;
  background-image: none !important;
  padding-left: 0 !important; /* если старый bg добавлял отступ слева */
}
.lower .menu.panel_links li.alerts.af-aam-alerts {
  background: none !important;
  background-image: none !important;
}
/* ---------- 3) Уведомления (колокольчик) ---------- */
.lower .menu.panel_links .af-aam-header-link::before {
  content: "\f0f3"; /* fa-bell */
}

/* ---------- 4) Мод-меню ---------- */
.lower .menu.panel_links a.modcp,
.lower .menu.panel_links a.admincp {
  background: none !important;
  background-image: none !important;
  padding-left: 0 !important;
}

.lower .menu.panel_links a.modcp::before {
  content: "\f0ad"; /* fa-wrench */
}

/* ---------- 5) Админка ---------- */
.lower .menu.panel_links a.admincp::before {
  content: "\f013"; /* fa-gear */
}

/* ---------- 6) Список друзей (buddylink) ---------- */
.lower .menu.user_links a#buddylink::before {
  content: "\f0c0"; /* fa-users */
}

/* ---------- 7) Новые сообщения ---------- */
.lower .menu.user_links a[href*="search.php?action=getnew"]::before {
  content: "\f06a"; /* fa-circle-exclamation (можно заменить) */
}

/* =========================================
   Опционально: аккуратнее бейдж рядом с "Уведомления"
   ========================================= */
.lower .menu.panel_links .af-aam-badge {
  margin-left: .35em;
}

/* =========================================
   AAS: убрать 👥 (вшит в текст), показать FA + "Аккаунты"
   ========================================= */

.lower .menu.panel_links .af-aas-trigger{
  position: relative;
  font-size: 0 !important;     /* прячем текст-ноду целиком (включая 👥) */
  line-height: 1;
}

/* FA-иконка (ЖИВАЯ, потому что задаём свой font-size) */
.lower .menu.panel_links .af-aas-trigger::before{
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f0c0";            /* fa-users (логичнее для "Аккаунты") */
  display: inline-block;
  font-size: 14px;             /* ВАЖНО: вернуть размер */
  vertical-align: middle;
  margin-right: .45em;
  line-height: 1;
  width: 1.1em;
  text-align: center;
  transform: translateY(-0.02em);
}

/* возвращаем текст без эмодзи */
.lower .menu.panel_links .af-aas-trigger::after{
  content: "Аккаунты";
  display: inline-block;
  font-size: 14px;             /* ВАЖНО: вернуть размер */
  vertical-align: middle;
  line-height: 1;
}

.forum_legend, .forum_legend dt, .forum_legend dd {
  margin: 0;
  padding: 0;
  display: none;
}


/****************************************************************/
/****************************************************************/

/* =========================================
   Post controls: icon-only (tooltips via JS, NOT native)
   + fix custom APF profile button
   + DO NOT break MyBB popup_menu
   ========================================= */

.post_controls{
  position: relative;
}

/* Разжимаем "ножницы" только когда реально наводимся на кнопки контролов. */
.post.classic:has(.post_controls a:hover),
.post.classic:has(.post_controls a:focus),
.post:has(.post_controls a:hover),
.post:has(.post_controls a:focus){
  overflow: visible;
}

.post_controls .postbit_buttons:has(a:hover),
.post_controls .postbit_buttons:has(a:focus){
  overflow: visible;
}

/* Поднимаем слой контролов при ховере/фокусе (не ломая лэйаут) */
.post_controls:has(a:hover),
.post_controls:has(a:focus),
.post_controls:focus-within{
  position: relative;
  z-index: 50;
}

/* ======================================================
   ВАЖНОЕ ИСПРАВЛЕНИЕ:
   Иконки применяем ТОЛЬКО к "верхним" кнопкам,
   а НЕ ко всем <a> внутри .postbit_buttons
   (иначе ломается popup_menu)
   ====================================================== */

/* База кнопок: иконки вместо текста (ТОЛЬКО прямые дети) */
.post_controls .postbit_buttons > a{
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;

  width: 30px;
  min-width: 30px;
  height: 30px;

  padding: 0;
  margin: 0 4px 0 0;

  line-height: 30px;
  text-decoration: none;

  background-image: none;
}

/* Прячем ЛЮБОЙ текст внутри кнопки (ТОЛЬКО у верхних кнопок) */
.post_controls .postbit_buttons > a span{
  display: none !important;
}

/* Общая FA-иконка (ТОЛЬКО у верхних кнопок) */
.post_controls .postbit_buttons > a::before{
  display: inline-block;

  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-style: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;

  line-height: 1;
  font-size: 14px;
}

/* ======================================================
   Иконки по классам (верхние кнопки)
   ====================================================== */

.post_controls .postbit_buttons > a.postbit_find::before{ content:"\f002"; }     /* magnifying-glass */
.post_controls .postbit_buttons > a.postbit_edit::before{ content:"\f044"; }     /* pen-to-square */
.post_controls .postbit_buttons > a.postbit_qdelete::before{ content:"\f1f8"; }  /* trash */
.post_controls .postbit_buttons > a.postbit_qrestore::before{ content:"\f0e2"; } /* rotate-left */
.post_controls .postbit_buttons > a.postbit_quote::before{ content:"\f10d"; }    /* quote-left */

/* ЛС / Email / Репутация / Предупреждение */
.post_controls .postbit_buttons > a.postbit_pm::before{ content:"\f0e0"; }              /* envelope */
.post_controls .postbit_buttons > a.postbit_email::before{ content:"\40"; }           /* envelope */
.post_controls .postbit_buttons > a.postbit_reputation_add::before{ content:"\f164"; }  /* thumbs-up */
.post_controls .postbit_buttons > a.postbit_warn::before{ content:"\f071"; }            /* triangle-exclamation */

/* =========================================
   FIX: кастомная кнопка профиля (APF)
   ========================================= */

/* Убираем фон/спрайт у внутренней APF-иконки */
.post_controls .postbit_buttons > a.af-apf-postbit-profile .af-apf-ico-profile{
  background: none !important;
  background-image: none !important;
}

/* Прячем подпись APF */
.post_controls .postbit_buttons > a.af-apf-postbit-profile .af-apf-title{
  display: none !important;
}

/* Даём FA-иконку профиля */
.post_controls .postbit_buttons > a.af-apf-postbit-profile::before{
  content:"\f007"; /* user */
}

/* Чиним "большой отступ" именно на этой кнопке */
.post_controls .postbit_buttons > a.af-apf-postbit-profile{
  width: 30px !important;
  padding: 0 !important;
  margin-right: 4px !important;
}

/* =========================================
   GLOBAL TOOLTIP (our JS tooltip)
   ========================================= */

.af-title-tip{
  position: fixed;
  z-index: 2147483647; /* поверх всего */
  pointer-events: none;
  transform: translateZ(0);
}

.af-title-tip__inner{
  max-width: 260px;
  box-sizing: border-box;

  padding: 6px 10px;
  border-radius: 8px;

  font-size: 12px;
  line-height: 1.2;

  background: #111;
  color: #fff;

  box-shadow: 0 10px 30px rgba(0,0,0,0.35);

  white-space: normal;
  text-align: center;
  overflow-wrap: anywhere;
  word-break: break-word;
}

/* =========================================
   Popup menus in postbit: don't clip + don't shrink
   ========================================= */

/* Когда popup_menu реально открыт — разжимаем overflow у поста */
.post.classic:has(.popup_menu:not([style*="display: none"])),
.post:has(.popup_menu:not([style*="display: none"])){
  overflow: visible;
}

/* Поднимаем сам popup над окружением */
.popup_menu{
  z-index: 10000;
}

/* КРИТИЧНО: сбросить наш "icon button" стиль для ссылок в меню */
.post_controls .popup_menu a,
.post_controls .popup_menu .popup_item{
  display: block !important;
  width: auto !important;
  min-width: 0 !important;
  height: auto !important;
  line-height: normal !important;

  padding: 6px 10px !important; /* если у темы есть свои — можно убрать, но так меню читабельное */
  margin: 0 !important;

  justify-content: flex-start !important;
  background-image: none !important;
  text-decoration: none;
}

/* И главное — не показываем FA-иконку в пунктах меню */
.post_controls .popup_menu a::before,
.post_controls .popup_menu .popup_item::before{
  content: none !important;
}
/* =========================================
   AF FIX: detach MyBB popup_menu to body
   (positioned as fixed, always on top)
   ========================================= */

.popup_menu.af-popup-detached{
  position: fixed !important;
  z-index: 2147483000 !important; /* чуть ниже тултипа, но выше всего остального */
}

.popup_menu.af-popup-detached .popup_item_container{
  position: relative;
}

.popup_menu.af-popup-detached a,
.popup_menu.af-popup-detached .popup_item{
  display: block !important;
  width: auto !important;
  min-width: 0 !important;
  height: auto !important;
  line-height: normal !important;
}

/* ======================================================
   ДОБАВКА: недостающие кнопки постбита (верхние кнопки)
   ====================================================== */

.post_controls .postbit_buttons > a.postbit_report::before{
  content:"\f024"; /* flag */
}

.post_controls .postbit_buttons > a.postbit_purgespammer::before{
  content:"\f506"; /* user-slash (ban user) */
}

/* ======================================================
   FIMP: заменяем SVG-иконки на FontAwesome
   (чтобы не зависеть от fimp.svg и не ловить "undefined#")
   ====================================================== */

/* Прячем встроенный SVG внутри кнопки */
#fimp .fimp svg.icon{
  display: none !important;
}

/* База FA-иконки для FIMP-кнопок */
#fimp .fimp::before{
  display: inline-block;

  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-style: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;

  line-height: 1;
  font-size: 14px;
}

/* "Выберите инструмент" (пустое действие) */
#fimp .fimp[data-action=""]::before{
  content:"\f0ad"; /* wrench */
}

/* Сообщения: soft delete / restore / delete */
#fimp .fimp[data-action="multisoftdeleteposts"]::before{
  content:"\f2ed"; /* trash-can */
}

#fimp .fimp[data-action="multirestoreposts"]::before{
  content:"\f0e2"; /* rotate-left */
}

#fimp .fimp[data-action="multideleteposts"]::before{
  content:"\f1f8"; /* trash */
}

/* Объединить / Разделить / Переместить */
#fimp .fimp[data-action="multimergeposts"]::before{
  content:"\f387"; /* code-merge */
}

#fimp .fimp[data-action="multisplitposts"]::before{
  content:"\f0c4"; /* scissors */
}

#fimp .fimp[data-action="multimoveposts"]::before{
  content:"\f047"; /* arrows */
}

/* Одобрить / Запретить */
#fimp .fimp[data-action="multiapproveposts"]::before{
  content:"\f00c"; /* check */
}

#fimp .fimp[data-action="multiunapproveposts"]::before{
  content:"\f05e"; /* ban */
}

/* Disabled-видимость (чтобы не было “как активная”) */
#fimp .fimp[disabled],
#fimp .fimp[disabled="disabled"]{
  opacity: .45;
  cursor: not-allowed;
}
/* ======================================================
   AF AAM: кнопка "Упомянуть" в постбите (верхняя кнопка)
   ====================================================== */

/* Прячем текстовый "@", делаем её как остальные icon-only */
.post_controls .postbit_buttons > a.af-aam-mention-button{
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;

  width: 30px;
  min-width: 30px;
  height: 30px;

  padding: 0;
  margin: 0 4px 0 0;

  line-height: 30px;
  text-decoration: none;
  background-image: none;

  /* чтобы "@" не торчал */
  font-size: 0 !important;
}

/* Даём FA-иконку вместо @ */
.post_controls .postbit_buttons > a.af-aam-mention-button::before{
  content:"\f1d8"; /* @  (Font Awesome: at) */

  display: inline-block;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-style: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;

  line-height: 1;
  font-size: 14px;
}

/* На всякий: если внутри вдруг появится span — скрываем */
.post_controls .postbit_buttons > a.af-aam-mention-button span{
  display: none !important;
}


/****************************************************************/
/****************************************************************/
/**** ИКОНКИ ТЕМ (forumdisplay) ****/

/* Закреп темы */
.forumdisplay_sticky span i {
  color: #6a692d;
}

/* ========== 1) Закрытые темы ========== */
/* ловим ВСЕ варианты closefolder (dot_closefolder, dot_newclosefolder, closefolder...) */
span.thread_status.af-fa-thread-status-icon[class*="closefolder"] > i {
  color: #592b2b;
}

/* ========== 2) "Содержит ваши сообщения" ========== */
/* В MyBB это обычно dot_dot (или вариации dot_dot_hotfolder и т.п.) */
span.thread_status.af-fa-thread-status-icon[class*="dot_dot"] > i {
  color: #2a6b8a; 
  opacity: 1;     /* чтобы не тухло из правил "прочитано" */
}

/* ========== 3) Горячие темы ========== */

/* Горячая тема (есть сообщения) — hot + dot */
span.thread_status.af-fa-thread-status-icon[class*="hot"][class*="dot"] > i {
  color: #2a8a42;
  opacity: 1;
}

/* Горячая тема (нет сообщений) — hot без dot: делаем тускло */
span.thread_status.af-fa-thread-status-icon[class*="hot"]:not([class*="dot"]) > i {
  opacity: .3;
}

/* ========== 4) Нет новых сообщений (прочитанные) ========== */
/* folder/hotfolder без "new" — базовая тусклость (и для обычных, и для hotfolder) */
span.thread_status.af-fa-thread-status-icon[class*="folder"]:not([class*="new"]) > i {
  opacity: .3;
}
/****БАЗА ЗНАНИЙ****/
.af-kb-tab {
  width: 100%;
  max-width: 290px;}
.af-kb-btn {
  background: #282c2d !important;
  color: #fff !important;
}

.af-atf-kb-modal-banner {
  margin: 0 0 10px 0;
  border-radius: 10px;
  overflow: hidden;
}

.af-atf-kb-modal-banner-img {
  display: block;
  width: 100%;
  height: auto;
}

.af-atf-kb-modal {
  position: relative;
}

/* верхняя полоса модалки */
.af-atf-kb-modal-topbar {
  position: sticky; /* если внутри модалки есть прокрутка — крестик остаётся сверху */
  top: 0;
  z-index: 10;

  display: flex;
  justify-content: flex-end;
  align-items: center;

  padding: 10px 10px 0 10px;
}

/* сам крестик */
.af-atf-kb-modal-close {
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;

  border: 0;
  border-radius: 999px;
  cursor: pointer;
}