/* TRANSFORMERS PRIME | style.css | native category + indicator skin V7 */
#pun-main .category table, #pun-main .category .main-content table, #pun-main .category .box table{width:100%!important;max-width:100%!important;table-layout:fixed!important;border-collapse:collapse!important;border-spacing:0!important;background:#091625!important;}
#pun-main .category thead tr, #pun-main .category table thead tr{background:#142a3c!important;}
#pun-main .category thead th{box-sizing:border-box!important;height:38px!important;padding:10px 14px!important;line-height:1.35!important;vertical-align:middle!important;border:0!important;border-bottom:1px solid #294a5d!important;background:transparent!important;color:#90aebf!important;font:800 10px/1.35 'Inter','Roboto',Arial,sans-serif!important;text-transform:uppercase!important;letter-spacing:1.15px!important;}
#pun-main .category table .tcl{width:52%!important;min-width:0!important;}
#pun-main .category table .tc2{width:9%!important;min-width:0!important;}
#pun-main .category table .tc3{width:9%!important;min-width:0!important;}
#pun-main .category table .tcr{width:30%!important;min-width:0!important;}
#pun-main .category thead .tcl{text-align:left!important;padding-left:25px!important;}
#pun-main .category thead .tc2, #pun-main .category thead .tc3{text-align:center!important;}
#pun-main .category tbody tr{background:#091522!important;border:0!important;transition:background .15s ease;}
#pun-main .category tbody tr:nth-child(even){background:#101e2c!important;}
#pun-main .category tbody tr:hover{background:#152a3d!important;}
#pun-main .category tbody td{box-sizing:border-box!important;height:71px!important;padding:15px 13px!important;border:0!important;border-bottom:1px solid #264052!important;background:transparent!important;vertical-align:middle!important;color:#a6bfd0!important;font:400 12px/1.55 'Inter','Roboto',Arial,sans-serif!important;}
#pun-main .category tbody tr:last-child td{border-bottom:0!important;}
#pun-main .category tbody td.tcl{position:relative!important;padding:14px 18px 14px 34px!important;text-align:left!important;overflow-wrap:anywhere!important;}
#pun-main .category tbody td.tcl div.icon, #pun-main .category tbody td.tcl span.icon{display:none!important;float:none!important;width:0!important;height:0!important;margin:0!important;padding:0!important;border:0!important;}
#pun-main .category tbody td.tcl::before{content:''!important;position:absolute!important;left:15px!important;top:50%!important;transform:translateY(-50%)!important;width:7px!important;height:7px!important;display:block!important;border:0!important;border-radius:50%!important;background:#64cedf!important;box-shadow:0 0 0 2px rgba(82,186,220,.12),0 0 9px rgba(79,216,235,.42)!important;pointer-events:none!important;}
#pun-main .category tbody tr.inew td.tcl::before, #pun-main .category tbody tr.new td.tcl::before{background:#80eeff!important;box-shadow:0 0 0 2px rgba(112,217,244,.18),0 0 11px rgba(85,229,255,.82)!important;}
#pun-main .category tbody tr.iclosed td.tcl::before{background:#c8758d!important;box-shadow:0 0 0 2px rgba(196,103,129,.15),0 0 9px rgba(197,98,140,.35)!important;}
#pun-main .category tbody td.tcl .intd, #pun-main .category tbody td.tcl .tclcon, #pun-main .category tbody td.tcl div.tclcon{position:static!important;float:none!important;clear:none!important;width:auto!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;background:none!important;overflow:visible!important;}
#pun-main .category tbody td.tcl h3, #pun-main .category tbody td.tcl strong{display:block!important;margin:0 0 3px!important;padding:0!important;border:0!important;background:none!important;font:800 15px/1.3 'Inter','Roboto',Arial,sans-serif!important;}
#pun-main .category tbody td.tcl a, #pun-main .category tbody td.tcl h3 a, #pun-main .category tbody td.tcl strong a{color:#e9f4fc!important;font:800 15px/1.3 'Inter','Roboto',Arial,sans-serif!important;text-decoration:none!important;border:0!important;}
#pun-main .category tbody td.tcl a:hover{color:#86e3f7!important;}
#pun-main .category tbody td.tcl .forumdesc, #pun-main .category tbody td.tcl .tclcon p, #pun-main .category tbody td.tcl .tclcon small, #pun-main .category tbody td.tcl .tfp-rowmeta{display:block!important;width:auto!important;max-width:100%!important;margin:4px 0 0!important;padding:0!important;color:#91a9bc!important;font:400 11px/1.45 'Inter','Roboto',Arial,sans-serif!important;letter-spacing:0!important;}
#pun-main .category tbody td.tc2, #pun-main .category tbody td.tc3{text-align:center!important;font:500 12px/1.5 'Inter','Roboto',Arial,sans-serif!important;color:#a6c8d8!important;}
#pun-main .category tbody td.tcr{padding:12px 16px!important;text-align:left!important;font:400 11px/1.45 'Inter','Roboto',Arial,sans-serif!important;color:#92a9bc!important;overflow-wrap:anywhere!important;}
#pun-main .category tbody td.tcr a{color:#8ce2f4!important;font:800 11px/1.5 'Inter','Roboto',Arial,sans-serif!important;text-decoration:none!important;}
#pun-main .category tbody td.tcr a:hover{color:#eafcff!important;}
#pun-main .category tbody td.tcr small, #pun-main .category tbody td.tcr .byuser, #pun-main .category tbody td.tcr .lastpost{font-size:11px!important;color:#93aabb!important;line-height:1.5!important;}
#pun-main .category tbody td.tcr img{max-width:30px!important;max-height:30px!important;object-fit:cover!important;}
@media (max-width:760px){
  #pun-main .category thead th{font-size:8px!important;letter-spacing:0!important;padding:9px 3px!important;white-space:nowrap!important;overflow:hidden!important;}
  #pun-main .category thead th.tc2, #pun-main .category thead th.tc3, #pun-main .category thead th.tcr{font-size:0!important;}
  #pun-main .category thead th.tc2::after{content:'ТЕМ';font:800 8px Arial,sans-serif!important;letter-spacing:0!important;}
  #pun-main .category thead th.tc3::after{content:'СООБ.';font:800 8px Arial,sans-serif!important;letter-spacing:0!important;}
  #pun-main .category thead th.tcr::after{content:'ПОСЛЕДНЕЕ';font:800 8px Arial,sans-serif!important;letter-spacing:0!important;}
  #pun-main .category table .tcl{width:56%!important;}
  #pun-main .category table .tc2{width:10%!important;}
  #pun-main .category table .tc3{width:10%!important;}
  #pun-main .category table .tcr{width:24%!important;}
  #pun-main .category tbody td{height:64px!important;padding:10px 4px!important;font-size:10px!important;}
  #pun-main .category tbody td.tcl{padding:11px 5px 11px 21px!important;}
  #pun-main .category tbody td.tcl::before{left:7px!important;width:6px!important;height:6px!important;}
  #pun-main .category tbody td.tcl h3, #pun-main .category tbody td.tcl strong, #pun-main .category tbody td.tcl a{font-size:12px!important;line-height:1.25!important;}
  #pun-main .category tbody td.tcl .forumdesc, #pun-main .category tbody td.tcl .tclcon p, #pun-main .category tbody td.tcl .tclcon small, #pun-main .category tbody td.tcl .tfp-rowmeta{font-size:9px!important;line-height:1.4!important;}
  #pun-main .category table th.tc2, #pun-main .category table th.tc3{display:table-cell!important;padding:8px 1px!important;}
  #pun-main .category tbody td.tc2, #pun-main .category tbody td.tc3{display:table-cell!important;font-size:10px!important;padding:8px 2px!important;}
  #pun-main .category tbody td.tcr{padding:9px 5px!important;font-size:9px!important;}
  #pun-main .category tbody td.tcr a, #pun-main .category tbody td.tcr small{font-size:9px!important;}
  #pun-main .category tbody td.tcr img{max-width:18px!important;max-height:18px!important;}
}
@media (max-width:380px){
  #pun-main .category table .tcl{width:58%!important;}
  #pun-main .category table .tc2, #pun-main .category table .tc3{width:9%!important;}
  #pun-main .category table .tcr{width:24%!important;}
  #pun-main .category tbody td.tcl a{font-size:11px!important;}
  #pun-main .category tbody td.tcr img{display:none!important;}
}
#pun-break1, #pun-break2, #pun-break1 hr, #pun-break2 hr{display:none!important;visibility:hidden!important;height:0!important;min-height:0!important;border:0!important;margin:0!important;padding:0!important;}
#pun-index #pun-main > h1, #pun-index #pun-main > .main > h1, #pun-index #pun-main > .main > .container > h1{display:none!important;}
#pun-main .category tbody tr.inew td.tcl::before, #pun-main .category tbody tr.inewsub td.tcl::before, #pun-main .category tbody tr.inewisticky td.tcl::before, #pun-main .category tbody tr.new td.tcl::before, #pun-main .category tbody tr:has(.icon-new) td.tcl::before, #pun-main .category tbody tr:has(.icon.inew) td.tcl::before{background:#ef526b!important;box-shadow:0 0 0 3px rgba(239,82,107,.18), 0 0 13px rgba(255,75,112,.9)!important;}
#pun-main .category tbody tr.inew td.tcl div.icon, #pun-main .category tbody tr.inewsub td.tcl div.icon, #pun-main .category tbody tr.inewisticky td.tcl div.icon{background:#ef526b!important;border-color:#ff8b9d!important;box-shadow:0 0 12px rgba(255,75,112,.8)!important;}




