/* Stratechna Theme Override */

/* Task menu lateral - fundo escuro */
#taskmenu {
    background-color: #1a1f22;
}

/* Botoes primarios */
.btn-primary, .button.primary {
    background-color: #880000;
    border-color: #880000;
}
.btn-primary:hover, .button.primary:hover {
    background-color: #660000;
    border-color: #660000;
}

/* Links */
a { color: #B20009; }
a:hover { color: #880000; }

/* Hover em menus */
.menu li a:hover, .popupmenu li a:hover {
    background-color: #880000;
    color: #fff;
}

/* Badges e contadores */
.badge { background-color: #880000; }

/* Barra de pesquisa focus */
.searchbar input:focus { border-color: #880000; }

/* Checkboxes */
input[type=checkbox]:checked { accent-color: #880000; }

/* Selected items */
.listing li.selected, .treelist li.selected {
    background-color: #f9e6e6;
}

/* Login page - botao */
#login-form .submit {
    background-color: #880000;
    border-color: #880000;
}
#login-form .submit:hover {
    background-color: #660000;
}

/* Logo maior */
#logo { width: 225px !important; height: auto !important; }

/* Esconder "Roundcube Webmail" */
#login-footer { display: none !important; }

/* Logo maior - sobrescrever max-height do elastic */
.task-login #logo { max-height: 160px !important; max-width: 240px !important; }

/* Barra lateral esquerda - fundo preto */
#layout-menu { background-color: #111314 !important; }
#taskmenu { background-color: #111314 !important; }

/* Logo no menu lateral - tamanho correcto */
#layout-menu .popover-header img, #layout-menu #logo { max-width: 42px !important; max-height: 42px !important; width: 42px !important; height: 42px !important; }

/* Barra lateral - tudo preto incluindo topo e fundo */
#layout-menu, #layout-menu .popover-header, #layout-menu .special-buttons,
#taskmenu, #taskmenu .special-buttons {
    background-color: #111314 !important;
    background: #111314 !important;
}

/* Logo no menu - forçar tamanho pequeno */
#layout-menu img#logo { width: 36px !important; height: 36px !important; max-width: 36px !important; max-height: 36px !important; object-fit: contain !important; }