/* === ШРИФТЫ === */
@font-face {
    font-family: 'Esqadero';
    src: url('https://forumstatic.ru/files/0019/7b/cd/19347.ttf') format('truetype');
    font-weight: normal; font-style: normal;
}
@font-face {
    font-family: 'Fira Sans';
    src: url('https://forumstatic.ru/files/0018/97/32/47408.ttf') format('truetype');
    font-weight: normal; font-style: normal;
}
@font-face {
    font-family: 'Fira Sans';
    src: url('https://forumstatic.ru/files/0018/97/32/53932.ttf') format('truetype');
    font-weight: normal; font-style: italic;
}
@font-face {
    font-family: 'Fira Sans';
    src: url('https://forumstatic.ru/files/0018/97/32/14580.ttf') format('truetype');
    font-weight: bold; font-style: normal;
}
@font-face {
    font-family: 'Fira Sans';
    src: url('https://forumstatic.ru/files/0018/97/32/11621.ttf') format('truetype');
    font-weight: bold; font-style: italic;
}

/* ========== СБРОС ========== */
* { box-sizing: border-box; }
html { background-color: #0a0a0a; scrollbar-color: #b48850 #1a1a1a; }
body {
    background: url('https://forumstatic.ru/files/001c/b8/d4/42706.png') top center no-repeat, url('https://forumstatic.ru/files/001c/b8/d4/18786.png') 50% 687px no-repeat, #0a0a0a;
    background-size: auto, 100% auto, 100% 100%;
    min-height: 100vh;
    color: #c0b8a8;
    font-family: 'Fira Sans', sans-serif;
    font-size: 13px;
    line-height: 1.5;
}

/* ========== СКРЫТИЕ НЕНУЖНОГО ========== */
#pun-navlinks h2, #pun-ulinks h2, #pun-main > h1, #pun-status h2, #pun-stats h2, h1.title-logo, .catleft, .catright,
#pun-status .status-right, li.pa-gifts, .acchide {
    display: none !important;
}
#pun-title, #pun-title * { background: transparent !important; background-image: none !important; }

/* ========== ССЫЛКИ ========== */
a { color: #d4a840; text-decoration: none; transition: all 0.2s; }
a:hover { color: #f0d060; text-shadow: 0 0 8px rgba(200, 160, 40, 0.5); }

/* ========== ХЛЕБНЫЕ КРОШКИ (ВЫ ЗДЕСЬ) ========== */
.crumbs, p.crumbs, .container.crumbs {
    text-align: center !important;
    color: #d4a840 !important;
    padding: 10px 15px !important;
    margin: 10px auto !important;
    max-width: 1100px !important;
    background: rgba(15, 10, 5, 0.9) !important;
    border: 1px solid rgba(180, 140, 80, 0.4) !important;
    border-radius: 4px !important;
}
#pun-main > .container:first-child,
#pun-main > p.container:first-of-type {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
}
#pun-main hr { display: none !important; }

/* ========== ЗАГОЛОВКИ ========== */
#pun-main h2 {
    background: rgba(20, 12, 5, 0.85) !important;
    border: 1px solid rgba(180, 140, 80, 0.3) !important;
    border-radius: 4px !important;
    padding: 8px 15px !important;
    margin: 10px 0 !important;
    color: #b48850 !important;
    font-family: 'Esqadero', sans-serif;
    font-size: 14px;
    text-align: center;
}

/* ========== ЛОГОТИП ========== */
#top-logo {
    max-width: 800px;
    width: 100%;
    height: 250px;
    background: url('https://forumstatic.ru/files/0019/ef/18/94236.jpg') no-repeat center top !important;
    background-size: contain !important;
    margin: 8px auto 10px auto;
    display: block;
}

