/* ========================================= */
/* СТРУКТУРА (style.css) - Каркас форума     */
/* ========================================= */
#pun {
    max-width: 1200px; 
    margin: 0 auto;    
    padding: 20px;     
    box-sizing: border-box; 
}

/* ========================================= */
/* ШАПКА ФОРУМА (Логотип и название)         */
/* ========================================= */
#pun-title {
    display: flex; flex-direction: column; align-items: center; justify-content: center; 
    min-height: 250px; margin-bottom: -10px; 
    background-color: transparent !important; border: none !important;
    background-image: url('ССЫЛКА_НА_ТВОЮ_КАРТИНКУ'); 
    background-size: contain; background-repeat: no-repeat; background-position: center; 
}

#pun-title h1 span {
    font-family: 'Playfair Display SC', serif; font-size: 42px; color: oklch(1 0 0); 
    text-shadow: 0 4px 15px oklch(0 0 0 / 0.8); 
    /* display: none; */ 
}

#pun-title .title-desc {
    color: oklch(0.8 0 0); margin-top: 10px; font-size: 14px; text-shadow: 0 2px 5px oklch(0 0 0 / 0.8);
}

/* ========================================= */
/* СОВРЕМЕННАЯ ПАРЯЩАЯ НАВИГАЦИЯ             */
/* ========================================= */
#pun-navlinks {
    position: sticky; top: 15px; z-index: 1000;
    background: oklch(0.2 0.01 250 / 0.6); backdrop-filter: blur(12px) saturate(150%); -webkit-backdrop-filter: blur(12px) saturate(150%);
    border: 1px solid oklch(1 0 0 / 0.1); border-radius: 16px; box-shadow: 0 10px 30px oklch(0 0 0 / 0.4);
    padding: 10px 20px; margin-bottom: 30px;

    h2 { display: none !important; }

    ul {
        display: flex; justify-content: center; flex-wrap: wrap; gap: 20px; margin: 0; padding: 0;
        li {
            list-style: none;
            a {
                display: inline-block; color: oklch(0.85 0 0); font-family: system-ui, sans-serif;
                font-size: 13px; font-weight: 500; text-transform: uppercase; letter-spacing: 1px;
                padding: 8px 16px; border-radius: 8px; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
                &:hover {
                    background: oklch(1 0 0 / 0.1); color: var(--accent-color, #4CAF50);
                    transform: translateY(-2px); box-shadow: 0 4px 12px var(--accent-color, rgba(76, 175, 80, 0.3));
                }
            }
        }
    }
}

/* ========================================= */
/* КАТЕГОРИИ И СПИСОК РАЗДЕЛОВ               */
/* ========================================= */
#pun-main { margin-bottom: 20px; }

.punbb .category {
    background-color: var(--bg-blocks, oklch(0.2 0 0)); border-radius: 12px; margin-bottom: 30px; 
    box-shadow: 0 4px 15px oklch(0 0 0 / 0.2); overflow: hidden; border: 1px solid oklch(1 1 1 / 0.05); 
}