/* === TFP / рамки у тела форумных блоков === */
#pun-index #pun-main .category .main-content,
#pun-index #pun-main .blocktable .box {
  position: relative !important;
  border-left: 1px solid rgba(77, 132, 165, 0.55) !important;
  border-right: 1px solid rgba(77, 132, 165, 0.55) !important;
  border-bottom: 1px solid rgba(77, 132, 165, 0.35) !important;
  border-top: 0 !important;
  box-shadow:
    inset 1px 0 0 rgba(130, 210, 235, 0.08),
    inset -1px 0 0 rgba(130, 210, 235, 0.08);
}

/* чтобы таблица не съедала рамку */
#pun-index #pun-main .category table,
#pun-index #pun-main .blocktable table {
  border-left: 0 !important;
  border-right: 0 !important;
}

/* чуть аккуратнее стык между верхней плашкой и телом блока */
#pun-index #pun-main .category > h2 + .main-content,
#pun-index #pun-main .blocktable > h2 + .box {
  margin-top: 0 !important;
}





/* Эмблема десептиконов */
.tfp-root .tfp-faction.tfp-purple .tfp-crest {
  filter:
    brightness(1.35)
    saturate(1.45)
    drop-shadow(0 0 6px rgba(186,100,255,.55))
    drop-shadow(0 0 19px rgba(135,70,225,.36))
    !important;
}