/* ========== ВЕРХНЯЯ ПАНЕЛЬ ========== */
#top-gameinfo {
    text-align: center;
    font-family: 'Fira Sans', sans-serif;
    font-size: 13px;
    color: #b48850;
    letter-spacing: 3px;
    padding: 8px 0;
    margin: 0 auto;
    max-width: 1100px;
}
#top-navigation {
    display: block;
    text-align: center;
    max-width: 1100px;
    margin: 0 auto;
    padding: 12px 0;
    background: rgba(0,0,0,0.85);
    border-top: 1px solid #b48850;
    border-bottom: 1px solid #b48850;
}
#top-navigation a {
    display: inline-block;
    font-family: 'Esqadero', sans-serif;
    color: #d4a840;
    margin: 0 12px;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 2px;
    text-transform: uppercase;
}
#top-navigation a:hover { color: #f0d060; text-shadow: 0 0 12px rgba(200, 160, 40, 0.6); }

/* ========== ИНФО-ПАНЕЛЬ ========== */
#info-panel {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    max-width: 1100px;
    margin: 4px auto;
    padding: 12px 15px;
    background: rgba(0,0,0,0.85);
    border: 1px solid #b48850;
    font-family: 'Fira Sans', sans-serif;
    font-size: 12px;
    color: #d0c0a0;
    text-align: center;
}
#info-panel strong { color: #d4a840; font-family: 'Esqadero', sans-serif; font-size: 14px; letter-spacing: 2px; }
.info-left { text-align: left; }
.info-center { text-align: center; border-left: 1px solid #b48850; border-right: 1px solid #b48850; }
.info-right { text-align: right; }

/* ========== СИСТЕМНЫЕ МЕНЮ ========== */
#pun-navlinks {
    max-width: 1100px;
    margin: 0 auto;
    background: rgba(0,0,0,0.7);
    border-bottom: 1px solid #b48850;
}
#pun-navlinks ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    list-style: none;
    padding: 10px 0;
    margin: 0;
}
#pun-navlinks ul li { display: inline-block; margin: 0 10px; }
#pun-navlinks ul li a {
    font-family: 'Esqadero', sans-serif;
    text-transform: uppercase;
    font-size: 13px;
    color: #c0b8a8;
    letter-spacing: 1px;
    padding: 4px 8px;
}
#pun-navlinks ul li a:hover,
#pun-navlinks ul li.isactive a {
    color: #f0d060;
    background: rgba(180, 140, 80, 0.2);
    border-radius: 3px;
}

#top-userlinks-status {
    max-width: 1100px;
    margin: 0 auto;
    padding: 10px 0;
    text-align: center;
}
#top-userlinks-status ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    list-style: none;
    gap: 12px;
}
#top-userlinks-status ul li a {
    font-family: 'Fira Sans', sans-serif;
    font-size: 11px;
    color: #b0a0c8;
}
#top-userlinks-status #pun-status {
    text-align: center;
    font-size: 12px;
    color: #888;
    padding-bottom: 25px;
}