.punbb .category h2 {
    background-color: oklch(0.15 0 0); color: var(--text-titles, #ffffff); padding: 15px 20px; margin: 0;
    font-family: 'Playfair Display SC', serif; font-size: 20px; letter-spacing: 1px;
    border-bottom: 2px solid var(--accent-color, #4CAF50);
}

.punbb .category table { width: 100%; border-collapse: collapse; }
.punbb .category th {
    background-color: oklch(0.18 0 0); color: oklch(0.6 0 0); font-size: 11px; text-transform: uppercase; padding: 10px 15px; text-align: left; font-weight: 500;
}
.punbb .category td {
    padding: 15px; color: var(--text-main, #cccccc); border-bottom: 1px solid oklch(1 1 1 / 0.05); transition: background-color 0.3s ease; 
}
.punbb .category tr:last-child td { border-bottom: none; }
.punbb .category tbody tr:hover td { background-color: oklch(1 1 1 / 0.03); }

.punbb .category .tclcon h3 a { font-size: 16px; font-weight: bold; color: var(--text-titles, #ffffff); }
.punbb .category .tclcon .forum-desc { font-size: 12px; color: oklch(0.7 0 0); margin-top: 5px; }


/* ========================================= */
/* КАРТОЧКА ПОСТА: ЖЕЛЕЗОБЕТОННАЯ СЕТКА      */
/* ========================================= */
.punbb .post {
    background-color: #1e1e1e !important; 
    border-radius: 12px !important; 
    margin-bottom: 25px !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3) !important; 
    border: 1px solid rgba(255, 255, 255, 0.05) !important; 
    overflow: hidden !important;
    position: relative !important; 
}

/* 1. Левая колонка (Профиль) - прибиваем гвоздями к левому краю */
.punbb .post-author {
    float: left !important; /* 👈 ВОТ ОНА МАГИЯ: заставляем текст обтекать профиль справа */
    width: 220px !important; 
    background-color: #151515 !important; 
    padding: 20px !important; 
    border-right: 1px solid rgba(255, 255, 255, 0.05) !important;
    box-sizing: border-box !important;
}

/* 2. Правая колонка (Текст) - отодвигаем от левого края */
.punbb .post-body {
    float: none !important;
    display: block !important;
}

.punbb .post-msg {
    margin-left: 220px !important; /* 👈 Отступаем слева ровно на ширину нашего профиля */
    width: auto !important; /* 👈 ВАЖНО: никаких 100%, иначе блок упадет вниз! */
    float: none !important; 
    padding: 25px 30px !important; 
    font-size: 14px !important; 
    line-height: 1.6 !important;
    box-sizing: border-box !important;
}

/* Гарантируем, что любой текст внутри сообщения будет видимым */
.punbb .post-msg, 
.punbb .post-msg div, 
.punbb .post-msg p, 
.punbb .post-msg span, 
.punbb .post-msg .post-content {
    color: #ffffff !important; 
    visibility: visible !important; 
    opacity: 1 !important;
}

/* 3. Усмиряем верхнюю панель с датой */
.punbb .post h3 {
    background: #151515 !important; 
    padding: 10px 20px !important; 
    border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important; 
    margin: 0 !important;
}
.punbb .post h3 span, .punbb .post h3 a {
    color: #888888 !important; font-size: 12px !important; font-weight: normal !important; text-decoration: none !important;
}
.punbb .post h3 a:hover { color: #4CAF50 !important; }

/* 4. Панель кнопок внизу */
.punbb .post-links {
    clear: both !important; /* 👈 Запрещаем кнопкам налезать на профиль и отправляем их строго вниз */
    background-color: #151515 !important; 
    padding: 10px 20px !important; 
    border-top: 1px solid rgba(255, 255, 255, 0.05) !important;
}
.punbb .post-links ul {
    display: flex !important; justify-content: flex-end !important; flex-wrap: wrap !important; gap: 15px !important; margin: 0 !important; padding: 0 !important;
}
.punbb .post-links a {
    font-size: 10px !important; color: #666666 !important; text-transform: uppercase !important; letter-spacing: 1px !important; font-weight: bold !important; background: transparent !important;
}
.punbb .post-links a:hover { color: #4CAF50 !important; }

/* Убиваем системные распорки движка, если они мешают */
.punbb .clearer, .punbb .clear { 
    clear: both !important; display: block !important; height: 0 !important; margin: 0 !important; padding: 0 !important; 
}


/* ========================================= */
/* ОФОРМЛЕНИЕ ЦИТАТ И КОДА                   */
/* ========================================= */
.punbb .post-msg .quote-box {
    background-color: #2a2a2a !important; border-left: 4px solid #4CAF50 !important; border-radius: 0 8px 8px 0 !important; padding: 15px 20px !important; margin: 15px 0 !important; border-top: none !important; border-right: none !important; border-bottom: none !important;
}
.punbb .post-msg .quote-box blockquote {
    margin: 0 !important; padding: 0 !important; color: #cccccc !important; font-style: italic !important; 
}
.punbb .post-msg .quote-box cite {
    display: block !important; font-weight: bold !important; font-style: normal !important; color: #ffffff !important; margin-bottom: 10px !important; font-size: 12px !important; text-transform: uppercase !important;
}
.punbb .post-msg .code-box {
    background-color: #0d0d0d !important; border-radius: 8px !important; padding: 15px !important; margin: 15px 0 !important; border: 1px solid rgba(255, 255, 255, 0.05) !important; overflow-x: auto !important; 
}
.punbb .post-msg .code-box pre {
    font-family: 'Courier New', Courier, monospace !important; font-size: 13px !important; color: #81c784 !important; 
}


/* ========================================= */
/* БАЗОВЫЙ МИНИ-ПРОФИЛЬ (Чистый холст)       */
/* ========================================= */
.punbb .post-author {
    ul { list-style: none !important; margin: 0 !important; padding: 0 !important; border: none !important; background: transparent !important; }
    li { border: none !important; background: transparent !important; }

    .pa-avatar {
        text-align: center; margin-bottom: 15px; 
        img { max-width: 100%; border-radius: 8px; box-shadow: 0 4px 10px oklch(0 0 0 / 0.3); }
    }
    .pa-author {
        text-align: center; font-size: 16px; font-weight: bold; margin-bottom: 5px;
        a { color: var(--text-titles, #ffffff) !important; }
    }
    .pa-title {
        text-align: center; font-size: 12px; color: oklch(0.7 0 0); font-style: italic; margin-bottom: 20px; 
    }
    li {
        display: flex; justify-content: space-between; font-size: 11px; color: var(--text-main, #cccccc); padding: 6px 0; border-bottom: 1px dashed oklch(1 1 1 / 0.1) !important;
        &:last-child { border-bottom: none !important; }
        a {
            font-weight: bold; color: var(--text-main, #cccccc) !important;
            &:hover { color: var(--accent-color, #4CAF50) !important; }
        }
    }
    .pa-online {
        color: var(--accent-color, #4CAF50); font-weight: bold; text-align: center; text-transform: uppercase; font-size: 10px; letter-spacing: 1px; margin-top: 15px; display: block !important; border: none !important;
    }
}

/* ========================================= */
/* ФОРМА БЫСТРОГО ОТВЕТА                     */
/* ========================================= */

/* 1. Главная "коробка" формы */
.punbb #post {
    background-color: #1e1e1e !important;
    border-radius: 12px !important;
    margin-top: 30px !important;
    padding: 25px !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3) !important;
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
}

/* 2. Заголовок "Быстрый ответ" */
.punbb #post h2 {
    background-color: transparent !important;
    color: #ffffff !important;
    border-bottom: 2px solid #4CAF50 !important; /* Зеленая подчеркивающая линия */
    padding-bottom: 10px !important;
    margin-bottom: 20px !important;
    font-family: 'Playfair Display SC', serif !important;
}

/* 3. Окно ввода текста */
.punbb #post textarea {
    width: 100% !important;
    background-color: #151515 !important;
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 8px !important;
    padding: 15px !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    box-sizing: border-box !important;
    resize: vertical !important; /* Разрешаем растягивать окно только вверх-вниз */
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* Эффект свечения, когда мы печатаем текст */
.punbb #post textarea:focus {
    outline: none !important;
    border-color: #4CAF50 !important;
    box-shadow: 0 0 10px rgba(76, 175, 80, 0.2) !important;
}

/* 4. Кнопки "Отправить" и "Просмотр" */
.punbb #post input[type="submit"] {
    background-color: #4CAF50 !important; /* Наш фирменный зеленый цвет */
    color: #ffffff !important;
    border: none !important;
    border-radius: 8px !important;
    padding: 10px 25px !important;
    font-size: 12px !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    cursor: pointer !important;
    margin-top: 15px !important;
    margin-right: 10px !important;
    transition: background-color 0.3s ease, transform 0.2s ease !important;
}

/* Анимация кнопок при наведении */
.punbb #post input[type="submit"]:hover {
    background-color: #81c784 !important; /* Делаем цвет светлее */
    transform: translateY(-2px) !important; /* Кнопка слегка подпрыгивает */
}

/* Делаем панель со смайликами темной (если она включена) */
.punbb #post .smilies {
    background-color: transparent !important;
    border: none !important;
    margin-top: 15px !important;
}

/* ========================================= */
/* ПОДВАЛ ФОРУМА И СТАТИСТИКА                */
/* ========================================= */

/* 1. Оформление главных нижних блоков */
.punbb #pun-stats,
.punbb #pun-about {
    background-color: #1e1e1e !important;
    border-radius: 12px !important;
    margin-top: 30px !important;
    margin-bottom: 20px !important;
    padding: 20px 25px !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3) !important;
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
    color: #cccccc !important;
}

/* 2. Заголовки внутри статистики */
.punbb #pun-stats h2 {
    background-color: transparent !important;
    color: #ffffff !important;
    font-family: 'Playfair Display SC', serif !important;
    font-size: 18px !important;
    border-bottom: 2px solid #4CAF50 !important; /* Зеленая подчеркивающая линия */
    padding-bottom: 10px !important;
    margin-bottom: 15px !important;
    margin-top: 0 !important;
}

/* 3. Оформление списков и текста (кто онлайн, количество постов) */
.punbb #pun-stats dl,
.punbb #pun-stats dt,
.punbb #pun-stats dd {
    margin: 0 !important;
    padding: 5px 0 !important;
    line-height: 1.6 !important;
    font-size: 13px !important;
}

/* Ссылки (ники пользователей онлайн) */
.punbb #pun-stats a {
    color: #888888 !important; /* Спокойный серый цвет */
    font-weight: bold !important;
    text-decoration: none !important;
    transition: color 0.3s ease !important;
}

/* Подсветка ников при наведении */
.punbb #pun-stats a:hover {
    color: #4CAF50 !important; /* Наш акцентный зеленый */
}

