/* --- ОСНОВНЫЕ ЦВЕТА МЕДИЦИНСКОЙ ТЕМЫ ---
   Белый: #FFFFFF (Стерильность)
   Светло-голубой: #E3F2FD (Фон)
   Бирюзовый/Синий: #00796B или #0288D1 (Акценты)
   Текст: #2C3E50 (Глубокий серый для легкого чтения)
------------------------------------------ */

BODY {
    FONT-SIZE: 14px;
    BACKGROUND: #f0f4f7; /* Мягкий серо-голубой фон */
    MARGIN: 10px;
    FONT-FAMILY: "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    COLOR: #2c3e50;
    LINE-HEIGHT: 1.6;
}

/* Ссылки - профессиональный синий */
A:link, A:active, A:visited { COLOR: #0277bd; TEXT-DECORATION: none; font-weight: 500; }
A:hover { COLOR: #008ba3; TEXT-DECORATION: underline; }

/* Таблицы и блоки цитат/кода */
.code_table, .php_table, .q_table, .quote_table {
    BORDER: #b0bec5 1px solid;
    BACKGROUND: #ffffff;
    WIDTH: 98%;
    BORDER-RADIUS: 5px;
    MARGIN: 10px 0;
}

.code_td, .php_td, .q_td, .quote_td {
    PADDING: 10px;
    FONT-SIZE: 13px;
    BACKGROUND: #fafafa;
}

/* Оформление цитат как "медицинской выписки" */
.quote {
    BORDER-LEFT: 4px solid #009688; /* Бирюзовая полоса слева */
    BACKGROUND: #f1f8f7;
    PADDING: 10px;
    FONT-STYLE: italic;
    COLOR: #455a64;
    BORDER-RADIUS: 0 5px 5px 0;
}

/* Шапки категорий (Headers) */
TH {
    BACKGROUND: #00796b; /* Темно-бирюзовый */
    COLOR: #ffffff;
    FONT-WEIGHT: bold;
    PADDING: 10px;
    TEXT-TRANSFORM: uppercase;
    FONT-SIZE: 12px;
    LETTER-SPACING: 1px;
}

TD.cat, TD.catHead, TD.catBottom {
    BACKGROUND: #e0f2f1;
    BORDER-BOTTOM: 2px solid #00796b;
    COLOR: #004d40;
    FONT-WEIGHT: bold;
    HEIGHT: 35px;
}

/* Чередование строк в списке тем */
.row1 { BACKGROUND: #ffffff; } /* Белая строка */
.row2 { BACKGROUND: #f9fbfc; } /* Почти белая, с легким оттенком голубого */
.row3 { BACKGROUND: #eef2f5; }

/* Тело сообщения */
.postbody {
    FONT-SIZE: 15px;
    LINE-HEIGHT: 1.5;
    COLOR: #333333;
    PADDING: 10px;
}

.name { FONT-WEIGHT: bold; COLOR: #00796b; }

/* Поля ввода и кнопки */
INPUT, TEXTAREA, SELECT {
    BORDER: 1px solid #cfd8dc;
    BORDER-RADIUS: 4px;
    PADDING: 5px;
    FONT-FAMILY: inherit;
}

INPUT.mainoption {
    BACKGROUND: #00796b;
    COLOR: #fff;
    BORDER: none;
    PADDING: 6px 15px;
    CURSOR: pointer;
    FONT-WEIGHT: bold;
    TRANSITION: 0.3s;
}

INPUT.mainoption:hover { BACKGROUND: #004d40; }

/* Чудо-квадрат для аватара (Мягкие тона) */
.guestavatar {
    width: 100px; height: 100px;
    background: #b2dfdb;
    color: #00695c;
    border-radius: 50%; /* Сделаем его круглым для современного вида */
    box-shadow: inset 0 0 10px rgba(0,0,0,0.05);
}

/* Прогресс-бар загрузки (Медицинский стиль) */
#cssbar-border { border: 2px solid #00796b; border-radius: 10px; overflow: hidden; }
#cssbar-line { background-color: #4db6ac; }

/* QR-код */
#qr img { border-radius: 8px; border: 2px solid #00796b; box-shadow: 0 4px 6px rgba(0,0,0,0.1); }