/* ========== ТАБЛИЦЫ ФОРУМОВ ========== */
.category h2 {
    font-family: 'Esqadero', sans-serif;
    font-size: 20px;
    letter-spacing: 4px;
    text-align: center;
    background: linear-gradient(180deg, rgba(30,20,10,0.9), rgba(20,12,5,0.8));
    border: 1px solid rgba(180,140,80,0.4);
    border-radius: 6px 6px 0 0;
    color: #d4a840;
    text-shadow: 0 0 10px rgba(200,160,40,0.3);
    padding: 14px 20px;
    margin: 16px 0 0 0;
    text-transform: uppercase;
}
#pun-main table {
    table-layout: fixed;
    width: 100%;
    margin: 0 auto;
    background: rgba(15,10,5,0.6);
    border-collapse: collapse;
}
#pun-main table th {
    font-family: 'Esqadero', sans-serif;
    font-size: 11px;
    letter-spacing: 2px;
    text-align: center;
    background: rgba(20,12,5,0.9);
    color: #b48850;
    padding: 8px 10px;
    border-bottom: 2px solid rgba(180,140,80,0.3);
    text-transform: uppercase;
}
#pun-main table td {
    text-align: center;
    color: #c0b8a8;
    font-size: 12px;
    padding: 10px;
    border-bottom: 1px solid rgba(180,140,80,0.1);
}
#pun-main table tr:hover td { background: rgba(30,20,10,0.4); }
#pun-main table td a { color: #d4a840; font-size: 13px; font-weight: bold; }
#pun-main table td small { color: #a09080; }
div.icon {
    border: 1px solid rgba(180,140,80,0.3);
    border-radius: 4px;
    background-color: rgba(20,12,5,0.5);
    width: 40px;
    height: 40px;
}
.tcl .icon { float: left; margin-right: 10px; }
.tcl { vertical-align: middle; word-wrap: break-word; }
.tcl > a:first-child { display: block; text-align: center; overflow: hidden; margin-left: 48px; }
.tcl > small { display: block; text-align: center; margin-left: 48px; }