/* 4. Самый нижний блок с копирайтами платформы */
.punbb #pun-about {
    text-align: center !important;
    font-size: 12px !important;
    padding: 15px !important;
}

.punbb #pun-about p {
    margin: 0 !important;
    color: #666666 !important;
}

.punbb #pun-about a {
    color: #888888 !important;
}

.punbb #pun-about a:hover {
    color: #ffffff !important;
}


/* ========================================= */
/* ПОДВАЛ ФОРУМА И СТАТИСТИКА                */
/* ========================================= */

/* 1. Оформление главных нижних блоков */
.punbb #pun-stats,
.punbb #pun-about {
    background-color: #1e1e1e !important;
    border-radius: 12px !important;
    margin-top: 30px !important;
    margin-bottom: 20px !important;
    padding: 20px 25px !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3) !important;
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
    color: #cccccc !important;
}

/* 2. Заголовки внутри статистики */
.punbb #pun-stats h2 {
    background-color: transparent !important;
    color: #ffffff !important;
    font-family: 'Playfair Display SC', serif !important;
    font-size: 18px !important;
    border-bottom: 2px solid #4CAF50 !important; /* Зеленая подчеркивающая линия */
    padding-bottom: 10px !important;
    margin-bottom: 15px !important;
    margin-top: 0 !important;
}

