.password-wrapper input[type="text"] {
    -webkit-text-security: none !important;
    font-family: inherit !important;
}

.password-wrapper input[type="password"] {
    -webkit-text-security: disc !important;
}

.password-wrapper {
    position: relative;
}

.password-wrapper input {
    padding-right: 40px;
    z-index: 1;
    position: relative;
}

.password-wrapper .toggle-password {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    color: #666;
    z-index: 10;
    pointer-events: auto;
}

.password-conditions {
    list-style: none;
    padding-left: 0 !important;
    margin-top: 8px;
}

.password-conditions li {
    font-size: 0.9em;
    margin-bottom: 3px;
    text-align: left;
}

.password-conditions li.invalid {
    color: #c24c4c; 
}

.password-conditions li.valid {
    color: #2f8a3a;
}