/* ========== ТЕМЫ ========== */
.topic {
    background: rgba(12,8,20,0.9);
    border: 1px solid rgba(180,140,80,0.2);
    border-radius: 4px;
    margin-bottom: 4px;
}
.topic:hover { background: rgba(20,12,25,0.8); }
.topic a { color: #d0c0a0; }

/* ========== ПОСТЫ – РАЗДЕЛИТЕЛЬ ========== */
.blockpost, .topic .post-box {
    display: flow-root;
    background: transparent;
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: 2px solid rgba(180, 140, 80, 0.5);
}
.blockpost + .blockpost,
.post-box + .post-box {
    margin-top: 20px;
    padding-top: 15px;
    border-top: 3px solid rgba(200, 160, 60, 0.7);
}

/* Левая колонка (профиль автора) */
.post-author, .postleft {
    position: relative;
    background: rgba(20, 12, 5, 0.9);
    border: 1px solid rgba(180, 140, 80, 0.5);
    border-radius: 6px;
    text-align: center;
    width: 285px;
    min-width: 285px;
    max-width: 285px;
    padding: 14px 12px;
    flex-shrink: 0;
    box-shadow: 0 0 15px rgba(180, 140, 80, 0.15);
    margin: 0 15px 10px 0;
    float: left;
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    grid-template-areas:
        "avatar avatar"
        "author author"
        "title title"
        "custom1 custom1"
        "custom2 custom2"
        "posts  respect"
        "time   time";
    gap: 6px 10px;
}
/* Исключаем страницу профиля */
#profile .post-author, #profile .postleft {
    display: block !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    float: none !important;
}
.pa-avatar { grid-area: avatar; margin: 0 auto; }
.pa-author { grid-area: author; }
.pa-title { grid-area: title; margin: 0; background: rgba(0,0,0,0.4); border-radius: 4px; padding: 4px; font-size: 11px; color: #b48850; }
.pa-custom1 { grid-area: custom1; }
.pa-custom2 { grid-area: custom2; }
.pa-posts { grid-area: posts; }
.pa-respect { grid-area: respect; }
/* Перенос строки для "Провел на форуме" */
.pa-title + div, .postleft > div:not(.pa-avatar):not(.pa-author):not(.pa-title):not(.pa-custom1):not(.pa-custom2):not(.pa-posts):not(.pa-respect) {
    grid-area: time;
    font-size: 11px;
    color: #a09080;
    margin-top: 4px;
    text-align: center;
}
/* Разбиваем "Провел на форуме:16 часов 26 минут" на две строки */
.pa-title + div br, .postleft > div:not(.pa-*) br {
    display: block;
}
.post-body, .post-content {
    position: relative;
    background: rgba(10, 8, 20, 0.85);
    border: 1px solid rgba(180, 140, 80, 0.2);
    border-radius: 6px;
    padding: 15px 20px;
    color: #c0b8a8;
    overflow: hidden;
}
/* Имя автора */
.post-author .pa-author a, .postleft .pa-author a {
    font-family: 'Esqadero', sans-serif;
    font-size: 16px;
    color: #d4a840;
    text-shadow: 0 0 6px rgba(200, 160, 40, 0.3);
    display: block;
    text-align: center;
    margin-bottom: 4px;
}
/* Аватар */
.pa-avatar img, .post-author .pa-avatar img, .postleft .pa-avatar img {
    width: 185px !important;
    height: 250px !important;
    object-fit: cover;
    object-position: top center;
    border: 2px solid rgba(180, 140, 80, 0.6);
    border-radius: 4px;
    margin: 0 auto 8px;
    display: block;
}
/* Кастомные поля */
.pa-custom1, .pa-custom2 { 
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 2px auto;
    width: auto;
    max-width: 100%;
}
.pa-custom1 {
    background: rgba(180,140,80,0.15);
    border: 1px solid #b48850;
    border-radius: 4px;
    padding: 4px 15px;
    font-size: 12px;
}
.pa-custom1 a { color: #d4a840; font-weight: bold; font-size: 12px; display: block; }
.pa-custom2 {
    background: rgba(180,140,80,0.1);
    border: 1px solid #b48850;
    border-radius: 3px;
    padding: 3px 15px;
    font-size: 11px;
    color: #d4a840;
    font-weight: bold;
}

/* Счётчики Сообщений и Уважения */
.pa-posts, .pa-respect {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 0 !important;
    margin-bottom: 10px;
    padding: 6px 4px;
    background: rgba(0,0,0,0.4);
    border-radius: 6px;
}
.pa-posts .stats-label, .pa-respect .stats-label {
    font-size: 10px;
    color: #c0b0a0;
    margin-bottom: 3px;
    font-weight: normal;
}
.pa-posts .stats-value, .pa-respect .stats-value {
    font-size: 16px;
    font-weight: bold;
    color: #f0d060;
}
.pa-posts br, .pa-respect br { display: none !important; }

/* ========== КНОПКИ UP/DOWN ========== */
.go-up, .go-down {
    display: none;
    position: fixed;
    right: 20px;
    z-index: 9999;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background: rgba(20,20,40,0.85);
    border: 2px solid #b48850;
    text-align: center;
    line-height: 45px;
    cursor: pointer;
}
.go-up span, .go-down span { font-family: 'Esqadero', sans-serif; font-size: 11px; color: #b48850; }
.go-up { bottom: 180px; }
.go-down { bottom: 100px; }

/* ========== ФОРМЫ ========== */
input[type="text"], input[type="password"], textarea, select {
    background: #1a1a1a;
    color: #c0b8a8;
    border: 1px solid #444;
    padding: 6px;
    border-radius: 3px;
    font-family: 'Fira Sans', sans-serif;
    font-size: 13px;
}
input[type="submit"], button {
    background: #2a2a3e;
    color: #d4a840;
    border: 1px solid #b48850;
    padding: 6px 16px;
    cursor: pointer;
    text-transform: uppercase;
    font-family: 'Esqadero', sans-serif;
    border-radius: 3px;
}
input[type="submit"]:hover, button:hover { background: #b48850; color: #0a0a0a; }
#main-reply, .textedit, textarea[name="req_message"] {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
}

/* ========== СКРОЛЛБАР ========== */
::-webkit-scrollbar { width: 12px; }
::-webkit-scrollbar-track { background: #1a1a1a; }
::-webkit-scrollbar-thumb { background: rgba(180,140,80,0.4); border-radius: 6px; }
::-webkit-scrollbar-thumb:hover { background: rgba(180,140,80,0.7); }

/* ========== ОБЩАЯ ШИРИНА ========== */
#pun {
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 15px;
    background: transparent;
}
#pun-main, .pun, .container { background: transparent; }
body { background-color: #0a0a0a; }

/* ========== ЦИТАТЫ, АВАТАРЫ И ФРАКЦИОННАЯ РАСКРАСКА (БЕЗ ПОДСВЕТКИ) ========== */

/* ---------- НЕЙТРАЛЬНЫЙ / ПО УМОЛЧАНИЮ (золотой) ---------- */
.post-content blockquote,
.post-content quote {
    border: 2px solid rgba(180,140,80,0.4);
    border-radius: 6px;
    background: linear-gradient(135deg, rgba(25,18,10,0.7) 0%, rgba(15,10,5,0.5) 100%);
    padding: 12px 15px;
    margin: 10px 0;
    color: #d0c8b8;
    box-shadow: 0 4px 15px rgba(0,0,0,0.4), inset 0 0 30px rgba(0,0,0,0.2);
    overflow-x: auto;
    text-align: center;
}
.post-content blockquote:hover,
.post-content quote:hover {
    /* Точно такой же, чтобы не было изменений при наведении */
    border: 2px solid rgba(180,140,80,0.4) !important;
    background: linear-gradient(135deg, rgba(25,18,10,0.7) 0%, rgba(15,10,5,0.5) 100%) !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.4), inset 0 0 30px rgba(0,0,0,0.2) !important;
    color: #d0c8b8 !important;
}

.pa-avatar img,
.post-author .pa-avatar img,
.postleft .pa-avatar img {
    border: 2px solid rgba(180, 140, 80, 0.6);
    box-shadow: 0 0 8px rgba(180, 140, 80, 0.3);
    width: 185px !important;
    height: 250px !important;
    object-fit: cover;
    object-position: top center;
    border-radius: 4px;
    margin: 0 auto 8px;
    display: block;
}
.pa-avatar img:hover,
.post-author:hover .pa-avatar img,
.postleft:hover .pa-avatar img {
    border: 2px solid rgba(180, 140, 80, 0.6) !important;
    box-shadow: 0 0 8px rgba(180, 140, 80, 0.3) !important;
}

/* ---------- СЕНАТ (золотой) ---------- */
body.faction-senate .post-content blockquote,
body.faction-senate .post-content quote {
    border: 2px solid rgba(200,160,60,0.6) !important;
    background: linear-gradient(135deg, rgba(25,18,10,0.7) 0%, rgba(15,10,5,0.5) 100%) !important;
}
body.faction-senate .post-content blockquote:hover,
body.faction-senate .post-content quote:hover {
    border: 2px solid rgba(200,160,60,0.6) !important;
    background: linear-gradient(135deg, rgba(25,18,10,0.7) 0%, rgba(15,10,5,0.5) 100%) !important;
}

body.faction-senate .pa-avatar img {
    border: 2px solid rgba(200,160,60,0.7) !important;
    box-shadow: 0 0 8px rgba(200,160,40,0.3) !important;
}
body.faction-senate .pa-avatar img:hover {
    border: 2px solid rgba(200,160,60,0.7) !important;
    box-shadow: 0 0 8px rgba(200,160,40,0.3) !important;
}

/* ---------- АВТОБОТ (синий) ---------- */
body.faction-autobot .post-content blockquote,
body.faction-autobot .post-content quote {
    border: 2px solid rgba(60,100,180,0.6) !important;
    background: linear-gradient(135deg, rgba(10,15,25,0.7) 0%, rgba(5,8,15,0.5) 100%) !important;
}
body.faction-autobot .post-content blockquote:hover,
body.faction-autobot .post-content quote:hover {
    border: 2px solid rgba(60,100,180,0.6) !important;
    background: linear-gradient(135deg, rgba(10,15,25,0.7) 0%, rgba(5,8,15,0.5) 100%) !important;
}

body.faction-autobot .pa-avatar img {
    border: 2px solid rgba(60,100,180,0.7) !important;
    box-shadow: 0 0 8px rgba(40,80,200,0.3) !important;
}
body.faction-autobot .pa-avatar img:hover {
    border: 2px solid rgba(60,100,180,0.7) !important;
    box-shadow: 0 0 8px rgba(40,80,200,0.3) !important;
}

/* ---------- ДЕСЕПТИКОН (красный) ---------- */
body.faction-decepticon .post-content blockquote,
body.faction-decepticon .post-content quote {
    border: 2px solid rgba(200,80,80,0.6) !important;
    background: linear-gradient(135deg, rgba(25,10,10,0.7) 0%, rgba(10,5,5,0.5) 100%) !important;
}
body.faction-decepticon .post-content blockquote:hover,
body.faction-decepticon .post-content quote:hover {
    border: 2px solid rgba(200,80,80,0.6) !important;
    background: linear-gradient(135deg, rgba(25,10,10,0.7) 0%, rgba(10,5,5,0.5) 100%) !important;
}

body.faction-decepticon .pa-avatar img {
    border: 2px solid rgba(200,80,80,0.7) !important;
    box-shadow: 0 0 8px rgba(200,40,40,0.3) !important;
}
body.faction-decepticon .pa-avatar img:hover {
    border: 2px solid rgba(200,80,80,0.7) !important;
    box-shadow: 0 0 8px rgba(200,40,40,0.3) !important;
}

/* ---------- НЕЙТРАЛ (серый) ---------- */
body.faction-neutral .post-content blockquote,
body.faction-neutral .post-content quote {
    border: 2px solid rgba(140,140,140,0.5) !important;
    background: linear-gradient(135deg, rgba(20,20,20,0.7) 0%, rgba(10,10,10,0.5) 100%) !important;
}
body.faction-neutral .post-content blockquote:hover,
body.faction-neutral .post-content quote:hover {
    border: 2px solid rgba(140,140,140,0.5) !important;
    background: linear-gradient(135deg, rgba(20,20,20,0.7) 0%, rgba(10,10,10,0.5) 100%) !important;
}

body.faction-neutral .pa-avatar img {
    border: 2px solid rgba(140,140,140,0.5) !important;
    box-shadow: 0 0 8px rgba(140,140,140,0.2) !important;
}
body.faction-neutral .pa-avatar img:hover {
    border: 2px solid rgba(140,140,140,0.5) !important;
    box-shadow: 0 0 8px rgba(140,140,140,0.2) !important;
}

/* Остальные внутренние стили цитат (таблицы, картинки, заголовки) остаются без изменений */
.post-content blockquote table, .post-content quote table {
    width: 100%;
    margin: 0 auto;
    border-collapse: collapse;
}
.post-content blockquote td, .post-content quote td {
    text-align: center;
    vertical-align: top;
    padding: 8px;
}
.post-content blockquote img, .post-content quote img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}
.post-content blockquote b, .post-content blockquote strong,
.post-content quote b, .post-content quote strong {
    color: #d4a840;
    font-family: 'Esqadero', sans-serif;
    letter-spacing: 1px;
}

/* ========== ПОДПИСЬ ========== */
.post-sig dt { display: none; }
.post-sig dd { margin: 0; }
.post-sig {
    border-top: 1px solid rgba(180, 140, 80, 0.3);
    margin-top: 20px;
    padding-top: 10px;
    color: #c0b8a8;
}

/* ========== ДАТА, НОМЕР ПОСТА, УБИРАЕМ "ПОДЕЛИТЬСЯ" ========== */
.post-head, .post-box .post-head, .blockpost .post-head {
    background: rgba(20, 12, 5, 0.8);
    border: 1px solid rgba(180, 140, 80, 0.4);
    border-radius: 6px;
    padding: 8px 15px;
    margin: 0 0 15px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #b48850;
    font-family: 'Esqadero', sans-serif;
    font-size: 11px;
    letter-spacing: 1px;
}
.post-head a {
    color: #d4a840;
    margin: 0 6px;
    text-decoration: none;
}
/* Скрываем "Поделиться" полностью */
.post-head .sharelink,
.post-head .post-link,
.post-head a[href*="#"] {
    display: none !important;
}
/* Гарантированный пробел между номером и датой */
.post-head strong:first-child {
    margin-right: 8px;
}

/* ========== СТРАНИЦА ПРОФИЛЯ – ЦЕНТРИРОВАНИЕ И ПЛОТНЫЙ ФОН ========== */
#profile .container {
    max-width: 1100px;
    margin: 0 auto;
    background: rgba(10, 8, 15, 0.95) !important;
    border-radius: 8px;
    padding: 20px;
}
#profilenav {
    float: left;
    width: 220px;
    margin-right: 25px;
    background: rgba(0,0,0,0.6);
    border-radius: 8px;
    padding: 15px;
}
#viewprofile {
    margin-left: 245px;
    overflow: hidden;
    background: rgba(0,0,0,0.4);
    border-radius: 8px;
    padding: 15px;
}
#viewprofile table {
    width: 100%;
    background: transparent;
    border-collapse: collapse;
}
#viewprofile td, #viewprofile th {
    padding: 10px 12px;
    border-bottom: 1px solid rgba(180,140,80,0.2);
    vertical-align: top;
}
#viewprofile tr:last-child td {
    border-bottom: none;
}
#viewprofile td:first-child {
    font-weight: bold;
    color: #d4a840;
    width: 35%;
}
#viewprofile td:last-child {
    color: #c0b8a8;
}
/* Убираем лишние переносы строк в профиле */
#viewprofile td br {
    display: none;
}
/* Левая часть профиля (аватар, имя) */
#profile .post-author, #profile .postleft {
    background: rgba(0,0,0,0.4);
    border: 1px solid rgba(180,140,80,0.3);
    border-radius: 8px;
    padding: 15px;
    margin-bottom: 20px;
    text-align: center;
}
#profile .pa-avatar img {
    width: 185px;
    height: 250px;
    object-fit: cover;
    border-radius: 4px;
    margin: 0 auto;
}
#profile .pa-author a {
    font-size: 18px;
}