/* 3. Оформление списков и текста (кто онлайн, количество постов) */
.punbb #pun-stats dl,
.punbb #pun-stats dt,
.punbb #pun-stats dd {
    margin: 0 !important;
    padding: 5px 0 !important;
    line-height: 1.6 !important;
    font-size: 13px !important;
}

/* Ссылки (ники пользователей онлайн) */
.punbb #pun-stats a {
    color: #888888 !important; /* Спокойный серый цвет */
    font-weight: bold !important;
    text-decoration: none !important;
    transition: color 0.3s ease !important;
}

/* Подсветка ников при наведении */
.punbb #pun-stats a:hover {
    color: #4CAF50 !important; /* Наш акцентный зеленый */
}

/* 4. Самый нижний блок с копирайтами платформы */
.punbb #pun-about {
    text-align: center !important;
    font-size: 12px !important;
    padding: 15px !important;
}

.punbb #pun-about p {
    margin: 0 !important;
    color: #666666 !important;
}

.punbb #pun-about a {
    color: #888888 !important;
}

.punbb #pun-about a:hover {
    color: #ffffff !important;
}


/* ========================================= */
/* МИКРО-МАГИЯ: СКРОЛЛБАР И ВЫДЕЛЕНИЕ ТЕКСТА */
/* ========================================= */

