/*
 * Фирменный вид Roundcube (тема Elastic). Подключается через nginx (sub_filter),
 * файлы темы в образе не меняются — обновление Roundcube ничего не ломает.
 * Логотип задаётся не здесь, а в конфиге ($config['skin_logo'], /srv/webmail/config/zhukovka.php).
 *
 * ВАЖНО: Elastic не использует переменные CSS — цвета вшиты в правила (основной #37beff).
 * Поэтому здесь переопределяются конкретные селекторы, а не :root.
 */

@import url("/brand/fonts.css");

:root {
    --zh-ink: #002857;
    --zh-ink-dark: #001d40;
    --zh-blue: #abc4e7;
    --zh-cream: #e6e5e1;
}

body,
input,
select,
textarea,
button,
.form-control {
    font-family: "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;
}

/* ── Кнопки. Elastic превращает .button.mainaction в .btn.btn-primary скриптом ── */
.btn-primary,
.btn-primary.disabled,
.btn-primary:disabled {
    background: var(--zh-ink);
    border-color: var(--zh-ink);
    color: #fff;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:not(:disabled):not(.disabled):active {
    background: var(--zh-ink-dark);
    border-color: var(--zh-ink-dark);
    color: #fff;
}

/* ── Левое меню задач ── */
#taskmenu {
    background-color: var(--zh-ink);
}

#taskmenu a {
    color: #fff;
    border-bottom-color: rgba(255, 255, 255, .12) !important;
}

#taskmenu a.selected,
#taskmenu a.selected:hover,
#taskmenu a:hover {
    background: var(--zh-ink-dark);
    color: #fff;
}

#taskmenu .special-buttons {
    background-color: var(--zh-ink-dark);
}

#taskmenu .action-buttons a,
#taskmenu .action-buttons a:hover {
    color: var(--zh-blue);
}

/* ── Мелкие голубые детали Elastic ── */
.floating-action-buttons a.button,
.quota-widget .value,
#messagestack .alert-info.information {
    background: var(--zh-ink);
}

.ui-menu .ui-state-active,
.ui-datepicker a.ui-state-active {
    background-color: var(--zh-ink) !important;
}

/* ── Страница входа ── */
.task-login #layout,
.task-login #layout-content {
    background: var(--zh-cream);
}

/* Логотип входа: файл 1920 × 1120, Elastic ограничивает высоту 100px */
.task-login #logo {
    max-height: 132px;
    max-width: 300px;
    width: auto;
}