/* ========== АДМИНКА ========== */
#pun-admin, .admin-page, .adm {
    background-color: #1a1a1a;
}
#pun-admin .container, .adcontainer, #adminconsole {
    background: rgba(20,20,30,0.95) !important;
    border: 1px solid #b48850 !important;
}
#pun-admin a, .adcontainer a {
    color: #d4a840 !important;
}
#pun-admin input, #pun-admin select, #pun-admin textarea {
    background: #2a2a2a;
    color: #c0b8a8;
    border: 1px solid #b48850;
}

/* ========== МОБИЛЬНАЯ ВЕРСИЯ ========== */
@media (max-width: 768px) {
    .post-author .pa-avatar img { width: 50px !important; height: 68px !important; }
}

/* ========== ТУЛБАР – ИКОНКИ НЕ ПРОПАДАЮТ + ВЫПАДАЮЩИЕ МЕНЮ ========== */
#form-buttons td {
    background-repeat: no-repeat !important;
    background-color: transparent !important;
    transition: background-color 0.2s;
    position: relative;   /* чтобы меню позиционировались от кнопки */
}

#form-buttons td:hover {
    background-color: rgba(180, 140, 80, 0.2) !important;
    /* картинку и позицию не трогаем */
}

/* Выпадающие меню – добавляем фон и рамку */
#font-area,
#size-area,
#color-area,
#table-area,
#smilies-area,
#image-area,
#video-area,
#spoiler-area,
#keyboard-area,
#addition-area {
    position: absolute;
    z-index: 1000;
    background: rgba(20, 20, 40, 0.95) !important;
    border: 1px solid #b48850 !important;
    border-radius: 4px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.6);
    padding: 6px;
    color: #c0b8a8;
}

