.ant-select-selection-item:focus {
    background: white !important;
    color: black !important;
    outline: 2px solid #1890ff !important; /* Add a visible focus style */
}
.ant-select-tree-focused:not(:hover):not(.ant-select-tree-active-focused){
    background: #9ccdf8 !important;
    color: black !important;
}
.ant-select-tree .ant-select-tree-node-content-wrapper.ant-select-tree-node-selected{
    background-color:#9ccdf8 !important;
    color: black !important;
}
.ant-select-tree .ant-select-tree-node-content-wrapper:hover{
    background-color:#9ccdf8 !important;
    color: black !important;
}
.ant-select-tree .ant-select-tree-treenode-active .ant-select-tree-node-content-wrapper{
    background: #9ccdf8 !important;
    color: black !important;
}    
.ant-select-item-option-active {
    background-color:#9ccdf8 !important;
    color: black !important;
}
.ant-select-selection-placeholder {
    color: rgba(0, 0, 0, .85) !important;
}
.ant-select-tree-checkbox-inner {
    border: 1px solid rgba(0, 0, 0, .85) !important;
}

/* Apply focus outline to the tree checkboxes */
.ant-tree-checkbox-wrapper:focus-within,
.ant-tree-checkbox:focus {
  outline: 2px solid black !important; /* Black focus outline */
  outline-offset: 2px !important; /* Adds spacing between outline and element */
}
 
/* Optional: Style the checkbox directly when focused */
.ant-tree-checkbox:focus {
  outline: 2px solid black !important;
}
 
/* Ensure focus is visible on keyboard navigation for the whole list item */
.ant-select-tree-node-content-wrapper:focus {
  outline: 2px solid black !important;
  outline-offset: 2px !important;
}