/*************************************************************
A - SETUP (КИБЕРПАНК МОДИФИКАЦИЯ 21.0 — ФИКС НИЖНИХ КНОПОК)
**************************************************************/

/* Подключаем кибер-шрифты напрямую из Google Fonts */
@import url('https://googleapis.com');

html, body {
  margin: 0; 
  padding: 0;
  background-color: #0b0f19 !important;
}

.punbb * { margin: 0; }
.punbb ul, .punbb dl, .punbb li, .punbb dd, .punbb dt { padding: 0; list-style: none; }

/* Полноэкранный интерфейс */
#pun {
  display: flex !important;
  flex-direction: column !important;
  margin: 220px auto 20px auto !important; 
  width: 98% !important; 
  max-width: 100% !important;
  position: relative !important;
  padding: 0 15px !important; 
  box-sizing: border-box !important;
}

/* Скрытие дублирующихся и лишних блоков */
#pun-status { display: none !important; }
#pun-main > p.crumbs, .punbb p.crumbs:first-of-type { display: none !important; }

/* Базовый шрифт Arial для цифр статистики и дат */
.punbb, .punbb textarea, .punbb input, .punbb select, .punbb td {
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 13px !important;
  font-weight: normal !important;
}

/* ПРИНУДИТЕЛЬНОЕ ЗАКРЕПЛЕНИЕ ШРИФТА TRAIN ONE ДЛЯ ВСЕХ ЗАГОЛОВКОВ */
.punbb h2, 
.punbb th, 
#pun-title h1, 
#pun::after, 
.punbb h2 span, 
.punbb .main h1 {
  font-family: 'Train One', system-ui, sans-serif !important;
  letter-spacing: 3px !important;
  text-transform: uppercase !important;
  font-weight: normal !important;
}

/* Крупные неоновые шапки разделов */
.punbb h2 span, .punbb th {
  font-size: 17px !important;
}

/* ШРИФТ NEUCHA ДЛЯ НАЗВАНИЙ РАЗДЕЛОВ И ФОРУМОВ */
.punbb td.tcl a, 
.punbb .forum-title,
.punbb td.tcl h3 {
  font-family: 'Neucha', cursive !important;
  font-size: 16px !important;
  font-weight: normal !important;
}

/* Четкая структура таблиц */
.punbb table {
  width: 100% !important;
  table-layout: fixed !important;
  border-collapse: collapse !important;
}

.punbb th, .punbb td {
  padding: 12px 15px !important;
  vertical-align: middle !important;
}
.punbb td.tcl { width: 50% !important; } 
.punbb td.tc2 { width: 10% !important; text-align: center !important; }  
.punbb td.tc3 { width: 10% !important; text-align: center !important; }  
.punbb td.tcr { width: 30% !important; } 

/* МАССИВНАЯ ШАПКА НАД САЙТОМ */
#pun::before {
  content: "" !important;
  position: absolute !important;
  left: 15px !important;
  right: 15px !important;
  top: -200px !important; 
  height: 180px !important; 
  background-color: #060b16 !important;
  background-image: 
    linear-gradient(rgba(0, 212, 255, 0.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0, 212, 255, 0.04) 1px, transparent 1px),
    linear-gradient(135deg, rgba(0, 212, 255, 0.07) 25%, transparent 25%, transparent 50%, rgba(0, 212, 255, 0.07) 50%, rgba(0, 212, 255, 0.07) 75%, transparent 75%, transparent) !important;
  background-size: 20px 20px, 20px 20px, 40px 40px !important;
  border: 1px solid #00d4ff !important;
  box-shadow: 0 0 25px rgba(0, 212, 255, 0.4) !important;
  z-index: 10 !important;
}