/* ========== ОТКЛЮЧЕНИЕ ПОДСВЕТКИ ТАБЛИЦ В ПОСТАХ + ЦЕНТРИРОВАНИЕ КАРТИНОК ========== */

/* Строки таблиц внутри постов не должны менять фон при наведении */
.post-content table tr:hover td,
.post-body table tr:hover td,
.post-content table tr:hover th,
.post-body table tr:hover th {
    background: transparent !important;
}

/* Все картинки внутри цитат – строго по центру */
.post-content blockquote img,
.post-body blockquote img {
    float: none !important;
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Фикс: панель модерации и "Тему просматривают" строго под постом */
.blockpost + div {
    clear: both;
}

/* ===================================================================
   ФИНАЛЬНЫЕ ФИКСЫ: ПОДЕЛИТЬСЯ, ТОЧКИ, АВАТАРКА, КНОПКИ, ПАНЕЛИ
   =================================================================== */

/* 1. Скрываем "Поделиться" и добавляем пробел */
#pun-main .post-head .sharelink,
.post-head .sharelink {
    display: none !important;
}
#pun-main .post-head .permalink,
.post-head .permalink {
    margin-left: 8px !important;
}

/* 2. Убираем маркеры (точки) */
.post-author ul, .postleft ul,
.post-author li, .postleft li,
.post-links ul, .post-links li,
.post-actions-left, .post-actions-right,
.post-actions-left a, .post-actions-right a {
    list-style: none !important;
    background-image: none !important;
}
.post-author li::before, .postleft li::before,
.post-links li::before,
.post-actions-left a::before, .post-actions-right a::before {
    display: none !important;
    content: none !important;
}

/* 3. Панель модерации и "Тему просматривают" */
.blockpost + div:not(.container) {
    clear: both !important;
}
#pun-main > div:not(.blockpost):not(.container) {
    clear: both !important;
}