/* Описания фракций */
.tfp-root .tfp-faction p {
  font-size: 13px !important;
  line-height: 1.62 !important;
  color: #c0cfde !important;
}

.tfp-root .tfp-faction .tfp-label {
  font-size: 10px !important;
  letter-spacing: 2px !important;
}

/* Информационная карточка */
.tfp-root .tfp-aside p {
  font-size: 14px !important;
  line-height: 1.72 !important;
  color: #becddd !important;
}

.tfp-root .tfp-aside .tfp-label {
  font-size: 11px !important;
  letter-spacing: 2px !important;
}

.tfp-root .tfp-aside .tfp-aside-link {
  font-size: 13px !important;
  color: #e4d7f6 !important;
}

/* Дополнительные подписи */
.tfp-root .tfp-captionbar p {
  font-size: 12px !important;
  color: #a5bccc !important;
}

.tfp-root .tfp-forum-intro > span {
  font-size: 10px !important;
  color: #a7bbca !important;
}

/* Мобильная адаптация */
max-width: 680px {
  .tfp-root .tfp-faction p {
    font-size: 12px !important;
  }

  .tfp-root .tfp-faction .tfp-label {
    font-size: 9px !important;
  }

  .tfp-root .tfp-aside p {
    font-size: 13px !important;
  }

  .tfp-root .tfp-aside .tfp-aside-link {
    font-size: 12px !important;
  }

  .tfp-root .tfp-aside .tfp-label {
    font-size: 10px !important;
  }

  .tfp-root .tfp-captionbar p {
    font-size: 10px !important;
  }

  .tfp-root .tfp-forum-intro > span {
    font-size: 9px !important;
  }
}








<!-- TRANSFORMERS PRIME / Статистика и подвал / тест V1 -->

/* 1. Цельная статистическая панель — только штатный блок MyBB */
#pun #pun-stats {
  position: relative !important;
  margin: 24px 0 18px !important;
  padding: 0 !important;
  border: 1px solid #47758d !important;
  background: #0a1828 !important;
  box-shadow: inset 1px 0 0 #72b6d010, inset -1px 0 0 #72b6d010 !important;
}
#pun #pun-stats > h2 {
  box-sizing: border-box !important;
  min-height: 55px !important;
  margin: 0 !important;
  padding: 16px 23px !important;
  border: 0 !important;
  border-bottom: 1px solid #31566d !important;
  background: #112638 url('https://forumstatic.ru/files/0012/bf/aa/55617.png?v=1') center / 100% 100% no-repeat !important;
  color: #ecf7ff !important;
  font: 900 16px/1.4 'Inter',Arial,sans-serif !important;
  letter-spacing: 1.7px !important;
  text-transform: uppercase !important;
  text-align: left !important;
  text-shadow: none !important;
}
#pun #pun-stats > h2 span {color: inherit !important; font: inherit !important;}
#pun #pun-stats .container {
  box-sizing: border-box !important;
  width: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 16px 23px !important;
  border: 0 !important;
  background: linear-gradient(115deg,#0d2132,#091624 80%) !important;
  color: #b9cddd !important;
  font: 400 13px/1.6 'Inter',Arial,sans-serif !important;
}
/* MyBB может выводить список и как ul.container, и внутри .container */
#pun #pun-stats ul.container,
#pun #pun-stats .container > ul,
#pun #pun-stats .statscon > ul {
  display: grid !important;
  grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  column-gap: 22px !important;
  row-gap: 0 !important;
  list-style: none !important;
}
#pun #pun-stats .container > ul,
#pun #pun-stats .statscon > ul {padding: 0 !important; margin: 0 !important;}
#pun #pun-stats ul > li {
  display: block !important;
  float: none !important;
  clear: none !important;
  width: auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 10px 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-bottom: 0 !important;
  color: #b9cddd !important;
  text-align: left !important;
  list-style: none !important;
  overflow-wrap: anywhere !important;
}
#pun #pun-stats ul > li::marker {content: '' !important;}
#pun #pun-stats li.item1,
#pun #pun-stats li.item2,
#pun #pun-stats li.item3,
#pun #pun-stats li.item4 {
  float: none !important;
  clear: none !important;
  width: auto !important;
  text-align: left !important;
}
/* Длинные строки активности занимают всю ширину */
#pun #pun-stats li#onlinelist,
#pun #pun-stats ul > li:nth-child(n+5) {
  grid-column: 1 / -1 !important;
}
#pun #pun-stats li#onlinelist {
  float: none !important;
  width: 100% !important;
  padding: 12px 0 4px !important;
  margin-top: 3px !important;
  border: 0 !important;
}
#pun #pun-stats li#onlinelist div {
  border: 0 !important;
  border-top: 0 !important;
  padding: 9px 0 3px !important;
  background: transparent !important;
  color: #b9cddd !important;
  text-align: left !important;
}
#pun #pun-stats strong,
#pun #pun-stats b {color: #effaff !important; font-weight: 800 !important;}
#pun #pun-stats a {color: #87d8eb !important; text-decoration: none !important;}
#pun #pun-stats a:hover {color: #fff !important; text-decoration: underline !important;}

/* 2. Нижние «Вы здесь»: спокойная отдельная навигационная строка */
#pun #pun-crumbs2 {margin: 14px 0 0 !important; padding: 0 !important; border: 0 !important;}
#pun #pun-crumbs2 .container {
  box-sizing: border-box !important;
  position: relative !important;
  margin: 0 !important;
  padding: 11px 14px 11px 23px !important;
  border: 1px solid #2c4c61 !important;
  background: linear-gradient(90deg,#112538,#0a192a 80%) !important;
  color: #a9c2d2 !important;
  font: 500 12px/1.5 'Inter',Arial,sans-serif !important;
}
#pun #pun-crumbs2 .container::before {
  content: '' !important;
  position: absolute !important;
  top: 10px !important;
  bottom: 10px !important;
  left: 10px !important;
  width: 2px !important;
  background: #67bcd4 !important;
}
#pun #pun-crumbs2 a {color: #9ee0ee !important;}

