<!--НАЧАЛО  html-верх - Спойлер для скрытия полей мини-профиля в топиках-->
<style>
.msp-wrap {
  display: block;
  margin: 2px 0;
}

.msp-toggle {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  padding: 0 6px;
  margin: 2px 0;
  border-radius: 4px;
  background: rgba(0,0,0,0.05);
  position: relative;
  vertical-align: middle;
  transition: background 0.2s;
}
.msp-toggle:hover { background: rgba(0,0,0,0.1); }
.msp-toggle img {
  width: 32px;
  height: 16px;
  display: block;
  transition: transform 0.3s;
}
.msp-wrap.msp-open .msp-toggle img {
  transform: rotate(180deg);
}

.msp-toggle::after {
  content: attr(data-tip);
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  background: #333;
  color: #fff;
  padding: 4px 8px;
  border-radius: 4px;
  font-size: 11px;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s;
  z-index: 10;
}
.msp-toggle:hover::after { opacity: 1; }

/* Магия grid-анимации */
.msp-spoiler {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.4s ease-out;
}
.msp-wrap.msp-open .msp-spoiler {
  grid-template-rows: 1fr;
}
.msp-spoiler > .msp-spoiler-inner {
  overflow: hidden;
  min-height: 0;
}
.msp-toggle::after {
  content: attr(data-tip);
  position: absolute;
  bottom: 100%;
  left: 0; /* Вместо left: 50% */
  transform: translateY(-4px); /* Убираем translateX */
  background: #333;
  color: #fff;
  padding: 4px 8px;
  border-radius: 4px;
  font-size: 11px;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s;
  z-index: 1000; /* Поверх всего */
  margin-bottom: 4px;
}
</style>

<script>
(function () {
  'use strict';

  var SHOW = ['pa-author','pa-title','pa-avatar'];
  var HIDE = ['pa-ip','pa-from', 'pa-reg', 'pa-age','pa-posts','pa-respect','pa-positive','pa-sex','pa-age', 'pa-time-visit', 'pa-ua'];
  var TIP = 'Развернуть/Свернуть';
  var IMG = 'https://forumstatic.ru/files/001a/f0/7d/19517.png';

  function init() {
    document.querySelectorAll('.post-author').forEach(function (box) {
      if (box.dataset.mspDone) return;
      box.dataset.mspDone = '1';

      var hidden = [];
      HIDE.forEach(function (c) {
        var el = box.querySelector('.' + c);
        if (el) hidden.push(el);
      });
      if (!hidden.length) return;

      var wrap = document.createElement('div');
      wrap.className = 'msp-wrap';

      var btn = document.createElement('div');
      btn.className = 'msp-toggle';
      btn.setAttribute('data-tip', TIP);
      btn.innerHTML = '<img src="' + IMG + '" alt="">';

      var spoiler = document.createElement('div');
      spoiler.className = 'msp-spoiler';

      // Внутренняя обёртка обязательна для grid-трюка
      var inner = document.createElement('div');
      inner.className = 'msp-spoiler-inner';
      hidden.forEach(function (el) { inner.appendChild(el); });
      spoiler.appendChild(inner);

      wrap.appendChild(btn);
      wrap.appendChild(spoiler);

      var anchor = null;
      for (var i = SHOW.length - 1; i >= 0; i--) {
        anchor = box.querySelector('.' + SHOW[i]);
        if (anchor) break;
      }

      if (anchor && anchor.parentNode) {
        anchor.parentNode.insertBefore(wrap, anchor.nextSibling);
      } else {
        box.appendChild(wrap);
      }

      btn.addEventListener('click', function () {
        wrap.classList.toggle('msp-open');
      });
    });
  }

  document.readyState === 'loading'
    ? document.addEventListener('DOMContentLoaded', init)
    : init();

  new MutationObserver(init).observe(document.body, { childList: true, subtree: true });
})();
</script>
<!-- КОНЕЦ Спойлер для скрытия полей мини-профиля в топиках--->