/* 1. Цвет выделения текста (когда зажимаешь левую кнопку мыши) */
::selection {
    background-color: #4CAF50 !important; /* Наш зеленый акцент */
    color: #ffffff !important; /* Текст внутри выделения становится белым */
}

/* Фикс для браузера Mozilla Firefox */
::-moz-selection {
    background-color: #4CAF50 !important;
    color: #ffffff !important;
}

/* 2. Кастомная полоса прокрутки (для браузеров Chrome, Safari, Edge, Яндекс) */
::-webkit-scrollbar {
    width: 12px !important;  /* Ширина вертикального ползунка */
    height: 12px !important; /* Высота горизонтального ползунка (если появится) */
}

/* Фон "рельсов", по которым ездит ползунок */
::-webkit-scrollbar-track {
    background: #121212 !important; /* Самый темный цвет, как фон страницы */
}

/* Сам ползунок */
::-webkit-scrollbar-thumb {
    background: #2a2a2a !important; /* Темно-серый цвет */
    border-radius: 6px !important; /* Закругляем концы */
    border: 3px solid #121212 !important; /* Добавляем рамку в цвет фона, чтобы ползунок казался тоньше и изящнее */
}

/* Ползунок при наведении мыши */
::-webkit-scrollbar-thumb:hover {
    background: #4CAF50 !important; /* Подсвечиваем акцентным цветом */
}

/* ========================================= */
/* ПОЛЬЗОВАТЕЛЬСКИЕ ССЫЛКИ (Верхняя панель)  */
/* ========================================= */

/* 1. Главный контейнер верхней панели */
.punbb #pun-ulinks {
    background-color: #111111 !important; /* Самый темный оттенок для контраста */
    padding: 12px 20px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important; /* Тонкая линия разделителя снизу */
    margin-bottom: 20px !important;
}

/* 2. Настраиваем список ссылок внутри панели */
.punbb #pun-ulinks ul {
    display: flex !important;
    justify-content: center !important; /* Выстраиваем ссылки по центру. Чтобы прижать вправо, замени center на flex-end */
    flex-wrap: wrap !important;
    gap: 20px !important; /* Аккуратное расстояние между пунктами меню */
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important; /* Убираем стандартные точки списков */
}

/* Сбрасываем стандартные отступы у каждого пункта */
.punbb #pun-ulinks li {
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
}

/* 3. Оформление самого текста и ссылок */
.punbb #pun-ulinks a,
.punbb #pun-ulinks span {
    color: #a0a0a0 !important; /* Светло-серый, не режущий глаз цвет */
    font-size: 11px !important;
    font-weight: bold !important;
    text-transform: uppercase !important; /* Все буквы заглавные для журнального стиля */
    letter-spacing: 1.5px !important;
    text-decoration: none !important;
    transition: color 0.3s ease !important; /* Плавная смена цвета */
}

/* Эффект при наведении курсора на ссылку */
.punbb #pun-ulinks a:hover {
    color: #4CAF50 !important; /* Наш фирменный зеленый акцент */
}