/* ЭЛЕМЕНТ КИБЕР-РАДАРА */
#pun-head {
  display: block !important;
  position: absolute !important;
  right: 60px !important;
  top: -160px !important;
  width: 100px !important;
  height: 100px !important;
  border: 1px solid #00d4ff !important;
  border-radius: 50% !important;
  background: radial-gradient(circle, rgba(0,212,255,0.12) 0%, transparent 80%) !important;
  box-shadow: 0 0 15px rgba(0, 212, 255, 0.4), inset 0 0 10px rgba(0, 212, 255, 0.1) !important;
  z-index: 20 !important;
}
#pun-head h1, #pun-head p, #pun-head span, #pun-head a { display: none !important; }

/* Крупный логотип RuBicon в высокой шапке */
#pun::after {
  content: "RuBicon" !important;
  position: absolute !important;
  left: 60px !important; 
  top: -140px !important; 
  font-size: 52px !important; 
  color: #ffffff !important;
  text-shadow: 0 0 15px #00d4ff, 0 0 30px #00d4ff !important;
  letter-spacing: 5px !important;
  z-index: 12 !important;
}

#pun-title { display: none !important; }

/* Панели навигации */
#pun-navlinks .container, #pun-ulinks .container { padding: 12px 15px !important; margin-bottom: 8px !important; }
#pun-navlinks ul, #pun-ulinks ul { display: flex !important; flex-wrap: wrap !important; gap: 25px !important; }
#pun-navlinks li, #pun-ulinks li { display: inline-block !important; }

/* Круглые аватарки авторов на главной */
.punbb td.tcr img {
  border-radius: 50% !important;
  border: 1px solid #00d4ff !important;
  box-shadow: 0 0 8px rgba(0, 212, 255, 0.4) !important;
}

/* --- КИБЕР-ПРИЦЕЛЫ ДЛЯ РАЗДЕЛОВ ФОРУМА (СТАБИЛЬНЫЙ ВОЗВРАТ) --- */
div.icon {
  width: 32px !important;
  height: 32px !important;
  /* Генерируем красивую неоновую цифровую матрицу без использования внешних картинок */
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://w3.org" width="32" height="32" viewBox="0 0 32 32"><rect width="32" height="32" fill="%23060b16" stroke="%23005f7a" stroke-width="1.5"/><circle cx="16" cy="16" r="7" fill="none" stroke="%2300d4ff" stroke-width="2"/><line x1="16" y1="2" x2="16" y2="30" stroke="%2300d4ff" stroke-width="1" stroke-dasharray="3,3"/><line x1="2" y1="16" x2="30" y2="16" stroke="%2300d4ff" stroke-width="1" stroke-dasharray="3,3"/></svg>') !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  border: none !important;
  box-shadow: 0 0 10px rgba(0, 212, 255, 0.5) !important;
  transform: none !important;
  transition: all 0.2s ease-in-out !important;
}

/* Очищаем старые наложения и псевдоэлементы ромбов */
div.icon::before, div.icon::after {
  display: none !important;
}

/* Эффект для разделов с новыми сообщениями (Яркое неоновое сканирование) */
div.inew { 
  box-shadow: 0 0 18px #00d4ff !important; 
  filter: brightness(1.4) !important; 
}


/* --- МЕНЮ ПРОФИЛЯ ЮЗЕРА --- */
#viewprofile, #profile { display: flex !important; flex-direction: row !important; gap: 30px !important; align-items: flex-start !important; }
#profilenav { width: 250px !important; min-width: 250px !important; background: rgba(6, 11, 22, 0.9) !important; border: 1px solid #005f7a !important; padding: 15px !important; box-shadow: 0 0 15px rgba(0, 212, 255, 0.15) !important; }
#profilenav ul { display: flex !important; flex-direction: column !important; gap: 8px !important; }
#profilenav li { display: block !important; margin: 0 !important; padding: 0 !important; }
#profilenav li a { display: block !important; padding: 10px 14px !important; background: rgba(13, 20, 38, 0.6) !important; border-left: 3px solid #005f7a !important; border-top: 1px solid rgba(0, 212, 255, 0.1) !important; border-bottom: 1px solid rgba(0, 212, 255, 0.1) !important; border-right: 1px solid rgba(0, 212, 255, 0.1) !important; color: #00d4ff !important; text-transform: uppercase !important; font-size: 11px !important; letter-spacing: 1px !important; transition: all 0.2s ease-in-out !important; }
#profilenav li a:hover, #profilenav li.isactive a { background: rgba(0, 212, 255, 0.1) !important; border-left: 3px solid #00d4ff !important; color: #ffffff !important; text-shadow: 0 0 8px #00d4ff !important; box-shadow: inset 0 0 10px rgba(0, 212, 255, 0.1) !important; padding-left: 18px !important; }
#profilefields, .profile-content, #viewprofile li { flex-grow: 1 !important; width: 100% !important; }