/* 3. Убираем устаревшие горизонтальные разделители внизу главной */
body:has(#pun-stats) #pun-break3,
body:has(#pun-stats) #pun-break4 {display: none !important;}
/* Подпись движка не удаляем; просто убираем пустой прямоугольник */
#pun #pun-about .container {
  min-height: 0 !important;
  margin: 5px 0 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #778da1 !important;
  text-align: center !important;
  font-size: 10px !important;
}
#pun #pun-about .container:empty {display: none !important;}
#pun #pun-qjump .container:empty {display: none !important;}
/* Уже существующий нижний колонтитул приближаем к навигации */
body:has(#pun-stats) .tfp-root-footer {
  margin-top: 22px !important;
  padding-top: 0 !important;
}
body:has(#pun-stats) .tfp-root-footer .tfp-footer-line {
  height: 1px !important;
  background: linear-gradient(90deg,transparent,#3d718b,transparent) !important;
}
@media(max-width:700px) {
  #pun #pun-stats > h2 {min-height: 49px !important; padding: 14px 16px !important; font-size: 13px !important; letter-spacing: 1px !important;}
  #pun #pun-stats .container {padding: 10px 15px !important; font-size: 12px !important;}
  #pun #pun-stats ul.container,
  #pun #pun-stats .container > ul,
  #pun #pun-stats .statscon > ul {grid-template-columns: 1fr !important;}
  #pun #pun-stats ul > li {padding: 8px 0 !important;}
  #pun #pun-crumbs2 .container {padding: 10px 12px 10px 20px !important; font-size: 11px !important;}
  #pun #pun-crumbs2 .container::before {left: 8px !important;}
}

/* Аккуратные внутренние отступы статистики */
#pun #pun-stats ul > li {
  padding: 10px 20px !important;
}

/* Активные пользователи и посетители */
#pun #pun-stats li#onlinelist {
  padding: 14px 20px 10px !important;
  margin-top: 4px !important;
}

/* Мобильная версия */
max-width: 700px {
  #pun #pun-stats ul > li {
    padding: 9px 14px !important;
  }

  #pun #pun-stats li#onlinelist {
    padding: 12px 14px !important;
  }
}


/* Отключаем старые дополнительные точки */
#pun #pun-stats li#onlinelist::before,
#pun #pun-stats li#onlinelist > div::before {
  content: none !important;
  display: none !important;
}

#pun #pun-stats li#onlinelist {
  list-style: none !important;
  padding-left: 38px !important;

  /* Одна голубая точка перед «Активны» */
 
  background-size: 14px 14px !important;
  background-position: 16px 15px !important;
  background-repeat: no-repeat !important;
}

/* Одна голубая точка перед «Посетили за сутки» */
#pun #pun-stats li#onlinelist > div {
  margin-left: -19px !important;
  padding-left: 19px !important;

  background-image:
    radial-gradient(circle,
      #64cedf 0 3px,
      rgba(79,216,235,.18) 3.5px 6px,
      transparent 7px) !important;
  background-size: 14px 14px !important;
  background-position: 0 13px !important;
  background-repeat: no-repeat !important;
}



/* Контейнер статистики */
#pun #pun-stats {
  position: relative !important;
}

/* Боковые рамки и четыре голубых уголка */
#pun #pun-stats::after {
  content: '' !important;
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 5 !important;
  pointer-events: none !important;
  box-sizing: border-box !important;

  /* Тонкие боковые и нижняя грани */
  box-shadow:
    inset 1px 0 0 #47758d,
    inset -1px 0 0 #47758d,
    inset 0 -1px 0 #47758d !important;

  /* Декоративные уголки как у категорий */
  background:
    linear-gradient(90deg,#79d8ed,transparent)
      left top / 24px 2px no-repeat,

    linear-gradient(270deg,#79d8ed,transparent)
      right top / 24px 2px no-repeat,

    linear-gradient(90deg,#79d8ed,transparent)
      left bottom / 24px 2px no-repeat,

    linear-gradient(270deg,#79d8ed,transparent)
      right bottom / 24px 2px no-repeat !important;
}


/* Уменьшаем расстояние между показателями */
#pun #pun-stats ul > li {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
  line-height: 1.5 !important;
}

/* Компактнее строки активности */
#pun #pun-stats li#onlinelist {
  padding-top: 6px !important;
  padding-bottom: 4px !important;
  margin-top: 0 !important;
}

/* Убираем лишнюю высоту вложенного блока */
#pun #pun-stats li#onlinelist div {
  padding-top: 10px !important;
  padding-bottom: 5px !important;
}

/* Немного сокращаем отступы самой панели */
#pun #pun-stats .container {
  padding-top: 11px !important;
  padding-bottom: 11px !important;
}




