/* Branding overrides for the Roundcube Elastic skin. */

:root {
    --brand: #2563eb;
    --brand-dark: #1d4ed8;
}

a, a:not(.btn) { color: #2563eb; }
a:hover, a:focus { color: #1d4ed8; }

.btn-primary, .btn-primary:disabled, .btn-primary:focus, .btn-primary:active {
    background: #2563eb !important;
    border-color: #2563eb !important;
    color: #fff;
}
.btn-primary:hover {
    background: #1d4ed8 !important;
    border-color: #1d4ed8 !important;
}

#taskmenu .action-buttons a { color: #2563eb; }

.folderlist li.mailbox .unreadcount,
.folderlist li.mailbox.recent > a > .unreadcount { background: #2563eb; }

.popupmenu .listing li.selected,
.popupmenu .listing li > a:not(.disabled):hover,
.popover .menu li a:not(.disabled):hover,
.popover .menu .dropbutton a.dropdown:hover { background-color: #2563eb !important; }

.form-control:focus,
.recipient-input.focus,
.multi-input > .content.focused,
.tagedit-list[tabindex="-1"],
.custom-file-input:focus ~ .custom-file-label,
div.tox.focused,
div.tox .tox-textfield:focus { border-color: #2563eb !important; }

.custom-switch .custom-control-input:checked ~ .custom-control-label::before {
    border-color: #2563eb;
    background-color: #2563eb;
}

.quota-widget .value { background-color: #2563eb; }

.floating-action-buttons a.button {
    background: #2563eb;
    box-shadow: 0 0 5px 5px rgba(0,0,0,0.08);
}

body.task-login {
    background: linear-gradient(160deg, #ffffff 0%, #f8fafc 55%, #e2e8f0 100%);
}
.task-login #logo { max-width: 240px; height: auto; width: auto; }

.branding-poweredby-wrap { margin-top: 1rem; font-size: 0.85rem; color: #64748b; }
.branding-poweredby { color: #64748b; text-decoration: none; font-weight: 500; }
.branding-poweredby:hover { color: #2563eb; }

@media (max-width: 576px) { .task-login #logo { max-width: 180px; } }