/* ==================================================== */
/* ПОЛНЫЙ ТЁМНЫЙ СТИЛЬ С ЖЁЛТЫМИ АКЦЕНТАМИ И АНИМАЦИЕЙ */
/* ==================================================== */

/* Основной фон всего сайта и подложка форума */
html, body, #pun, .punbb {
    background-color: #0b0c10 !important; /* Глубокий чёрный фон */
    color: #e3e4e6 !important; /* Светлый текст */
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

/* Контейнеры, категории и основные блоки форума */
.punbb .section .container, .punbb .post-body, .punbb td, .punbb th, .punbb .formal fieldset, .punbb .info-box {
    background-color: #171a21 !important; /* Тёмно-угольный фон блоков */
    color: #ffffff !important;
    border: 2px solid #ffcc00 !important; /* Сочные жёлтые рамки вокруг табличек */
    border-radius: 16px !important; /* Сильно округлые края для современного вида */
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.5) !important; /* Мягкая тень под блоками */
    margin-bottom: 12px !important;
}

/* Второстепенные элементы, подписи и цитаты */
.punbb .post .container, .punbb .post h3, .punbb-admin #pun-admin .adcontainer, .punbb .quote-box {
    background-color: #0f1115 !important;
    border-left: 5px solid #ffcc00 !important; /* Жёлтая акцентная полоса слева */
    border-radius: 12px !important;
}

/* Шапки категорий, главные заголовки и панели статистики */
.punbb h2, #pun-stats h2, .punbb .main h1, .punbb .main h2 {
    background: linear-gradient(90deg, #171a21 0%, #242936 100%) !important;
    color: #ffcc00 !important; /* Насыщенный жёлтый цвет для заголовков табличек */
    font-weight: bold !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-bottom: 2px solid #ffcc00 !important;
    border-radius: 14px 14px 0 0 !important; /* Скругление только верхних углов у шапки */
    text-shadow: 0 0 10px rgba(255, 204, 0, 0.4) !important; /* Неоновое жёлтое свечение */
}

/* Ссылки форума, названия тем и разделов */
a {
    color: #ffcc00 !important; /* Все ссылки становятся фирменными жёлтыми */
    text-decoration: none !important;
    display: inline-block;
    transition: transform 0.1s ease, color 0.2s ease !important; /* Подготовка к анимации клика */
}

/* Плавное изменение цвета при наведении на ссылку */
a:hover {
    color: #ffe066 !important; 
    text-shadow: 0 0 8px rgba(255, 224, 102, 0.6) !important;
}

/* ЭФФЕКТ КЛИКА ДЛЯ ВСЕХ ССЫЛОК И ТЕМ (Сжатие при нажатии) */
a:active {
    transform: scale(0.95) !important; /* Ссылка слегка уменьшается при тыке пальцем */
}

/* Кнопки, отправка формы, создание темы */
.punbb input[type="submit"], .punbb input[type="button"], button, .punbb .button {
    background: #ffcc00 !important; /* Полностью жёлтая кнопка */
    color: #0b0c10 !important; /* Чёрный текст внутри для идеальной читаемости */
    font-weight: bold !important;
    border: none !important;
    border-radius: 10px !important; /* Округлые края у кнопок */
    padding: 8px 16px !important;
    cursor: pointer;
    transition: transform 0.1s ease, box-shadow 0.2s ease !important;
}

/* ЭФФЕКТ КЛИКА ДЛЯ КНОПОК */
.punbb input[type="submit"]:active, button:active, .punbb .button:active {
    transform: scale(0.93) !important; /* Заметный упругий клик кнопки */
    box-shadow: 0 0 5px rgba(255, 204, 0, 0.5) !important;
}

.punbb input[type="submit"]:hover, button:hover {
    box-shadow: 0 0 15px rgba(255, 204, 0, 0.7) !important; /* Свечение при наведении */
}

/* Текстовые поля, формы ввода сообщений */
.punbb textarea, .punbb input[type="text"], .punbb select {
    background-color: #0b0c10 !important;
    color: #ffffff !important;
    border: 2px solid #ffcc00 !important;
    border-radius: 8px !important; /* Округлые поля ввода */
    padding: 6px !important;
}

/* Исправление цвета подсказок в админке */
.punbb .formal fieldset p, .punbb .formal fieldset legend, .adcontainer p, .adcontainer label {
    color: #ffffff !important;
}

/* Общий сокращенный стиль баннеров ролей (Матрёшка РП) */
.pun .post .post-author ul li b {
    display: inline-block !important;
    padding: 3px 10px !important;
    background: rgba(15, 15, 15, 0.85) !important; /* Полупрозрачный темный фон */
    border-radius: 4px !important; /* Скругление */
    color: #ffffff !important; /* Белый текст */
    font-weight: bold !important;
    font-size: 10px !important;
    text-transform: uppercase !important; /* ЗАГЛАВНЫЕ БУКВЫ */
    letter-spacing: 0.5px !important;
    margin-top: 5px !important;
    text-align: center !important;
    width: auto !important;
}

/* &#9898; Настройка для Пользователя (Игрока) */
.group_user .post-author ul li b { border: 2px solid #a0a0a0 !important; }

/* &#128994; Настройка для Стажёра */
.group_stazher .post-author ul li b { border: 2px solid #2ecc71 !important; box-shadow: 0 0 10px #2ecc71 !important; }

/* &#127794; Настройка для Игрового помощника */
.group_helper .post-author ul li b { border: 2px solid #27ae60 !important; box-shadow: 0 0 10px #27ae60 !important; }

/* &#128309; Настройка для Следака */
.group_sledak .post-author ul li b { border: 2px solid #3498db !important; box-shadow: 0 0 12px #3498db !important; }

/* &#128313; Настройка для Зам. Главного Следака (ЗГС) */
.group_zgs .post-author ul li b { border: 2px solid #2980b9 !important; box-shadow: 0 0 12px #2980b9 !important; }

/* &#128995; Настройка для Главного Следака (ГС) */
.group_gs .post-author ul li b { border: 2px solid #9b59b6 !important; box-shadow: 0 0 14px #9b59b6 !important; }

/* &#128992; Настройка для Администратора */
.group_admin .post-author ul li b { border: 2px solid #e67e22 !important; box-shadow: 0 0 14px #e67e22 !important; }

/* &#128308; Настройка для ЗГА */
.group_zga .post-author ul li b { border: 2px solid #e74c3c !important; box-shadow: 0 0 15px #e74c3c !important; }

/* &#128081; Настройка для ГА */
.group_ga .post-author ul li b { border: 2px solid #f1c40f !important; box-shadow: 0 0 18px #f1c40f !important; }

/* &#128187; Настройка для Разработчика */
@keyframes dev-glow {
    0% { box-shadow: 0 0 8px rgba(155, 17, 30, 0.6); border-color: #9b111e; }
    50% { box-shadow: 0 0 22px rgba(227, 38, 54, 0.9); border-color: #e32636; }
    100% { box-shadow: 0 0 8px rgba(155, 17, 30, 0.6); border-color: #9b111e; }
}
.group_dev .post-author ul li b {
    border: 2px solid #9b111e !important;
    animation: dev-glow 2.5s infinite ease-in-out !important;
}