/* Оформление левой колонки автора */
#pun-viewtopic #pun-main .tfpt-topic-post .tfpt-post-layout > .post-author,
#pun-viewtopic #pun-main .tfpt-topic-post .tfpt-post-layout > .postleft {
  padding: 18px 16px 20px !important;
  background:
    linear-gradient(
      90deg,
      var(--tfpt-accent-low,rgba(86,197,227,.12)),
      transparent 25px
    ),
    linear-gradient(160deg,#122b3c,#101d30 65%,#121c2d)
    !important;
  box-shadow:
    inset 3px 0 0 var(--tfpt-accent,#65d9ed),
    inset -1px 0 0 rgba(116,176,199,.2)
    !important;
}

/* Заголовок личного досье */
#pun-viewtopic #pun-main .tfpt-topic-post .tfpt-post-layout > .post-author::before,
#pun-viewtopic #pun-main .tfpt-topic-post .tfpt-post-layout > .postleft::before {
  content: 'PERSONAL FILE / CYBERTRON' !important;
  color: var(--tfpt-accent,#65d9ed) !important;
  font-size: 9px !important;
  letter-spacing: 1px !important;
  border-bottom: 1px solid rgba(95,159,184,.28) !important;
  margin: 0 0 11px !important;
  padding: 0 0 9px !important;
}

/* Имя автора */
#pun-viewtopic #pun-main .tfpt-topic-post .tfpt-post-layout .pa-author {
  padding: 3px 2px 5px !important;
  margin: 0 0 3px !important;
  line-height: 1.32 !important;
}

/* Аватар: размеры не меняем */
#pun-viewtopic #pun-main .tfpt-topic-post .tfpt-post-layout .pa-avatar img {
  border: 1px solid var(--tfpt-accent,#65d9ed) !important;
  background: #071320 !important;
  box-shadow:
    0 0 0 3px rgba(4,13,23,.78),
    0 0 15px var(--tfpt-accent-low,rgba(86,197,227,.12)),
    0 9px 20px rgba(0,0,0,.35)
    !important;
  margin-top: 9px !important;
  margin-bottom: 12px !important;
}

/* Компактные характеристики */
#pun-viewtopic #pun-main .tfpt-topic-post .tfpt-post-layout .pa-title,
#pun-viewtopic #pun-main .tfpt-topic-post .tfpt-post-layout .pa-posts,
#pun-viewtopic #pun-main .tfpt-topic-post .tfpt-post-layout .pa-respect,
#pun-viewtopic #pun-main .tfpt-topic-post .tfpt-post-layout .pa-positive,
#pun-viewtopic #pun-main .tfpt-topic-post .tfpt-post-layout .pa-reg {
  padding-top: 2px !important;
  padding-bottom: 2px !important;
  font-size: 11px !important;
  line-height: 1.45 !important;
  color: #a9c3d2 !important;
}

/* Последняя активность */
#pun-viewtopic #pun-main .tfpt-topic-post .tfpt-post-layout .pa-online {
  padding-top: 7px !important;
  font-size: 10px !important;
  line-height: 1.4 !important;
}

/* Мобильная версия */
max-width: 620px {
  #pun-viewtopic #pun-main .tfpt-topic-post .tfpt-post-layout > .post-author,
  #pun-viewtopic #pun-main .tfpt-topic-post .tfpt-post-layout > .postleft {
    padding: 12px 16px !important;
  }

  #pun-viewtopic #pun-main .tfpt-topic-post .tfpt-post-layout > .post-author::before,
  #pun-viewtopic #pun-main .tfpt-topic-post .tfpt-post-layout > .postleft::before {
    margin-bottom: 6px !important;
    padding-bottom: 6px !important;
    text-align: left !important;
    font-size: 8px !important;
  }

  #pun-viewtopic #pun-main .tfpt-topic-post .tfpt-post-layout .pa-avatar img {
    margin: 4px 2px !important;
    padding: 2px !important;
  }

  #pun-viewtopic #pun-main .tfpt-topic-post .tfpt-post-layout .pa-author {
    margin: 0 !important;
    padding: 2px 0 !important;
  }
}










/* Только служебные значки, не аватары */
#pun-viewtopic #pun-main .tfpt-post-layout > .post-author li:not(.pa-avatar) img,
#pun-viewtopic #pun-main .tfpt-post-layout > .postleft li:not(.pa-avatar) img {
  display: inline-block !important;
  vertical-align: middle !important;
  width: auto !important;
  height: auto !important;
  max-width: 24px !important;
  max-height: 18px !important;
  object-fit: contain !important;
  margin: 0 2px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: none !important;
  box-shadow: none !important;
}
@media (min-width: 621px) {
  #pun-viewtopic #pun-main .tfpt-post-layout .pa-respect,
  #pun-viewtopic #pun-main .tfpt-post-layout .pa-positive {
    display: flex !important;
    flex-flow: row wrap !important;
    justify-content: center !important;
    align-items: center !important;
    column-gap: 4px !important;
    row-gap: 1px !important;
    padding: 3px 0 !important;
    margin: 0 !important;
    line-height: 1.45 !important;
  }
  #pun-viewtopic #pun-main .tfpt-post-layout .pa-respect br,
  #pun-viewtopic #pun-main .tfpt-post-layout .pa-positive br {
    display: none !important;
  }
}





/* Общая панель навигации темы */
#pun-viewtopic .linkst,
#pun-viewtopic .linksb {
  display: flex !important;
  flex-flow: row wrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px 16px !important;

  position: relative !important;
  float: none !important;
  clear: both !important;

  width: 100% !important;
  height: auto !important;
  min-height: 54px !important;

  box-sizing: border-box !important;
  margin: 12px 0 18px !important;
  padding: 10px 15px !important;

  background: linear-gradient(
    90deg,#122c40,#0a1829
  ) !important;

  border: 1px solid #35566e !important;
  border-left: 2px solid #65cce4 !important;
}