/* ========================================= */
/* БЛОК ОБЪЯВЛЕНИЯ (С внутренним скроллом)   */
/* ========================================= */

/* 1. Главная "карточка" объявления */
.punbb #pun-announcement {
    background-color: #1a1a1a !important; 
    border-radius: 12px !important;       
    margin-bottom: 30px !important;       
    padding: 25px 30px !important;        
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5) !important; 
    border: 1px solid rgba(255, 255, 255, 0.05) !important; 
    border-left: 4px solid #4CAF50 !important; 
}

/* 2. Заголовок объявления */
.punbb #pun-announcement h2 {
    background-color: transparent !important;
    color: #ffffff !important;
    font-family: 'Playfair Display SC', serif !important; 
    font-size: 22px !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
    padding-bottom: 12px !important;
    margin-bottom: 15px !important;
    margin-top: 0 !important;
}

/* 3. Текст внутри объявления (ЗДЕСЬ МАГИЯ СКРОЛЛА) */
.punbb #pun-announcement .inbox {
    color: #cccccc !important;  
    font-size: 14px !important;
    line-height: 1.6 !important; 
    
    /* 👇 Ограничиваем высоту и включаем прокрутку 👇 */
    max-height: 250px !important;   /* Максимальная высота текста (можешь изменить эту цифру) */
    overflow-y: auto !important;    /* Включает вертикальный скролл, если текст слишком длинный */
    padding-right: 15px !important; /* Отступ справа, чтобы текст не терся о ползунок скролла */
}

/* 4. Ссылки внутри объявления */
.punbb #pun-announcement .inbox a {
    color: #ffffff !important;
    font-weight: bold !important;
    text-decoration: underline !important;
    transition: color 0.3s ease !important;
}

.punbb #pun-announcement .inbox a:hover {
    color: #4CAF50 !important; 
}

/* ========================================= */
/* ИНФОРМАЦИЯ О ПОЛЬЗОВАТЕЛЕ (Статус-блок)   */
/* ========================================= */

/* 1. Главная "карточка" блока */
.punbb #pun-status {
    background-color: #1e1e1e !important;
    border-radius: 12px !important;
    margin-bottom: 25px !important;
    padding: 20px 25px !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3) !important;
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
}

/* 2. Оформление заголовка */
.punbb #pun-status h2 {
    background-color: transparent !important;
    color: #ffffff !important;
    font-family: 'Playfair Display SC', serif !important;
    font-size: 18px !important;
    border-bottom: 2px solid #4CAF50 !important; /* Наш зеленый акцент */
    padding-bottom: 10px !important;
    margin-bottom: 15px !important;
    margin-top: 0 !important;
}

/* 3. Текст внутри блока (приветствие, время) */
.punbb #pun-status .inbox {
    color: #cccccc !important; /* Приглушенный серый для обычного текста */
    font-size: 13px !important;
    line-height: 1.6 !important;
}

/* Выделение имени пользователя (жирный шрифт) */
.punbb #pun-status .inbox strong {
    color: #ffffff !important;
    font-weight: bold !important;
    letter-spacing: 0.5px !important;
}

/* 4. Ссылки внутри блока (например, "Новых сообщений: 1") */
.punbb #pun-status .inbox a {
    color: #4CAF50 !important; /* Делаем ссылки акцентными */
    font-weight: bold !important;
    text-decoration: none !important;
    transition: color 0.3s ease !important;
}

/* Подсветка ссылок при наведении */
.punbb #pun-status .inbox a:hover {
    color: #81c784 !important; /* Светлеет при наведении */
    text-decoration: underline !important;
}

/* ========================================= */
/* СКРЫВАЕМ ЛИШНИЕ ЗАГОЛОВКИ (Минимализм)    */
/* ========================================= */

/* 1. Прячем заголовок "Информация о пользователе" */
.punbb #pun-status h2 {
    display: none !important;
}

/* 2. Прячем заголовок "Объявление" */
.punbb #pun-announcement h2 {
    display: none !important;
}


