/*
 * custom.css — оформление списка писем: выделение и непрочитанные.
 *
 * Работа: OPS-22 | Дата: 2026-09-08
 *
 * Правила восстановлены по записям владельца от 17.11.2023 и 03.12.2023:
 * тогда они были
 * внесены прямо в skins/elastic/styles/styles.min.css и пропали при
 * очередном обновлении Roundcube. Здесь они лежат своим файлом, поэтому
 * обновление их не тронет.
 *
 * Штатные значения Roundcube (одинаковы в 1.6.3 и 1.7.2), для сравнения:
 *   светлая тема:  .listing tr.selected td { background-color: #ebf9ff }
 *   тёмная тема:   .listing tr.selected td { background-color: #374549 }
 *   непрочитанные: фона нет вовсе, только полужирная тема письма
 */

/* --- Выделенная строка, светлая тема ---------------------------------------
 * Было #ebf9ff — бледно-голубой, на светлом фоне почти неразличим.
 *
 * КАК ПОМЕНЯТЬ ЯРКОСТЬ. Здесь и в правиле «непрочитанные» ниже стоит один из
 * трёх наборов, сравнённых на снимках 08.09.2026:
 *   спокойно  выделение #f2f2f2   непрочитанные #6a788b45   (запись 03.12.2023)
 *   средне    выделение #8ed9ff   непрочитанные #02679726
 *   ярко      выделение #37beff   непрочитанные #0267974a   ← стоит сейчас
 *                                 (запись владельца 17.11.2023, выбрано 08.09.2026)
 * Меняются два значения, больше ничего. Текст оставляйте тёмным (#2c363a):
 * на всех трёх фонах он читается.
 */
.listing tr.selected td,
.listing tr.selected td a,
.listing tr.selected td span {
    color: #2c363a;
}

.listing tr.selected td {
    background-color: #37beff;
}

/* --- Выделенная строка, тёмная тема ----------------------------------------
 * Было #374549, стало #31535d — та же запись от 17.11.2023.
 */
html.dark-mode .listing tr.selected td,
html.dark-mode .listing tr.selected td a,
html.dark-mode .listing tr.selected td span {
    color: #37beff;
}

html.dark-mode .listing tr.selected td {
    background-color: #31535d;
}

/* --- Непрочитанные письма --------------------------------------------------
 * Штатно непрочитанное отличается только полужирной темой. Заливка строки
 * заметна боковым зрением, полужирность — нет.
 *
 * Цвет полупрозрачный (последние две цифры — прозрачность), поэтому он
 * ложится и на чётные, и на нечётные строки, не споря с чередованием, и не
 * перебивает выделение: фон ячейки (td) рисуется поверх фона строки (tr).
 */
#messagelist tr.unread td,
.listing tr.unread td {
    background-color: #0267974a;
}

html.dark-mode #messagelist tr.unread td,
html.dark-mode .listing tr.unread td {
    background-color: #02679733;
}

/* Выделение всегда важнее пометки о непрочитанности: если выделили
 * непрочитанное письмо, видно должно быть выделение. */
.listing tr.unread.selected td {
    background-color: #37beff;
}

html.dark-mode .listing tr.unread.selected td {
    background-color: #31535d;
}