/* На случай вложенных контейнеров MyBB */
#pun-viewtopic .linkst .inbox,
#pun-viewtopic .linksb .inbox,
#pun-viewtopic .linkst .container,
#pun-viewtopic .linksb .container {
  display: flex !important;
  flex-flow: row wrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px 16px !important;

  position: static !important;
  float: none !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;

  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Номера страниц */
#pun-viewtopic .linkst .pagelink,
#pun-viewtopic .linksb .pagelink {
  position: static !important;
  float: none !important;
  inset: auto !important;

  flex: 1 1 auto !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;

  text-align: left !important;
}

/* Кнопка «Ответить» справа */
#pun-viewtopic .linkst .postlink,
#pun-viewtopic .linksb .postlink {
  position: static !important;
  float: none !important;
  inset: auto !important;

  flex: 0 0 auto !important;
  width: auto !important;
  height: auto !important;
  margin: 0 0 0 auto !important;
  padding: 0 !important;

  text-align: right !important;
}

/* Узкий экран */
max-width: 620px {
  #pun-viewtopic .linkst,
  #pun-viewtopic .linksb {
    gap: 8px !important;
    padding: 10px !important;
  }

  #pun-viewtopic .linkst .pagelink,
  #pun-viewtopic .linksb .pagelink {
    flex: 1 1 100% !important;
  }
}



/* TFP — сообщение без автора и подписи */

/* Убираем колонку автора */
#pun-viewtopic #pun-main
.tfpt-topic-post:has(.tfp-post-clean)
.tfpt-post-layout > .post-author,

#pun-viewtopic #pun-main
.tfpt-topic-post:has(.tfp-post-clean)
.tfpt-post-layout > .postleft {
  display: none !important;
}

/* Растягиваем сообщение на всю ширину */
#pun-viewtopic #pun-main
.tfpt-topic-post:has(.tfp-post-clean)
.tfpt-post-layout {
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-areas:
    "content"
    "actions" !important;
}

/* Растягиваем область текста */
#pun-viewtopic #pun-main
.tfpt-topic-post:has(.tfp-post-clean)
.tfpt-post-layout > .post-body,

#pun-viewtopic #pun-main
.tfpt-topic-post:has(.tfp-post-clean)
.tfpt-post-layout > .postbody {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  max-width: 100% !important;
}

/* Убираем подпись */
#pun-viewtopic #pun-main
.tfpt-topic-post:has(.tfp-post-clean)
.post-sig,

#pun-viewtopic #pun-main
.tfpt-topic-post:has(.tfp-post-clean)
.post-signature,

#pun-viewtopic #pun-main
.tfpt-topic-post:has(.tfp-post-clean)
.postsignature {
  display: none !important;
}









/* TRANSFORMERS PRIME // MINI CHARACTER CARDS */

#pun-viewtopic .cyb-mini {
  --mini-accent: #b78af0;
  display: grid !important;
  grid-template-columns: 145px minmax(0,1fr);
  gap: 15px;
  position: relative;
  box-sizing: border-box;
  max-width: 540px;
  margin: 14px auto !important;
  padding: 12px !important;
  background: linear-gradient(125deg,
    #142b3f,#0b1629 65%,#17152c) !important;
  border: 1px solid #34485d;
  border-top: 2px solid var(--mini-accent);
  box-shadow: 0 8px 24px #0006;
  color: #d5e4f0;
  font: 12px/1.6 Arial,sans-serif;
  overflow: hidden;
}

/* Фракционные цвета */
#pun-viewtopic .cyb-mini-auto {
  --mini-accent: #dc6570;
}
#pun-viewtopic .cyb-mini-decept {
  --mini-accent: #b78af0;
}
#pun-viewtopic .cyb-mini-neutral {
  --mini-accent: #e1ba69;
}

/* Портрет */
#pun-viewtopic .cyb-mini-photo {
  min-width: 0;
  overflow: hidden;
  background: #091421;
}
#pun-viewtopic .cyb-mini-photo img {
  display: block !important;
  width: 100% !important;
  height: 190px !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  object-fit: cover;
  border: 0 !important;
}
#pun-viewtopic .cyb-mini-photo a {
  display: block;
}

/* Информация */
#pun-viewtopic .cyb-mini-info {
  min-width: 0;
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  gap: 8px;
}
#pun-viewtopic .cyb-mini-name {
  color: #f6f8ff !important;
  font-size: 20px !important;
  line-height: 1.15;
  font-weight: 900;
  letter-spacing: 1px;
  overflow-wrap: anywhere;
}
#pun-viewtopic .cyb-mini-role {
  color: var(--mini-accent) !important;
  font-size: 10px !important;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
}
#pun-viewtopic .cyb-mini-text {
  padding-top: 8px;
  border-top: 1px solid #33485b;
  color: #bfd0df !important;
  font-size: 12px !important;
  line-height: 1.6;
  overflow-wrap: anywhere;
}

/* Убираем лишние отступы */
#pun-viewtopic .cyb-mini p {
  margin: 0 !important;
  padding: 0 !important;
  line-height: inherit !important;
}

/* Адаптация для телефона */
max-width:520px {
  #pun-viewtopic .cyb-mini {
    grid-template-columns: 105px minmax(0,1fr);
    gap: 10px;
    padding: 8px !important;
  }
  #pun-viewtopic .cyb-mini-photo img {
    height: 150px !important;
  }
  #pun-viewtopic .cyb-mini-name {
    font-size: 15px !important;
  }
  #pun-viewtopic .cyb-mini-role {
    font-size: 9px !important;
  }
  #pun-viewtopic .cyb-mini-text {
    font-size: 11px !important;
  }
}



