/* Innovalia brand overrides — palette douce
   Accent: #6366F1 (indigo) | Sidebar: #1e293b (slate) */

/* ── Task menu (left sidebar) ── */
#taskmenu { background: #1e293b !important; }
#taskmenu .button:hover,
#taskmenu .button.selected { background: #334155 !important; }
#taskmenu .action-buttons a { color: #818CF8 !important; }
#taskmenu .action-buttons a:hover { color: #a5b4fc !important; background: #334155 !important; }

/* ── Primary buttons ── */
.btn-primary,
.btn-primary.disabled,
.btn-primary:disabled {
    background: #6366F1 !important;
    border-color: #6366F1 !important;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background: #4F46E5 !important;
    border-color: #4F46E5 !important;
}

/* ── Selected / hover items in menus ── */
.popupmenu .listing li.selected,
.popupmenu .listing li > a:not(.disabled):hover,
.popover .menu li a:not(.disabled):hover,
.popover .menu .dropbutton a.dropdown:hover,
.ui-menu .ui-state-active {
    background-color: #6366F1 !important;
    border-color: #6366F1 !important;
}

/* ── Floating action button ── */
.floating-action-buttons a.button {
    background: #6366F1 !important;
    box-shadow: 0 0 5px 5px rgba(99,102,241,.15) !important;
}

/* ── Quota bar ── */
.quota-widget .value { background-color: #6366F1 !important; }

/* ── Unread count badge ── */
.folderlist li.mailbox .unreadcount,
.folderlist li.mailbox.recent > a > .unreadcount {
    background: #6366F1 !important;
}

/* ── Focus rings ── */
.multi-input > .content.focused,
.formcontent.raweditor .CodeMirror-focused {
    border-color: #6366F1 !important;
    box-shadow: 0 0 0 .2rem rgba(99,102,241,.2) !important;
}

/* ── Date picker ── */
.ui-datepicker .ui-state-highlight,
.ui-datepicker .ui-datepicker-days-cell-over a {
    background: #eef2ff !important;
    color: #4F46E5 !important;
}
.ui-datepicker a.ui-state-active {
    background: #6366F1 !important;
    color: #fff !important;
}

/* ── Login page logo ── */
.task-login #logo {
    max-width: 280px;
    max-height: 80px;
}

/* ── Dark mode: use white logo ── */
html.dark-mode .task-login #logo { content: url('/skins/elastic/images/logo-white.svg'); }