/* 4. Контейнер поста – включаем relative для абсолютного позиционирования кнопок */
.blockpost .container,
.post-box .container {
    position: relative;
}

/* 5. Кнопки действий – строго в одну строку */
.post-actions-left,
.post-actions-right {
    list-style: none !important;
    padding: 4px 8px;
    margin: 0;
    display: flex;
    flex-direction: row;        /* строка */
    flex-wrap: nowrap;          /* не переносить */
    gap: 6px;
    z-index: 5;
    border-radius: 4px;
    white-space: nowrap;
    align-items: center;
}

.post-actions-left {
    position: absolute;
    bottom: 8px;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(20, 12, 5, 0.9);
}

.post-actions-right {
    position: absolute;
    bottom: 8px;
    right: 12px;
    background: rgba(10, 8, 20, 0.9);
}

.post-actions-left a,
.post-actions-right a {
    display: inline-block;
    list-style: none !important;
    background: rgba(0,0,0,0.5);
    border: 1px solid rgba(180,140,80,0.5);
    border-radius: 4px;
    padding: 4px 10px;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #d4a840;
    white-space: nowrap;
    flex-shrink: 0;             /* чтобы не сжимались */
}

.post-actions-left a:hover,
.post-actions-right a:hover {
    background: rgba(180,140,80,0.4);
    color: #f0d060;
}

/* 6. Блокировка изменения аватарки при наведении */
.pa-avatar img:hover,
.post-author:hover .pa-avatar img,
.postleft:hover .pa-avatar img,
.blockpost:hover .pa-avatar img,
.post-box:hover .pa-avatar img {
    border-color: inherit !important;
    box-shadow: inherit !important;
    opacity: 1 !important;
    filter: none !important;
    transition: none !important;
}

.post-actions-left a,
.post-actions-right a {
    display: inline-block !important;
    float: none !important;
    clear: none !important;
}