/* --- ТЕКСТ ПОСТА СТРОГО СПРАВА ОТ ПРОФИЛЯ --- */
.punbb .post .container, #pun-main .post .container { display: block !important; min-height: 260px !important; box-sizing: border-box !important; padding: 20px !important; margin-bottom: 25px !important; }
.punbb .post .post-author { float: left !important; width: 200px !important; background: rgba(6, 11, 22, 0.8) !important; border: 1px solid #005f7a !important; padding: 15px !important; box-sizing: border-box !important; text-align: center !important; }
.punbb .post .post-author dt strong a { display: block !important; font-family: 'Neucha', cursive !important; font-size: 18px !important; color: #ffffff !important; text-shadow: 0 0 10px #00d4ff !important; margin-bottom: 10px !important; }
.punbb .post .post-author .pa-avatar, .punbb .post .post-author .pa-avatar img { display: block !important; max-width: 100% !important; height: auto !important; border-radius: 4px !important; border: 1px solid #00d4ff !important; margin: 5px auto !important; }
.punbb .post .post-author ul { font-size: 11px !important; color: rgba(255, 255, 255, 0.7) !important; line-height: 160% !important; text-align: left !important; margin-top: 10px !important; border-top: 1px dashed rgba(0, 212, 255, 0.15) !important; padding-top: 10px !important; }
.punbb .post .post-author li strong { color: #00d4ff !important; }
.punbb .post .post-body { margin-left: 225px !important; background: transparent !important; border: none !important; padding: 0 !important; display: block !important; min-height: 220px !important; }
.punbb .post-content { font-size: 14px !important; line-height: 160% !important; color: #ffffff !important; padding: 0 10px 20px 10px !important; min-height: 150px !important; }

/* Кнопки действий под постом */
.punbb .post-links { background: transparent !important; border-top: 1px dashed rgba(0, 212, 255, 0.2) !important; padding-top: 12px !important; clear: both !important; }
.punbb .post-links ul { display: flex !important; justify-content: flex-end !important; gap: 10px !important; }
.punbb .post-links li a { display: inline-block !important; padding: 5px 12px !important; background: rgba(13, 20, 38, 0.6) !important; border: 1px solid #005f7a !important; color: #00d4ff !important; font-size: 11px !important; text-transform: uppercase !important; letter-spacing: 1px !important; font-weight: bold !important; text-decoration: none !important; }
.punbb .post-links li a:hover { background: rgba(0, 212, 255, 0.15) !important; border-color: #00d4ff !important; color: #ffffff !important; box-shadow: 0 0 10px rgba(0, 212, 255, 0.4) !important; }
.punbb .post .container::after { content: "." !important; display: block !important; height: 0 !important; clear: both !important; visibility: hidden !important; }

/* --- СТИЛИЗАЦИЯ И ПРОЯВЛЕНИЕ БЫСТРОГО ОТВЕТА --- */
#qreply, .punbb #qreply, #qreply fieldset { background: rgba(0, 212, 255, 0.03) !important; border: 1px solid #005f7a !important; padding: 15px !important; }
#qreply input[type="button"], #qreply .bbtn, .punbb #qreply input { background: rgba(0, 212, 255, 0.15) !important; border: 1px solid #005f7a !important; color: #00d4ff !important; font-weight: bold !important; display: inline-block !important; width: auto !important; height: auto !important; padding: 5px 12px !important; margin: 3px 2px !important; font-size: 12px !important; cursor: pointer !important; }
#qreply input[type="button"]:hover, #qreply .bbtn:hover { background: rgba(0, 212, 255, 0.3) !important; border-color: #00d4ff !important; color: #ffffff !important; box-shadow: 0 0 10px rgba(0, 212, 255, 0.5) !important; }
#qreply textarea, #main-reply { width: 100% !important; height: 160px !important; background: rgba(0, 212, 255, 0.06) !important; border: 1px solid #00d4ff !important; color: #ffffff !important; box-shadow: inset 0 0 15px rgba(0, 212, 255, 0.2) !important; padding: 10px !important; box-sizing: border-box !important; }
.punbb .formsubmit input[type="submit"] { background: rgba(0, 212, 255, 0.15) !important; border: 1px solid #00d4ff !important; color: #00d4ff !important; text-transform: uppercase !important; font-weight: bold !important; padding: 6px 16px !important; cursor: pointer !important; }
.punbb .formsubmit input[type="submit"]:hover { background: #00d4ff !important; color: #0b0f19 !important; box-shadow: 0 0 10px #00d4ff !important; }
/* --- ЧЕТКАЯ СТИЛИЗАЦИЯ НИЖНИХ ССЫЛОК И СТРАНИЦ ПОД ТАБЛИЦАМИ --- */
.punbb .linksb,
.punbb p.modmenu,
#pun-main .main-foot p {
display: flex !important;
flex-wrap: wrap !important;
gap: 12px !important;
padding: 15px 10px !important;
margin-top: 10px !important;
align-items: center !important;
}
.punbb .linksb a,
.punbb p.modmenu a,
#pun-main .main-foot p a,
.punbb .linksb span.pagelink a,
.punbb .linksb .pagelink span strong {
display: inline-block !important;
padding: 6px 14px !important;
background: rgba(13, 20, 38, 0.6) !important;
border: 1px solid #005f7a !important;
color: #00d4ff !important;
font-size: 11px !important;
text-transform: uppercase !important;
letter-spacing: 1px !important;
font-weight: bold !important;
text-decoration: none !important;
}
.punbb .linksb a:hover,
.punbb p.modmenu a:hover,
#pun-main .main-foot p a:hover {
background: rgba(0, 212, 255, 0.15) !important;
border-color: #00d4ff !important;
color: #ffffff !important;
text-shadow: 0 0 8px #00d4ff !important;
box-shadow: 0 0 10px rgba(0, 212, 255, 0.4) !important;
}
/*************************************************************
B - COLOR CODES (ПРИНУДИТЕЛЬНОЕ ТЕМНОЕ ПОДКЛЮЧЕНИЕ)
**************************************************************/
html, body, #pun { background-color: #0b0f19 !important; background-image: linear-gradient(rgba(0, 212, 255, 0.04) 1px, transparent 1px), linear-gradient(90deg, rgba(0, 212, 255, 0.04) 1px, transparent 1px) !important; background-size: 25px 25px !important; color: #ffffff !important; }
.punbb .section .container, .punbb .main .container, .punbb .post .container, .punbb td, #pun-navlinks .container, #pun-ulinks .container, .punbb .post-body { background-color: rgba(13, 20, 38, 0.93) !important; background-image: none !important; color: #ffffff !important; }
.punbb h2, .punbb th, #pun-stats h2, .punbb .main h1, .punbb .main h2 { background: linear-gradient(90deg, #060b16 0%, #003b52 100%) !important; background-image: linear-gradient(90deg, #060b16 0%, #003b52 100%) !important; color: #00d4ff !important; border-bottom: 2px solid #00d4ff !important; }
.punbb td.tc2, .punbb td.tc3, .punbb td.tcr { background-color: rgba(0, 212, 255, 0.06) !important; color: #00d4ff !important; border-left: 1px solid rgba(0, 212, 255, 0.2) !important; border-right: 1px solid rgba(0, 212, 255, 0.2) !important; }
.punbb td.tcr a { color: #ffffff !important; } .punbb td.tcr a:hover { color: #00d4ff !important; text-shadow: 0 0 8px #00d4ff !important; }
.punbb .container, .punbb td, .punbb th, .punbb fieldset, #pun-navlinks .container, #pun-ulinks .container { border: 1px solid #005f7a !important; }
.punbb a, .punbb a:link, .punbb a:visited { color: #00d4ff !important; text-decoration: none !important; } .punbb a:hover { color: #ffffff !important; text-shadow: 0 0 8px #00d4ff, 0 0 15px #00d4ff !important; }
#pun-admain .formal p, #pun-admain .formal label, #pun-admain legend, #pun-admain .fs-box, #pun-admain span.input, #pun-admain th, .punbb-admin #pun-admain .adcontainer p, .punbb-admin #pun-admain td { color: #000000 !important; font-weight: bold !important; text-shadow: none !important; } #pun-admain .formal fieldset, #pun-admain .adcontainer, #pun-admain .fs-box, #pun-admain .info-box { background: #0b0f19 !important; border: 1px solid #005f7a !important; } #pun-admain fieldset legend span, #pun-admain h2 span { color: #00d4ff !important; background: transparent !important; }
/* =============================================================
   УЛЬТРА-ПРОСТОЙ ГОЛУБОЙ ИНТЕРФЕЙС ДЛЯ ПАНЕЛИ BB-КОДОВ
   ============================================================= */

/* Делаем саму панель тегов чистой, без лишних темных блоков */
.punbb .fs-box, 
.punbb .bbtns, 
#post .fs-box,
#post fieldset fieldset {
  background: transparent !important;
  border: none !important;
}

/* Принудительно красим абсолютно весь текст ББ-тегов в ярко-голубой неон */
.punbb .fs-box input, 
.punbb .fs-box input[type="button"],
#post input[type="button"],
.bbtn,
button.bbtn,
.fs-box select {
  background: transparent !important; /* Убираем фоны полностью */
  border: none !important; /* Убираем рамки */
  color: #00d4ff !important; /* Текст СТРОГО ярко-голубой */
  font-family: Arial, sans-serif !important;
  font-size: 13px !important;
  font-weight: bold !important;
  padding: 4px 8px !important;
  margin: 2px !important;
  display: inline-block !important;
  width: auto !important;
  height: auto !important;
  box-shadow: none !important;
}

/* Эффект при наведении курсора на голубой текст тега */
.punbb .fs-box input:hover,
#post input[type="button"]:hover,
.bbtn:hover {
  color: #ffffff !important; /* Текст становится белым при наведении */
  text-shadow: 0 0 8px #00d4ff !important; /* Появляется неоновое свечение */
  background: transparent !important;
}


/* =============================================================
   ФУТУРИСТИЧНЫЙ СКРЫТЫЙ ФИКС: УБИРАЕМ ЦИФРЫ ИЗ КНОПОК ДЕЙСТВИЙ
   ============================================================= */

/* 1. Скрываем оригинальный текст вместе с цифрами */
.punbb .post-links li a,
#pun-main .post-links li a {
  font-size: 0 !important; /* Делаем основной текст и цифру невидимыми */
  letter-spacing: 0 !important;
}

/* 2. Искусственно возвращаем только чистые названия кнопок БЕЗ цифр */
.punbb .post-links li a::before,
#pun-main .post-links li a::before {
  font-size: 11px !important; /* Возвращаем аккуратный читаемый размер */
  font-family: Arial, Helvetica, sans-serif !important;
  font-weight: bold !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
}

/* Прописываем точные фразы для каждого типа кнопки */
.punbb .post-links li.pl-delete a::before {
  content: "УДАЛИТЬ" !important;
}

.punbb .post-links li.pl-edit a::before {
  content: "РЕДАКТИРОВАТЬ" !important;
}

.punbb .post-links li.pl-quote a::before {
  content: "ЦИТИРОВАТЬ" !important;
}

/* Если у вас на форуме есть кнопка Профиль или ЛС в этом же ряду, подстрахуем их */
.punbb .post-links li[class*="profile"] a::before {
  content: "ПРОФИЛЬ" !important;
}
.punbb .post-links li[class*="pm"] a::before {
  content: "ЛС" !important;
}

/* =============================================================
   УНИЧТОЖЕНИЕ ДУБЛИРУЮЩЕЙСЯ СИСТЕМНОЙ РАМКИ ВОКРУГ АВАТАРА
   ============================================================= */

/* Полностью выжигаем старые рамки и тени MyBB на самом изображении */
.punbb .post .post-author .pa-avatar img,
.punbb .post img[src*="avatar"],
#pun-main .post .pa-avatar img {
  border: none !important; /* Удаляет внутренний белый/серый дублирующий контур */
  box-shadow: none !important; /* Удаляет старые системные тени */
  padding: 0 !important; /* Убирает лишние внутренние отступы */
  background: transparent !important;
}

/* Оставляем ОДИН аккуратный неоновый Трон-контур только на внешнем боксе-контейнере */
.punbb .post .post-author .pa-avatar {
  display: inline-block !important;
  border: 1px solid #00d4ff !important; /* Наша чистая ярко-голубая неоновая рамка */
  box-shadow: 0 0 12px rgba(0, 212, 255, 0.4) !important; /* Мягкое кибер-свечение */
  padding: 3px !important; /* Красивый зазор между картинкой и неоном */
  background: rgba(6, 11, 22, 0.5) !important;
  border-radius: 4px !important;
}

/* =============================================================
   ОТПОЛИРОВКА ВЕРХНЕЙ НАВИГАЦИИ ТЕМЫ И ДАТЫ
   ============================================================= */

/* 1. Превращаем текстовую ссылку «Ответить» сверху в аккуратную неоновую кнопку */
.punbb .linkst .postlink,
#pun-main .linkst .postlink a {
  position: static !important; /* Отвязываем от жесткого позиционирования */
  display: inline-block !important;
  margin: 10px 0 !important;
  padding: 6px 16px !important;
  background: rgba(0, 212, 255, 0.1) !important;
  border: 1px solid #00d4ff !important;
  color: #00d4ff !important;
  text-transform: uppercase !important;
  font-weight: bold !important;
  letter-spacing: 1px !important;
  text-decoration: none !important;
  font-size: 11px !important;
  transition: all 0.2s ease-in-out !important;
}

.punbb .linkst .postlink a:hover {
  background: #00d4ff !important;
  color: #0b0f19 !important;
  box-shadow: 0 0 12px #00d4ff !important;
}

/* Изменяем высоту контейнера навигации, чтобы кнопка не наезжала на текст */
.punbb .linkst {
  height: auto !important;
  float: none !important;
  margin-bottom: 10px !important;
}

/* 2. Наводим порядок в слипшейся строке номера и даты («1Сегодня») */
.punbb .post h3,
#pun-main .post h3 {
  display: block !important;
  position: static !important; /* Возвращаем на место над постом */
  padding: 8px 12px !important;
  margin-bottom: 5px !important;
  background: rgba(6, 11, 22, 0.5) !important; /* Легкая темная подложка */
  border-bottom: 1px dashed rgba(0, 212, 255, 0.2) !important;
  font-size: 11px !important;
  color: rgba(255, 255, 255, 0.6) !important;
}

/* Делаем жирным и неоновым номер сообщения */
.punbb .post h3 strong {
  color: #00d4ff !important;
  margin-right: 8px !important;
}

/* Добавляем красивый хакерский разделитель перед датой */
.punbb .post h3 strong::after {
  content: " // " !important;
  color: rgba(0, 212, 255, 0.4) !important;
  font-weight: normal !important;
}

/* =============================================================
   ФИКС ВЫПАДАЮЩИХ СПИСКОВ ББ-ТЕГОВ (ШРИФТЫ И РАЗМЕРЫ)
   ============================================================= */

/* 1. Возвращаем выпадающее меню на его законное место над редактором */
#qreply select, 
.fs-box select, 
#formal select,
.punbb select[name="font"],
.punbb select[name="size"] {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  display: inline-block !important;
  vertical-align: middle !important;
  margin: 2px !important;
  z-index: 999 !important;
}

/* 2. Если движок генерирует выпадающий список в виде отдельного всплывающего блока */
.punbb .font-select,
.punbb .size-select,
div[id*="font"],
div[id*="size"] {
  position: absolute !important;
  left: auto !important;
  top: auto !important;
  background: #060b16 !important; /* Убираем белый фон, делаем темный неон */
  border: 1px solid #00d4ff !important; /* Неоновый контур */
  box-shadow: 0 0 15px rgba(0, 212, 255, 0.4) !important;
}

/* 3. Стилизация самих строк выбора внутри списка */
.fs-box select option, 
#qreply select option {
  background: #060b16 !important; /* Темно-синий фон под стать сайту */
  color: #00d4ff !important; /* Ярко-голубой читаемый текст */
  padding: 4px 8px !important;
  font-family: Arial, sans-serif !important;
}

/* Эффект наведения на строчку шрифта в списке */
.fs-box select option:hover, 
#qreply select option:hover {
  background: #00d4ff !important;
  color: #0b0f19 !important;
}

/* =============================================================
   ЯРКО-ЖЕЛТЫЙ КИСЛОТНЫЙ НЕОН ДЛЯ БОКСА СООБЩЕНИЯ + ФИКС ОЦЕНКИ
   ============================================================= */

/* Перекрашиваем правую карточку в сочный кислотно-желтый неон */
.punbb .post .post-body,
#pun-main .post .post-body {
  background-color: rgba(255, 234, 0, 0.08) !important; /* Насыщенный ярко-желтый полупрозрачный фон */
  border: 1px solid #ffea00 !important; /* Яркая кислотно-желтая неоновая рамка */
  /* Мощное двойное кибер-свечение наружу и внутрь бокса */
  box-shadow: 0 0 15px rgba(255, 234, 0, 0.4), inset 0 0 15px rgba(255, 234, 0, 0.2) !important;
  padding: 15px !important;
  box-sizing: border-box !important;
  position: relative !important; /* База для фикса кнопки оценки */
}

/* Делаем сам текст сообщения максимально контрастным */
.punbb .post-content,
#pun-main .post-content {
  color: #ffffff !important;
  text-shadow: 0 0 2px rgba(255, 234, 0, 0.3) !important;
}

