@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700;800&display=swap');
@import url(style_cs.1768836585.css);

/* Базовый сброс */
* { box-sizing: border-box; }
body {
    font-family: 'Inter', sans-serif !important;
    -webkit-font-smoothing: antialiased;
}

.punbb {
    max-width: 1250px; /* Сделали чуть шире */
    margin: 50px auto !important;
    float: none !important;
    padding: 0 20px;
}

/* ПРОСТРАНСТВО: Заголовки разделов */
.punbb h2, .punbb h1 {
    padding: 20px 0 !important; /* Увеличили отступы заголовков */
    font-size: 18px !important;
}

/* ПРОСТРАНСТВО: Контейнеры */
.punbb .container {
    border-radius: var(--radius) !important;
    padding: 25px !important; /* Огромные внутренние отступы для простора */
    margin-bottom: 35px !important; /* Расстояние между блоками */
}

/* Навигация (Горизонтальные кнопки) */
#pun-navlinks .container, #pun-ulinks .container {
    padding: 10px !important;
}

#pun-navlinks ul, #pun-ulinks ul {
    display: flex;
    gap: 10px;
    padding: 0 !important;
}

#pun-navlinks li a, #pun-ulinks li a {
    background: #f1f5f9;
    padding: 10px 18px !important;
    border-radius: var(--radius);
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    border: 1px solid transparent;
}

#pun-navlinks li a:hover, #pun-ulinks li a:hover {
    background: #ffffff;
    border-color: var(--accent);
    color: var(--accent) !important;
    box-shadow: 0 4px 12px var(--accent-glow);
    transform: translateY(-1px);
}

/* ТАБЛИЦЫ (Список форумов/тем) */
.punbb th {
    padding: 15px 20px !important;
    font-size: 12px !important;
    color: var(--text-dim) !important;
}

.punbb td {
    padding: 20px !important; /* Простор в строках */
}

/* КНОПКИ (Black & Modern) */
input[type="submit"], .punbb .btn, .postlink a {
    background: #000000 !important;
    color: #ffffff !important;
    border: none !important;
    padding: 14px 28px !important;
    border-radius: var(--radius) !important;
    font-weight: 700 !important;
    font-size: 12px !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    transition: all 0.3s ease;
}

input[type="submit"]:hover {
    background: var(--accent) !important;
    box-shadow: 0 10px 20px var(--accent-glow);
    transform: translateY(-2px);
}

/* ПОСТЫ (Разделение автора и контента) */
.punbb .post {
    margin-bottom: 20px !important;
}

.punbb .post-author {
    width: 200px !important;
    padding: 30px !important;
    background: #fcfdfe !important;
    border-right: 1px solid #f1f5f9 !important;
}

.punbb .post-body {
    margin-left: 200px !important;
    padding: 35px !important; /* Еще больше простора для текста */
    line-height: 1.8;
}

/* АНИМАЦИИ */
.punbb .container {
    animation: fadeIn 0.6s ease-out;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(5px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Скроллбар */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #f8fafc; }
::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 10px; }
::-webkit-scrollbar-thumb:hover { background: var(--accent); }