body {
    max-width: 76%;
    margin: 0 auto;
    background-color: #f0f7fc; /* Светло-голубой фон напоминающий чистый воздух */
    color: #333333; /* Темный текст для читабельности */
    padding: 0px;
    scrollbar-arrow-color: #3498db; /* Голубые цвета прокрутки */
    scrollbar-face-color: #d5e6f3;
    scrollbar-track-color: #e9f2fa;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100" fill-opacity="0.05"><path d="M50,20 L80,50 L50,80 L20,50 Z" fill="%233498db"/></svg>');
    background-repeat: repeat;
}

font, th, td, p {
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #333333; /* Темный текст по умолчанию */
}

a {
    text-decoration: none;
    color: #2980b9; /* Синие ссылки */
    transition: color 0.3s ease;
}

a:visited {
    color: #1c638b; /* Темно-синие ссылки */
}

a:hover, a:active {
    color: #3498db; /* Светло-синий при наведении */
    text-decoration: underline;
}

table.forumline {
    background-color: #ffffff; /* Белый фон таблиц */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    margin-bottom: 15px;
}

table.forumline:hover {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15); /* Тень при наведении */
}

.row, .row1, .row2 {
    background-color: #ffffff; /* Белый фон строк */
}

.row3 {
    background-color: #f5fafd; /* Чередование строк в голубоватом оттенке */
}

th, td.th {
    color: #ffffff; /* Белый текст заголовков */
    font-size: 14px;
    font-weight: bold;
    background-color: #3498db; /* Голубой фон заголовков */
    height: 35px;
    border-style: none;
    border-radius: 4px 4px 0 0;
    padding: 0 10px;
    background-image: linear-gradient(to right, #3498db, #2c82c9);
}

.postbody {
    font-size: 14px;
    color: #333333; /* Темный текст сообщений для читабельности */
    line-height: 1.5;
}

.code, .quote {
    background-color: #e9f2fa; /* Светло-голубой фон для блоков */
    color: #2c3e50; /* Темно-синий текст для лучшей читабельности */
    font-family: Consolas, 'Source Code Pro', monospace;
    border: 1px solid #d5e6f3;
    padding: 12px;
    border-radius: 5px;
    margin: 10px 0;
}

/* Дополнительные элементы для вентиляционного форума */

.forum-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%233498db"><path d="M12,5.5C12.83,5.5 13.5,6.17 13.5,7C13.5,7.83 12.83,8.5 12,8.5C11.17,8.5 10.5,7.83 10.5,7C10.5,6.17 11.17,5.5 12,5.5M5,8C5.56,8 6.08,8.15 6.53,8.42C6.38,9.85 6.8,11.27 7.66,12.38C7.16,13.34 6.16,14 5,14C3.34,14 2,12.66 2,11C2,9.34 3.34,8 5,8M19,8C20.66,8 22,9.34 22,11C22,12.66 20.66,14 19,14C17.84,14 16.84,13.34 16.34,12.38C17.2,11.27 17.62,9.85 17.47,8.42C17.92,8.15 18.44,8 19,8M5.5,18.25C5.5,16.18 8.41,14.5 12,14.5C15.59,14.5 18.5,16.18 18.5,18.25V20H5.5V18.25M0,20V18.5C0,17.11 1.89,15.94 4.45,15.6C3.86,16.28 3.5,17.22 3.5,18.25V20H0M24,20H20.5V18.25C20.5,17.22 20.14,16.28 19.55,15.6C22.11,15.94 24,17.11 24,18.5V20Z"/></svg>');
    background-repeat: no-repeat;
    vertical-align: middle;
    margin-right: 5px;
}

.topic-new {
    border-left: 4px solid #3498db; /* Голубая полоса для новых тем */
    padding-left: 10px;
}

.button {
    background-color: #3498db;
    color: white;
    border: none;
    padding: 8px 16px;
    border-radius: 4px;
    cursor: pointer;
    font-weight: bold;
    transition: background-color 0.3s ease;
}

.button:hover {
    background-color: #2980b9;
}

.forum-title {
    font-size: 24px;
    color: #2c3e50;
    margin: 15px 0;
    padding-bottom: 10px;
    border-bottom: 2px solid #3498db;
}

.breadcrumb {
    background-color: #e9f2fa;
    padding: 8px 15px;
    border-radius: 4px;
    margin-bottom: 15px;
}

.footer {
    text-align: center;
    padding: 20px 0;
    margin-top: 30px;
    border-top: 1px solid #d5e6f3;
    color: #7f8c8d;
}

/* Иконки для категорий вентиляции */
.category-industrial:before {
    content: "🏭";
    margin-right: 5px;
}

.category-home:before {
    content: "🏠";
    margin-right: 5px;
}

.category-technical:before {
    content: "🔧";
    margin-right: 5px;
}

.category-equipment:before {
    content: "⚙️";
    margin-right: 5px;
}

/* Статус онлайн пользователей */
.user-online {
    color: #27ae60;
    font-weight: bold;
}

.user-offline {
    color: #7f8c8d;
}

/* Индикатор непрочитанных сообщений */
.unread-messages {
    background-color: #3498db;
    color: white;
    border-radius: 50%;
    padding: 2px 6px;
    font-size: 12px;
    margin-left: 5px;
}

/* Анимация для интерактивных элементов */
@keyframes pulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.05); }
    100% { transform: scale(1); }
}

.new-alert {
    animation: pulse 2s infinite;
    color: #e74c3c;
}