/* TFP // Ограничение портретов мини-карточек */

#pun-viewtopic #pun-main .cyb-mini .cyb-mini-photo {
    display: block !important;
    position: relative !important;
    width: 145px !important;
    max-width: 100% !important;
    height: 190px !important;
    max-height: 190px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    align-self: start !important;
    line-height: 0 !important;
}

/* Контейнер ссылки на изображение */
#pun-viewtopic #pun-main .cyb-mini-photo a {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    overflow: hidden !important;
}

/* Само изображение */
#pun-viewtopic #pun-main .cyb-mini .cyb-mini-photo img {
    display: block !important;
    width: 100% !important;
    height: 190px !important;
    max-width: 100% !important;
    max-height: 190px !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    float: none !important;
    object-fit: cover !important;
    object-position: center top !important;
    box-sizing: border-box !important;
}

/* Мобильная версия */
max-width: 520px {
    #pun-viewtopic #pun-main .cyb-mini .cyb-mini-photo {
        width: 105px !important;
        height: 145px !important;
        max-height: 145px !important;
    }

    #pun-viewtopic #pun-main .cyb-mini .cyb-mini-photo img {
        height: 145px !important;
        max-height: 145px !important;
    }
}




/* TFP // MINI CARDS FIX v2 */

/* Карточка: портрет слева, информация справа */
#pun-viewtopic #pun-main .cyb-mini {
  display: grid !important;
  grid-template-columns: 130px minmax(0, 1fr) !important;
  align-items: start !important;
  gap: 16px !important;
  max-width: 540px !important;
  box-sizing: border-box !important;
}

/* Убираем переносы, мешающие сетке */
#pun-viewtopic #pun-main .cyb-mini > br,
#pun-viewtopic #pun-main .cyb-mini > p:empty {
  display: none !important;
}

/* Портрет в рамочке */
#pun-viewtopic #pun-main .cyb-mini .cyb-mini-photo {
  grid-column: 1 !important;
  grid-row: 1 !important;

  display: block !important;
  width: 130px !important;
  height: 175px !important;
  max-width: 100% !important;
  max-height: 175px !important;

  margin: 0 !important;
  padding: 5px !important;

  border: 2px solid var(--mini-accent, #b78af0) !important;
  background: #091320 !important;
  box-shadow:
    0 0 0 1px #ffffff18,
    0 0 16px #0008 !important;

  box-sizing: border-box !important;
  overflow: hidden !important;
}

/* Изображение строго внутри рамки */
#pun-viewtopic #pun-main
.cyb-mini .cyb-mini-photo img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: none !important;

  margin: 0 !important;
  padding: 0 !important;
  border: none !important;

  object-fit: cover !important;
  object-position: center top !important;
  box-shadow: none !important;
}

/* Информация строго справа */
#pun-viewtopic #pun-main
.cyb-mini .cyb-mini-info {
  grid-column: 2 !important;
  grid-row: 1 !important;

  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;

  min-width: 0 !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Мобильная версия */
max-width: 520px {
  #pun-viewtopic #pun-main .cyb-mini {
    grid-template-columns: 100px minmax(0, 1fr) !important;
    gap: 11px !important;
    padding: 10px !important;
  }

  #pun-viewtopic #pun-main
  .cyb-mini .cyb-mini-photo {
    width: 100px !important;
    height: 140px !important;
    max-height: 140px !important;
    padding: 4px !important;
  }
}

/* TFP // Кнопка полного досье */

#pun-viewtopic #pun-main .cyb-mini .cyb-mini-link {
  grid-column: 1 / -1 !important;
  display: block !important;
  width: 100% !important;
  margin: 10px 0 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

#pun-viewtopic #pun-main .cyb-mini .cyb-mini-link a {
  display: block !important;
  width: 100% !important;
  padding: 11px 12px !important;
  box-sizing: border-box !important;
  background: color-mix(
    in srgb,
    var(--mini-accent) 15%,
    #0d1829
  ) !important;
  border: 1px solid var(--mini-accent) !important;
  color: #f1f5ff !important;
  font: 800 11px/1.5 Arial,sans-serif !important;
  text-align: center !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  letter-spacing: 1.4px !important;
  transition: background .2s, box-shadow .2s;
}

#pun-viewtopic #pun-main .cyb-mini .cyb-mini-link a:hover {
  background: color-mix(
    in srgb,
    var(--mini-accent) 30%,
    #0d1829
  ) !important;
  box-shadow: 0 0 14px #0008 !important;
}

#pun-viewtopic #pun-main .cyb-mini .cyb-mini-link br {
  display: none !important;
}

/* TFP // CYBERTRON CARD GRID v1 */

/* Общая сетка карточек */
#pun-viewtopic #pun-main .cyb-card-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 12px !important;
  width: 100% !important;
  max-width: none !important;
  margin: 12px 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  align-items: stretch !important;
}

/* Убираем лишние переносы MyBB */
#pun-viewtopic #pun-main
.cyb-card-grid > br,
#pun-viewtopic #pun-main
.cyb-card-grid > p:empty {
  display: none !important;
}

/* Уменьшаем карточки внутри сетки */
#pun-viewtopic #pun-main
.cyb-card-grid > .cyb-mini {
  display: grid !important;
  grid-template-columns: 78px minmax(0,1fr) !important;
  gap: 10px !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 10px !important;
  box-sizing: border-box !important;
  align-content: start !important;
}