/* 3. Прячем заголовок "Пользовательские ссылки" */
.punbb #pun-ulinks h2 {
    display: none !important;
}

/* ========================================= */
/* СКРЫВАЕМ СЛОВО "ФОРУМ"                    */
/* ========================================= */

/* ВАРИАНТ 1: Если ты хочешь убрать кнопку "ФОРУМ" из самого верхнего меню навигации */
.punbb #navindex {
    display: none !important;
}

/* ВАРИАНТ 2: Если ты хочешь скрыть системный текстовый заголовок "Форум" над списком категорий */
.punbb #pun-main h1 {
    display: none !important;
}

/* ========================================= */
/* ПРОФИЛЬ: ИДЕАЛЬНАЯ ВЕРСТКА И КРАСОТА      */
/* ========================================= */

#pun-profile {
    width: 100% !important;
    margin: 20px 0 !important;
}

/* 1. Верхнее меню (Вкладки профиля - работает идеально) */
#pun-profile .main ul:first-of-type {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    padding: 15px !important;
    list-style: none !important;
    background: #1e1e1e !important;
    border-radius: 8px !important;
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
    margin-bottom: 25px !important;
    justify-content: center !important;
}

#pun-profile .main ul:first-of-type li {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

#pun-profile .main ul:first-of-type li a {
    display: block !important;
    padding: 8px 16px !important;
    background: #2a2a2a !important;
    border-radius: 6px !important;
    color: #cccccc !important;
    font-size: 13px !important;
    text-decoration: none !important;
    transition: 0.2s !important;
}

#pun-profile .main ul:first-of-type li a:hover {
    background: #4CAF50 !important;
    color: #ffffff !important;
}

/* 2. Основная карточка */
#pun-profile .main {
    background: #1e1e1e !important;
    padding: 30px !important;
    border-radius: 12px !important;
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
}

/* 3. НАСТРОЙКА ТАБЛИЦЫ */
#pun-profile .main table {
    width: 100% !important;
    border-collapse: collapse !important;
    background: transparent !important;
}

#pun-profile .main table tr {
    border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
}

#pun-profile .main table td {
    padding: 12px 10px !important;
    color: #cccccc !important;
    vertical-align: middle !important;
    background: transparent !important;
    border: none !important;
}

/* Левая колонка (Зарегистрирован, Валюта и т.д.) */
#pun-profile .item1 {
    width: 250px !important;
    color: #888888 !important;
}

/* ========================================= */
/* 4. ТОТАЛЬНОЕ УДАЛЕНИЕ СЕРЫХ КНОПОК И ФОРМ */
/* ========================================= */

/* ========================================= */
/* 4. ТОТАЛЬНОЕ УДАЛЕНИЕ СЕРЫХ КНОПОК И ФОРМ */
/* ========================================= */

/* Убиваем отступы у форм, чтобы они не ломали строки */
#pun-profile .main table td form,
#pun-profile .main table td fieldset {
    display: inline-block !important; 
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
}

/* Снимаем системный дизайн браузера со всех кнопок */
#pun-profile .main table td input,
#pun-profile .main table td button,
#pun-profile .main table td .button {
    appearance: none !important;         /* Снимаем системный стиль */
    -webkit-appearance: none !important; /* Для Chrome и Safari */
    -moz-appearance: none !important;    /* Для Firefox */
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;   /* Убиваем любые градиенты */
    border: none !important;
    box-shadow: none !important;
    color: #4CAF50 !important;           /* Наш зеленый цвет */
    font-family: inherit !important;
    font-size: 13px !important;
    font-weight: bold !important;
    padding: 0 !important;
    margin: 0 !important;
    cursor: pointer !important;
    text-decoration: none !important;
    display: inline-block !important;
    outline: none !important;
}

/* Эффект при наведении */
#pun-profile .main table td input:hover,
#pun-profile .main table td button:hover,
#pun-profile .main table td .button:hover {
    color: #ffffff !important;
    text-decoration: underline !important;
}