/* Желтый пунктир для нижней полосы кнопок */
.punbb .post-links {
  border-top: 1px dashed rgba(255, 234, 0, 0.4) !important;
  margin-top: 15px !important;
}

/* =============================================================
   ЭРГОНОМИЧНОЕВПИСЫВАНИЕ БЛОКА РЕПУТАЦИИ + ФИКС ДУБЛИКАТОВ КНОПОК
   ============================================================= */

/* 1. Превращаем громоздкий столбик в аккуратный квадратный виджет внутри поста */
.punbb .post-vote,
div[class*="vote"],
.punbb .post .post-body td:last-child {
  position: absolute !important;
  right: 15px !important; /* Четко прижимаем к правому верхнему углу внутри желтого бокса */
  top: 15px !important;
  width: 40px !important; /* Делаем его идеально квадратным */
  height: 40px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #060b16 !important; /* Глубокая темная подложка для контраста */
  border: 1px solid #ffea00 !important; /* Желтая неоновая рамка под цвет бокса */
  box-shadow: 0 0 8px rgba(255, 234, 0, 0.4) !important;
  color: #ffea00 !important; /* Цифра горит янтарным неончиком */
  font-family: Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: bold !important;
  z-index: 99 !important;
  box-sizing: border-box !important;
}

/* Расширяем текстовое поле на всю ширину, так как боковой столбец ликвидирован */
.punbb .post .post-body {
  width: calc(100% - 225px) !important;
  position: relative !important; /* База для позиционирования виджета */
}