/* Портрет слева с рамкой */
#pun-viewtopic #pun-main
.cyb-card-grid .cyb-mini .cyb-mini-photo {
  grid-column: 1 !important;
  grid-row: 1 !important;
  width: 78px !important;
  height: 108px !important;
  max-width: 100% !important;
  max-height: 108px !important;
  margin: 0 !important;
  padding: 4px !important;
  overflow: hidden !important;
  border: 2px solid var(--mini-accent) !important;
  box-sizing: border-box !important;
}

/* Размер изображения */
#pun-viewtopic #pun-main
.cyb-card-grid .cyb-mini-photo img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: cover !important;
  object-position: center top !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

/* Текст справа */
#pun-viewtopic #pun-main
.cyb-card-grid .cyb-mini .cyb-mini-info {
  grid-column: 2 !important;
  grid-row: 1 !important;
  min-width: 0 !important;
  width: 100% !important;
  gap: 5px !important;
}

/* Компактная типографика */
#pun-viewtopic #pun-main
.cyb-card-grid .cyb-mini-name {
  font-size: 15px !important;
  line-height: 1.2 !important;
}

#pun-viewtopic #pun-main
.cyb-card-grid .cyb-mini-role {
  font-size: 9px !important;
  line-height: 1.4 !important;
  letter-spacing: .5px !important;
}

#pun-viewtopic #pun-main
.cyb-card-grid .cyb-mini-text {
  font-size: 10px !important;
  line-height: 1.5 !important;
  padding-top: 5px !important;
}

/* Планшеты: две карточки */
max-width: 850px {
  #pun-viewtopic #pun-main .cyb-card-grid {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  }
}

/* Телефоны: одна карточка */
max-width: 590px {
  #pun-viewtopic #pun-main .cyb-card-grid {
    grid-template-columns: minmax(0,1fr) !important;
    gap: 10px !important;
  }

  #pun-viewtopic #pun-main
  .cyb-card-grid > .cyb-mini {
    grid-template-columns: 100px minmax(0,1fr) !important;
  }

  #pun-viewtopic #pun-main
  .cyb-card-grid .cyb-mini .cyb-mini-photo {
    width: 100px !important;
    height: 135px !important;
    max-height: 135px !important;
  }
}





/* ==================================
   TFP // DOCUMENTS BALANCED v2
   Исправление пропорций документов
   ================================== */

/* Ширина и читаемость */
#pun-viewtopic #pun-main .cyrules {
  width: calc(100% - 24px) !important;
  max-width: 1000px !important;
  margin: 12px auto !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
}

/* Шапка */
#pun-viewtopic .cyrules .cyr-head {
  padding: 25px 30px 22px !important;
}

#pun-viewtopic .cyrules .cyr-head::before {
  margin-bottom: 8px !important;
}

#pun-viewtopic .cyrules .cyr-head::after {
  margin-top: 8px !important;
}

/* Вступление */
#pun-viewtopic .cyrules .cyr-lead {
  padding: 16px 30px 4px !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
}

/* Информационная панель */
#pun-viewtopic .cyrules .cyr-note {
  margin: 14px 24px !important;
  padding: 11px 15px !important;
  font-size: 13px !important;
  line-height: 1.55 !important;
}

/* Заголовки разделов */
#pun-viewtopic .cyrules .cyr-section {
  margin: 20px 24px 0 !important;
  padding: 10px 15px !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
}

/* Основной текст пунктов */
#pun-viewtopic .cyrules .cyr-item {
  margin: 0 24px !important;
  padding: 11px 12px 12px 23px !important;
  font-size: 14px !important;
  line-height: 1.58 !important;
}

/* Выделение слов внутри абзаца */
#pun-viewtopic .cyrules .cyr-item b,
#pun-viewtopic .cyrules .cyr-item strong {
  display: inline !important;
  margin: 0 !important;
  font-size: 14px !important;
  line-height: inherit !important;
}

/* Заголовок самого пункта */
#pun-viewtopic .cyrules .cyr-item > b:first-child,
#pun-viewtopic .cyrules .cyr-item > strong:first-child {
  display: block !important;
  margin-bottom: 3px !important;
}

/* Перенос сразу после заголовка */
#pun-viewtopic .cyrules .cyr-item > b:first-child + br,
#pun-viewtopic .cyrules .cyr-item > strong:first-child + br {
  display: none !important;
}

/* Декоративный маркер */
#pun-viewtopic .cyrules .cyr-item::before {
  top: 16px !important;
}

/* Завершение документа */
#pun-viewtopic .cyrules .cyr-footer {
  margin-top: 16px !important;
  padding: 13px 20px !important;
}

/* Мобильные экраны */
max-width: 700px {
  #pun-viewtopic #pun-main .cyrules {
    width: calc(100% - 8px) !important;
    margin: 8px auto !important;
  }

  #pun-viewtopic .cyrules .cyr-head {
    padding: 20px 17px !important;
  }

  #pun-viewtopic .cyrules .cyr-lead {
    padding: 13px 17px 3px !important;
    font-size: 13.5px !important;
  }

  #pun-viewtopic .cyrules .cyr-note {
    margin: 12px 14px !important;
    padding: 10px 12px !important;
  }

  #pun-viewtopic .cyrules .cyr-section {
    margin: 16px 14px 0 !important;
    padding: 9px 12px !important;
  }

  #pun-viewtopic .cyrules .cyr-item {
    margin: 0 14px !important;
    padding: 10px 8px 11px 21px !important;
    font-size: 13.5px !important;
    line-height: 1.55 !important;
  }

  #pun-viewtopic .cyrules .cyr-item b,
  #pun-viewtopic .cyrules .cyr-item strong {
    font-size: 13.5px !important;
  }
}