/* User selection dropdowns with avatars */

/* Native <select> must not show beside the enhanced Semantic dropdown */
body.eazydezk-app select.crm-user-select.crm-user-select--enhanced,
body.eazydezk-app select.crm-user-select[data-crm-user-dd] {
    display: none !important;
    visibility: hidden !important;
    position: absolute !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

.crm-user-dropdown.ui.dropdown {
    cursor: pointer !important;
    position: relative !important;
    width: 100% !important;
    min-height: 38px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

/* Menu must not be clipped when open */
body.eazydezk-app .crm-user-dropdown.ui.dropdown.active,
body.eazydezk-app .crm-user-dropdown.ui.dropdown.visible {
    overflow: visible !important;
    z-index: 5001 !important;
}

body.eazydezk-app .lead-assign-floating .crm-user-dropdown.ui.dropdown.active,
body.eazydezk-app .lead-assign-floating .crm-user-dropdown.ui.dropdown.visible,
body.eazydezk-app .lead-assign-floating-2 .crm-user-dropdown.ui.dropdown.active,
body.eazydezk-app .lead-assign-floating-2 .crm-user-dropdown.ui.dropdown.visible,
body.eazydezk-app .lead-assign-toolbar .crm-user-dropdown.ui.dropdown.active,
body.eazydezk-app .lead-assign-toolbar .crm-user-dropdown.ui.dropdown.visible {
    overflow: visible !important;
    z-index: 5010 !important;
}

body.eazydezk-app .lead-assign-floating .category-filter,
body.eazydezk-app .lead-assign-floating-2 .category-filter,
body.eazydezk-app .lead-assign-toolbar .category-filter {
    overflow: visible !important;
}

/* Open state: search field must not block menu item clicks */
body.eazydezk-app .crm-user-dropdown.ui.dropdown.active > input.search,
body.eazydezk-app .crm-user-dropdown.ui.dropdown.visible > input.search {
    pointer-events: auto !important;
    position: relative !important;
    width: 100% !important;
    height: auto !important;
    min-height: 2.2em !important;
    opacity: 1 !important;
    z-index: 2 !important;
}

body.eazydezk-app .crm-user-dropdown.ui.dropdown.active .menu > .item,
body.eazydezk-app .crm-user-dropdown.ui.dropdown.visible .menu > .item {
    cursor: pointer !important;
    pointer-events: auto !important;
}

/* One visible row when closed — search input overlays, does not stack below */
body.eazydezk-app .crm-user-dropdown.ui.search.dropdown:not(.active):not(.visible) > input.search {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0.65em 2.1em 0.65em 0.85em !important;
    opacity: 0.01 !important;
    pointer-events: auto !important;
    cursor: pointer !important;
    z-index: 5 !important;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.eazydezk-app .crm-user-dropdown.ui.search.dropdown:not(.active):not(.visible) > .text,
body.eazydezk-app .crm-user-dropdown.ui.search.dropdown:not(.active):not(.visible) > .default.text {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    margin: 0 !important;
    pointer-events: none !important;
}

.crm-user-dropdown.ui.dropdown > .text,
.crm-user-dropdown.ui.dropdown > .default.text {
    pointer-events: none !important;
    cursor: pointer !important;
}

.crm-user-dropdown.ui.dropdown > .dropdown.icon {
    pointer-events: none !important;
}

.crm-user-dropdown.ui.dropdown.active .menu,
.crm-user-dropdown.ui.dropdown.visible .menu {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    z-index: 5005 !important;
    max-height: 280px !important;
    overflow-y: auto !important;
}

.lead-assign-toolbar .crm-user-dropdown.ui.dropdown,
.lead-assign-floating .crm-user-dropdown.ui.dropdown,
.lead-assign-floating-2 .crm-user-dropdown.ui.dropdown {
    width: 100% !important;
}

.crm-user-dropdown.ui.dropdown > .text,
.crm-user-dropdown.ui.dropdown .menu > .item {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}

.crm-user-dropdown.ui.dropdown .menu > .item {
    padding: 8px 12px !important;
}

.crm-user-dropdown .crm-user-dd-avatar {
    width: 28px !important;
    height: 28px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    flex-shrink: 0 !important;
    margin: 0 !important;
}

.crm-user-dropdown .crm-user-dd-initials {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: #E8F0FE;
    color: #4286f4;
    font-size: 11px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.crm-user-dropdown .crm-user-dd-text {
    display: flex;
    flex-direction: column;
    min-width: 0;
    line-height: 1.25;
}

.crm-user-dropdown .crm-user-dd-name {
    font-size: 13px;
    font-weight: 600;
    color: #0f172a;
}

.crm-user-dropdown .crm-user-dd-role {
    font-size: 11px;
    color: #64748b;
}

.crm-user-dropdown.ui.dropdown .menu > .item.active,
.crm-user-dropdown.ui.dropdown .menu > .item:hover {
    background: #E8F0FE !important;
}

/* Auto-login / user list menus */
.crm-user-menu-item {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}

.crm-user-menu-item .crm-user-dd-avatar,
.crm-user-menu-item .crm-user-dd-initials {
    width: 26px !important;
    height: 26px !important;
}

.crm-user-menu-item a {
    display: flex;
    flex-direction: column;
    gap: 1px;
    color: inherit;
    text-decoration: none;
}

.crm-user-menu-item .user-role-badge {
    font-size: 10px;
    color: #64748b;
    font-weight: 500;
}

/* Lead view toolbar — menu must escape tab bar scroll clipping */
.lv-page .lv-toolbar .crm-user-dropdown.ui.dropdown.active .menu,
.lv-page .lv-toolbar .crm-user-dropdown.ui.dropdown.visible .menu {
    z-index: 2500 !important;
    max-height: 280px;
    overflow-y: auto;
}