/* Shared OM user menu — role bar and legacy navbar */
:root {
    --clr-primary:        #2c4f8d;
    --clr-primary-light:  #f0f4fa;
    --om-nav-text:        #475569;
    --om-nav-icon:        #94a3b8;
    --om-user-menu-text:  var(--om-nav-text);
    --om-user-menu-icon:  var(--om-nav-icon);
    --om-user-menu-border: #e2e8f0;
    --om-user-menu-logout-hover-bg: #fef2f2;
    --om-user-menu-logout-hover-text: #ef4444;
}

.om-user-menu {
    position: relative;
    display: inline-flex;
    flex-direction: column;
    align-items: stretch;
    --bs-dropdown-spacer: 0;
}

.om-user-menu-toggle {
    background: transparent;
    color: white !important;
    border: none;
    border-radius: 0.375rem;
    padding: 0.35rem 0.5rem;
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    box-shadow: none;
    white-space: nowrap;
}
.om-user-menu-toggle:hover,
.om-user-menu-toggle:focus {
    background: rgba(255, 255, 255, 0.1);
    color: white !important;
    box-shadow: none;
}
.om-user-menu-toggle.show,
.om-user-menu-toggle[aria-expanded="true"] {
    background: rgba(255, 255, 255, 0.14);
    color: white !important;
    box-shadow: none;
    border-radius: 0.375rem 0.375rem 0 0;
}
.om-role-bar .om-user-menu-toggle,
.navbar .header-greeting .om-user-menu-toggle {
    font-size: 1rem;
    font-weight: 500;
}

/* Legacy navbar (simulator, platform): match om-role-bar alignment */
.navbar .header-greeting.om-user-menu {
    align-self: center;
    margin: 0;
    padding: 0;
}

.navbar .header-greeting.om-user-menu > .om-user-menu-toggle,
.navbar .header-greeting.om-user-menu > .header-white-btn.om-user-menu-toggle {
    margin: 0;
    padding: 0.35rem 0.5rem;
}

.om-user-menu .om-user-dropdown.dropdown-menu {
    background: white;
    border: 1px solid var(--om-user-menu-border);
    border-top: none;
    border-radius: 0 0 0.5rem 0.5rem;
    padding: 0.375rem;
    margin-top: 0 !important;
    min-width: 100%;
    width: max-content;
    max-width: min(100vw - 1rem, 20rem);
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.08), 0 8px 10px -6px rgba(0, 0, 0, 0.05);
    overflow: hidden;
    top: 100%;
    right: 0;
    left: auto;
}

.om-user-menu .om-user-dropdown .dropdown-item {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.625rem 0.875rem;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.25;
    color: var(--om-user-menu-text) !important;
    border: none;
    border-radius: 0.375rem;
    text-decoration: none;
    position: relative;
    transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out;
    white-space: nowrap;
}

.om-user-menu .om-user-dropdown .dropdown-item:hover,
.om-user-menu .om-user-dropdown .dropdown-item:focus,
.om-user-menu .om-user-dropdown .dropdown-item:active,
.om-user-menu .om-user-dropdown .dropdown-item.active {
    background: var(--clr-primary-light) !important;
    color: var(--clr-primary) !important;
    font-weight: 500;
    border-color: transparent !important;
    box-shadow: none !important;
}

.om-user-menu .om-user-dropdown .dropdown-item:not(.om-user-menu-item-logout):hover::before,
.om-user-menu .om-user-dropdown .dropdown-item:not(.om-user-menu-item-logout):focus::before,
.om-user-menu .om-user-dropdown .dropdown-item:not(.om-user-menu-item-logout):active::before,
.om-user-menu .om-user-dropdown .dropdown-item:not(.om-user-menu-item-logout).active::before {
    content: '';
    position: absolute;
    left: 0;
    top: 25%;
    height: 50%;
    width: 3px;
    background-color: var(--clr-primary);
    border-radius: 0 4px 4px 0;
}

.om-user-menu .om-user-dropdown .dropdown-item i {
    width: 1rem;
    min-width: 1rem;
    margin: 0;
    font-size: 0.875rem;
    opacity: 1;
    flex-shrink: 0;
    text-align: center;
    color: var(--om-user-menu-icon) !important;
    transition: color 0.15s ease-in-out;
}

.om-user-menu .om-user-dropdown .dropdown-item:hover i,
.om-user-menu .om-user-dropdown .dropdown-item:focus i {
    color: var(--clr-primary) !important;
}

.om-user-menu .om-user-dropdown li.om-user-menu-logout-divider {
    margin-top: 0.25rem;
    padding-top: 0.25rem;
    border-top: 1px solid #f1f5f9;
}

.om-user-menu .om-user-dropdown .om-user-menu-item-logout:hover,
.om-user-menu .om-user-dropdown .om-user-menu-item-logout:focus {
    background: var(--om-user-menu-logout-hover-bg) !important;
    color: var(--om-user-menu-logout-hover-text) !important;
    font-weight: 500;
}

.om-user-menu .om-user-dropdown .om-user-menu-item-logout:hover i,
.om-user-menu .om-user-dropdown .om-user-menu-item-logout:focus i {
    color: var(--om-user-menu-logout-hover-text) !important;
}

.om-user-menu .om-user-dropdown form {
    margin: 0;
}

.om-user-menu .om-user-dropdown button.dropdown-item {
    width: 100%;
    text-align: left;
    border: none !important;
    background: transparent;
    box-shadow: none !important;
}

/* Neutralize legacy site.css dropdown overrides (Platform / SimulensSim) */
.om-user-menu .om-user-dropdown.dropdown-menu,
.om-user-menu.show .om-user-dropdown.dropdown-menu,
.om-user-menu .om-user-dropdown.dropdown-menu.show {
    background: white !important;
}

.om-user-menu .om-user-dropdown .dropdown-item,
.om-user-menu .om-user-dropdown button.dropdown-item {
    border: none !important;
}