/* Делаем небольшой отступ у самого текста сообщения сверху, чтобы он не упирался в наш новый виджет */
.punbb .post-content {
  padding-right: 50px !important;
}

/* 2. СКРЫВАЕМ ЛИШНИЕ ВЕРХНИЕ КНОПКИ "НОВАЯ ТЕМА / НОВЫЙ ОПРОС" */
.punbb .linkst .postlink,
#pun-main .linkst .postlink {
  display: none !important; /* Полностью убираем дубликат сверху таблицы */
}

/* При этом нижние кнопки под таблицей оставляем работать в штатном режиме */
.punbb .linksb .postlink,
#pun-main .linksb .postlink {
  display: block !important;
}

/* =============================================================
   АДАПТИВНАЯ КИБЕРПАНК-ПОЛИРОВКА ДЛЯ МОБИЛЬНЫХ УСТРОЙСТВ (MAX-WIDTH: 768px)
   ============================================================= */
@media screen and (max-width: 768px) {
  
  /* 1. Общие настройки контейнера сайта */
  #pun {
    margin: 160px auto 10px auto !important; /* Уменьшаем отступ под мобильную шапку */
    width: 100% !important;
    padding: 0 8px !important;
  }
  
  /* Корректировка массивной шапки и логотипа для экранов телефонов */
  #pun::before {
    top: -140px !important;
    height: 120px !important;
  }
  #pun::after {
    left: 30px !important;
    top: -95px !important;
    font-size: 32px !important; /* Делаем RuBicon чуть компактнее, чтобы влезал на экраны */
    letter-spacing: 3px !important;
  }
  #pun-head {
    right: 20px !important;
    top: -110px !important;
    width: 60px !important; /* Уменьшаем радар справа */
    height: 60px !important;
  }

  /* 2. Полная пересобираемость сообщений внутри тем (вместо колонок - друг под друга) */
  .punbb .post .container,
  #pun-main .post .container {
    display: flex !important;
    flex-direction: column !important; /* Профиль автора встает НАД текстом поста */
    gap: 12px !important;
    padding: 12px !important;
    min-height: auto !important;
  }
  
  .punbb .post .post-author {
    float: none !important;
    width: 100% !important; /* Профиль занимает всю ширину экрана телефона */
    display: block !important;
  }
  
  .punbb .post .post-body {
    margin-left: 0 !important; /* Убираем левый зазор, так как профиль теперь сверху */
    width: 100% !important;
    min-height: auto !important;
  }

  /* 3. Мобильная адаптация меню и ID-карточки в ПРОФИЛЕ */
  #viewprofile, #profile {
    display: flex !important;
    flex-direction: column !important; /* Складываем меню, аватар и инфу вертикально */
    gap: 15px !important;
    width: 100% !important;
  }
  
  #profilenav {
    width: 100% !important; /* Меню настроек профиля растягивается во весь экран */
    min-width: 100% !important;
  }
  
  /* Разворачиваем ID-карточку с данными во весь мобильный экран */
  #viewprofile li div,
  #viewprofile .profile-content div,
  #viewprofile ul + div {
    width: 100% !important;
    min-width: 100% !important;
    margin-left: 0 !important; /* Убираем наезд на аватар */
    padding: 12px !important;
  }
  
  /* Делаем строки ID-карточки более компактными для экранов смартфонов */
  #viewprofile li div p,
  #viewprofile .profile-content p {
    flex-direction: column !important; /* Название параметра сверху, цифра - снизу */
    align-items: flex-start !important;
    gap: 4px;
  }

  /* 4. Оптимизация таблиц категорий (чтобы не уезжали вбок) */
  .punbb table, .punbb thead, .punbb tbody, .punbb tr, .punbb th, .punbb td {
    display: block !important; /* Превращаем таблицы в блочную адаптивную сетку */
    width: 100% !important;
  }
  
  /* Скрываем на телефонах второстепенные колонки "Темы" и "Сообщения", чтобы не забивать экран */
  .punbb th.tc2, .punbb th.tc3, .punbb td.tc2, .punbb td.tc3 {
    display: none !important;
  }
  
  .punbb td.tcl, .punbb td.tcr {
    box-sizing: border-box !important;
  }